@import url(animate.min.css);
@import url(isg-icons.css);

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); /*font-family: "Poppins", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); /*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap'); /*font-family: "Paytone One", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /*font-family: "Montserrat", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap'); /*font-family: 'Caveat Brush', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap'); /*font-family: "Oswald", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,600;1,600&display=swap'); /* font-family: "Aleo", serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&display=swap'); /* font-family: "Cinzel Decorative", serif; */
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100..900&display=swap'); /* font-family: "Exo", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* font-family: "Barlow", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap'); /* font-family: "Bungee", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap'); /* font-family: "Paytone One", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); /* font-family: "Lora", serif; */

@font-face {
  font-family: 'Helvetica-Bold';
  src: url('../fonts/Helvetica-Bold.eot');
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Helvetica-Bold.woff2') format('woff2'),
      url('../fonts/Helvetica-Bold.woff') format('woff'),
      url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'HelveticaRoundedLTStd-Black';
	src: url('../fonts/HelveticaRoundedLTStd-Black.eot');
	src: url('../fonts/HelveticaRoundedLTStd-Black.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/HelveticaRoundedLTStd-Black.woff2') format('woff2'),
	    url('../fonts/HelveticaRoundedLTStd-Black.woff') format('woff'),
	    url('../fonts/HelveticaRoundedLTStd-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/HelveticaRounded-Bold.eot');
  src: url('../fonts/HelveticaRounded-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaRounded-Bold.woff2') format('woff2'),
      url('../fonts/HelveticaRounded-Bold.woff') format('woff'),
      url('../fonts/HelveticaRounded-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial-Bold';
  src: url('../fonts/Arial-BoldMT.eot');
  src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Arial-BoldMT.woff2') format('woff2'),
      url('../fonts/Arial-BoldMT.woff') format('woff'),
      url('../fonts/Arial-BoldMT.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial-Black';
  src: url('../fonts/Arial-Black.eot');
  src: url('../fonts/Arial-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Arial-Black.woff2') format('woff2'),
      url('../fonts/Arial-Black.woff') format('woff'),
      url('../fonts/Arial-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Anja Eliane';
  src: url('../fonts/AnjaElianeNornal.eot');
  src: url('../fonts/AnjaElianeNornal.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AnjaElianeNornal.woff2') format('woff2'),
      url('../fonts/AnjaElianeNornal.woff') format('woff'),
      url('../fonts/AnjaElianeNornal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family:'Cubano';
	src: url('../fonts/Cubano-Regular.eot');
	src: url('../fonts/Cubano-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Cubano-Regular.woff2') format('woff2'),
			url('../fonts/Cubano-Regular.woff') format('woff'),
			url('../fonts/Cubano-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
  font-family: 'IFC RAILROAD';
  src: url('../fonts/IFCRAILROAD-Bold.eot');
  src: url('../fonts/IFCRAILROAD-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/IFCRAILROAD-Bold.woff2') format('woff2'),
      url('../fonts/IFCRAILROAD-Bold.woff') format('woff'),
      url('../fonts/IFCRAILROAD-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BrownPro-Bold';
  src: url('../fonts/BrownPro-Bold.eot');
  src: url('../fonts/BrownPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BrownPro-Bold.woff2') format('woff2'),
      url('../fonts/BrownPro-Bold.woff') format('woff'),
      url('../fonts/BrownPro-Bold.ttf') format('truetype'),
      url('../fonts/BrownPro-Bold.svg#BrownPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('../fonts/Gotham-Medium.eot');
  src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gotham-Medium.woff2') format('woff2'),
      url('../fonts/Gotham-Medium.woff') format('woff'),
      url('../fonts/Gotham-Medium.ttf') format('truetype'),
      url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Angry Birds Movie';
  src: url('../fonts/AngryBirdsMovie.eot');
  src: url('../fonts/AngryBirdsMovie.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AngryBirdsMovie.woff2') format('woff2'),
      url('../fonts/AngryBirdsMovie.woff') format('woff'),
      url('../fonts/AngryBirdsMovie.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AG Book Rounded Medium';
  src: url('../fonts/AGBookRounded-Medium.eot');
  src: url('../fonts/AGBookRounded-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AGBookRounded-Medium.woff2') format('woff2'),
      url('../fonts/AGBookRounded-Medium.woff') format('woff'),
      url('../fonts/AGBookRounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AG Book Rounded';
  src: url('../fonts/AGBookRounded-Bold.eot');
  src: url('../fonts/AGBookRounded-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AGBookRounded-Bold.woff2') format('woff2'),
      url('../fonts/AGBookRounded-Bold.woff') format('woff'),
      url('../fonts/AGBookRounded-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plumpfull';
  src: url('../fonts/Plumpfull.eot');
  src: url('../fonts/Plumpfull.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Plumpfull.woff2') format('woff2'),
      url('../fonts/Plumpfull.woff') format('woff'),
      url('../fonts/Plumpfull.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raphia Personal Use';
  src: url('../fonts/RaphiaPersonalUse.eot');
  src: url('../fonts/RaphiaPersonalUse.eot?#iefix') format('embedded-opentype'),
      url('../fonts/RaphiaPersonalUse.woff2') format('woff2'),
      url('../fonts/RaphiaPersonalUse.woff') format('woff'),
      url('../fonts/RaphiaPersonalUse.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "KTF-Roadbrush V2";
  src: url("../fonts/KTF-Roadbrush V2.eot");
  src: url("../fonts/KTF-Roadbrush V2.woff2")format("woff2"),
    url("../fonts/KTF-Roadbrush V2.ttf")format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family: 'BubbleboddyNeueTrial-ExtraBold';
  src: url('../fonts/BubbleboddyNeueTrial-ExtraBold.eot');
  src: url('../fonts/BubbleboddyNeueTrial-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BubbleboddyNeueTrial-ExtraBold.woff2') format('woff2'),
      url('../fonts/BubbleboddyNeueTrial-ExtraBold.woff') format('woff'),
      url('../fonts/BubbleboddyNeueTrial-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GROBOLD';
  src: url('../fonts/GROBOLD.eot');
  src: url('../fonts/GROBOLD.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GROBOLD.woff2') format('woff2'),
      url('../fonts/GROBOLD.woff') format('woff'),
      url('../fonts/GROBOLD.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Acumin Pro';
  src: url('../fonts/AcuminPro-Bold.eot');
  src: url('../fonts/AcuminPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AcuminPro-Bold.woff2') format('woff2'),
      url('../fonts/AcuminPro-Bold.woff') format('woff'),
      url('../fonts/AcuminPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geogrotesque';
  src: url('../fonts/Geogrotesque-Regular.eot');
  src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Geogrotesque-Regular.woff2') format('woff2'),
      url('../fonts/Geogrotesque-Regular.woff') format('woff'),
      url('../fonts/Geogrotesque-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geogrotesque';
  src: url('../fonts/Geogrotesque-Medium.eot');
  src: url('../fonts/Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Geogrotesque-Medium.woff2') format('woff2'),
      url('../fonts/Geogrotesque-Medium.woff') format('woff'),
      url('../fonts/Geogrotesque-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geogrotesque';
  src: url('../fonts/Geogrotesque-SemiBold.eot');
  src: url('../fonts/Geogrotesque-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Geogrotesque-SemiBold.woff2') format('woff2'),
      url('../fonts/Geogrotesque-SemiBold.woff') format('woff'),
      url('../fonts/Geogrotesque-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geogrotesque';
  src: url('../fonts/Geogrotesque-Bold.eot');
  src: url('../fonts/Geogrotesque-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Geogrotesque-Bold.woff2') format('woff2'),
      url('../fonts/Geogrotesque-Bold.woff') format('woff'),
      url('../fonts/Geogrotesque-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Squirk';
  src: url('../fonts/Squirk.eot');
  src: url('../fonts/Squirk.eot?iefix') format('embedded-opentype'), 
      url('../fonts/Squirk.woff2') format('woff2'),
      url('../fonts/Squirk.woff') format('woff'),
      url('../fonts/Squirk.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Comic';
  src: url('../fonts/ComicImpactRegular.eot');
  src: url('../fonts/ComicImpactRegular.eot?iefix') format('embedded-opentype'), 
      url('../fonts/ComicImpactRegular.woff2') format('woff2'),
      url('../fonts/ComicImpactRegular.woff') format('woff'),
      url('../fonts/ComicImpactRegular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'A-AbsoluteEmpire';
  src: url('../fonts/A-AbsoluteEmpire.eot');
  src: url('../fonts/A-AbsoluteEmpire.eot?iefix') format('embedded-opentype'), 
      url('../fonts/A-AbsoluteEmpire.woff2') format('woff2'),
      url('../fonts/A-AbsoluteEmpire.woff') format('woff'),
      url('../fonts/A-AbsoluteEmpire.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KimberleyBl-Regular';
  src: url('../fonts/KimberleyBl-Regular.eot');
  src: url('../fonts/KimberleyBl-Regular.eot?iefix') format('embedded-opentype'), 
      url('../fonts/KimberleyBl-Regular.woff2') format('woff2'),
      url('../fonts/KimberleyBl-Regular.woff') format('woff'),
      url('../fonts/KimberleyBl-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AntennaCond-bold';
  src: url('../fonts/AntennaCond-bold.eot');
  src: url('../fonts/AntennaCond-bold.eot?iefix') format('embedded-opentype'), 
      url('../fonts/AntennaCond-bold.woff2') format('woff2'),
      url('../fonts/AntennaCond-bold.woff') format('woff'),
      url('../fonts/AntennaCond-bold.ttf') format('truetype');
  font-style: bold;
  font-display: swap;
}

@font-face {
  font-family: 'SpongyPERSONALUSEONLY-Regular';
  src: url('../fonts/SpongyPERSONALUSEONLY-Regular.eot');
  src: url('../fonts/SpongyPERSONALUSEONLY-Regular.eot?iefix') format('embedded-opentype'), 
      url('../fonts/SpongyPERSONALUSEONLY-Regular.woff2') format('woff2'),
      url('../fonts/SpongyPERSONALUSEONLY-Regular.woff') format('woff'),
      url('../fonts/SpongyPERSONALUSEONLY-Regular.ttf') format('truetype');
  font-style: bold;
  font-display: swap;
}



:root {
/*Colors*/
--clr-base:#1e0157;
--clr-base-light:#6d01d2;
--clr-dark:#0A1738;
--clr-dark-alt:#42137b;
--clr-action:#1e0157;

/*Background Colors*/
--bg-body:#ecd8ff;
--bg-base:#1e0157;
--bg-primary:#8400ff;
--bg-secondary:#ffc000;
--bg-dark:#3e265c;
--bg-action:#ffc000;

/*Border Colors*/
--bdr1:#ecd8ff;
--bdr2:#ffc000;
	
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black';	
}


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

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

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

/*NORMAL CSS*/
::selection{background:#0067ab; color:#fff;}
::-moz-selection{background:#0067ab; color:#fff;}
.container{margin:0 auto; width:100%; max-width:1500px; padding:0 8px;}
.row{margin:0 -8px;}
.row-content{float:left; width: 100%; display: flex; flex-wrap:wrap;}
.pull-left{float:left;}
.pull-right{float:right;}
.block{float:left; width:100%;}
.event-none{pointer-events:none;}
.icon{display:inline-block; font-size:20px; vertical-align: middle;}
.full-row{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.col-half{float:left; width:calc(50% - 8px);}
.mob-fig{display:none;}
.hidden{display:none !important;}
.word-label{display:inline-block;}

/*BUTTON CSS*/
.btn{display:inline-block; padding:0 20px; text-align:center; color:#212121; font-size:14px; font-weight:600; line-height:40px; font-family:'Roboto', sans-serif; border-radius:4px; -webkit-border-radius:4px; background:#fff; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border:0;}
.primary-btn{background:var(--bg-action); color:#fff;}
.bdr-btn{background:none; color:#fff; border:1px solid #B3B8C2; color:var(--clr-dark);}
.btn-img{display:inline-block; transition:all 0.5s ease 0s;}
.btn-img .btn-fig{float:left; width:100%; position:relative;}
.btn-img .btn-fig img{float:left; width:100%;}
.btn-img .btn-fig:after{content:""; position:absolute; left:0; right:0; top:0; width:100%; height:100%; border-radius:50px; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.19);}
@keyframes shine{
  0%{opacity:1; background-position:top left, bottom right, 0 0, 0 0;}
  100%{opacity:1; background-position:bottom right, top left, 0 0, 0 0;}
}

/*Owl Carousel*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;}
.owl-carousel{display:none;width:100%;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block;}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-dots{text-align:center;}
.owl-carousel .owl-dot{margin:2px; display:inline-block;}
.owl-carousel .owl-dot span{width:15px; height:15px; display:inline-block; border-radius:100%; background:#b88de0; border:2px solid #f7ecff;}
.owl-carousel .owl-dot.active span{background:var(--bg-primary); border-color:#fff;}


/*Loading CSS Start*/
.loading-wrapper{position:fixed; width:100%; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.8);}
.loading-wrapper.game-iframe-loader{position:relative; height:84vh;background:transparent; display:flex; align-items:center; justify-content:center;}    
.loader-ring{display:inline-block; position:relative; width:40px; height:40px; border:4px solid var(--clr-base); border-color:var(--clr-base) transparent var(--clr-base) var(--clr-base); animation:lds-ring 650ms linear infinite; border-radius:50%;}
@keyframes lds-ring {
  0%  {transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
/*Loading CSS END*/

/*Modal CSS start*/
.modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100vh;width:100%;cursor:pointer;}
.show .modal-overlay{background:rgba(0,0,0,.6);}
.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;display:none;overflow-y:auto;padding:0 10px;}
.modal.show{display:block;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;}
.modal-body{display:inline-block;width:100%;max-width:1020px;position:relative;z-index:2;padding:0;}
.popup-info{z-index:1;position:relative;display:block;width:100%;float:left;background:#fff;background:#fff;border-radius:5px;padding:15px;}
.popup-info iframe{width:100%;}
.close-popup{position:relative;}
.close-popup i{position:absolute;right:-21px;top:-21px;border-radius:20px;width:30px;height:30px;background:var(--bg-base);z-index:9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;}
.popup-show{overflow:hidden}

.modal-head{float:left;width:100%;}
.modal-head-title{color:#fff;font-size:18px;text-transform:uppercase;padding-top:3px;font-weight:700;padding-right:46px;}
.modal-close{position:absolute;right:-21px;top:-21px;border-radius:20px;width:30px;height:30px;z-index:9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;}
.modal-close img{float:left;width:16px;}

body.show-modal{overflow:hidden;}
.zoom-image{cursor:pointer;}
.image-zoom-figure{display:flex;float:left;height:100%;align-items:center;justify-content:center;background:#fff;padding:15px;border-radius:5px;}
.image-zoom{max-width:100%; max-height:100%;}
.modal.zoom-modal{z-index:999;padding:0px;}
.modal.zoom-modal .modal-overlay{background:rgba(0, 0, 0, 0.80);min-height:100%;}
.modal.zoom-modal .modal-outer{padding:10px 25px;float:left;width:100%;}
.modal.zoom-modal .modal-close{right:-16px;top:-16px;}
.modal.zoom-modal .popup-info{display:flex;text-align:center;align-items:center;padding:0;justify-content:center;}
.modal.zoom-modal .modal-body{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;max-width:1360px;margin:0 auto;display:flex;max-height:calc(100vh - 48px);}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

.play-game{float:left; width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:1;}
.play-game-btn{float:left; width:60px; background:var(--bg-base); display:flex; justify-content:center; align-items:center; padding:10px;}
.play-game-btn .icon{font-size:16px; color:#fff; transform:rotate(-90deg); float:left;}
.game-iframe .play-game-btn{width:100px; padding:12px;}
.game-iframe .play-game-btn .icon{font-size:24px;}

.modal.game-modal .modal-body{width:auto; max-width:1240px; padding:10px; background:#fff; border-radius:0;}
.modal.game-modal .modal-close{background:none; border:2px solid #fff; top:-28px; right:-28px; height:28px; width:28px;}
.modal.game-modal .modal-close .icon{font-size:12px;}
.modal.game-modal .modal-close .material-icons{font-size:16px;}
.modal-frame{float:left; width:100%;}
.game-iframe{float:left; width:100%; height:76vh; position:relative;}
.game-iframe iframe{background:transparent;vertical-align: top;position: relative;width: 100%;height: 100%;min-width: 100%;min-height: 100%;max-width: 100%;max-height: 100%;margin: 0px;overflow: hidden;display: block;border:0px;}

@media(max-width:767px){
	.modal.zoom-modal .modal-body{margin-bottom:40px;max-height:calc(100vh - 70px);}
	.modal.zoom-modal .image-zoom-figure{padding:5px;}
	.modal.zoom-modal .modal-outer{padding:0 10px;}
	.modal.zoom-modal .modal-close{top:auto;bottom:-40px;right:auto;left:calc(50% - 15px);}
}
@media only screen and (min-device-width:300px) and (max-device-width:812px) and (orientation:landscape){
	.modal.zoom-modal .image-zoom-figure{padding:5px;}
	.modal.zoom-modal .modal-body{max-height:calc(100vh - 90px);margin-bottom:30px;}
	.modal.zoom-modal .modal-outer{padding:10px;}
	.modal.zoom-modal .modal-close{top:auto;bottom:-40px;right:auto;left:calc(50% - 15px);}
}
/*Modal CSS end*/

/*Perfect ScrollBar*/
*{scrollbar-color:#008de1 auto;}
*::-webkit-scrollbar{width:5px; border-radius:20px; height:5px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background-color:#008de1; border-radius:20px; width:5px; height:5px;}
/*Perfect ScrollBar*/


/* ***************************** // Secret Letter Game CSS Start // ***************************** */
/* HEADER CSS Start */
.main-section{float:left; width:100%;}

.header{float:left; width:100%; height:70px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.4); display:flex; flex-wrap:wrap; align-items:center; position:fixed; top:0; left:0; z-index:100;}
.header-outer{float:left; width:100%;}
.header-inner{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.barnd-logo{float:left; flex:0 0 32%;}
.brand-figure{float:left; width:310px;}
.brand-figure img{float:left; width:100%;}
.mob-logo{display:none;}

.menu-btn{display:none;}
.navbar{float:right; width:100%; flex:1;}
.navbar-outer{float:right; width:100%;}
.navbar .nav{float:right; width:100%; display:flex; justify-content:space-between;}
.navbar .nav-item{display:inline-flex; align-items:center; justify-content:space-between;}
.nav-item-label{font-size:20px; line-height:1em; color:var(--clr-action); font-weight:500; font-family:var(--font-base); padding:10px 31px 11px; border-radius:25px; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
@media (hover: hover) {
  .active .nav-item-label, .nav-item-label:hover{background:var(--bg-action); color:#fff;}
}
.navbar-close{display:none;}
.menu-overlay{float:left; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99; background:rgba(0,0,0,0.8); cursor:pointer; display:none;}
.menu-overlay.show{display:block;}
/* HEADER CSS End */

/* ========================= Header CSS Start =========================== */
body.hide-overflow{position:fixed; top:0; height:100%; width:100%; overflow:hidden;}
.main-header{float:left; width:100%; position:relative; z-index:10; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.header-outer{float:left; width:100%; padding:27px 0px; background:#fff; height:94px; display:flex; align-items:center;}
.header-inner{float:left; width:100%; display:flex; justify-content:space-between; align-items:center;}
.game-brand-logo{float:left; width:100%; max-width:300px;}
.game-brand-figure{float:left; width:100%;}
.game-brand-figure img{float:left; width:100%;}
.main-header .container{width:100%; max-width:1500px !important; padding:0 10px;}

.nav-bar{float:left; flex:1;}
.nav-bar-inner{float:right; width:100%; display:flex; height:100%;}
.nav-listing{float:right; width:100%; display:flex; align-items:center; gap:3.5%; justify-content:flex-end;} 
.nav-list-item{float:left; position:relative;}
.nav-item{float:left; width:100%; color:#000; position:relative; transform:all 0.3s ease 0s; cursor:pointer; font-family:"Exo", sans-serif;}
.nav-item:hover:after, .active .nav-item:after{right:0;}
.active .nav-item{color:#3de6fb;}
.active .nav-item .nav-label{font-weight:bold; color:#3de6fb !important;}
.nav-label{float:left; width:100%; font-size:18px; color:#000 !important; line-height:1.3em; font-family:"Exo", sans-serif !important; font-weight:500; text-transform:uppercase;}

.main-header .nav-close{float:left; width:100%; height:50px; border-bottom:1px solid #d9d9d9; background:#fff; display:none; position:static;}
.close-btn{float:left; width:44px; height:100%; display:flex; align-items:center; font-size:20px; color:#000; margin-right:0; padding-left:10px;}
.nav-title{float:left; flex:1; font-size:16px; color:#000; align-self:center; font-weight:600;  font-family:"Exo", sans-serif;}
.mobile-navbar{float:right; display:none;}
.mobile-navbar .icon{color:#008de1; font-size:24px; cursor:pointer; float:left;}
.nav-overlay{float:left; width:100%; position:fixed; background-color:rgba(0, 0, 0, 0.75); height:100%; max-height:100%; top:0; left:0; z-index:2; transition:all 0.4s ease 0s; visibility:hidden; opacity:0; display:none;}

.sub-nav-bar{float:left; width:100%;}
.sub-nav-list{float:left; width:100%; border-radius:4px; background:#fff; position:relative;}
.sub-nav-li{float:left; width:100%; border-bottom:1px solid #d9d9d9;}
.sub-nav-li:last-child{border-bottom:none;}
.sub-nav-item{float:left; width:100%; padding:10px 8px; font-family: "Poppins", sans-serif;}
.sub-item-label{float:left; width:100%; font-size:14px; color:#000; font-weight:400;}
.sub-nav-li:hover .sub-item-label{color:#008de1;}
.add-dropdown .nav-item:before{position:absolute; top:0; right:0; color:#121212; font-size:12px; content:'\ea05'; font-family:'isg-icons'; display:flex; height:100%; align-items:center; justify-content:center; transition:all 0.3s ease 0s;}

.sub-header{float:left; width:100%; background:#d2d8dc; font-family:'Roboto', sans-serif;}
.ag-page-title-outer{display:flex; float:left; width:100%;}
.ar-page-title-head{float:left; padding-right:20px; margin:10px 10px 10px 0px; border-right:2px solid #bababa; position:relative; display:flex; align-items:center;}
.ar-page-title-head:after{position:absolute; content:"\e9c5"; font-family:'isg-icons'; right:-8px; top:50%; clear:both; width:10px; height:9px; color:#bababa; font-size:10px; background:#d2d8dc; margin-top:-5px; line-height:10px; float:left;}
.ar-page-title-head span{padding:0px; font-size:24px; font-weight:bold; display:block; color:#333; line-height:1em;}
.ar-page-nav-head{float:left; width:100%; position:relative; height:66px; overflow:hidden; padding:0px 0px 0px 10px;}
.ar-page-nav-inner{float:left; width:100%;}
.ar-page-nav-out{float:left; flex:1; display:flex; width:100%; overflow:auto; align-items:center;}
.game-nav{overflow:hidden; overflow-x:auto; height:80px; padding:0px; justify-content:left; display:flex; -webkit-overflow-scrolling:touch;}
.game-nav > ul{float:left; height:66px; display:table-cell; white-space:nowrap;}
.game-nav > ul > li{position:relative; display:inline-block; margin-right:4px; height:100%;}
.game-nav > ul > li > a{color:#000000; float:left; font-size:15px; font-weight:normal; text-transform:uppercase; padding:0 20px; display:flex; align-items:center; height:100%;}
.game-nav ul li.active a:after{position:absolute; bottom:0; left:0; width:100%; content:''; border-bottom:3px solid #1f59bc;}
.game-nav ul li.active a{color:#1f59bc; font-weight:600;}

@media(max-width:1359px){
  .nav-label{font-size:15px;}
  .nav-listing{gap:15px;}
  .header-outer{padding:18px 0px; height:74px;}
  .prediction-products{margin-right:90px;}
}

@media(max-width:1080px){
  .game-brand-logo{max-width:120px;}
  .nav-label{font-size:12px;}
  .nav-listing{gap:10px;}
  .header-outer{padding:12px 0px; height:54px;}

  .ar-page-title-head span{font-size:20px;}
}

@media(min-width:768px){
  .desk-none{display:none !important;}
  .nav-item:hover{color:#3de6fb;}
  .nav-item:after{position:absolute; bottom:-8px; left:0; right:100%; height:5px; content:''; float:left; transition:all 0.3s ease 0s;  background-image: -moz-linear-gradient( 0deg, rgba(67,240,255,0.99608) 0%, rgb(11,149,224) 100%);  background-image: -webkit-linear-gradient( 0deg, rgba(67,240,255,0.99608) 0%, rgb(11,149,224) 100%);  background-image: -ms-linear-gradient( 0deg, rgba(67,240,255,0.99608) 0%, rgb(11,149,224) 100%);}
  .sub-nav-bar{min-width:180px; position:absolute; top:calc(100% - 2px); left:0; z-index:1; display:none;}   
  .add-dropdown:hover > .sub-nav-bar{display:block;}
  .sub-nav-list:before{position:absolute; top:-9px; left:5px; color:#fff; font-size:14px; content:'\e991'; font-family:'isg-icons';}
  .sub-nav-list{margin-top:14px; filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.3));}
  .add-dropdown .nav-item{padding-right:18px;} 
  .active.add-dropdown .nav-item:before{color:#3de6fb;}
}

@media(max-width:767px){
  .mob-none{display:none !important;}
  .main-header{position:sticky; position:-webkit-sticky; top:0; box-shadow:0 2px 2px rgba(0,0,0,0.3);}
  .header-outer{background:#fff;}
  .nav-bar{float:left;width:100%;display:flex;flex-direction:column;width:calc(100% - 50px);background:#ffffff;position:fixed;top:0;left:-100vw;height:100%;z-index:3;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;margin:0;align-items:flex-start;align-content:start;padding:0px;max-width:320px;}
  .nav-bar.show{left:0px;}
  .nav-bar-inner{flex-direction:column; overflow:hidden;}
  .main-header .nav-close{display:flex; padding:0;}
  .nav-listing{flex:1; overflow:hidden; overflow-y:auto; flex-direction:column; gap:inherit; padding:0 10px; justify-content:flex-start;}
  .nav-list-item{float:left; width:100%; border-bottom:1px solid #d9d9d9;}
  .nav-item{color:#000; padding:10px 0px !important; border:none !important;}
  .show-nav .nav-overlay{visibility:visible; opacity:1; display:block;}
  .mobile-navbar{display:block;}
  .sub-nav-list{background:#f7f7f7; border-radius:0;} 
  .sub-nav-bar{display:none; padding-bottom:8px;}
  .open-dropdown .nav-item:before{transform:rotate(180deg);}
  .add-dropdown .nav-item:before{color:#008de1; right:10px; display:flex !important;}

  .game-nav > ul > li > a{padding:0 5px; font-size:14px;}
  .ar-page-nav-head{padding:0px;}
  .ar-page-title-head{padding-right:8px;}
  .ar-page-title-head span{font-size:15px;}
  .sub-header .container{padding-right:0px;}
}
/* ========================= Header CSS End =========================== */

/* Banner CSS Start */
.middle-wrapper{float:left; width:100%; overflow:hidden;}

.banner-sec-outer{background:var(--banner-bg) no-repeat center center; background-size:cover; padding:20vmin 0;}
.banner-content{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.banner-col{float:left; width:100%; flex:1;}
.banner-col.left{max-width:48%; padding-right:30px;}

.banner-head{margin-bottom:30px;}
.banner-title{font-size:53px; font-family:var(--font-head); color:#fff; text-transform:uppercase;}
.banner-text{font-size:27px; font-weight:500; color:#fff; margin-bottom:30px;}

.video-block{float:left; width:100%; border-radius:12px; overflow:hidden; position:relative;}
.video-fig{float:left; width:100%;}
.video-fig img{float:left; width:100%;}
.video-media{float:left; width:100%; height:calc(100% * 9 / 16);}
.video-frame-outer{position:absolute;float:left;top: 3.5%;bottom: 5%;left: 2.8%;right: 2.9%; border-radius:20px; overflow:hidden; z-index:2;}
.video-container{position:relative; width:100%; padding-bottom:56.3%;}
.video-container video {float:left; width:100%; height:100%; transform: translateX(-50%) translateY(-50%); position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; z-index:2; object-fit:cover;}
.secret-letter-game .video-frame-outer{top:0; left:0; right:0; bottom:0; border-radius:12px;}     
.secret-letter-game .video-container{padding-bottom:60%;}
.video-play-btn{float:left; width:100%; position:absolute; left:0; top:0; height:100%; display:flex; align-items:center; justify-content:center; z-index:5; cursor:pointer;}
.video-play-btn img{float:left; width:100%; max-width:76px;}
.play-video .video-play-btn{display:none;}


.video-iframe{float:left;width:100%;position:relative;}
.video-iframe img{float:left;width:100%;}
.client-video{position:absolute; top:3.5%; bottom:5%; left:2.8%; right:2.9%; border-radius:20px; overflow:hidden; z-index:3;}
.client-video .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video{float:left;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);position:absolute;top: 50%;left:50%;min-width:100%;min-height:100%;z-index:2;object-fit:cover; }
.client-video .rtopVideoPlayerWrapper,
.client-video .rtopVideoPlayer,
.client-video .rtopVideoHolder{height: 100%;}
.client-video .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder{padding:70%;}
.video-poster{float:left; width:calc(100% - 5.6%); height:calc(100% - 8.5%); position:absolute; top:3.5%; bottom:5%; left:2.8%; right:2.9%; border-radius:20px; overflow:hidden; z-index:2;}
.video-poster img{height:100%;}

.secret-letter-game .video-iframe{padding-bottom:56.8%;}
.secret-letter-game .client-video{top:0; bottom:0; left:0; right:0; border-radius:10px;}
.secret-letter-game .video-poster{width:100%; height:100%; top:0; bottom:0; left:0; right:0; border-radius:10px;}

.banner-btn-bar .play-now-btn{float:left; width:100%; max-width:286px;}
@media (hover: hover) {
	.btn-img:hover{transform:scale3d(0.98, 0.98, 0.98);}
}

.slide-arrow-bar{position:relative; left:0; bottom:-15vmin; width:100%; display:flex; justify-content:center;}
.slide-arrow{float:left; width:32px; height:50px; border:2px solid #fff; border-radius:50px; display:flex; justify-content:center; align-items:center;}
.slide-arrow-line{float:left; width:3px; height:62%; overflow:hidden;}
.slide-arrow-anim{float:left; width:100%; height:100%; background:#fff; border-radius:20px; animation: slideArrow 1.5s  infinite; transform: translateY(-50%);}
@media (hover: hover) {
	.slide-arrow:hover{border-color:var(--bdr2);}
}
@keyframes slideArrow{
    0%{
      transform: translateY(-70%);
    }    100%{
      transform: translateY(120%);
    }
}
/* Banner CSS  End */


/* How to Work CSS Start */
.how-to-work-step-sec{background:var(--how-to-work-step-bg) no-repeat center center; background-size:cover;}

.htw-step-wrap{float:left; width:100%; display:flex; flex-wrap:wrap;}
.htw-step-wrap .col{float:left; width:100%;}
.htw-step-wrap .col-left{max-width:47.6%;}
.htw-step-wrap .col-right{flex:1; padding-right:60px;}
.htw-step-theme{float:left; width:100%;}
.htw-step-theme img{float:left; width:100%;}
.htw-step-wrap-one .htw-step-theme img{filter:drop-shadow(0 0 9.6vmin rgba(137, 51, 192, 0.5));}

.htw-step-card{float:left; width:100%; position:relative; margin-top:80px;}
.htw-step-card-outer{float:left; width:100%; background:#fff; border-radius:40px; position:relative; z-index:5;}
.htw-step-card-outer:after{content:""; position:absolute; bottom:-20px; left:-25px; width:0; height:0; transform:rotate(-45deg); border-top:18px solid transparent; border-right:50px solid #fff; border-bottom:20px solid transparent;}

.htw-step-card-line{position:absolute; z-index:1; right:-20px; top:20px; width:100%; height:100%; background:var(--bg-primary); border:4px solid var(--bdr2); border-radius:40px 10px 55px 30px;}
.htw-step-card-line:after{content:""; position:absolute; bottom:-20px; left:-76px; width:0; height:0; transform:rotate(-28deg); border-top:20px solid transparent; border-right:100px solid var(--bg-primary); border-bottom:20px solid transparent;}
.htw-step-card-line:before{content:""; position:absolute; bottom:-28px; left:-88px; width:0; height:0; transform:rotate(-28deg); border-top:22px solid transparent; border-right:100px solid var(--bg-secondary); border-bottom:22px solid transparent;}

.step-card-cont{float:left; width:100%; position:relative; padding:66px 40px 40px 40px; min-height:234px;}
.step-label-bar{float:left; width:100%; position:absolute; left:90px; top:-30px;}
.step-label{font-size:30px; font-family:var(--font-head); background:var(--bg-secondary); border-radius:30px; display:inline-flex; align-items:center; justify-content:center; padding:5px 20px 7px; min-height:60px; min-width:224px;}
.step-card-icon{float:left; width:100%; max-width:163px; position:absolute; right:-70px; top:-90px;}
.step-card-icon img{float:left; width:100%;}
.step-card-title-bar{float:left; width:100%; margin-bottom:14px;}
.step-card-title{font-size:40px; font-family:var(--font-head); color:var(--clr-base-light);}
.step-card-list-block{float:left; width:100%;}
.step-card-list{float:left; width:100%;}
.step-card-list-item, .step-card-list-label{float:left; width:100%; font-size:20px; font-weight:500; padding-left:30px; margin-bottom:10px; position:relative;}
.step-card-list-item:before, .step-card-list-label:before{content:""; position:absolute; top:8px; left:16px; width:6px; height:6px; background:var(--bg-base); border-radius:100%;}
.step-card-list-label{margin-bottom:20px;}

.how-to-work-step-sec-one{padding:20% 0 80px;}
.htw-step-wrap-one.htw-step-wrap .col-left{max-width:55%; margin-left:40px; margin-bottom:-11%; margin-right:-90px; position:relative; z-index:1;}
.htw-step-wrap-one .htw-step-card{margin-top:-90px;}
.htw-step-wrap-one .step-card-cont{min-height:294px;}
.letter-unveiling-step-card .step-card-icon{right:-60px; top:-80px;}

.how-to-work-step-sec-two{padding:110px 0 90px;}
.htw-step-wrap-two{flex-direction:column-reverse;}
.htw-step-wrap-two .col-left{margin-top:60px; margin-left:auto;}
.htw-step-wrap-two .col-right{max-width:48%; padding-left:60px; padding-right:0px;}
.answer-step-card .htw-step-card-outer:after{right:-25px; left:auto; transform:rotate(-135deg);}
.answer-step-card .htw-step-card-line{border:none; left:-20px; right:auto; border-radius:40px 0px 15px 55px;}
.answer-step-card .htw-step-card-line:before{display:none;}
.answer-step-card .htw-step-card-line:after{right:-76px; left:auto; transform:rotate(-148deg);}
.answer-step-card .step-card-icon{right:-50px; top:-60px;}

.how-to-work-step-sec-three{padding:50px 0 214px;}
.htw-step-wrap-three .col-left{max-width:54.4%; margin-top:140px;}
.time-challenge-step-card{width:calc(100% + 70px); margin-left:-70px;}
.time-challenge-step-card .step-card-icon{right:-64px; top:-86px;}
.time-challenge-step-card .step-card-cont{min-height:274px;}
.time-challenge-step-card .htw-step-card-line{border-radius:40px 60px 55px 30px;}

.how-to-work-step-sec-four{padding:0 0 111px;}
.htw-step-wrap-four .col-left{max-width:100%; display:flex; justify-content:center; margin-top:-172px;}
.htw-step-wrap-four .htw-step-theme{max-width:1415px;}
.htw-step-wrap-four .col-right{max-width:656px; padding:0px;}
.scoring-system-step-card{margin-top:-170px;}
.scoring-system-step-card .htw-step-card-outer:after{right:-22px; left:auto; bottom:auto; top:-21px; transform:rotate(-225deg);}
.scoring-system-step-card .htw-step-card-line{border:none; top:38px; height:calc(100% - 18px);}
.scoring-system-step-card .htw-step-card-line:before{display:none;}
.scoring-system-step-card .htw-step-card-line:after{right:-32px; left:auto; bottom:auto; top:-36px; transform:rotate(-225deg); border-right:70px solid var(--bg-primary);}
.scoring-system-step-card .step-card-list{padding-left:60px;}
.scoring-system-step-card .step-card-icon{display:none;}

.how-to-work-step-sec-five{padding:110px 0 170px;}
.htw-incorrect-ans-wrap{flex-direction:row-reverse; align-items:flex-end;}
.htw-incorrect-ans-wrap .col-right{max-width:inherit; padding-right:60px;}
.htw-incorrect-ans-wrap .col-left{margin-top:-10%; right:-4.5%; position:relative;}
.incorrect-ans-step-card{margin-bottom:14%;}
.incorrect-ans-step-card .step-card-cont{min-height:inherit;}
.incorrect-ans-step-card .htw-step-card-line{display:none;}
.incorrect-ans-step-card .htw-step-card-outer:after{right:-22px; left:auto; bottom:auto; top:-21px; transform:rotate(-225deg);}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center center; background-size:cover; padding:70px 0 110px;}

.sec-head{text-align:center; margin-bottom:14px;}
.sec-main-title{font-size:53px; font-family:var(--font-head); text-transform:uppercase;}

.game-expectation-list{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:0px 45px;}
.game-expectation-item{float:left; width:100%; max-width:calc((100% / 3) - 30px); margin-top:56px;}
.game-expectation-card{float:left; width:100%; display:flex; height:100%; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.game-expectation-card:hover{transform:scale3d(1.04, 1.04, 1.04);}
.game-expectation-card-outer{float:left; width:100%; background:#fff; padding:0 24px 16px; border-radius:16px; margin-top:80px;}

.game-expect-icon-block{float:left; width:100%; display:flex; justify-content:center; top:-80px; position:relative;}
.game-expect-card-fig{float:left; width:100%; max-width:160px;}
.game-expect-card-fig img{float:left; width:100%;}
.game-expect-cont-block{float:left; width:100%;}
.game-expect-card-title{float:left; width:100%; text-align:center; color:var(--clr-base-light); font-size:35px; font-family:var(--font-head); margin-bottom:20px;}
.game-expect-details-list{float:left; width:100%;}
.game-expect-details-item{float:left; width:100%; position:relative; font-size:20px; line-height:1.25em; margin-bottom:14px; padding-left:4px;}
.game-expect-details-item:before{content:""; position:absolute; top:8px; left:-10px; width:6px; height:6px; background:var(--bg-base); border-radius:100%;}
.game-expect-details-item:last-child{margin-bottom:0;}
/* Game Expectation CSS End */

/* Game Summary Start */
.game-summary-sec-outer{background:var(--bg-secondary) var(--game-summary-bg) no-repeat bottom center; background-size:100% auto; padding:30px 0 186px; margin-bottom:-1px;}
.game-summary-text{font-size:36px; font-family:var(--font-head); text-align:center; max-width:1140px; margin:0 auto;}
.game-summary-btn-bar{display:flex; justify-content:center; margin-top:50px;}
.game-summary-btn-bar .play-now-btn{float:left; width:100%; max-width:286px;}
/* Game Summary End */

/* FAQ CSS Start */
.faq-sec-outer{background:var(--bg-dark) var(--faq-bg) no-repeat bottom center; background-size:auto; padding:70px 0 176px;}
.faq-wrap{float:left; width:100%;}
.faq-sec-head{margin-bottom:50px;}
.faq-sec-head .sec-main-title{color:#fff;}

.faq-block{position:relative;}
.top-pos-icon{position:absolute; right:-76px; top:-96px; z-index:2; width:100%; max-width:124px;}
.top-pos-icon img{float:left; width:100%;}
.bottom-pos-icon{position:absolute; left:-130px; bottom:-56px; width:100%; max-width:169px;}
.bottom-pos-icon img{float:left; width:100%;}

.faq-list{position:relative; z-index:1;}

.accordion{float:left; width:100%;}
.accordion-item{float:left; width:100%; margin-bottom:12px;}
.accordion-item:last-child{margin-bottom:0px;}
.accordion-card{float:left; width:100%; padding:14px 0; border:4px solid rgba(255, 255, 255, 0.3); transition:all 0.6s ease 0s;}
.is-open .accordion-card{background:#fff;}

.accordion-head{float:left; width:100%; padding:14px 25px 14px 40px; position:relative; cursor:pointer; min-height:auto; display:flex; align-items:center; justify-content:space-between;}
.accordion-title{font-size:36px; font-family:var(--font-head); color:#fff; display:flex;}
.is-open .accordion-title{color:var(--clr-dark-alt);}

.accordion-icon{display:flex; align-items:center; justify-content:center; width:50px; min-width:50px; height:50px; border-radius:100%; background:rgba(255, 255, 255, 0.3); cursor:pointer; margin-left:4px;}
.accordion-icon .icon{float:left; width:100%; text-align:center;}
.accordion-icon .icon{color:#3e265c; font-size:24px;}
.accordion-icon .icon img{float:left; width:100%;}
.accordion-icon .icon.up-icon{display:none;}
.is-open .accordion-icon{background:var(--bg-primary);}
.is-open .accordion-icon .icon{color:#fff;}
.is-open .accordion-icon .icon.down-icon{display:none;}
.is-open .accordion-icon .icon.up-icon{display:block;}

.accordion-body{float:left; width:100%; padding:0 100px 0 40px; display:none;}
.accordion-text{font-size:31px; color:#515151;}
/* FAQ CSS End */

/* Footer CSS Start */
.footer{float:left; width:100%;}
.footer{float:left; width:100%; background:#211136; padding:33px 0;}
.copyright-text{float:left; width:100%; text-align:center; color:rgba(255, 255, 255, 0.58); font-size:22px; font-family: 'Roboto', sans-serif;}
/* Footer CSS End */


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.container{max-width:1200px;}

	.banner-sec-outer{padding:10vmin 0;}
	.banner-title{font-size:50px;}
	.banner-text{font-size:24px;}
	.slide-arrow-bar{bottom:-8vmin;}


	.how-to-work-step-sec-two{padding:90px 0 60px;}
	.how-to-work-step-sec-three{padding:40px 0 194px;}
	.how-to-work-step-sec-four{padding:0 0 100px;}
	.how-to-work-step-sec-five{padding:70px 0 70px;}
	.htw-incorrect-ans-wrap .col-left{right:-3.5%;}

	.game-expectation-sec-outer{padding:60px 0 100px;}
	.sec-main-title{font-size:50px;}
	.game-expectation-list{gap:0px 30px;}
	.game-expectation-item{max-width:calc((100% / 3) - 20px); margin-top:46px;}
	.game-expect-card-title{font-size:30px;}
	.game-expect-details-item{font-size:19px;}
	.game-expect-icon-block{margin-top:-20px; top:-50px;}
	.game-expect-card-fig{max-width:140px;}


	.game-summary-sec-outer{padding:30px 0 146px;}
	.faq-sec-outer{padding:50px 0 136px;}

	.accordion-head{padding:10px 25px 10px 40px;}
	.accordion-icon{top:25px;}
	.accordion-title{font-size:32px;}
	.accordion-text{font-size:28px;}
	.top-pos-icon{right:-46px; top:-66px; max-width:94px;}
	.bottom-pos-icon{left:-45px; bottom:-32px; max-width:99px;}


	.footer{padding:20px 0;}
}

@media(max-width:1280px) {
	.container{max-width:1020px;}
	.barnd-logo{flex:0 0 42%;}
	.brand-figure{width:260px;}
	.nav-item-label{font-size:18px; padding:9px 20px;}

	.banner-title{font-size:42px;}
	.banner-text{font-size:21px;}
	.banner-btn-bar .play-now-btn{max-width:226px;}


	.step-card-cont{padding:56px 60px 40px 30px; min-height:inherit;}
	.step-label-bar{left:70px; top:-25px;}
	.step-label{font-size:26px; min-width:194px; min-height:50px;}
	.step-card-title{font-size:34px;}
	.step-card-list-item, .step-card-list-label{font-size:18px;}

	.htw-step-wrap-one.htw-step-wrap .col-left{margin-left:0; margin-bottom:-13.5%; margin-right:-60px;}
	.htw-step-wrap-one .step-card-cont{min-height:inherit;}
	.letter-unveiling-step-card .step-card-icon{max-width:113px; right:-50px; top:-50px;}
	.htw-step-card-outer:after{bottom:-15px; left:-20px; transform:rotate(-45deg); border-top:18px solid transparent; border-right:40px solid #fff; border-bottom:20px solid transparent;}
	.htw-step-card-line:before{bottom:-17px; left:-57px; transform:rotate(-24deg); border-top:28px solid transparent; border-right:70px solid var(--bg-secondary); border-bottom:19px solid transparent;}
	.htw-step-card-line:after{bottom:-13px; left:-46px; transform:rotate(-27deg); border-top:20px solid transparent; border-right:60px solid var(--bg-primary); border-bottom:20px solid transparent;}


	.how-to-work-step-sec-two{padding:60px 0 50px;}
	.htw-step-wrap-two .col-right{padding-left:20px;}
	.htw-step-wrap-two .col-left{margin-top:30px;}
	.answer-step-card .step-card-icon{right:-30px; top:-40px; max-width:103px;}
	.answer-step-card .htw-step-card-line:after{right:-46px; transform:rotate(-150deg);}
	.answer-step-card .htw-step-card-outer:after{right:-15px; transform:rotate(-135deg);}

	.how-to-work-step-sec-three{padding:40px 0 164px;}
	.time-challenge-step-card .step-card-cont{min-height:inherit;}
	.time-challenge-step-card{margin-top:60px;}
	.htw-step-wrap-three .col-left{margin-top:110px;}
	.time-challenge-step-card .step-card-icon{right:-44px; top:-66px; max-width:113px;}


	.how-to-work-step-sec-four{padding:0 0 60px;}
	.htw-step-wrap-four .htw-step-theme{max-width:910px;}
	.htw-step-wrap-four .col-left{margin-top:-115px;}
	.htw-step-wrap-four .col-right{max-width:470px;}
	.scoring-system-step-card{margin-top:-120px;}
	.scoring-system-step-card .step-card-list{padding-left:30px;}
	.scoring-system-step-card .htw-step-card-outer:after{right:-15px; top:-14px; transform:rotate(-225deg);}
	.scoring-system-step-card .htw-step-card-line:after{right:-18px; top:-23px; transform:rotate(-230deg); border-right:60px solid var(--bg-primary);}

	.how-to-work-step-sec-five{padding:46px 0 56px;}
	.feedback-step-card .step-card-icon{max-width:133px; right:-60px; top:-60px;}
	.htw-incorrect-ans-wrap .col-left{right:-1%;}
	.incorrect-ans-step-card .htw-step-card-outer:after{right:-15px; top:-14px; transform:rotate(-225deg);}


	.sec-main-title{font-size:44px;}
	.game-expectation-sec-outer{padding:40px 0 70px;}
	.game-expectation-list{gap:0px 22px;}
	.game-expectation-item{max-width:calc((100% / 3) - 15px); margin-top:16px;}
  .owl-stage-outer .owl-stage .game-expectation-item{max-width:100%;}
	.game-expectation-card-outer{padding:0 20px 16px;}
	.game-expect-icon-block{margin-top:-20px; top:-40px;}
	.game-expect-card-fig{max-width:120px;}
	.game-expect-card-title{font-size:25px;}
	.game-expect-details-item{font-size:17px;}

	.game-summary-sec-outer{padding:30px 0 106px;}
	.game-summary-text{font-size:30px; max-width:950px;}
	.game-summary-btn-bar{margin-top:30px;}
	.game-summary-btn-bar .play-now-btn{max-width:226px;}


	.faq-block{padding:0 20px;}
	.accordion-icon{top:24px; right:20px; width:44px; min-width:44px; height:44px;}
	.accordion-icon .icon{font-size:20px;}
	.accordion-title{font-size:28px;}
	.accordion-text{font-size:24px;}
	.top-pos-icon{right:-6px; top:-36px; max-width:64px;}
	.bottom-pos-icon{left:-5px; bottom:-18px; max-width:60px;}
}

@media(max-width:1023px) {
	.container{max-width:768px;}
	.header{height:50px;}
	.barnd-logo{flex:0 0 38%;}
	.brand-figure{width:210px;}
	.nav-item-label{font-size:16px; padding:9px 12px;}

	.banner-sec-outer{padding:6vmin 0;}
	.banner-head{margin-bottom:20px;}
	.banner-title{font-size:30px;}
	.banner-text{font-size:16px; margin-bottom:20px;}
	.banner-btn-bar .play-now-btn{max-width:166px;}
	.slide-arrow-bar{bottom:-4vmin;}


	.step-card-cont{padding:46px 50px 30px 20px;}
	.step-label-bar{left:30px; top:-20px;}
	.step-label{font-size:20px; min-width:154px; min-height:40px;}
	.step-card-title{font-size:26px;}
	.step-card-list-item, .step-card-list-label{font-size:16px;}

	.htw-step-wrap-one.htw-step-wrap .col-left{margin-bottom:-16%;}

	.how-to-work-step-sec-two{padding:30px 0 40px;}

	.how-to-work-step-sec-three{padding:90px 0 150px;}
	.time-challenge-step-card{margin-top:-10px;}
	.htw-step-wrap-three .col-left{margin-top:20px;}

	.htw-step-wrap-four .htw-step-theme{max-width:716px;}

	.how-to-work-step-sec-five{padding:106px 0 96px;}
	.htw-step-card.correct-ans-step-card{margin-top:20px;}
	.htw-incorrect-ans-wrap .col-left{margin-top:-4%;}

	.game-expectation-sec .sec-head{margin-bottom:0px;}
	.sec-main-title{font-size:32px;}
	.game-expectation-sec-outer{padding:30px 0 70px;}
	.game-expectation-list{gap:0px 30px;}
	.game-expectation-item{max-width:calc((100% / 2) - 15px); margin-top:0;}
	.game-expect-icon-block{margin-top:-40px; top:-10px;}
	.game-expect-card-fig{max-width:100px;}

	.game-summary-sec-outer{padding:20px 0 70px;}
	.game-summary-text{font-size:22px; max-width:700px;}
	.game-summary-btn-bar{margin-top:15px;}
	.game-summary-btn-bar .play-now-btn{max-width:166px;}


	.faq-sec-outer{padding:10px 0 76px;}
	.faq-sec-head{margin-bottom:30px;}
	.accordion-head{padding:10px 15px 10px 30px;}
	.accordion-body{padding:0 70px 0 30px;}
	.accordion-card{padding:10px 0;}
	.accordion-icon{top:18px; right:15px; width:40px; min-width:40px; height:40px;}
	.accordion-title{font-size:22px;}
	.accordion-text{font-size:16px;}

	.footer{padding:17px 0;}
	.copyright-text{font-size:18px;}
}

@media(max-width:767px) {
	.desk-fig{display:none;}
	.mob-fig{display:block;}

	.menu-btn{float:left; width:100%; max-width:24px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:flex-end; padding:4px 0 4px 4px; cursor:pointer;}
	.menu-line{float:left; width:100%; background:var(--bg-primary); border-radius:2px; height:3px; display:block; margin:2px 0 2px auto;}
	.menu-line:nth-child(2){max-width:90%;}
	.menu-line:nth-child(3){max-width:66%;}
	.navbar-close{display:flex; align-items:center; float:left; width:100%; padding:10px 15px; min-height:47px; border-bottom:1px solid var(--bdr1); cursor:pointer;}
	.menu-icon{float:left; width:100%; max-width:22px;}
	.menu-icon img{float:left; width:100%;}
	.menu-back-icon{float:left; font-size:24px; color:var(--clr-base-light);}
	.close-menu-label{font-size:16px; font-weight:500; color:var(--clr-base-light); margin-left:10px;}

	.navbar{bottom:0; left:-1px; margin:0; padding:32px; position:fixed; top:0; max-width:320px; width:70%; transform:translate3d(-100%, 0, 0); transition:transform .2s linear; background:#fff; z-index:10; padding:0; min-height:100dvh; display:block;}
	.menu-open{transform:translate3d(0, 0, 0);}
	.show-menu{overflow:hidden;}
	.navbar .nav{flex-direction:column;}
	.nav-item{float:left; width:100%; border-bottom:1px solid var(--bdr1); padding:10px 0;}
	.nav-item-label{float:left; width:100%; transition:all 0.5s ease-in-out; margin-left:-100%;}
	.menu-open .nav-item-label{float:left; width:100%; transition:all 0.5s ease-in-out; margin-left:0;}
	.menu-open .nav-item:nth-of-type(2) .nav-item-label{transition-delay:0.08s;}
	.menu-open .nav-item:nth-of-type(3) .nav-item-label{transition-delay:0.16s;}
	.menu-open .nav-item:nth-of-type(4) .nav-item-label{transition-delay:0.24s;}

	.header{height:46px;}
	.brand-figure{width:40px;}
	.desk-logo{display:none;}
	.mob-logo{display:block;}


	.banner-sec-outer{padding:20px 0 40px; background:var(--banner-bg-mob) no-repeat center center; background-size:cover;}
	.banner-content{flex-direction:column-reverse;}
	.banner-col.left{max-width:100%; padding-right:0;}
	.banner-col.right{padding:60px 16px 10px;}
	.banner-head{text-align:center; margin-bottom:6px;}
	.banner-title{font-size:25px;}
	.banner-text{font-size:14px; line-height:1.4em; text-align:center; margin-bottom:15px;}
	.banner-btn-bar{display:flex; justify-content:center;}
	.banner-btn-bar .play-now-btn{max-width:146px;}
	.slide-arrow-bar{bottom:-30px;}
	.slide-arrow{width:26px; height:40px;}
	.secret-letter-game .video-iframe{padding-bottom:55.8%;}
	.secret-letter-game .client-video{border-radius:6px;}
	.secret-letter-game .video-poster{border-radius:6px;}


	.how-to-work-step-sec{background:var(--how-to-work-step-bg-mob) no-repeat center center; background-size:cover;}
	.htw-step-wrap{ flex-direction:column;}
	.htw-step-wrap .col-left, .htw-step-wrap .col-right{margin:0px; padding:0px 10px; float:left; width:100%; max-width:100%; display:flex; justify-content:center;}
	.htw-step-card{margin:0px; padding:0px;}

	.how-to-work-step-sec-one{padding:40px 0 0;}
	.htw-step-wrap-one.htw-step-wrap .col-left{margin:0px; padding:0px; max-width:100%; display:flex; justify-content:center;}
	.htw-step-wrap-one.htw-step-wrap .col-right{margin:0px; padding:0px 10px; max-width:100%;}
	.htw-step-wrap-one .htw-step-card{margin:0px;}
	.htw-step-card.letter-unveiling-step-card{top:-28px; margin-bottom:-60px; position:relative;}
	.htw-step-card-outer{border-radius:8px; box-shadow:2px 4px 25px rgba(37, 37, 37, 0.21);}
	.step-label-bar{left:0; top:-17px; padding-left:14px;}
	.step-label{font-size:18px; min-width:124px; min-height:34px;}
	.htw-step-card-line:before, .htw-step-card-line:after, .htw-step-card-outer:after{display:none;}
	.htw-step-card-line{border-width:2px; border-radius:10px !important; right:-10px; top:10px; background:transparent;}

	.step-card-cont{padding:32px 16px 4px 16px;}
	.step-card-title-bar{margin-bottom:6px;}
	.step-card-title{font-size:14px;}
	.step-card-list-item, .step-card-list-label{font-size:13px; padding-left:10px;}
	.step-card-list-item:before, .step-card-list-label:before{top:4px; left:2px; width:4px; height:4px;}
	.letter-unveiling-step-card .step-card-icon{max-width:40px; right:-13px; top:-17px;}

	.how-to-work-step-sec-two{padding:80px 0 40px;}
	.htw-step-theme{padding:0 20px;}
	.answer-step-card .step-card-icon{max-width:40px; right:-6px; top:-15px;}
	.htw-step-card.answer-step-card{margin-top:-13px;}
	.answer-step-card .htw-step-card-line{border-radius:10px; left:-4px; right:-4px; top:4px; width:calc(100% + 8px); background:var(--bg-primary);}

	.how-to-work-step-sec-three{padding:30px 0 110px;}
	.htw-step-wrap-three .htw-step-theme{max-width:80%;}
	.htw-step-card.time-challenge-step-card{margin-top:-40px;}
	.time-challenge-step-card .step-card-icon{right:-12px; top:-33px; max-width:50px;}

	.htw-step-wrap.htw-step-wrap-four .col-left{margin-top:-70px; margin-bottom:-22px; padding:0px;}
	.htw-step-wrap-four .htw-step-theme{max-width:inherit; padding:0px;}
	.htw-step-wrap.htw-step-wrap-four .step-card-icon{max-width:68px; bottom:-27px; top:auto; right:-15px;}
	.scoring-system-step-card .step-card-list{padding-left:12px;}
	.step-card-list-label{margin-bottom:10px;}
	.scoring-system-step-card .htw-step-card-line{background:var(--bg-primary); left:-4px; right:-4px; top:4px; width:calc(100% + 8px); height:calc(100% + 6px);}
	.scoring-system-step-card .step-card-icon{display:block;}

	.how-to-work-step-sec-five{padding:0 0 36px;}
	.htw-step-wrap-five .col-left{padding:0px; margin:0 -8px; width:calc(100% + 16px); max-width:calc(100% + 16px); right:0;}
	.htw-step-wrap-five .htw-step-theme{padding:0px;}
	.feedback-step-card .step-card-icon{max-width:46px; right:-5px; top:-22px;}
	.htw-step-card.feedback-step-card{margin-top:-38px;}
	.htw-incorrect-ans-wrap .col-right{padding-right:4px;}
	.feedback-step-card.incorrect-ans-step-card .step-card-icon{max-width:41px; top:-27px; right:0px;}
	.htw-incorrect-ans-wrap{margin-top:14px;}


	.game-expectation-sec-outer{padding:20px 0 15px; background:var(--game-expectation-bg-mob) no-repeat center center; background-size:cover;}
	.game-expectation-sec .container{padding:0px;}
	.sec-main-title{font-size:25px;}
	.game-expectation-list .owl-stage{display:flex;}
	.game-expectation-item{max-width:calc(100vw - 120px); min-width:calc(100vw - 120px); height:100%;}
	.game-expectation-card-outer{padding:0 10px 16px; margin-top:60px; margin-bottom:20px;}
	.game-expect-icon-block{top:-20px; margin-top:-20px;}
	.game-expect-card-fig{max-width:80px;}
	.game-expect-card-title{font-size:18px;}
	.game-expect-details-item{font-size:14px; padding-left:14px;}
	.game-expect-details-item:before{width:4px; height:4px; top:4px; left:6px;}


	.game-summary-sec-outer{padding:20px 0 46px;}
	.game-summary-text{font-size:14px; max-width:100%;}
	.game-summary-btn-bar .play-now-btn{max-width:146px;}

	.faq-sec-outer{padding:10px 0 32px; background-size:140%; background-position-y:110%;}
	.faq-sec-head{margin-bottom:15px;}
	.faq-block{padding:0 12px;}
	.accordion-item{margin-bottom:6px;}
	.accordion-card{min-height:34px; padding:4px 8px 4px 8px; border-width:1px;}
	.accordion-icon{top:7px; right:4px; width:18px; min-width:18px; height:18px;}
	.accordion-icon .icon{font-size:12px;}
	.accordion-head{margin:0; padding:4px 0;}
	.accordion-body{padding:0 0px 0 20px;}
	.accordion-title{font-size:14px;}
	.accordion-text{font-size:14px;}
	.top-pos-icon{right:-4px; top:-37px; max-width:44px;}
	.bottom-pos-icon{left:-7px; bottom:-18px; max-width:44px;}

	.footer{padding:7px 0;}
	.copyright-text{font-size:12px;}

}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Secret Letter Game CSS End // ***************************** */




/* ***************************** // Hit The Middle Game CSS Start // ***************************** */
.hit-the-middle-game {
/*Colors*/
--clr-base:#0a3892;
--clr-base-light:#134dc0;
--clr-dark:#303030;
--clr-dark-alt:#42137b;
--clr-action:#134dc0;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#0a3892;
--bg-primary:#134dc0;
--bg-secondary:#ffc000;
--bg-dark:#632788;
--bg-action:#134dc0;

/*Border Colors*/
--bdr1:#134dc0;
--bdr2:#040c32;
	
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'IFC RAILROAD';

/*Btn Shadow*/
--shadow-text:2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0 0 #000, 0 2px 0 #000, -2px 0 0 #000;
--shadow-btn:0 0 24px rgba(21,214,117,1);

/* Text Shadow */
--text-shadow:1px 1px 0 #480505, 1px -1px 0 #480505, -1px 1px 0 #480505, -1px -1px 0 #480505, 1px 0 0 #480505, 0 1px 0 #480505, -1px 0 0 #480505;

/*Card Background*/
--card-bg1:url("../images/hit-the-middle/card-shape-bg-1.png");
--card-bg2:url("../images/hit-the-middle/card-shape-bg-2.png");
--card-dashed-shape-icon:url("../images/hit-the-middle/card-shape-icon.png");

/*Card arrow*/
--card-dashed-line-bg:url("../images/hit-the-middle/dashed-line.png");
--card-dashed-line-bg1:url("../images/hit-the-middle/dashed-line-vertical.png");
--card-dashed-line-rounded-bg:url("../images/hit-the-middle/dashed-line-rounded.png");
}

.base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); transition:all 0.3s ease 0s;}
.btn-bg{float:left; width:100%;}
.btn-bg img{float:left; width:100%; filter:drop-shadow(var(--shadow-btn));}
.btn-text{width:100%; height:100%; float:left; color:var(--clr-action-alt); text-shadow:var(--shadow-text); font-size:50px; font-weight:bold; font-family:var(--font-action); text-transform:uppercase; position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center;}

.btn-bar{display:flex; justify-content:center;}
.btn-bar .base-btn{max-width:30.5%;}
@media (hover: hover) {
 .base-btn:hover{transform:scale3d(0.98, 0.98, 0.98);}
}

.game-logo-fig{float:left; width:100%; max-width:69.8%;}
.game-logo-fig img{float:left; width:100%;}

.hit-the-middle-game .banner-sec-outer{padding:0px; padding-bottom:13%;}
.hit-the-middle-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.hit-the-middle-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin:-4% 0 -9%;}
.hit-the-middle-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; margin-top:-13%; margin-top:-11.4%;}
.hit-the-middle-game .video-block{max-width:58%; position:relative; overflow:inherit;}
.video-frame{float:left; width:100%; position:relative; z-index:2;}
.video-frame img{float:left; width:100%;}
.hit-the-middle-game .video-fig{position:absolute; left:9%; top:3%; margin:0 auto; width:calc(100% - 18%);}
.video-banner-bottom-bar{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-1px;}
.video-bottom-bar{float:left; width:100%; max-width:37.8%;}
.video-bottom-bar img{float:left; width:100%; filter:drop-shadow(0 0.6vmin 0.6vmin rgba(0, 0, 0, 0.4));}
.video-bottom-arrow{float:left; width:100%; display:flex; justify-content:center; margin-top:10px;}
.banner-sec-video{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.video-shadow{position:absolute; left:-10%; bottom:-7px; width:calc(100% + 20%); float:left;}
.video-shadow img{width:100%; float:left;}

.about-us-text-block{display:flex; justify-content:center;}
.hit-middle-about-us-sec .about-us-sec-outer{padding:88px 0 86px;}
.hit-middle-about-us-sec .about-sec-head{margin-bottom:40px;}
.hit-middle-about-us-sec .sec-main-title{display:inline-block; position:relative; padding:16px 0 14px; font-weight:900; font-size:55px;}
.hit-middle-about-us-sec .sec-main-title:before{content:""; position:absolute; top:0; left:0; right:0; margin:0 auto; display:block; width:90%; height:4px; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(134,49,11,1) 21%,rgba(255,208,22,1) 44%,rgba(255,238,157,1) 65%,rgba(134,49,11,1) 84%,rgba(255,255,255,1) 100%);}
.hit-middle-about-us-sec .sec-main-title:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; display:block; width:90%; height:4px; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(134,49,11,1) 21%,rgba(255,208,22,1) 44%,rgba(255,238,157,1) 65%,rgba(134,49,11,1) 84%,rgba(255,255,255,1) 100%);}
.hit-middle-about-us-sec .about-us-text{font-size:32px; color:var(--clr-dark); max-width:90%; font-weight:500; text-align:center; margin:0 auto 30px;}
.hit-middle-about-us-sec .about-us-btn-bar{margin-top:76px;}


/* How to Work CSS Start */
.hit-middle-how-to-work-sec{margin:60px 0 200px; position:relative; background: linear-gradient(to bottom, rgba(232,90,231,0.5) 0%,rgba(232,90,231,0) 10%); border-top:2px solid var(--bdr2);}
.hit-middle-how-to-work-sec .htw-sec-head{display:flex; align-items:center; justify-content:center;}
.sec-main-title-fig{float:left; width:100%; max-width:813px; position:relative; margin-top:-74px;}
.sec-main-title-fig img{float:left; width:100%;}

.htw-sec-head{margin-bottom:54px;}
.htw-process-wrap{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.htw-process-wrap .col{float:left; width:100%;}
.htw-process-wrap .col-left{max-width:62.4%;}
.htw-process-wrap .col-right{flex:1;}
.htw-process-theme{float:left; width:100%; position:relative;}
.htw-process-theme img{float:left; width:100%;}
.htw-process-theme:after{content:""; position:absolute; bottom:-20px; margin:0 auto; left:-50px; right:-50px; width:calc(100% + 100px); height:34px; border-radius:100%; background:#083675; filter:blur(2px); opacity:0.14;}

.htw-process-line-block{float:left; width:100%; display:flex; justify-content:center; margin:96px 0; padding-left:52px;}
.htw-process-line-fig{float:left; width:100%; max-width:62.3%;}
.htw-process-line-fig img{float:left; width:100%;}

.htw-process-card{float:left; width:100%; position:relative;}
.htw-process-card-outer{float:left; width:100%; padding-left:0; padding-top:0;}
.htw-process-card:before, .htw-process-card:after{content:""; position:absolute; left:0; right:0; top:100%; width:4px; height:256px; margin:auto; background:var(--card-dashed-line-bg1) top center; z-index:-1;}
.htw-process-card:before{top:auto; bottom:100%;}

.htw-card-icon{float:left; width:100%; max-width:125px; position:absolute; top:-28px; left:-30px; z-index:1;}
.htw-card-icon img{float:left; width:100%;}

.htw-process-card-outer{float:left; width:100%; padding:2px; border-radius:20px; background:linear-gradient(90deg, rgba(242,181,17,1) 0%, rgba(255,222,0,1) 22%, rgba(242,181,17,1) 48%, rgba(255,222,0,1) 77%, rgba(255,204,0,1) 100%); position:relative;}
.htw-process-card-cont{float:left; width:100%; border-radius:18px; position:relative; background:linear-gradient(55deg, rgba(17,69,170,1) 0%, rgba(19,56,109,1) 75%, rgba(9,42,94,1) 100%);}
.htw-process-card-outer:before, .htw-process-card-outer:after{content:""; position:absolute; right:-10px; top:-10px; width:25px; height:25px; background:var(--card-dashed-shape-icon) no-repeat center center; z-index:2;}
.htw-process-card-outer:after{right:auto; top:auto; left:-11px; bottom:30px;}
.htw-process-card-body{float:left; width:100%; padding:40px 40px 50px 110px; min-height:216px; background:var(--card-bg2) no-repeat center right; background-size:auto 100%;}
.hit-middle-how-to-work-sec .htw-process-card-body{min-height:auto;}
.htw-process-card-title-bar{float:left; width:100%;}
.htw-process-card-title{font-size:35px; font-family:var(--font-head); font-weight:700; text-transform:uppercase; color:#fff;}
.htw-process-card-list-block{float:left; width:100%;}
.htw-process-card-list{float:left; width:100%; margin-top:20px; padding-left:14px;}
.htw-process-card-list-item, .htw-process-card-list-label{float:left; width:100%; font-size:20px; color:#fff; font-weight:400; margin-bottom:24px; position:relative;}
.highlight-text{color:#fada00;}
.htw-process-card-list-label{margin-bottom:6px; margin-top:14px;}
.htw-process-card-list-item:last-child{margin-bottom:0px;}
.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:20px;}
.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{content:""; position:absolute; left:0; top:4px; width:12px; height:12px; background:url('../images/hit-the-middle/htw-list-icon.png') no-repeat center center; background-size:cover; }
.htw-list-col{float:left; width:100%; display:flex; flex-wrap:wrap;}
.htw-list-icon{float:left; width:100%; max-width:74px; margin-right:10px;}
.htw-list-cont{float:left; width:100%; flex:1;}
.htw-list-title{float:left; width:100%; font-size:28px; font-family:var(--font-head);}
.htw-list-text{float:left; width:100%;  font-size:24px; font-weight:500; color:#fff;}

.htw-process-wrap-one .col-right{padding-left:30px;}
.htw-process-wrap-one .htw-process-line-block{margin:66px 0 10px;}
.game-start-card.htw-process-card:before{left:-84px; right:auto; bottom:0; top:0; width:200px; height:4px; margin:auto; background:var(--card-dashed-line-bg) left center;}
.game-start-card.htw-process-card:after{left:-16px;}
.game-start-card .htw-process-card-body{background:var(--card-bg1) no-repeat center right; min-height:auto;}

.htw-process-wrap-two{flex-direction:row-reverse;}
.htw-process-wrap-two .col-left{max-width:60.4%; padding-left:16px;}
.select-options-card.htw-process-card{padding-left:30px;}
.select-options-card.htw-process-card:before{background:var(--card-dashed-line-bg1) top center; width:4px;left:60px; height:140px;}
.select-options-card.htw-process-card:after{height:200px; left:60px;}
.htw-process-wrap-two .htw-process-line-block{margin:66px 0 0;}

.htw-process-wrap-three .col-left{padding-right:20px;}
.correct-outcome-dynamics-card.htw-process-card:before{left:15px; height:164px;}
.correct-outcome-dynamics-card.htw-process-card:after{height:224px;}
.htw-process-wrap-three .htw-process-line-block{margin:56px 0 10px; padding-left:16px;}

.htw-process-wrap-four{flex-direction:row-reverse;}
.htw-process-wrap-four .col-left{max-width:59.3%;}
.incorrect-outcome-dynamics-card.htw-process-card{padding-left:30px; padding-right:24px;}
.incorrect-outcome-dynamics-card.htw-process-card:before{left:-16px; height:188px;}
.incorrect-outcome-dynamics-card.htw-process-card:after{left:auto; right:-66px; bottom:0; top:0; width:100px; height:4px; margin:auto; background:var(--card-dashed-line-bg) left center;}
.incorrect-outcome-dynamics-card .htw-process-card-body{min-height:auto;}

.htw-process-wrap-five{flex-direction:column; padding:150px 0 0;}
.htw-process-wrap-five .col-left{max-width:61%; margin-right:auto;}
.htw-process-wrap-five .col-right{max-width:36%; margin-left:auto;}
.screen-indicators-card.htw-process-card{margin-top:-40px;}
.screen-indicators-card.htw-process-card:before{height:346px;}
.screen-indicators-card.htw-process-card:after{height:96px; left:-8px;}
.htw-process-wrap-five .htw-process-line-block{margin:96px 0 0;}

.hit-middle-how-to-work-sec .htw-process-wrap-six{flex-direction:row-reverse;}
.game-flow-card.htw-process-card{padding-left:30px; padding-right:24px;}
.game-flow-card.htw-process-card:before{left:89px; height:170px;}
.game-flow-card.htw-process-card:after{display:none;}
.hit-middle-how-to-work-sec .htw-process-card-list{padding-left:0px;}
.hit-middle-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:20px;}
.hit-middle-how-to-work-sec .htw-process-card-body{padding:40px 16px 50px 16px;}
.hit-middle-how-to-work-sec .htw-process-card-title-bar{padding-left:90px;}

.htw-btn-bar{margin-top:86px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.hit-middle-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 120px; background-position-x:center; background-position-y:center; background-size:100% 100%;}

.hit-middle-game-expectation-sec .game-expectation-sec-head{display:flex; align-items:center; justify-content:center; max-width:100%; padding:0; margin:0 0 24px;}

.hit-middle-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.hit-middle-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 23px); margin-top:0px;}

.hit-middle-game-expectation-sec .game-expectation-card-outer{position:relative; border-radius:36px; padding:3px; box-shadow:6px 10px 0px 0px #150335; background: linear-gradient(0deg, rgba(251,174,3,1) 0%, rgba(255,230,12,1) 24%, rgba(246,139,5,1) 52%, rgba(255,231,24,1) 78%, rgba(255,248,175,1) 100%);}
.hit-middle-game-expectation-sec .game-expect-icon-block{position:absolute; left:-24px; width:auto;}
.hit-middle-game-expectation-sec .game-expect-card-fig{max-width:140px;}
.game-expectation-card-body{float:left; width:100%; height:100%; border-radius:34px; background: linear-gradient(140deg, rgba(68,145,191,1) 0%, rgba(61,77,200,1) 31%, rgba(70,30,173,1) 69%, rgba(128,76,215,1) 100%); box-shadow:0 0 18px #3e148f inset, 0 0 18px #3e148f inset, 0 0 18px #3e148f inset; padding:56px 20px 50px;}
.hit-middle-game-expectation-sec .game-expect-details-item{font-size:18px; color:#fff; padding-left:16px;}
.hit-middle-game-expectation-sec .game-expect-details-item:before{content:""; position:absolute; left:0; top:4px; width:12px; height:12px; background:url('../images/hit-the-middle/htw-list-icon.png') no-repeat center center; background-size:cover;}
.hit-middle-game-expectation-sec .game-expect-card-title{float:left; width:100%; font-size:28px; font-family:var(--font-head); text-shadow:var(--text-shadow); font-weight:700; color:#fff000; padding:0 10px; text-transform:uppercase; filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); }
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.hit-middle-game-summary-sec .game-summary-sec-outer{margin:0; padding:86px 0 160px;}
.hit-middle-game-summary-sec .game-summary-cont{display:flex; align-items:center; justify-content:center;}
.hit-middle-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:80px 80px 40px; border-radius:34px; background:var(--game-summary-bg) no-repeat center center; background-size:100% 100%;}
.hit-middle-game-summary-sec .game-summary-text{color:#fff; font-size:30px; max-width:1100px; margin:0 auto 30px;}
.game-summary-btn-bar{position:relative; margin-top:0; padding-top:60px;}
.game-summary-btn-bar:before{content:""; position:absolute; left:0; right:0; top:0; margin:0 auto; width:190px; height:4px; background:#fac200;}
.game-summary-btn-bar .base-btn{max-width:34.1%;}
.game-summary-btn-bar .btn-bg img{filter:inherit;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.hit-middle-faq-sec .faq-sec-outer{background:var(--faq-bg) repeat top center; padding:0 0 90px; position:relative;}
.hit-middle-faq-sec .faq-sec-head{display:flex; align-items:center; justify-content:center; max-width:100%; padding:0; margin:0 0 24px;}
.faq-sec-head .sec-main-title-fig{margin-top:-72px;}
.hit-middle-faq-sec .accordion-item{padding:2px; border-radius:14px 14px 0 0;}
.hit-middle-faq-sec .accordion-item.is-open{background:linear-gradient(90deg, rgba(255,240,155,1) 0%, rgba(255,216,1,1) 17%, rgba(255,236,127,1) 36%, rgba(255,192,0,1) 48%, rgba(255,236,127,1) 60%, rgba(255,216,1,1) 80%, rgba(255,234,120,1) 100%);}
.hit-middle-faq-sec .accordion-card{background:#ffd9ff; border:none; border-radius:4px; min-height:auto; padding:0px;}
.hit-middle-faq-sec .accordion-head{margin:-2px; width:calc(100% + 4px); border-radius:10px; padding:3px; min-height:auto; display:block; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.59); background:linear-gradient(90deg, rgba(255,240,155,1) 0%, rgba(255,216,1,1) 17%, rgba(255,236,127,1) 36%, rgba(255,192,0,1) 48%, rgba(255,236,127,1) 60%, rgba(255,216,1,1) 80%, rgba(255,234,120,1) 100%);}
.accordion-head-outer{float:left; width:100%; min-height:112px; padding:20px; display:flex; align-items:center; border-radius:8px; box-shadow:0 -8px 13px rgba(8, 1, 21, 0.5) inset; background:linear-gradient(-180deg, rgba(255,148,253,1) 0%, rgba(228,44,226,1) 15%, rgba(204,24,202,1) 35%, rgba(208,24,206,1) 57%, rgba(106,3,105,1) 100%); position:relative;}
.accordion-head-outer .accordion-icon{background:transparent; margin-left:auto;}
.accordion-head-outer .accordion-icon .icon{font-size:24px; color:#fac200;text-shadow:var(--text-shadow); transition:all 0.3s ease 0s;}
.is-open .accordion-head-outer .accordion-icon .icon{transform:rotate(-180deg);}
.hit-middle-faq-sec .accordion-title{display:flex; color:#ffd655; font-size:30px; font-weight:700; text-shadow:var(--text-shadow); filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); }
.question-label{margin-right:3px;}
.hit-middle-faq-sec .accordion-body{padding:23px 20px 20px 100px;}
.accordion-cont-bar{float:left; width:100%; min-height:70px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:flex-start;}
.hit-middle-faq-sec .accordion-text{float:left; width:100%; color:#2d022c; font-size:28px; font-weight:500;}
.accordion-text + .accordion-text{margin-top:5px;}
.faq-sec-bg-shape-fig{float:left; width:100%; position:absolute; z-index:5; bottom:0; left:0; pointer-events:none;}
.faq-sec-bg-shape-fig img{float:left; width:100%;}
/*FAQ CSS End */


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.client-video{border-radius:16px;}
	.video-poster{border-radius:16px;}
	.hit-middle-about-us-sec .about-us-sec-outer{padding:80px 0 76px;}
	.hit-middle-about-us-sec .sec-main-title{font-size:45px; padding:12px 0 10px;}
	.hit-middle-about-us-sec .sec-main-title:before, .hit-middle-about-us-sec .sec-main-title:after{height:3px;}
	.hit-middle-about-us-sec .about-us-text{max-width:100%; font-size:28px;}
	.hit-middle-about-us-sec .about-us-btn-bar{margin-top:30px;}


	.sec-main-title-fig{max-width:713px; margin-top:-64px;}
	.htw-process-card-title{font-size:32px;}
	.htw-process-card-body{min-height:196px; padding:40px 40px 50px 80px;}
	.htw-card-icon{max-width:105px;}
	.htw-process-card-list-item, .htw-process-card-list-label{font-size:18px;}
	.game-start-card.htw-process-card:before{height:3px;}
	.htw-process-card:before, .htw-process-card:after{width:3px; height:200px;}
	.select-options-card.htw-process-card:before{width:3px; left:65px; height:90px;}
	.select-options-card.htw-process-card:after{height:144px; left:65px;}
	.correct-outcome-dynamics-card.htw-process-card:before{height:112px; left:17px;}
	.correct-outcome-dynamics-card.htw-process-card:after{height:157px; left:3px;}
	.incorrect-outcome-dynamics-card.htw-process-card:before{height:132px; left:-8px;}
	.screen-indicators-card.htw-process-card:before{height:286px;}
	.screen-indicators-card.htw-process-card:after{left:-2px;}
	.game-flow-card.htw-process-card:before{height:125px; left:86px;}
  .hit-middle-how-to-work-sec .htw-process-card-title-bar{padding-left:64px;}
  .htw-process-wrap-two .htw-process-line-block{margin:58px 0 0;}
  .htw-process-wrap-three .htw-process-line-block{margin:48px 0 10px;}

	.hit-middle-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 70px;}
	.hit-middle-game-expectation-sec .game-expect-card-fig{max-width:110px;}
	.hit-middle-game-expectation-sec .game-expect-card-title{font-size:24px;}
	.hit-middle-game-expectation-sec .game-expect-details-item{font-size:16px;}
	.hit-middle-game-expectation-sec .game-expectation-card-body{padding:36px 10px 30px;}


	.hit-middle-game-summary-sec .game-summary-text{font-size:24px; max-width:880px;}
	.game-summary-btn-bar{padding-top:50px;}
	.game-summary-btn-bar:before{width:160px;}


	.hit-middle-faq-sec .faq-sec-outer{padding:0 0 60px;}
	.faq-sec-head .sec-main-title-fig{margin-top:-62px;}
	.hit-middle-faq-sec .accordion-title{font-size:26px;}
	.accordion-head-outer{padding:10px 20px; min-height:90px;}
	.hit-middle-faq-sec .accordion-text{font-size:22px;}
	.hit-middle-faq-sec .accordion-body{padding:13px 20px 10px 60px;}

}

@media(max-width:1280px) {
	.hit-the-middle-game .container{max-width:960px;}

	.hit-the-middle-game .video-frame-outer{border-radius:14px;}
	.client-video{border-radius:14px;}
	.video-poster{border-radius:14px;}
	.video-play-btn img{max-width:66px;}
	.hit-middle-about-us-sec .about-us-sec-outer{padding:60px 0 56px;}
	.hit-middle-about-us-sec .sec-main-title{font-size:36px;}
	.hit-middle-about-us-sec .about-us-text{font-size:23px;}
	.hit-middle-about-us-sec .about-us-btn-bar{margin-top:30px;}
	.btn-text{font-size:39px;}


	.hit-middle-how-to-work-sec{margin:50px 0 140px;}
	.htw-sec-head{margin-bottom:40px;}
	.sec-main-title-fig{max-width:603px; margin-top:-54px;}
	.htw-process-card-title{font-size:27px;}
	.htw-process-card-body{min-height:166px; padding:30px 30px 40px 50px;}
	.htw-card-icon{max-width:85px;}
	.htw-process-card-list-item, .htw-process-card-list-label{font-size:16px;}
	.htw-process-line-block{margin:56px 0;}
	.game-start-card.htw-process-card:before{height:3px; left:-76px; width:90px; transform:scaleY(0.7);}

	.htw-process-theme:after{bottom:-16px; left:-25px; right:-25px; width:calc(100% + 50px); height:24px;}
	.htw-process-card:before, .htw-process-card:after{width:3px; height:160px; transform:scaleX(0.7);}
	.game-start-card.htw-process-card:after{left:-14px;}
	.select-options-card.htw-process-card:before{width:3px; left:69px; height:44px;}
	.select-options-card.htw-process-card:after{height:84px; left:70px;}
	.correct-outcome-dynamics-card.htw-process-card:before{height:64px; left:16px;}
	.correct-outcome-dynamics-card.htw-process-card:after{height:114px; left:2px;}
	.incorrect-outcome-dynamics-card.htw-process-card:before{height:66px; left:-2px;}
	.incorrect-outcome-dynamics-card.htw-process-card:after{height:3px; right:-55px; transform:scaleY(0.7);}
	.screen-indicators-card.htw-process-card:before{height:180px;}
	.screen-indicators-card.htw-process-card:after{left:0px; height:46px;}
	.game-flow-card.htw-process-card:before{height:66px; left:87px;}
	.incorrect-outcome-dynamics-card .htw-process-card-body{min-height:auto;}
	.htw-process-wrap-five{padding:80px 0 0;}
	.htw-process-wrap-five .htw-process-line-block{margin:46px 0 0;}
  .htw-process-wrap-one .htw-process-line-block{margin:60px 0 18px;}
  .htw-process-wrap-three .htw-process-line-block{margin:50px 0 6px;}
  .hit-middle-how-to-work-sec .htw-process-card-body{padding:30px 10px 40px 10px;}
  .hit-middle-how-to-work-sec .htw-process-card-title-bar{padding-left:44px;}


	.hit-middle-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 50px;}
	.hit-middle-game-expectation-sec .game-expectation-card-outer{margin-top:50px;}
	.hit-middle-game-expectation-sec .game-expect-icon-block{margin-top:0; top:-50px;}
	.hit-middle-game-expectation-sec .game-expect-card-fig{max-width:90px;}
	.hit-middle-game-expectation-sec .game-expect-card-title{font-size:20px; filter:drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82));}
	.hit-middle-game-expectation-sec .game-expect-details-item{font-size:14px;}
	.hit-middle-game-expectation-sec .game-expectation-card-body{padding:36px 10px 20px;}


	.hit-middle-game-summary-sec .game-summary-sec-outer{padding:60px 0 100px;}
	.hit-middle-game-summary-sec .game-summary-cont-outer{padding:50px 80px 30px;}
	.hit-middle-game-summary-sec .game-summary-text{font-size:21px; max-width:740px; margin:0 auto 20px;}
	.game-summary-btn-bar{padding-top:40px;}
	.game-summary-btn-bar:before{width:140px;}


	.hit-middle-faq-sec .faq-sec-outer{padding:0 0 60px;}
	.faq-sec-head .sec-main-title-fig{margin-top:-54px;}
	.hit-middle-faq-sec .accordion-head{padding:2px;}
	.accordion-head-outer .accordion-icon .icon{font-size:20px;}
	.accordion-head-outer{padding:10px 20px; min-height:70px;}
	.hit-middle-faq-sec .accordion-title{font-size:24px;}
	.hit-middle-faq-sec .accordion-text{font-size:20px;}
	.hit-middle-faq-sec .accordion-body{padding:10px 20px 7px 60px;}
}

@media(max-width:1023px) {
	.hit-the-middle-game {
		--shadow-btn:0 0 14px rgba(21,214,117,1);
	}
	.hit-the-middle-game .container{max-width:750px;}

	.hit-the-middle-game .video-frame-outer{border-radius:10px;}
	.client-video{border-radius:10px;}
	.video-poster{border-radius:10px;}
	.video-play-btn img{max-width:56px;}
	.hit-middle-about-us-sec .about-us-sec-outer{padding:50px 0 16px;}
	.hit-middle-about-us-sec .about-sec-head{margin-bottom:25px;}
	.hit-middle-about-us-sec .sec-main-title{font-size:30px; padding:9px 0 8px;}
	.hit-middle-about-us-sec .about-us-text{font-size:18px;}
	.hit-middle-about-us-sec .about-us-btn-bar{margin-top:0px;}
	.btn-text{font-size:25px;}


	.hit-middle-how-to-work-sec{margin:60px 0 100px;}
	.htw-sec-head{margin-bottom:40px;}
	.sec-main-title-fig{max-width:460px; margin-top:-42px;}
	.htw-process-wrap .col-left{max-width:54.4%;}
	.htw-process-card-title{font-size:22px;}
	.htw-process-card-body{min-height:auto; padding:20px 20px 30px 35px;}
	.htw-card-icon{max-width:70px;}
	.htw-process-card-list{padding-left:0px;}
	.htw-process-card-list-item, .htw-process-card-list-label{font-size:14px;}
	.htw-process-line-block{margin:30px 0;}
	.game-start-card.htw-process-card:before{height:3px; left:-59px; width:60px; transform:scaleY(0.6);}

	.htw-process-theme:after{bottom:-10px; left:-10px; right:-10px; width:calc(100% + 20px); height:14px;}
	.htw-process-card:before, .htw-process-card:after{width:3px; height:86px; transform:scaleX(0.6);}
	.game-start-card.htw-process-card:after{left:46px;}
	.select-options-card.htw-process-card:before{width:3px; left:29px; height:28px;}
	.select-options-card.htw-process-card:after{height:32px; left:30px;}
	.htw-process-wrap-two .htw-process-line-block{margin:36px 0 10px;}
	.correct-outcome-dynamics-card.htw-process-card:before{height:36px; left:76px;}
	.correct-outcome-dynamics-card.htw-process-card:after{height:57px; left:63px;}
	.htw-process-wrap-three .htw-process-line-block{margin:30px 0 20px;}
	.incorrect-outcome-dynamics-card.htw-process-card:before{height:64px; left:-32px;}
	.incorrect-outcome-dynamics-card.htw-process-card:after{height:3px; right:-26px; width:60px; transform:scaleY(0.6);}
	.htw-process-wrap-five .col-left{max-width:50%;}
	.htw-process-wrap-five .col-right{max-width:44%;}
	.screen-indicators-card.htw-process-card:before{height:115px; left:62px;}
	.screen-indicators-card.htw-process-card:after{left:63px; height:46px;}
	.game-flow-card.htw-process-card:before{height:34px; left:29px;}
	.htw-process-wrap-five{padding:60px 0 0;}
	.htw-process-wrap-five .htw-process-line-block{margin:46px 0 0;}
	.htw-process-wrap-one .htw-process-line-block{margin:30px 0 32px;}
  .hit-middle-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:20px;}
  .hit-middle-how-to-work-sec .htw-process-card-body{padding:24px 10px 27px 10px;}
  .hit-middle-how-to-work-sec .htw-process-card-title-bar{padding-left:26px;}


	.hit-middle-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 20px;}
	.hit-middle-game-expectation-sec .game-expectation-card-outer{margin-top:60px; margin-right:10px; margin-bottom:20px;}
	.hit-middle-game-expectation-sec .game-expectation-item{max-width:100%;}
	.hit-middle-game-expectation-sec .game-expect-icon-block{margin:0 auto; top:-60px; left:0; right:0;}
	.hit-middle-game-expectation-sec .game-expect-card-fig{max-width:90px;}
	.hit-middle-game-expectation-sec .game-expect-card-title{font-size:20px;}
	.hit-middle-game-expectation-sec .game-expect-details-item{font-size:14px;}
	.hit-middle-game-expectation-sec .game-expectation-card-body{padding:36px 10px 20px;}
	.hit-middle-game-expectation-sec .game-expectation-list.owl-carousel .owl-stage{display:flex;}
	.hit-middle-game-expectation-sec .game-expectation-item{height:100%;}

	.hit-middle-game-expectation-sec .owl-carousel .owl-dot{clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#4178d3; display:inline-block; width:20px; height:20px;}
	.hit-middle-game-expectation-sec .owl-carousel .owl-dot span{width:16px; height:16px; clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#2555a3; border:none; top:2px; position:relative;}
	.hit-middle-game-expectation-sec .owl-carousel .owl-dot.active{background:#150335;}
	.hit-middle-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ecb906;}


	.hit-middle-game-summary-sec .game-summary-sec-outer{padding:40px 0 90px;}
	.hit-middle-game-summary-sec .game-summary-cont-outer{padding:30px 70px 20px;}
	.hit-middle-game-summary-sec .game-summary-text{font-size:17px; max-width:720px; margin:0 auto 15px;}
	.game-summary-btn-bar{padding-top:30px;}
	.game-summary-btn-bar:before{width:120px; height:3px;}


	.hit-middle-faq-sec .faq-sec-outer{padding:0 0 40px;}
	.faq-sec-head .sec-main-title-fig{margin-top:-41px;}
	.accordion-head-outer{padding:6px 15px; min-height:60px;}
	.hit-middle-faq-sec .accordion-title{font-size:20px; filter:drop-shadow(1px 2px 1px rgba(67, 6, 6, 0.82));}
	.accordion-cont-bar{min-height:46px;}
	.hit-middle-faq-sec .accordion-text{font-size:18px;}
	.hit-middle-faq-sec .accordion-body{padding:10px 20px 7px 50px;}
}
@media(min-width:768px) {
	.hit-the-middle-game .banner-sec-outer{border-top:2px solid var(--bdr1);}
	.htw-process-wrap-four .htw-process-line-block{display:none;}
}
@media(max-width:767px) {
	.hit-the-middle-game {
		--card-dashed-line-bg1:url("../images/hit-the-middle/dashed-line-vertical-mob.png");
	}
	.game-logo-fig{max-width:72.8%;}
	.hit-the-middle-game .video-block{max-width:80.5%;}
	.banner-sec-video{background-size:101% 68%;}
	.video-play-btn img{max-width:44px;}
	.hit-the-middle-game .video-frame-outer{border-radius:7px;}
	.client-video{border-radius:6px;}
	.video-poster{border-radius:6px;}

	.hit-middle-about-us-sec .about-us-sec-outer{padding:30px 0 16px;}
	.hit-middle-about-us-sec .about-sec-head{margin-bottom:20px;}
	.hit-middle-about-us-sec .sec-main-title{font-size:25px; padding:9px 50px 8px;}
	.hit-middle-about-us-sec .sec-main-title:before, .hit-middle-about-us-sec .sec-main-title:after{height:2px;}
	.hit-middle-about-us-sec .about-us-text{font-size:14px;}
	.btn-bar .base-btn{max-width:59.5%;}

	.hit-middle-how-to-work-sec{margin:50px 0 70px;}
	.sec-main-title-fig{max-width:307px; margin-top:-29px;}
	.htw-sec-head{margin-bottom:10px;}
	.htw-process-wrap{flex-direction:column;}
	.htw-process-wrap .col-left, .htw-process-wrap .col-right{max-width:100%; padding:0px 15px; position:relative;}
	.htw-process-wrap .col-right{padding:0 8px;}
	.htw-process-theme:after{display:none;}
	.htw-card-icon{left:14px; max-width:62px;}
	.htw-process-card{margin-top:-20px;}
	.htw-process-card-outer{border-radius:12px;}
	.htw-process-card-cont{border-radius:10px;}
	.htw-process-card-title{font-size:18px;}
	.htw-process-card-list{margin-top:8px;}
	.htw-process-card-list.list-style-none{padding-left:18px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:14px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:8px; height:8px;}
	.htw-process-card-list .htw-process-card-list-item{margin-bottom:16px;}
	.htw-process-card-body{padding:40px 10px 20px 40px;}
	.htw-process-card-outer:before, .htw-process-card-outer:after{width:13px; height:13px; background-size:cover; right:-3px; top:-3px;}
	.htw-process-card-outer:after{left:-5px; top:auto; bottom:15px;}
	.game-start-card .htw-process-card-body{background-size:auto 100%;}
	.game-start-card.htw-process-card:before, .select-options-card.htw-process-card:before, .correct-outcome-dynamics-card.htw-process-card:before, .incorrect-outcome-dynamics-card.htw-process-card:before, 
	.screen-indicators-card.htw-process-card:before, .game-flow-card.htw-process-card:before{display:none;}
	.htw-process-card:before, .htw-process-card:after{transform:none; width:2px;}
	.game-start-card.htw-process-card:after{left:19.6%; right:auto; height:36px;}
	.htw-process-line-block{margin:35px 0 15px; padding:0px;}
	.htw-process-line-fig{max-width:59.8%;}
	.htw-process-wrap-one .htw-process-line-fig{position:relative; left:2px;}
	.htw-process-wrap-two .col-left:before{content:""; position:absolute; right:19.5%; bottom:100%; margin-bottom:-36px; width:2px; height:46px; background:var(--card-dashed-line-bg1) top center;}
	.select-options-card.htw-process-card{padding-left:0px;}
	.select-options-card.htw-process-card:after{height:58px; left:auto; right:18.7%;}
	.htw-process-wrap-two .htw-process-line-block{margin:60px 0 40px;}
	.htw-process-wrap-three .col-left:before{content:""; position:absolute; left:20.4%; bottom:100%; margin-bottom:-28px; width:2px; height:65px; background:var(--card-dashed-line-bg1) top center;}
	.correct-outcome-dynamics-card.htw-process-card:after{height:46px; left:15%; right:auto;}
	.htw-process-wrap-three .htw-process-line-block{margin:50px 0 30px;}
	.htw-process-wrap-three .htw-process-line-fig{position:relative; left:-10.2%; max-width:54.6%;}
	.htw-process-wrap-four .col-left:before{content:""; position:absolute; right:31.5%; bottom:100%; margin-bottom:-30px; width:2px; height:56px; background:var(--card-dashed-line-bg1) top center;}
	.htw-process-wrap-four .htw-process-line-fig{max-width:58.8%; left:-11.8%; position:relative;}
	.htw-process-wrap-four .htw-process-line-block{margin:30px 0 0px;}
	.incorrect-outcome-dynamics-card.htw-process-card{padding:0px;}
	.incorrect-outcome-dynamics-card.htw-process-card:after{content:""; position:absolute; left:auto; right:31.5%; bottom:auto; top:100%; margin-top:-10px; width:2px; height:47px; background:var(--card-dashed-line-bg1) top center;}
	.screen-indicators-card.htw-process-card{margin-top:-10px;}
	.htw-process-wrap-five .col-left:before{content:""; position:absolute; left:9%; bottom:100%; margin-bottom:-12px; width:2px; height:28px; background:var(--card-dashed-line-bg1) top center;}
	.htw-process-wrap-five{padding:20px 0 0;}
	.game-flow-card.htw-process-card{padding:0px;}
	.screen-indicators-card.htw-process-card:after{left:14%; height:46px; right:auto;}
	.htw-process-wrap-five .htw-process-line-fig{max-width:68%;}
	.htw-process-wrap-five .htw-process-line-block{margin:46px 0 10px;}
	.htw-process-wrap-six .col-left:before{content:""; position:absolute; right:16.1%; bottom:100%; margin-bottom:-13px; width:2px; height:20px; background:var(--card-dashed-line-bg1) top center;}
  .htw-process-wrap-one .htw-process-line-block{margin:35px 0 15px;}
  .hit-middle-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:14px;}
  .hit-middle-how-to-work-sec .htw-process-card-body{padding:40px 20px 24px 20px;}
  .hit-middle-how-to-work-sec .htw-process-card-title-bar{padding-left:0px;}

	.hit-middle-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 10px;}
	.hit-middle-game-expectation-sec .game-expectation-sec-head{margin:2px 0 10px;}
	.hit-middle-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px); min-width:calc(100vw - 120px);}
	.hit-middle-game-expectation-sec .game-expect-card-title{font-size:18px; filter:drop-shadow(1px 1px 1px rgba(67, 6, 6, 0.82)); margin-bottom:14px;}
	.hit-middle-game-expectation-sec .game-expect-details-item:before{width:8px; height:8px;}
	.hit-middle-game-expectation-sec .game-expectation-card-outer{border-radius:22px; padding:2px; box-shadow:4px 6px 0px 0px #150335; margin:35px 10px 20px 0;}
	.hit-middle-game-expectation-sec .game-expectation-card-body{padding:36px 6px 20px 10px; border-radius:20px;}
	.hit-middle-game-expectation-sec .game-expect-card-fig{max-width:72px;}
	.hit-middle-game-expectation-sec .game-expect-icon-block{margin:0 auto; top:-35px; left:-20px; right:auto;}

	.hit-middle-game-summary-sec .game-summary-sec-outer{padding:20px 0 40px;}
	.hit-middle-game-summary-sec .game-summary-cont-outer{padding:40px 20px 20px; border-radius:16px; background:var(--game-summary-bg-mob) no-repeat center center; background-size:100% 100%;}
	.hit-middle-game-summary-sec .game-summary-text{font-size:14px;}
	.game-summary-btn-bar:before{width:86px; height:4px;}
	.game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}

	.faq-sec-head .sec-main-title-fig{margin-top:-27px;}
	.hit-middle-faq-sec .faq-sec-outer{padding:0 0 30px; background:var(--faq-bg-mob) repeat top center;}
	.hit-middle-faq-sec .accordion-item{padding:1px; border-radius:4px 4px 0 0;}
	.hit-middle-faq-sec .accordion-card{border-radius:2px;}
	.hit-middle-faq-sec .accordion-head{margin:-1px; width:calc(100% + 2px); border-radius:6px; padding:1px;}
	.accordion-head-outer .accordion-icon .icon{font-size:11px;}
	.accordion-head-outer{min-height:40px; padding:6px 10px; border-radius:6px;}
	.hit-middle-faq-sec .accordion-body{padding:10px 15px 7px 30px;}
	.hit-middle-faq-sec .accordion-title{font-size:14px;}
	.hit-middle-faq-sec .accordion-text{font-size:13px;}
}
@media(max-width:374px) {
  .hit-middle-how-to-work-sec .correct-outcome-dynamics-card .htw-process-card-body{padding:40px 10px 24px 10px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Hit The Middle Game CSS End // ***************************** */




/* ***************************** // Reveal Game CSS Start // ***************************** */
.reveal-game {
/*Colors*/
--clr-base:#5b247f;
--clr-base-light:#e400ff;
--clr-dark:#000;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#5b247f;
--bg-primary:#e400ff;
--bg-secondary:#27b1c8;
--bg-dark:#632788;

/*Border Colors*/
--bdr1:#f7b0ff;

/*Btn Shadow*/
--shadow-text:0 2px 4px rgba(0,0,0,0.3);
	
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-head:'Cubano';
}

.reveal-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.reveal-game .btn-bg{float:left; width:100%;}
.reveal-game .btn-bg img{float:left; width:100%; filter:inherit;}
.reveal-game .btn-text{width:100%; height:100%; float:left; color:var(--clr-action-alt); font-size:52px; font-family:var(--font-head); text-transform:uppercase; position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; padding-bottom:2vmin; text-shadow:var(--shadow-text); font-weight:normal;}
.reveal-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/reveal/button_bg.png"), url("../images/reveal/button_bg.png"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.reveal-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}
.reveal-game .btn-bar{display:flex; justify-content:center;}
.reveal-game .btn-bar .base-btn{max-width:39%;}

.reveal-game .game-logo-fig{float:left; width:100%; max-width:56.2%;}

.reveal-game-banner-sec .banner-sec-outer{padding:0px; margin-bottom:18%;}
.reveal-game-banner-sec .banner-col{float:left; width:100%; flex:0 0 100%;}
.reveal-game-banner-sec .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.reveal-game-banner-sec .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; margin-bottom:-21%;}
.reveal-game-banner-sec .video-block{max-width:77.5%; position:relative;}
.reveal-game-banner-sec .video-poster, .reveal-game-banner-sec .client-video{border-radius:40px 40px 28px 28px; left:26px; right:26px; top:25px; bottom:39px; width:calc(100% - 50px); height:calc(100% - 64px);}
.video-banner-bottom-bar{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-1px;}
.video-bottom-bar{float:left; width:100%; max-width:37.8%;}
.video-bottom-bar img{float:left; width:100%; filter:drop-shadow(0 0.6vmin 0.6vmin rgba(0, 0, 0, 0.4));}
.video-bottom-arrow{float:left; width:100%; display:flex; justify-content:center; margin-top:10px;}

.reveal-game-about-sec .about-sec-head{margin-bottom:25px;}
.reveal-game .sec-main-title{display:inline-block; position:relative; padding-bottom:40px;}
.reveal-game .sec-main-title:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; display:block; width:94px; height:6px; background: linear-gradient(180deg, rgba(219,100,255,1) 0%, rgba(170,59,255,1) 100%);}
.reveal-game-about-sec .about-us-text{font-size:28px; color:var(--clr-dark); font-weight:500; text-align:center; margin:0 auto 30px; max-width:84%;}


/* How to Work CSS Start */
.reveal-htw-sec.how-to-work-sec{margin:60px 0 50px; position:relative;}
.sec-top-header{position:relative;}
.htw-sec-top-icon{position:absolute; top:80px; left:-70px; float:left; width:100%; max-width:109px; }

.reveal-htw-sec .htw-sec-head{margin-bottom:84px;}
.reveal-htw-sec .htw-process-wrap{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.reveal-htw-sec .htw-process-wrap .col{float:left; width:100%;}
.reveal-htw-sec .htw-process-wrap .col-left{max-width:48.6%; padding-left:0px; padding-right:0px;}
.reveal-htw-sec .htw-process-wrap .col-right{flex:1;}
.reveal-htw-sec .htw-process-theme{float:left; width:100%;}
.reveal-htw-sec .htw-process-theme:after{display:none;}
.reveal-htw-sec .htw-process-theme img{float:left; width:100%; filter:drop-shadow(0 2.1vmin 4.5vmin rgba(0, 0, 0, 0.4));}

.reveal-htw-sec .htw-process-line-block{float:left; width:100%; display:flex; justify-content:flex-end; padding:0 35px; margin-top:-60px; margin-bottom:0px;}
.reveal-htw-sec .htw-process-line-fig{float:left; width:100%; max-width:84.6%;}
.reveal-htw-sec .htw-process-line-fig img{float:left; width:100%;}

.reveal-htw-sec .htw-process-card{float:left; width:100%;}
.reveal-htw-sec .htw-process-card-outer{float:left; width:100%; padding:0; padding-left:114px; padding-top:42px; background:transparent;}

.reveal-htw-sec .htw-process-card:before, .reveal-htw-sec .htw-process-card:after, .reveal-htw-sec .htw-process-card-outer:before, .reveal-htw-sec .htw-process-card-outer:after{display:none;}

.htw-process-top-bar{float:left; width:100%; display:flex; position:relative; padding:0 14%;}
.htw-process-top-bar:before{content:""; position:absolute; left:0; right:0; bottom:0; width:100%; height:42px; clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); background:#080257; background-image:linear-gradient(to bottom, rgba(181,25,215,1) -10%,rgba(215,25,33,0.5) 60%,rgba(8,2,87,1) 140%);}

.reveal-htw-sec .htw-card-icon{float:left; width:100%; max-width:138px; position:absolute; left:auto; top:-156px; z-index:1;}
.reveal-htw-sec .htw-card-icon img{float:left; width:100%; filter:drop-shadow(0 0 8px rgba(255,44,213));}
.reveal-htw-sec .htw-card-icon:before{content:""; position:absolute; bottom:-7px; margin:0 auto; left:0; right:0; width:100%; height:14px; border-radius:100%; background:#470287; filter:blur(3px); opacity:0.7;}

.reveal-htw-sec .htw-process-card-cont{float:left; width:100%; min-height:310px; padding:45px 52px 45px 52px; border-radius:0 0 20px 20px; position:relative; background:linear-gradient(-180deg, rgba(228,0,255,1) 24%, rgba(8,2,87,1) 100%);}
.reveal-htw-sec .htw-process-card-cont:before{content:""; position:absolute; top:0; bottom:0; margin:auto; right:100%; float:left; width:132px; height:276px; background:url("../images/reveal/arrow-sidebar-left.png") no-repeat top center; background-size:cover;}
.reveal-htw-sec .htw-process-card-body{float:left; width:100%; background:transparent; padding:0; min-height:auto;}
.reveal-htw-sec .htw-process-card-title-bar{float:left; width:100%;}
.reveal-htw-sec .htw-process-card-title{font-size:38px; font-family:var(--font-head); color:#fff; font-weight:normal;}
.reveal-htw-sec .htw-process-card-list-block{float:left; width:100%;}
.reveal-htw-sec .htw-process-card-list{float:left; width:100%; margin-top:24px; padding-left:0px;}
.reveal-htw-sec .htw-process-card-list-item, .reveal-htw-sec .htw-process-card-list-label{float:left; width:100%; font-size:24px; color:#fff; font-weight:500; margin-bottom:24px; position:relative;}
.reveal-htw-sec .htw-process-card-list-label{margin-bottom:6px; margin-top:14px;}
.reveal-htw-sec .htw-process-card-list-item:last-child{margin-bottom:0px;}
.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:36px;}
.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{content:""; position:absolute; left:0; top:2px; width:23px; height:23px; background:url('../images/reveal/left-arrow-double-icon.svg') no-repeat center center; background-size:cover; }
.reveal-htw-sec .htw-list-col{float:left; width:100%; display:flex; flex-wrap:wrap;}
.reveal-htw-sec .htw-list-icon{float:left; width:100%; max-width:74px; margin-right:10px;}
.reveal-htw-sec .htw-list-cont{float:left; width:100%; flex:1;}
.reveal-htw-sec .htw-list-title{float:left; width:100%; font-size:28px; font-family:var(--font-head);}
.reveal-htw-sec .choose-level-card .htw-list-title{font-family:var(--font-base);}
.reveal-htw-sec .htw-list-text{float:left; width:100%;  font-size:24px; font-weight:500; color:#fff;}

.reveal-htw-sec .htw-process-wrap-one .col-right{padding-left:60px;}
.start-game-card .htw-process-top-bar{justify-content:flex-end;}

.reveal-htw-sec .htw-process-wrap-two{flex-direction:row-reverse; padding-top:40px;}
.reveal-htw-sec .htw-process-wrap-two .col-right{padding-right:60px; padding-left:0px; padding-bottom:20px;}
.reveal-htw-sec .htw-process-wrap-two .htw-process-line-block{margin-top:-10px; justify-content:flex-start;}
.choose-level-card .htw-process-card-outer{padding-left:0px; padding-right:114px;}
.choose-level-card .htw-process-card-cont:before{right:auto; left:100%; background:url("../images/reveal/arrow-sidebar-right.png") no-repeat top center; background-size:cover;}

.reveal-htw-sec .htw-process-wrap-three{padding-top:30px;}
.reveal-htw-sec .htw-process-wrap-three .col-right{padding-left:60px; padding-bottom:30px;}
.round-progression-card .htw-process-top-bar{justify-content:flex-end;}
.reveal-htw-sec .htw-process-line-block{margin-top:-30px;}
.reveal-htw-sec .htw-process-wrap-three .htw-process-line-fig{max-width:43%;}

.reveal-htw-sec .htw-process-wrap-four{padding-top:50px;}
.correct-incorrect-card{display:flex; justify-content:center;}
.correct-incorrect-card .htw-process-card-outer{padding-left:0px; max-width:780px;}
.correct-incorrect-card .htw-process-card-cont{min-height:inherit; padding:15px 52px 35px 52px; }
.correct-incorrect-card .htw-process-card-cont:before{display:none;}
.correct-incorrect-card .htw-process-top-bar{justify-content:center;}
.correct-incorrect-card .htw-process-card-list-item{text-align:center;}

.htw-ans-line-block{float:left; width:100%; display:flex; justify-content:center; margin-bottom:-50px;}
.htw-ans-line-fig{float:left; width:100%; max-width:28.5%;}
.htw-ans-line-fig img{float:left; width:100%;}

.reveal-htw-sec .htw-process-wrap .answering-block .col{max-width:inherit;}
.answering-block{float:left; width:100%; display:flex; flex-wrap:wrap; margin-bottom:15px; position:relative;}
.answering-block .col{float:left; width:100%; flex:1; max-width:inherit; display:flex; justify-content:center;}
.ans-info{float:left; width:100%; max-width:332px; padding-bottom:20px; position:relative;}
.ans-info:after{content:""; position:absolute; left:0; right:0; bottom:1px; margin:0 auto; background:var(--bg-base); width:24px; height:20px; clip-path: polygon(0 0, 50% 100%, 100% 0);}
.ans-label{float:left; width:100%; text-align:center; font-size:42px; color:#fff; font-family:var(--font-head); padding:20px 20px; min-height:92px; background:var(--bg-base); clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);}
.correct-ans.ans-info:after{background:rgba(12,126,114,1);}
.correct-ans.ans-info .ans-label{background:rgba(12,126,114,1); background: linear-gradient(-180deg, rgba(2,195,154,1) 0%, rgba(12,126,114,1) 100%);}
.incorrect-ans.ans-info:after{background:rgba(217,30,39,1);}
.incorrect-ans.ans-info .ans-label{background:rgba(217,30,39,1); background: linear-gradient(-180deg, rgba(242,71,71,1) 0%, rgba(217,30,39,1) 100%);}
.answering-block .htw-sec-right-icon{position:absolute; bottom:0; right:-72px;}

.reveal-htw-sec .htw-process-wrap .col-bottom{display:flex; flex-wrap:wrap; gap:0 60px;}
.htw-col-img{flex:1;}
.reveal-htw-sec .htw-process-wrap-four .htw-process-line-block{margin-top:10px; margin-bottom:0;}

.reveal-htw-sec .htw-process-wrap-five{flex-direction:row-reverse; padding-top:50px;}
.reveal-htw-sec .htw-process-wrap-five .col-right{padding-right:60px; padding-left:0px; padding-bottom:0px; margin-left:inherit; max-width:inherit;}
.reveal-htw-sec .htw-process-wrap-five .htw-process-line-block{margin-top:10px; justify-content:flex-start;}
.reveal-htw-sec .htw-process-wrap-five .htw-process-theme img{filter:inherit;}
.reveal-htw-sec .htw-process-wrap-five .col-left{max-width:49.8%;}
.game-stats-display-card .htw-process-card-outer{padding-left:0px; padding-right:114px;}
.game-stats-display-card .htw-process-card-cont:before{right:auto; left:100%; background:url("../images/reveal/arrow-sidebar-right.png") no-repeat top center; background-size:cover;}

.reveal-htw-sec .htw-process-wrap-six{padding-top:56px; position:relative;}
.reveal-htw-sec .htw-process-wrap-six .col-right{padding-left:60px; padding-bottom:30px;}
.reveal-htw-sec .htw-process-wrap-six .htw-process-line-block{margin-top:-20px;}
.reveal-htw-sec .htw-process-wrap-six .htw-process-line-fig{max-width:84.6%;}
.reveal-htw-sec .htw-process-wrap-six .htw-sec-top-icon{top:100px;}
.boost-card .htw-process-top-bar{justify-content:flex-end;}
.boost-card .htw-process-card-cont{padding:30px 45px 65px 45px;}


.htw-process-wrap-seven{flex-direction:row-reverse; padding-top:50px;}
.htw-process-wrap-seven .col-right{padding-right:60px; padding-left:0px; padding-bottom:0px;}
.htw-process-wrap-seven .htw-process-line-block{margin-top:10px; justify-content:flex-start;}
.htw-process-wrap-seven .htw-process-theme img{filter:inherit;}
.htw-process-wrap-seven .col-left{max-width:49.8%;}
.scoring-system-card .htw-process-card-outer{padding-left:0px; padding-right:114px;}
.scoring-system-card .htw-process-card-cont:before{right:auto; left:100%; background:url("../images/reveal/arrow-sidebar-right.png") no-repeat top center; background-size:cover;}

.htw-process-wrap-eight{padding-top:30px;}
.htw-process-wrap-eight .col-right{padding-left:60px; padding-bottom:100px;}
.htw-process-wrap-eight .htw-process-line-fig{max-width:84.6%;}
.game-summary-card .htw-process-top-bar{justify-content:flex-end;}
.game-summary-card .htw-process-card-cont{padding:30px 45px 65px 45px;}

.reveal-htw-sec .htw-btn-bar{margin-top:66px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.reveal-game-expec-sec .game-expectation-sec-outer{background:var(--bg-dark) var(--game-expectation-bg) no-repeat center left; background-position-x:2%; background-position-y:66%; padding:70px 0 0;}
.reveal-game-expec-sec .game-expectation-block{display:flex; align-items:center; }

.reveal-game-expec-sec .game-expectation-sec-head{float:left; width:100%; max-width:522px; padding-right:140px; margin-top:60px;}
.reveal-game-expec-sec .game-expectation-sec-head-outer{background:#fff; border-radius:20px; padding:30px; min-height:360px; display:flex; align-items:center; position:relative;}
.reveal-game-expec-sec .game-expectation-sec-head-outer:before{content:""; position:absolute; top:0; bottom:0; margin:auto; left:100%; float:left; width:140px; height:276px; background:url("../images/reveal/arrow-sidebar-right-2.png") no-repeat top center; background-size:cover;}
.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title{padding-bottom:30px;}
.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title:after{background:var(--bg-secondary); margin-left:0;}

.reveal-game-expec-sec .game-expectation-item{max-width:calc((100% / 2) - 30px); margin-top:40px;}
.reveal-game-expec-sec .game-expectation-card-outer{background:url("../images/reveal/card-bg.png") no-repeat center center; background-size:100%; margin-top:60px; padding:0 46px 56px;}
.reveal-game-expec-sec .game-expect-card-title{font-size:38px; color:#fff; margin:0 auto 30px; padding:0 50px;}
.reveal-game-expec-sec .game-expect-details-item{font-size:26px; color:#fff; text-align:center; padding:0;}
.reveal-game-expec-sec .game-expect-details-item:before{display:none;}

.reveal-game-expec-sec .game-expect-icon-block{top:-60px; margin-bottom:-30px;}
.reveal-game-expec-sec .game-expect-card-fig{max-width:138px; position:relative;}
.reveal-game-expec-sec .game-expect-card-fig img{filter:drop-shadow(0 0 8px rgba(255,44,213));}
.reveal-game-expec-sec .game-expect-card-fig:before{content:""; position:absolute; bottom:-7px; margin:0 auto; left:0; right:0; width:100%; height:14px; border-radius:100%; background:#470287; filter:blur(3px); opacity:0.4;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.reveal-game-summary-sec .game-summary-sec-outer{padding:60px 0 106px; background:var(--bg-dark) var(--game-summary-bg) no-repeat center center;}
.reveal-game-summary-sec .game-summary-cont{display:flex; flex-wrap:wrap; justify-content:center;}
.reveal-game-summary-sec .game-summary-cont-outer{float:left; width:100%; max-width:1290px; margin:0 auto; padding:60px 30px 30px; background:var(--bg-secondary); border:2px solid #fff; border-radius:14px; position:relative; z-index:1;}
.reveal-game-summary-sec .game-summary-text{color:#fff; max-width:100%; font-family:var(--font-base); font-weight:500; line-height:1.4em;}
.reveal-game-summary-sec .game-summary-btn-bar:before{display:none;}
.reveal-game-summary-sec .game-summary-btn-bar .base-btn{max-width:47.2%;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.reveal-game-faq-sec .faq-sec-outer{padding:0px; position:relative; padding-bottom:70px;}
.reveal-game-faq-sec .faq-sec-outer:before{content:""; position:absolute; top:0; left:0; width:100%; height:22%; background:var(--bg-dark);}
.reveal-game-faq-sec .faq-wrap{float:left; width:100%; padding:30px 8% 50px; border-radius:30px; background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(170,59,255,1) 84%); margin-top:-40px; position:relative; z-index:1; box-shadow:0 18px 57px rgba(0, 0, 0, 0.2);}
.reveal-game-faq-sec .faq-sec-head .sec-main-title{color:var(--clr-base);}

.reveal-game-faq-sec .accordion-card{border:none; position:relative; background:var(--bg-dark); border-radius:60px; padding:0px;}
.reveal-game-faq-sec .accordion-card:before{content:""; position:absolute; left:0; width:100%; height:calc(100% + 7px); top:0; background:var(--bg-dark); border-radius:60px; z-index:-1;}
.reveal-game-faq-sec .is-open .accordion-card:before{background:#fff;}
.reveal-game-faq-sec .accordion-head{min-height:auto; background:#fff; padding:30px 40px 30px 80px; border-radius:60px;}
.reveal-game-faq-sec .accordion-title, .reveal-game-faq-sec .is-open .accordion-title{color:var(--clr-base);}
.reveal-game-faq-sec .accordion-body{padding:30px 40px 30px 100px; position:relative; z-index:1;}
.reveal-game-faq-sec .accordion-text{color:#fff; font-size:28px; font-weight:500;}
.reveal-game-faq-sec .accordion-item{margin-bottom:32px;}
.reveal-game-faq-sec .accordion-icon{background:linear-gradient(0deg, rgba(80,80,80,1) 0%, rgba(255,255,255,1) 100%); width:64px; height:64px; padding:2px; overflow:hidden;}
.accordion-icon-outer{background:linear-gradient(-180deg, rgba(219,100,255,1) 0%, rgba(170,59,255,1) 100%); width:100%; height:100%; display:flex; align-items:center; justify-content:center; border-radius:100%;}
.reveal-game-faq-sec .accordion-icon .icon{max-width:32px; transition:all 0.3s ease 0s; top:4px; position:relative;}
.reveal-game-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg); top:0px;}
/*FAQ CSS End */


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.reveal-game-about-sec .about-us-sec-outer{margin-top:40px;}
	.reveal-game-about-sec .about-us-text{font-size:24px; max-width:100%;}
  .reveal-game-banner-sec .video-poster, .reveal-game-banner-sec .client-video{border-radius:30px 30px 28px 28px; left:21px; right:21px; top:21px; bottom:29px; width:calc(100% - 39px); height:calc(100% - 52px);}

	.htw-sec-top-icon{left:-40px; top:100px; max-width:90px;}
	.reveal-htw-sec .htw-process-card-cont{min-height:260px; padding:40px 40px 40px 40px;}
	.correct-incorrect-card .htw-process-card-cont{min-height:auto; padding:10px 40px 40px 40px;}
	.reveal-htw-sec .htw-process-card-title{font-size:32px;}
	.reveal-htw-sec .htw-process-card-list-item, .reveal-htw-sec .htw-process-card-list-label{font-size:20px;}
	.reveal-htw-sec .htw-process-card-cont:before{width:99px; height:207px;}
	.choose-level-card .htw-process-card-cont:before{width:99px; height:207px;}
	.reveal-htw-sec .htw-card-icon{max-width:108px; top:-134px;}

	.reveal-htw-sec .start-game-card .htw-process-card-outer{padding-left:100px;}
	.choose-level-card .htw-process-card-outer{padding-right:100px;}
	.reveal-htw-sec .round-progression-card .htw-process-card-outer{padding-left:100px;}
	.reveal-htw-sec .boost-card .htw-process-card-outer{padding-left:100px;}

	.reveal-htw-sec .htw-process-wrap-one .col-right{padding-left:40px;}
	.reveal-htw-sec .htw-process-wrap-two .col-right{padding-right:40px;}
	.reveal-htw-sec .htw-process-wrap-three .col-right{padding-left:40px;}
	.reveal-htw-sec .htw-process-wrap-five .col-right{padding-right:40px;}
	.reveal-htw-sec .htw-process-wrap-six .col-right{padding-left:40px;}
	.reveal-htw-sec .htw-process-wrap .col-bottom{gap:0 40px;}
	.htw-process-wrap-seven .col-right{padding-right:40px;}
	.htw-process-wrap-eight .col-right{padding-left:40px;}


	.reveal-htw-sec .htw-process-line-block{margin-top:-20px;}

	.ans-info{max-width:282px;}
	.ans-label{font-size:36px; padding:15px 20px; min-height:72px;}
	.answering-block .htw-sec-right-icon{right:-47px; bottom:-50px; max-width:70px;}
	
	.reveal-htw-sec .htw-list-icon{max-width:54px;}
	.reveal-htw-sec .htw-list-title{font-size:22px;}
	.reveal-htw-sec .htw-list-text{font-size:18px;}

	.reveal-game-expec-sec .game-expectation-sec-head{max-width:452px; padding-right:80px;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer:before{height:156px; width:79px;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer{min-height:240px;}
	.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title{font-size:44px;}
	.reveal-game-expec-sec .game-expectation-sec-outer{background-position-x:-4%; background-position-y:72%; background-size:auto 57%; padding:20px 0 0;}

	.reveal-game-expec-sec .game-expectation-card-outer{padding:40px 30px 56px; min-height:300px;}
	.reveal-game-expec-sec .game-expect-card-fig{max-width:108px;}
	.reveal-game-expec-sec .game-expect-card-title{padding:0px;}
	.reveal-game-expec-sec .game-expect-card-title{font-size:24px; margin:0 auto 20px;}
	.reveal-game-expec-sec .game-expect-details-item{font-size:18px;}
	
	.reveal-game-summary-sec .game-summary-text{font-size:26px;}
	.reveal-game .btn-bar .base-btn{max-width:35%;}
	.reveal-game .btn-text{font-size:42px;}

	.reveal-game-faq-sec .accordion-head{padding:17px 20px 17px 60px;}
	.reveal-game-faq-sec .accordion-title{font-size:28px;}
	.reveal-game-faq-sec .accordion-body{padding:20px 30px 20px 80px;}
	.reveal-game-faq-sec .accordion-text{font-size:25px;}

}

@media(max-width:1280px) {
	.reveal-game .container{max-width:960px;}

	.reveal-game-about-sec .about-us-text{font-size:19px;}
	.reveal-game .sec-main-title{font-size:46px; padding-bottom:30px;}
  .reveal-game-banner-sec .video-poster, .reveal-game-banner-sec .client-video{border-radius:26px 26px 24px 24px; left:17px; right:17px; top:16px; bottom:24px; width:calc(100% - 32px); height:calc(100% - 40px);}

	.htw-sec-top-icon{left:-30px; max-width:80px;}
	.htw-process-top-bar:before{height:32px;}
	.reveal-htw-sec .htw-card-icon{max-width:88px; top:-104px;}
	.reveal-htw-sec .htw-process-card-cont:before{width:70px; height:146px;}
	.reveal-htw-sec .start-game-card .htw-process-card-outer{padding-left:70px;}
	.reveal-htw-sec .htw-process-wrap-one .col-right{padding-left:20px;}
	.reveal-htw-sec .htw-process-card-title{font-size:27px;}
	.reveal-htw-sec .htw-process-card-cont{min-height:200px; padding:30px 30px 40px 30px;}
	.reveal-htw-sec .htw-process-card-list-item, .reveal-htw-sec .htw-process-card-list-label{font-size:17px;}

	.reveal-htw-sec .htw-process-wrap-two .col-right{padding-right:20px;}
	.choose-level-card .htw-process-card-outer{padding-right:70px;}

	.reveal-htw-sec .htw-process-wrap-three .col-right{padding-left:20px;}
	.reveal-htw-sec .round-progression-card .htw-process-card-outer{padding-left:70px;}

	.reveal-htw-sec .htw-process-line-block{margin-bottom:-20px;}
	.correct-incorrect-card .htw-process-card-cont{min-height:auto;}
	.ans-info{max-width:222px;}
	.ans-label{font-size:30px;}
	.answering-block .htw-sec-right-icon{right:-38px; bottom:-40px; max-width:60px;}

	.reveal-htw-sec .htw-process-wrap-five .col-right{padding-right:20px;}
	.reveal-htw-sec .htw-process-wrap-four .htw-process-line-block{margin-bottom:-20px;}
	.game-stats-display-card .htw-process-card-outer{padding-right:70px;}

	.reveal-htw-sec .htw-process-wrap-six .col-right{padding-left:20px;}
	.reveal-htw-sec .boost-card .htw-process-card-outer{padding-left:70px;}
	.reveal-htw-sec .htw-list-title{font-size:18px;}
	.reveal-htw-sec .htw-list-text{font-size:15px;}

	.htw-process-wrap-seven .col-right{padding-right:20px;}
	.scoring-system-card .htw-process-card-outer{padding-right:70px;}
	.htw-process-wrap-seven .htw-process-line-block{margin-top:10px;}

	.htw-process-wrap-eight .col-right{padding-left:20px; padding-bottom:0px;}
	.reveal-htw-sec .game-summary-card .htw-process-card-outer{padding-left:70px;}


	.reveal-game-expec-sec .game-expectation-sec-head{max-width:350px;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer{min-height:200px;}
	.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title{font-size:34px;}
	.reveal-game-expec-sec .game-expectation-item{max-width:calc((100% / 2) - 11px);}
	.reveal-game-expec-sec .game-expect-card-title{font-size:20px; margin:0 auto 10px;}
	.reveal-game-expec-sec .game-expect-details-item{font-size:16px;}
	.reveal-game-expec-sec .game-expectation-card-outer{min-height:270px; margin-top:30px;}
	
	.reveal-game-summary-sec .game-summary-text{font-size:20px;}
	.reveal-game .btn-bar .base-btn{max-width:35%;}
	.reveal-game .game-summary-btn-bar .base-btn{max-width:38%;}
	.reveal-game .btn-text{font-size:34px;}

	.reveal-game-faq-sec .faq-wrap{padding:30px 20px 30px;}
	.reveal-game-faq-sec .accordion-head{padding:10px 15px 10px 50px;}
	.reveal-game-faq-sec .accordion-title{font-size:25px;}
	.reveal-game-faq-sec .accordion-body{padding:20px 30px 20px 80px;}
	.reveal-game-faq-sec .accordion-text{font-size:20px;}
	.reveal-game-faq-sec .accordion-icon{width:50px; height:50px; min-width:50px;}
	.reveal-game-faq-sec .accordion-icon .icon{max-width:22px;}
	.reveal-game-faq-sec .accordion-card, .reveal-game-faq-sec .accordion-card:before{border-radius:40px;}
}

@media(max-width:1023px) {
	.reveal-game .container{max-width:750px;}

	.reveal-game-banner-sec .video-poster, .reveal-game-banner-sec .client-video{border-radius:21px 21px 20px 20px; left:13px; right:13px; top:12px; bottom:16px; width:calc(100% - 24px); height:calc(100% - 31px);}

	.reveal-game-about-sec .about-us-text{font-size:17px;}
	.reveal-game .sec-main-title{font-size:36px; padding-bottom:24px;}
	.reveal-game .sec-main-title:after{height:5px;}

	.htw-sec-top-icon{left:-15px; top:90px; max-width:60px;}
	.reveal-htw-sec .htw-process-card-title{font-size:21px;}
	.reveal-htw-sec .htw-process-card-cont{min-height:150px; padding:20px 20px 30px 20px;}
	.reveal-htw-sec .htw-process-card-list-item, .reveal-htw-sec .htw-process-card-list-label{font-size:15px; margin-bottom:14px;}
	.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:18px; height:18px;}
	.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:26px;}
	.reveal-htw-sec .htw-process-card-list{margin-top:10px;}
	.reveal-htw-sec .htw-process-card-cont:before{height:104px; width:50px;}
	.reveal-htw-sec .htw-process-card-outer{padding-top:32px;}
	.reveal-htw-sec .start-game-card .htw-process-card-outer{padding-left:50px;}

	.choose-level-card .htw-process-card-outer{padding-right:50px;}
	.reveal-htw-sec .round-progression-card .htw-process-card-outer{padding-left:50px;}
	.reveal-htw-sec .htw-process-wrap-three .htw-process-line-fig{max-width:42%;}

	.ans-info{max-width:200px;}
	.ans-label{font-size:26px; min-height:52px; padding:10px 15px;}
	.answering-block .htw-sec-right-icon{right:-15px; bottom:-30px; max-width:42px;}
	.htw-ans-line-block{margin-bottom:-30px;}
	.htw-ans-line-fig{max-width:24.5%;}

	.game-stats-display-card .htw-process-card-outer{padding-right:50px;}

	.reveal-htw-sec .htw-process-wrap-six .col-left{max-width:44.6%;}
	.reveal-htw-sec .boost-card .htw-process-card-outer{padding-left:50px;}
	.reveal-htw-sec .htw-list-title{font-size:16px;}
	.reveal-htw-sec .htw-list-text{font-size:14px;}
	.reveal-htw-sec .boost-card .htw-process-card-list-label{margin-top:0px; margin-bottom:0px;}

	.scoring-system-card .htw-process-card-outer{padding-right:50px;}

	.reveal-htw-sec .game-summary-card .htw-process-card-outer{padding-left:50px;}

	.reveal-game-expec-sec .game-expectation-sec-outer{background:var(--bg-dark);}
	.reveal-game-expec-sec .game-expectation-block{flex-wrap:wrap;}
	.reveal-game-expec-sec .game-expectation-sec-head{max-width:100%; padding:0px; margin:0px;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer{min-height:auto; background:transparent; border-radius:0px; padding:0px; justify-content:center;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer:before{display:none;}
	.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title:after{margin:0 auto;}
	.reveal-game-expec-sec .game-expectation-list{gap:0px 60px;}

	.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title{font-size:34px; color:#fff;}
	.reveal-game-expec-sec .game-expectation-item{max-width:calc((100% / 2) - 60px); margin-top:70px;}

	.reveal-game-summary-sec .game-summary-cont-outer{padding:30px 30px 20px;}
	.reveal-game-summary-sec .game-summary-text{font-size:19px;}

	.reveal-game .btn-bar .base-btn{max-width:40%;}
	.reveal-game .game-summary-btn-bar .base-btn{max-width:42%;}
	.reveal-game .btn-text{font-size:30px;}

	.reveal-game-faq-sec .faq-sec-outer{padding-bottom:50px;}
	.reveal-game-faq-sec .faq-wrap{padding:30px 0px 30px;}
	.reveal-game-faq-sec .accordion-item{margin-bottom:22px;}
	.reveal-game-faq-sec .accordion-head{padding:8px 15px 8px 40px;}
	.reveal-game-faq-sec .accordion-title{font-size:20px;}
	.reveal-game-faq-sec .accordion-body{padding:20px 30px 20px 60px;}
	.reveal-game-faq-sec .accordion-text{font-size:17px;}
	.reveal-game-faq-sec .accordion-icon{width:46px; height:46px; min-width:46px;}
	.reveal-game-faq-sec .accordion-icon .icon{max-width:20px;}
	.reveal-game-faq-sec .accordion-card, .reveal-game-faq-sec .accordion-card:before{border-radius:40px;}
}

@media(min-width:768px) {
	.reveal-htw-sec .htw-process-wrap .col-bottom .ans-info{display:none;}
}

@media(max-width:767px) {
	.reveal-game .nav-item-label{color:var(--clr-base-light);}

	.reveal-game-banner-sec .banner-sec-outer{margin-bottom:40%;}
	.reveal-game-banner-sec .banner-content{flex-direction:inherit;}
	.reveal-game-banner-sec .game-logo-fig{max-width:92.2%;}
	.reveal-game-banner-sec .banner-video-outer{margin-bottom:-40%;}
	.reveal-game-banner-sec .video-block{max-width:98%;}
  .reveal-game-banner-sec .video-poster, .reveal-game-banner-sec .client-video{border-radius:12px; left:8px; right:8px; top:8px; bottom:12px; width:calc(100% - 15px); height:calc(100% - 20px);}
	.video-bottom-bar{max-width:58.8%;}
	.video-bottom-arrow{margin-top:5px;}
	.video-bottom-arrow img{max-width:24px;}


	.reveal-game-about-sec .about-us-sec-outer{margin-top:0px;}
	.reveal-game .sec-main-title{font-size:32px; line-height:1.2em; padding-bottom:16px;}
	.reveal-game .sec-main-title:after{width:64px; height:4px;}
	.reveal-game-about-sec .sec-main-title{max-width:270px; padding-bottom:0px;}
	.reveal-game-about-sec .sec-main-title:after{display:none;}
	.reveal-game-about-sec .about-sec-head{margin-bottom:10px;}
	.reveal-game-about-sec .about-us-text{font-size:16px; margin:0 auto 15px;}
	.reveal-game .btn-bar .base-btn{max-width:280px; width:84%;}
	.reveal-game .btn-text{font-size:24px; padding-bottom:10px;}


	.reveal-htw-sec.how-to-work-sec{margin:20px 0 30px;}
	.htw-sec-top-icon{display:none;}
	.reveal-htw-sec .htw-process-wrap .col-left{max-width:86%; margin:0 auto;}
	.reveal-htw-sec .htw-sec-head{margin-bottom:26px;}
	.reveal-htw-sec .htw-process-wrap-one .col-right{padding:0px;}
	.reveal-htw-sec .start-game-card .htw-process-card-outer{padding-left:0px; margin-top:90px;}
	.reveal-htw-sec .htw-process-card-cont:before{content:""; position:absolute; left:0; right:0; bottom:calc(100% + 32px); top:auto; margin:auto; float:left; width:112px; height:53px; background:url("../images/reveal/arrow-sidebar-top.png") no-repeat top center; background-size:cover;}
	.reveal-htw-sec .htw-process-card-cont{min-height:120px; padding:20px 12px 30px 82px;}
	.reveal-htw-sec .htw-card-icon{max-width:60px; top:20px; left:10px; right:auto;}
	.reveal-htw-sec .htw-card-icon img{filter:drop-shadow(0 0 4px rgba(255,44,213));}
	.reveal-htw-sec .htw-process-card-title{font-size:22px;}

	.reveal-htw-sec .htw-process-line-block{margin-top:10px;}
	.reveal-htw-sec .htw-process-wrap-two{padding-top:18px;}

	.reveal-htw-sec .htw-process-wrap-two .col-right{padding:0px;}
	.choose-level-card .htw-process-card-outer{padding-right:0px; margin-top:90px;}

	.reveal-htw-sec .htw-process-wrap-two .htw-process-line-block{margin-top:10px;}
	.reveal-htw-sec .htw-process-wrap-three .col-right{padding:0px;}
	.reveal-htw-sec .round-progression-card .htw-process-card-outer{padding-left:0px; margin-top:90px;}
	.reveal-htw-sec .htw-process-card-list:not(.list-style-none){margin-left:-20px;}
	.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:20px;}
	.reveal-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:14px; height:14px;}

	.reveal-htw-sec .htw-process-wrap-three .htw-process-line-fig{max-width:84.6%; left:auto;}
	.reveal-htw-sec .htw-process-wrap-four{padding-top:40px;}
	.reveal-htw-sec .correct-incorrect-card .htw-process-card-cont{padding:80px 12px 30px 32px;}
	.reveal-htw-sec .correct-incorrect-card .htw-card-icon{left:auto; top:16px;}

	.htw-ans-line-block, .answering-block{display:none;}
	.reveal-htw-sec .htw-process-wrap .col-bottom{gap:0px; flex-direction:column;}
	.reveal-htw-sec .htw-process-wrap .htw-col-img{float:left; width:100%; max-width:86%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center;}
	.ans-info{max-width:170px; padding-bottom:11px; margin:20px auto 10px;}
	.ans-label{font-size:22px; min-height:44px;}
	.ans-info:after{width:14px; height:12px;}

	.reveal-htw-sec .htw-process-wrap-five{padding-top:16px;}
	.reveal-htw-sec .htw-process-wrap-five .col-left{max-width:100%;}
	.reveal-htw-sec .htw-process-wrap-five .col-right{padding-right:0px;}
	.game-stats-display-card .htw-process-card-outer{padding-right:0px; margin-top:80px;}
	.reveal-htw-sec .htw-process-wrap-five .htw-process-line-block{justify-content:flex-end;}

	.reveal-htw-sec .htw-process-wrap-six{padding-top:20px;}
	.reveal-htw-sec .htw-process-wrap-six .col-right{padding:0px;}
	.reveal-htw-sec .boost-card .htw-process-card-outer{padding-left:0px; margin-top:90px;}
	.reveal-htw-sec .boost-card .htw-process-card-list.list-style-none{margin-left:-50px; margin-top:20px;}
	.reveal-htw-sec .htw-list-icon{max-width:40px;}
	.reveal-htw-sec .htw-process-wrap-six .htw-process-line-block{justify-content:flex-start; margin-top:10px;}

	.htw-process-wrap-seven{padding-top:10px;}
	.reveal-htw-sec .htw-process-wrap-seven .col-left{max-width:96%;}
	.htw-process-wrap-seven .col-right{padding-right:0px;}
	.scoring-system-card .htw-process-card-outer{padding-right:0px; margin-top:80px;}
	.reveal-htw-sec .scoring-system-card .htw-process-card-list:not(.list-style-none){margin-left:0px;}
	.htw-process-wrap-seven .htw-process-line-block{justify-content:flex-end;}

	.htw-process-wrap-eight .col-right{padding:0px;}
	.reveal-htw-sec .game-summary-card .htw-process-card-outer{padding-left:0; margin-top:90px;}
	.reveal-htw-sec .game-summary-card .htw-process-card-list:not(.list-style-none){margin-left:0px;}
	.reveal-htw-sec .htw-btn-bar{margin-top:16px;}

	.reveal-game-expec-sec .game-expectation-sec-head-outer:after{content:""; position:absolute; right:0; top:2px; width:9%; height:40px; background:url(../images/reveal/title-line-right.png) no-repeat center left; background-size:100%;}
	.reveal-game-expec-sec .game-expectation-sec-head-outer:before{content:""; display:inline-block; position:absolute; left:0; top:2px; margin:0px; width:9%; height:40px; background:url(../images/reveal/title-line-left.png) no-repeat center right; background-size:100%;}
	.reveal-game-expec-sec .game-expectation-sec-head .sec-main-title{padding-bottom:16px;}
	.reveal-game-expec-sec .game-expect-card-fig{max-width:82px;}
	.reveal-game-expec-sec .game-expect-icon-block{top:0; margin:-100px auto 0; }
	.reveal-game-expec-sec .game-expectation-card-outer{padding:60px 20px 0; margin:80px 0 20px; min-height:240px; background-size:100% 100%;}
	.reveal-game-expec-sec .game-expectation-item{margin-top:0px; max-width:calc(100vw - 100px); min-width:calc(100vw - 100px);}
	.reveal-game-expec-sec .game-expect-card-title{font-size:22px; padding:0 20px; margin:0 auto 20px;}
	.reveal-game-expec-sec .owl-carousel .owl-dot span{border:none; width:11px; height:11px;}
	.reveal-game-expec-sec .owl-carousel .owl-dot.active span{width:42px; border-radius:10px;}

	.reveal-game-summary-sec .game-summary-cont{position:relative;}
	.reveal-game-summary-sec .game-summary-cont:before{content:""; position:absolute; right:-5px; bottom:calc(100% - 5px); width:110px; height:55px; background:url(../images/reveal/paper-bg-top-image.png) no-repeat center center; background-size:100%;}
	.reveal-game-summary-sec .game-summary-cont:after{content:""; position:absolute; left:-5px; top:calc(100% - 10px); width:100px; height:68px; background:url(../images/reveal/paper-bg-bottom-image.png) no-repeat center center; background-size:100%;}
	.reveal-game-summary-sec .game-summary-cont-outer{padding:20px 10px 20px;}
	.reveal-game-summary-sec .game-summary-text{font-size:22px;}
	.reveal-game-summary-sec .game-summary-btn-bar{margin-top:0px; padding-top:20px;}
	.game-summary-btn-bar:before{display:none;}

	.reveal-game-faq-sec .faq-wrap{padding:10px 0px 20px;}
	.reveal-game-faq-sec .faq-block{padding:0px 10px;}
	.reveal-game-faq-sec .accordion-item{margin-bottom:12px;}
	.reveal-game-faq-sec .accordion-head{padding:8px 10px 8px 15px;border-radius:25px;}
	.reveal-game-faq-sec .accordion-title{font-size:18px;}
	.reveal-game-faq-sec .accordion-body{padding:10px 10px 10px 20px;}
	.reveal-game-faq-sec .accordion-text{font-size:15px;}
	.reveal-game-faq-sec .accordion-icon{width:26px; height:26px; min-width:26px; padding:1px;}
	.reveal-game-faq-sec .accordion-icon .icon{max-width:13px; top:1px;}
	.reveal-game-faq-sec .accordion-card, .reveal-game-faq-sec .accordion-card:before{border-radius:25px;}
	.reveal-game-faq-sec .accordion-card:before{height:calc(100% + 3px);}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Reveal Game CSS End // ***************************** */






/* ***************************** // Duracell Game CSS Start // ***************************** */
.duracell-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#e68a45;
--clr-dark:#000;
--clr-dark-alt:#e68a45;
--clr-action:#fff;

/*Background Colors*/
--bg-body:#000;
--bg-base:#e68a45;
--bg-primary:#975d3b;
--bg-secondary:#27b1c8;
--bg-dark:#000;

/*Border Colors*/
--bdr1:#e68a45;

/*Btn Shadow*/
--shadow-text:0 2px 4px rgba(0,0,0,0.3);
	
/*Fonts*/
--font-base:'Gotham-Medium', sans-serif;
--font-head:'BrownPro-Bold', sans-serif;
}

.duracell-game .header{background:var(--bg-dark);}
.duracell-game .nav-item-label{padding:0px; font-family:var(--font-head);}
@media (hover: hover){
	.duracell-game .active .nav-item-label, .duracell-game .nav-item-label:hover{color:#e68a45; background:transparent;}
}

.duracell-game-banner-sec .banner-sec-outer{padding:22px 0 0; position:relative; background:var(--bg-dark) var(--banner-bg) no-repeat top left; background-size:100% auto;}
.duracell-game-banner-sec .banner-sec-outer:before{content:""; position:absolute; left:0; bottom:70px; width:100%; height:100%; background:url(../images/duracell/banner-bg-bottom.png) no-repeat center bottom; background-size:100%; pointer-events:none;}
.duracell-game-banner-sec .banner-content{flex-direction:column;}

.duracell-game-banner-sec .banner-logo{display:flex; justify-content:center;}
.duracell-game-banner-sec .game-logo-fig{max-width:23%;}
.duracell-game-banner-sec .banner-col.bottom{display:flex; justify-content:center;}
.duracell-game-banner-sec .video-block{max-width:67.2%; margin:0 auto; border-radius:20px; border:6px solid var(--bdr1); box-shadow:0px 0px 5vmin rgba(230, 138, 69, 0.8), 0px 0px 5vmin rgba(230, 138, 69, 0.8);}
.duracell-game-banner-sec .video-frame-outer{left:0; right:0; top:0; bottom:0; border-radius:0;}
.duracell-game-banner-sec .video-iframe{padding-bottom:56.5%;}
.duracell-game-banner-sec .video-poster, .duracell-game-banner-sec .client-video{top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:0px;}

.duracell-game-banner-sec .sec-head{margin-bottom:30px;}
.duracell-game .sec-main-title{font-size:60px;}

.duracell-game-banner-sec .about-us-content{float:left; width:100%; margin:80px 0 0; padding:50px 40px 50px; border-radius:20px; background: linear-gradient(to right, rgba(66,35,9,0.9) 0%,rgba(0,0,0,0) 110%); position:relative; z-index:2;}
.duracell-game-banner-sec .about-us-text-block{max-width:100%;}
.duracell-game-banner-sec .about-us-text-list{float:left; width:100%;}
.duracell-game-banner-sec .about-us-text-item{float:left; width:100%; font-size:30px; margin-bottom:40px; position:relative; padding-left:54px;}
.duracell-game-banner-sec .about-us-text-item:before{content:""; position:absolute; left:0; top:0; width:46px; height:44px; background:url(../images/duracell/list-tick-icon.png) no-repeat center center; background-size:100%;}

.tabs-content-wrap{float:left; width:100%;}
.tabs-nav-sec{float:left; width:100%; padding:100px 0;}
.tabs-nav-block{float:left; width:100%;}
.tabs-nav{float:left; width:100%;}
.tabs-nav ul{float:left; width:100%; display:flex; justify-content:space-between;}
.tabs-nav ul li{float:left; width:100%; max-width:calc((100% / 6) - 40px); border:none;}
.tabs-nav ul li.nav-item:after{display:none;}
.tabs-nav-item{float:left; width:100%; cursor:pointer; transition:all 0.3s ease 0s;}
.active .tabs-nav-item{transform:scale3d(1.2, 1.2, 1.2);}
.grid-lights-fig{float:left; width:100%;}
.grid-lights-fig img{float:left; width:100%;}
.active .grid-lights-fig img{filter:drop-shadow(0px 0px 1.2vmin rgba(230, 138, 69, 0.6)) drop-shadow(0px 0px 2.2vmin rgba(230, 138, 69, 0.6));}

.tabs-item-data:not(.active){display:none;}

.grid-description-card{float:left; width:100%;}
.grid-description-card-outer{float:left; width:100%; background:rgba(0, 0, 0, 0.9); padding:40px 40px; display:flex; align-items:center; border-radius:30px; border:1px solid var(--bdr1); box-shadow:0px 0px 12px rgba(230, 138, 69, 0.8), 0px 0px 12px rgba(230, 138, 69, 0.8); position:relative;}
.grid-description-card-outer .col-left{float:left; padding:0px 50px 0px 10px;}
.grid-description-card-outer .col-right{float:left; width:100%; flex:1;}
.grid-description-fig{float:left; width:100%; max-width:301px;}
.grid-description-fig img{float:left; width:100%;}
.grid-description-cont{float:left; width:100%;}
.grid-description-label{float:left; width:100%; font-size:46px; font-family:var(--font-head); color:var(--clr-dark-alt); margin-bottom:10px;}
.grid-description-text{float:left; width:100%; font-size:26px;}
.grid-card-arrow{position:absolute; top:-56px; left:5%;}
.grid-card-arrow .icon{font-size:70px; color:var(--clr-dark); filter:drop-shadow(0px -7px 4px rgba(230, 138, 69, 0.45)) drop-shadow(0px -7px 4px rgba(230, 138, 69, 0.45));}
.f1-grid-lights-tab .grid-card-arrow{left:22%;}
.battery-blitz-tab .grid-card-arrow{left:40%;}
.recharge-puzzle-tab .grid-card-arrow{left:57%;}
.pitstop-sprint-tab .grid-card-arrow{left:75%;}
.turbo-dash-tab .grid-card-arrow{left:92%;}

/* How to Work CSS Start */
.duracell-htw-sec.how-to-work-sec{margin:94px 0 50px;}

.duracell-htw-sec .htw-sec-head{margin-bottom:5px;}
.duracell-htw-sec .sub-title{font-size:36px; text-align:center;}
.duracell-htw-sec .sec-main-title{color:var(--clr-dark-alt); font-size:70px;}

.duracell-htw-sec .sec-top-header{margin-bottom:40px;}
.duracell-game .btn-bar .base-btn{max-width:27%;}
.duracell-game .btn-text{font-family:var(--font-head); font-size:38px; font-weight:normal;}
.duracell-game .htw-btn-bar{margin-top:76px;}

.duracell-htw-sec .htw-process-wrap-one{flex-direction:row-reverse;}
.duracell-htw-sec .htw-process-card:before, .duracell-htw-sec .htw-process-card:after{display:none;}
.duracell-htw-sec .htw-process-card-outer:before, .duracell-htw-sec .htw-process-card-outer:after{display:none;}
.duracell-htw-sec .htw-process-card-outer{padding:1px; background:var(--bg-dark); border:2px solid var(--bdr1); box-shadow:0px 0px 10px rgba(230, 138, 69, 0.8), 0px 0px 10px rgba(230, 138, 69, 0.8);}
.duracell-htw-sec .htw-process-card-cont{background:var(--bg-primary); box-shadow:0 0 13px rgba(0, 0, 0, 0.6), 0 0 13px rgba(0, 0, 0, 0.6) inset;}
.duracell-htw-sec .htw-process-card-body{background:transparent; padding:0px 30px 40px; min-height:auto;}
.duracell-htw-sec .htw-process-card-title-bar{display:flex; justify-content:center; position:relative; top:-2px;}
.duracell-htw-sec .htw-process-card-title{float:left; width:82%; max-width:472px; padding:10px 15px 5px; display:flex; align-items:center; justify-content:center; text-transform:inherit; line-height:normal; clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%); background:url(../images/duracell/card-title-bg.jpg) no-repeat top center; background-size:cover; color:var(--clr-dark);}
.duracell-htw-sec .htw-process-card-list-item, .duracell-htw-sec .htw-process-card-list-label{font-size:34px; text-align:center; color:#fff;}
.duracell-htw-sec .htw-process-card-list{padding-left:0px;}
.duracell-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 5px rgba(230, 138, 69, 0.8)) drop-shadow(0px 0px 5px rgba(230, 138, 69, 0.8));}
.duracell-htw-sec .htw-process-theme:after{display:none;}
.duracell-htw-sec .htw-process-card-list-block{display:flex; align-items:center; min-height:150px;}
.duracell-htw-sec .htw-process-card-cont-block{float:left; width:100%; margin:20px 0px 0px;}
.how-to-work-process-col-2 .htw-process-theme-body{margin-top:20px; margin-bottom:-20%;}
.how-to-work-process-col-2 .htw-process-theme-col{max-width:calc((100% / 2) - 15px);}
.duracell-htw-sec .how-to-work-process-col-2 .htw-process-wrap-two{padding-bottom:15%;}

.duracell-htw-sec .htw-process-wrap{margin:50px 0; padding:0px;}
.duracell-htw-sec .htw-process-wrap-one .col-left{padding-left:15px;}
.duracell-htw-sec .htw-process-wrap-one .col-right{padding-left:0px;}
.duracell-htw-sec .htw-process-wrap .col-left{max-width:55.7%; margin:0px;}
.duracell-htw-sec .htw-process-wrap .col-right{max-width:44.3%; margin:0px;}
.duracell-htw-sec .htw-process-wrap-three .col-left{padding-right:15px;}
.duracell-htw-sec .htw-process-wrap-four .col-left{padding-left:15px;}
.duracell-htw-sec .htw-process-wrap-five .col-left{padding-right:15px;}
.duracell-htw-sec .htw-process-wrap-five{flex-direction:inherit;}
.duracell-htw-sec .htw-process-wrap-five .col-right{max-width:44.3%;}
.duracell-htw-sec .htw-process-wrap-six{flex-direction:row-reverse;}
.duracell-htw-sec .htw-process-wrap-six .col-left{padding-left:15px;}
.duracell-htw-sec .htw-process-wrap-seven{flex-direction:inherit;}
.duracell-htw-sec .htw-process-wrap-seven .col-left{padding-right:15px;}
.duracell-htw-sec .htw-process-wrap-seven .col-right{padding:0px;}
.duracell-htw-sec .htw-process-wrap-eight{flex-direction:row-reverse;}
.duracell-htw-sec .htw-process-wrap-eight .col-left{padding-left:15px;}
.duracell-htw-sec .htw-process-wrap-eight .col-right{padding:0px;}
.duracell-htw-sec .htw-process-wrap-nine .col-left{padding-right:15px;}
.duracell-htw-sec .htw-process-wrap-ten{flex-direction:row-reverse;}
.duracell-htw-sec .htw-process-wrap-ten .col-left{padding-left:15px;}

.htw-process-theme-row{float:left; width:100%; padding:1px; background:var(--bg-dark); border-radius:20px; border:2px solid var(--bdr1); box-shadow:0px 0px 10px rgba(230, 138, 69, 0.8), 0px 0px 10px rgba(230, 138, 69, 0.8);}
.htw-process-theme-row-outer{float:left; width:100%; background:var(--bg-primary); border-radius:18px; padding:0px 30px 40px; box-shadow:0 0 13px rgba(0, 0, 0, 0.6), 0 0 13px rgba(0, 0, 0, 0.6) inset;}

.htw-process-theme-body{float:left; width:100%; display:flex; justify-content:space-between; margin-top:40px;}
.htw-process-theme-col{float:left; width:100%; max-width:calc((100% / 3) - 15px); margin:15px 0;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.duracell-game-expec-sec .game-expectation-sec-outer{background:transparent; padding:20px 0 20px;}
.duracell-game-expec-sec .game-expectation-block{padding:50px 40px 50px; border-radius:20px; background:linear-gradient(to bottom, rgba(66,35,9,0.58) 0%,rgba(0,0,0,0) 100%);}
.duracell-game-expec-sec .game-expectation-sec-head{text-align:center;}
.duracell-game-expec-sec .sec-main-title{color:var(--clr-dark-alt); font-size:70px; line-height:1em;}

.duracell-game-expec-sec .game-expectation-list{justify-content:center; gap:0px 30px;}
.duracell-game-expec-sec .game-expectation-item{max-width:calc((100% / 2) - 15px); margin-top:36px;}
.duracell-game-expec-sec .game-expectation-card-outer{background:#010100; border-radius:20px; margin:0px; padding:30px 15px 30px 24px; min-height:220px; border:2px solid var(--bdr1);}
.game-expect-details-list.list-style-none .game-expect-details-item{padding:0px;}
.game-expect-details-list.list-style-none .game-expect-details-item:before{display:none;}

.duracell-game-expec-sec .game-expect-card-title{text-align:left; font-size:26px; margin-bottom:5px; font-family:var(--font-base);}
.duracell-game-expec-sec .game-expect-details-item{font-size:20px;}
/* Game Expectation CSS End */

/*FAQ CSS Start */
.duracell-game-faq-sec .faq-sec-outer{background:transparent; padding:20px 0 50px;}
.duracell-game-faq-sec .faq-wrap{padding:50px 40px 50px; border-radius:20px; background:linear-gradient(to bottom, rgba(66,35,9,0.58) 0%,rgba(0,0,0,0) 100%);}
.duracell-game-faq-sec .sec-main-title{color:var(--clr-dark-alt); font-size:70px; line-height:1em;}
.duracell-game-faq-sec .accordion-item{margin-bottom:20px;}
.duracell-game-faq-sec .accordion-card{background:#010100; border:1px solid var(--bdr1); border-radius:8px; padding:0px;}
.duracell-game-faq-sec .accordion-head{padding:14px 25px 14px 30px;}
.duracell-game-faq-sec .accordion-body{padding:0 25px 0 30px;}
.duracell-game-faq-sec .accordion-icon{background:transparent; width:auto; height:auto;}
.duracell-game-faq-sec .accordion-icon .icon{color:var(--clr-dark-alt); transition:all 0.3s ease 0s;}
.duracell-game-faq-sec .accordion-title{font-family:var(--font-base); font-size:28px; color:var(--clr-dark-alt);}
.duracell-game-faq-sec .answer-label, .duracell-game-faq-sec .accordion-text{font-size:20px; color:#fff;}
.duracell-game-faq-sec .answer-label{margin-right:6px; float:left;}
.duracell-game-faq-sec .accordion-text{flex:1;}
.duracell-game-faq-sec .accordion-cont-bar{align-items:flex-start; align-content:flex-start; padding-bottom:12px; min-height:50px;}
.duracell-game-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg);}
/*FAQ CSS End */

.duracell-game .footer{background:var(--bg-base);}
.duracell-game .copyright-text{color:var(--clr-dark);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.duracell-game .sec-main-title{font-size:50px;}
	.duracell-game-banner-sec .about-us-text-item{font-size:24px;}

	.grid-description-card-outer{padding:30px 30px;}
	.grid-card-arrow{top:-46px;}
	.grid-card-arrow .icon{font-size:60px;}
	.grid-description-label{font-size:42px;}
	.grid-description-text{font-size:22px;}

	.duracell-htw-sec .sub-title{font-size:30px;}
	.duracell-game .htw-btn-bar{margin-top:56px;}
	.duracell-game .btn-text{font-size:34px; padding-top:4px;}
	.duracell-htw-sec .htw-process-card-title{font-size:30px;}
	.duracell-htw-sec .htw-process-card-list-item, .duracell-htw-sec .htw-process-card-list-label{font-size:26px;}

	.duracell-game-expec-sec .game-expect-card-title{font-size:22px;}
	.duracell-game-expec-sec .game-expect-details-item{font-size:17px;}
	.duracell-game-expec-sec .game-expectation-card-outer{min-height:auto;}

	.duracell-game-faq-sec .faq-sec-outer{padding:20px 0 40px;}
	.duracell-game-faq-sec .accordion-title{font-size:22px;}
	.duracell-game-faq-sec .answer-label, .duracell-game-faq-sec .accordion-text{font-size:17px;}
}

@media(max-width:1280px) {
	.duracell-game .container{max-width:960px;}

	.duracell-game .sec-main-title{font-size:44px;}
	.duracell-game-banner-sec .about-us-text-item{font-size:20px; margin-bottom:30px; padding-left:44px;}
	.duracell-game-banner-sec .about-us-text-item:before{width:40px; height:38px;}

	.tabs-nav ul li{max-width:calc((100% / 6) - 20px);}
	.active .grid-lights-fig img{filter:drop-shadow(0px 0px 4px rgba(230, 138, 69, 0.6)) drop-shadow(0px 0px 8px rgba(230, 138, 69, 0.6));}

	.grid-description-card-outer{padding:24px 24px;}
	.grid-card-arrow{top:-36px;}
	.grid-card-arrow .icon{font-size:50px;}
	.grid-description-card-outer .col-left{width:32%; padding:0px 40px 0px 10px;}
	.grid-description-label{font-size:36px;}
	.grid-description-text{font-size:18px;}

	.how-to-work-process-col-2 .htw-process-theme-body{margin-bottom:-23%; margin-top:10px;}
	.duracell-htw-sec .htw-process-card-cont-block{margin:0px 0px 0px;}
	.duracell-htw-sec .sub-title{font-size:26px;}
	.duracell-game .htw-btn-bar{margin-top:46px;}
	.duracell-game .btn-bar .base-btn{max-width:30%;}
	.duracell-game .btn-text{font-size:30px; padding-top:2px;}
	.duracell-htw-sec .htw-process-wrap{margin:40px 0;}
	.duracell-htw-sec .htw-process-card-title{font-size:24px;}
	.duracell-htw-sec .htw-process-card-list-item, .duracell-htw-sec .htw-process-card-list-label{font-size:18px;}
	.duracell-htw-sec .htw-process-card-list-block{min-height:auto;}

	.duracell-game-expec-sec .game-expect-card-title{font-size:18px; margin-bottom:10px;}
	.duracell-game-expec-sec .game-expect-details-item{font-size:14px;}
	.duracell-game-expec-sec .game-expectation-card-outer{padding:20px 15px 20px 20px;}

	.duracell-game-faq-sec .faq-sec-outer{padding:0px 0 0px;}
	.duracell-game-faq-sec .faq-sec-head{margin-bottom:30px;}
	.duracell-game-faq-sec .accordion-item{margin-bottom:15px;}
	.duracell-game-faq-sec .accordion-head{padding:12px 15px 12px 20px;}
	.duracell-game-faq-sec .accordion-body{padding:0 15px 0 20px;}
	.duracell-game-faq-sec .accordion-title{font-size:18px;}
	.duracell-game-faq-sec .answer-label, .duracell-game-faq-sec .accordion-text{font-size:14px;}
	.duracell-game-faq-sec .accordion-icon .icon{font-size:17px;}
}

@media(max-width:1023px) {
	.duracell-game .container{max-width:750px;}

	.duracell-game .sec-main-title{font-size:40px;}
	.duracell-game-banner-sec .about-us-content{padding:40px 30px 30px;}

	.duracell-game-banner-sec .about-us-text-item{font-size:17px; margin-bottom:22px; padding-left:40px;}
	.duracell-game-banner-sec .about-us-text-item:before{width:36px; height:34px;}

	.tabs-nav-sec{padding:60px 0;}
	.tabs-nav ul li{max-width:calc((100% / 6) - 10px);}
	.active .tabs-nav-item{transform:scale3d(1.1, 1.1, 1.1);}
	.grid-description-card-outer{box-shadow:0px 0px 7px rgba(230, 138, 69, 0.8), 0px 0px 7px rgba(230, 138, 69, 0.8);}
	.grid-card-arrow .icon{font-size:40px;}
	.grid-card-arrow{top:-26px;}
	.grid-description-card-outer .col-left{padding: 0px 30px 0px 0;}
	.grid-description-label{font-size:30px;}
	.grid-description-text{font-size:15px;}

	.how-to-work-process-col-2 .htw-process-theme-body{margin-bottom:-25%;}
	.duracell-htw-sec.how-to-work-sec{margin:60px 0 40px;}
	.duracell-htw-sec .sub-title{font-size:22px;}
	.duracell-game .btn-bar .base-btn{max-width:40%;}
	.duracell-game .btn-text{font-size:26px;}

	.duracell-htw-sec .htw-process-wrap{margin:30px 0;}
	.duracell-htw-sec .htw-process-card-title{font-size:22px;}
	.duracell-htw-sec .htw-process-card-list-item, .duracell-htw-sec .htw-process-card-list-label{font-size:16px;}
	.duracell-htw-sec .htw-process-card-body{padding:0px 10px 20px;}
	.duracell-htw-sec .htw-process-card-outer{box-shadow:0px 0px 7px rgba(230, 138, 69, 0.8), 0px 0px 7px rgba(230, 138, 69, 0.8);}
	.duracell-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 3px rgba(230, 138, 69, 0.8)) drop-shadow(0px 0px 3px rgba(230, 138, 69, 0.8));}

  .duracell-game-faq-sec .faq-block{padding:0px;}
  .duracell-game-faq-sec .accordion-cont-bar{min-height:auto; padding-bottom:15px;}
}

@media(max-width:767px) {	
	.duracell-game .menu-line{background:var(--clr-base);}
	.duracell-game .nav-item-label{color:var(--clr-dark-alt); padding:9px 12px;}

	.duracell-game-banner-sec .banner-sec-outer{padding:12px 0 0;}
	.duracell-game-banner-sec .game-logo-fig{max-width:38%;}
	.duracell-game-banner-sec .video-block{max-width:82%; border-width:2px; border-radius:8px; box-shadow:0px 0px 10px rgba(230, 138, 69, 0.8), 0px 0px 10px rgba(230, 138, 69, 0.8);}

	.duracell-game .sec-main-title{font-size:24px; color:var(--clr-dark-alt);}
	.duracell-game-banner-sec .about-us-content{padding:20px 10px 10px; margin:40px 0 0;}
	.duracell-game-banner-sec .sec-head{margin-bottom:10px;}
	.duracell-game-banner-sec .about-us-text-item:before{width:18px; height:20px;}
	.duracell-game-banner-sec .about-us-text-item{font-size:12px; margin-bottom:10px; padding-left:20px;}

	.tabs-nav-sec{padding:0px;}
	.carousel-tabs-nav .tabs-nav{width:calc(100% + 16px); margin:0px -8px;}
  .carousel-tabs-nav .owl-stage-outer{padding:60px 0 50px;}
	.carousel-tabs-nav .tabs-nav ul li{max-width:calc(100vw - 200px);}
	.active .grid-lights-fig img{filter:inherit;}
	.center .grid-lights-fig img{filter:drop-shadow(0px 0px 4px rgba(230, 138, 69, 0.6)) drop-shadow(0px 0px 8px rgba(230, 138, 69, 0.6));}
	.active .tabs-nav-item{transform:none;}
	.center .tabs-nav-item{transform:scale3d(1.2, 1.2, 1.2);}
	.grid-card-arrow .icon{font-size:30px; filter:drop-shadow(0px -5px 4px rgba(230, 138, 69, 0.45)) drop-shadow(0px -5px 4px rgba(230, 138, 69, 0.45));}
	.grid-card-arrow, .f1-grid-lights-tab .grid-card-arrow, .battery-blitz-tab .grid-card-arrow, .recharge-puzzle-tab .grid-card-arrow, .pitstop-sprint-tab .grid-card-arrow, .turbo-dash-tab .grid-card-arrow{left:0; right:0; text-align:center; top:-21px;}

	.grid-description-card-outer{flex-direction:column;}
	.grid-description-card-outer .col-left{width:100%; padding:0 0 30px 0; display:flex; justify-content:center;}
	.grid-description-fig{max-width:230px; margin:0 auto;}
	.grid-description-cont{text-align:center;}
	.grid-description-label{font-size:22px; margin-bottom:4px;}
	.grid-description-text{font-size:14px; font-weight:normal;}
	.grid-description-card-outer{padding:20px 10px; border-radius:10px;}

	.duracell-htw-sec .sub-title{font-size:16px;}
	.duracell-htw-sec.how-to-work-sec{margin:30px 0 10px;}
	.duracell-game .btn-bar .base-btn{max-width:240px;}
	.duracell-game .btn-text{font-size:22px;}
	.duracell-game .htw-btn-bar{margin-top:20px;}

	.duracell-htw-sec .sec-top-header{margin-bottom:10px;}
	.duracell-htw-sec .htw-process-wrap{margin:20px 0;}
	.duracell-htw-sec .htw-process-wrap-one{flex-direction:column;}
	.duracell-htw-sec .htw-process-wrap .col-left{padding:0px; max-width:100%;}
	.duracell-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 2px rgba(230, 138, 69, 0.8)) drop-shadow(0px 0px 2px rgba(230, 138, 69, 0.8));}
	.duracell-htw-sec .htw-process-wrap .col-right{max-width:100%;}
	.duracell-htw-sec .htw-process-card{margin:20px 0 0;}
	.duracell-htw-sec .htw-process-card-title{width:260px; padding:4px 6px 2px;}
	.duracell-htw-sec .htw-process-card-body{padding:0px 10px 10px;}
	.duracell-htw-sec .htw-process-card-outer{border-width:1px;}

	.htw-process-theme-body{flex-direction:column;  margin-top:10px;}
	.htw-process-theme-row-outer{padding:0px 15px 10px;}
	.htw-process-theme-col{max-width:100%; margin:10px 0;}
	.how-to-work-process-col-2 .htw-process-theme-col{max-width:100%;}
	.how-to-work-process-col-2 .htw-process-theme-body{margin-bottom:0px;}
	.duracell-htw-sec .how-to-work-process-col-2 .htw-process-wrap-two{padding-bottom:0px;}

	.duracell-game-expec-sec .container{padding:0 8px;}
	.duracell-game-expec-sec .game-expectation-sec-outer{padding:0px 0 20px;}
	.duracell-game-expec-sec .game-expectation-block{padding:20px 10px 10px; border-radius:10px;}
	.duracell-game-expec-sec .game-expectation-list{gap:0px;}
	.duracell-game-expec-sec .game-expectation-item{width:100%; max-width:100%; margin-top:10px;}
	.duracell-game-expec-sec .game-expectation-card-outer{padding:12px 10px; border-width:1px; border-radius:10px;}
	.duracell-game-expec-sec .game-expect-card-title{font-size:16px;}

	.duracell-game-faq-sec .faq-wrap{padding:20px 10px 20px;}
	.duracell-game-faq-sec .faq-sec-head{margin-bottom:15px;}
	.duracell-game-faq-sec .faq-block{padding:0px;}
	.duracell-game-faq-sec .accordion-title{font-size:14px;}
	.duracell-game-faq-sec .answer-label, .duracell-game-faq-sec .accordion-text{font-size:12px;}
	.duracell-game-faq-sec .accordion-icon .icon{font-size:14px;}
	.duracell-game-faq-sec .accordion-card{border-radius:3px;}
	.duracell-game-faq-sec .accordion-head{padding:14px 8px 14px 10px;}
	.duracell-game-faq-sec .accordion-body{padding:0 10px 0 10px;}
	.duracell-game-faq-sec .accordion-item{margin-bottom:10px;}
}
@media(max-width:374px) {
  .duracell-htw-sec .htw-process-card-list-item, .duracell-htw-sec .htw-process-card-list-label{font-size:15px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Duracell Game CSS End // ***************************** */





/* ***************************** // Rapid Fire Game CSS Start // ***************************** */
.rapid-fire-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#00c7ec;
--clr-dark:#021b4f;
--clr-dark-alt:#011643;
--clr-action:#fff;

/*Background Colors*/
--bg-body:#021b4f;
--bg-base:#00c7ec;
--bg-primary:#00194d;
--bg-secondary:#011643;
--bg-dark:#021b4f;

/*Border Colors*/
--bdr1:#00c7ec;
--bdr2:#264896;

/*Btn Shadow*/
--shadow-text:0 2px 4px rgba(0,0,0,0.3);
  
/*Fonts*/
--font-base:'Gotham-Medium', sans-serif;
--font-head:'BrownPro-Bold', sans-serif;
}

.rapid-fire-game .header{background:var(--bg-dark);}
.rapid-fire-game .nav-item-label{padding:0px; font-family:var(--font-head);}
.rapid-fire-game .navbar .nav-item{margin-left:15%;}
.rapid-fire-game .navbar .nav-item:first-child{margin-left:auto;}
@media (hover: hover){
  .rapid-fire-game .active .nav-item-label, .rapid-fire-game .nav-item-label:hover{color:#00c7ec; background:transparent;}
}

.rapid-fire-game-banner-sec .banner-sec-outer{padding:28px 0 0; position:relative; background:var(--bg-dark) var(--banner-bg) no-repeat top left; background-size:100% auto;}
.rapid-fire-game-banner-sec .banner-content{flex-direction:column;}

.rapid-fire-game-banner-sec .banner-logo{display:flex; justify-content:center;}
.rapid-fire-game-banner-sec .game-logo-fig{max-width:23%;}
.rapid-fire-game-banner-sec .banner-col.bottom{display:flex; justify-content:center; margin-top:28px;}
.rapid-fire-game-banner-sec .video-block{max-width:67.2%; margin:0 auto; border-radius:20px; border:6px solid var(--bdr1); box-shadow:0px 0px 5vmin rgba(0, 160, 221, 0.8), 0px 0px 5vmin rgba(0, 160, 221, 0.8);}
.rapid-fire-game-banner-sec .video-frame-outer{left:0; right:0; top:0; bottom:0; border-radius:0;}
.rapid-fire-game-banner-sec .video-iframe{padding-bottom:56.5%;}
.rapid-fire-game-banner-sec .video-poster, .rapid-fire-game-banner-sec .client-video{top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:0px;}

.rapid-fire-game-banner-sec .sec-head{margin-bottom:30px;}
.rapid-fire-game .sec-main-title{font-size:60px; color:var(--clr-base-light);}

.rapid-fire-game-banner-sec .about-us-content{float:left; width:100%; margin:60px 0 0; padding:50px 40px 50px; border-radius:30px; background:#021b4f; border:2px solid var(--bdr2); position:relative; z-index:2; overflow:hidden;}
.rapid-fire-game-banner-sec .about-us-content:before{content:""; position:absolute; right:-180px; top:-180px; border-radius:100%; width:180px; height:180px; box-shadow:-110px 110px 180px #3a66da; pointer-events:none;}
.rapid-fire-game-banner-sec .about-us-content:after{content:""; position:absolute; left:-180px; bottom:-180px; border-radius:100%; width:180px; height:180px; box-shadow:110px -110px 180px #3a66da; pointer-events:none;}
.rapid-fire-game-banner-sec .about-us-text-block{max-width:100%;}
.rapid-fire-game-banner-sec .about-us-text-list{float:left; width:100%;}
.rapid-fire-game-banner-sec .about-us-text-item{float:left; width:100%; font-size:30px; margin-bottom:10px; position:relative; text-align:center;}
.rapid-fire-game-banner-sec .about-us-btn-bar{margin-top:20px;}

.rapid-fire-game .tabs-nav-sec{padding:80px 0;}
.rapid-fire-game .active .tabs-nav-item{transform:none;}
.rapid-fire-game .tabs-nav .nav-item-card{float:left; width:100%; cursor:pointer;}
.rapid-fire-game .active .grid-lights-fig img{filter:drop-shadow(0px 0px 2px #0fd5ff) drop-shadow(0px 0px 2px #0fd5ff) drop-shadow(0px 0px 2px #0fd5ff) drop-shadow(0px 0px 1.2vmin rgba(0, 222, 255, 0.6)) drop-shadow(0px 0px 2.2vmin rgba(0, 222, 255, 0.6)); filter:inherit;}
.rapid-fire-game .grid-description-card-outer{background:var(--bg-primary); box-shadow:0px 0px 44px rgba(0, 163, 224, 0.8) inset; border-width:2px;}
.rapid-fire-game .grid-card-arrow .icon{color:var(--clr-base-light); filter:drop-shadow(0px -7px 4px rgba(0, 163, 224, 0.45)) drop-shadow(0px -7px 4px rgba(0, 163, 224, 0.45));}
.rapid-fire-game .grid-card-arrow{top:-60px;}
.rapid-fire-game .grid-description-label{text-transform:uppercase; color:var(--clr-base-light);}
.rapid-fire-game .tabs-item-data{float:left; width:100%; padding:100px 0px; display:block;}
.rapid-fire-game .tabs-item-data:nth-child(even){background:#001540;}


/* How to Work CSS Start */
.rapid-fire-htw-sec.how-to-work-sec{margin:50px 0 40px;}

.rapid-fire-htw-sec .htw-sec-head{margin-bottom:5px;}
.rapid-fire-htw-sec .sub-title{font-size:30px; text-align:center;}
.rapid-fire-htw-sec .sub-title{margin-bottom:20px;}
.rapid-fire-htw-sec .sec-main-title{color:var(--clr-base-light); font-size:70px;}

.rapid-fire-htw-sec .sec-top-header{margin-bottom:40px;}
.rapid-fire-game .btn-bar .base-btn{max-width:27%;}
.rapid-fire-game .btn-text{font-family:var(--font-head); font-size:38px; font-weight:normal;}

.rapid-fire-htw-sec .htw-process-wrap .col-full{display:flex; align-items:center; justify-content:center;}
.rapid-fire-htw-sec .htw-process-theme{max-width:1074px; width:74%;}
.rapid-fire-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 5px rgba(0, 208, 239, 0.8)) drop-shadow(0px 0px 5px rgba(0, 208, 239, 0.8));}
.rapid-fire-htw-sec .htw-process-theme:after{display:none;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.rapid-fire-game-expec-sec .game-expectation-sec-outer{background:transparent; padding:20px 0 0px;}
.game-expec-card{float:left; width:100%; border-radius:20px; border:1px solid var(--bdr1); padding:40px 70px;}
.game-expec-cont{float:left; width:100%; color:var(--clr-base-light); font-size:30px; line-height:1.25em;text-align:center;}
/* Game Expectation CSS End */

/*FAQ CSS Start */
.rapid-fire-game-faq-sec .faq-sec-outer{background:transparent; padding:20px 0px 0px;}
.rapid-fire-game-faq-sec .faq-wrap{padding:50px 40px 30px; border-radius:20px; background:linear-gradient(to bottom, rgba(0,21,64,0.80) 0%,rgba(0,0,0,0) 100%);}
.rapid-fire-game-faq-sec .faq-sec-head{margin-bottom:14px;}
.rapid-fire-game-faq-sec .sec-main-title{color:var(--clr-base-light); font-size:70px; line-height:1em;}
.rapid-fire-game-faq-sec .accordion-item{margin-bottom:20px;}
.rapid-fire-game-faq-sec .accordion-card{background:rgba(1, 22, 64, 0.9); border:1px solid var(--bdr1); border-radius:8px; padding:0px;}
.rapid-fire-game-faq-sec .accordion-head{padding:14px 25px 14px 30px;}
.rapid-fire-game-faq-sec .accordion-body{padding:0 25px 0 30px;}
.rapid-fire-game-faq-sec .accordion-icon{background:transparent; width:auto; height:auto;}
.rapid-fire-game-faq-sec .accordion-icon .icon{color:var(--clr-base-light); transition:all 0.3s ease 0s;}
.rapid-fire-game-faq-sec .accordion-title{font-family:var(--font-base); font-size:28px; color:var(--clr-base-light);}
.rapid-fire-game-faq-sec .answer-label, .rapid-fire-game-faq-sec .accordion-text{font-size:20px; color:#fff;}
.rapid-fire-game-faq-sec .answer-label{margin-right:6px; float:left;}
.rapid-fire-game-faq-sec .accordion-text{flex:1;}
.rapid-fire-game-faq-sec .accordion-cont-bar{align-items:flex-start; align-content:flex-start; padding-bottom:12px; min-height:50px;}
.rapid-fire-game-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg);}
/*FAQ CSS End */

/* Game Summary CSS Start */
.rapid-fire-game-summary-sec .game-summary-sec-outer{background:#00d0ef; padding:100px 0px;}
.rapid-fire-game-summary-sec .game-summary-text{font-size:32px; font-family:var(--font-base); color:var(--clr-dark-alt); max-width:1370px;}
/* Game Summary CSS End */

.rapid-fire-game .footer{background:var(--bg-secondary);}
.rapid-fire-game .copyright-text{color:var(--clr-base);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .rapid-fire-game-banner-sec .banner-sec-outer{padding:16px 0 0;}
  .rapid-fire-game-banner-sec .banner-col.bottom{margin-top:8px;}
  .rapid-fire-game .sec-main-title{font-size:50px;}
  .rapid-fire-game-banner-sec .about-us-text-item{font-size:24px;}

  .rapid-fire-game .tabs-nav-sec{padding:70px 0;}
  .rapid-fire-game .tabs-nav ul li{max-width:calc((100% / 6) - 30px);}

  .rapid-fire-htw-sec .sub-title{font-size:26px;}
  .rapid-fire-game .btn-text{font-size:34px; padding-top:4px;}
  .rapid-fire-game .tabs-item-data{padding:80px 0px;}

  .game-expec-cont{font-size:26px;}

  .rapid-fire-game-summary-sec .game-summary-sec-outer{padding:70px 0px;}
  .rapid-fire-game-summary-sec .game-summary-text{font-size:28px;}

  .rapid-fire-game-faq-sec .faq-sec-outer{padding:20px 0 40px;}
  .rapid-fire-game-faq-sec .accordion-title{font-size:22px;}
  .rapid-fire-game-faq-sec .answer-label, .rapid-fire-game-faq-sec .accordion-text{font-size:17px;}
}

@media(max-width:1280px) {
  .rapid-fire-game .container{max-width:960px;}

  .rapid-fire-game-banner-sec .about-us-content{padding:30px 30px 30px;}
  .rapid-fire-game-banner-sec .sec-head{margin-bottom:10px;}
  .rapid-fire-game .sec-main-title{font-size:44px;}
  .rapid-fire-game-banner-sec .about-us-text-item{font-size:20px;}
  .rapid-fire-game-banner-sec .about-us-btn-bar{margin-top:15px;}

  .rapid-fire-game .tabs-nav ul li{max-width:calc((100% / 6) - 20px);}

  .rapid-fire-htw-sec .sub-title{font-size:22px;}
  .rapid-fire-game .btn-bar .base-btn{max-width:30%;}
  .rapid-fire-game .btn-text{font-size:30px; padding-top:2px;}

  .game-expec-card{padding:34px 64px;}
  .game-expec-cont{font-size:22px;}

  .rapid-fire-game-faq-sec .faq-sec-outer{padding:0px 0 0px;}
  .rapid-fire-game-faq-sec .faq-sec-head{margin-bottom:30px;}
  .rapid-fire-game-faq-sec .accordion-item{margin-bottom:15px;}
  .rapid-fire-game-faq-sec .accordion-head{padding:12px 15px 12px 20px;}
  .rapid-fire-game-faq-sec .accordion-body{padding:0 15px 0 20px;}
  .rapid-fire-game-faq-sec .accordion-title{font-size:18px;}
  .rapid-fire-game-faq-sec .answer-label, .rapid-fire-game-faq-sec .accordion-text{font-size:14px;}
  .rapid-fire-game-faq-sec .accordion-icon .icon{font-size:17px;}

  .rapid-fire-game-summary-sec .game-summary-sec-outer{padding:56px 0px;}
  .rapid-fire-game-summary-sec .game-summary-text{font-size:24px;}
}

@media(max-width:1023px) {
  .rapid-fire-game .container{max-width:750px;}

  .rapid-fire-game .sec-main-title{font-size:40px;}
  .rapid-fire-game-banner-sec .about-us-content{padding:40px 30px 30px;}
  .rapid-fire-game-banner-sec .about-us-text-item{font-size:17px;}

  .rapid-fire-game .tabs-nav-sec{padding:50px 0;}
  .rapid-fire-game .tabs-nav ul li{max-width:calc((100% / 6) - 10px);}

  .rapid-fire-game .tabs-item-data{padding:60px 0px;}
  .rapid-fire-htw-sec.how-to-work-sec{margin:40px 0 30px;}
  .rapid-fire-htw-sec .sub-title{font-size:18px;}
  .rapid-fire-game .btn-bar .base-btn{max-width:40%;}
  .rapid-fire-game .btn-text{font-size:26px;}
  .rapid-fire-htw-sec .sec-top-header{margin-bottom:20px;}
  .rapid-fire-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 3px rgba(0, 208, 239, 0.8)) drop-shadow(0px 0px 3px rgba(0, 208, 239, 0.8));}

  .game-expec-card{padding:28px 52px;}
  .game-expec-cont{font-size:18px;}

  .rapid-fire-game-faq-sec .faq-wrap{padding:30px 20px 30px;}
  .rapid-fire-game-faq-sec .faq-block{padding:0px;}
  .rapid-fire-game-faq-sec .accordion-cont-bar{min-height:auto; padding-bottom:15px;}

  .rapid-fire-game-summary-sec .game-summary-sec-outer{padding:46px 0px;}
  .rapid-fire-game-summary-sec .game-summary-text{font-size:20px;}
}

@media(max-width:767px) { 
  .rapid-fire-game .menu-line{background:var(--clr-base);}
  .rapid-fire-game .nav-item-label{color:var(--clr-base-light); padding:9px 12px;}
  .rapid-fire-game .navbar .nav-item{margin-left:0px;}

  .rapid-fire-game-banner-sec .banner-sec-outer{padding:9px 0 0; background:var(--bg-dark) var(--banner-bg-mob) no-repeat top left; background-size:100% auto;}
  .rapid-fire-game-banner-sec .game-logo-fig{max-width:38%;}
  .rapid-fire-game-banner-sec .video-block{max-width:82%; border-width:2px; border-radius:8px; box-shadow:0px 0px 10px rgba(0, 160, 221, 0.8), 0px 0px 10px rgba(0, 160, 221, 0.8);}
  .rapid-fire-game-banner-sec .banner-col.bottom{margin-top:2px;}

  .rapid-fire-game-banner-sec .about-us-content{border-radius:12px; border-width:1px;}
  .rapid-fire-game-banner-sec .about-us-content:before{right:-140px; top:-140px; width:110px; height:110px; box-shadow:-80px 80px 70px #3a66da;}
  .rapid-fire-game-banner-sec .about-us-content:after{left:-140px; bottom:-140px; width:110px; height:110px; box-shadow:80px -80px 70px #3a66da;}
  .rapid-fire-game .sec-main-title{font-size:24px;}
  .rapid-fire-game-banner-sec .about-us-content{padding:20px 10px 10px; margin:20px 0 0;}
  .rapid-fire-game-banner-sec .sec-head{margin-bottom:10px;}
  .rapid-fire-game-banner-sec .about-us-text-item{font-size:12px;}
  .rapid-fire-game-banner-sec .about-us-btn-bar{margin-top:10px;}

  .rapid-fire-game .carousel-tabs-nav .owl-stage-outer{padding:0px;}
  .rapid-fire-game .tabs-nav ul li{max-width:calc(100vw - 200px); padding:0px;}

  .rapid-fire-game .tabs-item-data{padding:40px 0px;}
  .rapid-fire-htw-sec .sub-title{font-size:16px;}
  .rapid-fire-game .grid-description-card-outer{border-width:1px;}
  .rapid-fire-htw-sec .sub-title{font-size:14px; margin-bottom:10px;}
  .rapid-fire-game .btn-bar .base-btn{max-width:240px;}
  .rapid-fire-game .btn-text{font-size:22px;}

  .rapid-fire-htw-sec .sec-top-header{margin-bottom:10px;}
  .rapid-fire-htw-sec.how-to-work-sec{margin:30px 0 10px;}
  .rapid-fire-htw-sec .htw-process-theme{width:100%;}
  .rapid-fire-htw-sec .htw-process-theme img{filter:drop-shadow(0px 0px 2px rgba(0, 208, 239, 0.8)) drop-shadow(0px 0px 2px rgba(0, 208, 239, 0.8));}

  .rapid-fire-game-expec-sec .container{padding:0 8px;}
  .game-expec-card{padding:15px 10px; border-radius:10px;}
  .game-expec-cont{font-size:14px;}

  .rapid-fire-game-faq-sec .faq-wrap{padding:20px 10px 20px;}
  .rapid-fire-game-faq-sec .faq-sec-head{margin-bottom:15px;}
  .rapid-fire-game-faq-sec .faq-block{padding:0px;}
  .rapid-fire-game-faq-sec .accordion-title{font-size:14px;}
  .rapid-fire-game-faq-sec .answer-label, .rapid-fire-game-faq-sec .accordion-text{font-size:12px;}
  .rapid-fire-game-faq-sec .accordion-icon .icon{font-size:14px;}
  .rapid-fire-game-faq-sec .accordion-card{border-radius:3px;}
  .rapid-fire-game-faq-sec .accordion-head{padding:14px 8px 14px 10px;}
  .rapid-fire-game-faq-sec .accordion-body{padding:0 10px 0 10px;}
  .rapid-fire-game-faq-sec .accordion-item{margin-bottom:10px;}

  .rapid-fire-game-summary-sec .game-summary-sec-outer{padding:20px 0px;}
  .rapid-fire-game-summary-sec .game-summary-text{font-size:14px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Rapid Fire Game CSS End // ***************************** */




/* ***************************** // Rapid Fire Reaction Game CSS Start // ***************************** */
.rapid-fire-reaction-game {
/*Colors*/
--clr-base-light:#e68a45;
--clr-dark:#000;
--clr-dark-alt:#e68a45;
--clr-action:#fff;

/*Background Colors*/
--bg-body:#000;
--bg-base:#e68a45;
--bg-primary:#975d3b;
--bg-dark:#000;

/*Border Colors*/
--bdr1:#e68a45;
}


@media (hover: hover){
  .rapid-fire-reaction-game .active .nav-item-label, .rapid-fire-reaction-game .nav-item-label:hover{color:#e68a45; background:transparent;}
}
.rapid-fire-reaction-game .video-block{box-shadow:0px 0px 5vmin rgba(230, 138, 69, 0.8), 0px 0px 5vmin rgba(230, 138, 69, 0.8);}
.rapid-fire-reaction-game .rapid-fire-game-banner-sec .about-us-content{background:var(--bg-primary); border-color:var(--bdr1);}
.rapid-fire-reaction-game .rapid-fire-game-banner-sec .about-us-content:before{box-shadow:-110px 110px 180px #ffcfab;}
.rapid-fire-reaction-game .rapid-fire-game-banner-sec .about-us-content:after{box-shadow:110px -110px 180px #ffcfab;}
.rapid-fire-reaction-game .sec-main-title{color:var(--clr-base);}

/* How to Work CSS Start */
.rapid-fire-reaction-game .grid-description-card-outer{box-shadow:0 0 13px rgba(0, 0, 0, 0.6), 0 0 13px rgba(0, 0, 0, 0.6) inset;}
.rapid-fire-reaction-game .tabs-item-data:nth-child(even){background:#422309;}
.rapid-fire-reaction-game .htw-process-theme img{filter:drop-shadow(0px 0px 5px rgba(230, 138, 69, 0.8)) drop-shadow(0px 0px 5px rgba(230, 138, 69, 0.8));}
/* How to Work CSS End */

/* Game Expectation CSS Start */
/* Game Expectation CSS End */

/*FAQ CSS Start */
.rapid-fire-reaction-game .faq-wrap{background:linear-gradient(to bottom, rgba(66,35,9,0.58) 0%,rgba(0,0,0,0) 100%);}
.rapid-fire-reaction-game .accordion-card{background:#010100;}
.message-figure{display:inline-block; width:24px; min-width:24px; vertical-align:middle;}
.message-figure img{display:inline-block; width:100%;}
/*FAQ CSS End */

/* Game Summary CSS Start */
.rapid-fire-reaction-game .game-summary-sec-outer{background:#fff;}
.rapid-fire-reaction-game .game-summary-text{color:var(--clr-dark);}
/* Game Summary CSS End */

.rapid-fire-reaction-game .footer{background:var(--bg-base);}
.rapid-fire-reaction-game .copyright-text{color:var(--clr-dark);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1280px) {
.message-figure{width:18px; min-width:18px;}
}

@media(max-width:767px) { 
.rapid-fire-reaction-game .banner-sec-outer{background:var(--bg-dark) var(--banner-bg) no-repeat top left; background-size:100% auto;}
.rapid-fire-reaction-game .video-block{box-shadow:0px 0px 10px rgba(230, 138, 69, 0.8), 0px 0px 10px rgba(230, 138, 69, 0.8);}
.rapid-fire-reaction-game .rapid-fire-game-banner-sec .about-us-content:before{box-shadow:-80px 80px 70px #ffcfab;}
.rapid-fire-reaction-game .rapid-fire-game-banner-sec .about-us-content:after{box-shadow:80px -80px 70px #ffcfab;}

.rapid-fire-reaction-game .htw-process-theme img{filter:drop-shadow(0px 0px 2px rgba(230, 138, 69, 0.8)) drop-shadow(0px 0px 2px rgba(230, 138, 69, 0.8));}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Rapid Fire Reaction Game CSS End // ***************************** */




/* ***************************** // Sudoku Game CSS Start // ***************************** */
.sudoku-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#f8d10d;
--clr-dark:#024327;
--clr-dark-alt:#0f4f9f;
--clr-action:#fff;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#0f4f9f;
--bg-primary:#f8d10d;
--bg-secondary:#f8d10d;
--bg-dark:#632788;
--bg-action:#f8d10d;

/*Border Colors*/
--bdr1:#f8d10d;
--bdr2:#0f4f9f;
	
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black';

/*Btn Shadow*/
--shadow-text:2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0 0 #000, 0 2px 0 #000, -2px 0 0 #000;
--shadow-btn:0 0 24px rgba(21,214,117,1);

/* Text Shadow */
--text-shadow:1px 1px 0 #480505, 1px -1px 0 #480505, -1px 1px 0 #480505, -1px -1px 0 #480505, 1px 0 0 #480505, 0 1px 0 #480505, -1px 0 0 #480505;
}

.sudoku-game .base-btn{padding:22px 10px 28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; max-width:382px; width:100%; background:#19812f; background:linear-gradient(180deg, rgba(100,255,133,1) 0%, rgba(100,255,133,1) 10%, rgba(25,129,47,1) 100%); box-shadow:2px 1px 8px rgb(0 0 0 / 20%) inset, 0px -3px 7px rgb(0 0 0 / 10%) inset, 0px -11px 1px rgb(0 0 0 / 18%) inset, 0px 3px 7px rgb(0 0 0 / 30%);}
.sudoku-game .base-btn .btn-text{font-size:46px; color:var(--clr-dark); text-shadow:none; font-family:var(--font-head); position:unset;}


.sudoku-game .nav-item-label{padding:9px 28px 11px; font-family:var(--font-head);}
@media (hover: hover) {
	.sudoku-game .active .nav-item-label, .sudoku-game .nav-item-label:hover{color:#072432;}
}

.sudoku-game .banner-sec-outer{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:15vmin 0 20vmin;}
.sudoku-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.sudoku-game .banner-logo .game-logo-fig{max-width:57.7%;}
.sudoku-game .game-logo-fig img{filter:drop-shadow(0 0 100px rgba(74, 247, 255, 0.4)) drop-shadow(0 0 100px rgba(74, 247, 255, 0.4));}

.sudoku-game .banner-sec-video{background:var(--bg-base) var(--banner-video-bg) no-repeat center center; background-size:auto;}
.sudoku-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; margin-top:-20vmin; padding-bottom:130px;}
.sudoku-game .video-block{max-width:58%; position:relative; overflow:inherit;}
.sudoku-game .video-shadow{bottom:-10px;}
.sudoku-game .video-shadow img{filter:drop-shadow(0 60px 30px rgba(255, 255, 255, 0.25)) drop-shadow(0 60px 30px rgba(255, 255, 255, 0.25)) drop-shadow(0 60px 30px rgba(255, 255, 255, 0.25));}
.video-frame-icon{position:absolute; z-index:5; float:left; width:100%;}
.video-frame-icon img{float:left; width:100%;}
.video-frame-icon.top-icon{left:86.5%; top:-32px; max-width:13.7%;}
.video-frame-icon.bottom-icon{bottom:-1.5%; left:-7%; max-width:9.8%;}

.sudoku-about-us-sec{background:var(--bg-base); padding-bottom:130px;}
.sudoku-about-us-sec .about-sec-head{margin-top:-80px; position:relative; z-index:1;}
.sudoku-about-us-sec .about-sec-main-title{color:var(--clr-base-light); font-family:var(--font-head); font-weight:900; text-transform:uppercase; font-size:53px; text-align:center; float:left; width:100%;}
.sudoku-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.sudoku-about-us-sec .about-us-text{float:left; width:100%; max-width:1100px; text-align:center; font-size:26px; font-weight:500; color:var(--clr-base); margin:10px auto 30px;}
.sudoku-about-us-sec .about-us-btn-bar{margin:10px auto 0;}


.sudoku-game .sec-head{float:left; width:100%; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; margin-top:-58px; margin-bottom:0px;}
.sudoku-game .sec-head-outer{position:relative; width:auto; padding:0px 22px; margin:0 auto; min-width:748px;}
.sudoku-game .sec-head-outer:before{position:absolute; left:0px; width:100%; height:calc(100% - 42px); top:22px; content:""; background:rgb(254,227,89); background:linear-gradient(180deg, rgba(254,227,89,1) 0%, rgba(254,227,89,1) 10%, rgba(252,160,24,1) 100%); border-radius:16px; box-shadow:0px -6px 10px rgb(0 0 0 / 20%) inset, 0px 3px 7px rgb(0 0 0 / 20%);}
.sudoku-game .sec-main-title{background:rgb(197,223,243); background:linear-gradient(180deg, rgba(197,223,243,1) 0%, rgba(233,245,255,1) 10%, rgba(233,245,255,1) 100%); border-radius:24px; color:var(--clr-dark-alt); font-family:var(--font-head); font-size:56px; text-transform:uppercase; font-weight:900; line-height:1.2em; float:left; width:100%; text-align:center; padding:14px 25px; position:relative; z-index:1; box-shadow:0px -12px 15px rgb(0 0 0 / 20%) inset, 0px 3px 7px rgb(0 0 0 / 20%); min-height:112px; display:flex; align-items:center; justify-content:center;}


/* How to Work CSS Start */
.sudoku-how-to-work-sec{padding:0px 0px 135px;}
.sudoku-how-to-work-sec .htw-process-theme:after{filter:inherit; opacity:0.76; border-radius:25px 25px 0px 0px; height:18px; bottom:-10px; left:-80px; right:-80px; width:calc(100% + 160px); z-index:-1; background:linear-gradient(to right, rgba(7,50,101,0) 0%,rgba(7,50,101,0.8) 10%,rgba(7,50,101,1) 19%,rgba(7,50,101,1) 20%,rgba(7,50,101,1) 50%,rgba(7,50,101,1) 80%,rgba(7,50,101,1) 81%,rgba(7,50,101,0.8) 90%,rgba(7,50,101,0) 100%);}
.sudoku-how-to-work-sec .htw-process-theme img{position:relative; z-index:1;}
.sudoku-how-to-work-sec .htw-process-wrap{align-items:flex-start;}
.sudoku-how-to-work-sec .htw-process-wrap-one{padding-top:310px;}
.sudoku-how-to-work-sec .htw-process-card{margin-top:-200px; margin-left:-90px; width:calc(100% + 90px);}
.sudoku-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:0px;}
.sudoku-how-to-work-sec .htw-process-wrap .col-left{max-width:57.8%; padding:0px;}
.sudoku-how-to-work-sec .htw-process-card-outer{background:transparent;}
.sudoku-how-to-work-sec .htw-process-card-cont{background:transparent;}
.sudoku-how-to-work-sec .htw-process-card-body{background:var(--bg-primary); min-height:350px; border-radius:50px 70px 70px 50px; display:flex; flex-wrap:wrap; align-content:center;}
.sudoku-how-to-work-sec .htw-process-card-outer:before, .sudoku-how-to-work-sec .htw-process-card-outer:after{display:none;}
.sudoku-how-to-work-sec .htw-process-card:before, .sudoku-how-to-work-sec .htw-process-card:after{display:none;}
.sudoku-how-to-work-sec .game-start-card.htw-process-card:before{display:block; width:9px; height:134px; left:6px; right:auto; top:auto; bottom:96%; background:url(../images/sudoku/dotted-vertical-line.png) no-repeat top center;}
.sudoku-how-to-work-sec .game-start-card.htw-process-card:after{display:block; width:350px; height:7px; left:auto; right:100%; top:0px; bottom:auto; background:url(../images/sudoku/dotted-horizontal-line.png) no-repeat left center;}
.sudoku-how-to-work-sec .htw-card-icon{max-width:124px; top:-25px; left:-50px; z-index:1;}
.sudoku-how-to-work-sec .htw-process-card-title{color:#051b2d; font-weight:900; font-size:27px; text-transform:inherit;}
.sudoku-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#051b2d; border-radius:100%; width:6px; height:6px; top:10px; left:6px;}
.sudoku-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{font-size:25px; font-weight:500; color:#051b2d;}
.sudoku-how-to-work-sec .htw-process-card-list{padding-left:34px;}
.sudoku-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 90px 50px 140px;}
.sudoku-how-to-work-sec .htw-process-wrap .col-left{position:relative;}
.sudoku-how-to-work-sec .htw-process-wrap .col-left:before{content:""; position:absolute; left:calc(50% - 28px); right:auto; top:auto; bottom:100%; width:9px; height:190px; background:url(../images/sudoku/dotted-vertical-line.png) no-repeat top center;}
.sudoku-how-to-work-sec .htw-process-wrap .col-left:after{content:""; position:absolute; left:100%; right:auto; top:55%; bottom:auto; width:300px; height:7px; background:url(../images/sudoku/dotted-horizontal-line.png) no-repeat left center;}
.sudoku-how-to-work-sec .htw-process-wrap-two{padding:130px 0;}
.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:before{height:380px; left:calc(66% - 26px); background:url(../images/sudoku/dotted-vertical-line-right.png) no-repeat top center;}
.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:after{width:350px; top:42%; right:100%; left:auto;}
.sudoku-how-to-work-sec .htw-process-wrap-three{padding-top:234px;}
.sudoku-how-to-work-sec .htw-process-card.gameplay-users-fill-card{margin-top:-234px;}
.sudoku-how-to-work-sec .htw-process-card.gameplay-users-fill-card .htw-process-card-body{background:var(--bg-base);}
.sudoku-how-to-work-sec .gameplay-users-fill-card .htw-process-card-title{color:var(--clr-base);}
.sudoku-how-to-work-sec .gameplay-users-fill-card .htw-process-card-list-item, .sudoku-how-to-work-sec .gameplay-users-fill-card .htw-process-card-list-label{color:var(--clr-base);}
.sudoku-how-to-work-sec .gameplay-users-fill-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-body);}
.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:before{bottom:100%; height:690px; left:calc(33% - 24px);}
.htw-process-theme-icon{position:absolute; bottom:-4%; right:-10%; float:left; width:100%; max-width:22.3%; z-index:1;}
.htw-process-theme-icon img{float:left; width:100%;}
.sudoku-how-to-work-sec .htw-process-wrap-four{padding-top:310px;}
.sudoku-how-to-work-sec .htw-process-card.gameplay-card{margin-top:-170px; margin-left:auto; margin-right:-90px;}
.sudoku-how-to-work-sec .gameplay-card .htw-process-card-body{min-height:320px; padding:40px 110px 50px 60px;}
.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:before{height:560px; left:calc(66% - 28px); background:url(../images/sudoku/dotted-vertical-line-right.png) no-repeat top center;}
.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:after{width:350px; top:60%; right:100%; left:auto;}
.sudoku-how-to-work-sec .htw-process-wrap-five{padding-top:470px; flex-direction:row;}
.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:before{height:690px; left:calc(33% - 24px);}
.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:after{top:50%;}
.sudoku-how-to-work-sec .htw-process-wrap-five .col-right{max-width:inherit;}
.sudoku-how-to-work-sec .game-completion-card .htw-process-card-body{background:var(--bg-base);}
.sudoku-how-to-work-sec .game-completion-card .htw-process-card-title{color:var(--clr-base);}
.sudoku-how-to-work-sec .game-completion-card .htw-process-card-list-item, .sudoku-how-to-work-sec .game-completion-card .htw-process-card-list-label{color:var(--clr-base);}
.sudoku-how-to-work-sec .game-completion-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-body);}
.sudoku-how-to-work-sec .htw-process-wrap-six{padding-top:340px; flex-direction:row-reverse;}
.sudoku-how-to-work-sec .htw-process-card.game-finished-card{margin-top:-135px; margin-left:auto; margin-right:-90px;}
.sudoku-how-to-work-sec .game-finished-card .htw-process-card-body{min-height:320px; padding:40px 130px 50px 60px;}
.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:after{display:none;}
.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:before{height:616px; left:calc(66% - 28px); background:url(../images/sudoku/dotted-vertical-line-right.png) no-repeat top center;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.sudoku-game-expectation-sec .game-expectation-sec-head{margin-bottom:125px;}
.sudoku-game-expectation-sec .game-expectation-sec-outer{padding:0 0 145px; background-color:var(--bg-base); background-blend-mode:soft-light; background-image:var(--game-expectation-bg); background-repeat:no-repeat, no-repeat; background-position:center -90px, center calc(100% + 150px); background-size:100%;}
.sudoku-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 20px); margin:0px auto;}
.sudoku-game-expectation-sec .game-expectation-card-outer{margin:0px; padding:0px; background:transparent; border-radius:0px;}
.sudoku-game-expectation-sec .game-expectation-list{gap:0px 26px;}
.sudoku-game-expectation-sec .game-expectation-card-body{background:#fff; box-shadow:2px 3px 5px rgba(0, 0, 0, 1); border-radius:40px; padding:40px 20px 40px; position:relative; overflow:hidden;}
.sudoku-game-expectation-sec .game-expectation-card-body:after{content:""; position:absolute; top:0; left:0px; width:78px; height:70px; clip-path: polygon(0 0, 100% 0, 0% 100%); background:var(--bg-primary);}
.sudoku-game-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; justify-content:center; align-items:center;}
.sudoku-game-expectation-sec .game-expect-icon-block{top:0px; margin:0 auto 30px; min-height:140px; align-items:center;}
.sudoku-game-expectation-sec .game-expect-card-title{color:var(--clr-dark-alt); font-size:30px; margin-bottom:10px;}
.sudoku-game-expectation-sec .game-expect-details-item{color:#2e2f31; font-size:16px; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.sudoku-game-summary-sec .game-summary-sec-outer{background:var(--bg-primary); padding:86px 0 120px;}
.sudoku-game-summary-sec .game-summary-text{font-size:32px; font-weight:500; color:#353535; font-family:var(--font-base); max-width:1120px; padding:10px 0;}
.quotation-icon{display:inline-block; position:relative; width:100%; max-width:75px;}
.quotation-icon.left{top:-6px; left:-10px;}
.quotation-icon.right{vertical-align:top; bottom:-10px; right:-15px;}
.sudoku-game-summary-sec .game-summary-btn-bar:before{display:none;}
.sudoku-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.sudoku-faq-sec .faq-sec-outer{padding:0 0 50px; background:var(--bg-body);}
.sudoku-faq-sec .faq-sec-head{margin-bottom:94px;}
.sudoku-faq-sec .faq-sec-head .sec-head-outer{min-width:548px;}
.sudoku-faq-sec .faq-sec-head .sec-main-title{text-transform:inherit; color:var(--clr-base-light); background:rgba(6,40,82,1); background:linear-gradient(to bottom, rgba(119,179,255,1) 0%,rgba(6,40,82,1) 80%);}
.sudoku-faq-sec .faq-list{counter-reset:li;}
.sudoku-faq-sec .accordion-item{margin-bottom:40px; padding-left:20px; position:relative;}
.sudoku-faq-sec .accordion-item:before{content:counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:0px; top:-25px; width:50px; height:50px; font-family:var(--font-head); font-size:34px; font-weight:900; color:var(--clr-dark-alt); border-radius:100%; background:var(--bg-primary); display:inline-flex; align-items:center; justify-content:center;}
.sudoku-faq-sec .accordion-card{background:transparent; padding:0px; border:none;}
.sudoku-faq-sec .accordion-head{padding:0px;}
.sudoku-faq-sec .accordion-head-outer{background:var(--bg-base); box-shadow:none; border-radius:0px; min-height:auto; padding:11px 10px 15px 40px;}
.sudoku-faq-sec .is-open .accordion-title{color:#fff;}
.sudoku-faq-sec .accordion-body{background:#eff6ff; padding:10px 40px 10px 90px;}
.sudoku-faq-sec .accordion-text{font-family:var(--font-head); font-size:29px; font-weight:900; color:var(--clr-dark-alt);}
.sudoku-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-base-light);}
/*FAQ CSS End */

.sudoku-game .footer{background:#052145;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.sudoku-game .banner-sec-video{background-size:100%;}
	.sudoku-game .banner-video-outer{padding-bottom:100px;}
	.sudoku-game .video-shadow img{filter:drop-shadow(0 30px 30px rgba(255, 255, 255, 0.25)) drop-shadow(0 30px 30px rgba(255, 255, 255, 0.25)) drop-shadow(0 30px 30px rgba(255, 255, 255, 0.25));}
  .video-frame-icon.top-icon{left:84.5%; top:-27px; max-width:15.7%;}
  .video-frame-icon.bottom-icon{bottom:-2.5%; left:-8%; max-width:10.8%;}

	.sudoku-about-us-sec .about-sec-head{margin-top:-60px;}
	.sudoku-about-us-sec .about-sec-main-title{font-size:40px;}
	.sudoku-about-us-sec .about-us-text{max-width:930px; font-size:22px;}
	.sudoku-game .base-btn{padding:18px 10px 24px; max-width:352px;}
	.sudoku-game .base-btn .btn-text{font-size:40px;}

	.sudoku-game .sec-head{margin-top:-51px;}
	.sudoku-game .sec-head-outer{min-width:578px;}
	.sudoku-game .sec-main-title{font-size:46px; min-height:102px;}


	.sudoku-how-to-work-sec .htw-process-theme:after{width:calc(100% + 70px); left:-35px; right:-35px;}
	.sudoku-how-to-work-sec .htw-card-icon{max-width:104px;}
	.sudoku-how-to-work-sec .game-start-card.htw-process-card:after{width:262px;}
	.sudoku-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 60px 50px 130px;}
	.sudoku-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{font-size:21px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:before{height:330px; left:calc(76% - 26px);}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:after{width:280px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:before{height:620px;}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left:after{width:230px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:before{height:510px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:after{width:280px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:after{width:280px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:before{height:640px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:before{height:560px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:after{width:300px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:after{width:282px;}


	.sudoku-game-expectation-sec .game-expectation-sec-outer{padding:0 0 115px; background-position:center -60px, center calc(100% + 100px);}
	.sudoku-game-expectation-sec .game-expectation-sec-head{margin-bottom:80px;}
	.sudoku-game-expectation-sec .game-expectation-card-body{padding:30px 10px 20px; border-radius:30px;}
	.sudoku-game-expectation-sec .game-expect-card-fig img{max-width:80%; text-align:center;}
	.sudoku-game-expectation-sec .game-expect-icon-block{min-height:110px; margin:0 auto 20px;}
	.sudoku-game-expectation-sec .game-expect-card-title{font-size:25px;}
	.sudoku-game-expectation-sec .game-expect-details-item{font-size:15px;}


	.sudoku-game-summary-sec .game-summary-text{font-size:28px; max-width:980px;}
	.quotation-icon{max-width:62px;}

	.sudoku-faq-sec .faq-sec-head .sec-head-outer{min-width:468px;}
	.sudoku-faq-sec .accordion-body{padding:10px 10px 10px 83px;}
	.sudoku-faq-sec .accordion-text{font-size:26px;}
	.sudoku-faq-sec .accordion-title{font-size:30px;}
}

@media(max-width:1280px) {
	.sudoku-game .container{max-width:960px;}

	.sudoku-game .nav-item-label{padding:9px 16px 11px;}

	.sudoku-game .banner-sec-outer{padding:120px 0px 100px; background-position:bottom center;}
	.sudoku-game .banner-video-outer{margin-top:-100px;}
  .sudoku-game .video-shadow{bottom:-6px;}
  .video-frame-icon.top-icon{top:-22px;}

	.sudoku-about-us-sec .about-sec-main-title{font-size:36px;}
	.sudoku-about-us-sec .about-us-text{max-width:840px; font-size:20px;}
	.sudoku-game .base-btn{padding:14px 10px 20px; max-width:322px;}
	.sudoku-game .base-btn .btn-text{font-size:36px;}

	.sudoku-game .sec-head{margin-top:-46px;}
	.sudoku-game .sec-main-title{font-size:40px; border-radius:16px; min-height:92px;}
	.sudoku-game .sec-head-outer{min-width:518px; padding:0px 14px;}
	.sudoku-game .sec-head-outer:before{border-radius:10px;}

	.sudoku-how-to-work-sec .game-start-card.htw-process-card:before{transform:scaleY(1);}
	.sudoku-how-to-work-sec .game-start-card.htw-process-card:after{width:194px; transform:scaleY(1);}
	.sudoku-how-to-work-sec .htw-card-icon{max-width:90px; left:-34px;}
	.sudoku-how-to-work-sec .htw-process-card-body{min-height:270px; border-radius:50px 50px 50px 50px;}
	.sudoku-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 40px 40px 80px;}
	.sudoku-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{font-size:19px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:before{height:284px; left:calc(65% - 26px);}
	.sudoku-how-to-work-sec .htw-process-wrap-three{padding-top:200px;}
	.sudoku-how-to-work-sec .htw-process-card.gameplay-users-fill-card{margin-top:-200px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:before{height:528px; left:calc(42% - 28px);}
	.sudoku-how-to-work-sec .gameplay-card .htw-process-card-body{padding:40px 80px 40px 40px; min-height:270px;}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left:after{width:180px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:before{height:470px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five{padding-top:360px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:before{height:500px; left:calc(41% - 24px);}
	.sudoku-how-to-work-sec .htw-process-wrap-six{padding-top:260px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:before{height:432px;}


	.sudoku-game-expectation-sec .game-expectation-sec-outer{padding:0 0 100px; background-position:center -50px, center calc(100% + 80px);}
	.sudoku-game-expectation-sec .game-expectation-list{gap:50px;}
	.sudoku-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 25px);}
	.sudoku-game-expectation-sec .game-expectation-card-body{padding:30px 20px 30px;}

	.sudoku-game-summary-sec .game-summary-sec-outer{padding:46px 0 100px;}
	.sudoku-game-summary-sec .game-summary-text{font-size:26px; max-width:910px;}
	.quotation-icon{max-width:58px;}


	.sudoku-faq-sec .faq-sec-head .sec-head-outer{min-width:400px;}
	.sudoku-faq-sec .accordion-head-outer{padding:8px 0px 10px 30px;}
	.sudoku-faq-sec .accordion-title{font-size:26px;}
	.sudoku-faq-sec .accordion-text{font-size:21px;}
	.sudoku-faq-sec .accordion-item:before{top:-15px; width:40px; height:40px; font-size:24px;}
	.sudoku-faq-sec .accordion-body{padding:10px 10px 10px 64px;}
	.sudoku-faq-sec .accordion-item{margin-bottom:20px;}

}

@media(max-width:1023px) {
	.sudoku-game .container{max-width:750px;}

	.sudoku-game .nav-item-label{padding:9px 12px 11px; font-size:15px;}

	.sudoku-game .banner-sec-outer{padding:80px 0px 100px;}
	.sudoku-game .banner-video-outer{padding-bottom:60px;}
	.sudoku-game .video-shadow{bottom:-5px;}
	.sudoku-game .video-shadow img{filter:drop-shadow(0 20px 20px rgba(255, 255, 255, 0.25)) drop-shadow(0 20px 20px rgba(255, 255, 255, 0.25)) drop-shadow(0 20px 20px rgba(255, 255, 255, 0.25))}
  .video-frame-icon.top-icon{top:-20px; max-width:17.7%; left:82.5%;}
  .video-frame-icon.bottom-icon{bottom:-4.5%; left:-9.2%; max-width:11.8%;}

	.sudoku-about-us-sec{padding-bottom:100px;}
	.sudoku-about-us-sec .about-sec-head{margin-top:-40px;}
	.sudoku-about-us-sec .about-sec-main-title{font-size:30px; }
	.sudoku-about-us-sec .about-us-text{max-width:750px; font-size:18px; margin:10px auto 20px;}
	.sudoku-game .base-btn{max-width:300px;}
	.sudoku-game .base-btn .btn-text{font-size:32px;}

	.sudoku-game .sec-main-title{font-size:36px; min-height:88px;}
	.sudoku-game .sec-head-outer{min-width:470px;}

	.sudoku-how-to-work-sec{padding:0px 0px 110px;}
	.sudoku-how-to-work-sec .htw-process-theme:after{width:calc(100% + 30px); left:-15px; right:-15px; height:14px; bottom:-7px;}
	.sudoku-how-to-work-sec .htw-process-card-body{min-height:auto; border-radius:40px;}
	.sudoku-how-to-work-sec .game-start-card .htw-process-card-body{padding:20px 30px 40px 70px;}
	.sudoku-how-to-work-sec .htw-process-card-title{font-size:24px;}
	.sudoku-how-to-work-sec .htw-process-card-list{padding-left:20px; margin-top:10px;}
	.sudoku-how-to-work-sec .htw-card-icon{max-width:80px;}
	.sudoku-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{font-size:16px;}
	.sudoku-how-to-work-sec .htw-process-card{margin-top:-120px; margin-left:-80px; width:calc(100% + 80px);}
	.sudoku-how-to-work-sec .htw-process-wrap-one{padding-top:220px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:before{left:calc(50% - 25px); height:108px;}
	.sudoku-how-to-work-sec .game-start-card.htw-process-card:after{width:140px;}
	.sudoku-how-to-work-sec .game-start-card.htw-process-card:before{height:118px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two{padding:80px 0px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:before{left:calc(76% - 25px); height:200px;}
	.sudoku-how-to-work-sec .htw-process-card-body{padding:20px 30px 40px 70px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three{padding-top:100px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:after{width:150px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:before{height:338px; left:calc(40% - 28px);}
	.sudoku-how-to-work-sec .htw-process-card.gameplay-users-fill-card{margin-top:-100px;}
	.sudoku-how-to-work-sec .gameplay-card .htw-process-card-body{min-height:auto; padding:20px 80px 40px 70px;}
	.sudoku-how-to-work-sec .htw-process-card.gameplay-card{margin-top:-100px; margin-right:-80px;}
	.sudoku-how-to-work-sec .htw-process-card-outer{padding:0px;}
	.sudoku-how-to-work-sec .htw-card-icon{left:-15px; top:-40px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four{padding-top:180px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:before{height:300px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:after{width:140px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:after{width:144px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five{padding-top:210px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:before{height:310px;}
	.sudoku-how-to-work-sec .game-finished-card .htw-process-card-body{min-height:auto; padding:20px 80px 40px 70px;}
	.sudoku-how-to-work-sec .htw-process-card.game-finished-card{margin-top:-80px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six{padding-top:170px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:after{width:136px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:before{height:300px;}


	.sudoku-game-expectation-sec .game-expectation-sec-outer{padding:0 0 70px; background-position:center -40px, center calc(100% + 60px);}
	.sudoku-game-expectation-sec .game-expectation-sec-head{margin-bottom:50px;}
	.sudoku-game-expectation-sec .game-expectation-list{gap:30px;}
	.sudoku-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 15px);}
	.sudoku-game-expectation-sec .game-expect-card-title{font-size:23px;}
	.sudoku-game-summary-sec .game-summary-text{max-width:750px; font-size:22px;}
	.quotation-icon{max-width:44px;}
	.quotation-icon.left{left:-4px;}
	.quotation-icon.right{right:-8px;}
	.sudoku-game-summary-sec .game-summary-sec-outer{padding:56px 0 76px;}


	.sudoku-faq-sec .faq-sec-head{margin-bottom:50px;}
	.sudoku-faq-sec .accordion-title{font-size:22px;}
	.sudoku-faq-sec .accordion-body{padding:10px 10px 10px 60px;}
	.sudoku-faq-sec .accordion-text{font-size:18px;}
}

@media(min-width:768px) {
	.sudoku-game .header{background:rgba(6, 0, 12, 0.8);}
	.sudoku-game .middle-wrapper{margin-top:0px !important;}
}

@media(max-width:767px) {
	.sudoku-game .menu-line{background:var(--bg-base);}
	.sudoku-game .close-menu-label{color:var(--clr-dark-alt);}
	.sudoku-game .menu-back-icon{color:var(--clr-dark-alt);}
	.sudoku-game .navbar-close{border-bottom-color:var(--bdr2);}
	.sudoku-game .nav-item{border-bottom-color:var(--bdr2);}
	.sudoku-game .nav-item-label{color:var(--clr-dark-alt);}

	.sudoku-game .banner-sec-outer{padding:15px 0px; background-size:100% 100%;}
	.sudoku-game .banner-logo .game-logo-fig{max-width:64%;}

	.sudoku-game .banner-video-outer{margin-top:-10px;}
	.sudoku-game .video-block{max-width:78%;}
	.sudoku-game .banner-sec-video{background:var(--bg-base) var(--banner-video-bg-mob) no-repeat bottom center; background-size:100%;}
  .video-frame-icon.top-icon{top:-14px; max-width:18.7%; left:82.5%;}
  .video-frame-icon.bottom-icon{bottom:-4.5%; left:-10.4%; max-width:12.8%;}

	.sudoku-about-us-sec{padding-bottom:40px;}
	.sudoku-about-us-sec .about-sec-main-title{font-size:25px; padding:0 30px;}
	.sudoku-about-us-sec .about-us-text{font-size:14px; max-width:94%; margin:15px auto 10px;}
	.sudoku-about-us-sec .about-us-btn-bar{margin:4px auto 0;}

	.sudoku-game .base-btn{max-width:150px; border-radius:4px; padding:10px 10px 12px; box-shadow:2px 1px 4px rgb(0 0 0 / 20%) inset, 0px -3px 2px rgb(0 0 0 / 10%) inset, 0px -6px 1px rgb(0 0 0 / 18%) inset, 0px 2px 5px rgb(0 0 0 / 30%);}
	.sudoku-game .base-btn .btn-text{font-size:16px;}

	.sudoku-game .sec-main-title{font-size:25px; min-height:50px; padding:7px 20px; border-radius:8px;}
	.sudoku-game .sec-head-outer{min-width:280px; padding:0px 8px;}
	.sudoku-game .sec-head{margin-top:-24px;}
	.sudoku-game .sec-head-outer:before{height:calc(100% - 14px); top:7px; border-radius:6px;}


	.sudoku-how-to-work-sec{padding:0px 0px 60px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one{padding-top:60px;}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left{padding:0px 25px; max-width:100%;}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left:before{background:url(../images/sudoku/dotted-vertical-line-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:before{height:36px; top:-65px; left:calc(53% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left:after{background:url(../images/sudoku/dotted-horizontal-line-mob.png) no-repeat left center; height:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:after{top:-32px; left:calc(53% - 20px); width:110px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:28px; left:calc(53% + 91px); background:url(../images/sudoku/dotted-vertical-line-right-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-right{z-index:2; padding:0 10px;}
	.sudoku-how-to-work-sec .htw-process-card{width:100%; margin:-20px auto 0px; z-index:2;}
	.sudoku-how-to-work-sec .htw-card-icon{max-width:45px; left:auto; right:22px; top:-22px;}
	.sudoku-how-to-work-sec .game-start-card.htw-process-card:before, .sudoku-how-to-work-sec .game-start-card.htw-process-card:after{display:none;}
	.sudoku-how-to-work-sec .htw-process-card-body{border-radius:10px; padding:20px 20px 10px 20px;}
	.sudoku-how-to-work-sec .htw-process-card-list{padding-left:5px; margin-top:5px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:14px;}
	.sudoku-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:5px; height:5px; left:4px; top:4px;}
	.sudoku-how-to-work-sec .game-start-card .htw-process-card-body{padding:20px 20px 10px 20px;}
	.sudoku-how-to-work-sec .htw-process-card-title{font-size:18px;}
	.sudoku-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{font-size:14px;}
	.sudoku-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{margin-bottom:6px;}
	.sudoku-how-to-work-sec .htw-process-theme:after{display:block; width:calc(100% + 50px); left:-25px; right:-25px; height:10px; bottom:-4px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two{padding:60px 0px 0px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:before{height:36px; top:-65px; left:calc(58% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap-two .col-left:after{top:-32px; left:calc(58% - 142px); width:115px;}
	.sudoku-how-to-work-sec .htw-process-wrap-two .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:28px; left:calc(58% - 144px); background:url(../images/sudoku/dotted-vertical-line-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:before{height:36px; top:-65px; left:calc(53% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap .col-left:after{background:url(../images/sudoku/dotted-horizontal-line-mob.png) no-repeat left center; height:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-one .col-left:after{top:-32px; left:calc(53% - 20px); width:110px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three{padding-top:80px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:before{height:47px; top:-85px; left:calc(30% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap-three .col-left:after{top:-35px; left:calc(30% - 22px); width:190px;}
	.sudoku-how-to-work-sec .htw-process-wrap-three .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:30px; left:calc(30% + 158px); background:url(../images/sudoku/dotted-vertical-line-right-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .htw-process-card.gameplay-users-fill-card{margin:-20px auto 0px;}
	.htw-process-theme-icon{bottom:auto; top:calc(100% + 68px); max-width:17.3%; z-index:5; right:10px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four{padding-top:90px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:before{height:64px; top:-95px; left:calc(58% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap-four .col-left:after{top:-32px; left:calc(58% - 142px); width:115px;}
	.sudoku-how-to-work-sec .htw-process-wrap-four .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:28px; left:calc(58% - 144px); background:url(../images/sudoku/dotted-vertical-line-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .gameplay-card .htw-process-card-body{padding:20px 20px 10px 20px;}
	.sudoku-how-to-work-sec .htw-process-card.gameplay-card{margin:-20px auto 0px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five{padding-top:90px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:before{height:58px; top:-95px; left:calc(58% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap-five .col-left:after{top:-38px; left:calc(58% - 22px); width:100px;}
	.sudoku-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:34px; left:calc(58% + 86px); background:url(../images/sudoku/dotted-vertical-line-right-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six{padding-top:70px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:before{height:64px; top:-95px; left:calc(68% - 25px);}
	.sudoku-how-to-work-sec .htw-process-wrap-six .col-left:after{display:block; top:-32px; left:calc(68% - 185px); width:160px;}
	.sudoku-how-to-work-sec .htw-process-wrap-six .htw-process-theme:before{content:""; position:absolute; top:auto; bottom:100%; height:28px; left:calc(68% - 184px); background:url(../images/sudoku/dotted-vertical-line-mob.png) no-repeat top center; width:5px;}
	.sudoku-how-to-work-sec .game-finished-card .htw-process-card-body{padding:20px 20px 10px 20px;}
	.sudoku-how-to-work-sec .htw-process-card.game-finished-card{margin:-20px auto 0px;}


	.sudoku-game-expectation-sec .game-expectation-sec-outer{background:var(--bg-base) var(--game-expectation-bg-mob); background-repeat:no-repeat; background-position:bottom center; background-size:100% 100%; padding:0px 0px 20px;}
	.sudoku-game-expectation-sec .game-expectation-card-body{padding:20px 10px 20px;}
	.sudoku-game-expectation-sec .game-expect-card-fig img{max-width:60%;}
	.sudoku-game-expectation-sec .game-expect-icon-block{min-height:auto; margin:0 auto 15px;}
	.sudoku-game-expectation-sec .game-expect-card-title{font-size:18px;}
	.sudoku-game-expectation-sec .game-expect-details-item{font-size:14px;}
	.sudoku-game .owl-carousel .owl-dot span{background:transparent; border:2px solid rgba(255, 255, 255, 0.6);}
	.owl-carousel .owl-dot.active span{background:#fff;}
	.sudoku-game-expectation-sec .game-expectation-item{padding-bottom:20px;}

	.sudoku-game-summary-sec .game-summary-sec-outer{padding:10px 0 50px;}
	.sudoku-game-summary-sec .game-summary-text{font-size:14px; max-width:100%;}
	.quotation-icon{max-width:20px;}
	.quotation-icon.left{left:0px; top:0px;}
	.quotation-icon.right{bottom:-4px; right:-2px;}
	.sudoku-game-summary-sec .game-summary-btn-bar{padding-top:10px;}

	.sudoku-faq-sec .faq-sec-outer{padding:0 0 20px;}
	.sudoku-faq-sec .faq-sec-head{margin-bottom:30px;}
	.sudoku-faq-sec .faq-sec-head .sec-head-outer{min-width:230px;}
	.sudoku-faq-sec .accordion-item{padding:0 4px; margin-bottom:14px;}
	.sudoku-faq-sec .accordion-item:before{width:20px; height:20px; font-size:14px; top:-10px; left:-4px;}
	.sudoku-faq-sec .accordion-title{font-size:13px;}
	.sudoku-faq-sec .accordion-head-outer{padding:6px 6px 6px 10px;}
	.sudoku-faq-sec .accordion-body{padding:10px;}
	.accordion-cont-bar{min-height:auto;}
	.sudoku-faq-sec .accordion-text{font-size:13px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Sudoku Game CSS End // ***************************** */




/* ***************************** // Sliding Genius Game CSS Start // ***************************** */
.sliding-genius-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#ffd801;
--clr-dark:#391e0c;
--clr-dark-alt:#7d4d2c;
--clr-action:#fff;
--clr-action-alt:#021116;

/*Background Colors*/
--bg-body:#f8edcf;
--bg-base:#021116;
--bg-primary:#fff;
--bg-secondary:#ffd801;
--bg-dark:#07222b;
--bg-action:#ffd801;

/*Border Colors*/
--bdr1:#ffd801;
--bdr2:#3d080e;
	
/*Fonts*/
--font-base:'HelveticaRoundedLTStd-Black';
--font-base2:'Helvetica';
--font-head:'Angry Birds Movie';

/* Text Shadow */
--text-shadow:4px 7px 0 #010f13;
--text-shadow-alt:0px 6px 0 #380905;
}

.sliding-genius-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.sliding-genius-game .btn-bg{float:left; width:100%;}
.sliding-genius-game .btn-bg img{float:left; width:100%; filter:inherit;}
.sliding-genius-game .btn-text-fig{float:left; width:100%; position:absolute; top:0; left:0; right:0px; bottom:0px; z-index:1;}
.sliding-genius-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/sliding-genius/button_bg.png"), url("../images/sliding-genius/button_bg.png"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.sliding-genius-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}
.sliding-genius-game .btn-bar{display:flex; justify-content:center;}
.sliding-genius-game .btn-bar .base-btn{max-width:438px;}
@media (hover: hover) {
  .sliding-genius-game .base-btn:hover{transform:inherit;}
}


.sliding-genius-game .nav-item-label{padding:9px 28px 11px; font-family:var(--font-base);}
@media (hover: hover) {
	.sliding-genius-game .active .nav-item-label, .sliding-genius-game .nav-item-label:hover{color:var(--clr-action-alt);}
}

.sliding-genius-game .header{background:var(--bg-base);}
.sliding-genius-game .banner-sec{background:var(--bg-dark);}
.sliding-genius-game .banner-sec-outer{padding-top:0px; padding-bottom:28vmin; background-size:100% 100%;}
.sliding-genius-game .banner-logo{display:flex; justify-content:center;}
.sliding-genius-game .game-logo-fig{max-width:51.4%;}

.sliding-genius-game .banner-video-outer{padding:70px 0px 40px;}
.sliding-genius-game .video-block{display:flex; align-items:center; justify-content:center; border-radius:0px; overflow:inherit;}
.sliding-genius-game .video-iframe{max-width:869px; width:46%; margin-bottom:10px; filter:drop-shadow(0px 20px 80px rgba(57, 206, 124, 0.25));}
.sliding-genius-game .video-poster, .sliding-genius-game .client-video{width:calc(100% - 10%); height:calc(100% - 15.8%); left:5%; right:5%; top:7.9%; bottom:7.9%; border-radius:30px;}

.sliding-genius-about-us-sec{padding-bottom:60px;}
.sliding-genius-about-us-sec .about-sec-head{position:relative; z-index:1; margin:0px auto 20px;}
.sliding-genius-about-us-sec .about-sec-main-title{color:var(--clr-base); font-family:var(--font-head); text-shadow:var(--text-shadow); font-weight:normal; text-transform:uppercase; font-size:46px; text-align:center; float:left; width:100%;}
.sliding-genius-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.sliding-genius-about-us-sec .about-us-text{float:left; width:100%; max-width:1280px; text-align:center; font-size:27px; font-weight:900; color:var(--clr-base); margin:10px auto 30px;}
.sliding-genius-about-us-sec .about-us-btn-bar{margin:30px auto 0;}

.sliding-genius-game .sec-head{display:flex; align-items:center; justify-content:center; margin-top:-32px; margin-bottom:0px;}
.sliding-genius-game .sec-head-outer{float:left; width:100%; position:relative; max-width:779px; display:flex; align-items:center; justify-content:center;}
.sliding-genius-game .sec-main-title{font-size:50px; text-shadow:var(--text-shadow-alt); position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}

/* How to Work CSS Start */
.sliding-genius-htw-sec{padding-bottom:200px; border-top:6px solid var(--bdr2); background:url("../images/sliding-genius/htw-bg-mid.jpg") repeat center center; background-size:contain; position:relative;}
.sliding-genius-htw-sec:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url("../images/sliding-genius/htw-bg-top.jpg"), url("../images/sliding-genius/htw-bg-bottom.jpg"); background-repeat:no-repeat; background-position:top center, bottom center; background-size:contain, contain;}

.sliding-genius-htw-sec .how-to-work-process{position:relative; z-index:1;}
.sliding-genius-htw-sec .htw-process-wrap .col-left{max-width:59.6%; padding-right:0px;}

.sliding-genius-htw-sec .htw-process-card:before, .sliding-genius-htw-sec .htw-process-card:after{display:none;}
.sliding-genius-htw-sec .htw-process-card-outer:before, .sliding-genius-htw-sec .htw-process-card-outer:after{display:none;}
.sliding-genius-htw-sec .htw-process-card-outer{background:transparent;}
.sliding-genius-htw-sec .htw-process-card-body{padding:0px;}
.sliding-genius-htw-sec .htw-process-card-cont{background:transparent;}
.sliding-genius-htw-sec .htw-process-card-list-block{background:#efdfb2; border-radius:20px; padding:20px 20px 30px 10px;}
.sliding-genius-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:7px; top:10px; width:6px; height:6px; background:var(--clr-dark); border-radius:100%;}
.sliding-genius-htw-sec .htw-process-card-title{font-size:50px; font-weight:normal; color:var(--clr-dark);}
.sliding-genius-htw-sec .htw-process-card-list-item, .sliding-genius-htw-sec .htw-process-card-list-label{font-size:27px; color:var(--clr-dark-alt);}
.sliding-genius-htw-sec .htw-process-card-list-item span, .sliding-genius-htw-sec .htw-process-card-list-label span{color:var(--clr-dark);}
.sliding-genius-htw-sec .htw-process-card-list{padding:0px; margin:0px;}
.htw-process-categ-title-bar{float:left; width:100%; text-align:center; margin-bottom:15px;}
.sliding-genius-htw-sec .htw-process-categ-title-bar .htw-process-card-title{font-size:37px;}

.sliding-genius-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.sliding-genius-htw-sec .htw-process-theme:after{background:#3d080e; opacity:0.27; filter:inherit; height:36px; bottom:-15px; left:-30px; right:-30px; width:calc(100% + 60px);}

.htw-process-category{float:left; width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding-bottom:100px; gap:0px 75px;}
.htw-category-col{float:left; width:100%; max-width:calc((100% / 3) - 50px); display:flex; justify-content:center; flex-wrap:wrap; align-content:flex-start;}
.htw-process-categ-theme{float:left; width:100%; max-width:610px; margin:0 auto; position:relative;}
.htw-process-categ-theme img{float:left; width:100%; position:relative; z-index:2;}
.htw-process-category-card{float:left; width:100%; display:flex; justify-content:center; flex-wrap:wrap; position:relative; z-index:2;}
.htw-process-category-card-outer{float:left; width:100%; max-width:610px; margin:0 auto;}

.gameplay-mechanics-category{gap:150px 75px;}
.gameplay-mechanics-category .htw-category-col{max-width:calc((100% / 2) - 50px);}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-card-list-block{padding-right:40px;}

.scoring-system-category{gap:0 75px; padding-bottom:0px;}
.scoring-system-category .htw-category-col{max-width:calc((100% / 2) - 50px);}

.sliding-genius-htw-sec .htw-process-wrap-one{padding:100px 0px;}
.sliding-genius-htw-sec .htw-process-wrap-one .col-right{padding:0 0 0 80px;}
.sliding-genius-htw-sec .htw-process-wrap-two{padding:100px 0px 160px;}
.sliding-genius-htw-sec .htw-process-wrap-two .col-left{padding:0;}
.sliding-genius-htw-sec .htw-process-wrap-two .col-right{padding:0 40px 0 0;}
.sliding-genius-htw-sec .htw-process-wrap-three{padding:100px 0px;}
.sliding-genius-htw-sec .htw-process-wrap-three .col-right{padding:0 0 0 80px;}
.sliding-genius-htw-sec .htw-process-wrap-four{padding:100px 0px 200px;}
.sliding-genius-htw-sec .htw-process-wrap-four .col-right{padding:0 40px 0 0;}

.sliding-genius-htw-sec .htw-process-wrap-five{padding:100px 0px 200px; flex-direction:inherit;}
.sliding-genius-htw-sec .htw-process-wrap-five .col-right{padding:0 0 0 40px; margin:0px;}
.sliding-genius-htw-sec .scoring-system-card .htw-process-card-outer{padding-right:0px;}
.sliding-genius-htw-sec .htw-process-wrap-five .col-right{max-width:100%;}


.sliding-genius-htw-sec .htw-process-wrap .col-left{position:relative;}
.sliding-genius-htw-sec .htw-process-wrap-two .col-left:after{content:""; position:absolute; left:50%; top:calc(100% - 2px); height:100px; width:64px; background:url("../images/sliding-genius/dashed-vertical-line-top.png") no-repeat bottom left; background-size:auto;}
.sliding-genius-htw-sec .htw-process-wrap-two .col-left:before{content:""; position:absolute; right:calc(50% + 6px); top:calc(100% + 95px); height:4px; width:93%; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}
.sliding-genius-htw-sec .htw-category-col:first-child .htw-process-categ-theme:before{content:""; position:absolute; left:29%; bottom:calc(100% - 16px); height:140px; width:75px; background:url("../images/sliding-genius/dashed-vertical-line-bottom.png") no-repeat top left; background-size:auto;}
.sliding-genius-htw-sec .htw-process-categ-theme:after{content:""; position:absolute; left:calc(100% - 16px); top:50%; height:4px; width:120px; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}
.sliding-genius-htw-sec .htw-category-col:last-child .htw-process-categ-theme:after{display:none;}

.sliding-genius-htw-sec .htw-process-wrap-four .col-left:after{content:""; position:absolute; left:50%; top:calc(100% - 2px); height:100px; width:64px; background:url("../images/sliding-genius/dashed-vertical-line-top.png") no-repeat bottom left; background-size:auto;}
.sliding-genius-htw-sec .htw-process-wrap-four .col-left:before{content:""; position:absolute; right:calc(50% + 6px); top:calc(100% + 95px); height:4px; width:70%; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:first-child .htw-process-categ-theme:before{content:""; position:absolute; left:46%; bottom:calc(100% - 35px); height:140px; width:75px; background:url("../images/sliding-genius/dashed-vertical-line-bottom.png") no-repeat top left; background-size:auto;}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-process-categ-theme:after{content:""; position:absolute; left:calc(100% - 46px); top:50%; height:4px; width:260px; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:after{content:""; position:absolute; left:50%; top:calc(100% - 46px); height:280px; width:64px; background:url("../images/sliding-genius/dashed-vertical-line-top.png") no-repeat bottom left; background-size:auto;}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before{content:""; position:absolute; right:calc(50% + 6px); top:calc(100% + 231px); height:4px; width:58%; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}
.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(3) .htw-process-categ-theme:before{content:""; position:absolute; left:40%; bottom:calc(100% - 35px); height:140px; width:75px; background:url("../images/sliding-genius/dashed-vertical-line-bottom.png") no-repeat top left; background-size:auto;}


.sliding-genius-htw-sec .htw-process-wrap-five .col-left:after{content:""; position:absolute; left:60%; top:calc(100% - 2px); height:128px; width:64px; background:url("../images/sliding-genius/dashed-vertical-line-top.png") no-repeat bottom left; background-size:auto;}
.sliding-genius-htw-sec .htw-process-wrap-five .col-left:before{content:""; position:absolute; right:calc(40% + 6px); top:calc(100% + 123px); height:4px; width:29%; background:url("../images/sliding-genius/dashed-horizontal-line.png") no-repeat center right; background-size:auto;}

.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:before{content:""; position:absolute; left:22%; bottom:calc(100% - 42px); height:120px; width:75px;}
.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:after{width:260px; left:calc(100% - 46px);}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.sliding-genius-game-expectation-sec .game-expectation-sec-head{margin-bottom:230px;}
.sliding-genius-game-expectation-sec .game-expectation-sec-outer{padding:0 0 230px; border-top:6px solid var(--bdr2); background:var(--game-expectation-bg) no-repeat; background-position:top center; background-size:100% 100%;}
.sliding-genius-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 47px); margin:0px auto;}
.sliding-genius-game-expectation-sec .game-expectation-card-outer{margin:0px; padding:0px; background:url("../images/sliding-genius/card-bg.png") no-repeat center center; background-size:100% 100%; border-radius:0px;}
.sliding-genius-game-expectation-sec .game-expectation-list{gap:0px 70px;}
.sliding-genius-game-expectation-sec .game-expectation-card-body{background:transparent; border-radius:0; padding:70px 40px 20px; min-height:440px; position:relative; box-shadow:none;}
.sliding-genius-game-expectation-sec .game-expectation-card-body:before{content:""; position:absolute; left:4px; top:4px; right:4px; bottom:4px; width:calc(100% - 8px); height:calc(100% - 8px); box-shadow:0px 0px 70px rgba(62,16,3, 0.5), 0px 0px 70px rgba(62,16,3, 0.5);}
.sliding-genius-game-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; justify-content:center; align-items:center;}
.sliding-genius-game-expectation-sec .game-expect-icon-block{top:0px; margin:0 auto 30px; min-height:140px; align-items:center;}
.sliding-genius-game-expectation-sec .game-expect-card-title{background:url("../images/sliding-genius/card-title-bg.png") no-repeat center center; background-size:100% 100%; color:#fac200; font-family:var(--font-base); text-shadow:2px 2px #3d080e, -2px 2px #3d080e, 2px -2px #3d080e, -2px -2px #3d080e, 0px 3px 0px #3d080e; font-size:28px; margin:-45px auto 0; top:0; left:0; right:0; position:absolute; width:100%; max-width:355px; height:95px; display:flex; align-items:center; justify-content:center;}
.sliding-genius-game-expectation-sec .game-expect-details-item{color:#52051b; font-size:20px; font-family:var(--font-base2); font-weight:normal; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.sliding-genius-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg) no-repeat center center; padding:140px 0 150px;}
.sliding-genius-game-summary-sec .game-summary-text{font-size:36px; font-weight:500; color:var(--clr-base); font-family:var(--font-base2); max-width:1480px; padding:10px 0;}
.sliding-genius-game-summary-sec .game-summary-btn-bar:before{display:none;}
.sliding-genius-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.sliding-genius-faq-sec .faq-sec-outer{padding:0 0 110px; border-top:6px solid var(--bdr2); background:url("../images/sliding-genius/faq-bg-mid.jpg") repeat center center; background-size:contain; position:relative;}
.sliding-genius-faq-sec .faq-sec-outer:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url("../images/sliding-genius/faq-bg-top.jpg"), url("../images/sliding-genius/faq-bg-bottom.jpg"); background-repeat:no-repeat; background-position:top center, bottom center; background-size:contain, contain;}
.sliding-genius-faq-sec .faq-sec-head{margin-bottom:44px; margin-top:-40px;}
.sliding-genius-faq-sec .faq-sec-head .sec-main-title{color:var(--clr-base-light); text-shadow:2px 2px #04251e, -2px 2px #04251e, 2px -2px #04251e, -2px -2px #04251e, 0px 7px 0px #04251e;}
.sliding-genius-faq-sec .faq-list{counter-reset:li;}
.sliding-genius-faq-sec .accordion-item{margin-bottom:10px; padding:0 26px; position:relative;}
.sliding-genius-faq-sec .accordion-item:before{content:counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:26px; top:33px; width:45px; height:45px; font-family:var(--font-base); font-size:23px; font-weight:900; color:var(--clr-base-light); border-radius:100%; background:url("../images/sliding-genius/list-style-num-bg.png") no-repeat center center; background-size:contain; display:inline-flex; align-items:center; justify-content:center;}
.sliding-genius-faq-sec .accordion-card{background:transparent; padding:0px; border:none;}
.sliding-genius-faq-sec .accordion-head{padding:0px; background:url("../images/sliding-genius/faq-card-bg.png") repeat center; background-size:100% 100%; position:relative;}
.sliding-genius-faq-sec .accordion-head:before{content:""; position:absolute; left:-24px; top:0px; height:100%; width:100%; background:url("../images/sliding-genius/faq-card-left-arrow.png") no-repeat center left; background-size:contain; pointer-events:none;}
.sliding-genius-faq-sec .accordion-head:after{content:""; position:absolute; right:-24px; top:0px; height:100%; width:100%; background:url("../images/sliding-genius/faq-card-right-arrow.png") no-repeat center right; background-size:contain; pointer-events:none;}
.sliding-genius-faq-sec .accordion-head-outer{background:transparent; box-shadow:none; border-radius:0px; min-height:113px; padding:11px 10px 15px 56px;}
.sliding-genius-faq-sec .accordion-title{color:var(--clr-base-light); font-family:var(--font-base); font-size:30px;}
.sliding-genius-faq-sec .is-open .accordion-title{color:var(--clr-base-light);}
.sliding-genius-faq-sec .accordion-body{background:#f8edcf; border:2px solid var(--bdr2); border-top:none; padding:10px 40px 20px 56px;}
.sliding-genius-faq-sec .accordion-text{font-family:var(--font-base2); font-size:30px; color:#410b10;}
.sliding-genius-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-base-light);}
/*FAQ CSS End */

.sliding-genius-game .footer{background:#03161d;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
	.sliding-genius-about-us-sec .about-sec-main-title{font-size:40px;}
	.sliding-genius-about-us-sec .about-us-text{max-width:1140px; font-size:24px;}
	.sliding-genius-game .btn-bar .base-btn{max-width:368px;}

	.sliding-genius-htw-sec{padding-bottom:80px;}
	.sliding-genius-game .sec-head{margin-top:-28px;}
	.sliding-genius-game .sec-head-outer{max-width:680px;}
	.sliding-genius-game .sec-main-title{font-size:44px;}
	.sliding-genius-htw-sec .htw-process-card-title{font-size:44px;}
	.sliding-genius-htw-sec .htw-process-card-list-item, .sliding-genius-htw-sec .htw-process-card-list-label{font-size:22px;}
	.sliding-genius-htw-sec .htw-process-categ-title-bar .htw-process-card-title{font-size:32px;}
	.sliding-genius-htw-sec .htw-process-wrap-one{padding:80px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-one .col-right{padding:0 0 0 50px;}
	.sliding-genius-htw-sec .htw-process-wrap-two{padding:80px 0px 160px;}
	.sliding-genius-htw-sec .htw-category-col:first-child .htw-process-categ-theme:before{height:134px;}
	.htw-process-category{padding-bottom:80px;}
	.sliding-genius-htw-sec .htw-process-wrap-three{padding:80px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-three .col-right{padding:0 0 0 50px;}
	.sliding-genius-htw-sec .htw-process-wrap-four{padding:80px 0px 200px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before{width:51%;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(3) .htw-process-categ-theme:before{height:116px;}
	.sliding-genius-htw-sec .htw-process-wrap-five{padding:80px 0px 200px;}


	.sliding-genius-game-expectation-sec .game-expectation-sec-outer{padding:0 0 120px;}
	.sliding-genius-game-expectation-sec .game-expectation-sec-head{margin-bottom:160px;}
	.sliding-genius-game-expectation-sec .game-expectation-list{gap:0px 30px;}
	.sliding-genius-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 20px);}
	.sliding-genius-game-expectation-sec .game-expect-icon-block{margin:0 auto 20px; min-height:130px;}
	.sliding-genius-game-expectation-sec .game-expect-card-fig{max-width:44%;}
	.sliding-genius-game-expectation-sec .game-expect-details-item{font-size:17px;}
	.sliding-genius-game-expectation-sec .game-expect-card-title{font-size:22px; max-width:285px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body{min-height:410px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body:before{box-shadow:0px 0px 40px rgba(62,16,3, 0.36), 0px 0px 40px rgba(62,16,3, 0.36);}


	.sliding-genius-game-summary-sec .game-summary-sec-outer{padding:80px 0 90px;}
	.sliding-genius-game-summary-sec .game-summary-text{font-size:30px; max-width:1150px;}


	.sliding-genius-faq-sec .accordion-title{font-size:26px;}
	.sliding-genius-faq-sec .accordion-text{font-size:26px;}
	.sliding-genius-faq-sec .accordion-head-outer{min-height:93px;}
	.sliding-genius-faq-sec .accordion-head:before{left:-20px;}
	.sliding-genius-faq-sec .accordion-head:after{right:-20px;}
	.sliding-genius-faq-sec .accordion-item:before{top:23px;}

}

@media(max-width:1280px) {
	.sliding-genius-game .container{max-width:960px;}

	.sliding-genius-game .nav-item-label{font-size:17px; padding:9px 20px 11px;}
	.sliding-genius-game .banner-video-outer{padding:50px 0px 30px;}
	.sliding-genius-game .banner-sec-outer{padding-bottom:17vmin;}
	.sliding-genius-game .video-iframe{width:56%;}

	.sliding-genius-about-us-sec{padding-bottom:40px;}
	.sliding-genius-about-us-sec .about-sec-main-title{font-size:32px;}
	.sliding-genius-about-us-sec .about-sec-head{margin:0px auto 10px;}
	.sliding-genius-about-us-sec .about-us-text{max-width:940px; font-size:20px; margin:10px auto 20px;}
	.sliding-genius-about-us-sec .about-us-btn-bar{margin:20px auto 0;}
	.sliding-genius-game .btn-bar .base-btn{max-width:308px;}


	.sliding-genius-game .sec-head-outer{max-width:600px;}
	.sliding-genius-game .sec-main-title{font-size:38px;}

	.sliding-genius-htw-sec .htw-process-card-title{font-size:34px;}
	.sliding-genius-htw-sec .htw-process-categ-title-bar .htw-process-card-title{font-size:26px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
	.sliding-genius-htw-sec .htw-process-wrap-one{padding:60px 0px;}

	.sliding-genius-htw-sec .htw-process-wrap-two{padding:60px 0px 100px;}
	.sliding-genius-htw-sec .htw-category-col:first-child .htw-process-categ-theme:before{height:98px; left:20%;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:before{top:calc(100% + 65px);}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:after{height:70px;}

	.htw-process-category{padding-bottom:60px;}
	.htw-process-category{gap:0px 55px;}
	.htw-category-col{max-width:calc((100% / 3) - 37px);}

	.sliding-genius-htw-sec .htw-process-wrap-three{padding:60px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-four{padding:60px 0px 140px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:first-child .htw-process-categ-theme:before{height:100px; left:40%;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:before{top:calc(100% + 75px);}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:after{height:80px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-process-categ-theme:after{width:144px;}

	.gameplay-mechanics-category{gap:150px 55px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before{width:45%; top:calc(100% + 210px);}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:after{height:260px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(3) .htw-process-categ-theme:before{left:42%;}
	.sliding-genius-htw-sec .htw-process-wrap-five{padding:50px 0px 160px;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-left:before{width:24%; top:calc(100% + 84px);}
	.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:before{height:118px;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-left:after{height:90px;}
	.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:after{width:144px;}


	.sliding-genius-game-expectation-sec .game-expectation-sec-outer{padding:0 0 70px;}
	.sliding-genius-game-expectation-sec .game-expectation-sec-head{margin-bottom:90px;}
	.sliding-genius-game-expectation-sec .game-expectation-list{gap:0px 20px;}
	.sliding-genius-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 14px);}
	.sliding-genius-game-expectation-sec .game-expect-icon-block{margin:0 auto 10px; min-height:100px;}
	.sliding-genius-game-expectation-sec .game-expect-card-fig{max-width:44%;}
	.sliding-genius-game-expectation-sec .game-expect-details-item{font-size:15px;}
	.sliding-genius-game-expectation-sec .game-expect-card-title{font-size:18px; max-width:245px; margin:-25px auto 0; height:65px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body{min-height:320px;}


	.sliding-genius-game-summary-sec .game-summary-sec-outer{padding:60px 0 70px; background-size:cover;}
	.sliding-genius-game-summary-sec .game-summary-text{font-size:26px; max-width:830px;}


	.sliding-genius-faq-sec .faq-sec-outer{padding:0 0 80px;}
	.sliding-genius-faq-sec .accordion-item{padding:0 16px;}
	.sliding-genius-faq-sec .accordion-title{font-size:22px;}
	.sliding-genius-faq-sec .accordion-text{font-size:22px;}
	.sliding-genius-faq-sec .accordion-head-outer{min-height:83px;}
	.sliding-genius-faq-sec .accordion-head:before{left:-18px;}
	.sliding-genius-faq-sec .accordion-head:after{right:-18px;}
	.sliding-genius-faq-sec .accordion-item:before{top:18px; left:18px;}

}

@media(max-width:1023px) {
	.sliding-genius-game .container{max-width:750px;}

	.sliding-genius-game .nav-item-label{font-size:15px; padding:9px 12px 11px;}
	.sliding-genius-game .banner-sec-outer{padding-bottom:15vmin;}
	.sliding-genius-game .video-iframe{width:58%;}
	.sliding-genius-game .video-poster, .sliding-genius-game .client-video{border-radius:16px;}

	.sliding-genius-about-us-sec .about-sec-main-title{font-size:28px;}
	.sliding-genius-about-us-sec .about-us-text{max-width:720px; font-size:18px; margin:10px auto 20px;}
	.sliding-genius-game .btn-bar .base-btn{max-width:270px;}


	.sliding-genius-game .sec-head-outer{max-width:500px;}
	.sliding-genius-game .sec-main-title{font-size:32px;}
	.sliding-genius-htw-sec{border-width:4px;}
	.sliding-genius-game .sec-head{margin-top:-21px;}
	.sliding-genius-htw-sec .htw-process-card-title{font-size:26px;}
	.sliding-genius-htw-sec .htw-process-categ-title-bar .htw-process-card-title{font-size:22px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
	.htw-process-categ-title-bar{margin-bottom:0px;}
	.sliding-genius-htw-sec .htw-process-wrap .col-left{max-width:53.6%;}
	
	.sliding-genius-htw-sec .how-to-work-process .container{padding:0 20px;}
	.sliding-genius-htw-sec .htw-process-theme:after{width:calc(100% + 40px); left:-20px; right:-20px; height:26px; bottom:-10px;}
	.sliding-genius-htw-sec .htw-process-wrap-one .col-right{padding:0 0 0 30px;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-right{padding:0 30px 0 0;}

	.sliding-genius-htw-sec .htw-process-wrap-one{padding:40px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-two{padding:40px 0px 80px;}

	.sliding-genius-htw-sec .htw-category-col:first-child .htw-process-categ-theme:before{height:82px;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:after{left:40%; height:50px;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:before{top:calc(100% + 44px); right:calc(50% + 46px);}
	.sliding-genius-htw-sec .htw-process-categ-theme:after{width:66px;}

	.htw-process-category{gap:0px 35px;}
	.htw-category-col{max-width:calc((100% / 3) - 25px);}

	.sliding-genius-htw-sec .htw-process-wrap-three{padding:40px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-three .col-right{padding:0 0 0 30px;}


	.sliding-genius-htw-sec .htw-process-wrap-four{padding:40px 0px 100px;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-right{padding:0 30px 0 0;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:first-child .htw-process-categ-theme:before{height:77px;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:before{top:calc(100% + 58px); width:73%;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:after{height:64px;}

	.gameplay-mechanics-category{gap:80px 35px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(3) .htw-process-categ-theme:before{height:86px;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before{width:35%; top:calc(100% + 172px);}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:after{height:222px;}

	.sliding-genius-htw-sec .htw-process-wrap-five{padding:30px 0px 110px;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-right{padding:0 0 0 30px;}
	.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:before{height:88px;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-left:before{width:11%; top:calc(100% + 64px);}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-left:after{height:70px;}

	.htw-process-category.scoring-system-category{padding-bottom:0px;}


	.sliding-genius-game-expectation-sec .game-expectation-sec-outer{padding:0 0 60px; border-width:4px;}
	.sliding-genius-game-expectation-sec .game-expectation-sec-head{margin-bottom:70px;}
	.sliding-genius-game-expectation-sec .game-expectation-list{gap:0px 15px;}
	.sliding-genius-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 10px);}
	.sliding-genius-game-expectation-sec .game-expect-icon-block{margin:0 auto 10px; min-height:80px;}
	.sliding-genius-game-expectation-sec .game-expect-card-fig{max-width:46%;}
	.sliding-genius-game-expectation-sec .game-expect-details-item{font-size:14px;}
	.sliding-genius-game-expectation-sec .game-expect-card-title{font-size:15px; max-width:190px; margin:-20px auto 0; height:56px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body{min-height:280px; padding:40px 20px 20px;}

	.sliding-genius-game-summary-sec .game-summary-sec-outer{padding:40px 0 50px;}
	.sliding-genius-game-summary-sec .game-summary-text{font-size:21px;}

	.sliding-genius-faq-sec .faq-sec-outer{border-width:4px;}
	.sliding-genius-faq-sec .accordion-title{font-size:20px;}
	.sliding-genius-faq-sec .accordion-text{font-size:18px;}
	.sliding-genius-faq-sec .faq-sec-head .sec-main-title{text-shadow:1px 1px #04251e, -1px 1px #04251e, 1px -1px #04251e, -1px -1px #04251e, 0px 3px 0px #04251e; padding-bottom:0px;}

}

@media(max-width:767px) {
	.sliding-genius-game {
		--text-shadow:2px 3px 0 #010f13;
		--text-shadow-alt:0px 3px 0 #380905;
	}

	.sliding-genius-game .close-menu-label{color:var(--clr-dark);}
	.sliding-genius-game .menu-back-icon{color:var(--clr-dark);}
	.sliding-genius-game .nav-item-label{color:var(--clr-dark);}
	.sliding-genius-game .navbar-close{border-bottom-color:var(--bdr2);}
	.sliding-genius-game .nav-item{border-bottom-color:var(--bdr2);}

	.sliding-genius-game .video-iframe{width:78%;}
	.sliding-genius-game .video-shadow{bottom:-3px;}
	.sliding-genius-game .video-poster, .sliding-genius-game .client-video{border-radius:10px;}
	.sliding-genius-game .banner-video-outer{padding:20px 0px 10px;}

	.sliding-genius-about-us-sec .about-sec-main-title{font-size:25px;}
	.sliding-genius-about-us-sec .about-us-text{font-size:13px; margin:0px auto 10px;}
	.sliding-genius-about-us-sec .about-us-btn-bar{margin:10px auto 0;}
	.sliding-genius-game .btn-bar .base-btn{max-width:160px;}

	.sliding-genius-game .sec-head-outer{max-width:260px;}
	.sliding-genius-game .sec-main-title{font-size:20px; padding-bottom:8px;}
	.sliding-genius-htw-sec{border-width:3px;}
	.sliding-genius-game .sec-head{margin-top:-11px;}

	.sliding-genius-htw-sec{padding-bottom:10px;}
	.sliding-genius-htw-sec .htw-process-card-title-bar{margin-bottom:4px; text-align:center;}
	.sliding-genius-htw-sec .htw-process-card-title{font-size:18px;}
	.sliding-genius-htw-sec .htw-process-categ-title-bar .htw-process-card-title{font-size:18px;}
	.htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
	.sliding-genius-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:4px; top:5px; width:4px; height:4px;}
	.sliding-genius-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px;}
	.sliding-genius-htw-sec .htw-process-card{margin-top:10px;}
	.sliding-genius-htw-sec .htw-process-card-list-block{padding:10px 10px 0px 10px; border-radius:6px;}

	.sliding-genius-htw-sec .htw-process-wrap-one{padding:20px 0px;}
	.sliding-genius-htw-sec .htw-process-wrap-one .col-right{padding:0px;}
	.sliding-genius-htw-sec .htw-process-wrap-two{padding:0px 0px 80px;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-right{padding:0px;}
	.sliding-genius-htw-sec .htw-process-categ-theme:after{display:none;}
	.sliding-genius-htw-sec .htw-category-col:first-child .htw-process-categ-theme:before{display:none;}

	.htw-process-category.owl-carousel{gap:0px; width:100vw; padding:0px; left:-20px; right:-20px;}
	.htw-process-category.owl-carousel .htw-category-col{max-width:calc(100vw - 100px);}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:before{display:none;}
	.sliding-genius-htw-sec .htw-process-wrap-two .col-left:after{background:url("../images/sliding-genius/wave-line.png") no-repeat top center; height:253px; width:164px; left:8%; top:calc(100%  + 52px);}

	.sliding-genius-htw-sec .htw-process-wrap-three .col-right{padding:0px;}
	.sliding-genius-htw-sec .htw-process-wrap-three{padding:30px 0px 20px;}

	.sliding-genius-htw-sec .htw-process-wrap-four{padding:10px 0px 60px;}
	.sliding-genius-htw-sec .htw-process-theme:after{display:block; width:calc(100% + 20px); left:-10px; right:-10px; height:16px; bottom:-6px; height:16px;}

	.sliding-genius-htw-sec .htw-process-wrap-four .col-right{padding:0px;}
	.gameplay-mechanics-category{gap:0px; padding-bottom:0px;}
	.gameplay-mechanics-category .htw-category-col{max-width:100%;  margin-bottom:30px;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:before{display:none;}
	.sliding-genius-htw-sec .htw-process-wrap-four .col-left:after{top:calc(100% + 120px); background:url("../images/sliding-genius/dashed-vertical-line-top-mob.png") no-repeat bottom center;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:first-child .htw-process-categ-theme:before{display:block; bottom:calc(100% - 20px); background:url("../images/sliding-genius/dashed-vertical-line-bottom-mob.png") no-repeat top center; height:50px; left:34%;}
	.sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before, .sliding-genius-htw-sec .gameplay-mechanics-category .htw-category-col:nth-child(3) .htw-process-categ-theme:before{background:url("../images/sliding-genius/dashed-vertical-line-mob.png") no-repeat top center; bottom:calc(100% - 20px); top:auto; width:2px; height:60px;}

	.sliding-genius-htw-sec .htw-process-card-outer{margin-top:0px;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-right{padding:0px;}

  .scoring-system-category{gap:0px; padding-bottom:0px;}
	.scoring-system-category .htw-category-col{max-width:100%;  margin-bottom:30px;}
	.sliding-genius-htw-sec .htw-process-wrap-five{padding:10px 0px 60px;}
  .sliding-genius-htw-sec .htw-process-wrap-five .col-left:before{display:none;}
	.sliding-genius-htw-sec .htw-process-wrap-five .col-left:after{left:50%; top:calc(100% + 65px); background:url("../images/sliding-genius/dashed-vertical-line-top-mob.png") no-repeat bottom center;}
	.sliding-genius-htw-sec .scoring-system-category .htw-category-col:first-child .htw-process-categ-theme:before{display:block; bottom:calc(100% - 20px); background:url("../images/sliding-genius/dashed-vertical-line-bottom-mob.png") no-repeat top center; height:50px; left:34%;}
	.sliding-genius-htw-sec .scoring-system-category .htw-category-col:nth-child(2) .htw-process-categ-theme:before{content:""; position:absolute; display:block; background:url("../images/sliding-genius/dashed-vertical-line-mob.png") no-repeat top center; bottom:calc(100% - 20px); top:auto; width:2px; height:60px; left:42%;}

	.sliding-genius-game .owl-carousel .owl-dot span{background:#d5c69d; border:none; width:12px; height:12px;}
	.sliding-genius-game .owl-carousel .owl-dot.active span{background:var(--clr-dark);}

	
	.sliding-genius-game-expectation-sec .container{padding:0px;}
	.sliding-genius-game-expectation-sec .game-expectation-list{gap:0px;}
	.sliding-genius-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px); min-width:calc(100vw - 120px); padding:20px 0 10px;}
	.sliding-genius-game-expectation-sec .game-expectation-sec-head{margin-bottom:30px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body{min-height:180px; padding:30px 20px 20px;}
	.sliding-genius-game-expectation-sec .game-expect-card-title{font-size:14px; text-shadow:1px 1px #3d080e, -1px 1px #3d080e, 1px -1px #3d080e, -1px -1px #3d080e, 0px 2px 0px #3d080e; height:38px; padding-bottom:2px;}
	.sliding-genius-game-expectation-sec .game-expect-card-title{max-width:180px; margin:-14px auto 0;}
	.sliding-genius-game-expectation-sec .game-expect-details-item{font-size:13px;}
	.sliding-genius-game-expectation-sec .game-expectation-card-body:before{box-shadow:0px 0px 10px rgba(62,16,3, 0.8), 0px 0px 10px rgba(62,16,3, 0.8);}
	.sliding-genius-game-expectation-sec .game-expect-icon-block{min-height:80px;}
	.sliding-genius-game-expectation-sec .game-expect-card-fig{max-width:36%;}
	.sliding-genius-game-expectation-sec .game-expectation-sec-outer{padding:0 0 10px; border-width:3px; background:var(--game-expectation-bg-mob) no-repeat center center; background-size:cover;}
	.sliding-genius-game-expectation-sec .owl-carousel .owl-dot span{background:#f1c881; border:2px solid #b06a3c; width:12px; height:12px;}
	.sliding-genius-game-expectation-sec .owl-carousel .owl-dot.active span{background:#f1c881; border:2px solid #4b061a;}


	.sliding-genius-game-summary-sec .game-summary-sec-outer{padding: 10px 0 20px;}
	.sliding-genius-game-summary-sec .game-summary-text{font-size:13px;}


	.sliding-genius-faq-sec .faq-sec-outer{padding:0 0 20px;}
	.sliding-genius-game .faq-sec-head .sec-head-outer{max-width:220px;}
	.sliding-genius-faq-sec .faq-sec-head{margin-bottom:10px;}
	.sliding-genius-faq-sec .accordion-head-outer{min-height:43px; padding:5px 10px 8px 26px;}
	.sliding-genius-faq-sec .accordion-head:before{left:-9px;}
	.sliding-genius-faq-sec .accordion-head:after{right:-9px;}
	.sliding-genius-faq-sec .accordion-title{font-size:13px;}
	.sliding-genius-faq-sec .accordion-item:before{left:8px; top:8px; width:26px; height:26px; font-size:13px;}
	.sliding-genius-faq-sec .accordion-body{border-width:1px; padding:6px 10px 10px 26px;}
	.sliding-genius-faq-sec .accordion-text{font-size:14px;}
	.sliding-genius-faq-sec .accordion-item{padding:0px 10px; margin-bottom:5px;}
	
}
@media(max-width:374px) {
  .sliding-genius-game .sec-main-title{font-size:18px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Sliding Genius Game CSS End // ***************************** */




/* ***************************** // Rock Paper Scissors Game CSS Start // ***************************** */
.rock-paper-scissors-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#ea2365;
--clr-primary:#62afe5;
--clr-dark:#487602;
--clr-dark-alt:#a3dc02;
--clr-action:#1565b1;
--clr-action-alt:#000000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#278adf;
--bg-primary:#62afe5;
--bg-secondary:#ea2365;
--bg-dark:#176ab9;
--bg-action:#ccf3fd;

/*Border Colors*/
--bdr1:#57d7fa;
--bdr2:#025c9c;
  
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-base1:'Helvetica', sans-serif;
--font-head:'AG Book Rounded', sans-serif;
--font-btn:'AG Book Rounded', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 var(--clr-dark-alt), 2px -2px 0 var(--clr-dark-alt), -2px 2px 0 var(--clr-dark-alt), -2px -2px 0 var(--clr-dark-alt), 2px 0 0 var(--clr-dark-alt), 0 2px 0 var(--clr-dark-alt), -2px 0 0 var(--clr-dark-alt);
--shadow-btn:0 15px 4px rgba(0,0,0, 0.19);

/* Text Shadow */
--text-shadow:2px 2px 0 #cc0d49, 2px -2px 0 #cc0d49, -2px 2px 0 #cc0d49, -2px -2px 0 #cc0d49, 2px 0 0 #cc0d49, 0 2px 0 #cc0d49, -2px 0 0 #cc0d49;
--text-shadow1:2px 2px 0 #0b4883, 2px -2px 0 #0b4883, -2px 2px 0 #0b4883, -2px -2px 0 #0b4883, 2px 0 0 #0b4883, 0 2px 0 #0b4883, -2px 0 0 #0b4883;
--text-shadow-alt:1px 1px #0b4883, -1px 1px #0b4883, 1px -1px #0b4883, -1px -1px #0b4883, 0px 2px 3px rgba(0,0,0, 0.5);
}

.rock-paper-scissors-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; max-width:450px; position:relative;}
.rock-paper-scissors-game .base-btn .btn-text{font-size:44px; color:var(--clr-dark); text-shadow:var(--shadow-text); font-family:var(--font-btn);}
.rock-paper-scissors-game .base-btn:before{content:""; position:absolute; z-index:1; top:2.2vmin; bottom:2.2vmin; left:2.2vmin; right:2.2vmin; float:left; background-image:url("../images/rock-paper-scissors/button_bg.png"), url("../images/rock-paper-scissors/button_bg.png"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.rock-paper-scissors-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}
@media (hover: hover) {
  .rock-paper-scissors-game .base-btn:hover{transform:inherit;}
}

.rock-paper-scissors-game .nav-item-label{padding:9px 28px 11px; font-family:var(--font-head); font-weight:500; color:var(--clr-action-alt);}
@media (hover: hover) {
  .rock-paper-scissors-game .active .nav-item-label, .rock-paper-scissors-game .nav-item-label:hover{color:var(--clr-action); font-weight:700;}
}

.rock-paper-scissors-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 76%;}
.rock-paper-scissors-game .banner-sec-outer{background:transparent; padding:0px;}
.rock-paper-scissors-game .banner-logo{display:flex; align-items:center; justify-content:center; margin:40px 0px 30px;}
.rock-paper-scissors-game .banner-logo .game-logo-fig{max-width:370px; width:24.9%;}
.rock-paper-scissors-game .game-logo-fig img{filter:drop-shadow(0 10px 40px rgba(3, 64, 65, 0.3)) drop-shadow(0 10px 40px rgba(3, 64, 65, 0.3));}

.rock-paper-scissors-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; }
.rock-paper-scissors-game .banner-sec-video{background:transparent;}
.rock-paper-scissors-game .video-block{width:54.9%; max-width:1020px;border:5px solid var(--bdr1); border-radius:90px 90px 0 0; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.35); padding-bottom:34px; background:#011da7;}
.rock-paper-scissors-game .video-iframe{padding-bottom:56.8%;}
.rock-paper-scissors-game .client-video{top:0; bottom:0; left:0; right:0; border-radius:84px 84px 0 0;}
.rock-paper-scissors-game .video-poster{width:100%; height:100%; top:0; bottom:0; left:0; right:0; border-radius:84px 84px 0 0;}

.rps-about-us-sec{border-radius:100px 100px 0 0; padding:0px 0px 70px; margin-top:-5px; box-shadow:0 -15px 20px rgba(4, 47, 93, 0.56); background:#59dfff; background:linear-gradient(to right, rgba(81,185,235,1) 0%,rgba(89,223,255,1) 46%,rgba(86,197,244,1) 100%); position:relative; z-index:2;}
.rps-about-us-sec .about-sec-head{position:relative; z-index:5;}
.rps-about-us-sec .about-sec-main-title{color:var(--clr-base); font-family:var(--font-head); font-weight:bold; text-transform:uppercase; font-size:53px; text-align:center; float:left; width:100%;}
.rps-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.rps-about-us-sec .about-us-text{float:left; width:100%; max-width:1430px; text-align:center; text-shadow:var(--text-shadow-alt); font-size:28px; font-weight:bold; color:var(--clr-base); margin:50px auto 40px;}
.rps-about-us-sec .about-us-btn-bar{margin:10px auto 0;}


.rock-paper-scissors-game .sec-head{display:flex; align-items:center; justify-content:center; margin-top:-33px; margin-bottom:0px;}
.rock-paper-scissors-game .sec-head-outer{float:left; width:100%; position:relative; max-width:832px; display:flex; align-items:center; justify-content:center;}
.rock-paper-scissors-game .sec-head-bg{float:left; width:100%;}
.rock-paper-scissors-game .sec-head-bg img{float:left; width:100%; filter:drop-shadow(0 7px 7px rgba(0, 0, 0, 0.5));}
.rock-paper-scissors-game .sec-main-title{font-size:46px; text-shadow:var(--text-shadow); position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}


/* How to Work CSS Start */
.rps-how-to-work-sec{padding:75px 0px 0px; position:relative; z-index:1;}
.rps-how-to-work-sec .htw-sec-head.sec-head{margin-top:0px; position:absolute; top:-32px; left:0; right:0;}
.rps-how-to-work-sec .htw-sec-head .sec-head-outer{max-width:590px;}


.rps-how-to-work-sec .htw-process-wrap{border-radius:200px; background:var(--bg-primary); padding:6px; box-shadow:0px 6px 10px rgba(4, 47, 93, 0.36); position:relative; margin-bottom:64px;}
.rps-how-to-work-sec .htw-process-wrap-inner{float:left; width:100%; padding:130px 90px 100px; display:flex; align-items:center; flex-wrap:wrap; border-radius:196px; background:var(--bg-base);}
.rps-how-to-work-sec .htw-process-wrap .col-left{max-width:722px; width:56%;}
.rps-how-to-work-sec .htw-process-theme:after{display:none;}
.rps-how-to-work-sec .htw-process-theme img{filter:drop-shadow(0px 21px 45px rgba(0, 0, 0, 0.4));}
.rps-how-to-work-sec .htw-process-card:before, .rps-how-to-work-sec .htw-process-card:after{display:none;}
.rps-how-to-work-sec .htw-process-card-outer:before, .rps-how-to-work-sec .htw-process-card-outer:after{display:none;}
.rps-how-to-work-sec .htw-process-card-outer{background:transparent;}
.rps-how-to-work-sec .htw-process-card-cont{background:#fff; padding:30px 44px; min-height:314px; display:flex; align-items:center; align-content:center;}
.rps-how-to-work-sec .htw-process-card-body{padding:0px; min-height:auto;}
.rps-how-to-work-sec .htw-process-card-title-bar:after{content:""; position:absolute; left:0px; bottom:0px; width:100px; height:5px; background:var(--bg-dark); display:none;}
.rps-how-to-work-sec .htw-process-card-title{font-size:36px; color:var(--clr-base-light);}
.rps-how-to-work-sec .htw-process-card-list{padding-left:0px;}
.rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:23px; color:#000; font-family:var(--font-base1); font-weight:bold;}
.rps-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:62px;}
.rps-how-to-work-sec .htw-process-wrap-one .htw-card-icon{max-width:147px; left:auto; top:80px; right:-60px;}
.rps-how-to-work-sec .htw-card-icon img{filter:drop-shadow(20px 30px 20px rgba(0, 0, 0, 0.5));}

.rps-how-to-work-sec .htw-process-wrap-two .htw-process-wrap-row{flex-direction:row-reverse;}
.rps-how-to-work-sec .htw-process-wrap-two .col-right{padding-right:62px;}
.rps-how-to-work-sec .htw-process-wrap-two .col-left{padding-left:0px;}
.rps-how-to-work-sec .htw-process-wrap-two .htw-card-icon{max-width:161px; left:-80px; top:45px;}

.rps-how-to-work-sec .htw-process-wrap-three .htw-process-wrap-inner{flex-direction:column; padding:60px 40px 60px;}
.rps-how-to-work-sec .showdown-card .htw-process-card-outer{display:flex; justify-content:center;}
.rps-how-to-work-sec .showdown-card .htw-process-card-cont{min-height:215px; max-width:890px; width:87%; margin:0px auto;}
.rps-how-to-work-sec .showdown-card .htw-process-card-title-bar{text-align:center;}
.rps-how-to-work-sec .showdown-card .htw-process-card-title-bar:after{left:0; right:0; margin:0 auto;}
.rps-how-to-work-sec .showdown-card .htw-process-card-list-block{padding:0px 60px; text-align:center;}
.rps-how-to-work-sec .htw-process-category{padding:0px; gap:0px 30px; margin-top:40px;}
.rps-how-to-work-sec .htw-category-col{max-width:calc((100% / 3) - 20px);}
.rps-how-to-work-sec .htw-process-wrap-three .htw-card-icon{max-width:182px; left:auto; top:10px; right:-40px;}

.rps-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:62px;}
.htw-process-wrap-row{float:left; width:100%; display:flex; align-items:center;}
.htw-process-wrap-row:nth-child(even){flex-direction:row-reverse;}
.htw-process-wrap-row + .htw-process-wrap-row{margin-top:100px;}
.rps-how-to-work-sec .htw-process-wrap-four .htw-process-wrap-row:nth-child(even) .col-right{padding-left:0px; padding-right:62px;}

.rps-how-to-work-sec .htw-process-wrap-five .htw-process-wrap-inner{flex-direction:column; padding:60px 50px 100px;}
.rps-how-to-work-sec .gameplay-loop-card .htw-process-card-outer{display:flex; justify-content:center;}
.rps-how-to-work-sec .gameplay-loop-card .htw-process-card-cont{min-height:215px; max-width:890px; width:87%; margin:0px auto;}
.rps-how-to-work-sec .gameplay-loop-card .htw-process-card-title-bar{text-align:center;}
.rps-how-to-work-sec .gameplay-loop-card .htw-process-card-title-bar:after{left:0; right:0; margin:0 auto;}
.rps-how-to-work-sec .gameplay-loop-card .htw-process-card-list-block{padding:0px 60px; text-align:center;}
.rps-how-to-work-sec .htw-process-wrap-five .htw-card-icon{max-width:147px; left:auto; top:80px; right:-60px;}


.rps-how-to-work-sec .htw-process-wrap-five .htw-process-category{gap:0px 40px; margin-top:60px;}
.rps-how-to-work-sec .htw-process-wrap-five .htw-category-col{max-width:calc((100% / 2) - 20px); position:relative;}
.rps-how-to-work-sec .htw-category-col .right-icon{top:0; bottom:0; display:flex; align-items:center; left:calc(100% - 4%); right:auto; width:14.2%; max-width:96px;}
.rps-how-to-work-sec .htw-category-col .hand-icon{top:calc(100% - 9.7%); bottom:auto; right:auto; left:calc(100% - 39%); width:14%; max-width:93px;}

.rps-how-to-work-sec .htw-process-wrap-six .htw-process-wrap-inner{padding:50px 90px 80px;}
.rps-how-to-work-sec .htw-process-wrap-six .col-top{display:flex; justify-content:center;}
.rps-how-to-work-sec .htw-process-wrap-six .htw-process-theme{max-width:877px;}
.rps-how-to-work-sec .htw-process-wrap-six .htw-process-theme img{filter:inherit;}
.rps-how-to-work-sec .htw-process-wrap-six .htw-card-icon{max-width:161px; left:-90px; top:15px;}

.rps-how-to-work-sec .screen-indicators-card{margin-top:40px;}
.rps-how-to-work-sec .screen-indicators-card .htw-process-card-outer{display:flex; justify-content:center;}
.rps-how-to-work-sec .screen-indicators-card .htw-process-card-cont{max-width:890px; margin:0px auto; padding:30px 24px;}
.rps-how-to-work-sec .screen-indicators-card .htw-process-card-title-bar{text-align:center;}
.rps-how-to-work-sec .screen-indicators-card .htw-process-card-title-bar:after{left:0; right:0; margin:0 auto;}
.rps-how-to-work-sec .screen-indicators-card .htw-process-card-list-block{padding:0px 90px; text-align:center;}

.indicators-type-row{float:left; width:100%; display:flex; align-items:center; gap:0px 10px; margin-top:30px;}
.indicators-type-col{float:left; width:100%;}
.indicators-type-card{float:left; width:100%; background:#115da8; border-radius:50px; padding:6px 5px 4px 15px;}
.indicators-type-card-outer{float:left; width:100%; display:flex; align-items:center;}
.indicators-icon{float:left; margin-right:6px;}
.indicators-icon img{filter:drop-shadow(0px 10px 5px rgba(66, 0, 83, 0.5));}
.indicators-label{float:left; font-family:var(--font-base1); font-size:24px;}

.rps-how-to-work-sec .htw-process-wrap.htw-process-wrap-seven{margin-bottom:-200px;}
.rps-how-to-work-sec .htw-process-wrap-seven .htw-process-wrap-row{flex-direction:row-reverse;}
.rps-how-to-work-sec .htw-process-wrap-seven .col-right{padding-right:62px;}
.rps-how-to-work-sec .htw-process-wrap-seven .col-left{padding-left:0px;}
.rps-how-to-work-sec .htw-process-wrap-seven .htw-card-icon{max-width:182px; left:auto; right:-70px; top:-20px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.rps-game-expectation-sec .game-expectation-sec-outer{background-color:var(--bg-dark); background-image:var(--game-expectation-bg); background-repeat:no-repeat; background-position:left 15px, right 90%; background-size:auto, auto; border:10px solid var(--bdr2); border-radius:80px; width:calc(100% + 20px); position:relative; left:-10px; padding:240px 0px 0px; background-blend-mode:soft-light; box-shadow:0px 6px 10px rgba(4, 47, 93, 0.36);}
.rock-paper-scissors-game .game-expectation-sec-head{margin-top:0px;}
.rock-paper-scissors-game .game-expectation-sec-head .sec-head-outer{max-width:809px;}
.rock-paper-scissors-game .game-expectation-sec-head .sec-head-bg img{filter:inherit;}
.rock-paper-scissors-game .game-expectation-sec-head .sec-main-title{text-shadow:var(--text-shadow-alt); padding-top:3.3%;}
.rps-game-expectation-sec .game-expectation-card-outer{background:transparent; padding:0px;}
.rps-game-expectation-sec .game-expectation-card-body{background:radial-gradient(ellipse at center, rgba(42,140,224,1) 0%,rgba(17,92,167,1) 100%); box-shadow:none; border:1px solid var(--bdr1); position:relative; border-radius:60px; padding:0px 50px 50px;}
.rps-game-expectation-sec .game-expectation-card-body:before{content:""; position:absolute; z-index:-1; left:-10px; top:10px; width:100%; height:calc(100% + 15px); background:#53b0ff; border:1px solid var(--bdr1); border-radius:60px;}
.rps-game-expectation-sec .game-expect-details-list.list-style-none .game-expect-details-item{font-size:24px; font-family:var(--font-base1); text-align:center;}
.rps-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px;}
.rps-game-expectation-sec .game-expect-card-fig{max-width:inherit; display:flex; justify-content:center; min-height:138px;}
.rps-game-expectation-sec .game-expect-card-fig img{width:auto; height:auto; object-fit:contain;}
.rps-game-expectation-sec .game-expect-card-title{position:absolute; left:0; right:0; margin:0 auto; top:0px;}

.rock-paper-scissors-game .card-head{display:flex; align-items:center; justify-content:center; margin-top:-25px; margin-bottom:0px;}
.rock-paper-scissors-game .card-head-outer{float:left; width:100%; position:relative; max-width:345px; display:flex; align-items:center; justify-content:center;}
.rock-paper-scissors-game .card-head-bg{float:left; width:100%;}
.rock-paper-scissors-game .card-head-bg img{float:left; width:100%; filter:drop-shadow(0 7px 7px rgba(0, 0, 0, 0.5));}
.rock-paper-scissors-game .card-main-title{font-size:32px; font-family:var(--font-head); text-shadow:var(--text-shadow); position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; text-transform:uppercase;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.rps-game-summary-cont.game-summary-cont{background:#53b0ff; border-radius:60px; border:1px solid var(--bdr1); margin-top:140px; margin-bottom:-130px; position:relative; z-index:2;}
.rps-game-summary-cont .game-summary-cont-outer{float:left; width:100%; padding:80px 140px 70px; position:relative;}
.rps-game-summary-cont .game-summary-cont-outer:before{content:""; position:absolute; left:56px; top:0px; height:100%; width:40px; background:#ffbf00;}
.rps-game-summary-cont .game-summary-cont-outer:after{content:""; position:absolute; right:56px; top:0px; height:100%; width:40px; background:#ffbf00;}
.rps-game-summary-cont .game-summary-text{float:left; width:100%; font-family:var(--font-head); font-size:32px; text-transform:uppercase; text-shadow:var(--text-shadow1); max-width:100%; line-height:1.5em;}
.game-summary-label{float:left; width:100%; font-family:var(--font-head); font-size:38px; color:#ffd200; text-transform:uppercase; text-shadow:var(--text-shadow1); line-height:1.5em; text-align:center;}
.rps-game-expectation-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.rps-faq-sec .faq-sec-outer{padding:180px 0 90px;}
.rps-faq-sec .faq-wrap{background:var(--bg-base); border:6px solid var(--bg-primary); border-radius:200px; box-shadow:0px 6px 10px rgba(4, 47, 93, 0.36); position:relative;}
.rock-paper-scissors-game .faq-sec-head .sec-head-outer{max-width:431px;}
.rock-paper-scissors-game .sec-head.faq-sec-head{margin-top:-38px; margin-bottom:80px;}
.card-connecting-icon{position:absolute; bottom:calc(100% - 70px); z-index:5;}
.card-connecting-icon.left{left:13%;}
.card-connecting-icon.right{right:13%;}

.rps-faq-sec .faq-block{padding:0px 100px 100px;}
.rps-faq-sec .accordion-item{margin-bottom:22px;}
.rps-faq-sec .accordion-card{padding:0px; border:none;}
.rps-faq-sec .is-open .accordion-card{background:transparent;}
.rps-faq-sec .accordion-title{color:#000; font-size:32px;}
.rps-faq-sec .accordion-title{display:flex; align-items:center; text-transform:uppercase; padding-right:10px;}
.rps-faq-sec .is-open .accordion-title{color:#000;}
.rps-faq-sec .accordion-head{padding:0px; position:relative; z-index:1;}
.rps-faq-sec .accordion-head-outer{min-height:108px; padding:7px 20px 7px 7px; display:flex; align-items:center; background:#fff; border-radius:60px; box-shadow:0px 6px 0px rgba(0, 0, 0, 0.4);}
.rps-faq-sec .question-label{height:96px; width:96px; min-width:96px; border-radius:100%; display:inline-flex; align-items:center; justify-content:center; background:#ffdb6e; margin-right:30px; position:relative;}
.rps-faq-sec .question-label:after{content:""; position:absolute; left:100%; background:#ffdb6e; margin-left:-4px; clip-path: polygon(100% 50%, 0 0, 0 100%); width:20px; height:25px;}
.rps-faq-sec .accordion-head-outer .accordion-icon .icon{color:var(--clr-base-light); text-shadow:none; font-size:26px; }
.rps-faq-sec .accordion-body{padding:30px 50px 25px; position:relative;}
.rps-faq-sec .accordion-body:before{content:""; position:absolute; left:10px; right:10px; top:-24px; height:calc(100% + 24px); width:calc(100% - 20px); background:#ffdb6e; border-radius:0px 0px 60px 60px;}
.rps-faq-sec .accordion-cont-bar{padding:0px; display:flex; flex-wrap:nowrap; position:relative; z-index:1;}
.rps-faq-sec .answer-label{height:68px; width:68px; min-width:68px; border-radius:100%; display:inline-flex; align-items:center; justify-content:center; background:var(--clr-base-light); margin-right:30px; position:relative; font-size:38px; font-family:var(--font-head);}
.rps-faq-sec .answer-label:after{content:""; position:absolute; left:100%; background:var(--clr-base-light); margin-left:-2px; clip-path: polygon(100% 50%, 0 0, 0 100%); width:15px; height:15px;}
.rps-faq-sec .accordion-text{font-size:26px; font-family:var(--font-head); color:#000;}
/*FAQ CSS End */

.rock-paper-scissors-game .footer{background:#0c4b87;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .rock-paper-scissors-game .video-block{padding-bottom:26px;}
  .rock-paper-scissors-game .sec-head{margin-top:-25px;}
  .rock-paper-scissors-game .sec-head-outer{max-width:652px;}
  .rock-paper-scissors-game .sec-main-title{font-size:36px;}

  .rps-about-us-sec .about-us-text{font-size:24px;}
  .rock-paper-scissors-game .base-btn{max-width:400px;}
  .rock-paper-scissors-game .base-btn .btn-text{font-size:40px;}

  .rps-how-to-work-sec .htw-sec-head.sec-head{top:-26px;}
  .rps-how-to-work-sec .htw-sec-head .sec-head-outer{max-width:480px;}
  .rps-how-to-work-sec .htw-process-card-title{font-size:30px;}
  .rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:20px;}
  .rps-how-to-work-sec .htw-process-card-cont{min-height:auto;}
  .rps-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:42px;}
  .rps-how-to-work-sec .htw-process-wrap{border-radius:130px;}
  .rps-how-to-work-sec .htw-process-wrap-inner{border-radius:126px; padding:110px 70px 80px;}
  .rps-how-to-work-sec .htw-process-wrap-one .htw-card-icon{max-width:107px; top:40px; right:-40px;}
  .rps-how-to-work-sec .htw-card-icon img{filter:drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.4));}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-card-icon{max-width:101px; left:-40px; top:24px;}
  .rps-how-to-work-sec .htw-process-wrap-two .col-right{padding-right:42px;}
  .rps-how-to-work-sec .htw-process-wrap-three .htw-card-icon{max-width:112px; top:20px; right:-20px;}
  .rps-how-to-work-sec .showdown-card .htw-process-card-cont{min-height:auto;}
  .rps-how-to-work-sec .htw-process-category{margin-top:30px;}
  .rps-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:42px;}
  .rps-how-to-work-sec .htw-process-wrap-four .htw-process-wrap-row:nth-child(even) .col-right{padding-right:42px;}
  .htw-process-wrap-row + .htw-process-wrap-row{margin-top:70px;}
  .rps-how-to-work-sec .gameplay-loop-card .htw-process-card-cont{min-height:auto;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-card-icon{max-width:107px; top:60px; right:-40px;}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-card-icon{max-width:101px; left:-40px; top:10px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .col-right{padding-right:42px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-card-icon{max-width:112px; top:0px; right:-40px;}

  .rps-game-expectation-sec .game-expectation-sec-outer{background-size:36%, 36%;}
  .rock-paper-scissors-game .game-expectation-sec-head .sec-head-outer{max-width:652px;}
  .rps-game-expectation-sec .game-expectation-card-outer{margin-top:0px;}
  .rock-paper-scissors-game .card-head{margin-top:-18px;}
  .rock-paper-scissors-game .card-main-title{font-size:26px;}
  .rps-game-expectation-sec .game-expectation-card-body{padding:0px 40px 30px;}
  .rps-game-expectation-sec .game-expect-details-list.list-style-none .game-expect-details-item{font-size:20px;}
  .rps-game-expectation-sec .game-expect-card-fig{max-width:56%; min-height:108px; max-height:88px; margin:10px 0px;}

  .rps-game-summary-cont .game-summary-cont-outer{padding:60px 120px 50px;}
  .rps-game-summary-cont .game-summary-cont-outer:before{width:36px; left:50px;}
  .rps-game-summary-cont .game-summary-cont-outer:after{width:36px; right:50px;}
  .rps-game-summary-cont .game-summary-text{font-size:26px;}
  .game-summary-label{font-size:31px;}

  .rps-faq-sec .faq-wrap{border-radius:130px;}
  .rock-paper-scissors-game .sec-head.faq-sec-head{margin-top:-31px;}
  .rock-paper-scissors-game .faq-sec-head .sec-head-outer{max-width:341px;}

  .rps-faq-sec .faq-block{padding:0px 70px 70px;}
  .rps-faq-sec .accordion-title{font-size:26px;}
  .rps-faq-sec .accordion-head-outer{min-height:90px;}
  .rps-faq-sec .accordion-body{padding:20px 50px 14px;}
  .rps-faq-sec .question-label{height:76px; width:76px; min-width:76px; font-size:26px;}
  .rps-faq-sec .accordion-text{font-size:22px;}
  .rps-faq-sec .answer-label{font-size:26px; height:56px; width:56px; min-width:56px;}
}

@media(max-width:1280px) {
  .rock-paper-scissors-game .container{max-width:960px;}

  .rock-paper-scissors-game .nav-item-label{padding:9px 20px 11px;}

  .rock-paper-scissors-game .video-block{width:64.9%; border-radius:60px 60px 0 0; padding-bottom:23px;}
  .rock-paper-scissors-game .video-poster, .rock-paper-scissors-game .client-video{border-radius:54px 54px 0 0;}
  .rock-paper-scissors-game .sec-main-title{font-size:30px;}
  .rock-paper-scissors-game .sec-head{margin-top:-22px;}
  .rock-paper-scissors-game .sec-head-outer{max-width:562px;}

  .rps-about-us-sec .about-us-text{font-size:22px;}
  .rock-paper-scissors-game .base-btn{max-width:350px;}
  .rock-paper-scissors-game .base-btn .btn-text{font-size:36px;}

  .rps-how-to-work-sec .htw-sec-head.sec-head{top:-20px;}
  .rps-how-to-work-sec .htw-sec-head .sec-head-outer{max-width:380px;}
  .rps-how-to-work-sec .htw-process-card-cont{padding:24px 34px;}
  .rps-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:17px;}
  .rps-how-to-work-sec .htw-process-card-title-bar:after{width:80px; height:4px;}
  .rps-how-to-work-sec .htw-process-wrap .col-left{width:53%;}
  .rps-how-to-work-sec .htw-process-category{gap:0px 20px;}
  .rps-how-to-work-sec .htw-category-col{max-width:calc((100% / 3) - 14px);}
  .rps-how-to-work-sec .htw-process-wrap-one .htw-card-icon{max-width:87px; top:40px; right:-36px;}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-card-icon{max-width:81px; top:24px; left:-28px;}
  .rps-how-to-work-sec .htw-process-wrap-three .htw-card-icon{max-width:82px; top:30px; right:-36px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-card-icon{max-width:87px; top:60px; right:-36px;}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-card-icon{max-width:81px; top:4px; left:-18px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-card-icon{max-width:82px; top:20px; right:-36px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-process-category{gap:0px 28px; margin-top:50px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-category-col{max-width:calc((100% / 2) - 15px);}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-process-wrap-inner{padding:60px 50px 60px;}

  .rock-paper-scissors-game .game-expectation-sec-head .sec-head-outer{max-width:552px;}
  .rock-paper-scissors-game .card-main-title{font-size:24px; line-height:1em;}
  .rps-game-expectation-sec .game-expectation-card-body{border-radius:40px;}
  .rock-paper-scissors-game .card-head{margin-top:-16px;}
  .rps-game-expectation-sec .game-expectation-card-body{padding:0px 20px 30px;}
  .rps-game-expectation-sec .game-expect-details-list.list-style-none .game-expect-details-item{font-size:17px;}
  .rps-game-expectation-sec .game-expect-card-fig{min-height:88px;}

  .rps-game-summary-cont.game-summary-cont{margin-top:80px; border-radius:40px;}
  .rps-game-summary-cont .game-summary-text{font-size:22px;}
  .game-summary-label{font-size:24px;}

  .rps-faq-sec .faq-sec-outer{padding:180px 0 70px;}
  .rock-paper-scissors-game .faq-sec-head .sec-head-outer{max-width:321px;}
  .rock-paper-scissors-game .sec-head.faq-sec-head{margin-bottom:60px;}
  .rps-faq-sec .faq-block{padding:0px 50px 50px;}
  .rps-faq-sec .accordion-title{font-size:20px;}
  .rps-faq-sec .accordion-text{font-size:18px;}

}

@media(max-width:1023px) {
  .card-head-bg.desk-fig{display:none;}
  .card-head-bg.mob-fig{display:block;}
  .rock-paper-scissors-game .container{max-width:750px;}

  .rock-paper-scissors-game .nav-item-label{padding:9px 14px 11px;}

  .rock-paper-scissors-game .video-block{width:68.9%; border-radius:50px 50px 0 0; padding-bottom:19px;}
  .rock-paper-scissors-game .video-poster, .rock-paper-scissors-game .client-video{border-radius:44px 44px 0 0;}
  .rock-paper-scissors-game .sec-main-title{font-size:26px;}
  .rock-paper-scissors-game .sec-head{margin-top:-18px;}
  .rock-paper-scissors-game .sec-head-outer{max-width:462px;}

  .rps-about-us-sec{padding:0px 0px 40px; border-radius:80px 80px 0 0;}
  .rps-about-us-sec .about-us-text{font-size:20px; margin:30px auto 20px;}
  .rock-paper-scissors-game .base-btn{max-width:330px;}
  .rock-paper-scissors-game .base-btn .btn-text{font-size:32px;}

  .rps-how-to-work-sec{padding:55px 0px 0px;}
  .rps-how-to-work-sec .htw-sec-head.sec-head{top:-18px;}
  .rps-how-to-work-sec .htw-sec-head .sec-head-outer{max-width:340px;}
  .rps-how-to-work-sec .htw-process-card-title{font-size:22px;}
  .rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:16px;}
  .rps-how-to-work-sec .htw-process-wrap{border-radius:90px; margin-bottom:44px;}
  .rps-how-to-work-sec .htw-process-wrap-inner{border-radius:86px; padding:70px 40px 50px;}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-process-wrap-inner{padding:50px 40px 50px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-process-wrap-inner{padding:50px 40px 50px;}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-process-wrap-inner{padding:50px 40px 50px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-process-wrap-inner{padding:50px 30px 50px;}
  .rps-how-to-work-sec .htw-process-card-cont{padding:20px 23px;}
  .rps-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:20px;}
  .rps-how-to-work-sec .htw-process-wrap-two .col-right{padding-right:20px;}
  .rps-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:20px;}
  .rps-how-to-work-sec .htw-process-wrap-four .htw-process-wrap-row:nth-child(even) .col-right{padding-right:20px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .col-right{padding-right:20px;}
  .rps-how-to-work-sec .htw-process-wrap-one .htw-card-icon{max-width:67px; top:5px; right:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-card-icon{max-width:61px; top:10px; left:-15px;}
  .rps-how-to-work-sec .htw-process-wrap-three .htw-card-icon{max-width:62px; top:0px; right:-15px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-card-icon{max-width:67px; top:60px; right:-15px;}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-card-icon{max-width:61px; top:0px; left:-15px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-card-icon{max-width:62px; top:0px; right:-15px;}
  .htw-process-wrap-row + .htw-process-wrap-row{margin-top:40px;}
  .rps-how-to-work-sec .gameplay-loop-card .htw-process-card-list-block{padding:0px 30px;}
  .rps-how-to-work-sec .screen-indicators-card{margin-top:20px;}
  .indicators-icon{max-width:25px;}
  .indicators-label{font-size:16px;}

  .rock-paper-scissors-game .game-expectation-sec-head .sec-head-outer{max-width:472px;}
  .rps-game-expectation-sec .game-expectation-list{gap:0px;}
  .rps-game-expectation-sec .game-expectation-item{max-width:100%; margin-bottom:40px; padding-right:6px;}
  .rps-game-expectation-sec .game-expectation-card-body{border-radius:60px;}
  .rock-paper-scissors-game .card-main-title{font-size:20px;}
  .rock-paper-scissors-game .card-main-title br{display:none;}
  .rps-game-expectation-sec .game-expectation-card-body:before{left:auto; right:-6px; height:100%;}

  .rps-game-summary-cont .game-summary-cont-outer{padding:40px 80px 40px;}
  .rps-game-summary-cont .game-summary-cont-outer:before{width:30px; left:36px;}
  .rps-game-summary-cont .game-summary-cont-outer:after{width:30px; right:36px;}
  .rps-game-summary-cont.game-summary-cont{margin-top:40px;}
  .rps-game-summary-cont .game-summary-text{font-size:20px;}
  .game-summary-label{font-size:22px;}

  .rock-paper-scissors-game .faq-sec-head .sec-head-outer{max-width:301px;}
  .rps-faq-sec .faq-wrap{border-radius:90px;}
  .rock-paper-scissors-game .sec-head.faq-sec-head{margin-top:-28px;}
  .rps-faq-sec .faq-block{padding:0px 40px 40px;}
  .rps-faq-sec .accordion-title{font-size:18px;}
  .rps-faq-sec .accordion-text{font-size:16px;}
}

@media(min-width:768px) {
  .rock-paper-scissors-game .header{box-shadow:0px 4px 9px rgba(0, 0, 0, 0.6);}
}

@media(max-width:767px) {
  .rock-paper-scissors-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 var(--clr-dark-alt), 1px -1px 0 var(--clr-dark-alt), -1px 1px 0 var(--clr-dark-alt), -1px -1px 0 var(--clr-dark-alt), 1px 0 0 var(--clr-dark-alt), 0 1px 0 var(--clr-dark-alt), -1px 0 0 var(--clr-dark-alt);
  --shadow-btn:0 10px 4px rgba(0,0,0, 0.19);

  /* Text Shadow */
  --text-shadow:1px 1px 0 #cc0d49, 1px -1px 0 #cc0d49, -1px 1px 0 #cc0d49, -1px -1px 0 #cc0d49, 1px 0 0 #cc0d49, 0 1px 0 #cc0d49, -1px 0 0 #cc0d49, 0px 1px 2px rgba(0,0,0, 0.5);
  --text-shadow1:1px 1px 0 #0b4883, 1px -1px 0 #0b4883, -1px 1px 0 #0b4883, -1px -1px 0 #0b4883, 1px 0 0 #0b4883, 0 1px 0 #0b4883, -1px 0 0 #0b4883;
  --text-shadow-alt:1px 1px #0b4883, -1px 1px #0b4883, 1px -1px #0b4883, -1px -1px #0b4883, 0px 2px 3px rgba(0,0,0, 0.5);
  }

  .rock-paper-scissors-game .close-menu-label{color:var(--clr-primary);}
  .rock-paper-scissors-game .menu-back-icon{color:var(--clr-primary);}
  .rock-paper-scissors-game .nav-item-label{color:var(--clr-action);}

  .rock-paper-scissors-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 76%;}
  .rock-paper-scissors-game .banner-logo{margin:10px 0px 10px;}
  .rock-paper-scissors-game .banner-logo .game-logo-fig{width:32.9%;}
  .rock-paper-scissors-game .video-block{width:80.9%; border-radius:20px 20px 0 0; border-width:3px; padding-bottom:14px;} 
  .rock-paper-scissors-game .video-poster, .rock-paper-scissors-game .client-video{border-radius:14px 14px 0 0;}

  .rock-paper-scissors-game .sec-main-title{font-size:16px;}
  .rock-paper-scissors-game .sec-head-outer{max-width:282px;}
  .rps-about-us-sec{border-radius:20px 20px 0 0; padding:0px 0px 20px;}
  .rps-about-us-sec .about-us-text{font-size:14px; line-height:1.4em; margin:15px auto 0px;}
  .rock-paper-scissors-game .base-btn{max-width:160px;}
  .rock-paper-scissors-game .base-btn .btn-text{font-size:16px;}

  .rps-how-to-work-sec .htw-process-wrap{border-radius:40px; padding:3px; box-shadow:0px 2px 4px rgba(4, 47, 93, 0.36); margin-bottom:14px;}
  .rps-how-to-work-sec .htw-sec-head.sec-head{top:-11px;}
  .rock-paper-scissors-game .sec-head-bg img{filter:drop-shadow(0 3px 3px rgba(0, 0, 0, 0.4));}
  .rps-how-to-work-sec .htw-sec-head .sec-head-outer{max-width:200px;}
  .rps-how-to-work-sec .htw-process-wrap-inner{border-radius:36px; padding:40px 20px 20px;}
  .rps-how-to-work-sec .htw-process-wrap .col-left{width:100%; max-width:100%; padding-left:0px; padding-right:0px;}

  .htw-process-wrap-row{flex-wrap:wrap; flex-direction:column;}
  .rps-how-to-work-sec .container{padding:0px 14px;}
  .rps-how-to-work-sec .htw-process-wrap-one .col-right{padding:10px 16px 0px;}
  .rps-how-to-work-sec .htw-process-card-title{font-size:14px;}
  .rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:14px; margin-bottom:4px;}
  .rps-how-to-work-sec .htw-process-card-cont{padding:20px 14px 10px;}
  .rps-how-to-work-sec .htw-process-card-title-bar:after{width:40px; height:2px;}
  .rps-how-to-work-sec .htw-process-card{margin-top:0px;}
  .rps-how-to-work-sec .htw-card-icon img{filter:drop-shadow(7px 5px 4px rgba(0, 0, 0, 0.36));}
  .rps-how-to-work-sec .htw-process-wrap-one .htw-card-icon{max-width:36px; top:5px; right:0px;}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-card-icon{max-width:41px; top:7px; left:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-three .htw-card-icon{max-width:42px; top:0px; right:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-card-icon{max-width:36px; top:5px; right:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-card-icon{max-width:36px; top:-5px; left:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-card-icon{max-width:42px; top:0px; right:-10px;}
  .rps-how-to-work-sec .htw-process-wrap-two .col-left{order:2;}
  .rps-how-to-work-sec .htw-process-wrap-two .col-right{order:1;}
  .rps-how-to-work-sec .htw-process-wrap-two .col-right{padding:0px 16px 10px;}
  .rps-how-to-work-sec .htw-process-wrap-two .htw-process-wrap-inner{padding:20px 20px 20px;}
  .rps-how-to-work-sec .htw-process-wrap-three .htw-process-wrap-inner{padding:15px 10px 15px;}
  .rps-how-to-work-sec .showdown-card .htw-process-card-list-block{padding:0px;}
  .rps-how-to-work-sec .htw-process-category{gap:0px 10px; margin-top:10px;}
  .rps-how-to-work-sec .htw-category-col{max-width:calc((100% / 3) - 7px);}
  .rps-how-to-work-sec .htw-process-wrap-four .col-right{padding:10px 16px 0px;}
  .htw-process-wrap-row + .htw-process-wrap-row{margin-top:20px;}
  .rps-how-to-work-sec .htw-process-wrap-four .htw-process-wrap-row:nth-child(even) .col-right{padding:10px 16px 0px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-process-wrap-inner{padding:20px 20px 20px;}
  .rps-how-to-work-sec .gameplay-loop-card .htw-process-card-list-block{padding:0px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-process-category{flex-wrap:wrap; flex-direction:column; gap:0px; margin-top:10px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-category-col{max-width:100%;}
  .rps-how-to-work-sec .htw-category-col .right-icon{left:0; right:0; top:calc(100% + 5px); margin:0 auto; bottom:auto; transform:rotate(90deg); max-width:27px;}
  .rps-how-to-work-sec .htw-process-wrap-five .htw-category-col:first-child{margin-bottom:40px;}
  .rps-how-to-work-sec .htw-category-col .hand-icon{max-width:32px; top:calc(100% - 20px);}
  .rps-how-to-work-sec .htw-process-wrap-six .htw-process-wrap-inner{padding:20px 10px 20px;}
  .rps-how-to-work-sec .screen-indicators-card .htw-process-card-cont{width:87%; padding:15px 14px;}
  .rps-how-to-work-sec .screen-indicators-card .htw-process-card-list-block{padding:0px;}
  .indicators-type-row{flex-wrap:wrap; margin-top:20px; gap:0px;}
  .indicators-type-col + .indicators-type-col{margin-top:10px;}
  .indicators-icon{max-width:30px; height:30px;}
  .indicators-icon img{height:100%; object-fit:contain;}
  .rps-how-to-work-sec .htw-process-wrap-seven .col-left{order:2;}
  .rps-how-to-work-sec .htw-process-wrap-seven .col-right{order:1;}
  .rps-how-to-work-sec .htw-process-wrap-seven .col-right{padding:0px 16px 10px;}
  .rps-how-to-work-sec .htw-process-wrap-seven .htw-process-wrap-inner{padding:20px 20px 20px;}
  .rps-how-to-work-sec .htw-process-wrap.htw-process-wrap-seven{margin-bottom:-120px;}


  .rps-game-expectation-sec .game-expectation-sec-outer{background-size:76%, 76%; padding:120px 0px 0px; border-radius:30px; border-width:5px; left:-5px; width:calc(100% + 10px);}
  .rps-game-expectation-sec .container{padding:0px 8px;}
  .rps-game-expectation-sec .game-expectation-block{padding:0px 8px;}
  .rock-paper-scissors-game .sec-head{margin:-12px 0px 0px;}
  .rock-paper-scissors-game .game-expectation-sec-head{margin:0px 0px 20px;}
  .rock-paper-scissors-game .card-main-title{font-size:14px;}
  .rps-game-expectation-sec .game-expect-details-list.list-style-none .game-expect-details-item{font-size:14px;}
  .rps-game-expectation-sec .game-expect-card-fig{min-height:80px; max-height:80px;}
  .rps-game-expectation-sec .game-expectation-item{margin-bottom:20px;}
  .rock-paper-scissors-game .card-head-outer{max-width:210px;}
  .rock-paper-scissors-game .card-head{margin-top:-13px;}

  .rps-game-summary-cont .game-summary-cont-outer{padding:20px 30px 20px;}
  .rps-game-summary-cont.game-summary-cont{margin-top:10px; border-radius:20px;}
  .rps-game-summary-cont .game-summary-text{font-size:12px;}
  .game-summary-label{font-size:14px;}
  .rps-game-summary-cont .game-summary-cont-outer:before{width:10px; left:10px;}
  .rps-game-summary-cont .game-summary-cont-outer:after{width:10px; right:10px;}
  .card-connecting-icon{width:10px; bottom:calc(100% - 18px);}
  .card-connecting-icon img{width:100%; float:left;}

  .rps-faq-sec .faq-sec-outer{padding:160px 0 20px;}
  .rock-paper-scissors-game .faq-sec-head .sec-head-outer{max-width:120px;}
  .rock-paper-scissors-game .sec-head.faq-sec-head{margin-top:-12px; margin-bottom:10px;}
  .rps-faq-sec .faq-wrap{border-radius:40px; border-width:3px;}
  .rps-faq-sec .faq-block{padding:0px 20px 10px;}
  .rps-faq-sec .accordion-title{font-size:12px;}
  .rps-faq-sec .accordion-text{font-size:12px;}
  .rps-faq-sec .question-label, .rps-faq-sec .answer-label{height:24px; width:24px; min-width:24px; font-size:12px; margin-right:10px;}
  .rps-faq-sec .question-label:after, .rps-faq-sec .answer-label:after{width:7px; height:8px;}
  .rps-faq-sec .accordion-head-outer{min-height:40px; box-shadow:0px 3px 0px rgba(0, 0, 0, 0.4); padding:4px 10px 4px 10px; border-radius:14px;}
  .rps-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .rps-faq-sec .accordion-body:before{left:0px; width:100%; border-radius:0px 0px 14px 14px;}
  .rps-faq-sec .accordion-body{padding:10px;}
  .rps-faq-sec .accordion-item{margin-bottom:10px;}
}
@media(max-width:374px) {
  .rps-how-to-work-sec .htw-process-card-list-item, .rps-how-to-work-sec .htw-process-card-list-label{font-size:13px;}
  .rps-how-to-work-sec .htw-process-card-cont{padding:20px 10px 10px;}
  .rps-how-to-work-sec .htw-process-wrap-four .col-right{padding:10px 10px 0px;}
  .rps-game-expectation-sec .game-expectation-card-body{padding:0px 9px 30px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Rock Paper Scissors Game CSS End // ***************************** */



/* ***************************** // Word Finder Game CSS Start // ***************************** */
.word-finder-game {
/*Colors*/
--clr-base:#000;
--clr-base-light:#4290ff;
--clr-primary:#341172;
--clr-dark:#2e0d5c;
--clr-action:#1e0157;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#4290ff;
--bg-primary:#341172;
--bg-secondary:#ff9c00;
--bg-dark:#2e0d5c;
--bg-action:#458bff;

/*Border Colors*/
--bdr1:#341172;
--bdr2:#381479;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Plumpfull', sans-serif;
--font-btn:'Plumpfull', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px rgba(72,123,0, 0.31), -2px 2px rgba(72,123,0, 0.31), 2px -2px rgba(72,123,0, 0.31), -2px -2px rgba(72,123,0, 0.31), -4px 0px 8px rgba(31,102,6, 0.5);

/* Text Shadow */
--text-shadow:2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 1px 1px 5px #555;
--text-shadow-alt:1px 1px 0 #1a5999, 1px -1px 0 #1a5999, -1px 1px 0 #1a5999, -1px -1px 0 #1a5999, 1px 0 0 #1a5999, 0 1px 0 #1a5999, -1px 0 0 #1a5999;
}

.word-finder-game .highlight-text{color:var(--clr-base-light);}

.word-finder-game .base-btn{display:inline-flex; align-items:center; justify-content:center; max-width:450px; width:100%;}
.word-finder-game .base-btn .btn-text{font-size:54px; font-weight:normal; color:var(--clr-action-alt); text-shadow:var(--shadow-text); font-family:var(--font-btn);}
.word-finder-game .btn-bg img{filter:inherit;}

.word-finder-game .nav-item-label{padding:10px 28px 12px; font-family:var(--font-head); font-weight:normal; color:var(--clr-action);}
@media (hover: hover) {
  .word-finder-game .active .nav-item-label, .word-finder-game .nav-item-label:hover{color:var(--clr-action-alt); background:linear-gradient(to top, rgba(76,150,255,1) 8%,rgba(41,184,229,1) 122%,rgba(69,139,255,1) 98%); box-shadow:0px 1px 20px rgba(6, 56, 146, 0.68) inset; text-shadow:var(--text-shadow-alt);}
}

.word-finder-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.word-finder-game .banner-sec-outer{background:transparent; padding:0px;}
.word-finder-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.word-finder-game .banner-logo .game-logo-fig{max-width:28%; margin:25px 0px 20px;}

.word-finder-game .banner-sec-video{background:transparent; margin-bottom:-130px;}
.word-finder-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; --radius:26px;}
.word-finder-game .video-block{max-width:59.3%; margin:0 auto; border-radius:var(--radius); background:#fff; padding:20px; overflow:inherit; box-shadow:0px 0px 38px rgba(217, 183, 255, 0.7), 0px 3px 87px rgba(87, 48, 190, 0.7);}
.word-finder-game .video-iframe{padding-bottom:56.5%; box-shadow:0px 0px 30px rgba(63, 24, 163, 0.62); border-radius:calc(var(--radius) - 12px);}
.word-finder-game .video-poster, .word-finder-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 12px);}

.word-finder-about-us-sec .about-us-sec-outer{background:#f4f1ff var(--about-us-bg) no-repeat bottom center; background-size:cover; padding:200px 0px 70px;}
.word-finder-game .sec-head{position:relative; z-index:1; margin-bottom:50px;}
.word-finder-game .sec-main-title{color:var(--clr-primary); font-family:var(--font-head); font-weight:normal; text-transform:uppercase; font-size:60px; text-align:center; display:inline-block; position:relative; padding-bottom:20px; min-width:250px;}
.word-finder-game .sec-main-title:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; display:block; width:250px; height:6px; background:var(--bg-primary);}
.word-finder-game .about-sec-head{margin-bottom:30px;}
.word-finder-game .about-sec-head .sec-main-title{font-size:70px;}
.word-finder-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.word-finder-about-us-sec .about-us-text{float:left; width:100%; text-align:center; font-size:35px; font-weight:bold; color:var(--clr-dark); margin:0px auto 20px;}
.word-finder-about-us-sec .about-us-btn-bar{margin:20px auto 0px;}
.word-finder-about-us-sec .about-us-content{position:relative;}
.spiral-icon-fig{position:absolute; bottom:-170px; left:-50px; float:left; max-width:203px;}
.spiral-icon-fig{float:left; width:100%;}

/* How to Work CSS Start */
.word-finder-htw-sec{padding:40px 0px 70px;}

.htw-process-line-icon-block{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.htw-process-line-icon-block-outer{float:left; width:100%; max-width:880px; display:flex; justify-content:flex-end; position:relative;}
.word-finder-htw-sec .htw-process-card-outer{background:#fff; padding:10px; border-radius:40px; box-shadow:0px 2px 61px rgba(140, 81, 253, 0.5);}
.word-finder-htw-sec .htw-process-card-cont{background:linear-gradient(to top, rgba(255,156,0,1) 9%,rgba(255,225,0,1) 112%,rgba(255,156,0,1) 97%); box-shadow:0px 1px 20px rgba(217, 79, 0, 0.68) inset; border-radius:30px; padding:0px;}
.word-finder-htw-sec .htw-process-card-title-bar{display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; margin:0 auto; top:-45px;}
.word-finder-htw-sec .htw-process-card-title{font-size:30px; font-weight:normal; text-align:center; border-radius:50px; border:10px solid #fff; padding:10px 30px 15px; text-transform:inherit; display:inline-block; background:linear-gradient(to top, rgba(122,75,231,1) 8%,rgba(159,117,255,1) 112%,rgba(137,88,249,1) 98%); box-shadow:0px 1px 20px rgba(6, 56, 146, 0.68) inset; min-width:62%;}
.word-finder-htw-sec .htw-process-card-list-label{text-shadow:var(--text-shadow); font-size:50px; color:var(--clr-base); font-family:var(--font-head); text-align:center;}
.word-finder-htw-sec .htw-process-card-list-item{font-size:28px; color:var(--clr-base);font-weight:500; text-align:center;}
.word-finder-htw-sec .htw-process-card-list-block{margin-top:10px;}
.word-finder-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.word-finder-htw-sec .htw-process-card:before, .word-finder-htw-sec .htw-process-card:after{display:none;}
.word-finder-htw-sec .htw-process-card-outer:before, .word-finder-htw-sec .htw-process-card-outer:after{display:none;}
.word-finder-htw-sec .htw-process-card-body{padding:40px 40px;}
.word-finder-htw-sec .htw-process-theme:after{display:none;}

.word-finder-htw-sec .htw-process-card:after{content:""; display:block; width:18px; min-width:18px; height:210px; position:absolute; top:calc(100% + 24px); left:0; right:0; margin:0 auto; background:url(../images/word-finder/dashed-line-vertical-top.webp) no-repeat top center; z-index:1;}
.htw-process-line-icon-block{margin-top:52px;}
.htw-process-line-icon-block-outer:before{content:""; display:block; width:100%; height:4px; position:absolute; top:calc(50% - 2px); left:0; background:url(../images/word-finder/dashed-line-h.webp) no-repeat center left;}
.word-finder-htw-sec .htw-process-icon-fig{float:left; width:100%; max-width:68px; position:relative; z-index:2;}
.word-finder-htw-sec .htw-process-icon-fig img{float:left; width:100%;}
.htw-process-icon-fig:after{content:""; display:block; width:21px; height:166px; position:absolute; top:calc(100% + 2px); left:0; right:0; margin:0 auto; background:url(../images/word-finder/dashed-line-vertical-bottom.webp) no-repeat bottom center; z-index:1;}

.word-finder-htw-sec .how-to-work-process{background:#fff var(--htw-sec-bg) no-repeat bottom center; background-size:contain;}
.word-finder-htw-sec .htw-process-wrap .col-left{max-width:49.6%; padding:0px;}
.word-finder-htw-sec .htw-process-wrap-one{flex-direction:row-reverse;}
.word-finder-htw-sec .htw-process-wrap-one .col-left{margin-right:-5.8%; max-width:62.4%; position:relative;}
.word-finder-htw-sec .htw-process-wrap-one .col-right{padding-left:0px; padding-right:40px;}
.word-finder-htw-sec .htw-process-wrap-one .htw-process-theme img{filter:inherit;}

.word-finder-htw-sec .how-to-work-process-sec-two{background-position:top center;}
.word-finder-htw-sec .htw-process-wrap-two{flex-direction:row; padding:40px 0px;}
.word-finder-htw-sec .htw-process-wrap-two .col-right{padding:0px 0px 0px 140px;}
.word-finder-htw-sec .htw-process-theme img{filter:drop-shadow(0px 16px 27px rgba(87, 48, 190, 0.69));}
.word-finder-htw-sec .htw-process-wrap-two .htw-process-line-icon-block-outer{justify-content:flex-start;}
.word-finder-htw-sec .htw-process-wrap-two .htw-process-card:after{top:calc(100% + 40px); height:222px;}

.word-finder-htw-sec .how-to-work-process-sec-three{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-three{flex-direction:row-reverse; padding:40px 0px;}
.word-finder-htw-sec .htw-process-wrap-three .col-right{padding:0px 140px 0px 0px;}
.word-finder-htw-sec .htw-process-wrap-three .htw-process-icon-fig:after{height:190px;}

.word-finder-htw-sec .how-to-work-process-sec-three{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-four{flex-direction:row; padding:40px 0px;}
.word-finder-htw-sec .htw-process-wrap-four .col-right{padding:0px 0px 0px 140px;}
.word-finder-htw-sec .htw-process-wrap-four .htw-process-icon-fig:after{height:150px;}
.word-finder-htw-sec .htw-process-wrap-four .htw-process-line-icon-block-outer{justify-content:flex-start;}
.word-finder-htw-sec .htw-process-wrap-four .htw-process-card:after{top:calc(100% + 40px);}

.word-finder-htw-sec .how-to-work-process-sec-five{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:40px 0px 10px;}
.word-finder-htw-sec .htw-process-wrap-five .col-right{padding:0px 140px 0px 0px; max-width:100%; margin:0px;}
.word-finder-htw-sec .word-formation-card .htw-process-card-body{padding:40px 30px;}
.word-finder-htw-sec .htw-process-wrap-five .htw-process-card:after{height:174px;}
.word-finder-htw-sec .htw-process-wrap-five .htw-process-icon-fig:after{height:150px;}

.word-finder-htw-sec .how-to-work-process-sec-six{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-six{padding:40px 0px 0px;}
.word-finder-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 0px 140px;}
.word-finder-htw-sec .htw-process-wrap-six .htw-process-line-icon-block-outer{justify-content:flex-start;}
.word-finder-htw-sec .htw-process-wrap-six .htw-process-card:after{top:calc(100% + 24px); height:222px;}
.word-finder-htw-sec .htw-process-wrap-six .htw-process-icon-fig:after{height:224px;}

.word-finder-htw-sec .how-to-work-process-sec-seven{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-seven{flex-direction:row-reverse; padding:100px 0px 30px;}
.word-finder-htw-sec .htw-process-wrap-seven .col-right{padding:0px 140px 0px 0px; max-width:100%; margin:0px;}
.word-finder-htw-sec .htw-process-wrap-seven .htw-process-card:after{top:calc(100% + 54px);}

.word-finder-htw-sec .how-to-work-process-sec-eight{background-position:top center;}
.word-finder-htw-sec .htw-process-wrap-eight{padding:40px 0px 30px;}
.word-finder-htw-sec .htw-process-wrap-eight .col-right{padding:0px 0px 0px 140px;}
.word-finder-htw-sec .htw-process-wrap-eight .htw-process-card:after{top:calc(100% + 26px); height:222px;}
.word-finder-htw-sec .game-summary-card .htw-process-card-body{padding:20px 20px;}
.word-finder-htw-sec .htw-process-wrap-eight .htw-process-line-icon-block-outer{justify-content:flex-start;}
.word-finder-htw-sec .htw-process-wrap-eight .htw-process-icon-fig:after{height:200px;}

.word-finder-htw-sec .how-to-work-process-sec-nine{background-position:center center;}
.word-finder-htw-sec .htw-process-wrap-nine{flex-direction:row-reverse; padding:40px 0px 0px;}
.word-finder-htw-sec .htw-process-wrap-nine .col-right{padding:0px 140px 0px 0px;}
.word-finder-htw-sec .htw-process-wrap-nine .htw-process-card:after{display:none;}

.word-finder-htw-sec .chose-grid-card .htw-process-card-body{padding:45px 10px 40px;}
.word-finder-htw-sec .earn-points-card .htw-process-card-body{padding:40px 20px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.word-finder-game-expec-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat top center; background-size:cover; padding:40px 0px 110px;}
.word-finder-game-expec-sec .game-expectation-sec-head .sec-main-title{color:#fff;}
.word-finder-game .game-expectation-sec-head .sec-main-title:after{background:#fff;}
.word-finder-game-expec-sec .game-expectation-list{gap:0px 30px;}
.word-finder-game-expec-sec .game-expectation-item{max-width:calc((100% / 4) - 23px); margin:10px auto 0px;}
.word-finder-game-expec-sec .game-expectation-card-outer{background:transparent; border-radius:0px; padding:0px; margin:0px;}
.word-finder-game-expec-sec .game-expectation-card-body{background:#eef5ff; padding:15px 10px 20px 20px; border-radius:10px; border:5px solid #7c5efc; box-shadow:0px 2px 25px rgba(0, 50, 133, 0.72);}
.word-finder-game-expec-sec .game-expect-icon-block{top:0px; margin:0px 0px 20px; justify-content:flex-start;}
.word-finder-game-expec-sec .game-expect-card-fig{max-width:136px; border-radius:100%; border:5px solid #fff;}
.word-finder-game-expec-sec .game-expect-card-title{font-size:24px; color:var(--clr-dark); text-transform:uppercase; text-align:left; min-height:58px;}
.word-finder-game-expec-sec .game-expect-details-item{font-size:18px; font-weight:500;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.word-finder-summary-sec .game-summary-sec-outer{background:#e1dfff; padding:60px 0px;}
.word-finder-summary-sec .game-summary-text{font-family:var(--font-base); font-size:40px; font-weight:700; color:var(--clr-dark); max-width:100%;}
.word-finder-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.word-finder-faq-sec .faq-sec-outer{background:#fff var(--faq-bg) no-repeat center center; padding:50px 0px 90px;}
.word-finder-faq-sec .accordion-head{padding:0px;}
.word-finder-faq-sec .accordion-head-outer{background:var(--bg-dark); box-shadow:none; border-radius:0px; min-height:100px; padding:10px 10px 10px 50px;}
.word-finder-faq-sec .accordion-item{margin-bottom:18px;}
.word-finder-faq-sec .accordion-card{padding:0px; border:0px; background:transparent;}
.word-finder-faq-sec .accordion-title{font-size:30px; color:#fff; text-transform:uppercase;}
.word-finder-faq-sec .accordion-body{background:#eef5ff; padding:0 50px 0 88px;}
.word-finder-faq-sec .accordion-cont-bar{min-height:134px; padding:15px 0px;}
.word-finder-faq-sec .accordion-text{font-size:30px; font-weight:700; color:var(--clr-dark);}
.word-finder-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#fff;}
/*FAQ CSS End */

.word-finder-game .footer{background:#211136;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .word-finder-game .about-sec-head .sec-main-title{font-size:58px;}
  .word-finder-game .sec-main-title:after{width:200px;}
  .word-finder-about-us-sec .about-us-text{font-size:28px;}
  .word-finder-game .base-btn{max-width:400px;}
  .word-finder-game .base-btn .btn-text{font-size:44px;}
  .spiral-icon-fig{bottom:-150px; left:0px; max-width:153px;}

  .word-finder-game .sec-main-title{font-size:52px;}
  .word-finder-htw-sec .htw-process-card-title{font-size:24px;}
  .word-finder-htw-sec .htw-process-card-list-label{font-size:38px;}
  .word-finder-htw-sec .htw-process-card-body{padding:40px 30px;}
  .word-finder-htw-sec .htw-process-wrap-one .col-right{padding-right:10px;}
  .word-finder-htw-sec .htw-process-wrap-one .col-left{margin-right:-2.8%;}
  .htw-process-line-icon-block{padding:0 0 0 64px;}
  .htw-process-line-icon-block-outer{max-width:774px;}
  .word-finder-htw-sec .htw-process-card:after{height:172px;}
  .word-finder-htw-sec .htw-process-card-list-item{font-size:22px;}
  .htw-process-icon-fig:after{height:136px;}
  .word-finder-htw-sec .htw-process-wrap-two .col-right{padding:0px 0px 0px 100px;}
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-line-icon-block{padding:0px 64px 0 0;}
  .word-finder-htw-sec .chose-grid-card .htw-process-card-body{padding:25px 10px 30px; min-height:auto;}
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-card:after{top:calc(100% + 25px); left:20px; height:198px;}
  .word-finder-htw-sec .htw-process-wrap-three .col-right{padding:0px 100px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-four .col-right{padding:0px 0px 0px 100px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-icon-fig:after{height:113px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-card:after{height:166px; right:20px;}
  .word-finder-htw-sec .htw-process-wrap-four{padding:0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-card:after{top:calc(100% + 27px); left:20px;}
  .word-finder-htw-sec .htw-process-wrap-five .col-right{padding:0px 100px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-icon-fig:after{height:76px;}
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-line-icon-block{padding:0px 64px 0 0;}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-card:after{height:138px; right:20px;}
  .word-finder-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 0px 100px;}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-icon-fig:after{height:108px;}
  .word-finder-htw-sec .earn-points-card .htw-process-card-body{padding:22px 20px 30px; min-height:auto;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-card:after{height:194px; left:20px;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-line-icon-block{padding:0px 64px 0 0;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-icon-fig:after{height:164px;}
  .word-finder-htw-sec .htw-process-wrap-seven .col-right{padding:0px 100px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-card:after{top:calc(100% + 24px); right:20px; height:192px;}
  .word-finder-htw-sec .htw-process-wrap-eight .col-right{padding:0px 0px 0px 100px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-icon-fig:after{height:132px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-line-icon-block{padding:0px 64px 0 0;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-card:after{top:calc(100% + 18px); left:20px; height:192px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-icon-fig:after{height:140px;}
  .word-finder-htw-sec .htw-process-wrap-nine .col-right{padding:0px 100px 0px 0px;}
  .word-finder-htw-sec .htw-btn-bar{margin-top:66px;}


  .word-finder-game-expec-sec .game-expect-card-fig{max-width:116px;}
  .word-finder-game-expec-sec .game-expect-card-title{font-size:19px; min-height:46px;}
  .word-finder-game-expec-sec .game-expectation-card-body{padding:15px 10px 20px 15px;}
  .word-finder-game-expec-sec .game-expectation-list{gap:0px 24px;}
  .word-finder-game-expec-sec .game-expectation-item{max-width:calc((100% / 4) - 18px);}

  .word-finder-summary-sec .game-summary-text{font-size:30px;}

  .word-finder-faq-sec .faq-sec-outer{padding:50px 0px 70px; background-size:cover;}
  .word-finder-faq-sec .accordion-head-outer{min-height:90px;}
  .word-finder-faq-sec .accordion-title{font-size:26px;}
  .word-finder-faq-sec .accordion-text{font-size:26px;}
}

@media(max-width:1280px) {
  .word-finder-game .container{max-width:960px;}

  .word-finder-game .nav-item-label{padding:9px 20px 11px; font-size:17px;}
  .word-finder-game .banner-sec-video{margin-bottom:-110px;}
  .word-finder-game .video-block{padding:14px; box-shadow:0px 0px 26px rgba(217, 183, 255, 0.7), 0px 3px 67px rgba(87, 48, 190, 0.7);}
  .word-finder-game .video-iframe{box-shadow:0px 0px 20px rgba(63, 24, 163, 0.62);}
  .word-finder-about-us-sec .about-us-sec-outer{padding:160px 0px 50px;}
  .word-finder-game .about-sec-head .sec-main-title{font-size:46px;}
  .word-finder-game .sec-main-title:after{width:180px;}
  .word-finder-about-us-sec .about-us-text{font-size:25px;}
  .word-finder-game .base-btn{max-width:360px;}
  .word-finder-game .base-btn .btn-text{font-size:38px;}
  .spiral-icon-fig{bottom:-124px; left:0px; max-width:113px;}

  .word-finder-game .sec-main-title{font-size:44px;}
  .word-finder-htw-sec .htw-process-card-title{font-size:22px; padding:10px 20px 11px;}
  .word-finder-htw-sec .htw-process-card-list-label{font-size:32px;}
  .word-finder-htw-sec .htw-process-card-list-item{font-size:18px;}
  .word-finder-htw-sec .play-again-card .htw-process-card-list-item{font-size:17px;}
  .word-finder-htw-sec .htw-process-card-body{padding:30px 10px 25px; min-height:auto;}
  .htw-process-line-icon-block{padding:0 0 0 64px;}
  .htw-process-line-icon-block-outer{max-width:626px;}
  .word-finder-htw-sec .htw-process-card:after{height:147px; transform:inherit;}
  .htw-process-icon-fig:after{height:106px;}
  .word-finder-htw-sec .htw-process-wrap-two .col-right{padding:0px 0px 0px 60px;}
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-card:after{top:calc(100% + 22px); left:32px; height:174px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-card:after{height:150px; right:30px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-icon-fig:after{height:106px;}
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-card:after{top:calc(100% + 18px); left:30px; height:180px;}
  .word-finder-htw-sec .htw-process-wrap-three .col-right{padding:0px 60px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-four .col-right{padding:0px 0px 0px 60px;}
  .word-finder-htw-sec .htw-process-wrap-five .col-right{padding:0px 60px 0px 0px;}
  .word-finder-htw-sec .word-formation-card .htw-process-card-body{padding:30px 20px;}
  .word-finder-htw-sec .htw-process-card-list.list-style-none{margin-top:0px;}
  .word-finder-htw-sec .htw-process-wrap-five{padding:50px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-card:after{height:134px; right:40px;}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-icon-fig:after{height:96px;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-card:after{height:180px; left:30px; top:calc(100% + 8px);}
  .word-finder-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 0px 60px;}
  .word-finder-htw-sec .htw-process-wrap-seven{padding:50px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-seven .col-right{padding:0px 60px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-icon-fig:after{height:118px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-card:after{height:182px; top:calc(100% + 10px); right:30px;}
  .word-finder-htw-sec .htw-process-wrap-eight .col-right{padding:0px 0px 0px 60px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-icon-fig:after{height:126px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-card:after{top:calc(100% + 10px); left:30px; height:174px;}
  .word-finder-htw-sec .htw-process-wrap-eight{padding:40px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-icon-fig:after{height:120px;}
  .word-finder-htw-sec .htw-process-wrap-nine .col-right{padding:0px 50px 0px 0px;}


  .word-finder-game-expec-sec .game-expectation-sec-outer{padding:30px 0px 50px;}
  .word-finder-game .sec-head{margin-bottom:30px;}
  .word-finder-game-expec-sec .game-expectation-list{gap:20px 30px;}
  .word-finder-game-expec-sec .game-expectation-item{max-width:calc((100% / 2) - 15px);}
  .word-finder-game-expec-sec .game-expect-card-fig{max-width:96px;}
  .word-finder-game-expec-sec .game-expect-card-title{font-size:18px; margin-bottom:10px; min-height:auto;}
  .word-finder-game-expec-sec .game-expect-details-item{font-size:15px;}

  .word-finder-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .word-finder-summary-sec .game-summary-text{font-size:24px;}

  .word-finder-faq-sec .faq-sec-outer{padding:40px 0px 50px; background-size:100%;}
  .word-finder-faq-sec .accordion-head-outer{min-height:76px;}
  .word-finder-faq-sec .accordion-title{font-size:22px;}
  .word-finder-faq-sec .accordion-text{font-size:22px;}
  .word-finder-faq-sec .accordion-cont-bar{min-height:104px;}

}

@media(max-width:1023px) {
  .word-finder-game .container{max-width:750px;}

  .word-finder-game .nav-item-label{padding:9px 14px 11px; font-size:15px;}
  .word-finder-game .banner-sec-video{margin-bottom:-80px;}
  .word-finder-about-us-sec .about-us-sec-outer{background-size:100%; padding:120px 0px 40px;}
  .word-finder-game .about-sec-head .sec-main-title{font-size:38px;}
  .word-finder-game .sec-main-title:after{width:150px; height:5px;}
  .word-finder-about-us-sec .about-us-text{font-size:20px;}
  .spiral-icon-fig{bottom:-80px; left:0px; max-width:80px;}

  .word-finder-game .sec-main-title{font-size:36px; padding-bottom:15px;}
  .word-finder-htw-sec .htw-process-card-outer{padding:6px; border-radius:35px;}
  .word-finder-htw-sec .htw-process-card-title-bar{top:-28px;}
  .word-finder-htw-sec .htw-process-card-title{font-size:19px; padding:10px 15px 11px; border:5px solid #fff;}
  .word-finder-htw-sec .htw-process-card-list-label{font-size:28px;}
  .word-finder-htw-sec .htw-process-card-list-item{font-size:15px;}
  .word-finder-htw-sec .play-again-card .htw-process-card-list-item{font-size:15px;}
  .word-finder-htw-sec .htw-process-card-body{padding:30px 6px 20px; min-height:auto;}
  .htw-process-line-icon-block{padding:0 0 0 64px;}
  .htw-process-line-icon-block-outer{max-width:476px;}
  .word-finder-htw-sec .htw-process-card:after{height:98px; transform:inherit;}
  .htw-process-icon-fig:after{height:82px;}
  .word-finder-htw-sec .htw-process-wrap-one .col-left{margin-right:-1.8%; max-width:56.4%;}
  .word-finder-htw-sec .htw-process-wrap-two .col-right{padding:0px 0px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-card:after{top:calc(100% + 14px); left:13px; height:150px;}
  .word-finder-htw-sec .htw-process-wrap-three{padding:20px 0px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-card:after{height:120px; right:14px;}
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-icon-fig:after{height:58px;}
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-card:after{top:calc(100% + 10px); left:13px; height:144px;}
  .word-finder-htw-sec .htw-process-wrap-three .col-right{padding:0px 30px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-four .col-right{padding:0px 0px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-five .col-right{padding:40px 30px 0px 0px;}
  .word-finder-htw-sec .word-formation-card .htw-process-card-body{padding:30px 20px;}
  .word-finder-htw-sec .htw-process-card-list.list-style-none{margin-top:0px;}
  .word-finder-htw-sec .htw-process-wrap-five{padding:50px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-card:after{height:102px; right:30px; top:calc(100% + 10px);}
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-icon-fig:after{height:86px;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-card:after{height:154px; left:30px; top:calc(100% + 8px);}
  .word-finder-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-seven{padding:30px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-seven .col-right{padding:0px 30px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-icon-fig:after{height:70px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-card:after{height:150px; top:calc(100% + 10px); right:30px;}
  .word-finder-htw-sec .htw-process-wrap-eight .col-right{padding:0px 0px 0px 30px;}
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-icon-fig:after{height:106px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-card:after{top:calc(100% + 10px); left:30px; height:150px;}
  .word-finder-htw-sec .htw-process-wrap-eight{padding:40px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-icon-fig:after{height:84px;}
  .word-finder-htw-sec .htw-process-wrap-nine .col-right{padding:0px 30px 0px 0px;}

  .word-finder-summary-sec .game-summary-text{font-size:21px;}

  .word-finder-faq-sec .accordion-item{margin-bottom:10px;}
  .word-finder-faq-sec .accordion-head-outer{min-height:64px;}
  .word-finder-faq-sec .accordion-title{font-size:19px;}
  .word-finder-faq-sec .accordion-text{font-size:19px;}
  .word-finder-faq-sec .accordion-cont-bar{min-height:86px;}
}

@media(max-width:767px) {
  .word-finder-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px rgba(72,123,0, 0.31), -1px 1px rgba(72,123,0, 0.31), 1px -1px rgba(72,123,0, 0.31), -1px -1px rgba(72,123,0, 0.31), -4px 0px 8px rgba(31,102,6, 0.5);

  /* Text Shadow */
  --text-shadow:1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 1px 1px 5px #555;
  }

  .word-finder-game .close-menu-label{color:var(--clr-primary);}
  .word-finder-game .menu-back-icon{color:var(--clr-primary);}
  .word-finder-game .nav-item-label{color:var(--clr-action);}

  .word-finder-game .banner-logo .game-logo-fig{max-width:38%; margin:15px 0px 10px;}
  .word-finder-game .banner-sec-video{margin-bottom:-50px;}
  .word-finder-game .banner-video-outer{--radius:8px;}
  .word-finder-game .video-block{max-width:86%; padding:6px; box-shadow:0px 0px 16px rgba(217, 183, 255, 0.7), 0px 3px 27px rgba(87, 48, 190, 0.7);}
  .word-finder-game .video-iframe{box-shadow:0px 0px 10px rgba(63, 24, 163, 0.62); border-radius:calc(var(--radius) - 2px);}
  .word-finder-game .video-poster, .word-finder-game .client-video{border-radius:calc(var(--radius) - 2px);}

  .word-finder-about-us-sec .about-us-sec-outer{padding:70px 0px 20px;}
  .word-finder-game .about-sec-head .sec-main-title{font-size:20px;}
  .word-finder-game .sec-main-title:after{width:100px; height:3px;}
  .word-finder-about-us-sec .about-us-text{font-size:16px;}
  .spiral-icon-fig{bottom:-40px; left:30px; max-width:40px;}
  .word-finder-about-us-sec .about-us-btn-bar{margin:0px auto;}
  .word-finder-game .base-btn{max-width:182px;}
  .word-finder-game .base-btn .btn-text{font-size:19px;}

  .word-finder-game .sec-head{margin-bottom:15px;}
  .word-finder-game .sec-main-title{font-size:20px; padding-bottom:6px;}
  .word-finder-htw-sec{padding:20px 0px 30px;}

  .word-finder-htw-sec .htw-process-card-title-bar{top:-24px;}
  .word-finder-htw-sec .htw-process-card-title{font-size:16px; padding:7px 15px 8px; border:4px solid #fff;}
  .word-finder-htw-sec .htw-process-card-outer{padding:4px; border-radius:25px;}
  .word-finder-htw-sec .htw-process-card-cont{border-radius:21px;}
  .word-finder-htw-sec .htw-process-card-list-label{font-size:26px; margin-top:5px;}
  .word-finder-htw-sec .htw-process-card-list-item{margin-bottom:0px;}
  .word-finder-htw-sec .htw-process-card-body{padding:20px 10px 20px; min-height:auto;}
  .word-finder-htw-sec .chose-grid-card .htw-process-card-body{padding:25px 10px 20px;}
  .word-finder-htw-sec .word-formation-card .htw-process-card-body{padding:20px 24px 20px;}
  .word-finder-htw-sec .htw-process-wrap .col-left{margin:28px 0px 0px; max-width:100%; padding:0px; order:2;}
  .word-finder-htw-sec .htw-process-wrap .col-right{margin:38px 0px 0px; max-width:100%; padding:0px; order:1;}
  .word-finder-htw-sec .htw-process-wrap .htw-process-line-icon-block{order:3;}
  .word-finder-htw-sec .htw-process-theme img{filter:drop-shadow(0px 6px 10px rgba(87, 48, 190, 0.69));}
  .word-finder-htw-sec .htw-process-card-outer{box-shadow:0px 2px 10px rgba(140, 81, 253, 0.4);}
  .word-finder-htw-sec .htw-process-wrap-three{padding:40px 0px 20px;}

  .word-finder-htw-sec .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-three .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-card:after,
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-card:after, 
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-card:after{background:url(../images/word-finder/dashed-line-vertical-top-mob.webp) no-repeat top center; background-size:10px; height:26px; width:10px; left:0; right:0; top:calc(100% + 4px);}

  .htw-process-line-icon-block, .word-finder-htw-sec .htw-process-wrap .htw-process-line-icon-block{padding:0px; margin:10px auto -15px;}
  .htw-process-line-icon-block-outer, .word-finder-htw-sec .htw-process-wrap-two .htw-process-line-icon-block-outer, 
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-line-icon-block-outer, 
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-line-icon-block-outer, 
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-line-icon-block-outer{max-width:100%; justify-content:center;}

  .word-finder-htw-sec .htw-process-icon-fig{max-width:28px;}
  .htw-process-line-icon-block-outer:before{background:url(../images/word-finder/dashed-line-v.webp) no-repeat top center; background-size:10px; height:10px; width:10px; bottom:calc(100% + 1px); left:0; right:0; margin:0 auto; top:auto;}

  .htw-process-icon-fig:after, .word-finder-htw-sec .htw-process-wrap-three .htw-process-icon-fig:after, 
  .word-finder-htw-sec .htw-process-wrap-four .htw-process-icon-fig:after,
  .word-finder-htw-sec .htw-process-wrap-five .htw-process-icon-fig:after, 
  .word-finder-htw-sec .htw-process-wrap-six .htw-process-icon-fig:after, 
  .word-finder-htw-sec .htw-process-wrap-seven .htw-process-icon-fig:after, 
  .word-finder-htw-sec .htw-process-wrap-eight .htw-process-icon-fig:after{background:url(../images/word-finder/dashed-line-vertical-bottom-mob.webp) no-repeat bottom center; background-size:12px; height:22px; width:12px; top:calc(100% + 1px);}

  .word-finder-htw-sec .how-to-work-process{background:#fff;}
  .word-finder-htw-sec .how-to-work-process-sec-two, 
  .word-finder-htw-sec .how-to-work-process-sec-four, 
  .word-finder-htw-sec .how-to-work-process-sec-six, 
  .word-finder-htw-sec .how-to-work-process-sec-eight{background:#eef5ff;}

  .word-finder-htw-sec .htw-process-wrap-two{padding:40px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-two .htw-process-line-icon-block{padding:0px; margin:10px auto -15px;}
  .word-finder-htw-sec .htw-process-wrap-four{padding:24px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-five{padding:40px 0px 0px;}
  .word-finder-htw-sec .htw-process-wrap-six, .word-finder-htw-sec .htw-process-wrap-seven{padding:44px 0px 0px;}

  .word-finder-htw-sec .htw-btn-bar{margin-top:30px;}


  .word-finder-game-expec-sec .game-expectation-sec-outer{padding:20px 0px 10px;}
  .word-finder-game-expec-sec .game-expectation-list{gap:0px; display:flex;}
  .word-finder-game-expec-sec .game-expectation-item{margin:0px;}
  .word-finder-game-expec-sec .game-expectation-card-body{padding:10px 10px 10px; border-width:3px;}
  .word-finder-game-expec-sec .game-expect-card-title{font-size:16px;}
  .word-finder-game-expec-sec .game-expect-details-item{font-size:14px;}
  .word-finder-game-expec-sec .game-expect-card-fig{border-width:3px; max-width:68px;}
  .word-finder-game .owl-carousel .owl-dots{margin-top:15px;}
  .word-finder-game .owl-carousel .owl-dot span{border:none; width:12px; height:12px; background:#7c5efc;}
  .word-finder-game .owl-carousel .owl-dot.active span{background:#fff;}

  .word-finder-summary-sec .game-summary-sec-outer{padding:30px 0px;}
  .word-finder-summary-sec .game-summary-text{font-size:16px;}
  .word-finder-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .word-finder-faq-sec .faq-sec-outer{padding:20px 0px 20px; background:#fff var(--faq-bg-mob) no-repeat top center; background-size:cover;}
  .word-finder-faq-sec .faq-block{padding:0px 0px;}
  .word-finder-faq-sec .accordion-head-outer{min-height:40px; padding:6px 10px 6px 10px;}
  .word-finder-faq-sec .accordion-title{font-size:11px;}
  .word-finder-faq-sec .accordion-text{font-size:13px;}
  .word-finder-faq-sec .accordion-cont-bar{min-height:66px; padding:10px 0px;}
  .word-finder-faq-sec .accordion-body{padding:0 20px 0 23px;}
  
}

@media (min-width:414px) and (max-width:767px) and (orientation:portrait) {
  .word-finder-htw-sec .earn-points-card .htw-process-card-body{padding:22px 8px 20px;}
  .word-finder-htw-sec .precision-matters-card .htw-process-card-body{padding:22px 4px 20px;}
}

/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Word Finder Game CSS End // ***************************** */




/* ***************************** // Cryptic Cards Game CSS Start // ***************************** */
.cryptic-cards-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#b60433;
--clr-dark:#06573d;
--clr-dark-alt:#42137b;
--clr-action:#b60433;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#234a97;
--bg-primary:#b60433;
--bg-secondary:#ffc000;
--bg-dark:#632788;
--bg-action:#b60433;

/*Border Colors*/
--bdr1:#b60433;
--bdr2:#040c32;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Roboto', sans-serif;
--font-btn:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #00ffae, 2px -2px 0 #00ffae, -2px 2px 0 #00ffae, -2px -2px 0 #00ffae, 2px 0 0 #00ffae, 0 2px 0 #00ffae, -2px 0 0 #00ffae;

/* Text Shadow */
--text-shadow:1px 1px 0 #480505, 1px -1px 0 #480505, -1px 1px 0 #480505, -1px -1px 0 #480505, 1px 0 0 #480505, 0 1px 0 #480505, -1px 0 0 #480505;
}

.cryptic-cards-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.cryptic-cards-game .btn-bg{float:left; width:100%;}
.cryptic-cards-game .btn-bg img{float:left; width:100%; filter:inherit;}
.cryptic-cards-game .btn-text{width:100%; height:100%; float:left; color:var(--clr-dark); font-size:60px; font-family:var(--font-btn); text-transform:uppercase; position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.cryptic-cards-game .base-btn:before{content:""; position:absolute; top:2.2vmin; bottom:2.2vmin; left:2.2vmin; right:2.2vmin; float:left; background-image:url("../images/reveal/button_bg.png"), url("../images/reveal/button_bg.png"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.cryptic-cards-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}
.cryptic-cards-game .btn-bar{display:flex; justify-content:center;}
.cryptic-cards-game .btn-bar .base-btn{max-width:590px;}


.cryptic-cards-game .game-logo-fig{max-width:44.4%;}

.cryptic-cards-game .banner-sec-outer{padding:0px; padding-bottom:30px;}
.cryptic-cards-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.cryptic-cards-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin:-3% auto -10%;}
.cryptic-cards-game .banner-sec-video{background:transparent;}
.cryptic-cards-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.cryptic-cards-game .video-block{max-width:67.25%; position:relative; overflow:inherit;}
.cryptic-cards-game .video-fig{position:absolute; left:9%; top:3%; margin:0 auto; width:calc(100% - 18%);}

.cryptic-cards-about-us-sec .about-us-sec-outer{padding:40px 0 86px; background:linear-gradient(55deg, rgba(17,69,170,1) 0%,rgba(19,56,109,1) 75%,rgba(9,42,94,1) 100%);}
.cryptic-cards-about-us-sec .about-sec-head{margin-bottom:40px;}
.cryptic-cards-about-us-sec .sec-main-title{display:inline-block; position:relative; padding:16px 0 14px; font-weight:900; font-size:55px;}
.cryptic-cards-about-us-sec .sec-main-title:before{content:""; position:absolute; top:0; left:0; right:0; margin:0 auto; display:block; width:74%; height:4px; background:#fff;}
.cryptic-cards-about-us-sec .sec-main-title:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; display:block; width:48%; height:4px; background:#fff;}
.cryptic-cards-about-us-sec .about-us-text{font-size:32px; max-width:90%; font-weight:500; text-align:center; margin:0 auto 30px;}
.cryptic-cards-about-us-sec .about-us-btn-bar{margin-top:20px;}


/* How to Work CSS Start */
.cryptic-cards-how-to-work-sec .sec-head{display:flex; align-items:center; justify-content:center;}
.cryptic-cards-how-to-work-sec .htw-sec-head{margin-bottom:130px;}
.cryptic-cards-game .sec-main-title-fig{float:left; width:100%; max-width:1003px; position:relative; margin-top:-60px;}

.cryptic-cards-how-to-work-sec .htw-process-card-outer:before, .cryptic-cards-how-to-work-sec .htw-process-card-outer:after{display:none;}
.cryptic-cards-how-to-work-sec .htw-process-card-body{background:transparent; min-height:156px; display:flex; align-items:center; align-content:center; flex-wrap:wrap;}
.cryptic-cards-how-to-work-sec .htw-process-card-title{font-size:34px;}
.cryptic-cards-how-to-work-sec .htw-process-card-list-item{font-size:18px;}
.cryptic-cards-how-to-work-sec .htw-process-card-list-label{font-size:23px; color:#fff; text-transform:uppercase;}
.cryptic-cards-how-to-work-sec .screen-indicators-card .htw-process-card-list-item, .cryptic-cards-how-to-work-sec .screen-indicators-card  .htw-process-card-list-label{margin-bottom:6px;}
.cryptic-cards-how-to-work-sec .new-game-start-card.htw-process-card:before{display:none;}
.cryptic-cards-how-to-work-sec .htw-process-wrap{padding:0px 0px 200px;}
.cryptic-cards-how-to-work-sec .htw-process-card:before{height:6px; background:url('../images/cryptic-cards/dashed-line-horizontal.png') no-repeat left center; width:120px; top:0; bottom:0; margin:auto; left:calc(100% - 38px); right:auto;}
.cryptic-cards-how-to-work-sec .htw-process-card:after{height:472px; background:url('../images/cryptic-cards/dashed-line-vertical.png') no-repeat top center; width:6px;}
.cryptic-cards-how-to-work-sec .select-category-card.htw-process-card:after{height:482px;}
.cryptic-cards-how-to-work-sec .correct-gameplay-card.htw-process-card:before{right:calc(100% - 38px); left:auto;}

.cryptic-cards-how-to-work-sec .htw-process-wrap-one .col-left{max-width:58.4%;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-two .col-left{max-width:58.6%;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-three .col-left{max-width:59.6%;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-four .col-left{max-width:58.9%; padding-left:20px;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{content:""; position:absolute; height:142px; background:url('../images/cryptic-cards/dashed-line-vertical.png') no-repeat top center; width:6px; top:100%; left:33%;}
.cryptic-cards-how-to-work-sec .screen-indicators-card.htw-process-card:before{left:auto; right:calc(100% - 38px); width:127%;}
.cryptic-cards-how-to-work-sec .screen-indicators-card.htw-process-card:after{height:162px;}

.cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-six{flex-direction:row-reverse;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-six .col-left{max-width:57.4%;}
.cryptic-cards-how-to-work-sec .game-flow-card.htw-process-card:before{left:calc(100% - 63px);}
.cryptic-cards-how-to-work-sec .game-flow-card.htw-process-card:after{display:block;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-five.htw-process-wrap{padding:0px 0px 100px;}

.cryptic-cards-how-to-work-sec .htw-process-wrap-seven.htw-process-wrap{flex-direction:row; padding-bottom:0px; margin-bottom:-124px; position:relative; z-index:1;}
.cryptic-cards-how-to-work-sec .game-summary-card .htw-process-card-cont{padding:0px;}
.cryptic-cards-how-to-work-sec .game-summary-card.htw-process-card:before, .cryptic-cards-how-to-work-sec .game-summary-card.htw-process-card:after{display:none;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-seven .col-right{padding:0px;}
.cryptic-cards-how-to-work-sec .htw-process-wrap-seven .col-left{max-width:64.3%; padding-right:100px;}

.cryptic-cards-how-to-work-sec .how-to-work-process-sec-eight{background:var(--bg-base);}
.cryptic-cards-how-to-work-sec .htw-process-wrap-eight .col-right{padding-bottom:0px; padding-left:0px;}
.cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight{padding:218px 0px 110px;}
.cryptic-cards-how-to-work-sec .col-full{float:left; width:100%; display:flex; justify-content:center;}
.cryptic-cards-how-to-work-sec .htw-process-theme-cont{float:left; width:100%; max-width:1046px; padding:0 80px; position:relative;}
.cryptic-cards-how-to-work-sec .htw-process-theme-cont .htw-process-theme:after{display:none;}
.htw-process-theme-arrow{position:absolute; top:calc(100% - 86px);}
.htw-process-theme-arrow.left-arrow{left:-4px;}
.htw-process-theme-arrow.right-arrow{right:-4px;}
.htw-process-cont-row{float:left; width:100%; display:flex; justify-content:space-between;}
.htw-process-cont{float:left; width:100%; flex:1; padding:200px 0px 0px;}
.htw-process-cont.col-mid{flex:0 0 40%; padding:20px 0px 0px;}
.htw-process-cont-label{font-size:25px; text-align:center; width:100%; float:left;}

.htw-process-cont-title-bar{float:left; width:100%; margin:20px 0px 36px; position:relative;}
.htw-process-cont-title-bar:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:calc(100% + 20px); height:162px; width:14px; background:url('../images/cryptic-cards/dotted-line-vertical.png') no-repeat top center;}
.htw-process-cont-title{float:left; width:100%; font-size:34px; font-weight:700; text-align:center; text-transform:uppercase;}
.htw-options-theme-row{float:left; width:100%; display:flex; gap:0px 72px;}
.htw-options-theme-row .htw-process-theme:after{display:none;}
.htw-options-theme-row .col-theme{padding:0px; flex:inherit; max-width:100%;}

.htw-btn-bar{margin-top:86px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.cryptic-cards-game-expec-sec .game-expectation-sec-outer{padding:0px 0 120px; background-position-x:center; background-position-y:center; background-size:100% 100%;}

.cryptic-cards-game-expec-sec .game-expectation-sec-head{display:flex; align-items:center; justify-content:center; max-width:100%; padding:0; margin:0 0 60px;}

.cryptic-cards-game-expec-sec .game-expectation-list{gap:0px 30px;}
.cryptic-cards-game-expec-sec .game-expectation-item{max-width:calc(380px - 20px); margin-top:0px;}

.cryptic-cards-game-expec-sec .game-expectation-card-outer{position:relative; border-radius:36px; padding:3px; box-shadow:6px 10px 0px 0px #3c042a; background: linear-gradient(0deg, rgba(251,174,3,1) 0%, rgba(255,230,12,1) 24%, rgba(246,139,5,1) 52%, rgba(255,231,24,1) 78%, rgba(255,248,175,1) 100%);}
.cryptic-cards-game-expec-sec .game-expect-icon-block{position:absolute; left:0px;}
.cryptic-cards-game-expec-sec .game-expect-card-fig{max-width:126px;}
.cryptic-cards-game-expec-sec .game-expectation-card-body{float:left; width:100%; height:100%; min-height:300px; border-radius:34px; background:linear-gradient(140deg, rgba(255,224,196,1) 0%,rgba(224,122,168,1) 30%,rgba(135,22,73,1) 62%,rgba(135,22,73,1) 72%,rgba(212,25,109,1) 100%); box-shadow:0 0 18px #7a0a39 inset, 0 0 18px #7a0a39 inset, 0 0 18px #7a0a39 inset; padding:56px 20px 50px;}
.cryptic-cards-game-expec-sec .game-expect-details-item{font-size:18px; color:#fff; padding-left:16px;}
.cryptic-cards-game-expec-sec .game-expect-details-item:before{content:""; position:absolute; left:0; top:4px; width:12px; height:12px; background:url('../images/cryptic-cards/htw-list-icon.png') no-repeat center center; background-size:cover;}
.cryptic-cards-game-expec-sec .game-expect-card-title{float:left; width:100%; font-size:28px; min-height:68px; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); text-shadow:var(--text-shadow); font-weight:700; color:#fff000; padding:0px; text-transform:uppercase; filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); margin-bottom:15px;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.cryptic-cards-game-summary-sec .game-summary-sec-outer{margin:0; padding:60px 0 120px;}
.cryptic-cards-game-summary-sec .game-summary-cont{display:flex; align-items:center; justify-content:center;}
.cryptic-cards-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:80px 80px 40px; border-radius:34px; background:var(--game-summary-bg) no-repeat center center; background-size:100% 100%;}
.cryptic-cards-game-summary-sec .game-summary-text{color:#fff; font-size:30px; max-width:1100px; margin:0 auto 30px;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.cryptic-cards-faq-sec .faq-sec-outer{background:var(--faq-bg) no-repeat top center; background-size:cover; padding:0 0 110px;}
.cryptic-cards-faq-sec .sec-main-title-fig{max-width:675px;}
.cryptic-cards-faq-sec .faq-sec-head{display:flex; align-items:center; justify-content:center; max-width:100%; padding:0; margin:0 0 74px;}
.cryptic-cards-faq-sec .accordion-item{padding:2px; border-radius:14px 14px 0 0;}
.cryptic-cards-faq-sec .accordion-item.is-open{background:linear-gradient(90deg, rgba(255,240,155,1) 0%, rgba(255,216,1,1) 17%, rgba(255,236,127,1) 36%, rgba(255,192,0,1) 48%, rgba(255,236,127,1) 60%, rgba(255,216,1,1) 80%, rgba(255,234,120,1) 100%);}
.cryptic-cards-faq-sec .accordion-card{background:#fff0ff; border:none; border-radius:4px; min-height:auto; padding:0px;}
.cryptic-cards-faq-sec .accordion-head{margin:-2px; width:calc(100% + 4px); border-radius:10px; padding:3px; min-height:auto; display:block; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.59); background:linear-gradient(90deg, rgba(255,240,155,1) 0%, rgba(255,216,1,1) 17%, rgba(255,236,127,1) 36%, rgba(255,192,0,1) 48%, rgba(255,236,127,1) 60%, rgba(255,216,1,1) 80%, rgba(255,234,120,1) 100%);}
.cryptic-cards-faq-sec .accordion-head-outer{background:linear-gradient(-180deg, rgba(255,152,202,1) 0%,rgba(198,7,101,1) 15%,rgba(182,6,92,1) 35%,rgba(193,6,98,1) 57%,rgba(99,3,50,1) 100%);}
.cryptic-cards-faq-sec .accordion-title{display:flex; color:#ffd655; font-size:30px; font-weight:700; text-shadow:var(--text-shadow); filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); }
.cryptic-cards-faq-sec .accordion-body{padding:23px 20px 20px 100px;}
.cryptic-cards-faq-sec .accordion-text{float:left; width:100%; color:#2d022c; font-size:28px; font-weight:500;}
/*FAQ CSS End */

.cryptic-cards-game .footer{background:#2b000b;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .cryptic-cards-about-us-sec .sec-main-title{font-size:45px; padding:12px 0 10px;}
  .cryptic-cards-about-us-sec .sec-main-title:before, .cryptic-cards-about-us-sec .sec-main-title:after{height:3px;}
  .cryptic-cards-about-us-sec .about-us-text{max-width:100%; font-size:28px;}
  .cryptic-cards-game .btn-bar .base-btn{max-width:480px;}
  .cryptic-cards-game .btn-text{font-size:48px;}

  .cryptic-cards-game .sec-main-title-fig{max-width:790px; margin-top:-48px;}
  .cryptic-cards-how-to-work-sec .htw-sec-head{margin-bottom:80px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-title{font-size:27px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-item{font-size:16px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-label{font-size:21px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap{padding:0px 0px 150px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:after, .cryptic-cards-how-to-work-sec .select-category-card.htw-process-card:after{height:352px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:before{width:70px; left:calc(100% - 10px);}
  .cryptic-cards-how-to-work-sec .correct-gameplay-card.htw-process-card:before{right:calc(100% - 2px);}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{height:128px;}
  .cryptic-cards-how-to-work-sec .game-flow-card.htw-process-card:before{left:calc(100% - 30px);}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-seven.htw-process-wrap{margin-bottom:-80px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight{padding:140px 0px 110px;}
  .htw-process-cont-label{font-size:20px;}
  .htw-process-cont.col-left{left:-40px; position:relative;}
  .htw-process-cont.col-right{right:-40px; position:relative;}


  .cryptic-cards-game-expec-sec .game-expectation-sec-outer{padding:0px 0 70px;}
  .cryptic-cards-game-expec-sec .game-expect-card-fig{max-width:110px;}
  .cryptic-cards-game-expec-sec .game-expect-card-title{font-size:24px;}
  .cryptic-cards-game-expec-sec .game-expect-details-item{font-size:16px;}
  .cryptic-cards-game-expec-sec .game-expectation-item{max-width:calc(340px - 20px);}
  .cryptic-cards-game-expec-sec .game-expectation-card-body{min-height:260px;}

  .cryptic-cards-game-summary-sec .game-summary-text{font-size:24px; max-width:880px;}


  .cryptic-cards-faq-sec .faq-sec-outer{padding:0 0 80px;}
  .cryptic-cards-faq-sec .sec-main-title-fig{max-width:585px; margin-top:-52px;}
  .cryptic-cards-faq-sec .accordion-title{font-size:26px;}
  .cryptic-cards-faq-sec .accordion-text{font-size:22px;}
  .cryptic-cards-faq-sec .accordion-body{padding:13px 20px 10px 60px;}

}

@media(max-width:1280px) {
  .cryptic-cards-game .container{max-width:960px;}

  .cryptic-cards-game .video-frame-outer{border-radius:14px;}
  .cryptic-cards-game .banner-logo{margin:-3% auto -12%;}
  .cryptic-cards-game .game-logo-fig{max-width:50.4%;}

  .cryptic-cards-about-us-sec .sec-main-title{font-size:36px;}
  .cryptic-cards-about-us-sec .about-us-text{font-size:23px;}
  .cryptic-cards-game .btn-bar .base-btn{max-width:400px;}
  .cryptic-cards-game .btn-text{font-size:42px; padding-bottom:0.8vmin;}

  .cryptic-cards-game .sec-main-title-fig{max-width:700px; margin-top:-42px;}
  .cryptic-cards-how-to-work-sec .htw-sec-head{margin-bottom:60px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-item{font-size:15px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-label{font-size:18px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap{padding:0px 0px 100px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:after, .cryptic-cards-how-to-work-sec .select-category-card.htw-process-card:after{height:250px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:before{width:74px; left:calc(100% - 2px); transform:scaleY(0.7);}
  .cryptic-cards-how-to-work-sec .correct-gameplay-card.htw-process-card:before{right:calc(100% - 6px);}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{height:127px; top:calc(100% - 6px); transform:scaleX(0.7); left:35%;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-seven.htw-process-wrap{margin-bottom:-60px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-seven .col-left{max-width:55.3%; padding-right:60px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight{padding:110px 0px 80px;}
  .htw-process-theme-arrow{width:25%; top:calc(100% - 74px);}
  .htw-process-theme-arrow.left-arrow{left:24px;}
  .htw-process-theme-arrow.right-arrow{right:24px;}
  .htw-process-cont-label{font-size:16px;}
  .htw-process-cont{padding:160px 0px 0px;}
  .htw-process-cont-title-bar:before{bottom:calc(100% + 5px); height:144px;}
  .htw-process-cont-title{font-size:26px;}
  .htw-options-theme-row{gap:0px 50px;}

  .cryptic-cards-game-expec-sec .game-expectation-sec-outer{padding:0px 0 50px;}
  .cryptic-cards-game-expec-sec .game-expectation-sec-head{margin:0 0 40px;}
  .cryptic-cards-game-expec-sec .game-expectation-item{max-width:calc((100% / 3) - 20px);}
  .cryptic-cards-game-expec-sec .game-expectation-card-outer{margin-top:50px;}
  .cryptic-cards-game-expec-sec .game-expect-icon-block{margin-top:0; top:-50px;}
  .cryptic-cards-game-expec-sec .game-expect-card-fig{max-width:90px;}
  .cryptic-cards-game-expec-sec .game-expect-card-title{font-size:20px; min-height:48px; margin-top:20px; filter:drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82));}
  .cryptic-cards-game-expec-sec .game-expect-details-item{font-size:14px;}
  .cryptic-cards-game-expec-sec .game-expectation-card-body{padding:36px 10px 20px;}


  .cryptic-cards-game-summary-sec .game-summary-sec-outer{padding:60px 0 100px;}
  .cryptic-cards-game-summary-sec .game-summary-cont-outer{padding:50px 80px 30px;}
  .cryptic-cards-game-summary-sec .game-summary-text{font-size:21px; max-width:740px; margin:0 auto 20px;}

  .cryptic-cards-faq-sec .faq-sec-outer{padding:0 0 60px;}
  .cryptic-cards-faq-sec .sec-main-title-fig{max-width:480px; margin-top:-43px;}
  .cryptic-cards-faq-sec .faq-sec-head{margin:0 0 40px;}
  .cryptic-cards-faq-sec .accordion-head{padding:2px;}
  .cryptic-cards-faq-sec .accordion-title{font-size:24px;}
  .cryptic-cards-faq-sec .accordion-text{font-size:20px;}
  .cryptic-cards-faq-sec .accordion-body{padding:10px 20px 7px 60px;}
}

@media(max-width:1023px) {
  .cryptic-cards-game .container{max-width:750px;}

  .cryptic-cards-game .video-frame-outer{border-radius:10px;}

  .cryptic-cards-about-us-sec .about-us-sec-outer{padding:30px 0 66px;}
  .cryptic-cards-about-us-sec .about-sec-head{margin-bottom:25px;}
  .cryptic-cards-about-us-sec .sec-main-title{font-size:30px; padding:9px 0 8px;}
  .cryptic-cards-about-us-sec .about-us-text{font-size:18px;}
  .cryptic-cards-about-us-sec .about-us-btn-bar{margin-top:0px;}
  .cryptic-cards-game .btn-bar .base-btn{max-width:360px;}
  .cryptic-cards-game .btn-text{font-size:36px; padding-bottom:4px;}


  .cryptic-cards-game .sec-main-title-fig{max-width:640px; margin-top:-38px;}
  .cryptic-cards-how-to-work-sec .htw-sec-head{margin-bottom:40px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-title{font-size:22px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-item{font-size:14px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-label{font-size:16px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-one .col-left{max-width:53.4%;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-three .col-left{max-width:53.4%; padding-right:0px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .col-left{max-width:56%;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap .col-right{padding-left:30px;}
  .cryptic-cards-how-to-work-sec .game-flow-card.htw-process-card{padding-left:0px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap{padding:0px 0px 80px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five.htw-process-wrap{padding:0px 0px 80px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-body{min-height:100px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:after, .cryptic-cards-how-to-work-sec .select-category-card.htw-process-card:after{height:200px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:before{width:56px; left:calc(100% - 2px); transform:scaleY(0.6);}
  .cryptic-cards-how-to-work-sec .correct-gameplay-card.htw-process-card:before{right:calc(100% - 6px);}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{height:98px; top:calc(100% - 1px); transform:scaleX(0.6); left:40%;}
  .cryptic-cards-how-to-work-sec .screen-indicators-card.htw-process-card:before{width:104%;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-seven.htw-process-wrap{margin-bottom:-50px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-seven .col-left{max-width:55.3%; padding-right:20px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight{padding:110px 0px 80px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight .col-right{padding-left:0px;}
  .htw-process-theme-arrow{width:21%; top:calc(100% - 54px);}
  .htw-process-theme-arrow.left-arrow{left:54px;}
  .htw-process-theme-arrow.right-arrow{right:54px;}
  .htw-process-cont-label{font-size:14px;}
  .htw-process-cont.col-left{left:0px;}
  .htw-process-cont.col-right{right:0px;}
  .htw-process-cont{padding:100px 0px 0px;}
  .htw-process-cont-title-bar{margin:20px 0px 16px;}
  .htw-process-cont-title-bar:before{bottom:calc(100% - 4px); height:106px; transform:scale(0.85);}
  .htw-process-cont-title{font-size:22px;}
  .htw-options-theme-row{gap:0px 40px;}


  .cryptic-cards-game-expec-sec .game-expectation-sec-outer{padding:0px 0 20px;}
  .cryptic-cards-game-expec-sec .game-expectation-sec-head{margin:0 0 20px;}
  .cryptic-cards-game-expec-sec .game-expectation-list{gap:0px 15px;}
  .cryptic-cards-game-expec-sec .game-expectation-card-outer{margin-top:60px; margin-right:10px; margin-bottom:20px;}
  .cryptic-cards-game-expec-sec .game-expectation-item{max-width:calc((100% / 3) - 10px);}
  .cryptic-cards-game-expec-sec .game-expect-icon-block{margin:0 auto; top:-60px; left:0; right:0;}
  .cryptic-cards-game-expec-sec .game-expect-card-fig{max-width:90px;}
  .cryptic-cards-game-expec-sec .game-expect-card-title{font-size:20px;}
  .cryptic-cards-game-expec-sec .game-expect-details-item{font-size:14px;}
  .cryptic-cards-game-expec-sec .game-expectation-card-body{padding:36px 10px 20px; min-height:auto;}
  .cryptic-cards-game-expec-sec .game-expectation-list.owl-carousel .owl-stage{display:flex;}

  .cryptic-cards-game-expec-sec .owl-carousel .owl-dot{clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#ff91c5; display:inline-block; width:20px; height:20px;}
  .cryptic-cards-game-expec-sec .owl-carousel .owl-dot span{width:18px; height:18px; clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#99296b; border:none; top:1px; position:relative;}
  .cryptic-cards-game-expec-sec .owl-carousel .owl-dot.active{background:#d42cb1;}
  .cryptic-cards-game-expec-sec .owl-carousel .owl-dot.active span{background:#fbaf03;}


  .cryptic-cards-game-summary-sec .game-summary-sec-outer{padding:40px 0 75px;}
  .cryptic-cards-game-summary-sec .game-summary-cont-outer{padding:30px 70px 20px;}
  .cryptic-cards-game-summary-sec .game-summary-text{font-size:17px; max-width:720px; margin:0 auto 15px;}

  .cryptic-cards-faq-sec .faq-sec-outer{padding:0 0 40px;}
  .cryptic-cards-faq-sec .sec-main-title-fig{max-width:400px; margin-top:-35px;}
  .cryptic-cards-faq-sec .faq-sec-head{margin:0 0 30px;}
  .cryptic-cards-faq-sec .accordion-title{font-size:20px; filter:drop-shadow(1px 2px 1px rgba(67, 6, 6, 0.82));}
  .cryptic-cards-faq-sec .accordion-text{font-size:18px;}
  .cryptic-cards-faq-sec .accordion-body{padding:10px 20px 7px 50px;}
}
@media(min-width:768px) {
  .figcaption-bar{display:none;}
}
@media(max-width:767px) {
  .cryptic-cards-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #00ffae, 1px -1px 0 #00ffae, -1px 1px 0 #00ffae, -1px -1px 0 #00ffae, 1px 0 0 #00ffae, 0 1px 0 #00ffae, -1px 0 0 #00ffae;
  }
  .cryptic-cards-game .banner-sec-outer{padding-bottom:25px;}
  .cryptic-cards-game .banner-content{flex-direction:inherit;}
  .cryptic-cards-game .game-logo-fig{max-width:60.4%;}
  .cryptic-cards-game .video-block{max-width:80.5%;}
  .cryptic-cards-game .video-frame-outer{border-radius:7px;}
  .cryptic-cards-game .video-shadow{bottom:-4px;}

  .cryptic-cards-about-us-sec .about-us-sec-outer{padding:10px 0 46px;}
  .cryptic-cards-about-us-sec .about-sec-head{margin-bottom:15px;}
  .cryptic-cards-about-us-sec .sec-main-title{font-size:25px; padding:9px 50px 8px;}
  .cryptic-cards-about-us-sec .sec-main-title:before, .cryptic-cards-about-us-sec .sec-main-title:after{height:2px;}
  .cryptic-cards-about-us-sec .sec-main-title:before{width:45%;}
  .cryptic-cards-about-us-sec .sec-main-title:after{width:25%;}
  .cryptic-cards-about-us-sec .about-us-text{font-size:14px; margin:0 auto 20px;}
  .cryptic-cards-game .btn-bar .base-btn{max-width:210px;}
  .cryptic-cards-game .btn-text{font-size:21px;}

  .cryptic-cards-game .sec-main-title-fig{max-width:306px; margin-top:-20px;}
  .cryptic-cards-how-to-work-sec .htw-sec-head{margin-bottom:20px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 15px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-title{font-size:18px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list-item{font-size:14px;}
  .cryptic-cards-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:13px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap .col-right{padding:0px 8px;}
  .cryptic-cards-how-to-work-sec .select-category-card .htw-process-card-title, .cryptic-cards-how-to-work-sec .htw-process-card-list-label{font-size:22px;}
  .cryptic-cards-how-to-work-sec .htw-process-theme-cont{padding:0 15px;}
  .cryptic-cards-how-to-work-sec .htw-process-card:after{background:url('../images/cryptic-cards/rounded-right-arrow.png') no-repeat top center; width:229px; height:148px; top:calc(100% - 5px);}
  .cryptic-cards-how-to-work-sec .htw-process-card.select-category-card:after{background:url('../images/cryptic-cards/rounded-left-arrow.png') no-repeat top center; width:229px; height:148px; top:calc(100% - 5px);}
  .cryptic-cards-how-to-work-sec .htw-process-card:before{display:none;}
  .cryptic-cards-how-to-work-sec .col-left:before{display:none;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .col-left{padding:0px 8px;}
  .cryptic-cards-how-to-work-sec .screen-indicators-card.htw-process-card{margin-top:40px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap-five .htw-process-theme:before{background:url(../images/cryptic-cards/dashed-line-vertical-mob.png) no-repeat top center; width:4px; height:60px; left:auto; right:20%; transform:inherit;}
  .htw-process-theme-arrow{display:none;}
  .htw-process-cont.col-left, .htw-process-cont.col-right{display:none;}
  .htw-process-cont.col-mid{flex:1; display:flex; justify-content:center; padding:15px 0px 10px;}
  .figcaption-bar{float:left; width:100%; margin:10px 0px;}
  .htw-process-cont.col-mid .htw-process-cont-label{max-width:320px;}
  .col-left .figcaption-bar .htw-process-cont-label{max-width:226px; text-align:left;}
  .col-right .figcaption-bar .htw-process-cont-label{max-width:236px; text-align:left;}
  .col-right .figcaption-bar{display:flex; justify-content:flex-end;}
  .htw-process-cont-title{font-size:16px; padding-top:36px;}
  .htw-process-cont-title-bar:before{bottom:calc(100% - 56px); height:106px; transform:scale(0.5);}
  .htw-options-theme-row{gap:30px 0px; flex-wrap:wrap;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight .col-right{padding:0px 15px;}
  .cryptic-cards-how-to-work-sec .htw-process-wrap.htw-process-wrap-eight{padding:80px 0px 40px;}


  .cryptic-cards-game-expec-sec .game-expectation-sec-outer{padding:0px 0 10px;}
  .cryptic-cards-game-expec-sec .game-expectation-sec-head{margin:2px 0 10px;}
  .cryptic-cards-game-expec-sec .game-expectation-item{max-width:calc(100vw - 120px); min-width:calc(100vw - 120px);}
  .cryptic-cards-game-expec-sec .game-expect-card-title{font-size:18px; filter:drop-shadow(1px 1px 1px rgba(67, 6, 6, 0.82)); margin-bottom:14px;}
  .cryptic-cards-game-expec-sec .game-expect-details-item:before{width:8px; height:8px;}
  .cryptic-cards-game-expec-sec .game-expectation-card-outer{border-radius:22px; padding:2px; box-shadow:4px 6px 0px 0px #150335; margin:35px 10px 20px 0;}
  .cryptic-cards-game-expec-sec .game-expectation-card-body{padding:36px 6px 20px 10px; border-radius:20px;}
  .cryptic-cards-game-expec-sec .game-expect-card-fig{max-width:72px;}
  .cryptic-cards-game-expec-sec .game-expect-icon-block{margin:0 auto; top:-35px; left:-20px; right:auto;}

  .cryptic-cards-game-summary-sec .game-summary-sec-outer{padding:20px 0 45px;}
  .cryptic-cards-game-summary-sec .game-summary-cont-outer{padding:50px 20px 25px; border-radius:16px; background:var(--game-summary-bg-mob) no-repeat center center; background-size:100% 100%;}
  .cryptic-cards-game-summary-sec .game-summary-text{font-size:14px;}
  .cryptic-cards-game-summary-sec .game-summary-btn-bar:before{display:block; height:3px;}

  .cryptic-cards-faq-sec .faq-sec-outer{padding:0 0 30px; background:var(--faq-bg-mob) repeat top center;}
  .cryptic-cards-faq-sec .faq-sec-head{margin:0 0 20px;}
  .cryptic-cards-faq-sec .sec-main-title-fig{max-width:200px; margin-top:-20px;}
  .cryptic-cards-faq-sec .accordion-item{padding:1px; border-radius:4px 4px 0 0;}
  .cryptic-cards-faq-sec .accordion-card{border-radius:2px;}
  .cryptic-cards-faq-sec .accordion-head{margin:-1px; width:calc(100% + 2px); border-radius:6px; padding:1px; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.39);}
  .cryptic-cards-faq-sec .accordion-body{padding:10px 15px 7px 30px;}
  .cryptic-cards-faq-sec .accordion-title{font-size:14px;}
  .cryptic-cards-faq-sec .accordion-text{font-size:13px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Cryptic Cards Game CSS End // ***************************** */




/* ***************************** // Crossword Game CSS Start // ***************************** */
.crossword-game {
/*Colors*/
--clr-base:#2f2f2f;
--clr-base-light:#8400ff;
--clr-primary:#42137b;
--clr-dark:#1b151f;
--clr-action:#7328cf;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#7328cf;
--bg-primary:#42137b;
--bg-secondary:#2ecc87;
--bg-dark:#3e265c;
--bg-action:#7328cf;

/*Border Colors*/
--bdr1:#7328cf;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Roboto', sans-serif;
--font-btn:'HelveticaRoundedLTStd-Black', sans-serif;
}

.crossword-game .highlight-text{color:#01c62f; font-weight:700;}
.crossword-game .btn-img{max-width:382px; width:27%;}

.crossword-game .nav-item-label{padding:10px 28px 12px; font-family:var(--font-head); font-weight:500; color:var(--clr-action);}
@media (hover: hover) {
  .crossword-game .active .nav-item-label, .crossword-game .nav-item-label:hover{color:var(--clr-action-alt); background:var(--bg-base);}
}

.crossword-game .banner-sec{background:linear-gradient(to bottom, rgb(43,8,112) 0%, rgb(87,35,164) 23%, rgb(130,61,216) 48%, rgb(179,85,254) 100%);}
.crossword-game .banner-sec-outer{background:var(--banner-bg) no-repeat center top; background-size:100% auto; padding:0px;}
.crossword-game .banner-logo{display:flex; align-items:center; justify-content:center; padding:30px 0px 10px;}
.crossword-game .game-logo-fig{float:left; width:100%; max-width:12.8%;}
.crossword-game .banner-sec-video{background:transparent; margin-bottom:-30px;}
.crossword-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.crossword-game .video-block{max-width:59.6%; border-radius:0;}
.crossword-game .video-poster, .crossword-game .client-video{top:1.2%; bottom:auto; left:8.3%; right:8.3%; height:calc(100% - 11.2%); width:calc(100% - 16.4%); border-radius:20px;}
.banner-game-play-sec-outer{background:var(--banner-game-play-bg) no-repeat top center; background-size:cover; padding:46px 0px 40px;}
.banner-game-play-label{float:left; width:100%; text-align:center; font-size:30px; font-weight:500; color:#fff;}
.banner-game-play-btn-bar{margin-top:67px; display:flex; align-items:center; justify-content:center;}

.crossword-about-us-sec .about-us-sec-outer{background:#efefef; padding:80px 0px;}
.about-us-wrap{display:flex; align-items:center;}
.crossword-about-us-sec .about-us-content{position:relative; padding:80px 0px 120px;}
.about-us-bg-fig{position:absolute; top:0px; left:0; pointer-events:none;}
.crossword-game .sec-main-title{font-weight:900; color:var(--clr-primary);}
.crossword-about-us-sec .about-sec-head{text-align:left; position:relative; z-index:1;}
.crossword-about-us-sec .about-us-text-block{position:relative; z-index:1;}
.crossword-about-us-sec .about-us-text{font-size:20px; color:var(--clr-base);}

/* How to Work CSS Start */
.crossword-htw-sec{background:var(--how-to-work-sec-bg) no-repeat top center; background-size:100% auto; position:relative;}
.crossword-htw-sec:before{background:linear-gradient(to top, rgba(234,223,255,1) 13%,rgba(249,249,249,1) 100%); position:absolute; content:""; top:0px; left:0px; width:100%; height:100%; z-index:-1;}
.crossword-htw-sec .sec-top-header{padding:50px 0px 0px;}
.crossword-htw-sec .htw-sec-head{margin-bottom:60px;}
.crossword-htw-sec .htw-sec-top-icon{top:0px; left:0px; max-width:367px;}

.htw-step-row{float:left; width:100%; display:flex; justify-content:center;}
.htw-step-row > .col{float:left; width:100%; max-width:50%;}

.crossword-htw-sec .htw-step-wrap .col{margin:0px; padding:0px; max-width:100%; display:flex; justify-content:center;}
.crossword-htw-sec .htw-step-theme{max-width:372px; position:relative;}
.crossword-htw-sec .htw-step-theme img{filter:inherit; border-radius:15px; border:7px solid rgba(210, 191, 244, 0.5); position:relative; z-index:1;}
.crossword-htw-sec .step-label{background:#fdda16; border-radius:100%; width:36px; min-width:36px; height:36px; min-height:36px; padding:0px; font-size:27px; font-weight:900; color:#2c0c6a;}
.step-card-list.list-style-none .step-card-list-item{padding-left:0px;}
.step-card-list.list-style-none .step-card-list-item:before{display:none;}
.crossword-htw-sec .htw-step-card-outer{border-radius:10px; box-shadow:2px 0px 25px rgba(37, 37, 37, 0.21); max-width:265px;}
.crossword-htw-sec .step-card-cont{padding:16px 10px 4px; min-height:120px;}
.crossword-htw-sec .htw-step-card-outer:after{display:none;}
.crossword-htw-sec .step-card-icon{position:unset; max-width:100%; display:flex; align-items:center; justify-content:center;}
.crossword-htw-sec .step-card-icon img{max-width:44px;}
.crossword-htw-sec .step-label-bar{display:flex; align-items:center; justify-content:center; left:auto; top:-18px; right:-18px; width:44px; min-width:44px; height:44px; min-height:44px; border-radius:100%; background:rgba(255, 255, 255, 0.5);}
.crossword-htw-sec .step-card-title-bar{text-align:center; margin:10px 0px 6px;}
.crossword-htw-sec .step-card-title{font-size:23px; font-weight:700; color:#1b151f;}
.crossword-htw-sec .step-card-list-item, .crossword-htw-sec .step-card-list-label{font-size:16px; font-weight:400;}
.crossword-htw-sec .htw-step-card{margin-right:150px; margin-top:-100px; z-index:5;}

.crossword-htw-sec .htw-step-wrap{flex-direction:inherit;}
.crossword-htw-sec .htw-step-wrap .col-left{position:unset; z-index:inherit;}
.crossword-htw-sec .htw-step-wrap .col-right{position:relative; z-index:10;}

.crossword-htw-sec .htw-step-wrap-one .col-left{padding-right:90px;}
.crossword-htw-sec .htw-step-wrap-one .col-right{padding-left:22px;}

.crossword-htw-sec .htw-step-wrap-two .col-right{padding-left:80px;}

.crossword-htw-sec .htw-step-wrap-one .htw-step-theme:before{content:""; position:absolute; bottom:calc(100% - 7px); left:calc(50% - 4px); height:146px; background:url('../images/crossword/top-rounded-dashed-line.png') no-repeat top center; width:427px;}

.crossword-htw-sec .htw-step-wrap-two .htw-step-theme:before{content:""; position:absolute; bottom:calc(50% - 4px); right:calc(100% - 8px); height:4px; background:url('../images/crossword/horizontal-dashed-line.png') no-repeat right center; width:427px;}
.crossword-htw-sec .htw-step-wrap-two .htw-step-theme:after{content:""; position:absolute; top:calc(50% - 4px); left:calc(100% - 8px); height:441px; background:url('../images/crossword/right-rounded-dashed-line.png') no-repeat right center; width:190px;}

.crossword-htw-sec .grid-card .htw-step-card-outer{max-width:392px;}
.crossword-htw-sec .step-card-list-item{padding-left:10px;}
.crossword-htw-sec .step-card-list-label{padding:0px; text-align:center; margin-bottom:10px;}
.crossword-htw-sec .step-card-list-item:before{left:0px; width:4px; height:4px; background:#1b151f;}
.crossword-htw-sec .step-card-list-label:before{display:none;}
.htw-step-row-one{padding:90px 0px 60px;}
.htw-step-row-two{padding:80px 0px 50px;}
.htw-step-row-three{padding:0px 0px 64px;}
.htw-step-row-four{padding:0px 0px 110px;}

.crossword-htw-sec .choose-level-card .htw-step-card-outer{max-width:402px;}
.crossword-htw-sec .htw-step-wrap-four .col-left{padding-left:134px;}
.crossword-htw-sec .htw-step-wrap-four .col-right{padding-left:64px;}

.crossword-htw-sec .htw-step-wrap-three .col-left{padding-left:120px;}
.crossword-htw-sec .htw-step-wrap-three .col-right{padding-left:36px;}
.crossword-htw-sec .htw-step-wrap-three .htw-step-theme:before{content:""; position:absolute; bottom:calc(50% - 4px); right:calc(100% - 8px); height:4px; background:url('../images/crossword/horizontal-dashed-line.png') no-repeat right center; width:427px;}
.crossword-htw-sec .htw-step-wrap-four .htw-step-theme:after{content:""; position:absolute; top:calc(50% - 4px); right:calc(100% - 8px); height:441px; background:url('../images/crossword/left-rounded-dashed-line.png') no-repeat left center; width:220px;}

.crossword-htw-sec .solving-clues-card .htw-step-card-outer{max-width:412px;}
.crossword-htw-sec .controls-card .htw-step-card-outer{max-width:436px;}

.crossword-htw-sec .htw-step-wrap-six .col-left{padding-left:64px;}
.crossword-htw-sec .htw-step-wrap-six .htw-step-theme:before{content:""; position:absolute; bottom:calc(50% - 4px); right:calc(100% - 8px); height:4px; background:url('../images/crossword/horizontal-dashed-line.png') no-repeat right center; width:427px;}
.crossword-htw-sec .htw-step-wrap-six .htw-step-theme:after{content:""; position:absolute; top:calc(50% - 4px); left:calc(100% - 8px); height:441px; background:url('../images/crossword/right-rounded-dashed-line.png') no-repeat right center; width:156px;}

.crossword-htw-sec .summary-card .htw-step-card-outer{max-width:450px;}
.crossword-htw-sec .htw-step-wrap-seven .col-left{padding-left:64px;}
.crossword-htw-sec .htw-step-wrap-seven .col-right{padding-left:64px;}
.crossword-htw-sec .htw-step-wrap-seven .htw-step-theme:before{content:""; position:absolute; bottom:calc(50% - 4px); left:calc(100% - 8px); height:4px; background:url('../images/crossword/horizontal-dashed-line.png') no-repeat right center; width:367px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.crossword-game-expec-sec .game-expectation-card-outer{background:#f7f7f7;margin-top:124px;}
.crossword-game-expec-sec .game-expect-details-item:before{background:#2f2f2f;}
.crossword-game-expec-sec .game-expect-icon-block{margin-top:-124px; top:0px; min-height:252px; margin-bottom:30px;}
.crossword-game-expec-sec .game-expect-card-fig{max-width:max-content; display:flex; justify-content:center; align-items:center;}
.crossword-game-expec-sec .game-expect-card-fig img{width:auto;}
.crossword-game-expec-sec .game-expect-card-title{font-weight:700;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.crossword-game-summary-sec .game-summary-sec-outer{background:#f3ce37 var(--game-summary-bg) no-repeat top center; background-size:100% auto; padding:106px 0px 28px;}
.crossword-game-summary-sec .game-summary-text{max-width:1308px; font-weight:500; color:var(--clr-primary);}
.crossword-game-summary-sec .game-summary-btn-bar{padding-top:30px;}
.crossword-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.crossword-faq-sec .faq-sec-outer{background:var(--bg-dark); padding:70px 0 120px;}
.crossword-faq-sec .sec-main-title{color:#fff;}
.crossword-faq-sec .accordion-title{font-weight:700;}
.crossword-faq-sec .is-open .accordion-icon{background:var(--bg-secondary);}
/*FAQ CSS End */

.crossword-game .footer{background:#211136;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .crossword-game .video-poster, .crossword-game .client-video{border-radius:12px;}

  .banner-game-play-btn-bar{margin-top:37px;}
  .banner-game-play-label{font-size:26px;}

  .crossword-about-us-sec .about-us-text{font-size:19px;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:after{width:150px;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:after{width:116px;}
  .crossword-htw-sec .htw-step-wrap-two .col-right{padding-left:0px;}
  .crossword-htw-sec .htw-step-wrap-one .col-right{padding-left:0px;}
  .crossword-htw-sec .htw-step-wrap-four .col-right{padding-left:0px;}
  .crossword-htw-sec .htw-step-wrap-three .col-right{padding-left:0px;}
  .crossword-htw-sec .htw-step-wrap-seven .col-right{padding-left:0px;}

  .crossword-game-expec-sec .game-expect-icon-block{min-height:212px; margin-top:-104px;}
  .crossword-game-expec-sec .game-expect-card-fig img{max-width:80%;}

  .crossword-game-summary-sec .game-summary-text{font-size:32px;}
}

@media(max-width:1280px) {
  .crossword-game .container{max-width:960px;}

  .crossword-game .nav-item-label{padding:10px 20px 12px;}

  .banner-game-play-sec-outer{background-size:100% auto;}
  .banner-game-play-label{font-size:24px;}
  .crossword-about-us-sec .about-us-sec-outer{padding:40px 0px 20px;}
  .crossword-about-us-sec .about-us-text{font-size:18px;}

  .crossword-htw-sec .htw-sec-top-icon{max-width:267px;}
  .crossword-htw-sec .htw-step-wrap-one .htw-step-theme:before{width:286px; background-size:contain;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:before{width:167px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:after{width:86px; height:430px; background:url('../images/crossword/right-rounded-dashed-line-mob.png') no-repeat right center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-four .htw-step-theme:after{width:170px; background:url('../images/crossword/left-rounded-dashed-line-mob.png') no-repeat left center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:after{width:54px; height:453px; background:url('../images/crossword/right-rounded-dashed-line-mob.png') no-repeat right center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-seven .htw-step-theme:before{width:234px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:before{width:157px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-three .htw-step-theme:before{height:2px; background-size:cover; width:136px;}
  .crossword-htw-sec .htw-step-wrap-three .col-right{padding-left:36px;}
  .crossword-htw-sec .step-card-title{font-size:18px;}
  .crossword-htw-sec .step-card-list-item, .crossword-htw-sec .step-card-list-label{font-size:14px;}

  .crossword-game-expec-sec .game-expectation-card-outer{margin-top:100px;}

  .crossword-game-summary-sec .game-summary-sec-outer{padding:60px 0px 28px;}
  .crossword-game-summary-sec .game-summary-text{font-size:26px;}
  .crossword-faq-sec .faq-sec-outer{padding:40px 0 90px;}
}

@media(max-width:1023px) {
  .crossword-game .container{max-width:750px;}

  .crossword-game .nav-item-label{padding:10px 12px 9px;}

  .banner-game-play-sec-outer{padding:36px 0px 30px;}
  .banner-game-play-label{font-size:23px;}
  .banner-game-play-btn-bar{margin-top:27px;}

  .crossword-about-us-sec .about-us-content{padding:40px 0px 50px;}
  .crossword-about-us-sec .about-us-text{font-size:16px;}

  .crossword-htw-sec .htw-sec-top-icon{max-width:187px;}
  .crossword-htw-sec .sec-top-header{padding:20px 0px 0px;}
  .crossword-htw-sec .htw-sec-head{margin-bottom:10px;}
  .crossword-htw-sec .htw-step-wrap-one .htw-step-theme:before{width:190px; height:100px;}
  .crossword-htw-sec .htw-step-wrap-one .col-left{padding-right:30px; padding-left:30px;}
  .crossword-htw-sec .htw-step-wrap-two .col-left{padding-left:30px; padding-right:30px;}
  .crossword-htw-sec .htw-step-wrap-four .col-left{padding-left:30px; padding-right:30px;}
  .crossword-htw-sec .htw-step-wrap-three .col-left{padding-left:30px; padding-right:30px;}
  .crossword-htw-sec .htw-step-wrap-five .col-left{padding-left:30px; padding-right:30px;}
  .crossword-htw-sec .htw-step-wrap-six .col-left{padding-left:30px; padding-right:30px;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:before{width:80px; height:2px; background-size:cover;}
  .htw-step-row-two{padding:0px 0px 20px;}
  .htw-step-row-three{padding:0px 0px 34px;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:after{width:44px; height:318px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-three .htw-step-theme:before{width:80px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-four .htw-step-theme:after{width:44px; height:368px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:before{width:80px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-seven .htw-step-theme:before{width:150px; height:2px; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:after{width:44px; height:367px; background-size:cover;}
  .crossword-htw-sec .htw-step-card{margin-right:70px;}
  .htw-step-row-four{padding-bottom:60px;}
  .crossword-htw-sec .htw-step-card.grid-card{margin-right:50px; margin-left:10px;}
  .crossword-htw-sec .step-card-title{font-size:16px;}
  .crossword-htw-sec .step-card-list-item, .crossword-htw-sec .step-card-list-label{font-size:13px;}

  .crossword-game-expec-sec .game-expect-card-fig img{max-width:74%;}
  .crossword-game-expec-sec .game-expect-icon-block{min-height:172px; margin-top:-84px;}

  .crossword-game-summary-sec .game-summary-sec-outer{padding:38px 0px 24px;}
  .crossword-game-summary-sec .game-summary-text{font-size:20px;}
  .crossword-game .btn-img{width:29%;}

  .crossword-faq-sec .faq-sec-outer{padding:30px 0 70px;} 
}

@media(min-width:768px) {
  .crossword-game .header{box-shadow:none; border-bottom:2px solid var(--bdr1);}  
}

@media(max-width:767px) {
  .crossword-game .banner-sec-outer{background-position:center 26%; background-size:134% auto;}
  .crossword-game .game-logo-fig{max-width:34.8%;}
  .crossword-game .banner-sec-video{margin-bottom:-10px;}
  .crossword-game .video-block{max-width:89.6%;}
  .crossword-game .video-poster, .crossword-game .client-video{top:2.2%; bottom:auto; left:8.92%; right:8.9%; height:calc(100% - 13.2%); width:calc(100% - 17.3%); border-radius:6px;}
  .banner-game-play-sec-outer{background:var(--banner-game-play-bg-mob) no-repeat bottom center; background-size:contain;}
  .banner-game-play-label{font-size:14px;}
  .banner-game-play-sec-outer{padding:16px 0px 20px;}
  .banner-game-play-btn-bar{margin-top:20px;}
  .crossword-game .btn-img{width:43%;}

  .about-us-wrap{flex-direction:column-reverse;}
  .crossword-about-us-sec .about-us-content{padding:15px 0px 15px;}
  .about-us-fig{max-width:72%; margin:0 auto;}
  .about-us-bg-fig{max-width:290px;}
  .crossword-about-us-sec .about-sec-head{text-align:center;}
  .crossword-about-us-sec .about-us-text{font-size:14px; text-align:center;}

  .crossword-htw-sec .htw-sec-top-icon{display:block; max-width:140px; left:-10px;}
  .htw-step-row{flex-wrap:wrap; flex-direction:column; padding:0px 10px;}
  .htw-step-row > .col{max-width:100%; padding-bottom:68px;}
  .htw-step-row.htw-step-row-four > .col{padding-bottom:40px;}
  .htw-step-row-one{padding:50px 10px 0px;}

  .crossword-htw-sec{background:var(--how-to-work-sec-bg-mob) no-repeat top center; background-size:100% auto;}
  .crossword-htw-sec:before{background:linear-gradient(to top, rgba(234,223,255,0.8) 90%,rgba(249,249,249,1) 100%);}
  .crossword-htw-sec .htw-step-card{margin-top:-20px; margin-right:0px;}
  .crossword-htw-sec .htw-step-card.grid-card{margin-right:0px; margin-left:0px;}
  .crossword-htw-sec .htw-step-wrap.htw-step-wrap-four .step-card-icon{max-width:100%;}
  .crossword-htw-sec .htw-step-card-outer{max-width:100%;}
  .crossword-htw-sec .step-card-cont{padding:10px 10px 2px; min-height:auto;}
  .crossword-htw-sec .step-label{font-size:18px; width:34px; height:34px; min-width:34px; min-height:34px;}
  .crossword-htw-sec .step-label-bar{width:38px; height:38px; min-width:38px; min-height:38px; padding:0px; right:32px;}
  .crossword-htw-sec .step-card-title{font-size:14px;}
  .crossword-htw-sec .step-card-list-item, .crossword-htw-sec .step-card-list-label{font-size:13px;}
  .crossword-htw-sec .htw-step-theme{padding:0 15px; max-width:100%;}
  .crossword-htw-sec .htw-step-theme img{border-width:3px; border-radius:12px;}
  .crossword-htw-sec .step-card-icon img{max-width:34px;}
  .crossword-htw-sec .htw-step-wrap-one .col-left, .crossword-htw-sec .htw-step-wrap-one .col-right{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-two .col-left, .crossword-htw-sec .htw-step-wrap-two .col-right{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-four .col-left, .crossword-htw-sec .htw-step-wrap-four .col-right{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-three .col-left, .crossword-htw-sec .htw-step-wrap-three .col-right{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-five .col-left{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-six .col-left{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-seven .col-left{padding:0px;}
  .crossword-htw-sec .htw-step-wrap-one .htw-step-theme:before{width:2px; height:60px; background:url('../images/crossword/vertical-dashed-line.png') no-repeat top center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:after{display:none;}
  .crossword-htw-sec .htw-step-wrap-two .htw-step-theme:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:220px; height:72px; background:url('../images/crossword/top-left-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-three .htw-step-theme:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:200px; height:72px; background:url('../images/crossword/top-right-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-four .htw-step-theme:after{display:none;}
  .crossword-htw-sec .htw-step-wrap-four .htw-step-theme:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:220px; height:72px; background:url('../images/crossword/top-left-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}
  .htw-step-row.htw-step-row-two{flex-direction:column-reverse;}
  .crossword-htw-sec .htw-step-wrap-five .htw-step-theme:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:200px; height:72px; background:url('../images/crossword/top-right-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:after{display:none;}
  .crossword-htw-sec .htw-step-wrap-six .htw-step-theme:before{content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:220px; height:72px; background:url('../images/crossword/top-left-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}
  .crossword-htw-sec .htw-step-wrap-seven .htw-step-theme:before{left:0; right:0; margin:0 auto; bottom:100%; top:auto; width:200px; height:72px; background:url('../images/crossword/top-right-rounded-dashed-line-mob.png') no-repeat center center; background-size:cover;}

  .crossword-game-expec-sec .game-expectation-card-outer{margin-top:70px;}
  .crossword-game-expec-sec .game-expect-icon-block{min-height:132px; margin-bottom:10px; margin-top:-64px;}
  .crossword-game-expec-sec .game-expect-card-fig img{max-width:50%;}
  .crossword-game-expec-sec .game-expect-details-item{font-size:13px;}
  .crossword-game-expec-sec .game-expect-card-title{margin-bottom:10px;}
  .crossword-game .owl-carousel .owl-dot span{width:28px; height:7px; border-radius:10px; border:none; background:#ebdaff;}
  .crossword-game .owl-carousel .owl-dot.active span{background:#7328cf;}

  .crossword-game-summary-sec .game-summary-sec-outer{background:#f3ce37 var(--game-summary-bg-mob) no-repeat top center; background-size:100% auto; padding:28px 0px 20px;}
  .crossword-game-summary-sec .game-summary-text{font-size:14px;}
  .crossword-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .crossword-faq-sec .faq-sec-outer{padding:15px 0 20px;}
  
}
@media(max-width:374px) {
  .crossword-game-expec-sec .game-expectation-card-outer{padding:0px 7px 16px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Crossword Game CSS End // ***************************** */




/* ***************************** // Grand Cipher Game CSS Start // ***************************** */
.grand-cipher-game {
/*Colors*/
--clr-base:#000000;
--clr-base-light:#2e0f61;
--clr-primary:#42168b;
--clr-dark:#ffea00;
--clr-dark-alt:#b62bd8;
--clr-action:#401587;
--clr-action-alt:#000000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#2e0f61;
--bg-primary:#b62bd8; 
--bg-secondary:#ffdb22;
--bg-action:#e9bffa;

/*Border Colors*/
--bdr1:#2e0f61;
  
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-head:"Paytone One", sans-serif;
--font-btn:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:0px 0.7vmin 1vmin rgba(0, 0, 0, 0.15);

/* Text Shadow */
--text-shadow:3px 0px 5px rgba(0,0,0, 0.4);
}

.grand-cipher-game .base-btn{float:left; width:36%; text-align:center; display:flex; align-items:center; justify-content:center; max-width:514px; position:relative;}
.grand-cipher-game .base-btn .btn-text{font-size:52px; color:#fff; text-shadow:var(--shadow-text); font-family:var(--font-btn);}
.grand-cipher-game .btn-bg:before{content:""; position:absolute; left:2vmin; right:2vmin; bottom:-1.4vmin; height:3vmin; filter:blur(0.8vmin); border-radius:1vmin; background:rgba(45, 209, 87, 0.7);
}


.grand-cipher-game .nav-item-label{padding:9px 28px 11px; font-family:var(--font-head); font-weight:500; color:var(--clr-action-alt);}
@media (hover: hover) {
  .grand-cipher-game .active .nav-item-label, .grand-cipher-game .nav-item-label:hover{color:var(--clr-action); font-weight:700;}
}

.grand-cipher-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 72%;}
.grand-cipher-game .banner-sec-outer{background:transparent; padding:0px;}
.grand-cipher-game .banner-logo{display:flex; align-items:center; justify-content:center; margin:40px 0px 30px;}
.grand-cipher-game .banner-logo .game-logo-fig{max-width:379px; width:26.9%;}
.grand-cipher-game .game-logo-fig img{filter:drop-shadow(0 10px 40px rgba(3, 64, 65, 0.3)) drop-shadow(0 10px 40px rgba(3, 64, 65, 0.3));}

.grand-cipher-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; }
.grand-cipher-game .banner-sec-video{background:transparent;}
.grand-cipher-game .video-block{width:65.9%; max-width:1244px;border:11px solid rgba(234, 238, 234, 0.32); border-radius:34px; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.35);}
.grand-cipher-game .video-iframe{padding-bottom:53.8%;}
.grand-cipher-game .client-video{top:0; bottom:0; left:0; right:0; border-radius:24px;}
.grand-cipher-game .video-poster{width:100%; height:100%; top:0; bottom:0; left:0; right:0; border-radius:24px;}

.grand-cipher-game .sec-head{display:flex; align-items:center; justify-content:center; margin-bottom:0px; position:relative;}
.grand-cipher-game .sec-head:not(.about-sec-head) .sec-head-outer{float:left; width:100%; position:relative; margin-top:-5.5%; max-width:656px; display:flex; align-items:center; justify-content:center;}
.grand-cipher-game .sec-head-bg{float:left; width:100%;}
.grand-cipher-game .sec-head-bg img{float:left; width:100%;}
.grand-cipher-game .sec-main-title{font-size:54px; position:absolute; left:0px; top:18%; width:100%; height:80%; display:flex; align-items:center; justify-content:center;}

.grand-cipher-about-us-sec{padding:0px 0px 70px;}
.grand-cipher-about-us-sec .about-us-content{float:left; width:100%; padding:80px 0px 60px;}
.grand-cipher-about-us-sec .about-sec-head{position:unset; z-index:5; margin:0px;}
.grand-cipher-about-us-sec .sec-main-title{position:unset; color:var(--clr-primary); font-family:var(--font-head); font-size:60px; text-align:center; text-transform:inherit; float:left; width:100%; text-shadow:none;}
.grand-cipher-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.grand-cipher-about-us-sec .about-us-text{float:left; width:100%; max-width:1160px; text-align:center; font-size:26px; font-weight:500; color:var(--clr-base); margin:40px auto 40px;}
.grand-cipher-about-us-sec .about-us-btn-bar{margin:10px auto 0;}

/* How to Work CSS Start */
.how-to-work-sec-inner{float:left; width:100%; background:linear-gradient(to top, rgba(219,100,255,1) 0%,rgba(170,59,255,1) 100%); padding:3px; border-radius:16px;}
.how-to-work-sec-mian-cont{float:left; width:100%; background:#2e0f61; border-radius:13px;}
.grand-cipher-htw-sec .sec-head.htw-sec-head{margin-bottom:50px;}
.grand-cipher-htw-sec .htw-sec-top-icon{max-width:191px; top:130px; left:70px; width:13%;}
.grand-cipher-htw-sec .htw-process-wrap-row{padding:0px 110px;}
.grand-cipher-htw-sec .htw-process-wrap-one .htw-process-wrap-row{flex-direction:row-reverse;}
.grand-cipher-htw-sec .col-left, .grand-cipher-htw-sec .col-right{padding:0px;}
.grand-cipher-htw-sec .htw-process-card-body{background:transparent; min-height:405px; align-content:center; padding:40px 70px 40px 80px;}
.grand-cipher-htw-sec .htw-process-card-cont{background:#fff; border-radius:60px; z-index:2;}
.grand-cipher-htw-sec .htw-process-card-outer{background:linear-gradient(to top, rgba(215,10,132,0.7) 0%,rgba(81,18,127,0.7) 100%); padding:6px; border-radius:65px;}
.grand-cipher-htw-sec .htw-process-card:before, .grand-cipher-htw-sec .htw-process-card:after, .grand-cipher-htw-sec .htw-process-card-outer:before, .grand-cipher-htw-sec .htw-process-card-outer:after{display:none;}
.grand-cipher-htw-sec .htw-process-wrap .col-left{max-width:57.2%; position:relative; margin-left:-20px; z-index:5;}
.grand-cipher-htw-sec .htw-process-theme:after{display:none;}
.htw-process-letter-icon{position:absolute; z-index:5; left:81%; top:86%; width:27%; max-width:194px;}
.htw-process-letter-icon:after{content:""; position:absolute; top:80px; right:80px; width:608px; height:309px; background:url(../images/grand-cipher/dashed-arrow-line-right.png) no-repeat top right; background-size:cover; z-index:-1;}

.grand-cipher-htw-sec .htw-process-card-title-bar{text-align:right;}
.grand-cipher-htw-sec .htw-process-card-title{font-size:36px; color:var(--clr-base-light);  font-weight:normal; text-transform:inherit;}
.grand-cipher-htw-sec .htw-process-card-list-item, .grand-cipher-htw-sec .htw-process-card-list-label{font-size:22px; line-height:1.4em; color:var(--clr-base); font-weight:500; text-align:right;}
.grand-cipher-htw-sec .htw-process-card-list-item{margin-bottom:4px;}
.grand-cipher-htw-sec .htw-process-card{padding-top:200px;}
.grand-cipher-htw-sec .start-game-card{padding-left:28px;}
.grand-cipher-htw-sec .start-game-card .htw-process-card-outer:before{left:-28px;}
.grand-cipher-htw-sec .htw-process-card-outer:before{content:""; display:block; position:absolute; top:46px; z-index:1; width:calc(100% - 56px); height:calc(100% - 10px); background:linear-gradient(to bottom, rgba(232,119,174,1) 0%,rgba(125,185,232,0.05) 100%); border-radius:60px;}

.grand-cipher-htw-sec .htw-process-wrap-two .col-left{margin-right:-20px; margin-left:0px;}
.htw-process-wrap-two .htw-process-letter-icon{left:auto; right:80%; top:80%; max-width:189px;}

.grand-cipher-htw-sec .grid-card{padding-right:28px;}
.grand-cipher-htw-sec .grid-card .htw-process-card-outer:before{right:-28px;}
.grand-cipher-htw-sec .grid-card .htw-process-card-body{padding:40px 50px 40px 70px;}
.grand-cipher-htw-sec .grid-card .htw-process-card-title-bar{text-align:left;}
.grand-cipher-htw-sec .grid-card .htw-process-card-list-item, .grand-cipher-htw-sec .grid-card .htw-process-card-list-label{text-align:left;}
.grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{content:"\ea1a"; top:0px; font-family: 'isg-icons'; color:var(--clr-primary); font-size:20px; background:transparent;}
.grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:30px; margin-left:-30px;}
.grand-cipher-htw-sec .htw-process-card-list{padding-left:0px;}
.grand-cipher-htw-sec .score-points-card .htw-process-card-list{margin-top:0px;}
.grand-cipher-htw-sec .htw-process-theme:before{content:""; position:absolute; left:-60px; top:-40px; width:160px; height:160px; background:#c64bff; filter:blur(70px); border-radius:100%; z-index:-1;}
.grand-cipher-htw-sec .htw-process-wrap-one .htw-process-theme:before{left:auto; right:-60px;}
.htw-process-wrap-two .htw-process-letter-icon:after{left:80px; top:110px; right:auto; background:url(../images/grand-cipher/dashed-arrow-line-left.png) no-repeat top left;}

.grand-cipher-htw-sec .htw-process-wrap-three .htw-process-wrap-row{flex-direction:row-reverse;}
.grand-cipher-htw-sec .create-word-card{padding-left:28px;}
.grand-cipher-htw-sec .create-word-card .htw-process-card-outer:before{left:-28px;}
.grand-cipher-htw-sec .create-word-card .htw-process-card-body{padding:40px 30px 40px 70px;}
.grand-cipher-htw-sec .create-word-card .htw-process-card-title-bar{text-align:left;}
.grand-cipher-htw-sec .create-word-card .htw-process-card-list-item, .grand-cipher-htw-sec .create-word-card .htw-process-card-list-label{text-align:left;}
.grand-cipher-htw-sec .htw-process-wrap-three .htw-process-theme:before{left:auto; right:-60px;}

.grand-cipher-htw-sec .word-length-card{padding-right:28px;}
.grand-cipher-htw-sec .htw-process-wrap-four .col-left{margin-left:auto; margin-right:-20px;}
.grand-cipher-htw-sec .word-length-card .htw-process-card-outer:before{right:-28px;}
.grand-cipher-htw-sec .word-length-card .htw-process-card-body{padding:40px 50px 40px 70px;}
.grand-cipher-htw-sec .word-length-card .htw-process-card-title-bar{text-align:left;}
.grand-cipher-htw-sec .word-length-card .htw-process-card-list-item, .grand-cipher-htw-sec .word-length-card .htw-process-card-list-label{text-align:left;}
.htw-process-wrap-four .htw-process-letter-icon{left:auto; right:80%; top:84%; max-width:192px;}
.htw-process-wrap-four .htw-process-letter-icon:after{left:80px; top:110px; right:auto; background:url(../images/grand-cipher/dashed-arrow-line-left.png) no-repeat top left;}

.grand-cipher-htw-sec .htw-process-wrap-five{padding:0px 0px;}
.grand-cipher-htw-sec .htw-process-wrap-five .htw-process-wrap-row{flex-direction:row-reverse;}
.grand-cipher-htw-sec .htw-process-wrap-five .col-left{margin-right:0px;}
.grand-cipher-htw-sec .htw-process-wrap-five .col-right{max-width:100%;}
.grand-cipher-htw-sec .score-points-card{padding-left:28px;}
.grand-cipher-htw-sec .score-points-card .htw-process-card-outer:before{left:-28px;}
.grand-cipher-htw-sec .score-points-card .htw-process-card-body{padding:40px 50px 40px 70px;}
.grand-cipher-htw-sec .score-points-card .htw-process-card-title-bar{text-align:left;}
.grand-cipher-htw-sec .score-points-card .htw-process-card-list-item, .grand-cipher-htw-sec .score-points-card .htw-process-card-list-label{text-align:left;}
.grand-cipher-htw-sec .htw-process-wrap-five .htw-process-theme:before{left:auto; right:-60px;}


.grand-cipher-htw-sec .htw-process-wrap .full-column{flex-wrap:wrap; padding-top:156px; padding-bottom:25px;}
.grand-cipher-htw-sec .htw-process-wrap .full-column .col-left{float:left; width:100%; max-width:100%; margin:0px; display:flex; justify-content:center;}
.grand-cipher-htw-sec .htw-process-wrap .full-column .col-right{float:left; width:100%; max-width:100%; margin:0px; display:flex; justify-content:center;}
.grand-cipher-htw-sec .htw-process-wrap .full-column .htw-process-theme{float:left; width:37%; max-width:460px; margin-bottom:-16px;}
.grand-cipher-htw-sec .htw-process-wrap .full-column .htw-process-theme:before{display:none;}
.grand-cipher-htw-sec .countdown-timer-card{padding:0px 50px; width:55%; max-width:680px;}
.grand-cipher-htw-sec .countdown-timer-card .htw-process-card-body{min-height:275px;}
.grand-cipher-htw-sec .countdown-timer-card .htw-process-card-title-bar{text-align:center;}
.grand-cipher-htw-sec .countdown-timer-card .htw-process-card-list-item, .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-list-label{text-align:center;}
.grand-cipher-htw-sec .countdown-timer-card .htw-process-card-outer:before{width:calc(100% + 100px); height:calc(100% + 50px); left:-50px;}

.grand-cipher-htw-sec .htw-process-wrap-row.half-column:nth-child(even){flex-direction:inherit; padding:0px 0px; margin:0px; align-items:flex-start;}
.grand-cipher-htw-sec .half-column .col-left{margin:0px; max-width:85.4%; margin-bottom:-60px;}
.grand-cipher-htw-sec .half-column .htw-process-card{padding-top:0px; max-width:100%; padding-bottom:50px;}
.grand-cipher-htw-sec .half-column .completion-card{padding-left:100px; padding-right:60px;}
.grand-cipher-htw-sec .half-column .completion-card .htw-process-card-outer:before{left:-28px;}
.grand-cipher-htw-sec .half-column .summary-card{padding-right:100px; padding-left:60px;}
.grand-cipher-htw-sec .half-column .summary-card .htw-process-card-outer:before{right:-28px;}
.grand-cipher-htw-sec .half-column .htw-process-card .htw-process-card-title-bar{text-align:center;}
.grand-cipher-htw-sec .half-column .htw-process-card .htw-process-card-list-item, .grand-cipher-htw-sec .half-column .htw-process-card .htw-process-card-list-label{text-align:center;}
.grand-cipher-htw-sec .half-column .htw-process-theme:before{left:0; right:0; margin:0 auto;}
.grand-cipher-htw-sec .half-column .col-half{width:100%; max-width:50%;display:flex; flex-wrap:wrap;}
.grand-cipher-htw-sec .half-column .col-half:nth-child(even){justify-content:flex-end;}
.grand-cipher-htw-sec .half-column .htw-process-card-body{align-content:flex-start; padding-top:100px;}


.h-line-bar{float:left; width:100%; margin:110px 0px 30px; display:flex; align-items:center; justify-content:center;}
.h-line-bar-outer{float:left; display:flex; align-items:center; justify-content:center;}
.h-line{display:inline-block; width:8px; height:4px; margin:0 3px; background:var(--bg-secondary);}
.h-line.mid{width:284px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.grand-cipher-game-expec-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat top center; background-size:cover; padding:0px 0px 60px;}
.grand-cipher-game-expec-sec .game-expectation-sec-head{margin-bottom:70px;}
.grand-cipher-game-expec-sec .sec-head.game-expectation-sec-head .sec-head-outer{max-width:801px; margin-top:0px;}
.grand-cipher-game-expec-sec .sec-main-title{color:var(--clr-dark); top:0px; height:60%; text-shadow:var(--text-shadow);}

.grand-cipher-game-expec-sec .game-expectation-list{justify-content:flex-start; gap:0px 85px;}
.grand-cipher-game-expec-sec .game-expectation-item{max-width:calc(38% - 30px);}
.grand-cipher-game-expec-sec .game-expectation-item:nth-child(3){margin-left:auto;}
.grand-cipher-game-expec-sec .game-expectation-card-outer{background:#fceeff; border-radius:100px; border:25px solid #ece4f7; min-height:530px; margin-top:40px; padding:0 30px 30px;}
.grand-cipher-game-expec-sec .game-expect-details-list .game-expect-details-item{font-size:22px; font-weight:500; text-align:center;}
.grand-cipher-game-expec-sec .game-expect-icon-block{top:0px; margin-top:-90px; min-height:236px; align-items:center;}
.grand-cipher-game-expec-sec .game-expect-card-fig{max-width:max-content; display:flex; align-items:center; justify-content:center;}
.grand-cipher-game-expec-sec .game-expect-card-fig img{width:auto;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.grand-cipher-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg) no-repeat bottom center; background-size:cover; padding:140px 0 350px; margin-bottom:0px;}
.grand-cipher-game-summary-sec .game-summary-text{font-size:36px; font-family:var(--font-base); font-weight:600; color:#fff; max-width:1120px;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.grand-cipher-faq-sec .faq-sec-outer{padding:0px 0px 80px;}
.grand-cipher-faq-sec .faq-sec-head{margin-bottom:70px;}
.grand-cipher-faq-sec .sec-head.faq-sec-head .sec-head-outer{max-width:680px; margin-top:0px;}
.grand-cipher-faq-sec .sec-main-title{color:var(--clr-dark); top:0px; height:58%; text-shadow:var(--text-shadow); text-transform:inherit;}

.grand-cipher-faq-sec .faq-list{counter-reset:li;}
.grand-cipher-faq-sec .accordion-item{margin-bottom:40px; padding:0px 64px; position:relative;}
.grand-cipher-faq-sec .accordion-head:after{content:""; position:absolute; left:100%; top:0px; clip-path:polygon(100% 50%, 0 0, 0 100%); background:var(--bg-base); width:64px; height:100%;}
.grand-cipher-faq-sec .accordion-item:before{content:counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:0px; top:0px; width:129px; height:129px; font-size:36px; font-weight:700; color:#fff; border-radius:0px; background:var(--bg-primary); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); display:inline-flex; align-items:center; justify-content:center;}
.grand-cipher-faq-sec .accordion-card{background:transparent; padding:0px; border:none;}
.grand-cipher-faq-sec .accordion-head{padding:0px;}
.grand-cipher-faq-sec .accordion-head-outer{background:var(--bg-base); box-shadow:none; border-radius:0px; min-height:129px; padding:11px 0px 12px 80px;}
.grand-cipher-faq-sec .accordion-title{font-size:36px; font-weight:600; font-family:var(--font-base);}
.grand-cipher-faq-sec .is-open .accordion-title{color:#fff;}
.grand-cipher-faq-sec .accordion-body{background:#fbf8fe; padding:10px 40px 10px 80px; border:3px solid var(--bdr1); border-top:none;}
.grand-cipher-faq-sec .accordion-cont-bar{min-height:112px;}
.grand-cipher-faq-sec .accordion-text{font-size:36px; font-weight:500; color:var(--clr-base);}
.grand-cipher-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:34px; text-shadow:none; color:var(--clr-dark-alt);}
/*FAQ CSS End */

.grand-cipher-game .footer{background:#2e0f61;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .grand-cipher-game .banner-logo{margin:30px 0px 25px;}
  .grand-cipher-about-us-sec .about-us-content{padding:60px 0px 50px;}
  .grand-cipher-about-us-sec .sec-main-title{font-size:50px;}
  .grand-cipher-about-us-sec .about-us-text{margin:30px auto 40px;}
  .grand-cipher-game .base-btn .btn-text{font-size:44px;}

  .grand-cipher-game .sec-main-title{font-size:46px;}

  .grand-cipher-game .sec-head.htw-sec-head .sec-head-outer{max-width:556px;}

  .grand-cipher-htw-sec .sec-head.htw-sec-head{margin-bottom:20px;}
  .grand-cipher-htw-sec .htw-process-card{padding-top:150px;}
  .grand-cipher-htw-sec .htw-sec-top-icon{top:100px; left:60px;}

  .grand-cipher-htw-sec .htw-process-card-body{padding:40px 40px 40px 30px;}
  .grand-cipher-htw-sec .htw-process-card-title{font-size:32px;}
  .grand-cipher-htw-sec .htw-process-card-list-item, .grand-cipher-htw-sec .htw-process-card-list-label{font-size:20px;}
  .grand-cipher-htw-sec .htw-process-card-outer:before{height:calc(100% - 20px);}
  .htw-process-letter-icon:after{width:448px; background-size:contain; top:120px;}
  .grand-cipher-htw-sec .grid-card .htw-process-card-body{padding:40px 30px 40px 40px;}
  .grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-left:0px; padding-left:24px;}
  .htw-process-wrap-two .htw-process-letter-icon:after{background-size:contain;}
  .grand-cipher-htw-sec .create-word-card .htw-process-card-body{padding:40px 40px 40px 30px;}
  .grand-cipher-htw-sec .word-length-card .htw-process-card-body{padding:40px 30px 40px 40px;}
  .htw-process-wrap-four .htw-process-letter-icon:after{background-size:contain;}
  .grand-cipher-htw-sec .score-points-card .htw-process-card-body{padding:40px 40px 40px 30px;}
  .grand-cipher-htw-sec .countdown-timer-card{padding-top:0px;}
  .grand-cipher-htw-sec .half-column .htw-process-card-body{padding:100px 30px 30px 30px;}

  .h-line-bar{margin:70px 0px 30px;}

  .grand-cipher-game-expec-sec .sec-head.game-expectation-sec-head .sec-head-outer{max-width:691px;}
  .grand-cipher-game-expec-sec .game-expectation-item{max-width:calc(42% - 30px); margin-top:20px;}
  .grand-cipher-game-expec-sec .game-expect-details-list .game-expect-details-item{font-size:19px;}
  .grand-cipher-game-expec-sec .game-expect-icon-block{margin-top:-70px; min-height:186px;}
  .grand-cipher-game-expec-sec .game-expect-card-fig{max-width:240px; height:180px;}
  .grand-cipher-game-expec-sec .game-expect-card-fig img{width:100%; height:100%; object-fit:contain;}
  .grand-cipher-game-expec-sec .game-expectation-card-outer{min-height:auto;}

  .grand-cipher-faq-sec .sec-head.faq-sec-head .sec-head-outer{max-width:510px;}
  .grand-cipher-faq-sec .sec-main-title{height:54%;}
  .grand-cipher-game-summary-sec .game-summary-text{font-size:32px;}
  .grand-cipher-game-summary-sec .game-summary-sec-outer{padding:100px 0 240px;}


  .grand-cipher-faq-sec .faq-sec-outer{padding:0px 0px 60px;}
  .grand-cipher-faq-sec .faq-sec-head{margin-bottom:30px;}
  .grand-cipher-faq-sec .accordion-head-outer{min-height:89px;}
  .grand-cipher-faq-sec .accordion-title{font-size:28px;}
  .grand-cipher-faq-sec .accordion-text{font-size:26px;}
  .grand-cipher-faq-sec .accordion-cont-bar{min-height:82px;}
  .grand-cipher-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:28px;}
  .grand-cipher-faq-sec .accordion-head:after{width:44px;}
  .grand-cipher-faq-sec .accordion-item{padding:0px 44px; margin-bottom:25px;}
  .grand-cipher-faq-sec .accordion-item:before{font-size:28px; width:89px; height:89px;}

}

@media(max-width:1280px) {
  .grand-cipher-game .container{max-width:960px;}

  .grand-cipher-game .nav-item-label{padding:9px 20px 11px;}

  .grand-cipher-game .banner-logo{margin:20px 0px 15px;}
  .grand-cipher-game .video-block{border-width:7px;}
  .grand-cipher-about-us-sec .about-us-content{padding:60px 0px 40px;}
  .grand-cipher-about-us-sec .sec-main-title{font-size:46px;}
  .grand-cipher-about-us-sec .about-us-text{font-size:22px; margin:25px auto 30px;}
  .grand-cipher-game .base-btn .btn-text{font-size:36px;}

  .grand-cipher-game .sec-main-title{font-size:42px;}
  .grand-cipher-game .sec-head.htw-sec-head .sec-head-outer{max-width:476px;}

  .grand-cipher-htw-sec .sec-head.htw-sec-head{margin-bottom:20px;}
  .grand-cipher-htw-sec .htw-sec-top-icon{top:70px; left:60px;}
  .grand-cipher-htw-sec .htw-process-wrap-row{padding:0px 50px;}
  .grand-cipher-htw-sec .htw-process-card{padding-top:120px;}
  .grand-cipher-htw-sec .htw-process-card-body{min-height:auto;}
  .grand-cipher-htw-sec .htw-process-card-title{font-size:27px;}
  .grand-cipher-htw-sec .htw-process-card-list-item, .grand-cipher-htw-sec .htw-process-card-list-label{font-size:17px;}
  .htw-process-letter-icon:after{width:458px; top:39px; height:210px; background-size:cover; right:70px;}
  .htw-process-wrap-four .htw-process-letter-icon:after{background-size:cover; top:60px;}
  .grand-cipher-htw-sec .htw-process-wrap .full-column{padding-top:96px;}
  .grand-cipher-htw-sec .countdown-timer-card{padding-top:0px;}
  .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-body{min-height:auto;}
  .grand-cipher-htw-sec .countdown-timer-card{max-width:530px;}
  .grand-cipher-htw-sec .half-column .completion-card{padding-left:70px; padding-right:10px;}
  .grand-cipher-htw-sec .half-column .summary-card{padding-left:10px; padding-right:70px;}
  .grand-cipher-htw-sec .half-column .htw-process-card-body{padding:80px 30px 30px 30px; min-height:315px;}

  .grand-cipher-game-expec-sec .sec-head.game-expectation-sec-head .sec-head-outer{max-width:621px;}
  .grand-cipher-game-expec-sec .game-expectation-sec-head{margin-bottom:40px;}
  .grand-cipher-game-expec-sec .game-expectation-item{max-width:calc(42% - 30px); margin-top:20px;}
  .grand-cipher-game-expec-sec .game-expectation-card-outer{border:15px solid #ece4f7; border-radius:90px; padding:0 20px 30px;}
  .grand-cipher-game-expec-sec .game-expect-details-list .game-expect-details-item{font-size:17px;}
  .grand-cipher-game-expec-sec .game-expect-card-fig{max-width:60%;}
  .grand-cipher-game-expec-sec .game-expectation-list{gap:0px 65px;}
  .grand-cipher-game-expec-sec .game-expect-icon-block{margin-top:-82px; min-height:176px;}
  .grand-cipher-game-expec-sec .game-expect-card-fig{max-width:200px; height:130px;}

  .grand-cipher-game-summary-sec .game-summary-sec-outer{padding:80px 0 180px;}
  .grand-cipher-game-summary-sec .game-summary-text{font-size:27px;}


  .grand-cipher-faq-sec .sec-head.faq-sec-head .sec-head-outer{max-width:400px;}
  .grand-cipher-faq-sec .sec-main-title{height:50%;}
  .grand-cipher-faq-sec .accordion-title{font-size:24px;}
  .grand-cipher-faq-sec .accordion-text{font-size:22px;}
  .grand-cipher-faq-sec .accordion-head-outer{min-height:79px;}
  .grand-cipher-faq-sec .accordion-cont-bar{min-height:62px;}
  .grand-cipher-faq-sec .accordion-item:before{height:79px; width:79px;}
  .grand-cipher-faq-sec .accordion-head:after{width:39px;}
  .grand-cipher-faq-sec .accordion-item{padding:0px 39px; margin-bottom:20px;}
  .grand-cipher-faq-sec .accordion-body{border-width:2px;}

}

@media(max-width:1023px) {
  .grand-cipher-game .container{max-width:750px;}

  .grand-cipher-game .nav-item-label{padding:9px 14px 11px;}

  .grand-cipher-about-us-sec .about-us-content{padding:30px 0px 10px;}
  .grand-cipher-game .sec-main-title{font-size:36px;}
  .grand-cipher-about-us-sec .about-us-text{font-size:18px; margin:15px auto 20px;}

  .grand-cipher-game .base-btn{width:40%;}
  .grand-cipher-game .base-btn .btn-text{font-size:30px;}

  .grand-cipher-game .sec-head.htw-sec-head .sec-head-outer{margin-top:-7.5%; max-width:416px;}
  .grand-cipher-htw-sec .htw-sec-top-icon{top:50px; left:50px;}
  .grand-cipher-htw-sec .htw-process-wrap-row{padding:0px 30px;}
  .grand-cipher-htw-sec .htw-process-card{padding-top:80px;}
  .grand-cipher-htw-sec .htw-process-card-body{padding:40px 30px 40px 10px;}
  .grand-cipher-htw-sec .htw-process-card-title{font-size:24px;}
  .grand-cipher-htw-sec .htw-process-card-list-item, .grand-cipher-htw-sec .htw-process-card-list-label{font-size:15px;}
  .grand-cipher-htw-sec .start-game-card{padding-left:18px;}
  .grand-cipher-htw-sec .start-game-card .htw-process-card-outer:before{left:-18px;}
  .grand-cipher-htw-sec .htw-process-card-outer:before{height:calc(100% - 30px);}
  .grand-cipher-htw-sec .grid-card .htw-process-card-body{padding:40px 10px 40px 30px;}
  .grand-cipher-htw-sec .grid-card .htw-process-card-outer:before{right:-18px;}
  .grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:18px;}
  .grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{font-size:14px; top:2px;}
  .htw-process-letter-icon:after{width:318px; height:140px;}
  .htw-process-wrap-two .htw-process-letter-icon:after{left:40px; top:70px; background-size:cover;}
  .grand-cipher-htw-sec .grid-card{padding-right:18px;}
  .grand-cipher-htw-sec .create-word-card{padding-left:18px;}
  .grand-cipher-htw-sec .create-word-card .htw-process-card-outer:before{left:-18px;}
  .grand-cipher-htw-sec .word-length-card{padding-right:18px;}
  .grand-cipher-htw-sec .word-length-card .htw-process-card-outer:before{right:-18px;}
  .grand-cipher-htw-sec .score-points-card{padding-left:18px;}
  .grand-cipher-htw-sec .score-points-card .htw-process-card-outer:before{left:-18px;}
  .grand-cipher-htw-sec .create-word-card .htw-process-card-body{padding:40px 10px 40px 30px;}
  .grand-cipher-htw-sec .word-length-card .htw-process-card-body{padding:40px 10px 40px 30px;}
  .grand-cipher-htw-sec .score-points-card .htw-process-card-body{padding:40px 10px 40px 30px;}
  .grand-cipher-htw-sec .countdown-timer-card{padding-top:0px; padding:0px 20px;}
  .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-outer:before{width:calc(100% + 40px); left:-20px;}
  .grand-cipher-htw-sec .htw-process-card-outer{border-radius:55px;}
  .grand-cipher-htw-sec .htw-process-card-cont{border-radius:50px;}
  .grand-cipher-htw-sec .htw-process-wrap .full-column{padding-top:52px;}
  .grand-cipher-htw-sec .half-column .htw-process-card-body{padding:80px 20px 30px 20px;}
  .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-body{padding:40px 30px;}
  .grand-cipher-htw-sec .half-column .completion-card .htw-process-card-outer:before{left:-18px;}
  .grand-cipher-htw-sec .half-column .completion-card{padding-left:40px; padding-right:10px;}
  .grand-cipher-htw-sec .half-column .summary-card{padding-right:40px; padding-left: 10px;}
  .grand-cipher-htw-sec .half-column .summary-card .htw-process-card-outer:before{right:-18px}

  .h-line-bar{margin:40px 0px 20px;}
  .h-line.mid{width:194px;}

  .grand-cipher-game-expec-sec .sec-head.game-expectation-sec-head .sec-head-outer{max-width:531px;}
  .grand-cipher-game-expec-sec .game-expectation-item{max-width:calc(50% - 33px);}
  .grand-cipher-game-expec-sec .game-expect-details-list .game-expect-details-item{font-size:15px;}


  .grand-cipher-game-summary-sec .game-summary-text{max-width:670px; font-size:19px;}

  .grand-cipher-faq-sec .sec-head.faq-sec-head .sec-head-outer{max-width:350px;}

  .grand-cipher-faq-sec .accordion-title{font-size:20px;}
  .grand-cipher-faq-sec .accordion-text{font-size:18px;}
  .grand-cipher-faq-sec .accordion-head-outer{padding:11px 0px 12px 60px;}
  .grand-cipher-faq-sec .accordion-body{padding:10px 40px 10px 60px;}
}

@media(min-width:768px) {
  .grand-cipher-game .header{box-shadow:0px 4px 9px rgba(0, 0, 0, 0.6);}
}

@media(max-width:767px) {
  .grand-cipher-game .menu-back-icon{color:var(--clr-base-light);}
  .grand-cipher-game .close-menu-label{color:var(--clr-base-light);}
  .grand-cipher-game .nav-item-label{color:var(--clr-base-light);}
  .grand-cipher-game .menu-line{background:var(--bg-base);}

  .grand-cipher-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .grand-cipher-game .banner-logo{margin:5px 0px 0px;}
  .grand-cipher-game .banner-logo .game-logo-fig{width:32.9%;}

  .grand-cipher-game .video-block{width:85.9%; border-width:3px; border-radius:14px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.4);}
  .grand-cipher-game .video-poster, .grand-cipher-game .client-video{border-radius:10px;}

  .grand-cipher-about-us-sec{padding:0px 0px 40px;}
  .grand-cipher-about-us-sec .about-us-content{padding:30px 0px 10px;}
  .grand-cipher-game .sec-main-title{font-size:22px;}
  .grand-cipher-game .about-sec-head .sec-main-title{font-size:24px;}
  .grand-cipher-about-us-sec .about-us-text{font-size:16px; margin:10px auto 15px;}

  .grand-cipher-game .base-btn{width:186px;}
  .grand-cipher-game .base-btn .btn-text{font-size:20px;}

  .grand-cipher-htw-sec .container{padding:0px 0px;}
  .grand-cipher-htw-sec .how-to-work-sec-inner{margin:0px -3px; width:calc(100% + 6px);}
  .grand-cipher-game .sec-head.htw-sec-head .sec-head-outer{max-width:256px; margin-top:-8.5%;}
  .grand-cipher-htw-sec .sec-head.htw-sec-head{margin-bottom:30px;}

  .grand-cipher-htw-sec .htw-process-theme:before, .htw-process-letter-icon, .grand-cipher-htw-sec .htw-sec-top-icon{display:none;}
  .grand-cipher-htw-sec .htw-process-card{padding-top:0px; margin:0px;}
  .grand-cipher-htw-sec .htw-process-wrap-row{padding:0px 8px; margin-bottom:44px;}
  .grand-cipher-htw-sec .htw-process-wrap-one .htw-process-wrap-row{flex-direction:inherit;}
  .grand-cipher-htw-sec .htw-process-wrap .col-left{max-width:100%; margin:0px;}
  .grand-cipher-htw-sec .htw-process-card-outer:before{border-radius:20px;}
  .grand-cipher-htw-sec .htw-process-card-cont{border-radius:22px;}
  .grand-cipher-htw-sec .htw-process-card-outer{border-radius:23px; padding:3px;}
  .grand-cipher-htw-sec .htw-process-card-title-bar{text-align:center;}
  .grand-cipher-htw-sec .start-game-card .htw-process-card-title-bar{text-align:center;}
  .grand-cipher-htw-sec .start-game-card .htw-process-card-list-item, .grand-cipher-htw-sec .start-game-card .htw-process-card-list-label{text-align:center;}
  .grand-cipher-htw-sec .htw-process-card-title{font-size:20px;}
  .grand-cipher-htw-sec .htw-process-card-list-item, .grand-cipher-htw-sec .htw-process-card-list-label{font-size:14px;}
  .grand-cipher-htw-sec .htw-process-card-body{padding:40px;}
  .grand-cipher-htw-sec .col-right{margin-top:20px;}
  .grand-cipher-htw-sec .htw-process-card-outer:before{width:calc(100% - 10px);}
  .grand-cipher-htw-sec .grid-card .htw-process-card-body{padding:40px 20px 40px 60px;}
  .grand-cipher-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-left:-18px;}
  .grand-cipher-htw-sec .create-word-card .htw-process-card-body, .grand-cipher-htw-sec .word-length-card .htw-process-card-body, .grand-cipher-htw-sec .score-points-card .htw-process-card-body{padding:40px 20px 40px 60px;}
  .grand-cipher-htw-sec .htw-process-wrap .full-column{padding-top:0px;}
  .grand-cipher-htw-sec .countdown-timer-card{max-width:100%; width:100%;}
  .grand-cipher-htw-sec .htw-process-wrap .full-column .htw-process-theme{max-width:260px; width:67%; margin-bottom:-8px;}
  .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-outer:before{height:100%;}
  .grand-cipher-htw-sec .half-column .col-half{max-width:100%; padding:0px 8px;}
  .grand-cipher-htw-sec .htw-process-wrap .full-column{margin-bottom:0px;}
  .grand-cipher-htw-sec .half-column .htw-process-card-body{padding:40px; min-height:auto;}
  .grand-cipher-htw-sec .half-column .completion-card{padding-left:0px; padding-right:18px;}
  .grand-cipher-htw-sec .half-column .completion-card .htw-process-card-outer:before{left:auto; right:-18px;}
  .grand-cipher-htw-sec .half-column .summary-card{padding-right:0px; padding-left:18px;}
  .grand-cipher-htw-sec .half-column .summary-card .htw-process-card-outer:before{right:auto; left:-18px;}

  .h-line-bar{margin:0px 0px 20px;}
  .h-line{height:3px;}
  .h-line.mid{width:134px;}

  .grand-cipher-game-expec-sec .game-expectation-sec-outer{padding:0px 0px 20px; background-size:100% 100%;}
  .grand-cipher-game-expec-sec .sec-head.game-expectation-sec-head .sec-head-outer{max-width:322px;}
  .grand-cipher-game-expec-sec .game-expectation-sec-head{margin-bottom:20px;}
  .grand-cipher-game-expec-sec .game-expectation-card-outer{border-radius:50px; border-width:10px;}
  .grand-cipher-game-expec-sec .game-expectation-item{max-width:calc(100vw - 80px); min-width:calc(100vw - 80px); margin-top:0px;}
  .grand-cipher-game-expec-sec .game-expect-card-fig{max-width:200px; height:116px;}
  .grand-cipher-game-expec-sec .game-expect-card-title{font-size:22px;}
  .grand-cipher-game-expec-sec .game-expect-details-list .game-expect-details-item{font-size:14px;}
  .grand-cipher-game-expec-sec .game-expect-icon-block{min-height:116px; margin-top:-48px;}
  .grand-cipher-game .owl-carousel .owl-dot.active span{background:var(--bg-base);}

  .grand-cipher-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg-mob) no-repeat bottom center; background-size:cover; padding:20px 0 90px;}
  .grand-cipher-game-summary-sec .game-summary-text{font-size:14px;}

  .grand-cipher-faq-sec .faq-sec-outer{padding:0px 0px 20px;}
  .grand-cipher-faq-sec .sec-head.faq-sec-head .sec-head-outer{max-width:230px;}
  .grand-cipher-faq-sec .faq-sec-head{margin-bottom:20px;}
  .grand-cipher-faq-sec .faq-block{padding:0px;}
  .grand-cipher-faq-sec .accordion-title{font-size:14px;}
  .grand-cipher-faq-sec .accordion-text{font-size:14px;}
  .grand-cipher-faq-sec .accordion-head-outer{min-height:34px; padding:5px 0px 6px 24px;}
  .grand-cipher-faq-sec .accordion-cont-bar{min-height:auto;}
  .grand-cipher-faq-sec .accordion-item:before{height:34px; width:34px; font-size:12px;}
  .grand-cipher-faq-sec .accordion-head:after{width:17px;}
  .grand-cipher-faq-sec .accordion-item{padding:0px 17px; margin-bottom:10px;}
  .grand-cipher-faq-sec .accordion-body{padding:10px 10px 10px 24px;}
  .grand-cipher-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}

}
@media(max-width:374px) {
  .grand-cipher-htw-sec .countdown-timer-card .htw-process-card-body{padding:40px 20px;}
  .grand-cipher-htw-sec .half-column .completion-card .htw-process-card-body{padding:40px 20px;}
  .grand-cipher-game-expec-sec .game-expectation-card-outer{padding:0px 12px 30px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Grand Cipher Game CSS End // ***************************** */




/* ***************************** // Word Search Game CSS Start // ***************************** */
.word-search-game {
/*Colors*/
--clr-base:#0e527d;
--clr-base-light:#0e527d;
--clr-dark:#075a1b;
--clr-dark-alt:#000;
--clr-action:#0e527d;
--clr-action-alt:#048eff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#e8faff;
--bg-primary:#0e527d;
--bg-secondary:#0b3a58;
--bg-dark:#0c4771;
--bg-action:#0e527d;

/*Border Colors*/
--bdr1:#0e527d;
--bdr2:#0b3a58;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-btn:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
}

.word-search-game .header{box-shadow:none;}
.word-search-game .nav-item-label{font-family:var(--font-head);}
@media (hover: hover){
  .word-search-game .active .nav-item-label, .word-search-game .nav-item-label:hover {
    background:transparent;
    color: var(--clr-action-alt);
  }
}
.word-search-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.word-search-game .btn-bg img{filter:inherit;}
.word-search-game .btn-text{width:100%; height:100%; float:left; color:var(--clr-dark); font-size:45px; font-family:var(--font-btn); text-transform:inherit; position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.word-search-game .btn-bar{display:flex; justify-content:center; margin-top:20px;}
.word-search-game .btn-bar .base-btn{max-width:455px;}


.word-search-game .game-logo-fig{max-width:44.4%;}
.word-search-game .game-logo-fig img{filter:drop-shadow(0px -20px 100px rgba(0, 255, 246, 1));}

.word-search-game .banner-sec-outer{background:var(--banner-bg) no-repeat top center; background-size:100% auto; padding:0px; padding-bottom:30px;}
.word-search-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.word-search-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin:7% auto 1.5%;}
.word-search-game .banner-sec-video{background:transparent;}
.word-search-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.word-search-game .video-block{max-width:91.5%; position:relative; overflow:inherit;}
.word-search-game .video-frame img{filter:drop-shadow(0px 20px 50px rgba(0, 135, 244, 0.6));}
.word-search-game .video-poster, .word-search-game .client-video{top:4.5%; border-radius:54px; height:calc(100% - 11%); bottom:auto;}

.word-search-about-us-sec .about-us-content{padding:80px 0px 100px;}
.word-search-game .sec-main-title{font-size:70px; text-transform:inherit;}
.word-search-about-us-sec .about-us-text{float:left; width:100%; margin:10px auto 20px; font-size:36px; text-align:center; }

/* How to Work CSS Start */
.word-search-htw-sec .htw-sec-head{margin-bottom:40px;}
.word-search-htw-sec .how-to-work-process{padding:80px 0px 80px;}
.word-search-htw-sec .how-to-work-process:nth-child(odd){background:var(--bg-base);}

.word-search-htw-sec .htw-process-wrap .col-left{max-width:59%;}
.word-search-htw-sec .htw-process-wrap-one .col-left{max-width:60%;}
.word-search-htw-sec .htw-process-card:before, .word-search-htw-sec .htw-process-card:after{display:none;}
.word-search-htw-sec .htw-process-card-outer:before, .word-search-htw-sec .htw-process-card-outer:after{display:none;}
.word-search-htw-sec .htw-process-theme:after{display:none;}
.word-search-htw-sec .htw-process-card-outer{background:#c6f0ff; border-radius:80px; padding:14px; filter:drop-shadow(0px 0px 30px rgba(0, 210, 255, 0.3)); box-shadow:0px 14px 0px #87cbed;}
.word-search-htw-sec .htw-process-card-cont{background:#fff; border-radius:80px; box-shadow:0px 0px 35px #c7f1ff inset;}
.word-search-htw-sec .htw-process-card-body{background:transparent; padding:0px 20px 30px 20px; min-height:475px;}
.word-search-htw-sec .htw-process-card-title-bar{margin-top:-47px;}
.word-search-htw-sec .htw-process-card-list-block{padding:40px 20px 0px;}
.word-search-htw-sec .htw-process-card-list{padding:0px; margin:0px;}
.word-search-htw-sec .htw-process-card-list-item, .word-search-htw-sec .htw-process-card-list-label{font-size:36px; color:var(--clr-base); font-family:var(--font-head); text-align:center;}

.word-search-htw-sec .htw-process-wrap-one{flex-direction:row-reverse;}
.word-search-htw-sec .htw-process-wrap .col-left, .word-search-htw-sec .htw-process-wrap .col-right{padding:0px;}
.word-search-htw-sec .htw-process-wrap-one .col-right{padding-right:48px;}
.word-search-htw-sec .select-topic-card .htw-process-card-list-block{padding-bottom:30px;}
.word-search-htw-sec .select-topic-card .htw-process-card-body{min-height:auto;}

.word-search-htw-sec .htw-process-wrap-two{flex-direction:inherit;}
.word-search-htw-sec .htw-process-wrap-two .col-right{padding-left:48px;}
.word-search-htw-sec .choose-level-card .htw-process-card-list-block{padding:40px 20px 30px;}
.word-search-htw-sec .choose-level-card .htw-process-card-body{min-height:auto;}

.dicovery-sec-head .sec-main-title{float:left; width:100%; text-align:center;}
.dicovery-sec-head .sec-sub-title{float:left; width:100%; text-align:center; font-size:38px;}
.htw-process-row{float:left; width:100%; display:flex; gap:0 60px;}
.htw-process-row .col-half{float:left; width:100%;}
.sec-head.dicovery-sec-head{margin-bottom:30px;}
.word-search-htw-sec .col-half .htw-process-card-list-item{font-size:26px;}
.htw-process-theme-block{float:left; width:100%; margin-top:30px;}
.htw-process-theme-block .htw-process-theme{float:left; width:100%; border-radius:30px; overflow:hidden; filter:drop-shadow(0px 0px 5px rgba(0, 210, 255, 0.4));}
.word-search-htw-sec .col-half .htw-process-card-outer{padding:10px; border-radius:60px;}
.word-search-htw-sec .col-half .htw-process-card-cont{border-radius:50px;}
.word-search-htw-sec .col-half .htw-process-card-body{padding:0px 15px 15px 15px;}

.word-search-htw-sec .htw-process-wrap-four .col-right{padding-right:48px;}
.word-search-htw-sec .scoring-system-card .htw-process-card-list-block{padding-top:10px;}

.word-search-htw-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:0px;}
.word-search-htw-sec .htw-process-wrap-five .col-left{max-width:50%; margin:0px auto; display:flex; justify-content:center;}
.word-search-htw-sec .htw-process-wrap-five .htw-process-theme{max-width:70.1%; margin:0px auto;}
.word-search-htw-sec .htw-process-wrap-five .col-right{max-width:50%; margin:0px;}
.word-search-htw-sec .game-summary-card .htw-process-card-outer{padding:0px; border-radius:0px; filter:inherit; box-shadow:none; background:transparent;}
.word-search-htw-sec .game-summary-card .htw-process-card-cont{border-radius:0px; box-shadow:none; background:transparent; padding:0px;}
.word-search-htw-sec .game-summary-card .htw-process-card-body{padding:0px; min-height:auto;}
.word-search-htw-sec .game-summary-card .htw-process-card-list-block{padding:0px;}
.word-search-htw-sec .game-summary-card .htw-process-card-list-item, .word-search-htw-sec .game-summary-card .htw-process-card-list-label{text-align:left; font-size:30px;}
.word-search-htw-sec .game-summary-card .htw-process-card-title-bar{margin-top:0px; margin-bottom:30px; padding:0px;}
.word-search-htw-sec .game-summary-card .htw-process-card-title{font-size:70px; color:var(--clr-base); text-transform:inherit;}
.word-search-htw-sec .htw-process-wrap-five .htw-process-theme img{filter:drop-shadow(0px 0px 20px rgba(0, 210, 255, 0.3));}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.word-search-game-expec-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat top center; background-size:cover;}
.word-search-game-expec-sec .sec-head{margin-bottom:30px;}
.word-search-game-expec-sec .sec-main-title{color:#fff;}
.word-search-game-expec-sec .game-expectation-list{gap:75px 70px;}
.word-search-game-expec-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - 47px);}
.word-search-game-expec-sec .game-expectation-card-outer{padding:0px; margin:0px; border-radius:50px; padding:0px; box-shadow:0px 0px 35px #c7f1ff inset;}
.word-search-game-expec-sec .game-expectation-card-body{background:transparent; box-shadow:0px 5px 0px #003658; border-radius:50px; padding:30px 20px;}
.word-search-game-expec-sec .game-expect-icon-block{top:0px; margin-top:0px; margin-bottom:10px; align-items:center;}
.word-search-game-expec-sec .game-expect-card-fig{background:var(--bg-dark); width:100px; min-width:100px; height:100px; padding:4px; border-radius:100%; display:flex; align-items:center; justify-content:center;}
.word-search-game-expec-sec .game-expect-card-fig img{width:auto;}
.word-search-game-expec-sec .game-expect-card-title{font-size:28px; text-align:left; margin:0px; padding:0px 0px 0px 10px;}
.word-search-game-expec-sec .game-expect-details-item{padding:0px; font-size:20px; text-align:center; color:var(--clr-dark-alt);}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.word-search-game-summary-cont{background:linear-gradient(to top, rgba(91,222,246,0.9) 0%,rgba(4,148,255,0.9) 100%); border-radius:30px; margin-top:105px;}
.word-search-game-summary-cont .game-summary-cont-outer{padding:80px 60px 80px;}
.word-search-game-summary-cont .game-summary-text{font-size:40px; color:#fff; max-width:100%;}
.word-search-game-expec-sec .btn-bar{margin-top:0px;}
.word-search-game-expec-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.word-search-faq-sec .faq-sec-outer{background:transparent; position:relative; padding:70px 0 70px;}
.word-search-faq-sec .top-bg-fig{top:0px; right:0px; bottom:auto; left:auto; max-width:468px; width:25%;}
.word-search-faq-sec .bottom-bg-fig{top:auto; right:auto; bottom:0px; left:0px; max-width:442px; width:24%;}
.word-search-faq-sec .faq-sec-head{margin-bottom:40px;}
.word-search-faq-sec .faq-sec-head .sec-main-title{color:var(--clr-base);}
.word-search-faq-sec .accordion-item{margin-bottom:30px;}
.word-search-faq-sec .accordion-card{padding:0px; border:4px solid var(--bdr2); border-radius:30px;}
.word-search-faq-sec .accordion-head{padding:0px;}
.word-search-faq-sec .accordion-head-outer{border-radius:0px; box-shadow:none; background:transparent; min-height:100px;}
.word-search-faq-sec .accordion-title{font-size:40px; color:var(--clr-base); font-family:var(--font-base);}
.word-search-faq-sec .accordion-body{padding:0px 20px; background:var(--bg-secondary); border-radius:0px 0px 22px 22px;}
.word-search-faq-sec .accordion-cont-bar{padding:30px 0px; min-height:auto; align-items:flex-start; flex-wrap:nowrap;}
.word-search-faq-sec .answer-label{font-size:40px; color:#fff; font-family:var(--font-base); margin-right:5px; margin-top:-6px;}
.word-search-faq-sec .accordion-text{font-size:30px; color:#fff; font-family:var(--font-base);}
.word-search-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:36px; color:var(--clr-base); }
/*FAQ CSS End */

.word-search-game .footer{background:#0b3a58;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .word-search-game .sec-main-title{font-size:58px;}
  .word-search-about-us-sec .about-us-content{padding:60px 0px 60px;}
  .word-search-about-us-sec .about-us-text{font-size:31px;}
  .word-search-game .btn-bar .base-btn{max-width:405px;}
  .word-search-game .btn-text{font-size:42px;}

  .word-search-htw-sec .how-to-work-process{padding:60px 0px 60px;}
  .word-search-htw-sec .htw-process-wrap .col-left{max-width:55%;}
  .word-search-htw-sec .htw-process-wrap-one .col-left{max-width:56%;}
  .word-search-htw-sec .htw-process-card-list-item, .word-search-htw-sec .htw-process-card-list-label{font-size:29px;}
  .word-search-htw-sec .htw-process-card-body{min-height:365px;}
  .word-search-htw-sec .htw-process-card-title-bar{margin-top:-43px; padding:0px 20px;}
  .dicovery-sec-head .sec-sub-title{font-size:33px;}
  .word-search-htw-sec .col-half .htw-process-card-list-item{font-size:22px;}
  .word-search-htw-sec .htw-process-wrap-five .col-left{max-width:50%;}
  .word-search-htw-sec .game-summary-card .htw-process-card-title{font-size:58px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-list-item, .word-search-htw-sec .game-summary-card .htw-process-card-list-label{font-size:25px;}

  .word-search-game-expec-sec .game-expectation-list{gap:55px 50px;}
  .word-search-game-expec-sec .game-expectation-item{max-width:calc((100% / 3) - 34px);}
  .word-search-game-expec-sec .game-expect-card-title{font-size:24px;}
  .word-search-game-expec-sec .game-expect-details-item{font-size:17px;}
  .word-search-game-expec-sec .game-expect-card-fig{width:86px; height:86px;; min-width:86px;}
  .word-search-game-expec-sec .game-expect-card-fig img{height:70%; width:80%; object-fit:contain;}

  .word-search-game-summary-cont{margin-top:75px;}
  .word-search-game-summary-cont .game-summary-cont-outer{padding:60px 40px 60px;}
  .word-search-game-summary-cont .game-summary-text{font-size:32px;}


  .word-search-faq-sec .accordion-head-outer{min-height:80px;}
  .word-search-faq-sec .accordion-cont-bar{padding:20px 0px;}
  .word-search-faq-sec .accordion-title, .word-search-faq-sec .answer-label{font-size:32px;}
  .word-search-faq-sec .accordion-text{font-size:26px;}
  .word-search-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:30px;}
  .word-search-faq-sec .accordion-card{border-radius:20px;}
  .word-search-faq-sec .accordion-body{border-radius:0px 0px 14px 14px;}
}

@media(max-width:1280px) {
  .word-search-game .container{max-width:960px;}

  .word-search-game .nav-item-label{padding:9px 16px;}

  .word-search-game .video-poster, .word-search-game .client-video{border-radius:34px;}

  .word-search-game .sec-main-title{font-size:52px;}
  .word-search-about-us-sec .about-us-content{padding:40px 0px 40px;}
  .word-search-about-us-sec .about-us-text{font-size:27px;}
  .word-search-game .btn-bar .base-btn{max-width:345px;}
  .word-search-game .btn-text{font-size:36px;}

  .word-search-htw-sec .htw-process-card-list-item, .word-search-htw-sec .htw-process-card-list-label{font-size:24px;}
  .word-search-htw-sec .htw-process-card-outer{border-radius:60px; filter:drop-shadow(0px 0px 15px rgba(0, 210, 255, 0.3));}
  .word-search-htw-sec .htw-process-card-cont{border-radius:60px;}
  .word-search-htw-sec .htw-process-card-body{min-height:315px;}
  .word-search-htw-sec .choose-level-card .htw-process-card-list-block{padding:30px 0px 20px;}
  .word-search-htw-sec .htw-process-card-list-block{padding:30px 10px 0px;}
  .word-search-htw-sec .select-topic-card .htw-process-card-list-block{padding-bottom:20px;}
  .word-search-htw-sec .htw-process-card-title-bar{margin-top:-35px; padding:0px;}
  .dicovery-sec-head .sec-sub-title{font-size:27px;}
  .word-search-htw-sec .col-half .htw-process-card-list-item{font-size:18px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-title{font-size:52px;}
  .word-search-htw-sec .htw-process-wrap-five .col-right{max-width:60%;}
  .word-search-htw-sec .htw-process-wrap-five .col-left{max-width:40%;}
  .word-search-htw-sec .htw-process-wrap-five .htw-process-theme{max-width:90.1%;}
  .word-search-htw-sec .game-summary-card .htw-process-card-list-item, .word-search-htw-sec .game-summary-card .htw-process-card-list-label{font-size:22px;}

  .word-search-game-expec-sec .game-expectation-list{gap:45px 40px;}
  .word-search-game-expec-sec .game-expectation-item{max-width:calc((100% / 3) - 27px);}
  .word-search-game-expec-sec .game-expect-card-title{font-size:20px;}
  .word-search-game-expec-sec .game-expect-details-item{font-size:15px;}
  .word-search-game-expec-sec .game-expect-card-fig{width:76px; height:76px;; min-width:76px;}
  .word-search-game-expec-sec .game-expectation-card-body{padding:20px 15px; border-radius:30px;}
  .word-search-game-expec-sec .game-expectation-card-outer{border-radius:30px;}

  .word-search-game-summary-cont .game-summary-cont-outer{padding:50px 30px 50px;}
  .word-search-game-summary-cont .game-summary-text{font-size:26px;}

  .word-search-faq-sec .faq-sec-outer{padding:50px 0 50px;}
  .word-search-faq-sec .accordion-title, .word-search-faq-sec .answer-label{font-size:28px;}
  .word-search-faq-sec .accordion-text{font-size:21px;}

}

@media(max-width:1023px) {
  .word-search-game .container{max-width:750px;}

  .word-search-game .nav-item-label{padding:9px 12px;}

  .word-search-game .banner-sec-outer{padding-bottom:0px;}
  .word-search-game .video-poster, .word-search-game .client-video{border-radius:27px;}
  .word-search-game .video-frame img{filter:drop-shadow(0px 10px 30px rgba(0, 135, 244, 0.6));}

  .word-search-game .sec-main-title{font-size:44px;}
  .word-search-about-us-sec .about-us-text{font-size:20px; margin:0px auto 10px;}
  .word-search-game .btn-bar .base-btn{max-width:285px;}
  .word-search-game .btn-text{font-size:30px;}

  .word-search-htw-sec .how-to-work-process{padding:40px 0px 40px;}
  .word-search-htw-sec .htw-process-card-list-item, .word-search-htw-sec .htw-process-card-list-label{font-size:20px;}
  .word-search-htw-sec .htw-process-card-outer{border-radius:50px; padding:8px; box-shadow:0px 10px 0px #87cbed; filter:drop-shadow(0px 0px 10px rgba(0, 210, 255, 0.3));}
  .word-search-htw-sec .htw-process-card-cont{border-radius:50px;}
  .word-search-htw-sec .htw-process-card-body{min-height:285px;}
  .word-search-htw-sec .choose-level-card .htw-process-card-list-block{padding:20px 10px 0px;}
  .word-search-htw-sec .htw-process-card-list-block{padding:20px 10px 0px;}
  .word-search-htw-sec .select-topic-card .htw-process-card-list-block{padding-bottom:0px;}
  .word-search-htw-sec .htw-process-card-title-bar{margin-top:-22px;}
  .dicovery-sec-head .sec-sub-title{font-size:22px;}
  .word-search-htw-sec .col-half .htw-process-card-list-item{font-size:16px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-title-bar{margin-bottom:10px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-title{font-size:44px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-list-item, .word-search-htw-sec .game-summary-card .htw-process-card-list-label{font-size:18px;}


  .word-search-game-expec-sec .game-expectation-sec-outer{padding:30px 0 50px;}
  .word-search-game-expec-sec .game-expectation-list{gap:25px 20px;}
  .word-search-game-expec-sec .game-expectation-item{max-width:calc((100% / 3) - 14px);}
  .word-search-game-expec-sec .game-expect-card-title{font-size:18px;}
  .word-search-game-expec-sec .game-expect-details-item{font-size:13px;}
  .word-search-game-expec-sec .game-expect-card-fig{width:66px; height:66px;; min-width:66px;}

  .word-search-game-summary-cont{margin-top:55px;}
  .word-search-game-summary-cont .game-summary-cont-outer{padding:40px 30px 40px;}
  .word-search-game-summary-cont .game-summary-text{font-size:24px;}

  .word-search-faq-sec .faq-sec-outer{padding:40px 0 40px;}
  .word-search-faq-sec .faq-sec-head{margin-bottom:20px;}
  .word-search-faq-sec .accordion-item{margin-bottom:20px;}
  .word-search-faq-sec .accordion-title, .word-search-faq-sec .answer-label{font-size:24px;}
  .word-search-faq-sec .accordion-text{font-size:18px;}
  .word-search-faq-sec .accordion-head-outer{min-height:66px;}
  .word-search-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
}

@media(max-width:767px) {
  .word-search-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #3dec62, 1px -1px 0 #3dec62, -1px 1px 0 #3dec62, -1px -1px 0 #3dec62, 1px 0 0 #3dec62, 0 1px 0 #3dec62, -1px 0 0 #3dec62;
  }

  .word-search-game .banner-sec-outer{background:var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .word-search-game .banner-content{flex-direction:inherit;}
  .word-search-game .game-logo-fig{max-width:64.4%;}

  .word-search-game .video-poster, .word-search-game .client-video{border-radius:13px;}
  .word-search-game .video-frame img{filter:drop-shadow(0px 4px 10px rgba(0, 135, 244, 0.6));}

  .word-search-about-us-sec .about-us-content{padding:24px 0px 30px;}
  .word-search-game .about-sec-head{margin-bottom:6px;}
  .word-search-game .sec-main-title{font-size:24px;}
  .word-search-about-us-sec .about-us-text{font-size:14px; padding:0px;}
  .word-search-game .btn-bar{margin-top:10px;}
  .word-search-game .btn-bar .base-btn{max-width:205px;}
  .word-search-game .btn-text{font-size:21px;}

  .word-search-htw-sec .how-to-work-process{padding:40px 0px 48px;}
  .word-search-htw-sec .htw-sec-head{margin-bottom:20px;}
  .word-search-htw-sec .htw-process-wrap .col-left{max-width:100%;}
  .word-search-htw-sec .htw-process-wrap .col-right{padding:40px 0px 0px;}
  .word-search-htw-sec .htw-process-card-outer{border-radius:30px; box-shadow:0px 8px 0px #87cbed; filter:drop-shadow(0px 0px 6px rgba(0, 210, 255, 0.4)); margin-top:0px;}
  .word-search-htw-sec .htw-process-card-cont{border-radius:24px;}
  .word-search-htw-sec .htw-process-card{margin-top:0;}
  .word-search-htw-sec .htw-process-card-body{min-height:auto; padding:0px 20px 10px 20px;}
  .word-search-htw-sec .choose-level-card .htw-process-card-list-block{padding:20px 0px 0px;}
  .word-search-htw-sec .htw-process-card-title-bar{margin-top:-34px;}
  .word-search-htw-sec .htw-process-card-list-item, .word-search-htw-sec .htw-process-card-list-label{font-size:18px; line-height:1.5em;}
  .word-search-htw-sec .htw-process-card-list-block{display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
  .dicovery-sec-head .sec-sub-title{font-size:12px; margin-top:10px;}
  .htw-process-row{flex-wrap:wrap; gap:30px 0px;}
  .word-search-htw-sec .col-half .htw-process-card-outer{border-radius:30px; box-shadow:0px 8px 0px #87cbed; filter:drop-shadow(0px 0px 6px rgba(0, 210, 255, 0.4)); padding:8px;}
  .word-search-htw-sec .col-half .htw-process-card-cont{border-radius:24px;}
  .word-search-htw-sec .col-half .htw-process-card-list-block{min-height:auto;}
  .word-search-htw-sec .col-half .htw-process-card-list-item{font-size:14px; line-height:normal;}
  .htw-process-theme-block{margin-top:0px;}
  .word-search-htw-sec .col-half .htw-process-card-body{padding:0px;}
  .htw-process-theme-block .htw-process-theme{border-radius:20px; filter:inherit;}

  .word-search-htw-sec .htw-process-wrap-five{flex-direction:column-reverse;}
  .word-search-htw-sec .htw-process-wrap-five .col-right{max-width:100%; padding:0px;}
  .word-search-htw-sec .htw-process-wrap-five .col-left:before{display:none;}
  .word-search-htw-sec .htw-process-wrap-five .htw-process-theme{max-width:100%;}
  .word-search-htw-sec .htw-process-wrap-five .htw-process-theme{filter:drop-shadow(0px 0px 6px rgba(0, 210, 255, 0.1));}
  .word-search-htw-sec .game-summary-card .htw-process-card-title-bar{text-align:center;}
  .word-search-htw-sec .game-summary-card .htw-process-card-title{font-size:24px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-list-block{min-height:auto; padding:0px 10px;}
  .word-search-htw-sec .game-summary-card .htw-process-card-list-item, .word-search-htw-sec .game-summary-card .htw-process-card-list-label{text-align:center; font-size:15px; line-height:normal;}


  .word-search-game-expec-sec .game-expectation-sec-outer{background:var(--game-expectation-bg-mob) no-repeat top center; background-size:cover; padding:30px 0 40px;}
  .word-search-game-expec-sec .sec-head{margin-bottom:20px;}
  .word-search-game-expec-sec .game-expectation-list{gap:0px;}
  .word-search-game-expec-sec .game-expectation-item{min-width:calc(100vw - 120px); max-width:calc(100vw - 120px); padding-bottom:5px;}
  .word-search-game-expec-sec .game-expectation-card-body{padding:15px 15px 10px;}
  .word-search-game-expec-sec .game-expect-details-item{font-size:11px;}
  .word-search-game-expec-sec .owl-carousel .owl-dots{margin:15px 0px 30px;}
  .word-search-game-expec-sec .owl-carousel .owl-dot span{background:#021e43; border:none;}
  .word-search-game-expec-sec .owl-carousel .owl-dot.active span{background:#fff;}

  .word-search-game-summary-cont{margin:0px 8px; width:calc(100vw - 16px);}
  .word-search-game-summary-cont .game-summary-cont-outer{padding:40px 10px 40px;}
  .word-search-game-summary-cont .game-summary-text{font-size:19px;}
  .word-search-game-expec-sec .btn-bar{margin-top:0px;}

  .word-search-faq-sec .faq-sec-outer{padding:30px 0px 30px;}
  .word-search-faq-sec .faq-sec-head{margin-bottom:10px;}
  .word-search-faq-sec .accordion-card{border-width:2px;}
  .word-search-faq-sec .faq-block{padding:0px;}
  .word-search-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .word-search-faq-sec .accordion-card{border-radius:8px;}
  .word-search-faq-sec .accordion-head-outer{min-height:auto;}
  .word-search-faq-sec .answer-label{margin-top:0px;}
  .word-search-faq-sec .accordion-title, .word-search-faq-sec .answer-label{font-size:14px;}
  .word-search-faq-sec .accordion-text{font-size:14px;}
  .word-search-faq-sec .accordion-item{margin-bottom:8px;}
  .word-search-faq-sec .accordion-cont-bar{padding:10px 0px;}
  .word-search-faq-sec .accordion-body{border-radius:0px 0px 4px 4px; padding:0px 10px;}
  .word-search-faq-sec .top-bg-fig{max-width:150px; top:20px;}
  .word-search-faq-sec .bottom-bg-fig{max-width:141px; bottom:20px;}
}

@media (min-width:414px) and (max-width:767px) and (orientation:portrait) {
  .word-search-about-us-sec .about-us-text{max-width:400px;}
}
@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .word-search-htw-sec .choose-level-card .htw-process-card-body{padding:0 30px 10px;}
  .word-search-about-us-sec .about-us-text{max-width:92%;}
  .word-search-game-summary-cont .game-summary-text{font-size:18px;}
  .word-search-game-expec-sec .game-expect-details-list.list-style-none .game-expect-details-item{padding:0px 14px;}
}
@media(max-width:360px) {
  .dicovery-sec-head .sec-sub-title{font-size:11px;}
  .word-search-game-expec-sec .game-expect-details-list.list-style-none .game-expect-details-item{padding:0px 6px;}
}
@media(max-width:374px) {
  .word-search-htw-sec .select-topic-card .htw-process-card-list-block{padding:20px 0px 0px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Word Search Game CSS End // ***************************** */




/* ***************************** // Picture Pursuit Game CSS Start // ***************************** */
.picture-pursuit-game {
/*Colors*/
--clr-base:#0d6cd8;
--clr-base-light:#ffde00;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#0e5fbb;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#0d6cd8;
--bg-primary:#0e5fbb;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
  
/*Fonts*/
--font-base:"Montserrat", sans-serif;
--font-head:'Angry Birds Movie', sans-serif;
--font-btn:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);

}

.picture-pursuit-game .header{box-shadow:none;}
.picture-pursuit-game .nav-item-label{font-weight:600;}
@media (hover: hover){
  .picture-pursuit-game .active .nav-item-label, .picture-pursuit-game .nav-item-label:hover {
    background:var(--clr-action);
    color: var(--clr-action-alt);
  }
}
.picture-pursuit-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.picture-pursuit-game .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.picture-pursuit-game .btn-bar{display:flex; justify-content:center; margin-top:40px;}
.picture-pursuit-game .btn-bar .base-btn{max-width:514px;}


.picture-pursuit-game .game-logo-fig{max-width:52.2%;}

.picture-pursuit-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; margin-bottom:300px;}
.picture-pursuit-game .banner-sec-outer{background:transparent; padding:0px;}
.picture-pursuit-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.picture-pursuit-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin:-2% auto;}
.picture-pursuit-game .banner-sec-video{background:transparent;}
.picture-pursuit-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.picture-pursuit-game .video-block{max-width:65.1%; position:relative; overflow:inherit;}
.picture-pursuit-game .video-poster, .picture-pursuit-game .client-video{top:6.2%; left:3.5%; right:3.5%; border-radius:32px; height:calc(100% - 12.4%); width:calc(100% - 7%); bottom:auto;}
.picture-pursuit-game .video-shadow{bottom:-15px;}

.picture-pursuit-game .sec-head{display:flex; align-items:center; justify-content:center; margin-top:-60px;}
.picture-pursuit-game .sec-head-outer{float:left; width:100%; position:relative; max-width:1007px; display:flex; align-items:center; justify-content:center;}
.picture-pursuit-game .htw-sec-head .sec-head-outer{max-width:707px;}
.picture-pursuit-game .sec-head-bg{float:left; width:100%;}
.picture-pursuit-game .sec-head-bg img{float:left; width:100%; filter:drop-shadow(0px 8px 7px rgba(0, 0, 0, 0.5));}
.picture-pursuit-game .sec-main-title{font-size:51px; padding-top:10px; text-shadow:var(--text-shadow); text-transform:uppercase; color:#fff; position:absolute;}

.picture-pursuit-about-us-sec{padding:120px 0px 0px;}
.picture-pursuit-about-us-sec .sec-head{margin-top:-120px;}
.picture-pursuit-about-us-sec .about-us-text{font-size:34px; color:#5e0000; font-weight:600; text-align:center;}
.picture-pursuit-about-us-sec .about-us-content{float:left; width:100%; padding:60px 40px; border-radius:40px; background:linear-gradient(to top, #fd980f 0%,#fed759 50%); box-shadow:0px -8px 16px rgba(180, 97, 0, 1) inset, 0px -8px 16px rgba(180, 97, 0, 1) inset; filter:drop-shadow(0px 12px 11px rgba(12, 71, 102, 0.5)); position:relative;}
.picture-pursuit-about-us-sec .about-us-content:before{content:""; position:absolute; top:5px; left:10px; right:10px; background:url(../images/picture-pursuit/about-us-top-bg.webp)no-repeat top center; width:calc(100% - 20px); background-size:100% 100%; height:63px;}
.picture-pursuit-about-us-sec .about-us-outer{position:relative; margin-bottom:-230px;}
.picture-pursuit-about-us-sec .about-us-outer:after{content:""; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; background:var(--bg-primary); width:1048px; height:102px; border-radius:100px; z-index:-1;}
.picture-pursuit-about-us-sec .about-us-btn-bar{margin-bottom:-110px;}

/* How to Work CSS Start */
.picture-pursuit-htw-sec{margin-top:220px;}

.picture-pursuit-htw-sec .htw-process-theme:after{display:none;}
.picture-pursuit-htw-sec .htw-process-card:before, .picture-pursuit-htw-sec .htw-process-card:after, 
.picture-pursuit-htw-sec .htw-process-card-outer:before, .picture-pursuit-htw-sec .htw-process-card-outer:after{display:none;}
.picture-pursuit-htw-sec .htw-process-card-body{background:transparent; min-height:332px; display:flex; flex-wrap:wrap; align-content:center; align-items:center; padding:70px 20px 40px 22%;}
.picture-pursuit-htw-sec .htw-process-card-outer{background:transparent; padding:0px;}
.picture-pursuit-htw-sec .htw-process-card-cont{background:var(--bg-base); border-radius:38px; padding:0px;}
.picture-pursuit-htw-sec .htw-process-card-title{font-family:var(--font-base); text-transform:inherit; font-size:69px; font-weight:800; color:var(--clr-base-light);}
.picture-pursuit-htw-sec .htw-process-card-list-item, .picture-pursuit-htw-sec .htw-process-card-list-label{font-family:var(--font-base); font-size:35px; font-weight:500; color:#fff;}
.picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:40px;}
.picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:auto; height:auto; content:"\ea1b"; font-family: 'isg-icons'; font-size:16px; background:transparent; left:10px; top:10px;}
.picture-pursuit-htw-sec .step-card-icon{left:18%; right:auto; max-width:183px;}
.picture-pursuit-htw-sec .card-cloud-icon{position:absolute; left:77%; top:-90px; float:left; width:100%; max-width:263px;}
.card-cloud-icon img{float:left; width:100%;}
.picture-pursuit-htw-sec .step-card-icon:before{content:""; position:absolute; left:-56%; background:url(../images/picture-pursuit/arrow-right.webp) no-repeat bottom center; bottom:calc(100% - 10px); width:211px; height:192px;}

.picture-pursuit-htw-sec .htw-process-wrap{flex-wrap:nowrap; align-items:flex-end;}
.picture-pursuit-htw-sec .htw-process-wrap .col-left{max-width:100%; flex:0 0 55.2%; margin-right:-10.6%; position:relative; z-index:2; padding:0px;}
.picture-pursuit-htw-sec .htw-process-wrap .col-right{max-width:100%; flex:0 0 55.4%; padding:0px 0px 40px 0px; position:relative; z-index:1;}

.picture-pursuit-htw-sec .how-to-work-process-sec-one{background:var(--bg-base);}
.picture-pursuit-htw-sec .htw-process-wrap-one{padding:130px 0px 148px;}
.picture-pursuit-htw-sec .game-start-card .htw-process-card-cont{background:#fff;}
.picture-pursuit-htw-sec .game-start-card .htw-process-card-title{color:var(--clr-base);}
.picture-pursuit-htw-sec .game-start-card .htw-process-card-list-item, .picture-pursuit-htw-sec .game-start-card .htw-process-card-list-label{color:var(--clr-base);}

.picture-pursuit-htw-sec .gallery-card .htw-process-card-body{padding:70px 18% 40px 80px;}
.picture-pursuit-htw-sec .htw-process-wrap-two .col-left{margin-right:auto; margin-left:-10.6%;}
.picture-pursuit-htw-sec .gallery-card .step-card-icon{left:auto; right:22%;}
.picture-pursuit-htw-sec .gallery-card .step-card-icon:before{background:url(../images/picture-pursuit/arrow-left.webp) no-repeat bottom center; width:176px; height:135px; left:auto; right:-72%; bottom:calc(100% + 30px);}
.picture-pursuit-htw-sec .how-to-work-process-sec-two{background:url('../images/picture-pursuit/htw-process-sec-two-bg.webp') no-repeat top left; background-size:100% auto;}
.picture-pursuit-htw-sec .htw-process-wrap-two{padding:164px 0px 148px;}

.picture-pursuit-htw-sec .htw-process-wrap-three .col-left{margin-bottom:80px;}
.picture-pursuit-htw-sec .htw-process-wrap-three .col-right{padding:0px 0px 68px 0px;}
.picture-pursuit-htw-sec .htw-process-theme-icon{position:absolute; top:-24px; left:-34px; right:auto; bottom:auto; float:left; width:100%; max-width:94px;}
.picture-pursuit-htw-sec .difficulty-card .htw-process-card-body{padding:90px 20px 110px 22%;}
.picture-pursuit-htw-sec .htw-card-btn-bar{position:absolute; right:0px; bottom:-70px; justify-content:flex-end; padding-right:40px;}
.grid-row{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:0px 50px; margin-top:60px; position:relative;}
.grid-row:before{content:""; position:absolute; z-index:-1; bottom:40%; height:calc(100% + 40%); left:0px; width:100%; border-radius:40px; background:var(--bg-secondary);}
.grid-col{float:left; max-width:calc((100% / 3) - 34px);}
.picture-pursuit-htw-sec .how-to-work-process-sec-three{padding:164px 0px 148px; background:url('../images/picture-pursuit/htw-process-sec-three-bg.webp') no-repeat top right; background-size:100% auto;}

.picture-pursuit-htw-sec .how-to-work-process-sec-four{background: url('../images/picture-pursuit/htw-process-sec-four-bg.webp') no-repeat top left; background-size:100% auto;}
.picture-pursuit-htw-sec .game-play-card .htw-process-card-cont{background:var(--bg-secondary);}
.picture-pursuit-htw-sec .game-play-card .htw-process-card-body{padding:70px 20% 40px 60px;}
.picture-pursuit-htw-sec .game-play-card .htw-process-card-title{color:var(--clr-dark);}
.picture-pursuit-htw-sec .game-play-card .htw-process-card-list-item, .picture-pursuit-htw-sec .game-play-card .htw-process-card-list-label{color:var(--clr-dark-alt);}
.picture-pursuit-htw-sec .htw-process-wrap-four .col-left{margin-right:auto; margin-bottom:40px; margin-left:-10.6%;}
.picture-pursuit-htw-sec .game-play-card .step-card-icon{left:auto; right:22%;}
.picture-pursuit-htw-sec .game-play-card .step-card-icon:before{background:url(../images/picture-pursuit/arrow-left.webp) no-repeat bottom center; width:176px; height:135px; left:auto; right:-72%; bottom:calc(100% + 30px);}
.picture-pursuit-htw-sec .htw-process-wrap-four .col-right{padding:0px;}
.picture-pursuit-htw-sec .htw-process-wrap-four .htw-process-theme-icon{left:auto; right:-34px;}
.picture-pursuit-htw-sec .htw-process-wrap-four{margin-bottom:-200px;}

.controls-stats-display-wrap{float:left; width:100%; background-color:var(--bg-base); background-image:var(--stats-display-bg); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; padding:240px 0px 0px;}
.controls-stats-display-body{padding-left:80px;}
.controls-stats-display-title-bar{margin-bottom:60px;}
.controls-stats-display-title{font-size:49px; color:#fff; font-weight:700;}
.controls-stats-display-list-block{padding-left:20px;}
.controls-stats-display-list-item{float:left; width:100%; margin-bottom:20px;}
.controls-stats-display-cont{float:left; width:100%; display:flex;}
.controls-stats-display-cont .icon-col{float:left; width:220px; display:flex; justify-content:center;}
.controls-stats-display-cont .text-block{float:left; width:100%;}
.csd-item-title{float:left; width:100%; font-size:49px; color:var(--clr-base-light); font-weight:700;}
.csd-list{float:left; width:100%; margin-top:10px; padding-left:24px;}
.csd-list-item{float:left; width:100%; font-size:35px; color:#fff; font-weight:500; margin-bottom:24px; position:relative;}
.csd-list:not(.list-style-none) .csd-list-item{padding-left:40px;}
.csd-list:not(.list-style-none) .csd-list-item:before{content:"\ea1b"; position:absolute; font-family: 'isg-icons'; font-size:16px; background:transparent; left:10px; top:10px;}
.controls-stats-display-theme{position:relative; left:-10.6%; margin-bottom:-12%;}

.picture-pursuit-htw-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:250px 0 0;}
.picture-pursuit-htw-sec .game-summary-card .htw-process-card-body{padding:70px 14% 40px 30px;}
.picture-pursuit-htw-sec .htw-process-wrap-five .col-right{padding-bottom:0px;}
.picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-block{padding-left:40px;}
.picture-pursuit-htw-sec .htw-process-wrap-five .col-left{margin-right:auto; margin-left:-10.6%;}
.picture-pursuit-htw-sec .htw-process-wrap-five .htw-process-theme-icon{left:auto; right:-34px; top:-34px; max-width:128px;}
.picture-pursuit-htw-sec .game-summary-card .step-card-icon{left:auto; right:22%;}
.picture-pursuit-htw-sec .game-summary-card .step-card-icon:before{background:url(../images/picture-pursuit/arrow-left.webp) no-repeat bottom center; width:176px; height:135px; left:auto; right:-72%; bottom:calc(100% + 30px);}
.picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-item, .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-label{font-size:33px;}

.picture-pursuit-htw-sec .htw-process-wrap-six{padding:132px 0px 250px;}
.picture-pursuit-htw-sec .htw-process-wrap-six .col-left{flex:0 0 61.1%; margin-right:-16.6%;}
.picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme:before{content:""; position:absolute; background:url(../images/picture-pursuit/arrow-right-3.webp) no-repeat bottom center; width:360px; height:297px; left:85%; bottom:calc(100% - 190px);}
.picture-pursuit-htw-sec .total-score-card .htw-process-card-body{min-height:auto; padding:40px 20px 60px 22%;}
.picture-pursuit-htw-sec .total-score-card .htw-process-card-list-item, .picture-pursuit-htw-sec .total-score-card .htw-process-card-list-label{font-size:33px;}
.picture-pursuit-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 80px 0px;}
.picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme-icon{left:96px; top:auto; bottom:-42px; max-width:128px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.picture-pursuit-game-expectation-sec .game-expectation-sec-outer{background:var(--bg-base); padding:0px 0px 150px;}
.picture-pursuit-game-expectation-sec .sec-head-outer{max-width:707px;}

.picture-pursuit-game-expectation-sec .game-expectation-list{gap:0px 13px;}
.picture-pursuit-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 10px); margin-top:80px;}
.picture-pursuit-game-expectation-sec .game-expectation-card-outer{border-radius:38px; margin-top:0px; padding:14px 24px 24px; box-shadow:0px 0px 16px rgba(7, 215, 248, 1.0) inset, 0px -7px 14px rgba(4, 48, 96, 0.5) inset;}
.picture-pursuit-game-expectation-sec .game-expectation-card-body{background:transparent; border-radius:0px; box-shadow:none; padding:0px;}
.picture-pursuit-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px; min-height:146px;}
.picture-pursuit-game-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; align-items:center; justify-content:center;}
.picture-pursuit-game-expectation-sec .game-expect-card-fig img{width:auto;}
.picture-pursuit-game-expectation-sec .game-expect-card-title{font-family:var(--font-btn); color:#072073; font-size:30px;}
.picture-pursuit-game-expectation-sec .game-expect-details-item{color:#072073; font-weight:600; font-size:18px;}
.picture-pursuit-game-expectation-sec .game-expect-details-item:before{content:"\ea1b"; position:absolute; top:0px; font-family: 'isg-icons'; font-size:8px; background:transparent; width:auto; height:auto;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.picture-pursuit-game-summary-sec .game-summary-sec-outer{background:var(--bg-secondary); padding:0px;}
.picture-pursuit-game-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-family:var(--font-base); font-size:35px; font-weight:600; color:var(--clr-dark-alt);}
.picture-pursuit-game-summary-sec .game-summary-btn-bar{padding-top:0px; margin-top:60px;}
.picture-pursuit-game-summary-sec .game-summary-btn-bar:before{display:none;}
.picture-pursuit-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:80px 0 50px; position:relative;}
.g-summary-sec-icon.top-icon{position:absolute; top:-56px;}
.g-summary-sec-icon.bottom-icon{position:absolute; bottom:-56px; right:0px; z-index:1;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.picture-pursuit-faq-sec .faq-sec-outer{background:var(--bg-dark) var(--faq-bg) no-repeat top center; background-size:100% auto; padding:0px 0px 120px; margin-top:170px;}
.picture-pursuit-faq-sec .sec-head-outer{max-width:707px;}
.picture-pursuit-faq-sec .faq-sec-head{margin-bottom:100px;}
.picture-pursuit-faq-sec .accordion-item{margin-bottom:15px;}
.picture-pursuit-faq-sec .accordion-card{padding:0px; background:#157df4; border:none; border-radius:28px;}
.picture-pursuit-faq-sec .accordion-head{padding:0px;}
.picture-pursuit-faq-sec .accordion-head-outer{background:#fff; box-shadow:0px 0px 16px rgba(7, 215, 248, 1) inset, 0px 14px 35px rgba(0, 0, 0, 0.64); min-height:130px; border-radius:28px; padding:20px 30px;}
.picture-pursuit-faq-sec .accordion-title{font-size:35px; font-weight:700; color:#09488e; text-transform:inherit; font-family:var(--font-base); display:flex; align-items:center;}
.picture-pursuit-faq-sec .question-label{background:#ff9600; color:#fff; font-size:48px; font-weight:800; width:69px; min-width:69px; height:72px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; margin-right:15px;}
.picture-pursuit-faq-sec .accordion-body{padding:30px 0;}
.picture-pursuit-faq-sec .accordion-cont-bar{min-height:100px; padding:0 70px 0 50px;}
.picture-pursuit-faq-sec .accordion-text{font-size:32px; font-weight:500; color:#fff;}
.picture-pursuit-faq-sec .accordion-icon .icon{width:35px;}
.picture-pursuit-faq-sec .is-open .accordion-icon .icon{transform:inherit;}
/*FAQ CSS End */

.picture-pursuit-game .footer{background:#052145;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .picture-pursuit-game .video-poster, .picture-pursuit-game .client-video{border-radius:24px;}

  .picture-pursuit-game .sec-main-title{font-size:44px;}
  .picture-pursuit-game .sec-head{margin-top:-44px;}
  .picture-pursuit-about-us-sec .sec-head{margin-top:-107px;}
  .picture-pursuit-game .sec-head-outer{max-width:887px;}
  .picture-pursuit-about-us-sec .about-us-text{font-size:28px;}

  .picture-pursuit-game .btn-bar .base-btn{max-width:414px;}
  .picture-pursuit-game .btn-text{font-size:44px;}

  .picture-pursuit-htw-sec{margin-top:170px;}
  .picture-pursuit-game .htw-sec-head .sec-head-outer{max-width:557px;}

  .picture-pursuit-htw-sec .htw-process-card-title{font-size:52px;}
  .picture-pursuit-htw-sec .step-card-icon:before{width:140px; height:127px; background-size:contain;}
  .step-card-icon{top:-70px;}
  .picture-pursuit-htw-sec .step-card-icon{max-width:143px;}
  .picture-pursuit-htw-sec .htw-process-card-list-item, .picture-pursuit-htw-sec .htw-process-card-list-label{font-size:26px;}
  .picture-pursuit-htw-sec .htw-process-card-body{min-height:auto;}
  .picture-pursuit-htw-sec .card-cloud-icon{left:80%; top:-64px; max-width:173px;}
  .picture-pursuit-htw-sec .htw-process-wrap-two{padding:104px 0px 118px;}
  .picture-pursuit-htw-sec .how-to-work-process-sec-three{padding:104px 0px 118px;}
  .grid-col{width:100%; max-width:calc((100% / 3) - 74px);}
  .picture-pursuit-htw-sec .game-play-card .step-card-icon:before{width:140px; height:107px; background-size:contain; bottom:calc(100% + 10px);}
  .controls-stats-display-title{font-size:38px;}
  .csd-item-title{font-size:38px;}
  .csd-list-item{font-size:28px;}
  .controls-stats-display-fig{float:left; width:100%; max-width:80%;}
  .picture-pursuit-htw-sec .htw-process-wrap-five{padding:200px 0 0;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-block{padding-left:0px;}
  .picture-pursuit-htw-sec .game-summary-card .step-card-icon:before{width:140px; height:107px; background-size:contain; bottom:calc(100% + 10px);}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-item, .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-label{font-size:27px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six{padding:92px 0px 180px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme:before{width:280px; height:231px; background-size:contain; bottom:calc(100% - 150px);}

  .picture-pursuit-game-expectation-sec .sec-head-outer{max-width:567px;}
  .picture-pursuit-game-expectation-sec .game-expect-card-title{font-size:26px;}
  .picture-pursuit-game-expectation-sec .game-expect-details-item{font-size:16px;}

  .picture-pursuit-game-summary-sec .game-summary-text{font-size:28px;}

  .picture-pursuit-faq-sec .faq-sec-outer{padding:0px 0px 80px; margin-top:140px;}
  .picture-pursuit-faq-sec .sec-head-outer{max-width:567px;}
  .picture-pursuit-faq-sec .accordion-head-outer{min-height:120px;}
  .picture-pursuit-faq-sec .accordion-title{font-size:30px;}
  .picture-pursuit-faq-sec .question-label{font-size:38px; width:59px; min-width:59px; height:62px;}
  .picture-pursuit-faq-sec .accordion-cont-bar{padding:0 30px 0 30px; min-height:80px;}
  .picture-pursuit-faq-sec .accordion-text{font-size:28px;}
}

@media(max-width:1280px) {
  .picture-pursuit-game .video-poster, .picture-pursuit-game .client-video{border-radius:16px;}
  .picture-pursuit-game .video-shadow{bottom:-8px;}

  .picture-pursuit-game .sec-main-title{font-size:38px;}
  .picture-pursuit-game .sec-head{margin-top:-42px;}
  .picture-pursuit-about-us-sec .sec-head{margin-top:-100px;}
  .picture-pursuit-game .sec-head-outer{max-width:767px;}
  .picture-pursuit-about-us-sec .about-us-text{font-size:24px;}

  .picture-pursuit-game .btn-bar .base-btn{max-width:364px;}
  .picture-pursuit-game .btn-text{font-size:38px; padding-bottom:1vmin;}

  .picture-pursuit-htw-sec{margin-top:120px;}
  .picture-pursuit-about-us-sec .about-us-outer:after{max-width:70%;}
  .picture-pursuit-htw-sec .htw-process-wrap-one{padding:70px 0px 98px;}
  .picture-pursuit-htw-sec .htw-process-card-title{font-size:44px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:22px;}
  .picture-pursuit-htw-sec .htw-process-card-list-item, .picture-pursuit-htw-sec .htw-process-card-list-label{font-size:22px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-item, .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-label{font-size:22px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:4px;}
  .picture-pursuit-htw-sec .htw-process-card-cont{border-radius:28px;}
  .picture-pursuit-htw-sec .card-cloud-icon{max-width:118px; top:-37px;}
  .picture-pursuit-htw-sec .step-card-icon{max-width:123px; top:-54px;}
  .picture-pursuit-htw-sec .step-card-icon:before{width:120px; height:109px; left:-42%;}
  .picture-pursuit-htw-sec .gallery-card .step-card-icon:before{width:130px; height:100px; background-size:contain; right:-78%; bottom:calc(100% + 10px);}
  .picture-pursuit-htw-sec .how-to-work-process-sec-three{padding:54px 0px 118px;}
  .picture-pursuit-htw-sec .difficulty-card .htw-process-card-body{padding:90px 20px 76px 22%;}
  .picture-pursuit-htw-sec .htw-card-btn-bar{bottom:-50px;}
  .grid-row{gap:0px 30px; margin-top:20px;}
  .grid-col{max-width:calc((100% / 3) - 54px);}
  .picture-pursuit-htw-sec .htw-process-theme-icon{left:-8px; max-width:64px; top:-14px;}
  .controls-stats-display-body{padding-left:30px;}
  .controls-stats-display-title-bar{margin-bottom:30px;}
  .controls-stats-display-title{font-size:32px;}
  .csd-item-title{font-size:32px;}
  .csd-list-item{font-size:24px;}
  .csd-list:not(.list-style-none) .csd-list-item:before{top:4px;}
  .controls-stats-display-cont .icon-col{width:150px; margin-right:10px;}
  .csd-icon{height:80px;}
  .csd-icon img{height:100%; object-fit:contain;}
  .picture-pursuit-htw-sec .htw-process-wrap-four .htw-process-theme-icon{right:-9px;}
  .controls-stats-display-theme{left:-3%;}
  .picture-pursuit-htw-sec .htw-process-wrap-six{padding:72px 0px 140px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .col-right{padding:0px 0px 50px 0px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme-icon{max-width:68px; left:76px; bottom:-20px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme:before{width:210px; height:173px; bottom:calc(100% - 90px);}

  .picture-pursuit-game-expectation-sec .sec-head-outer{max-width:497px;}
  .picture-pursuit-game-expectation-sec .game-expectation-sec-outer{padding:0px 0px 100px;}
  .picture-pursuit-game-expectation-sec .game-expectation-list{gap:0px 30px;}
  .picture-pursuit-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 30px); margin-top:40px;}

  .picture-pursuit-htw-sec .htw-process-wrap-five .htw-process-theme-icon{max-width:58px; right:-8px; top:-14px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-block{padding-left:0px;}
  .picture-pursuit-game-summary-sec .game-summary-cont-outer{padding:50px 0 30px;}
  .picture-pursuit-game-summary-sec .game-summary-text{font-size:24px; padding:0px 30px;}
  .picture-pursuit-game-summary-sec .game-summary-btn-bar{margin-top:40px;}
  .g-summary-sec-icon.top-icon{max-width:88px; top:-42px;}
  .g-summary-sec-icon.bottom-icon{max-width:62px; bottom:-34px;}

  .picture-pursuit-faq-sec .sec-head-outer{max-width:497px;}
  .picture-pursuit-faq-sec .faq-sec-head{margin-bottom:60px;}
  .picture-pursuit-faq-sec .accordion-head-outer{min-height:auto;}
  .picture-pursuit-faq-sec .accordion-title{font-size:26px;}
  .picture-pursuit-faq-sec .accordion-cont-bar{min-height:auto;}
  .picture-pursuit-faq-sec .accordion-text{font-size:24px;}
  .picture-pursuit-faq-sec .faq-block{padding:0px;}

}

@media(max-width:1023px) {
  .picture-pursuit-game {
  /* Text Shadow */
  --text-shadow:3px 3px 0 var(--clr-dark), 3px -3px 0 var(--clr-dark), -3px 3px 0 var(--clr-dark), -3px -3px 0 var(--clr-dark), 3px 0 0 var(--clr-dark), 0 3px 0 var(--clr-dark), -3px 0 0 var(--clr-dark);
  }
  .picture-pursuit-game .banner-sec{background-size:100% 80%; margin-bottom:0px;}
  .picture-pursuit-game .video-poster, .picture-pursuit-game .client-video{border-radius:12px;}
  .picture-pursuit-game .video-shadow{bottom:-6px;}

  .picture-pursuit-game .sec-main-title{font-size:30px;}
  .picture-pursuit-game .sec-head{margin-top:-34px;}
  .picture-pursuit-about-us-sec{padding:70px 0px 0px;}
  .picture-pursuit-about-us-sec .about-us-outer{margin-bottom:60px;}
  .picture-pursuit-about-us-sec .sec-head{margin-top:-90px;}
  .picture-pursuit-game .sec-head-outer{max-width:597px;}
  .picture-pursuit-about-us-sec .about-us-text{font-size:18px;}
  .picture-pursuit-about-us-sec .about-us-content{border-radius:26px;}
  .picture-pursuit-about-us-sec .about-us-content:before{background-size:contain;}

  .picture-pursuit-game .btn-bar .base-btn{max-width:304px;}
  .picture-pursuit-game .btn-text{font-size:32px;}

  .picture-pursuit-htw-sec{margin-top:70px;}
  .picture-pursuit-game .htw-sec-head .sec-head-outer{max-width:447px;}
  .picture-pursuit-htw-sec .htw-process-card-title{font-size:36px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:30px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{font-size:12px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .picture-pursuit-htw-sec .htw-process-card-body{padding:50px 5px 30px 20%;}
  .picture-pursuit-htw-sec .step-card-icon{max-width:113px; left:14%;}
  .picture-pursuit-htw-sec .step-card-icon:before{width:80px; height:73px; left:-21%;}
  .picture-pursuit-htw-sec .card-cloud-icon{max-width:88px; top:-27px;}
  .picture-pursuit-htw-sec .htw-process-wrap-one{padding:40px 0px 68px;}
  .picture-pursuit-htw-sec .gallery-card .htw-process-card-body{padding:50px 18% 30px 30px;}
  .picture-pursuit-htw-sec .gallery-card .step-card-icon:before{width:90px; height:69px; right:-58%;}
  .picture-pursuit-htw-sec .difficulty-card .htw-process-card-body{padding:50px 5px 56px 22%;}
  .grid-col{max-width:calc((100% / 3) - 27px);}
  .picture-pursuit-htw-sec .game-play-card .step-card-icon:before{width:80px; height:61px; right:-47%;}
  .picture-pursuit-htw-sec .game-play-card .htw-process-card-body{padding:50px 18% 30px 30px;}
  .controls-stats-display-title{font-size:28px;}
  .controls-stats-display-list-block{padding-left:0px;}
  .csd-list{padding-left:4px;}
  .csd-item-title{font-size:28px;}
  .csd-list-item{font-size:20px;}
  .controls-stats-display-cont .icon-col{width:120px;}
  .controls-stats-display-list-item{margin-bottom:10px;}
  .controls-stats-display-list-item:last-child{margin-bottom:0px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-block{padding-right:20px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-body{padding:50px 12% 30px 20px;}
  .picture-pursuit-htw-sec .game-summary-card .step-card-icon:before{width:80px; height:61px; right:-52%;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme:before{width:140px; height:116px; bottom:calc(100% - 50px); left:82%;}
  .picture-pursuit-htw-sec .total-score-card .htw-process-card-body{padding:30px 10px 50px 18%;}
  .picture-pursuit-htw-sec .htw-process-wrap-six{padding:72px 0px 100px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme-icon{max-width:58px; left:53px;}

  .picture-pursuit-game-expectation-sec .sec-head-outer{max-width:407px;}
  .picture-pursuit-game-expectation-sec .game-expect-icon-block{min-height:110px;}
  .picture-pursuit-game-expectation-sec .game-expect-card-fig img{width:80%;}
  .picture-pursuit-game-expectation-sec .game-expect-card-title{font-size:22px;}
  .picture-pursuit-game-expectation-sec .game-expect-details-item{font-size:14px;}

  .picture-pursuit-game-summary-sec .game-summary-text{font-size:20px;}

  .picture-pursuit-faq-sec .faq-sec-outer{padding:0px 0px 60px; margin-top:100px;}
  .picture-pursuit-faq-sec .sec-head-outer{max-width:407px;}
  .picture-pursuit-faq-sec .accordion-title{font-size:20px;}
  .picture-pursuit-faq-sec .question-label{font-size:28px; width:49px; min-width:49px; height:52px;}
  .picture-pursuit-faq-sec .accordion-text{font-size:18px;}
  .picture-pursuit-faq-sec .accordion-head-outer{padding:15px 20px; border-radius:18px;}
  .picture-pursuit-faq-sec .accordion-card{border-radius:18px;}
  .picture-pursuit-faq-sec .accordion-body{padding:20px 0;}
  .picture-pursuit-faq-sec .accordion-cont-bar{padding:0 20px 0 20px;}
}

@media(max-width:767px) {
  .picture-pursuit-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #3dec62, 1px -1px 0 #3dec62, -1px 1px 0 #3dec62, -1px -1px 0 #3dec62, 1px 0 0 #3dec62, 0 1px 0 #3dec62, -1px 0 0 #3dec62;
  --shadow-btn:0px 5px 2px rgba(0,0,0,0.2);

  /* Text Shadow */
  --text-shadow:2px 2px 0 var(--clr-dark), 2px -2px 0 var(--clr-dark), -2px 2px 0 var(--clr-dark), -2px -2px 0 var(--clr-dark), 2px 0 0 var(--clr-dark), 0 2px 0 var(--clr-dark), -2px 0 0 var(--clr-dark);
  }
  .picture-pursuit-game .close-menu-label{color:var(--clr-action); font-weight:600;}
  .picture-pursuit-game .menu-back-icon{color:var(--clr-action);}


  .picture-pursuit-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .picture-pursuit-game .game-logo-fig{max-width:42.2%;}
  .picture-pursuit-game .video-block{max-width:89.1%;}
  .picture-pursuit-game .video-poster, .picture-pursuit-game .client-video{border-radius:8px;}
  .picture-pursuit-game .video-shadow{bottom:-3px;}
  .picture-pursuit-about-us-sec .about-us-content{border-radius:10px; padding:30px 10px; filter:drop-shadow(0px 4px 7px rgba(12, 71, 102, 0.5));}
  .picture-pursuit-about-us-sec .about-us-content:before{width:calc(100% - 4px); top:2px; left:2px; right:2px;}
  .picture-pursuit-game .sec-main-title{font-size:16px; padding-top:5px;}
  .picture-pursuit-about-us-sec{padding:40px 0px 0px;}
  .picture-pursuit-about-us-sec .about-us-text{font-size:15px;}
  .picture-pursuit-about-us-sec .sec-head{margin-top:-47px;}
  .picture-pursuit-about-us-sec .about-us-outer:after{max-width:80%; bottom:-8px; height:26px; border-radius:15px;}
  .picture-pursuit-game .btn-bar .base-btn{max-width:174px;}
  .picture-pursuit-game .btn-text{font-size:17px;}
  .picture-pursuit-about-us-sec .about-us-btn-bar{margin-bottom:-50px; margin-top:10px;}

  .picture-pursuit-htw-sec{margin-top:10px;}
  .picture-pursuit-game .sec-head{margin-top:-18px;}
  .picture-pursuit-game .htw-sec-head .sec-head-outer{max-width:223px;}
  .picture-pursuit-game .sec-head-bg img{filter:drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.5));}
  .picture-pursuit-htw-sec .htw-process-wrap-one{padding:20px 0px 18px;}
  .picture-pursuit-htw-sec .htw-process-wrap .col-left{flex:0 0 100%; margin:0px; padding:0px 30px 0px 0px;}
  .picture-pursuit-htw-sec .htw-process-wrap .col-right{flex:0 0 100%; padding:0px 10px 40px 10px;}
  .picture-pursuit-htw-sec .htw-process-card-outer{border-radius:0px;}
  .picture-pursuit-htw-sec .htw-process-card-cont{border-radius:12px;}
  .picture-pursuit-htw-sec .htw-process-card-body{padding:40px 30px 10px 30px;}
  .picture-pursuit-htw-sec .htw-process-card-title{font-size:18px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{font-size:8px;}
  .picture-pursuit-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:24px;}
  .picture-pursuit-htw-sec .step-card-icon{left:auto; right:10px;}
  .picture-pursuit-htw-sec .card-cloud-icon{max-width:110px; top:calc(100% - 40px); left:auto; right:-10px;}
  .picture-pursuit-htw-sec .step-card-icon{max-width:72px; top:-34px;}
  .picture-pursuit-htw-sec .step-card-icon:before{display:none;}
  .picture-pursuit-htw-sec .game-start-card .step-card-icon:before{display:block; background:url(../images/picture-pursuit/arrow-right-mob.webp) no-repeat bottom center; background-size:contain; width:20px; height:70px; left:85%; bottom:calc(100% - 20px);}
  .picture-pursuit-htw-sec .how-to-work-process-sec-two{background:url('../images/picture-pursuit/htw-process-sec-two-bg-mob.webp') no-repeat top left; background-size:100% auto;}
  .picture-pursuit-htw-sec .htw-process-wrap-two{padding:70px 0px 0px;}
  .picture-pursuit-htw-sec .htw-process-wrap-two .col-left{padding:0px 10px 0px 10px;}
  .picture-pursuit-htw-sec .gallery-card .step-card-icon{right:auto; left:10px;}
  .picture-pursuit-htw-sec .htw-process-wrap .col-left:before{display:none;}
  .picture-pursuit-htw-sec .gallery-card .step-card-icon:before{display:none;}
  .picture-pursuit-htw-sec .gallery-card .htw-process-card-body{padding:40px 30px 10px 30px;}
  .picture-pursuit-htw-sec .how-to-work-process-sec-three{background:transparent; padding:40px 0px 80px;}
  .picture-pursuit-htw-sec .htw-process-wrap-three .col-left{padding:0px 10px 0px 10px;}
  .picture-pursuit-htw-sec .htw-process-theme-icon{max-width:47px; left:-2px; top:-4px;}
  .picture-pursuit-htw-sec .difficulty-card .htw-process-card-body{padding:40px 20px 20px 20px;}
  .picture-pursuit-htw-sec .htw-process-wrap-three .col-right{padding:0px 10px 40px 40px;}
  .picture-pursuit-htw-sec .htw-card-btn-bar{bottom:-24px; padding-right:10px;}
  .grid-row{gap:20px 0px; margin-top:0px;}
  .grid-col{max-width:calc(100% + 4px); width:calc(100% + 4px); margin-left:-25px;}
  .grid-row:before{height:calc(100% + 50px); bottom:60px; width:calc(100% - 20px); left:10px; border-radius:12px;}
  .picture-pursuit-htw-sec .how-to-work-process-sec-four{background:url('../images/picture-pursuit/htw-process-sec-four-bg-mob.webp') no-repeat top left; background-size:100% auto;}
  .picture-pursuit-htw-sec .htw-process-wrap-four .col-left{padding:0px 10px 0px 10px;}
  .picture-pursuit-htw-sec .htw-process-wrap-four .htw-process-theme-icon{right:auto; left:-6px;}
  .picture-pursuit-htw-sec .game-play-card .step-card-icon{right:10px;}
  .picture-pursuit-htw-sec .game-play-card .htw-process-card-body{padding:40px 10px 10px 30px;}
  .picture-pursuit-htw-sec .htw-process-wrap-four{margin-bottom:-120px;}
  .controls-stats-display-wrap{padding:180px 0px 0px; background-image:var(--stats-display-bg-mob); background-repeat:no-repeat; background-position:top center; background-size:100% auto;}
  .picture-pursuit-htw-sec .htw-process-wrap-four .col-right{padding:0px 10px 0px 40px;}
  .controls-stats-display-body{padding:0px 10px;}
  .controls-stats-display-title{font-size:18px;}
  .controls-stats-display-cont{flex-wrap:wrap; flex-direction:column;}
  .csd-icon{height:70px; width:120px;}
  .controls-stats-display-cont .icon-col{width:100%; margin:0px 0px 10px 0px; justify-content:flex-start;}
  .csd-list{padding-left:0px;}
  .csd-item-title{font-size:25px;}
  .csd-list-item{font-size:13px; margin-bottom:14px;}
  .csd-list:not(.list-style-none) .csd-list-item:before{font-size:8px;}
  .csd-list:not(.list-style-none) .csd-list-item{padding-left:24px;}
  .controls-stats-display-theme{left:0; margin-top:-15px; margin-bottom:-22%; width:calc(100% + 20px); margin-left:-10px;}
  .controls-stats-display-fig{max-width:100%;}
  .picture-pursuit-htw-sec .htw-process-wrap{flex-wrap:wrap;}
  .picture-pursuit-htw-sec .htw-process-wrap-five{padding:160px 0 0;}
  .picture-pursuit-htw-sec .htw-process-wrap-five .col-right{padding:0px 10px 0px 10px;}
  .picture-pursuit-htw-sec .htw-process-wrap-five .col-left{padding:0px 10px 0px 10px;}
  .picture-pursuit-htw-sec .htw-process-wrap-five .htw-process-theme-icon{max-width:68px; right:11px; top:-24px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-body{padding:40px 10px 10px 30px;}
  .picture-pursuit-htw-sec .game-summary-card .step-card-icon{left:10px; right:auto;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-list-block{padding-right:14px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six{padding:80px 0px 40px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme:before{background:url(../images/picture-pursuit/arrow-left-mob.webp) no-repeat bottom center; background-size:contain; width:42px; height:71px; left:20px; bottom:100%;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .col-left{padding:0px;}
  .picture-pursuit-htw-sec .htw-process-wrap-six .htw-process-theme-icon{max-width:48px; left:55px; bottom:-10px;}
  .picture-pursuit-htw-sec .total-score-card .htw-process-card-body{padding:40px 10px 10px 30px;}
  .picture-pursuit-htw-sec .game-summary-card .htw-process-card-cont:after{content:""; position:absolute; background:url(../images/picture-pursuit/star-icon-3.webp) no-repeat center center; background-size:contain; width:49px; height:48px; bottom:-5px; right:30%;}
  .picture-pursuit-htw-sec .total-score-card .htw-process-card-cont:after{content:""; position:absolute; background:url(../images/picture-pursuit/star-icon-3.webp) no-repeat center center; background-size:contain; width:49px; height:48px; bottom:-15px; right:20px;}

  .picture-pursuit-game-expectation-sec .sec-head-outer{max-width:227px;}
  .picture-pursuit-game-expectation-sec .game-expectation-list{gap:0px; margin-top:50px;}
  .picture-pursuit-game-expectation-sec .game-expectation-card-outer{border-radius:12px; padding:10px 10px 20px; box-shadow:0px 0px 10px rgba(7, 215, 248, 1.0) inset, 0px -6px 8px rgba(4, 48, 96, 0.6) inset;}
  .picture-pursuit-game-expectation-sec .game-expect-card-title{font-size:18px;}
  .picture-pursuit-game-expectation-sec .game-expect-details-item{padding-left:20px;}
  .picture-pursuit-game-expectation-sec .game-expect-icon-block{min-height:86px; align-items:center;}
  .picture-pursuit-game-expectation-sec .game-expect-card-fig{width:100px; height:70px;}
  .picture-pursuit-game-expectation-sec .game-expect-card-fig img{width:100%; height:100%; object-fit:contain;}
  .picture-pursuit-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px); margin-top:0px;}
  .picture-pursuit-game .owl-carousel .owl-dot span{background:#115fb9; border-color:rgba(255, 255, 255, 0.5);}
  .picture-pursuit-game .owl-carousel .owl-dot.active span{background:#fff; border-color:#00305c;}
  .picture-pursuit-game-expectation-sec .game-expectation-sec-outer{padding:0px 0px 20px;}

  .picture-pursuit-game-summary-sec .game-summary-cont-outer{padding:30px 0 20px;}
  .picture-pursuit-game-summary-sec .game-summary-text{font-size:15px; padding:0px;}
  .g-summary-sec-icon.top-icon{max-width:48px; top:-24px; left:10px;}
  .picture-pursuit-game-summary-sec .game-summary-btn-bar{margin-top:20px;}
  .g-summary-sec-icon.bottom-icon{max-width:38px; bottom:-22px;}

  .picture-pursuit-faq-sec .faq-sec-head{margin-bottom:30px;}
  .picture-pursuit-faq-sec .faq-sec-outer{margin-top:60px; padding:0px 0px 20px;}
  .picture-pursuit-faq-sec .sec-head-outer{max-width:227px;}
  .picture-pursuit-faq-sec .faq-sec-outer{background:var(--bg-dark) var(--faq-bg-mob) no-repeat top center; background-size:100% auto;}
  .picture-pursuit-faq-sec .question-label{font-size:18px; width:23px; min-width:23px; height:25px; border-radius:4px; margin-right:5px;}
  .picture-pursuit-faq-sec .accordion-text{font-size:14px;}
  .picture-pursuit-faq-sec .accordion-head-outer{padding:10px 10px; border-radius:6px; min-height:50px; box-shadow:0px 0px 6px rgba(7, 215, 248, 1) inset, 0px 4px 10px rgba(0, 0, 0, 0.64);}
  .picture-pursuit-faq-sec .accordion-card{border-radius:6px;}
  .picture-pursuit-faq-sec .accordion-body{padding:10px 0;}
  .picture-pursuit-faq-sec .accordion-cont-bar{padding:0 10px 0 30px;}
  .picture-pursuit-faq-sec .accordion-title{font-size:14px;}
  .picture-pursuit-faq-sec .accordion-text{font-size:14px;}
  .picture-pursuit-faq-sec .accordion-item{margin-bottom:8px;}
}
@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .picture-pursuit-htw-sec .difficulty-card .htw-process-card-body{padding:40px 10px 20px 10px;}
  .picture-pursuit-htw-sec .game-play-card .htw-process-card-body{padding:40px 10px 10px 10px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Picture Pursuit Game CSS End // ***************************** */




/* ***************************** // Wordido Game CSS Start // ***************************** */
.wordido-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#515151;
--clr-dark:#135ea6;
--clr-dark-alt:#052c76;
--clr-action:#1e0157;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#135ea6;
--bg-primary:#0c9fd6;
--bg-secondary:#ffc000;
--bg-dark:#041739;
--bg-action:#ffc000;

/*Border Colors*/
--bdr1:#1e0157;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black';
--font-head2:'Helvetica';
--font-head3:'Angry Birds Movie';
}


.wordido-game .nav-item-label{padding:9px 28px 11px;}
@media (hover: hover) {
  .wordido-game .active .nav-item-label, .wordido-game .nav-item-label:hover{color:var(--clr-action);}
}

.wordido-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:36px 0 110px;}
.wordido-game .banner-sec-outer{background:transparent; padding:0px;}
.wordido-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.wordido-game .banner-logo .game-logo-fig{max-width:41.7%;}

.wordido-game .banner-sec-video{background:transparent;}
.wordido-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.wordido-game .video-block{max-width:55%; position:relative; overflow:inherit;}
.wordido-game .video-shadow{bottom:-10px;}
.wordido-game .video-poster, .wordido-game .client-video{top:2.8%; bottom:auto; left:2%; right:2%; height:calc(100% - 5.6%); width:calc(100% - 4%); border-radius:30px;}


.wordido-about-us-sec{padding:40px 0px 0px;}
.wordido-about-us-sec .about-sec-head{margin-bottom:30px;}
.wordido-about-us-sec .about-sec-main-title{color:var(--clr-base); font-family:var(--font-head); font-weight:900; text-transform:uppercase; font-size:53px; text-align:center; float:left; width:100%;}
.wordido-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.wordido-about-us-sec .about-us-text{float:left; width:100%; max-width:1280px; text-align:center; font-size:27px; font-weight:500; color:var(--clr-base); margin:0px auto 30px;}
.wordido-about-us-sec .about-us-btn-bar{margin:10px auto 0;}


.wordido-game .sec-head:not(.faq-sec-head){float:left; width:100%; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; margin-top:-66px; margin-bottom:0px;}
.wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer{position:relative; width:auto; padding:0px 22px; margin:0 auto; min-width:748px;}
.wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer:before{position:absolute; left:0px; width:100%; height:calc(100% - 42px); top:22px; content:""; background:rgb(254,227,89); background:linear-gradient(180deg, rgba(254,227,89,1) 0%, rgba(254,227,89,1) 10%, rgba(252,160,24,1) 100%); border-radius:16px; box-shadow:0px -6px 10px rgb(0 0 0 / 20%) inset, 0px 3px 7px rgb(0 0 0 / 20%);}
.wordido-game .sec-head:not(.faq-sec-head) .sec-main-title{background:rgb(197,223,243); background:linear-gradient(180deg, rgba(197,223,243,1) 0%, rgba(233,245,255,1) 10%, rgba(233,245,255,1) 100%); border-radius:24px; color:#0a4379; font-family:var(--font-head3); font-size:56px; text-transform:uppercase; font-weight:normal; line-height:normal; float:left; width:100%; text-align:center; padding:24px 25px 14px; position:relative; z-index:1; box-shadow:0px -12px 15px rgb(0 0 0 / 20%) inset, 0px 3px 7px rgb(0 0 0 / 20%); min-height:132px; display:flex; align-items:center; justify-content:center;}


/* How to Work CSS Start */
.wordido-how-to-work-sec .htw-process-theme{z-index:1;}
.wordido-how-to-work-sec .htw-process-theme:after{filter:inherit; opacity:0.76; border-radius:25px 25px 0px 0px; height:18px; bottom:-6px; left:-80px; right:-80px; width:calc(100% + 160px); z-index:-1; background:linear-gradient(to right, rgba(32,29,121,0) 0%,rgba(32,29,121,0.8) 10%,rgba(32,29,121,1) 19%,rgba(32,29,121,1) 20%,rgba(32,29,121,1) 50%,rgba(32,29,121,1) 80%,rgba(32,29,121,1) 81%,rgba(32,29,121,0.8) 90%,rgba(32,29,121,0) 100%);}
.wordido-how-to-work-sec .htw-process-card-body{background:transparent; padding:0px;}
.wordido-how-to-work-sec .htw-process-card:before, .wordido-how-to-work-sec .htw-process-card:after{display:none;}
.wordido-how-to-work-sec .htw-process-card-outer:before, .wordido-how-to-work-sec .htw-process-card-outer:after{display:none;}
.wordido-how-to-work-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.wordido-how-to-work-sec .htw-process-card-cont{background:transparent; padding:0px; border-radius:0px;}
.wordido-how-to-work-sec .htw-process-card-title{color:var(--clr-dark); font-size:64px;}
.wordido-how-to-work-sec .htw-process-card-list-item, .wordido-how-to-work-sec .htw-process-card-list-label{color:var(--clr-dark); font-size:26px; font-family:var(--font-head2);}
.wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:6px; height:6px; border-radius:100%; background:var(--bg-base); top:14px;}
.wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-title{color:var(--clr-base); font-size:52px;}
.wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-list-item{color:var(--clr-base);}
.wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-secondary);}
.wordido-how-to-work-sec .htw-process-card-list{padding-left:60px;}
.wordido-how-to-work-sec .htw-process-wrap .col-left{max-width:58.2%; padding:0px;}
.wordido-how-to-work-sec .htw-process-wrap .col-right{padding-left:50px;}
.wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:0px; padding-right:50px;}
.wordido-how-to-work-sec .how-to-work-process{padding:120px 0px;}
.wordido-how-to-work-sec .how-to-work-process:nth-child(odd){background:var(--bg-base);}
.wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-four{background:var(--bg-primary);}
.wordido-how-to-work-sec .htw-process-wrap-row{flex-direction:row-reverse;}
.wordido-how-to-work-sec .htw-process-wrap-row:nth-child(even){flex-direction:inherit;}
.wordido-how-to-work-sec .how-to-work-process .htw-process-wrap.htw-process-wrap-row:nth-child(even) .col-right{padding-left:50px; padding-right:0px;}
.wordido-how-to-work-sec .how-to-work-process-sec-five{background:var(--bg-base);}
.wordido-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:0px;}
.wordido-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%; padding-left:0px; padding-right:50px;}
.wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-title{color:var(--clr-base); font-size:52px;}
.wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-list-item{color:var(--clr-base);}
.wordido-how-to-work-sec .streak-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-secondary);}
.wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-six{background:var(--bg-body);}
.wordido-how-to-work-sec .how-to-work-process .summary-card .htw-process-card-title{color:var(--clr-dark); font-size:52px;}
.wordido-how-to-work-sec .how-to-work-process .summary-card .htw-process-card-list-item{color:var(--clr-dark);}
.wordido-how-to-work-sec .how-to-work-process .summary-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(
  --bg-base);}
.wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding-left:50px; padding-right:0px;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.wordido-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 120px;}
.wordido-game-expectation-sec .game-expectation-list{gap:0px 25px;}
.wordido-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 17px);}
.wordido-game-expectation-sec .game-expectation-card-outer{background:#62dbff; border-radius:50px; padding:14px 14px 18px; box-shadow:0px 0px 7px rgba(234, 249, 255, 1.0) inset, 0px -11px 4px rgba(7, 168, 230, 0.56) inset, 0px 12px 21px rgba(5, 11, 46, 1.0); border:2px solid #91e0ff; margin-top:100px;}
.wordido-game-expectation-sec .game-expectation-card-body{background:linear-gradient(to top, rgba(0,91,176,1) 0%,rgba(1,144,251,1) 100%); box-shadow:0px 6px 30px #0144be inset, 0px 6px 30px #0144be inset, 0px 6px 30px #0144be inset; border:2px solid #91e0ff;}
.wordido-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:-120px; position:relative;}
.wordido-game-expectation-sec .game-expect-card-fig{max-width:128px; background:#145fb6; border:8px solid #000; border-radius:100%; position:relative; z-index:2;}
.wordido-game-expectation-sec .game-expect-icon-block:before{content:""; position:absolute; left:0; right:0; bottom:-14px; background:#62dbff; width:160px; height:80px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; z-index:1; margin:0 auto;}
.wordido-game-expectation-sec .game-expect-card-title{color:#ffd800; text-shadow:0px 3px 7px rgba(5, 11, 46, 1.0); margin:40px 0px; min-height:84px;}
.wordido-game-expectation-sec .game-expect-details-item:before{background:#fff;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.wordido-game-summary-sec .game-summary-sec-outer{background:var(--bg-secondary); padding:60px 0 60px;}
.wordido-game-summary-sec .game-summary-text{color:var(--clr-dark-alt); max-width:100%;}
.wordido-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.wordido-faq-sec .faq-sec-outer{background:var(--faq-bg) no-repeat top center; background-size:cover; padding:70px 0 120px;}
.wordido-faq-sec .faq-sec-head .sec-main-title{text-transform:inherit;}
.wordido-faq-sec .accordion-card{border-radius:14px;}
.wordido-faq-sec .is-open .accordion-title{color:#42137b;}
.wordido-faq-sec .question-label{margin-right:12px;}
.wordido-faq-sec .accordion-text{color:var(--clr-base-light);}
.wordido-faq-sec .accordion-icon .icon{color:#0f3167;}
.wordido-faq-sec .is-open .accordion-icon{background:#0189f2;}
.wordido-faq-sec .is-open .accordion-icon .icon{color:#fff;}
/*FAQ CSS End */

.wordido-game .footer{background:#041739;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .wordido-game .video-poster, .wordido-game .client-video{border-radius:20px;}
  .wordido-game .video-shadow{bottom:-6px;}

  .wordido-game .banner-sec{padding:30px 0 100px;}
  .wordido-about-us-sec .about-sec-main-title{font-size:46px;}
  .wordido-about-us-sec .about-us-text{font-size:24px; max-width:1140px;}

  .wordido-game .sec-head:not(.faq-sec-head){margin-top:-56px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer{min-width:638px; padding:0px 18px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-main-title{min-height:112px; font-size:48px;}

  .wordido-how-to-work-sec .how-to-work-process{padding:100px 0px;}
  .wordido-how-to-work-sec .htw-process-theme:after{left:-45px; right:-45px; width:calc(100% + 90px);}
  .wordido-how-to-work-sec .htw-process-card-title{font-size:56px;}
  .wordido-how-to-work-sec .htw-process-card-list{padding-left:40px;}
  .wordido-how-to-work-sec .htw-process-card-list-item, .wordido-how-to-work-sec .htw-process-card-list-label{font-size:21px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-title{font-size:42px;}
  .wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-title{font-size:48px;}

  .wordido-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 100px;}
  .wordido-game-expectation-sec .game-expect-card-title{margin:30px 0px; min-height:74px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{margin-top:70px;}

  .wordido-game-summary-sec .game-summary-sec-outer{padding:50px 0 40px;}
  .wordido-game-summary-sec .game-summary-text{font-size:31px;}

  .wordido-faq-sec .faq-sec-outer{padding:50px 0 100px;}
  .wordido-faq-sec .faq-sec-head{margin-bottom:40px;}
  .wordido-faq-sec .question-label{margin-right:8px;}
}

@media(max-width:1280px) {
  .wordido-game .container{max-width:960px;}
  .wordido-game .nav-item-label{padding:9px 20px 11px;}

  .wordido-game .banner-sec{padding:20px 0 90px;}
  .wordido-game .banner-logo{margin-bottom:10px;}
  .wordido-about-us-sec .about-sec-head{margin-bottom:20px;}
  .wordido-about-us-sec .about-sec-main-title{font-size:40px;}
  .wordido-about-us-sec .about-us-text{font-size:20px; max-width:950px;}
  .wordido-game .btn-bar .base-btn{max-width:26.5%;}

  .wordido-game .sec-head:not(.faq-sec-head){margin-top:-50px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer{min-width:568px; padding:0px 18px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-main-title{min-height:100px; font-size:44px;}

  .wordido-how-to-work-sec .how-to-work-process{padding:90px 0px;}
  .wordido-how-to-work-sec .htw-process-theme:after{left:-40px; right:-40px; width:calc(100% + 80px);}
  .wordido-how-to-work-sec .htw-process-card-title{font-size:42px;}
  .wordido-how-to-work-sec .htw-process-card-list{padding-left:30px;}
  .wordido-how-to-work-sec .htw-process-card-list-item, .wordido-how-to-work-sec .htw-process-card-list-label{font-size:17px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-title{font-size:32px;}
  .wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-title{font-size:38px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:7px;}
  .wordido-how-to-work-sec .htw-process-wrap .col-right{padding-left:30px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-right:30px;}
  .wordido-how-to-work-sec .how-to-work-process .htw-process-wrap.htw-process-wrap-row:nth-child(even) .col-right{padding-left:30px;}
  .wordido-how-to-work-sec .htw-process-wrap-five .col-right{padding-left:0px; padding-right:30px;}
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding-left:30px; padding-right:0px;}

  .wordido-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 80px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{padding:10px 10px 14px; border-radius:30px;}
  .wordido-game-expectation-sec .game-expectation-card-body{border-radius:22px; padding:56px 20px 30px;}
  .wordido-game-expectation-sec .game-expect-icon-block:before{bottom:-9px; width:150px; height:75px;}
  .wordido-game-expectation-sec .game-expect-card-title{min-height:auto; margin:30px 0px 20px;}

  .wordido-game-summary-sec .game-summary-text{font-size:27px;}
  
  .wordido-faq-sec .faq-sec-outer{padding:40px 0 80px;}
}

@media(max-width:1023px) {
  .wordido-game .container{max-width:750px;}
  .wordido-game .nav-item-label{padding:9px 18px;}

  .wordido-game .banner-sec{padding:20px 0 70px;}
  .wordido-game .banner-logo{margin-bottom:4px;}
  .wordido-game .video-poster, .wordido-game .client-video{border-radius:16px;}
  .wordido-about-us-sec{padding:20px 0px 0px;}
  .wordido-about-us-sec .about-sec-head{margin-bottom:10px;}
  .wordido-about-us-sec .about-sec-main-title{font-size:36px;}
  .wordido-about-us-sec .about-us-text{font-size:17px; max-width:100%; margin:0px auto 10px;}
  .wordido-game .btn-bar .base-btn{max-width:26.5%;}

  .wordido-game .sec-head:not(.faq-sec-head){margin-top:-45px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer{min-width:498px; padding:0px 14px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-main-title{min-height:90px; font-size:38px; border-radius:16px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer:before{border-radius:10px;}

  .wordido-how-to-work-sec .how-to-work-process{padding:80px 0px;}
  .wordido-how-to-work-sec .htw-process-theme:after{left:-20px; right:-20px; width:calc(100% + 40px);}
  .wordido-how-to-work-sec .htw-process-card-title{font-size:32px;}
  .wordido-how-to-work-sec .htw-process-card-list{padding-left:15px;}
  .wordido-how-to-work-sec .htw-process-card-list-item, .wordido-how-to-work-sec .htw-process-card-list-label{font-size:14px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px; padding-left:14px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-title{font-size:26px;}
  .wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-title{font-size:32px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:5px;}
  .wordido-how-to-work-sec .htw-process-wrap .col-right{padding-left:20px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-right:20px;}
  .wordido-how-to-work-sec .how-to-work-process .htw-process-wrap.htw-process-wrap-row:nth-child(even) .col-right{padding-left:20px;}
  .wordido-how-to-work-sec .htw-process-wrap-five .col-right{padding-left:0px; padding-right:20px;}
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding-left:20px; padding-right:0px;}
  .wordido-how-to-work-sec .htw-process-wrap-row + .htw-process-wrap-row{margin-top:60px;}

  .wordido-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 40px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{padding:10px 10px 14px; border-radius:30px;}
  .wordido-game-expectation-sec .game-expectation-card-body{border-radius:22px; padding:56px 20px 30px;}
  .wordido-game-expectation-sec .game-expect-icon-block:before{bottom:-9px; width:150px; height:75px;}
  .wordido-game-expectation-sec .game-expect-card-title{min-height:auto; margin:30px 0px 20px;}
  .wordido-game-expectation-sec .game-expect-details-item:before{display:none;}
  .wordido-game-expectation-sec .game-expect-details-item{padding:0px;}
  .wordido-game-expectation-sec .game-expectation-list{gap:0px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{margin:110px 0px 20px; box-shadow:0px 0px 7px rgba(234, 249, 255, 1.0) inset, 0px -11px 4px rgba(7, 168, 230, 0.56) inset, 0px 6px 12px rgba(5, 11, 46, 1.0);}
  .wordido-game-expectation-sec .game-expectation-item{max-width:100%;}
  .wordido-game-expectation-sec .game-expectation-list.owl-carousel .owl-stage{display:flex;}
  .wordido-game-expectation-sec .game-expectation-item{height:100%; padding:0px 12px;}
  .wordido-game-expectation-sec .owl-carousel .owl-dot span{width:12px; height:12px; background:transparent; border-color:rgba(255, 255, 255, 0.5);}
  .wordido-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ffd200; border-color:#00305c;}

  .wordido-game-summary-sec .game-summary-sec-outer{padding:40px 0 30px;}
  .wordido-game-summary-sec .game-summary-text{font-size:22px;}

  .wordido-faq-sec .faq-sec-outer{padding:30px 0 60px;}
  .wordido-faq-sec .faq-sec-head{margin-bottom:30px;}
  .wordido-faq-sec .question-label{margin-right:6px;}
}

@media(max-width:767px) {
  .wordido-game .close-menu-label, .wordido-game .menu-back-icon{color:var(--clr-action);}
  .wordido-game .menu-line{background:var(--bg-dark);}

  .wordido-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover; padding:20px 0 40px;}
  .wordido-game .banner-logo .game-logo-fig{max-width:58.7%;}
  .wordido-game .video-block{max-width:89.5%;}
  .wordido-game .video-poster, .wordido-game .client-video{border-radius:10px; height:calc(100% - 6.6%); left:2.5%; right:2.5%; width:calc(100% - 5%);}
  .wordido-game .video-shadow{display:none;}
  .wordido-about-us-sec .about-sec-head{display:flex; justify-content:center;}
  .wordido-about-us-sec .about-sec-main-title{font-size:25px; max-width:270px; margin:0px auto;}
  .wordido-about-us-sec .about-us-text{font-size:14px;}
  .wordido-game .btn-bar .base-btn{max-width:146px;}

  .wordido-game .sec-head:not(.faq-sec-head){margin-top:-24px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer{min-width:248px; padding:0px 6px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-main-title{min-height:48px; font-size:22px; border-radius:7px; padding:10px 25px 4px;}
  .wordido-game .sec-head:not(.faq-sec-head) .sec-head-outer:before{border-radius:4px; height:calc(100% - 14px); top:7px;}

  .wordido-how-to-work-sec .how-to-work-process{padding:30px 0px 20px;}
  .wordido-how-to-work-sec .htw-process-wrap .col-left{max-width:100%; margin:0px; padding:0px 30px;}
  .wordido-how-to-work-sec .htw-process-wrap .col-right{max-width:100%; margin:0px; padding:0px;}
  .wordido-how-to-work-sec .htw-process-theme:after{display:block; left:-30px; right:-30px; width:calc(100% + 60px); bottom:-2px; height:8px;}
  .wordido-how-to-work-sec .htw-process-card{margin-top:20px;}
  .wordido-how-to-work-sec .htw-process-card-title{font-size:18px;}
  .wordido-how-to-work-sec .htw-process-card-list{margin-top:5px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px; padding-left:8px; text-align:center; margin-bottom:10px;}
  .wordido-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:3px; height:3px; top:6px; left:auto; margin-left:-8px;}
  .htw-process-card-title-bar{text-align:center;}
  .wordido-how-to-work-sec .htw-process-card-list{padding-left:0px;}
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-two{padding-top:0px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-card-title{font-size:18px;}
  .wordido-how-to-work-sec .htw-process-card-outer{margin-top:0px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding:0px;}
  .wordido-how-to-work-sec .how-to-work-process:nth-child(odd){background:linear-gradient(to bottom, #fff 50%, var(--bg-base) 0%);}
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-four{padding-top:0px; background:linear-gradient(to bottom, #fff 25%, var(--bg-primary) 0%)}
  .wordido-how-to-work-sec .htw-process-wrap-row + .htw-process-wrap-row{margin-top:20px;}
  .wordido-how-to-work-sec .how-to-work-process .htw-process-wrap.htw-process-wrap-row:nth-child(even) .col-right{padding:0px;}
  .wordido-how-to-work-sec .how-to-work-process .streak-card .htw-process-card-title{font-size:18px;}
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-six{background:transparent; padding-bottom:40px;}

  .wordido-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 20px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{margin:50px 0px 20px;}
  .wordido-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 100px); min-width:calc(100vw - 100px); padding:0px 10px;}
  .wordido-game-expectation-sec .game-expect-icon-block{margin-top:-37px;}
  .wordido-game-expectation-sec .game-expect-card-fig{max-width:74px; border-width:4px;}
  .wordido-game-expectation-sec .game-expectation-card-outer{padding:4px 4px 6px; border-radius:16px;}
  .wordido-game-expectation-sec .game-expectation-card-body{padding:0px 10px 20px; border-radius:12px;}
  .wordido-game-expectation-sec .game-expect-card-title{margin:30px 0px 10px; min-height:44px;}
  .wordido-game-expectation-sec .game-expect-details-item{text-align:center;}
  .wordido-game-expectation-sec .game-expect-icon-block:before{width:86px; height:44px; bottom:-6px;}

  .wordido-game-summary-sec .game-summary-sec-outer{padding:20px 0 15px;}
  .wordido-game-summary-sec .game-summary-text{font-size:14px;}
  .wordido-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
  
  .wordido-faq-sec .faq-sec-outer{background:var(--faq-bg-mob) no-repeat top center; background-size:cover; padding:10px 0 30px;}
  .wordido-faq-sec .faq-sec-head{margin-bottom:15px;}
  .wordido-faq-sec .accordion-card{border-radius:4px; border-width:2px;}
  .wordido-faq-sec .question-label{margin-right:3px;}
}

@media (min-width:414px) and (max-width:767px) and (orientation:portrait) {
  .wordido-how-to-work-sec .how-to-work-process.how-to-work-process-sec-two .htw-process-card-title{font-size:15px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Wordido Game CSS End // ***************************** */


/* ***************************** // Number Fill Game CSS Start // ***************************** */
.number-fill-game {
/*Colors*/
--clr-base:#000;
--clr-base-light:#4f3800;
--clr-dark:#25145b;
--clr-dark-alt:#fcd13a;
--clr-action:#000000;
--clr-action-alt:#1565b1;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#f4eeff;
--bg-primary:#6f46e3;
--bg-secondary:#fcd13a;
--bg-dark:#4f3800;
--bg-action:#ccf3fd;

/*Border Colors*/
--bdr1:#006872;
--bdr2:#4f3800;
  
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-head:'AG Book Rounded', sans-serif;
--font-head2:'AG Book Rounded Medium', sans-serif;
--font-btn:'AG Book Rounded', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #23460d, 2px -2px 0 #23460d, -2px 2px 0 #23460d, -2px -2px 0 #23460d, 2px 0 0 #23460d, 0 2px 0 #23460d, -2px 0 0 #23460d, 0 -4px 5px #3a863c;
}

@media (hover: hover) {
  .number-fill-game .active .nav-item-label, .number-fill-game .nav-item-label:hover{color:var(--clr-action-alt);}
}
.number-fill-game .base-btn{display:inline-flex; align-items:center; justify-content:center; max-width:450px; width:100%;}
.number-fill-game .base-btn .btn-text{font-size:50px; padding-top:5px; font-weight:normal; color:#fff; text-shadow:var(--shadow-text); font-family:var(--font-btn); text-transform:inherit;}
.number-fill-game .btn-bg img{filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.3));}

.number-fill-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:36px 0 0px; overflow:hidden;}
.number-fill-game .banner-sec-outer{background:transparent; padding:0px;}
.number-fill-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.number-fill-game .banner-logo .game-logo-fig{max-width:44.1%; margin-bottom:20px;}

.number-fill-game .banner-sec-video{background:transparent;}
.number-fill-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.number-fill-game .video-block{max-width:59.8%; position:relative; margin-bottom:-5.9%; overflow:inherit;}
.number-fill-game .video-poster, .number-fill-game .client-video{top:4.4%; bottom:auto; left:2.8%; right:2.8%; height:calc(100% - 6.4%); width:calc(100% - 5.6%); border-radius:18px 18px 0 0;}
.number-fill-game .client-video{height:calc(100% - 18.8%);}
.number-fill-game .video-frame img{filter:drop-shadow(0px 10px 35px rgba(50, 11, 122, 0.7));}

.number-fill-game .sec-main-title{font-size:60px; text-transform:inherit;}

.number-fill-about-us-sec .about-us-sec-outer{background-color:var(--bg-base); background-image:var(--about-us-bg-top), var(--about-us-bg-bottom); background-repeat:no-repeat, no-repeat; background-position:top right, bottom left; background-size:auto; padding:90px 0px 100px;}
.number-fill-about-us-sec .about-sec-head{margin-bottom:10px;}
.number-fill-about-us-sec .about-sec-main-title{color:var(--clr-dark); font-family:var(--font-head); font-size:60px; text-align:center; float:left; width:100%;}
.number-fill-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.number-fill-about-us-sec .about-us-text{float:left; width:100%; max-width:1200px; text-align:center; font-size:26px; line-height:1.4em; font-family:var(--font-head); color:var(--clr-dark); margin:0px auto 30px;}
.number-fill-about-us-sec .about-us-btn-bar{margin:10px auto 0;}

/* How to Work CSS Start */
.number-fill-htw-sec{padding:90px 0px 0px;}
.number-fill-htw-sec .htw-sec-head{margin-bottom:20px;}
.number-fill-htw-sec .sec-main-title{color:var(--clr-base-light);}
.number-fill-htw-sec .htw-process-wrap{justify-content:center;}
.number-fill-htw-sec .htw-process-wrap .col-left{max-width:41.8%; margin-right:-68px; z-index:1;}
.number-fill-htw-sec .htw-process-wrap .col-right{max-width:44.8%;}
.number-fill-htw-sec .htw-process-theme{filter:inherit; border-radius:0px;}
.number-fill-htw-sec .htw-process-theme:after{display:none;}
.number-fill-htw-sec .htw-process-card:before, .number-fill-htw-sec .htw-process-card:after{display:none;}
.number-fill-htw-sec .htw-process-card-outer:before, .number-fill-htw-sec .htw-process-card-outer:after{display:none;}
.number-fill-htw-sec .htw-process-card-outer{background:var(--bg-dark); padding:4px; border-radius:40px;}
.number-fill-htw-sec .htw-process-card-cont{background:var(--bg-secondary); border-radius:36px;}
.number-fill-htw-sec .htw-process-card-body{background:transparent; min-height:334px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.number-fill-htw-sec .htw-process-card-title{text-transform:inherit; color:var(--clr-base-light); font-size:46px;}
.number-fill-htw-sec .htw-process-card-list-item, .number-fill-htw-sec .htw-process-card-list-label{font-size:24px; font-family:var(--font-head); color:var(--clr-base-light);}
.number-fill-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:13px; height:13px; border-radius:100%; background:var(--bg-dark);}
.number-fill-htw-sec .choose-level-row .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:auto; margin-left:-20px;}
.number-fill-htw-sec .htw-process-card-list{margin-top:14px;}
.choose-level-row{align-items:flex-start; border:4px solid var(--bdr2); border-radius:40px;}
.number-fill-htw-sec .choose-level-row{padding:0px 30px 50px; margin:150px 0px 100px;}
.number-fill-htw-sec .choose-level-row .col{max-width:30%; margin:-85px 0px 0px;}
.number-fill-htw-sec .choose-level-row .col.col-mid{max-width:40%; padding:0px 5%;}
.number-fill-htw-sec .choose-level-row .htw-process-card-body{padding:20px 40px; min-height:auto;}
.number-fill-htw-sec .choose-level-row .htw-process-card-title-bar{text-align:center;}
.number-fill-htw-sec .choose-level-row .htw-process-card-list-item, .number-fill-htw-sec .choose-level-row .htw-process-card-list-label{text-align:center;}
.number-fill-htw-sec .choose-level-row .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:0px;}
.number-fill-htw-sec .choose-level-row .htw-process-card-list{padding-left:0px;}
.choose-level-row .col-mid .htw-process-theme-block{margin:40px -12% 0px; width:calc(100% + 24%);}
.number-fill-htw-sec .how-to-work-process-sec-two .htw-process-wrap{flex-direction:row-reverse;}
.number-fill-htw-sec .how-to-work-process-sec-two .col-left{margin-right:0px; margin-left:-68px;}
.number-fill-htw-sec .objective-card .htw-process-card-outer{background:#391fb6;}
.number-fill-htw-sec .objective-card .htw-process-card-cont{background:var(--bg-primary);}
.number-fill-htw-sec .objective-card .htw-process-card-body{padding:40px 130px 50px 40px;}
.number-fill-htw-sec .objective-card .htw-process-card-title{color:#fff;}
.number-fill-htw-sec .objective-card .htw-process-card-list-item, .number-fill-htw-sec .objective-card .htw-process-card-list-label{color:#fff;}
.number-fill-htw-sec .objective-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff;}
.number-fill-htw-sec .how-to-work-process-sec-two{background-color:var(--bg-base); background-image:var(--htw-sec-bg-top), var(--htw-sec-bg-bottom); background-repeat:no-repeat, no-repeat; background-position:left top, right bottom; background-size:auto; padding:100px 0px;}
.number-fill-htw-sec .how-to-work-process-sec-three{background-color:#e6fdff; background-image:var(--htw-sec-bg-top), var(--htw-sec-bg-bottom); background-repeat:no-repeat, no-repeat; background-position:left top, right bottom; background-size:auto; padding:100px 0px 240px;}
.number-fill-htw-sec .game-flow-row{background:#0be7fd; border:4px solid var(--bdr1); border-radius:40px; display:flex; flex-wrap:wrap; gap:0 6%;}
.number-fill-htw-sec .htw-process-wrap-title-bar{float:left; width:100%; text-align:center; margin:30px 0px;}
.number-fill-htw-sec .htw-process-wrap-title-bar{color:var(--clr-base-light); font-size:46px; font-family:var(--font-head);}
.number-fill-htw-sec .game-flow-row .col{max-width:40%; margin:0px 0px -190px; padding:0px 2%;}
.number-fill-htw-sec .game-flow-row .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.number-fill-htw-sec .game-flow-row .htw-process-card-cont{background:transparent; border-radius:0px;}
.number-fill-htw-sec .game-flow-row .htw-process-card-body{min-height:auto; padding:0px;}
.number-fill-htw-sec .game-flow-row .htw-process-card-list{min-height:87px;}
.number-fill-htw-sec .game-flow-row .htw-process-card-list-item, .number-fill-htw-sec .game-flow-row .htw-process-card-list-label{text-align:center;}
.number-fill-htw-sec .game-flow-row .htw-process-theme-block{margin-top:0px;}
.number-fill-htw-sec .how-to-work-process-sec-four{background-color:#f8f8f8; background-image:var(--htw-sec-bg-top), var(--htw-sec-bg-bottom); background-repeat:no-repeat, no-repeat; background-position:left top, right bottom; background-size:auto; padding:50px 0px;}
.number-fill-htw-sec .how-to-work-process-sec-five{background-color:#ffefee; background-image:var(--htw-sec-bg-top), var(--htw-sec-bg-bottom); background-repeat:no-repeat, no-repeat; background-position:left top, right bottom; background-size:auto; padding:100px 0px 240px;}
.number-fill-htw-sec .scoring-row{background:#ffa29c; border:4px solid var(--bdr2);}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.number-fill-game-expectation-sec{background:linear-gradient(to bottom, rgba(123,72,250,1) 0%,rgba(66,26,207,1) 100%);}
.number-fill-game-expectation-sec .game-expectation-sec-outer{background-image:var(--game-expectation-bg-top); background-repeat:no-repeat; background-position:top left; background-size:auto; padding:100px 0 300px;}
.number-fill-game-expectation-sec .game-expectation-sec-head{margin-bottom:40px;}
.number-fill-game-expectation-sec .sec-main-title{color:#fff;}
.number-fill-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.number-fill-game-expectation-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 4) - ((30px * 3) / 4));}
.number-fill-game-expectation-sec .game-expectation-card-outer{margin-top:0px; padding:4px; background:#fcd13a; box-shadow:0px 16px 15px rgba(0, 0, 0, 0.25);}
.number-fill-game-expectation-sec .game-expectation-card-body{background:#fff; border-radius:12px; box-shadow:none; padding:30px 20px;}
.number-fill-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px; margin-bottom:20px; justify-content:flex-start;}
.number-fill-game-expectation-sec .game-expect-card-fig{display:flex; align-items:center; justify-content:center; width:106px; height:106px; background:#e84f6f; border-radius:100%;}
.number-fill-game-expectation-sec .game-expect-card-fig img{width:auto;}
.number-fill-game-expectation-sec .game-expect-card-title{color:#e84f6f; font-size:34px; text-align:left;}
.number-fill-game-expectation-sec .game-expect-details-item{color:#000; font-size:22px; font-family:var(--font-head);}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.number-fill-game-summary-sec .game-summary-sec-outer{background-color:var(--bg-base); background-image:var(--game-summary-bg-top); background-repeat:no-repeat; background-position:right top; background-size:auto; padding:0px;}
.number-fill-game-summary-sec .game-summary-cont{margin-top:-220px;}
.number-fill-game-summary-sec .game-summary-cont-outer{background:var(--bg-secondary); border-radius:30px; padding:90px 15px 100px; float:left; width:100%;}
.number-fill-game-summary-sec .game-summary-text{max-width:1248px; font-size:38px; }
.number-fill-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.number-fill-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.number-fill-faq-sec .faq-sec-outer{background-color:var(--bg-base); background-image:var(--faq-bg-bottom); background-repeat:no-repeat; background-position:left bottom; background-size:auto; padding:80px 0 90px;}
.number-fill-faq-sec .faq-sec-head{margin-bottom:20px;}
.number-fill-faq-sec .faq-list{counter-reset:li;}
.number-fill-faq-sec .accordion-item{margin-bottom:20px; position:relative;}
.number-fill-faq-sec .accordion-item:before{content:"Q" counter(li) "."; counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:5px; top:4px;width:69px; height:69px; font-family:var(--font-head); font-size:28px; color:var(--clr-base); border-radius:100%; background:var(--bg-secondary); display:inline-flex; align-items:center; justify-content:center;}
.number-fill-faq-sec .sec-main-title{color:var(--clr-dark);}
.number-fill-faq-sec .accordion-card{border:none; background:#7a48f9; padding:0px 0px 0px 50px; border-radius:40px;}
.number-fill-faq-sec .accordion-icon{background:transparent;}
.number-fill-faq-sec .accordion-icon .icon{color:#fff;}
.number-fill-faq-sec .accordion-title{font-size:26px;}
.number-fill-faq-sec .is-open .accordion-title{color:#fff;}
.number-fill-faq-sec .accordion-text{color:var(--clr-dark-alt); font-size:24px; font-family:var(--font-head2);}
.number-fill-faq-sec .accordion-cont-bar{padding:0px 0px 15px;}
/*FAQ CSS End */

.number-fill-game .footer{background:#25145b;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .number-fill-game .video-poster, .number-fill-game .client-video{border-radius:12px 12px 0 0;}

  .number-fill-about-us-sec .about-us-sec-outer{padding:60px 0px 70px;}
  .number-fill-about-us-sec .about-sec-main-title{font-size:50px;}
  .number-fill-about-us-sec .about-us-text{font-size:24px; max-width:1110px;}
  .number-fill-game .base-btn{max-width:400px;}
  .number-fill-game .base-btn .btn-text{font-size:44px;}

  .number-fill-game .sec-main-title{font-size:50px;}
  .number-fill-htw-sec{padding:70px 0px 0px;}
  .number-fill-htw-sec .htw-process-wrap .col-right{max-width:48.8%;}
  .number-fill-htw-sec .htw-process-wrap .col-left{margin-right:-48px;}
  .number-fill-htw-sec .how-to-work-process-sec-two .col-left{margin-left:-48px;}
  .number-fill-htw-sec .choose-level-row .col{margin:-85px 0px 0px;}
  .number-fill-htw-sec .objective-card .htw-process-card-body{padding:40px 80px 50px 40px;}
  .number-fill-htw-sec .htw-process-card-title{font-size:38px;}
  .number-fill-htw-sec .htw-process-card-list-item, .number-fill-htw-sec .htw-process-card-list-label{font-size:20px;}
  .number-fill-htw-sec .choose-level-row .htw-process-card-body{padding:20px 15px;}
  .number-fill-htw-sec .choose-level-row{margin:150px 0px 80px;}
  .number-fill-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:10px; height:10px; top:6px;}
  .number-fill-htw-sec .choose-level-row .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{margin-left:-15px;}
  .number-fill-htw-sec .how-to-work-process-sec-two{padding:80px 0px;}
  .number-fill-htw-sec .game-flow-row .col{max-width:44.8%;}
  .number-fill-htw-sec .how-to-work-process-sec-three{padding:80px 0px 240px;}
  .number-fill-htw-sec .htw-process-wrap-title-bar{font-size:42px;}

  .number-fill-game-expectation-sec .game-expectation-sec-outer{padding:80px 0 260px;}
  .number-fill-game-expectation-sec .game-expectation-list{gap:40px 30px;}
  .number-fill-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - ((30px * 1) / 2));}
  .number-fill-game-expectation-sec .game-expectation-card-body{padding:30px 20px;}
  .number-fill-game-expectation-sec .game-expect-card-title{font-size:30px;}
  .number-fill-game-expectation-sec .game-expect-details-item{font-size:19px;}

  .number-fill-game-summary-sec .game-summary-cont-outer{padding:60px 15px 70px;}
  .number-fill-game-summary-sec .game-summary-text{max-width:1048px; font-size:32px;}
  .number-fill-game-summary-sec .game-summary-cont{margin-top:-180px;}

  .number-fill-faq-sec .faq-sec-outer{padding:60px 0 70px;}
  .number-fill-faq-sec .accordion-title{font-size:24px;}
  .number-fill-faq-sec .accordion-item:before{font-size:24px; width:60px; height:60px; top:5px;}
  .number-fill-faq-sec .accordion-card{border-radius:36px;}
  .number-fill-faq-sec .accordion-cont-bar{min-height:auto;}
  .number-fill-faq-sec .accordion-text{font-size:22px;}
}

@media(max-width:1280px) {
  .number-fill-game .banner-logo .game-logo-fig{margin-bottom:0px;}

  .number-fill-about-us-sec .about-us-sec-outer{padding:40px 0px 50px;}
  .number-fill-about-us-sec .about-sec-main-title{font-size:46px;}
  .number-fill-about-us-sec .about-us-text{font-size:22px; max-width:1048px;}
  .number-fill-game .base-btn{max-width:350px;}
  .number-fill-game .base-btn .btn-text{font-size:38px;}

  .number-fill-game .sec-main-title{font-size:46px;}
  .number-fill-htw-sec{padding:50px 0px 0px;}
  .number-fill-htw-sec .htw-process-wrap .col-right{max-width:48.8%;}
  .number-fill-htw-sec .htw-process-wrap .col-left{margin-right:-38px;}
  .number-fill-htw-sec .how-to-work-process-sec-two .col-left{margin-left:-38px;}
  .number-fill-htw-sec .choose-level-row .col{margin:-75px 0px 0px;}
  .number-fill-htw-sec .htw-process-card-body{min-height:234px;}
  .number-fill-htw-sec .objective-card .htw-process-card-body{padding:30px 50px 40px 30px;}
  .number-fill-htw-sec .htw-process-card-title{font-size:32px;}
  .number-fill-htw-sec .htw-process-card-list-item, .number-fill-htw-sec .htw-process-card-list-label{font-size:17px;}
  .number-fill-htw-sec .choose-level-row{margin:130px 0px 70px;}
  .number-fill-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:4px;}
  .number-fill-htw-sec .how-to-work-process-sec-two{padding:60px 0px;}
  .number-fill-htw-sec .game-flow-row .col{max-width:44.8%; margin:0px 0px -150px;}
  .number-fill-htw-sec .how-to-work-process-sec-three{padding:80px 0px 200px;}
  .number-fill-htw-sec .htw-process-wrap-title-bar{font-size:38px;}
  .number-fill-htw-sec .game-flow-row .htw-process-card-list{min-height:56px;}
  .number-fill-htw-sec .how-to-work-process-sec-five{padding:60px 0px 200px;}

  .number-fill-game-expectation-sec .game-expectation-sec-outer{padding:50px 0 200px;}
  .number-fill-game-expectation-sec .game-expectation-list{gap:20px 20px;}
  .number-fill-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - ((20px * 1) / 2));}
  .number-fill-game-expectation-sec .game-expectation-card-body{padding:20px 20px;}
  .number-fill-game-expectation-sec .game-expect-card-title{font-size:26px; margin-bottom:10px;}
  .number-fill-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .number-fill-game-expectation-sec .game-expect-card-fig{width:86px; height:86px;}
  .number-fill-game-expectation-sec .game-expect-card-fig img{width:58%;}

  .number-fill-game-summary-sec .game-summary-cont-outer{padding:50px 15px 60px;}
  .number-fill-game-summary-sec .game-summary-text{max-width:1048px; font-size:28px;}
  .number-fill-game-summary-sec .game-summary-cont{margin-top:-140px;}

  .number-fill-faq-sec .faq-sec-outer{padding:40px 0 50px;}
  .number-fill-faq-sec .accordion-title{font-size:22px;}
  .number-fill-faq-sec .accordion-item{margin-bottom:12px;}
  .number-fill-faq-sec .accordion-item:before{font-size:22px; width:54px; height:54px; top:5px;}
  .number-fill-faq-sec .accordion-card{border-radius:36px; padding:0px 0px 0px 30px;}
  .number-fill-faq-sec .accordion-text{font-size:20px;}
}

@media(max-width:1023px) {
  .number-fill-game .banner-sec{padding:26px 0 0px;}

  .number-fill-about-us-sec .about-us-sec-outer{padding:30px 0px 40px; background-size:140px;}
  .number-fill-about-us-sec .about-sec-main-title{font-size:36px;}
  .number-fill-about-us-sec .about-us-text{font-size:19px; max-width:678px; margin:0px auto 10px;}
  .number-fill-game .base-btn{max-width:284px;}
  .number-fill-game .base-btn .btn-text{font-size:30px;}

  .number-fill-game .sec-main-title{font-size:36px;}
  .number-fill-htw-sec{padding:50px 0px 0px;}
  .number-fill-htw-sec .htw-sec-head{margin-bottom:10px;}
  .number-fill-htw-sec .htw-process-wrap .col-right{max-width:48.8%;}
  .number-fill-htw-sec .htw-process-wrap .col-left{margin-right:-20px;}
  .number-fill-htw-sec .how-to-work-process-sec-two .col-left{margin-left:-20px;}
  .number-fill-htw-sec .choose-level-row .col{margin:-75px 0px 0px;}
  .number-fill-htw-sec .htw-process-card-outer{border-radius:20px;}
  .number-fill-htw-sec .htw-process-card-cont{border-radius:16px;}
  .number-fill-htw-sec .htw-process-card-body{min-height:194px;}
  .number-fill-htw-sec .objective-card .htw-process-card-body{padding:20px 35px 30px 20px;}
  .number-fill-htw-sec .htw-process-card-title{font-size:28px;}
  .number-fill-htw-sec .htw-process-card-list-item, .number-fill-htw-sec .htw-process-card-list-label{font-size:15px;}
  .number-fill-htw-sec .htw-process-card-list-item:not(:last-child){margin-bottom:14px;}
  .number-fill-htw-sec .choose-level-row{margin:110px 0px 50px; padding:0px 15px 30px; border-radius:20px;}
  .number-fill-htw-sec .choose-level-row .htw-process-card-list .htw-process-card-list-item br{display:none;}
  .number-fill-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:4px;}
  .number-fill-htw-sec .how-to-work-process-sec-two{padding:40px 0px; background-size:160px;}
  .number-fill-htw-sec .game-flow-row{gap:0px;}
  .number-fill-htw-sec .game-flow-row .col{max-width:47.8%; margin:0px 0px -120px;}
  .number-fill-htw-sec .how-to-work-process-sec-three{padding:50px 0px 160px; background-size:160px;}
  .number-fill-htw-sec .htw-process-wrap-title-bar{font-size:32px;}
  .number-fill-htw-sec .game-flow-row .htw-process-card-list{min-height:56px;}
  .number-fill-htw-sec .how-to-work-process-sec-four{padding:40px 0px; background-size:160px;}
  .number-fill-htw-sec .how-to-work-process-sec-five{padding:50px 0px 170px; background-size:160px;}
  .number-fill-htw-sec .htw-process-wrap-title-bar{margin:20px 0px 10px;}

  .number-fill-game-expectation-sec .game-expectation-sec-outer{padding:30px 0 180px;}
  .number-fill-game-expectation-sec .game-expectation-sec-head{margin-bottom:30px;}
  .number-fill-game-expectation-sec .game-expect-card-title{font-size:22px;}
  .number-fill-game-expectation-sec .game-expect-details-item{font-size:14px;}

  .number-fill-game-summary-sec .game-summary-cont-outer{padding:30px 15px 30px;}
  .number-fill-game-summary-sec .game-summary-text{max-width:100%; font-size:22px;}
  .number-fill-game-summary-sec .game-summary-cont{margin-top:-120px;}

  .number-fill-faq-sec .faq-sec-outer{padding:30px 0 40px;}
  .number-fill-faq-sec .accordion-title{font-size:18px;}
  .number-fill-faq-sec .accordion-item:before{font-size:18px; width:51px; height:51px; top:4px;}
  .number-fill-faq-sec .accordion-card{border-radius:32px; padding:0px 0px 0px 36px;}
  .number-fill-faq-sec .accordion-text{font-size:16px;}
}

@media(min-width:768px) {
  .number-fill-game .header{box-shadow:0px 4px 9px rgba(0, 0, 0, 0.6);}
}

@media(max-width:767px) {
  .number-fill-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #23460d, 1px -1px 0 #23460d, -1px 1px 0 #23460d, -1px -1px 0 #23460d, 1px 0 0 #23460d, 0 1px 0 #23460d, -1px 0 0 #23460d, 0 -2px 3px #3a863c;
  }
  .number-fill-game .menu-line{background:var(--bg-dark);}
  .number-fill-game .nav-item-label{color:var(--clr-base-light);}
  .number-fill-game .nav-item{border-color:var(--bdr2);}
  .number-fill-game .navbar-close{border-color:var(--bdr2);}

  .number-fill-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}

  .number-fill-game .banner-logo .game-logo-fig{max-width:58.1%;}
  .number-fill-game .video-block{max-width:90%; margin-bottom:-8.9%;}
  .number-fill-game .video-poster, .number-fill-game .client-video{border-radius:5px 5px 0 0;}

  .number-fill-about-us-sec .about-us-sec-outer{background-size:80px;}
  .number-fill-about-us-sec .about-sec-main-title{font-size:22px;}
  .number-fill-about-us-sec .about-us-text{font-size:13px; max-width:100%; padding:0px 15px;}
  .number-fill-about-us-sec .about-us-btn-bar{margin:0px;}
  .number-fill-game .base-btn{max-width:180px;}
  .number-fill-game .base-btn .btn-text{font-size:18px;}

  .number-fill-game .sec-main-title{font-size:22px; letter-spacing:0.04em;}
  .number-fill-htw-sec .htw-process-wrap{flex-direction:row;}
  .number-fill-htw-sec .htw-process-wrap .col-left{max-width:50%; padding:0px;}
  .number-fill-htw-sec .htw-process-wrap .col-right{max-width:calc(50% + 20px); padding:0px;}
  .number-fill-htw-sec .htw-process-card{margin:0px;}
  .number-fill-htw-sec .htw-process-card-outer{border-radius:10px; padding:2px;}
  .number-fill-htw-sec .htw-process-card-cont{border-radius:8px;}
  .number-fill-htw-sec .htw-process-card-body{min-height:auto; padding:10px 10px 10px 22px;}
  .number-fill-htw-sec .htw-process-card-title{font-size:16px;}
  .number-fill-htw-sec .htw-process-card-list{margin-top:6px;}
  .number-fill-htw-sec .htw-process-card-list-item, .number-fill-htw-sec .htw-process-card-list-label{font-size:13px; font-family:var(--font-head2); text-align:center;}
  .number-fill-htw-sec .htw-process-card-list-item:last-child{margin-bottom:0px;}
  .number-fill-htw-sec .choose-level-row{margin:10px 0px 50px; border-width:2px; border-radius:14px; padding:8px 8px;}
  .number-fill-htw-sec .choose-level-row .col{max-width:100%; margin:0px; display:flex; flex-direction:row-reverse;}
  .number-fill-htw-sec .choose-level-row .col-right{flex-direction:row;}
  .number-fill-htw-sec .choose-level-row .htw-process-card{display:flex; align-items:center; align-content:center;}
  .number-fill-htw-sec .choose-level-row .col.col-mid{max-width:100%; padding:0px; margin:20px 0px 10px;}
  .number-fill-htw-sec .choose-level-row .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .number-fill-htw-sec .choose-level-row .htw-process-theme-block{margin:0px -20px 0 0; width:calc(100% - 20px);}
  .number-fill-htw-sec .choose-level-row .htw-process-card-body{padding:10px 10px 10px 22px;}
  .number-fill-htw-sec .choose-level-row .col-right .htw-process-theme-block{margin:0px 0 0 -20px;}
  .number-fill-htw-sec .choose-level-row .col-right .htw-process-card-body{padding:10px 22px 10px 10px;}
  .number-fill-htw-sec .choose-level-row .col-mid .htw-process-theme-block{width:100%; flex:0 0 calc(50% + 20px);}
  .number-fill-htw-sec .choose-level-row .htw-process-card-list-block{display:flex; justify-content:center;}
  .number-fill-htw-sec .choose-level-row .htw-process-card-list{max-width:126px;}
  .number-fill-htw-sec .how-to-work-process-sec-two{background-size:80px;}
  .number-fill-htw-sec .how-to-work-process-sec-two .htw-process-wrap{flex-direction:column;}
  .number-fill-htw-sec .how-to-work-process-sec-two .col-left{max-width:66.5%; margin:0px 10px -45px auto;}
  .number-fill-htw-sec .how-to-work-process-sec-two .htw-process-wrap .col-right{max-width:100%;}
  .number-fill-htw-sec .objective-card .htw-process-card-body{padding:15px 10px 15px 10px;}
  .number-fill-htw-sec .objective-card .htw-process-card-title-bar{text-align:left;}
  .number-fill-htw-sec .objective-card .htw-process-card-list-item, .number-fill-htw-sec .objective-card .htw-process-card-list-label{text-align:left;}
  .number-fill-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:4px; height:4px;}
  .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
  .number-fill-htw-sec .how-to-work-process-sec-three{background-size:80px; padding:50px 0px 50px;}
  .number-fill-htw-sec .game-flow-row{border-width:2px; border-radius:14px; padding:0px 20px 20px;}
  .number-fill-htw-sec .game-flow-row.scoring-row{padding:0px 0px 20px;}
  .number-fill-htw-sec .game-flow-row.scoring-row .htw-process-theme-block{padding:0px 20px;}
  .number-fill-htw-sec .htw-process-wrap-title-bar{font-size:18px; margin:14px 0px 6px;}
  .number-fill-htw-sec .game-flow-row .htw-process-card-list{min-height:auto; padding:0px; margin:0px 0px 10px 0px;}
  .number-fill-htw-sec .htw-process-wrap.game-flow-row .col{max-width:100%; margin:0px;}
  .number-fill-htw-sec .htw-process-wrap.game-flow-row .col + .col{margin-top:30px;}
  .number-fill-htw-sec .game-flow-row .htw-process-card-list-item br{display:none;}
  .number-fill-htw-sec .how-to-work-process-sec-four{background-size:80px;}
  .number-fill-htw-sec .how-to-work-process-sec-four .htw-process-wrap{flex-direction:column;}
  .number-fill-htw-sec .how-to-work-process-sec-four .col-left{max-width:66.5%; margin:0px auto -45px 10px;}
  .number-fill-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{max-width:100%;}
  .number-fill-htw-sec .end-of-game-card .htw-process-card-body{padding:50px 10px 15px 10px;}
  .number-fill-htw-sec .end-of-game-card .htw-process-card-title-bar{text-align:left;}
  .number-fill-htw-sec .end-of-game-card .htw-process-card-list-item, .number-fill-htw-sec .end-of-game-card .htw-process-card-list-label{text-align:left;}
  .number-fill-htw-sec .how-to-work-process-sec-five{padding:40px 0px; background-size:80px;}

  .number-fill-game-expectation-sec .game-expectation-sec-outer{padding:30px 0 80px; background-size:80px;}
  .number-fill-game-expectation-sec .game-expectation-sec-head{margin-bottom:0px;}
  .number-fill-game-expectation-sec .game-expect-card-title{font-size:16px;}
  .number-fill-game-expectation-sec .game-expect-card-fig{width:70px; min-width:70px; height:70px;}
  .number-fill-game-expectation-sec .game-expect-card-fig img{width:100%; max-width:46px; height:100%; max-height:52px; object-fit:contain;}
  .number-fill-game-expectation-sec .game-expectation-card-outer{padding:2px; box-shadow:0px 6px 10px rgba(0, 0, 0, 0.25); border-radius:10px; margin:20px 0px;}
  .number-fill-game-expectation-sec .game-expectation-card-body{border-radius:8px; padding:15px 13px 10px;}
  .number-fill-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .number-fill-game .owl-carousel .owl-dot span{background:#20047f; border:none; width:12px; height:12px;}
  .number-fill-game .owl-carousel .owl-dot.active span{background:#fff;}

  .number-fill-game-summary-sec .game-summary-sec-outer{background-size:80px;}
  .number-fill-game-summary-sec .game-summary-cont-outer{padding:20px 15px 30px; border-radius:10px;}
  .number-fill-game-summary-sec .game-summary-text{font-size:18px;}
  .number-fill-game-summary-sec .game-summary-cont{margin-top:-60px;}
  .number-fill-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .number-fill-faq-sec .faq-sec-outer{padding:30px 0 40px; background-size:80px;}
  .number-fill-faq-sec .faq-sec-head{margin-bottom:15px;}
  .number-fill-faq-sec .faq-block{padding:0px;}
  .number-fill-faq-sec .accordion-item{margin-bottom:5px;}
  .number-fill-faq-sec .accordion-head{min-height:40px;}
  .number-fill-faq-sec .accordion-title{font-size:13px;}
  .number-fill-faq-sec .accordion-item:before{font-size:13px; width:34px; height:34px; top:3px; left:3px;}
  .number-fill-faq-sec .accordion-card{border-radius:20px; padding:0px 6px 0px 46px;}
  .number-fill-faq-sec .accordion-text{font-size:13px;}
  .number-fill-faq-sec .accordion-body{padding:0px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Number Fill Game CSS End // ***************************** */



/* ***************************** // Coin Flip Game CSS Start // ***************************** */
.coin-flip-game {
/*Colors*/
--clr-base:#420751;
--clr-base-light:#420751;
--clr-dark:#44103b;
--clr-action:#420751;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#420751;
--bg-primary:#961651;
--bg-secondary:#661d61;
--bg-dark:#44103b;
--bg-action:#420751;

/*Border Colors*/
--bdr1:#420751;
--bdr2:#961651;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Arial-Black', sans-serif;
--font-head2:'Arial-Bold', sans-serif;
--font-btn:'Arial-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #a3dc02, 2px -2px 0 #a3dc02, -2px 2px 0 #a3dc02, -2px -2px 0 #a3dc02, 2px 0 0 #a3dc02, 0 2px 0 #a3dc02, -2px 0 0 #a3dc02;
}

@media (hover: hover) {
  .coin-flip-game .active .nav-item-label, .coin-flip-game .nav-item-label:hover{color:var(--clr-action-alt);}
}
.coin-flip-game .btn-img{max-width:455px; width:32%;}
.coin-flip-game .btn-img .btn-fig:after{display:none;}

.coin-flip-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:0px 0px;}
.coin-flip-game .banner-sec-outer{background:transparent; padding:0px;}
.coin-flip-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.coin-flip-game .banner-logo .game-logo-fig{max-width:21.5%; margin-bottom:20px;}

.coin-flip-game .banner-sec-video{background:transparent;}
.coin-flip-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.coin-flip-game .video-block{max-width:62%; position:relative; margin-bottom:-6.9%; overflow:inherit;}
.coin-flip-game .video-iframe{padding-bottom:56.8%; background:#fff; border-radius:40px; box-shadow:0px 8px 20px rgba(156, 76, 189, 0.5);}
.coin-flip-game .video-poster, .coin-flip-game .client-video{top:10px; bottom:auto; left:10px; right:10px; height:calc(100% - 20px); width:calc(100% - 20px); border-radius:30px;}
.coin-flip-game .video-frame img{filter:drop-shadow(0px 10px 35px rgba(50, 11, 122, 0.7));}

.coin-flip-game .sec-main-title{font-size:60px; text-transform:inherit;}

.coin-flip-game .sec-head{margin-bottom:30px; text-align:center;}
.coin-flip-game .sec-main-title{font-family:var(--font-head); font-size:50px; text-transform:uppercase; text-align:center; background:var(--bg-base); border-radius:80px; padding:30px 80px; color:#fff; display:inline-block;}
.coin-flip-about-us-sec .about-us-sec-outer{background-color:rgba(255,198,223,1); background-image:linear-gradient(to top, rgba(255,255,255,0.9) 0%,rgba(255,198,223,1) 100%); padding:230px 0px 100px;}
.coin-flip-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.coin-flip-about-us-sec .about-us-text{float:left; width:100%; max-width:1368px; text-align:center; font-size:35px; line-height:1.4em; font-weight:700; color:var(--clr-dark); margin:0px auto 30px;}
.coin-flip-about-us-sec .about-us-btn-bar{margin:10px auto 0;}

/* How to Work CSS Start */
.coin-flip-htw-sec{padding:83px 0px 50px;}
.coin-flip-htw-sec .htw-sec-head{margin-bottom:0px;}
.coin-flip-htw-sec .htw-sec-head .sec-main-title{padding-left:135px; padding-right:135px;}
.coin-flip-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.coin-flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right{padding-right:5.6%;}
.coin-flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:5.6%;}
.coin-flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:row-reverse;}
.coin-flip-htw-sec .htw-process-theme:after{display:none;}
.coin-flip-htw-sec .htw-process-theme{border-radius:0px; filter:drop-shadow(0px 15px 7px rgba(0, 0, 0, 0.15));}
.coin-flip-htw-sec .htw-process-card:before, .coin-flip-htw-sec .htw-process-card:after{display:none;}
.coin-flip-htw-sec .htw-process-card-outer:before, .coin-flip-htw-sec .htw-process-card-outer:after{display:none;}
.coin-flip-htw-sec .htw-process-card-outer{background:var(--bg-primary); padding:10px; border-radius:30px;}
.coin-flip-htw-sec .htw-process-card-cont{background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,198,223,1) 100%);}
.coin-flip-htw-sec .htw-process-card-body{background:transparent; padding:36px 10px; min-height:370px; display:flex; flex-wrap:wrap; align-items:center;}
.coin-flip-htw-sec .htw-process-card-title-bar{text-align:center; position:absolute; top:-50px; left:0; right:0;}
.coin-flip-htw-sec .htw-process-card-title{font-family:var(--font-head); font-size:40px; text-transform:inherit; text-align:center; background:var(--bg-primary); border-radius:50px; padding:14px 50px 18px; color:#fff; display:inline-block;}
.coin-flip-htw-sec .htw-process-card-list{margin-top:0px;}
.coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-family:var(--font-head2); color:var(--clr-base); font-size:40px; text-align:center;}
.coin-flip-htw-sec .htw-process-wrap{padding:50px 0px;}
.coin-flip-htw-sec .htw-process-wrap-one{padding:20px 0px 50px;}
.game-process-wrap{float:left; width:100%; border-radius:30px; border:10px solid var(--bdr2); background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,198,223,1) 100%);}
.game-process-wrap .htw-process-wrap-title-bar{float:left; width:100%; margin-top:-50px; display:flex; flex-wrap:wrap; justify-content:center; padding:0px 10px;}
.game-process-wrap .htw-process-wrap-title{font-family:var(--font-head); font-size:40px; text-transform:inherit; text-align:center; background:var(--bg-primary); border-radius:50px; padding:14px 50px 18px; color:#fff; display:inline-block; margin-bottom:40px;}
.game-process-wrap .htw-process-wrap-sub-title{float:left; width:100%; font-family:var(--font-head2); color:var(--clr-base); font-size:40px; text-align:center;}
.htw-process-theme-sec{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:0px 60px;}
.outcome-animation-wrap .htw-process-theme-sec{margin-bottom:-230px; padding:0 36px;}
.outcome-animation-wrap .htw-process-theme-sec .col{flex:1;}
.coin-flip-htw-sec .how-to-work-process-sec-four{padding:100px 0px 280px;}
.game-stats-display-wrap{padding:0px 40px;}
.htw-process-theme-head-bar{float:left; width:100%; display:flex; justify-content:center; gap:0px 80px; margin:30px 0px 24px;}
.htw-process-theme-head-bar .col{float:left; width:100%;}
.theme-head-block{float:left; width:100%; background:var(--bg-secondary); border-radius:20px; padding:10px 10px 20px; min-height:116px; height:100%; position:relative; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.theme-head-block:after{content:""; position:absolute; clip-path:polygon(100% 0, 0 0, 50% 100%); top:calc(100% - 1px); left:0; right:0; margin:0 auto; background:var(--bg-secondary); width:40px; height:24px;}
.theme-head-label{float:left; width:100%; font-family:var(--font-head); font-size:30px; color:#fff; text-align:center; margin-bottom:6px;}
.theme-head-text{float:left; width:100%; font-size:20px; font-weight:700; color:#fff; text-align:center;}
.coin-flip-htw-sec .how-to-work-process-sec-five{padding:100px 0px 50px;}
.lives-streak-display-wrap{padding:0px 40px 70px;}
.lives-streak-display-wrap .theme-head-text{font-size:30px;}
.lives-streak-display-wrap .htw-process-theme-sec{gap:0px 80px;}
.lives-streak-display-wrap .htw-process-theme-sec .col{flex:1;}
.lives-streak-display-wrap .htw-process-theme-block{margin-top:44px;}
.lives-streak-display-wrap .htw-process-theme-head-bar{margin-bottom:0px;}
.lives-streak-display-wrap .theme-head-block{min-height:138px; height:inherit;}
.lives-streak-display-wrap .htw-process-theme{display:flex; align-items:center; justify-content:center;}
.lives-streak-display-wrap .htw-process-theme img{width:auto;}
.coin-flip-htw-sec .how-to-work-process-sec-six{padding:100px 0px 50px;}
.coin-flip-htw-sec .game-summary-card .htw-process-card-cont{padding:0px;}
.coin-flip-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row;}
.coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-left:5.6%; padding-right:0;}
.coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{flex-direction:row-reverse;}
.coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap .col-right{padding-left:0; padding-right:5.6%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.coin-flip-game-expectation-sec .game-expectation-sec-outer{background:var(--bg-base); padding:100px 0px;}
.coin-flip-game-expectation-sec .sec-main-title{background:#fff; color:var(--clr-base);}
.coin-flip-game-expectation-sec .game-expectation-list{gap:0px 70px;}
.coin-flip-game-expectation-sec .game-expectation-item{margin-top:100px; max-width:calc((100% / 3) - 47px)}
.coin-flip-game-expectation-sec .game-expectation-card-outer{margin-top:0px; padding:0px; background:transparent; }
.coin-flip-game-expectation-sec .game-expectation-card-body{background:#fff; border-radius:20px; box-shadow:none; padding:0px 30px 30px;}
.coin-flip-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:-75px; margin-bottom:10px;}
.coin-flip-game-expectation-sec .game-expect-card-fig{display:flex; align-items:center; justify-content:center; width:150px; min-width:150px; height:150px; border:10px solid #fff; background:#d25fc2; border-radius:100%;}
.coin-flip-game-expectation-sec .game-expect-card-fig img{width:auto;}
.coin-flip-game-expectation-sec .game-expect-card-title{color:var(--clr-base); font-size:34px;}
.coin-flip-game-expectation-sec .game-expect-details-item{color:var(--clr-base); font-size:22px; font-family:var(--font-head2); text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.coin-flip-game-summary-sec .game-summary-sec-outer{background:#d25fc2; padding:90px 0px;}
.coin-flip-game-summary-sec .game-summary-text{font-size:44px; color:#fff; max-width:100%;}
.coin-flip-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.coin-flip-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.coin-flip-faq-sec .faq-sec-outer{background-color:rgba(255,198,223,1); background-image:linear-gradient(to top, rgba(255,255,255,0.9) 0%,rgba(255,198,223,1) 100%); padding:90px 0px 80px;}
.coin-flip-faq-sec .sec-head{margin-bottom:50px;}
.coin-flip-faq-sec .sec-main-title{min-width:29%; text-transform:inherit;}
.coin-flip-faq-sec .accordion-item{margin-bottom:20px;}
.coin-flip-faq-sec .accordion-card{border-radius:10px; border:none; background:var(--bg-primary); padding:0px;}
.coin-flip-faq-sec .accordion-head{padding-right:12px;}
.coin-flip-faq-sec .accordion-body{background:#6d0c38; border-radius:0 0 10px 10px; padding-right:12px;}
.coin-flip-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:700; color:#fff;}
.coin-flip-faq-sec .answer-label, .coin-flip-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:700; color:#fff;}
.coin-flip-faq-sec .accordion-text{flex:1;}
.coin-flip-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.coin-flip-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.coin-flip-faq-sec .accordion-icon{background:#fff;}
.coin-flip-faq-sec .accordion-icon .icon{color:#961651;}
/*FAQ CSS End */

.coin-flip-game .footer{background:#420751;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .coin-flip-game .video-block{margin-bottom:-9.9%;}

  .coin-flip-about-us-sec .about-us-sec-outer{padding:200px 0px 80px;}
  .coin-flip-game .sec-main-title{font-size:44px; padding:25px 80px;}
  .coin-flip-about-us-sec .about-us-text{font-size:30px;}

  .coin-flip-htw-sec .htw-sec-head .sec-main-title{padding-left:110px; padding-right:110px;}
  .coin-flip-htw-sec .htw-process-card-title-bar{top:-42px;}
  .coin-flip-htw-sec .htw-process-card-title, .game-process-wrap .htw-process-wrap-title{font-size:34px; padding:12px 30px 16px;}
  .coin-flip-htw-sec .htw-process-card-body{min-height:auto; padding-top:60px;}
  .coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-size:29px;}
  .game-process-wrap .htw-process-wrap-sub-title{font-size:30px;}
  .outcome-animation-wrap .htw-process-theme-sec{margin-bottom:-190px;}
  .coin-flip-htw-sec .how-to-work-process-sec-four{padding:100px 0px 210px;}
  .theme-head-label{font-size:24px;}
  .theme-head-text{font-size:17px;}
  .game-process-wrap .htw-process-wrap-title-bar{margin-top:-40px;}
  .coin-flip-htw-sec .how-to-work-process-sec-six{padding:80px 0px 50px;}
  .lives-streak-display-wrap .theme-head-text{font-size:24px;}
  .lives-streak-display-wrap .theme-head-block{min-height:148px;}

  .coin-flip-game-expectation-sec .game-expectation-sec-outer{padding:80px 0px;}
  .coin-flip-game-expectation-sec .game-expectation-list{gap:0px 45px;}
  .coin-flip-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 30px);}
  .coin-flip-game-expectation-sec .game-expect-card-title{font-size:28px;}
  .coin-flip-game-expectation-sec .game-expect-details-item{font-size:18px;}

  .coin-flip-game-summary-sec .game-summary-sec-outer{padding:70px 0px;}
  .coin-flip-game-summary-sec .game-summary-text{font-size:36px;}

  .coin-flip-faq-sec .faq-sec-outer{padding:80px 0px 60px;}
  .coin-flip-faq-sec .sec-main-title{min-width:33%;}
  .coin-flip-faq-sec .accordion-title{font-size:26px;}
  .coin-flip-faq-sec .answer-label, .coin-flip-faq-sec .accordion-text{font-size:24px;}
}

@media(max-width:1280px) {
  .coin-flip-game .video-iframe{border-radius:30px;}
  .coin-flip-game .video-poster, .coin-flip-game .client-video{top:7px; bottom:auto; left:7px; right:7px; height:calc(100% - 14px); width:calc(100% - 14px); border-radius:23px;}
  .coin-flip-game .video-block{margin-bottom:-11.9%;}

  .coin-flip-about-us-sec .about-us-sec-outer{padding:180px 0px 60px;}
  .coin-flip-game .sec-main-title{font-size:38px; padding:22px 60px;}
  .coin-flip-about-us-sec .about-us-text{font-size:26px; margin:0px auto 15px;}

  .coin-flip-htw-sec{padding:70px 0px 40px;}
  .coin-flip-htw-sec .htw-sec-head .sec-main-title{padding-left:90px; padding-right:90px;}
  .coin-flip-htw-sec .htw-process-wrap{padding:40px 0px;}
  .coin-flip-htw-sec .htw-process-card-title-bar{top:-38px;}
  .coin-flip-htw-sec .htw-process-card-title, .game-process-wrap .htw-process-wrap-title{font-size:28px; padding:12px 20px 16px;}
  .coin-flip-htw-sec .htw-process-card-body{min-height:240px;}
  .coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-size:27px;}
  .game-process-wrap .htw-process-wrap-sub-title{font-size:25px;}
  .outcome-animation-wrap .htw-process-theme-sec{margin-bottom:-140px;}
  .coin-flip-htw-sec .how-to-work-process-sec-four{padding:70px 0px 170px;}
  .theme-head-label{font-size:22px;}
  .theme-head-text{font-size:16px;}
  .htw-process-theme-sec{gap:0px 40px;}
  .htw-process-theme-head-bar{gap:0px 20px; margin:20px 0px 24px;}
  .coin-flip-htw-sec .how-to-work-process-sec-five{padding:70px 0px 40px;}
  .game-process-wrap .htw-process-wrap-title-bar{margin-top:-38px;}
  .coin-flip-htw-sec .how-to-work-process-sec-six{padding:70px 0px 40px;}
  .lives-streak-display-wrap{padding:0px 40px 50px;}
  .lives-streak-display-wrap .theme-head-text{font-size:21px;}

  .coin-flip-game-expectation-sec .game-expectation-sec-outer{padding:70px 0px;}
  .coin-flip-game-expectation-sec .game-expectation-list{gap:0px 30px;}
  .coin-flip-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 20px); margin-top:70px;}
  .coin-flip-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .coin-flip-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .coin-flip-game-expectation-sec .game-expectation-card-body{padding:0px 20px 20px;}
  .coin-flip-game-expectation-sec .game-expect-icon-block{margin-top:-65px;}
  .coin-flip-game-expectation-sec .game-expect-card-fig{width:130px; min-width:130px; height:130px; border-width:7px;}
  .coin-flip-game-expectation-sec .game-expect-card-fig img{width:100%; max-width:58%; height:100%; max-height:62%; object-fit:contain;}

  .coin-flip-game-summary-sec .game-summary-sec-outer{padding:60px 0px;}
  .coin-flip-game-summary-sec .game-summary-text{font-size:31px;}

  .coin-flip-faq-sec .faq-sec-outer{padding:70px 0px 50px;}
  .coin-flip-faq-sec .accordion-title{font-size:22px;}
  .coin-flip-faq-sec .accordion-item{margin-bottom:12px;}
  .coin-flip-faq-sec .answer-label, .coin-flip-faq-sec .accordion-text{font-size:20px;}  
}

@media(max-width:1023px) {
  .coin-flip-about-us-sec .about-us-sec-outer{padding:150px 0px 40px;}
  .coin-flip-game .sec-head{margin-bottom:20px;}
  .coin-flip-game .sec-main-title{font-size:30px; padding:18px 40px;}
  .coin-flip-about-us-sec .about-us-text{font-size:20px; margin:0px auto 10px;}

  .coin-flip-htw-sec{padding:50px 0px 30px;}
  .coin-flip-htw-sec .htw-sec-head .sec-main-title{padding-left:60px; padding-right:60px;}
  .coin-flip-htw-sec .htw-process-wrap{padding:30px 0px;}
  .coin-flip-htw-sec .htw-process-card-outer{padding:7px; border-radius:20px;}
  .coin-flip-htw-sec .htw-process-card-cont{border-radius:13px;}
  .coin-flip-htw-sec .htw-process-card-title-bar{top:-32px;}
  .coin-flip-htw-sec .htw-process-card-title, .game-process-wrap .htw-process-wrap-title{font-size:21px; padding:10px 20px 14px;}
  .coin-flip-htw-sec .htw-process-card-body{min-height:180px;}
  .coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-size:17px;}
  .coin-flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right{padding-right:3.6%;}
  .coin-flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:3.6%;}
  .game-process-wrap{border-radius:20px; border-width:7px;}
  .game-process-wrap .htw-process-wrap-title{margin-bottom:20px;}
  .game-process-wrap .htw-process-wrap-sub-title{font-size:19px;}
  .outcome-animation-wrap .htw-process-theme-sec{margin-bottom:-100px;}
  .coin-flip-htw-sec .how-to-work-process-sec-four{padding:60px 0px 130px;}
  .game-stats-display-wrap{padding:0px 20px;}
  .theme-head-label{font-size:18px;}
  .theme-head-text{font-size:14px;}
  .htw-process-theme-sec{gap:0px 40px;}
  .htw-process-theme-head-bar{gap:0px 15px; margin:20px 0px 20px;}
  .coin-flip-htw-sec .how-to-work-process-sec-five{padding:60px 0px 30px;}
  .game-process-wrap .htw-process-wrap-title-bar{margin-top:-38px;}
  .coin-flip-htw-sec .how-to-work-process-sec-six{padding:70px 0px 40px;}
  .lives-streak-display-wrap{padding:0px 20px 40px;}
  .lives-streak-display-wrap .theme-head-text{font-size:18px;} 
  .coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-left:3.6%; padding-right:0;} 
  .coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap .col-right{padding-left:0; padding-right:3.6%;}

  .coin-flip-game-expectation-sec .game-expectation-sec-outer{padding:50px 0px;}
  .coin-flip-game-expectation-sec .game-expectation-list{gap:0px 15px;}
  .coin-flip-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 10px); margin-top:70px;}
  .coin-flip-game-expectation-sec .game-expect-card-title{font-size:19px;}
  .coin-flip-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .coin-flip-game-expectation-sec .game-expect-icon-block{margin-top:-55px;}
  .coin-flip-game-expectation-sec .game-expect-card-fig{width:110px; min-width:110px; height:110px;}

  .coin-flip-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .coin-flip-game-summary-sec .game-summary-text{font-size:26px;}

  .coin-flip-faq-sec .faq-sec-outer{padding:50px 0px 40px;}
  .coin-flip-faq-sec .accordion-title{font-size:18px;}
  .coin-flip-faq-sec .accordion-item{margin-bottom:10px;}
  .coin-flip-faq-sec .accordion-cont-bar{min-height:80px;}
  .coin-flip-faq-sec .answer-label, .coin-flip-faq-sec .accordion-text{font-size:16px;} 
}

@media(max-width:767px) {
  .coin-flip-game .menu-line{background:var(--bg-base);}
  .coin-flip-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .coin-flip-game .video-block{max-width:86%;}
  .coin-flip-game .video-iframe{border-radius:20px;}
  .coin-flip-game .video-poster, .coin-flip-game .client-video{top:3px; bottom:auto; left:3px; right:3px; height:calc(100% - 6px); width:calc(100% - 6px); border-radius:17px;}
  .coin-flip-game .video-iframe{padding-bottom:58.8%; box-shadow:0px 6px 10px rgba(156, 76, 189, 0.5);}
  .coin-flip-game .banner-logo .game-logo-fig{max-width:34.5%; margin:10px 0px;}

  .coin-flip-about-us-sec .about-us-sec-outer{padding:70px 0px 30px;}
  .coin-flip-game .sec-head{margin-bottom:10px;}
  .coin-flip-game .sec-main-title{font-size:16px; padding:9px 20px;}
  .coin-flip-about-us-sec .about-us-text{font-size:14px;}
  .coin-flip-about-us-sec .about-us-btn-bar{margin:0px;}
  .coin-flip-game .btn-img{max-width:180px; width:100%;}

  .coin-flip-htw-sec{padding:40px 0px 20px;}
  .coin-flip-htw-sec .htw-sec-head .sec-main-title{padding-left:40px; padding-right:40px;}
  .coin-flip-htw-sec .htw-process-wrap{padding:20px 0px;}
  .coin-flip-htw-sec .htw-process-card-outer{padding:5px;}
  .coin-flip-htw-sec .htw-process-card-cont{border-radius:15px;}
  .coin-flip-htw-sec .htw-process-card-title-bar{top:-24px;}
  .coin-flip-htw-sec .htw-process-card-title, .game-process-wrap .htw-process-wrap-title{font-size:20px; padding:6px 20px 8px;}
  .coin-flip-htw-sec .htw-process-card-body{min-height:130px; padding:30px 10px 20px;}
  .coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-size:17px; margin-bottom:0px;}
  .coin-flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:row;}
  .coin-flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{flex-direction:row;}
  .coin-flip-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px;}
  .coin-flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right, .coin-flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-right:0px; padding-left:0px;}
  .coin-flip-htw-sec .htw-process-theme{padding:0px 10px;}
  .coin-flip-htw-sec .htw-process-card{margin-top:35px;}
  .game-process-wrap{border-radius:20px; border-width:5px;}
  .game-process-wrap .htw-process-wrap-title{margin-bottom:15px;}
  .game-process-wrap .htw-process-wrap-sub-title{font-size:17px;}
  .outcome-animation-wrap .htw-process-theme-sec{margin-bottom:0; padding:20px 10px; gap:20px 0px;}
  .outcome-animation-wrap .htw-process-theme-sec .col{flex:0 0 100%;}
  .coin-flip-htw-sec .how-to-work-process-sec-four{padding:30px 0px 30px;}
  .game-stats-display-wrap{padding:0px 10px;}
  .theme-head-label{font-size:20px;}
  .theme-head-text{font-size:16px;}
  .htw-process-theme-sec{gap:0px 40px;}
  .htw-process-theme-head-bar{flex-wrap:wrap; gap:10px 0px; margin:0px 0px 20px;}
  .theme-head-block{border-radius:10px; min-height:90px; padding:14px 10px 16px;}
  .theme-head-block:after{display:none;}
  .coin-flip-htw-sec .game-stats-display-wrap .htw-process-theme{padding:0px;}
  .coin-flip-htw-sec .how-to-work-process-sec-five{padding:20px 0px 30px;}
  .game-process-wrap .htw-process-wrap-title-bar{margin-top:-24px;}
  .coin-flip-htw-sec .how-to-work-process-sec-six{padding:20px 0px 10px;}
  .lives-streak-display-wrap{padding:0px 10px 0px;}
  .lives-streak-display-wrap .htw-process-theme-block{margin:10px 0px 10px;}
  .lives-streak-display-wrap .theme-head-block{min-height:auto;}
  .lives-streak-display-wrap .theme-head-text{font-size:15px;} 
  .lives-streak-display-wrap .htw-process-wrap-title-bar{padding:0px;} 
  .lives-streak-display-wrap .htw-process-wrap-title{padding:6px 14px 8px;} 
  .coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-left:0; padding-right:0;} 
  .coin-flip-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap .col-right{padding-left:0; padding-right:0;}

  .coin-flip-game-expectation-sec .game-expectation-sec-outer{padding:30px 0px;}
  .coin-flip-game-expectation-sec .game-expectation-list{gap:0px;}
  .coin-flip-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px); margin-top:0px;}
  .coin-flip-game-expectation-sec .game-expectation-card-outer{margin-top:70px;}
  .coin-flip-game-expectation-sec .game-expect-card-title{font-size:20px;}
  .coin-flip-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .coin-flip-game .owl-carousel .owl-dot span{background:#d25fc2; border:none;}
  .coin-flip-game .owl-carousel .owl-dot.active span{background:#fff;}

  .coin-flip-game-summary-sec .game-summary-sec-outer{padding:20px 0px;}
  .coin-flip-game-summary-sec .game-summary-text{font-size:18px;}
  .coin-flip-game-summary-sec .game-summary-btn-bar{padding-top:15px;}

  .coin-flip-faq-sec .faq-sec-outer{padding:30px 0px 20px;}
  .coin-flip-faq-sec .faq-block{padding:0px 0px;}
  .coin-flip-faq-sec .accordion-card{border-radius:8px;}
  .coin-flip-faq-sec .accordion-head{min-height:40px; padding-left:14px;}
  .coin-flip-faq-sec .accordion-body{padding-left:14px;}
  .coin-flip-faq-sec .accordion-title{font-size:16px;}
  .coin-flip-faq-sec .accordion-item{margin-bottom:6px;}
  .coin-flip-faq-sec .accordion-cont-bar{min-height:60px;}
  .coin-flip-faq-sec .answer-label, .coin-flip-faq-sec .accordion-text{font-size:14px;}
  
}
@media(max-width:374px) {
  .coin-flip-htw-sec .htw-process-card-list-item, .coin-flip-htw-sec .htw-process-card-list-label{font-size:15px;}
  .game-process-wrap .htw-process-wrap-sub-title{font-size:16px;}
  .lives-streak-display-wrap .theme-head-text{font-size:14px;}
  .coin-flip-game-expectation-sec .game-expectation-card-body{padding:0px 11px 20px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Coin Flip Game CSS End // ***************************** */



/* ***************************** // Dice Roll Game CSS Start // ***************************** */
.dice-roll-game {
/*Colors*/
--clr-base:#2e0f7e;
--clr-base-light:#38168f;
--clr-dark:#234a97;
--clr-dark-alt:#550404;
--clr-action:#38168f;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#2e0f7e;
--bg-primary:#38168f;
--bg-secondary:#fbcd06;
--bg-action:#38168f;

/*Border Colors*/
--bdr1:#38168f;
--bdr2:#411c03;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #02311d, 2px -2px 0 #02311d, -2px 2px 0 #02311d, -2px -2px 0 #02311d, 2px 0 0 #02311d, 0 2px 0 #02311d, -2px 0 0 #02311d;

/* Text Shadow */
--text-shadow:1px 1px 0 #480505, 1px -1px 0 #480505, -1px 1px 0 #480505, -1px -1px 0 #480505, 1px 0 0 #480505, 0 1px 0 #480505, -1px 0 0 #480505;

/*Card Background*/
--card-bg1:url("../images/dice-roll/card-shape-bg-1.webp");
--card-bg2:url("../images/dice-roll/card-shape-bg-2.webp");
--card-dashed-shape-icon:url("../images/dice-roll/card-shape-icon.webp");

/*Card arrow*/
--card-dashed-line-bg:url("../images/dice-roll/dashed-line.webp");
--card-dashed-line-bg1:url("../images/dice-roll/dashed-line-vertical.webp");
--card-dashed-line-rounded-bg:url("../images/dice-roll/dashed-line-rounded.webp");
}

.dice-roll-game .highlight-text{color:#ffe400; font-weight:700;}

.dice-roll-game .btn-bar .base-btn{max-width:25.7%;}
.dice-roll-game .btn-text{text-transform:inherit; font-size:36px;}
.dice-roll-game .btn-bg img{filter:inherit;}
.dice-roll-game .about-us-btn-bar{position:relative;}
.bg-blur{content:""; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; filter:blur(45px); background:#923fc8; width:25.7%; height:140px;}

.dice-roll-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:0px 0px 100px;}
.dice-roll-game .banner-sec-outer{padding:0px; background:transparent;}
.dice-roll-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.dice-roll-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.dice-roll-game .game-logo-fig{max-width:37.8%;}
.dice-roll-game .banner-sec-video{background:transparent;}
.dice-roll-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.dice-roll-game .video-block{max-width:52.4%; overflow:inherit;}
.dice-roll-game .video-poster{position:absolute; left:2.8%; right:2.9%; top:5%; margin:0 auto; width:calc(100% - 5.7%); height:calc(100% - 10%);}
.dice-roll-game .client-video{top:5%;}
.dice-roll-game .video-shadow{width:calc(100% + 56%); left:-28%; bottom:-16px;}

.dice-roll-about-us-sec{background:linear-gradient(110deg, rgba(128,76,215,1) 0%,rgba(56,22,143,1) 100%);}
.dice-roll-about-us-sec .about-us-sec-outer{background:url(../images/dice-roll/about-us-bg-bottom.webp) no-repeat bottom center; background-size:100% auto; padding:58px 0 186px; position:relative;}
.dice-roll-about-us-sec .about-sec-head{margin-bottom:40px;}
.dice-roll-about-us-sec .sec-main-title{display:inline-block; position:relative; padding:16px 0 14px; font-weight:900; font-size:55px; background:linear-gradient(to top, rgba(253,190,0,1) 0%,rgba(255,180,1,1) 38%,rgba(254,213,0,1) 50%,rgba(255,235,2,1) 58%,rgba(255,232,12,1) 100%); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.dice-roll-about-us-sec .sec-main-title:before{content:""; position:absolute; top:0; left:0; right:0; margin:0 auto; display:block; width:76%; height:4px; background:#fff;}
.dice-roll-about-us-sec .sec-main-title:after{content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; display:block; width:52%; height:4px; background:#fff;}
.dice-roll-about-us-sec .about-us-text{font-size:32px; color:#fff; max-width:90%; font-weight:500; text-align:center; margin:0 auto 30px; position:relative; z-index:1;}
.dice-roll-about-us-sec .about-us-btn-bar{margin-top:36px;}
.dice-roll-about-us-sec .ludo-icon{position:absolute; left:0; bottom:-9%; max-width:8.5%;}
.dice-roll-about-us-sec .ludo-icon img{float:left; width:100%;}


/* How to Work CSS Start */
.dice-roll-how-to-work-sec{background:url(../images/dice-roll/how-to-bg-top.webp) no-repeat top center; background-size:100% auto;}
.dice-roll-how-to-work-sec .sec-main-title-fig{max-width:759px; margin-top:-120px;}
.dice-roll-how-to-work-sec .htw-sec-head{display:flex; align-items:center; justify-content:center;}

.dice-roll-how-to-work-sec .htw-process-wrap .col-left{max-width:56.4%; padding:0px; position:relative;}
.dice-roll-how-to-work-sec .htw-process-wrap .col-right{max-width:100%;}
.dice-roll-how-to-work-sec .htw-process-theme{z-index:2;}
.dice-roll-how-to-work-sec .htw-process-theme:after{width:calc(100% + 200px); left:-100px; right:-100px; bottom:-15px;}
.dice-roll-how-to-work-sec .htw-process-wrap-correct .htw-process-theme img{filter:drop-shadow(0px 0px 86px rgba(0, 255, 165, 1.0));}
.dice-roll-how-to-work-sec .htw-process-wrap-incorrect .htw-process-theme img{filter:drop-shadow(0px 0px 86px rgba(230, 19, 87, 1.0));}
.dice-roll-how-to-work-sec .htw-process-card-cont{background:linear-gradient(55deg, rgba(128,76,215,1) 0%,rgba(56,22,143,1) 100%);}
.dice-roll-how-to-work-sec .htw-process-card-body{background:transparent;}
.dice-roll-how-to-work-sec .htw-process-card-outer:before, .dice-roll-how-to-work-sec .htw-process-card-outer:after{display:none;}

.dice-roll-how-to-work-sec .htw-process-card-body{min-height:auto;}
.dice-roll-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:url('../images/dice-roll/htw-list-icon.webp') no-repeat center center; background-size:cover;}

.dice-roll-how-to-work-sec .htw-process-card-list{padding-left:0px;}
.dice-roll-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:20px;}
.dice-roll-how-to-work-sec .htw-process-card-body{padding:40px 16px 50px 16px;}
.dice-roll-how-to-work-sec .htw-process-card-title-bar{padding-left:90px;}
.dice-roll-how-to-work-sec .htw-process-card-list-item{margin-bottom:10px;}
.dice-roll-how-to-work-sec .htw-process-card-list-item:last-child{margin-bottom:0px;}

.dice-roll-how-to-work-sec .htw-process-line-block{padding-left:0px;}
.dice-roll-how-to-work-sec .htw-process-line-block{margin:60px 0 60px;}
.dice-roll-how-to-work-sec .game-start-card.htw-process-card:after{left:-13px; height:238px;}
.dice-roll-how-to-work-sec .htw-process-card{padding-left:0px; padding-right:0px; z-index:1;}
.dice-roll-how-to-work-sec .select-options-card.htw-process-card:before, .dice-roll-how-to-work-sec .select-options-card.htw-process-card:after{left:-20px; height:230px;}
.dice-roll-how-to-work-sec .guess-card.htw-process-card:before{left:-10px; height:234px;}
.dice-roll-how-to-work-sec .guess-card.htw-process-card:after{left:-12px; height:234px;}
.dice-roll-how-to-work-sec .odd-even-card.htw-process-card:before{left:-20px; height:230px;}
.dice-roll-how-to-work-sec .odd-even-card.htw-process-card:after{left:100%; right:auto; bottom:0; top:0; width:66px; height:4px; margin:auto; background:var(--card-dashed-line-bg) left center;}
.dice-roll-how-to-work-sec .click-roll-card.htw-process-card:before{left:-10px; height:376px;}
.dice-roll-how-to-work-sec .game-start-card.htw-process-card:before{left:auto; right:100%; width:88px;}
.dice-roll-how-to-work-sec .click-roll-card.htw-process-card:after{left:auto; right:100%; bottom:0; top:0; width:88px; height:4px; margin:auto; background:var(--card-dashed-line-bg) left center;}

.dice-roll-how-to-work-sec .htw-process-wrap{padding:0px 30px;}
.dice-roll-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:90px;}
.dice-roll-how-to-work-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:row;}
.dice-roll-how-to-work-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{flex-direction:row-reverse;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap-incorrect{flex-direction:row-reverse; padding-top:80px;}
.dice-roll-how-to-work-sec .how-to-work-process:nth-child(even) .col-right{padding-left:90px;}
.dice-roll-how-to-work-sec .how-to-work-process:nth-child(odd) .col-right{padding-right:60px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap-incorrect .col-right{padding-left:0px; padding-right:60px;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-four{padding-bottom:110px;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-five{padding-top:110px;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-six{padding-top:80px;}
.dice-roll-how-to-work-sec .htw-process-wrap-six{margin-bottom:-100px; position:relative; z-index:1;}
.dice-roll-how-to-work-sec .htw-process-wrap-six .htw-process-theme:after{opacity:0.25;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven{padding:250px 0px 150px; background:linear-gradient(110deg, rgba(128,76,215,1) 0%,rgba(56,22,143,1) 100%); box-shadow:0px 0px 250px rgba(42, 13, 113, 1.0) inset;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven:before{content:""; background:url(../images/dice-roll/htw-sec-bg-top.webp) no-repeat top center; background-size:100% auto; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven:after{content:""; background:url(../images/dice-roll/htw-sec-bg-bottom.webp) no-repeat bottom center; background-size:100% auto; position:absolute; bottom:0; left:0; width:100%; height:100%; pointer-events:none;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven .htw-process-card-cont{background:#fff;}
.dice-roll-how-to-work-sec .correct-guess-card .htw-process-card-title{color:var(--clr-dark);}
.dice-roll-how-to-work-sec .incorrect-guess-card .htw-process-card-title{color:var(--clr-base-light);}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven .htw-process-card-list-item, 
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven .htw-process-card-list-label{color:var(--clr-dark-alt);}
.dice-roll-how-to-work-sec .how-to-work-process-sec-seven .htw-process-card:before, .dice-roll-how-to-work-sec .how-to-work-process-sec-seven .htw-process-card:after{display:none;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-eight .htw-process-card:before, .dice-roll-how-to-work-sec .how-to-work-process-sec-eight .htw-process-card:after{display:none;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-nine .htw-process-card:before, .dice-roll-how-to-work-sec .how-to-work-process-sec-nine .htw-process-card:after{display:none;}
.dice-roll-how-to-work-sec .how-to-work-process-sec-ten .htw-process-card:before, .dice-roll-how-to-work-sec .how-to-work-process-sec-ten .htw-process-card:after{display:none;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{flex-direction:row; padding:100px 0px 50px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-eight .col-right{padding-left:90px; padding-bottom:0px; padding-right:0px;}
.dice-roll-how-to-work-sec .htw-theme-left-arrow{position:absolute; right:106%; top:-50px; width:264px; height:218px; max-width:33%;}
.dice-roll-how-to-work-sec .htw-process-wrap-eight .htw-process-theme:after{display:none;}
.dice-roll-how-to-work-sec .htw-process-wrap-eight .col-left{padding-right:40px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{flex-direction:column; padding:50px 0px 50px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .col-left{margin-left:auto;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .col-right{max-width:calc(100% - 56.4%); margin-right:auto; padding-left:0px; padding-right:60px; margin-top:70px;}
.dice-roll-how-to-work-sec .screen-indicators-card .htw-card-icon{left:auto; right:-30px;}
.dice-roll-how-to-work-sec .screen-indicators-card .htw-process-card-title-bar{padding-left:0px; padding-right:90px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .htw-process-wrap{flex-direction:row; padding:100px 0px 150px;}
.dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .col-right{padding-left:90px; padding-bottom:0px; padding-right:0px;}

.dice-roll-how-to-work-sec .how-to-work-process{position:relative;}
.how-to-work-process .ludo-icon{position:absolute; right:0px; bottom:50px;}
.how-to-work-process .ludo-icon{float:left; width:100%; max-width:100px;}
.how-to-work-process .ludo-icon img{float:left; width:100%;}
.how-to-work-process.how-to-work-process-sec-three .ludo-icon{max-width:10.4%;}
.how-to-work-process.how-to-work-process-sec-four .ludo-icon{right:auto; left:0px; bottom:0px; max-width:8.9%;}
.how-to-work-process.how-to-work-process-sec-seven .ludo-icon.top-one{right:auto; left:0px; top:60px; bottom:auto; max-width:4.4%;}
.how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-one{right:auto; left:0px; bottom:-9%; max-width:9.7%;}
.how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-two{bottom:30px; max-width:4.2%;}
.how-to-work-process.how-to-work-process-sec-eight .ludo-icon{bottom:20px; max-width:8.7%;}
.how-to-work-process.how-to-work-process-sec-ten .ludo-icon{bottom:-10%; max-width:9%;}
.correct-guess-card .ludo-icon{right:-34px; bottom:-57px; max-width:99px;}
.incorrect-guess-card .ludo-icon{max-width:98px; top:-160px; bottom:auto; right:auto; left:100px;}
.incorrect-theme-icon.ludo-icon{max-width:99px; right:auto; bottom:-32px; left:-50px; z-index:2;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.dice-roll-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 120px; background:var(--bg-base);}

.dice-roll-game-expectation-sec .game-expectation-sec-head{display:flex; align-items:center; justify-content:center; max-width:100%; padding:0; margin:0 0 24px;}
.dice-roll-game-expectation-sec .sec-main-title-fig{max-width:759px; margin-top:-116px;}

.dice-roll-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.dice-roll-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 23px); margin-top:0px;}

.dice-roll-game-expectation-sec .game-expectation-card-outer{position:relative; border-radius:36px; padding:3px; box-shadow:0px 10px 0px 0px rgba(0, 14, 28, 0.58); background: linear-gradient(0deg, rgba(251,174,3,1) 0%, rgba(255,230,12,1) 24%, rgba(246,139,5,1) 52%, rgba(255,231,24,1) 78%, rgba(255,248,175,1) 100%);}
.dice-roll-game-expectation-sec .game-expect-icon-block{position:absolute; left:-24px; width:auto;}
.dice-roll-game-expectation-sec .game-expect-card-fig{max-width:140px;}
.dice-roll-game-expectation-sec .game-expect-details-item{font-size:18px; color:#fff; padding-left:16px;}
.dice-roll-game-expectation-sec .game-expect-details-item:before{content:""; position:absolute; left:0; top:4px; width:12px; height:12px; background:url('../images/dice-roll/htw-list-icon.webp') no-repeat center center; background-size:cover;}
.dice-roll-game-expectation-sec .game-expect-card-title{float:left; width:100%; font-size:28px; font-family:var(--font-head); text-shadow:var(--text-shadow); font-weight:700; color:#fff000; padding:0 10px; text-transform:uppercase; filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); }
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.dice-roll-game-summary-sec .game-summary-sec-outer{margin:0; padding:76px 0px 20px; background:var(--bg-secondary); border-bottom:5px solid var(--bdr2); position:relative;}
.dice-roll-game-summary-sec .game-summary-text{color:#0e0b00; font-size:30px; font-weight:500; max-width:1100px; margin:0 auto 30px;}
.dice-roll-game-summary-sec .game-summary-btn-bar:before{display:none;}
.dice-roll-game-summary-sec .game-summary-btn-bar{padding:60px 0px;}
.dice-roll-game-summary-sec .bg-blur{background:#fb4006; opacity:0.55;}
.dice-roll-game-summary-sec .ludo-icon{position:absolute; left:0; bottom:100px; max-width:119px;}
.dice-roll-game-summary-sec .ludo-icon img{float:left; width:100%;}
.dice-roll-game-summary-sec .ludo-icon.left{max-width:6.5%;}
.dice-roll-game-summary-sec .ludo-icon.right{left:auto; right:0px; bottom:auto; top:40px; max-width:3.5%;}
.dice-roll-game-summary-sec .ludo-icon.bottom{left:auto; right:20%; bottom:0px; max-width:6.2%;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.dice-roll-faq-sec .faq-sec-outer{padding:50px 0 90px; position:relative;}
.dice-roll-faq-sec .faq-sec-head{margin:0 0 70px;}
.dice-roll-faq-sec .sec-main-title{color:var(--clr-base); font-size:75px; font-weight:900; text-transform:inherit;}
.dice-roll-faq-sec .accordion-item{padding:2px; border-radius:14px 14px 0 0;}
.dice-roll-faq-sec .accordion-card{border:none; border-radius:12px; min-height:auto; padding:0px 2px 2px; background:linear-gradient(to right, #fff09b 0%,#ffd801 17%,#ffec7f 36%,#ffc000 48%,#ffec7f 60%,#ffd801 80%,#ffea78 100%);}
.dice-roll-faq-sec .accordion-head-outer{background:linear-gradient(to bottom, rgb(68 94 191) 0%, rgb(61 64 200) 26%, rgba(70, 30, 173, 1) 48%, rgba(70, 30, 173, 1) 60%, rgba(128, 76, 215, 1) 100%); box-shadow:none;}
.dice-roll-faq-sec .accordion-head{margin:-2px; width:calc(100% + 4px); border-radius:10px; padding:4px; min-height:auto; display:block; background:linear-gradient(to bottom, #fff8af 0%,#ffe718 22%,#f68b05 48%,#ffe60c 76%,#fbae03 100%);}
.dice-roll-faq-sec .accordion-title{display:flex; color:#ffd200; font-size:30px; font-weight:700;}
.dice-roll-faq-sec .accordion-body{padding:23px 20px 20px 100px; background:#fff; border-radius:0px 0px 10px 10px}
.dice-roll-faq-sec .accordion-text{float:left; width:100%; color:#051a3a; font-size:28px; font-weight:500;}
.dice-roll-faq-sec .faq-sec-bg-shape-fig{z-index:-1;}
.dice-roll-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none;}
/*FAQ CSS End */


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .dice-roll-game .video-block{max-width:62.4%;}
  .dice-roll-about-us-sec .sec-main-title{font-size:45px; padding:12px 0 10px;}
  .dice-roll-about-us-sec .sec-main-title:before, .dice-roll-about-us-sec .sec-main-title:after{height:3px;}
  .dice-roll-about-us-sec .about-us-text{max-width:100%; font-size:28px;}
  .dice-roll-about-us-sec .about-us-btn-bar{margin-top:30px;}
  .dice-roll-game .btn-text{font-size:32px;}

  .dice-roll-how-to-work-sec .sec-main-title-fig{max-width:640px; margin-top:-100px;}
  .dice-roll-how-to-work-sec .htw-process-theme:after{left:-50px; right:-50px; width:calc(100% + 100px);}
  .dice-roll-how-to-work-sec .htw-process-card-title-bar{padding-left:64px;}
  .dice-roll-how-to-work-sec .game-start-card.htw-process-card:after{left:-28px; height:180px;}
  .dice-roll-how-to-work-sec .select-options-card.htw-process-card:before, .dice-roll-how-to-work-sec .select-options-card.htw-process-card:after{left:-5px; height:160px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:before{left:-24px; height:180px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:after{left:-28px; height:180px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:before{left:-4px; height:180px;}
  .correct-guess-card .ludo-icon{bottom:-37px; right:-21px; max-width:69px;}
  .incorrect-guess-card .ludo-icon{top:-120px; left:80px; max-width:68px;}
  .incorrect-theme-icon.ludo-icon{max-width:69px; bottom:-22px; left:-30px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{padding:30px 0px;}

  .dice-roll-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 70px;}
  .dice-roll-game-expectation-sec .sec-main-title-fig{max-width:639px; margin-top:-102px;}
  .dice-roll-game-expectation-sec .game-expect-card-fig{max-width:110px;}
  .dice-roll-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .dice-roll-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .dice-roll-game-expectation-sec .game-expectation-card-body{padding:36px 10px 30px;}

  .dice-roll-game-summary-sec .game-summary-sec-outer{padding:56px 0px 20px;}
  .dice-roll-game-summary-sec .game-summary-text{font-size:24px; max-width:880px;}
  .dice-roll-game-summary-sec .game-summary-btn-bar{padding:40px 0px;}

  .dice-roll-faq-sec .faq-sec-outer{padding:40px 0 70px;}
  .dice-roll-faq-sec .faq-sec-head{margin:0 0 40px;}
  .dice-roll-faq-sec .sec-main-title{font-size:64px;}
  .dice-roll-faq-sec .accordion-head{padding:3px;}
  .dice-roll-faq-sec .accordion-title{font-size:26px;}
  .dice-roll-faq-sec .accordion-text{font-size:22px;}
  .dice-roll-faq-sec .accordion-body{padding:13px 20px 10px 60px;}
}

@media(max-width:1280px) {
  .dice-roll-game .container{max-width:960px;}

  .dice-roll-game .banner-sec{padding:0px 0px 70px;}
  .dice-roll-game .video-shadow{width:calc(100% + 46%); left:-23%; bottom:-12px;}
  .dice-roll-game .video-frame-outer{border-radius:14px;}
  .dice-roll-about-us-sec .about-us-sec-outer{padding:48px 0 96px;}
  .dice-roll-about-us-sec .sec-main-title{font-size:36px;}
  .dice-roll-about-us-sec .about-us-text{font-size:20px;}
  .dice-roll-about-us-sec .about-us-btn-bar{margin-top:20px;}
  .dice-roll-game .btn-bar .base-btn{max-width:280px;}
  .dice-roll-game .btn-text{font-size:28px;}

  .dice-roll-how-to-work-sec .sec-main-title-fig{max-width:540px; margin-top:-80px;}
  .dice-roll-how-to-work-sec .htw-process-wrap{padding:0px 0px;}
  .dice-roll-how-to-work-sec .htw-process-card-body{padding:30px 10px 40px 10px;}
  .dice-roll-how-to-work-sec .htw-process-card-title-bar{padding-left:44px;}
  .dice-roll-how-to-work-sec .htw-process-theme:after{width:calc(100% + 80px); left:-40px; right:-40px;}
  .dice-roll-how-to-work-sec .game-start-card.htw-process-card:after{left:-40px; height:150px;}
  .dice-roll-how-to-work-sec .select-options-card.htw-process-card:before, .dice-roll-how-to-work-sec .select-options-card.htw-process-card:after{left:5px; height:140px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:before{left:-38px; height:160px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:after{left:-40px; height:160px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:before{left:8px; height:158px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:after, .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:after{transform:scaleY(0.7);}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-five{padding-top:50px;}
  .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:before{height:226px;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-seven{padding:160px 0px 120px;}
  .correct-guess-card .ludo-icon{bottom:-24px; right:-17px; max-width:49px;}
  .incorrect-guess-card .ludo-icon{top:-80px; left:60px; max-width:48px;}
  .incorrect-theme-icon.ludo-icon{bottom:-12px; left:-20px; max-width:49px;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-one{bottom:-7%;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-two{bottom:20px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-eight .col-left{padding-right:0px;}
  .how-to-work-process.how-to-work-process-sec-eight .ludo-icon{bottom:0px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .col-right{margin-top:50px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .htw-process-wrap{padding:70px 0px 130px;}

  .dice-roll-game-expectation-sec .sec-main-title-fig{max-width:539px; margin-top:-82px;}
  .dice-roll-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 50px;}
  .dice-roll-game-expectation-sec .game-expectation-list{gap:30px 40px;}
  .dice-roll-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 20px);}
  .dice-roll-game-expectation-sec .game-expectation-card-outer{margin-top:50px;}
  .dice-roll-game-expectation-sec .game-expect-icon-block{margin-top:0; top:-50px;}
  .dice-roll-game-expectation-sec .game-expect-card-fig{max-width:90px;}
  .dice-roll-game-expectation-sec .game-expect-card-title{font-size:20px; filter:drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82));}
  .dice-roll-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .dice-roll-game-expectation-sec .game-expectation-card-body{padding:36px 10px 20px;}

  .dice-roll-game-summary-sec .game-summary-text{font-size:21px; max-width:740px; margin:0 auto 20px;}

  .dice-roll-faq-sec .accordion-head{padding:2px;}
  .dice-roll-faq-sec .faq-sec-head{margin:0 0 30px;}
  .dice-roll-faq-sec .sec-main-title{font-size:54px;}
  .dice-roll-faq-sec .accordion-title{font-size:24px;}
  .dice-roll-faq-sec .accordion-text{font-size:20px;}
  .dice-roll-faq-sec .accordion-body{padding:10px 20px 7px 60px;}
}

@media(max-width:1023px) {
  .dice-roll-game {
    --shadow-btn:0 0 14px rgba(21,214,117,1);
  }

  .dice-roll-game .container{max-width:750px;}

  .dice-roll-game .banner-sec{padding:0px 0px 50px;}
  .dice-roll-game .video-shadow{width:calc(100% + 36%); left:-18%; bottom:-10px;}
  .dice-roll-game .video-block{max-width:67.4%;}
  .dice-roll-game .video-frame-outer{border-radius:10px;}
  .dice-roll-about-us-sec .about-us-sec-outer{padding:40px 0 90px;}
  .dice-roll-about-us-sec .about-sec-head{margin-bottom:25px;}
  .dice-roll-about-us-sec .sec-main-title{font-size:30px; padding:9px 0 8px;}
  .dice-roll-about-us-sec .about-us-text{font-size:18px;}
  .dice-roll-about-us-sec .about-us-btn-bar{margin-top:0px;}
  .dice-roll-game .btn-bar .base-btn{max-width:240px;}
  .dice-roll-game .btn-text{font-size:24px;}

  .dice-roll-how-to-work-sec .sec-main-title-fig{max-width:440px; margin-top:-70px;}
  .dice-roll-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:20px;}
  .dice-roll-how-to-work-sec .htw-process-card-body{padding:24px 10px 27px 10px;}
  .dice-roll-how-to-work-sec .htw-process-card-title-bar{padding-left:26px;}
  .dice-roll-how-to-work-sec .htw-process-wrap{padding:0px 15px;}
  .dice-roll-how-to-work-sec .htw-process-theme:after{width:calc(100% + 60px); left:-30px; right:-30px; bottom:-8px;}
  .dice-roll-how-to-work-sec .htw-process-line-block{margin:30px 0 30px;}
  .dice-roll-how-to-work-sec .how-to-work-process:nth-child(even) .col-right{padding-left:40px;}
  .dice-roll-how-to-work-sec .how-to-work-process:nth-child(odd) .col-right{padding-right:15px;}
  .dice-roll-how-to-work-sec .game-start-card.htw-process-card:before{width:38px;}
  .dice-roll-how-to-work-sec .game-start-card.htw-process-card:after{left:-2px; height:90px;}
  .dice-roll-how-to-work-sec .select-options-card.htw-process-card:before, .dice-roll-how-to-work-sec .select-options-card.htw-process-card:after{left:-24px; height:84px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:before{left:-1px; height:100px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:after{left:-2px; height:96px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:before{left:-24px; height:98px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:after{width:16px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:after, .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:after{transform:scaleY(0.6);}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-four{padding-bottom:80px;}
  .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:before{height:172px;}
  .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:after{width:38px;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-six{padding-top:60px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-six{margin-bottom:-70px;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-seven{padding:130px 0px 80px;}
  .correct-guess-card .ludo-icon{bottom:-15px; right:-13px; max-width:39px;}
  .incorrect-guess-card .ludo-icon{top:-70px; left:50px; max-width:38px;}
  .incorrect-theme-icon.ludo-icon{bottom:-16px; left:-10px; max-width:39px;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-one{bottom:-7%;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-two{bottom:20px;}
  .how-to-work-process.how-to-work-process-sec-eight .ludo-icon{bottom:0px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-eight .col-right{padding-left:40px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .col-right{padding-left:0px; padding-right:20px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .col-right{padding-left:40px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .htw-process-wrap{padding:40px 0px 110px;}

  .dice-roll-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 20px;}
  .dice-roll-game-expectation-sec .sec-main-title-fig{max-width:439px; margin-top:-82px;}
  .dice-roll-game-expectation-sec .game-expectation-card-outer{margin-top:60px; margin-bottom:20px;}
  .dice-roll-game-expectation-sec .game-expectation-item{max-width:100%;}
  .dice-roll-game-expectation-sec .game-expect-icon-block{margin:0 auto; top:-60px; left:0; right:0;}
  .dice-roll-game-expectation-sec .game-expect-card-fig{max-width:90px;}
  .dice-roll-game-expectation-sec .game-expect-card-title{font-size:20px;}
  .dice-roll-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .dice-roll-game-expectation-sec .game-expectation-card-body{padding:36px 10px 20px;}
  .dice-roll-game-expectation-sec .game-expectation-list.owl-carousel .owl-stage{display:flex;}
  .dice-roll-game-expectation-sec .game-expectation-item{height:100%;}

  .dice-roll-game-expectation-sec .owl-carousel .owl-dot{clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#4178d3; display:inline-block; width:20px; height:20px;}
  .dice-roll-game-expectation-sec .owl-carousel .owl-dot span{width:16px; height:16px; clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:#2555a3; border:none; top:2px; position:relative;}
  .dice-roll-game-expectation-sec .owl-carousel .owl-dot.active{background:#150335;}
  .dice-roll-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ecb906;}


  .dice-roll-game-summary-sec .game-summary-sec-outer{padding:40px 0 10px;}
  .dice-roll-game-summary-sec .game-summary-text{font-size:17px; max-width:640px; margin:0 auto 15px;}
  .dice-roll-game-summary-sec .game-summary-btn-bar{padding:30px 0px;}
  .dice-roll-game-summary-sec .bg-blur{height:110px;}

  .dice-roll-faq-sec .faq-sec-outer{padding:20px 0 50px;}
  .dice-roll-faq-sec .faq-sec-head{margin:0 0 20px;}
  .dice-roll-faq-sec .sec-main-title{font-size:42px;}
  .dice-roll-faq-sec .accordion-title{font-size:20px;}
  .dice-roll-faq-sec .accordion-text{font-size:18px;}
  .dice-roll-faq-sec .accordion-body{padding:10px 20px 7px 50px;}
}
@media(min-width:768px) {
  .d-none{display:none;}
  .dice-roll-game .banner-sec-outer{border-top:2px solid var(--bdr1);}
}
@media(max-width:767px) {
  .dice-roll-game {
    --shadow-text:1px 1px 0 #02311d, 1px -1px 0 #02311d, -1px 1px 0 #02311d, -1px -1px 0 #02311d, 1px 0 0 #02311d, 0 1px 0 #02311d, -1px 0 0 #02311d;
    --card-dashed-line-bg1:url("../images/dice-roll/dashed-line-vertical-mob.webp");
  }
  .dice-roll-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover; padding:0px;}
  .dice-roll-game .game-logo-fig{max-width:46.8%; margin-bottom:-10px;}
  .dice-roll-game .video-block{max-width:76.5%; margin-bottom:-40px;}
  .dice-roll-game .video-frame-outer{border-radius:7px;}
  .dice-roll-game .video-shadow{width:calc(100% + 20%); left:-10%; right:-10%; bottom:-3px;}

  .dice-roll-about-us-sec .about-us-sec-outer{padding:60px 0 56px;}
  .dice-roll-about-us-sec .about-sec-head{margin-bottom:15px;}
  .dice-roll-about-us-sec .sec-main-title{font-size:20px; padding:5px 0px 4px;}
  .dice-roll-about-us-sec .sec-main-title:before, .dice-roll-about-us-sec .sec-main-title:after{height:1px;}
  .dice-roll-about-us-sec .about-us-text{font-size:14px; margin:0 auto 20px;}
  .bg-blur{width:160px; height:60px; filter:blur(15px);}
  .dice-roll-game .btn-bar .base-btn{max-width:180px;}
  .dice-roll-game .btn-text{font-size:20px;}
  .dice-roll-about-us-sec .ludo-icon{left:-2%; bottom:-8%; max-width:12.5%;}

  .dice-roll-how-to-work-sec .sec-main-title-fig{max-width:230px; margin-top:-36px;}
  .dice-roll-how-to-work-sec .htw-process-card-list.list-style-none{padding-left:14px;}
  .dice-roll-how-to-work-sec .htw-process-card-body{padding:40px 20px 24px 20px;}
  .dice-roll-how-to-work-sec .htw-process-card-title-bar{padding-left:0px;}
  .dice-roll-how-to-work-sec .htw-process-wrap{padding:0px;}
  .dice-roll-how-to-work-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 20px;}
  .dice-roll-how-to-work-sec .htw-process-wrap .col-right{z-index:5; padding:0 8px;}
  .dice-roll-how-to-work-sec .how-to-work-process:nth-child(even) .col-right{padding:0px;}
  .dice-roll-how-to-work-sec .how-to-work-process:nth-child(odd) .col-right{padding:0px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-one{padding-bottom:100px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-one .htw-process-line-block{display:none;}
  .dice-roll-how-to-work-sec .select-options-card.htw-process-card{margin-top:-10px;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card{margin-top:-12px;}
  .dice-roll-how-to-work-sec .game-start-card.htw-process-card:after{left:auto; right:18.6%; height:100px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-two .col-left:before{display:none;}
  .dice-roll-how-to-work-sec .select-options-card.htw-process-card:before, .dice-roll-how-to-work-sec .select-options-card.htw-process-card:after{left:auto; right:20%; height:27px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-three .htw-process-line-fig{max-width:59.8%; left:auto;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:before{display:none;}
  .dice-roll-how-to-work-sec .guess-card.htw-process-card:after{height:28px; margin:0px; left:20%;}
  .dice-roll-how-to-work-sec .htw-process-wrap-four .col-left:before{margin-bottom:0px; right:20%; height:26px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:before{display:none;}
  .dice-roll-how-to-work-sec .htw-process-wrap-four .htw-process-line-fig{max-width:59.8%; left:auto;}
  .how-to-work-process.how-to-work-process-sec-three .ludo-icon{max-width:11.4%; bottom:10px;}
  .dice-roll-how-to-work-sec .odd-even-card.htw-process-card:after{background:var(--card-dashed-line-bg1) top center; width:2px; bottom:auto; top:100%; height:28px; left:auto; right:20%; margin:0px; transform:none;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-four{padding-bottom:0px;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-five{padding-top:0px;}
  .how-to-work-process.how-to-work-process-sec-four .ludo-icon{max-width:11.4%; left:-7px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-five .col-left:before{left:20%; margin-bottom:0px;}
  .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:before{display:none;}
  .dice-roll-how-to-work-sec .click-roll-card.htw-process-card:after{background:var(--card-dashed-line-bg1) top center; width:2px; bottom:auto; top:100%; height:28px; left:auto; right:20%; margin:0px; transform:none;}
  .dice-roll-how-to-work-sec .htw-theme-left-arrow{display:none;}
  .dice-roll-how-to-work-sec .htw-process-wrap-five .htw-process-line-fig{max-width:59.8%;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-six{padding-top:0px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-six{margin-bottom:-50px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-six .col-left:before{margin:0px; right:auto; left:20%; height:26px;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.top-one{left:-4px;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.top-one{max-width:11.4%;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-seven{padding:110px 0px 60px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-correct .htw-process-theme img{filter:drop-shadow(0px 0px 16px rgba(0, 255, 165, 1.0));}
  .dice-roll-how-to-work-sec .htw-process-wrap-incorrect .htw-process-theme img{filter:drop-shadow(0px 0px 16px rgba(230, 19, 87, 1.0));}
  .correct-guess-card .ludo-icon{display:none;}
  .incorrect-theme-icon.ludo-icon{bottom:96%; left:62%; max-width:44px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap-incorrect{padding-top:60px;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap-incorrect .col-right{padding-right:0px;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-two{bottom:13px; max-width:8.2%;}
  .how-to-work-process.how-to-work-process-sec-seven .ludo-icon.bottom-one{bottom:-2%; max-width:13.7%;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-seven:before{background:url(../images/dice-roll/htw-sec-bg-top-mob.webp) no-repeat top center; background-size:100% auto;}
  .dice-roll-how-to-work-sec .how-to-work-process-sec-seven:after{background:url(../images/dice-roll/htw-sec-bg-bottom-mob.webp) no-repeat bottom center; background-size:100% auto;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{padding:60px 0px 0px;}
  .dice-roll-how-to-work-sec .htw-process-card.scoring-card{ margin-top:-8px;}
  .how-to-work-process.how-to-work-process-sec-eight .ludo-icon{max-width:11.7%; right:-1.4%; bottom:8.5%;}
  .dice-roll-how-to-work-sec .htw-process-wrap-eight .htw-process-line-fig{max-width:59.8%;}
  .dice-roll-how-to-work-sec .scoring-card.htw-process-card:after{display:block; background:var(--card-dashed-line-bg1) top center; width:2px; bottom:auto; top:100%; height:28px; left:20%; right:auto; margin:0px; transform:none;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{padding:0px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-nine .col-left:before{content:""; position:absolute; left:auto; right:20%; bottom:100%; margin-bottom:0px; width:2px; height:28px; background:var(--card-dashed-line-bg1) top center;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-nine .col-right{max-width:100%;}
  .dice-roll-how-to-work-sec .screen-indicators-card .htw-process-card-title-bar{padding:0px;}
  .dice-roll-how-to-work-sec .screen-indicators-card .htw-card-icon{left:14px; right:auto;}
  .dice-roll-how-to-work-sec .screen-indicators-card.htw-process-card:before, .dice-roll-how-to-work-sec .screen-indicators-card.htw-process-card:after{display:block; background:var(--card-dashed-line-bg1) top center; width:2px; bottom:auto; top:100%; height:28px; left:auto; right:20%; margin:0px; transform:none;}
  .dice-roll-how-to-work-sec .screen-indicators-card.htw-process-card:before{top:auto; bottom:100%; height:40px;}
  .how-to-work-process.how-to-work-process-sec-nine .ludo-icon{right:auto; left:-2%; bottom:13%; max-width:12.7%;}
  .dice-roll-how-to-work-sec .how-to-work-process.how-to-work-process-sec-ten .htw-process-wrap{padding:0px 0px 70px;}
  .dice-roll-how-to-work-sec .htw-process-wrap-ten .col-left:before{content:""; position:absolute; left:20%; right:auto; bottom:100%; margin-bottom:0px; width:2px; height:28px; background:var(--card-dashed-line-bg1) top center;}
  .how-to-work-process.how-to-work-process-sec-ten .ludo-icon{bottom:-7%; max-width:10%;}

  .dice-roll-game-expectation-sec .game-expectation-sec-outer{padding:0px 0 10px;}
  .dice-roll-game-expectation-sec .game-expectation-sec-head{margin:0px;}
  .dice-roll-game-expectation-sec .sec-main-title-fig{max-width:233px; margin-top:-38px;}
  .dice-roll-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 120px); min-width:calc(100vw - 120px);}
  .dice-roll-game-expectation-sec .game-expect-card-title{font-size:18px; filter:drop-shadow(1px 1px 1px rgba(67, 6, 6, 0.82)); margin-bottom:14px;}
  .dice-roll-game-expectation-sec .game-expect-details-item:before{width:8px; height:8px;}
  .dice-roll-game-expectation-sec .game-expectation-card-outer{border-radius:22px; padding:2px; box-shadow:4px 6px 0px 0px #150335; margin:35px 10px 20px 0;}
  .dice-roll-game-expectation-sec .game-expectation-card-body{padding:36px 6px 20px 10px; border-radius:20px;}
  .dice-roll-game-expectation-sec .game-expect-card-fig{max-width:72px;}
  .dice-roll-game-expectation-sec .game-expect-icon-block{margin:0 auto; top:-35px; left:-20px; right:auto;}

  .dice-roll-game-summary-sec .game-summary-sec-outer{padding:30px 0 20px; border-bottom:2px solid var(--bdr2);}
  .dice-roll-game-summary-sec .game-summary-cont-outer{padding:0px 20px;}
  .dice-roll-game-summary-sec .game-summary-text{font-size:14px;}
  .dice-roll-game-summary-sec .game-summary-btn-bar{padding:10px 0px;}
  .dice-roll-game-summary-sec .bg-blur{height:60px;}
  .dice-roll-game-summary-sec .ludo-icon.left{bottom:30px; max-width:8.5%;}
  .dice-roll-game-summary-sec .ludo-icon.bottom{max-width:13.5%; right:7%;}
  .dice-roll-game-summary-sec .ludo-icon.right{max-width:6.5%; top:25px;}

  .dice-roll-faq-sec .faq-sec-outer{padding:20px 0 25px;}
  .dice-roll-faq-sec .faq-sec-head{margin:0 0 15px;}
  .dice-roll-faq-sec .sec-main-title{font-size:30px;}
  .dice-roll-faq-sec .accordion-item{padding:1px; border-radius:6px 6px 0 0;}
  .dice-roll-faq-sec .accordion-card{border-radius:6px; padding:0px 1px 1px;}
  .dice-roll-faq-sec .accordion-head{margin:-1px; width:calc(100% + 2px); border-radius:6px; padding:1px;}
  .dice-roll-faq-sec .accordion-body{padding:10px 10px 7px 30px; border-radius:0px 0px 6px 6px;}
  .dice-roll-faq-sec .accordion-title{font-size:14px;}
  .dice-roll-faq-sec .accordion-text{font-size:13px;}
}
@media (min-width:414px) and (max-width:767px) and (orientation:portrait) {
  .dice-roll-how-to-work-sec .correct-guess-card .htw-process-card-body{padding:40px 10px 24px 10px;}
}
@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .dice-roll-how-to-work-sec .correct-guess-card .htw-process-card-body{padding:40px 4px 24px 4px;}
  .dice-roll-how-to-work-sec .correct-guess-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:13px;}
}
@media(max-width:360px) {
  .dice-roll-how-to-work-sec .correct-guess-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:12px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Dice Roll Game CSS End // ***************************** */




/* ***************************** // Black Jack Game CSS Start // ***************************** */
.black-jack-game {
/*Colors*/
--clr-base:#000;
--clr-base-light:#0c3b18;
--clr-dark:#2a2368;
--clr-action:#001c47;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#f5f4ff;
--bg-base:#072a0c;
--bg-primary:#001c47;
--bg-action:#420751;

/*Border Colors*/
--bdr1:#001c47;
  
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-head:'IFC RAILROAD';
--font-head2:'Helvetica', sans-serif;
--font-btn:'Raphia Personal Use';

/*Btn Shadow*/
--shadow-text:2px 2px 0 #1f6325, 2px -2px 0 #1f6325, -2px 2px 0 #1f6325, -2px -2px 0 #1f6325, 2px 0 0 #1f6325, 0 2px 0 #1f6325, -2px 0 0 #1f6325;
}

.black-jack-game .nav-item-label{font-family:var(--font-head2); border-radius:8px; position:relative;}
.black-jack-game .nav-item-label:before{content:""; z-index:-1; position:absolute; border-radius:9px; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); background:linear-gradient(to top, #bb7a16 0%,#f9db11 48%,#ffe40a 74%,#ffe723 100%); display:none;}
@media (hover: hover) {
  .black-jack-game .active .nav-item-label, .black-jack-game .nav-item-label:hover{color:var(--clr-action-alt); background:linear-gradient(to bottom, #6f82fb 0%,#6762dc 15%,#5747bb 38%,#402876 64%,#361b6f 100%);}
  .black-jack-game .active .nav-item-label:before, .black-jack-game .nav-item-label:hover:before{display:block;}
}

.black-jack-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; max-width:470px; position:relative;}
.black-jack-game .base-btn .btn-text{font-size:48px; color:#fff; text-shadow:var(--shadow-text); font-family:var(--font-btn); font-weight:normal; padding-bottom:4px;}
.black-jack-game .base-btn:before{content:""; position:absolute; z-index:1; top:2.2vmin; bottom:2.2vmin; left:2.2vmin; right:2.2vmin; float:left; background-image:url("../images/black-jack/button_bg.webp"), url("../images/black-jack/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.black-jack-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.black-jack-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:0px 0px;}
.black-jack-game .banner-sec-outer{background:transparent; padding:0px;}
.black-jack-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.black-jack-game .banner-logo .game-logo-fig{max-width:35%; margin:10px 0px;}
.black-jack-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.6));}

.black-jack-game .banner-sec-video{background:transparent;}
.black-jack-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.black-jack-game .video-block{max-width:62%; position:relative; margin-bottom:-6.9%; overflow:inherit;}
.black-jack-game .video-poster, .black-jack-game .client-video{top:20px; bottom:auto; left:20px; right:20px; height:calc(100% - 40px); width:calc(100% - 40px); border-radius:20px;}
.black-jack-game .video-frame img{filter:drop-shadow(0px 5px 55px rgba(0, 31, 81, 0.7));}

.black-jack-game .sec-head{margin-bottom:10px; text-align:center;}
.black-jack-game .sec-main-title{font-family:var(--font-head); font-size:70px; text-transform:uppercase; text-align:center; color:var(--clr-dark);}
.black-jack-game .sec-main-title.about-sec-main-title{color:#ffd21e;}
.black-jack-about-us-sec .about-us-sec-outer{background:var(--about-us-bg) no-repeat top center; background-size:cover; padding:200px 0px 90px;}
.black-jack-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.black-jack-about-us-sec .about-us-text{float:left; width:100%; max-width:1426px; text-align:center; font-size:36px; line-height:1.4em; font-weight:600; color:#fff; margin:0px auto 30px;}
.black-jack-about-us-sec .about-us-btn-bar{margin:10px auto 0;}

/* How to Work CSS Start */
.black-jack-htw-sec{padding:83px 0px 50px;}
.black-jack-htw-sec .htw-sec-head{margin-bottom:30px;}
.black-jack-htw-sec .htw-process-wrap .col-left{max-width:50.8%;}
.black-jack-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right{padding-right:5.6%;}
.black-jack-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:5.6%;}
.black-jack-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:row-reverse;}
.black-jack-htw-sec .htw-process-theme:after{display:none;}
.black-jack-htw-sec .htw-process-theme{border-radius:0px;}
.black-jack-htw-sec .htw-process-card:before, .black-jack-htw-sec .htw-process-card:after{display:none;}
.black-jack-htw-sec .htw-process-card-outer:before, .black-jack-htw-sec .htw-process-card-outer:after{display:none;}
.black-jack-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.black-jack-htw-sec .htw-process-card-cont{background:transparent; padding:0px; border-radius:0px; margin-top:50px;}
.black-jack-htw-sec .htw-process-card-body{background:url('../images/black-jack/htw-card-bg.webp') no-repeat center center; background-size:contain; padding:36px 40px; min-height:332px; display:flex; flex-wrap:wrap; align-items:center;}
.black-jack-htw-sec .htw-process-card-title-bar{text-align:center; position:absolute; top:-54px; left:0; right:0; background:url('../images/black-jack/htw-card-top-bg.webp') no-repeat center center; background-size:auto 55px; min-height:55px; display:flex; align-items:center; justify-content:center;}
.black-jack-htw-sec .htw-process-card-title{font-family:var(--font-base); position:relative; display:inline-flex; padding:0px 46px; color:#ffd21e; background:linear-gradient(to bottom, rgba(254,227,89,1) 34%,rgba(252,160,24,1) 100%); background-clip:text; -webkit-text-fill-color:transparent;}
.black-jack-htw-sec .htw-process-card-title:before, .black-jack-htw-sec .htw-process-card-title:after{content:""; position:absolute; top:0; bottom:0; width:34px; height:34px; margin:auto; background-size:34px;} 
.black-jack-htw-sec .htw-process-card-title:before{background:url('../images/black-jack/title-left-icon.webp') no-repeat center center; left:0px;} 
.black-jack-htw-sec .htw-process-card-title:after{background:url('../images/black-jack/title-right-icon.webp') no-repeat center center; right:0px;} 
.black-jack-htw-sec .htw-process-card-list{margin-top:0px;}
.black-jack-htw-sec .htw-process-card-list-item, .black-jack-htw-sec .htw-process-card-list-label{font-weight:700; font-size:30px; text-align:center;}
.black-jack-htw-sec .htw-process-wrap{padding:50px 0px;}
.black-jack-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.black-jack-htw-sec .htw-process-card-list-block{margin:0 auto;}
.black-jack-htw-sec .game-play-card .htw-process-card-list-block{max-width:370px;}
.black-jack-htw-sec .currency-card .htw-process-card-list-block{max-width:320px;}
.black-jack-htw-sec .chips-card .htw-process-card-list-block{max-width:396px;}
.black-jack-htw-sec .receive-card .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-2.webp') no-repeat center center; background-size:auto 55px;}
.black-jack-htw-sec .how-to-work-process-sec-six{padding:100px 0px;}
.black-jack-htw-sec .values-card .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-2.webp') no-repeat center center; background-size:contain;}
.black-jack-htw-sec .values-card .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-2.webp') no-repeat center center; background-size:auto 55px;}
.values-card .htw-process-card-list-block{display:flex; flex-wrap:wrap; justify-content:space-around;}
.values-card .htw-process-card-item{float:left; width:100%; flex:1;}
.values-card .values-card-label{float:left; width:100%; text-align:center; font-size:40px; font-weight:700; color:#ebca4c;}
.values-card .values-card-text{float:left; width:100%; text-align:center; margin-top:20px;}
.values-card .values-text{display:inline-block; font-size:48px; font-weight:700; color:#fff; padding:20px 0px 0px; border-top:3px solid #ebca4c;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-right:0px; padding-left:5.6%;}
.black-jack-htw-sec .player-options-card .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-2.webp') no-repeat center center; background-size:auto 55px; top:-55px;}
.black-jack-htw-sec .player-options-card .htw-process-card-list-item{display:flex; text-align:left; margin-bottom:14px;}
.black-jack-htw-sec .player-options-card .htw-process-card-list-item:last-child{margin-bottom:0px;}
.black-jack-htw-sec .player-options-card .htw-process-card-list-item strong{font-size:24px; color:#feda50; float:left; margin-right:6px; position:relative; bottom:3px;}
.black-jack-htw-sec .player-options-card .htw-process-card-list-item p{font-size:20px; color:#fff; float:left; flex:1; font-weight:700;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{flex-direction:row-reverse;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap .col-right{padding-right:5.6%; padding-left:0px;}
.black-jack-htw-sec .dealers-turn-card .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-2.webp') no-repeat center center; background-size:auto 55px;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{flex-direction:inherit;}
.black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-2.webp') no-repeat top center; background-size:contain; padding:0px 80px; gap:0px 90px;}
.black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-3.webp') no-repeat center center; background-size:auto 55px; position:unset;}
.black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title{padding:0px 36px;}
.black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap .col{padding:0px; max-width:50%; flex:1;}
.black-jack-htw-sec .winning-scenarios-wrap .htw-process-theme-block .htw-process-theme{filter:inherit;}
.black-jack-htw-sec .winning-scenarios-wrap .htw-process-theme-block{margin-top:0px;}
.black-jack-htw-sec .winning-scenarios-wrap .theme-head-block{background:transparent; padding:40px 10px 30px; border-radius:0px; min-height:inherit;}
.black-jack-htw-sec .winning-scenarios-wrap .theme-head-block:after{display:none;}
.black-jack-htw-sec .winning-scenarios-wrap .theme-head-text{font-size:24px;}
.black-jack-htw-sec .winning-scenarios-wrap .col-left .theme-head-text{max-width:170px;}
.black-jack-htw-sec .winning-scenarios-wrap .col-right .theme-head-text{max-width:432px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.black-jack-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center center; background-size:cover; padding:90px 0px;}
.black-jack-game-expectation-sec .sec-main-title{color:#fff;}
.black-jack-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.black-jack-game-expectation-sec .game-expectation-item{margin-top:80px; max-width:calc((100% / 4) - ((30px * 3) / 4));}
.black-jack-game-expectation-sec .game-expectation-card-outer{margin-top:0px; padding:0px; background:url('../images/black-jack/game-expect-crad-bg.webp') no-repeat top center; background-size:100% 100%; border-radius:0px;}
.black-jack-game-expectation-sec .game-expectation-card-body{background:transparent; border-radius:0px; box-shadow:none; padding:22px 16px 28px 20px;}
.black-jack-game-expectation-sec .game-expect-icon-block{top:0px; margin:0px 0px 32px; justify-content:flex-start;}
.black-jack-game-expectation-sec .game-expect-card-fig{max-width:136px;}
.black-jack-game-expectation-sec .game-expect-card-title{color:var(--clr-base-light); font-weight:800; font-family:var(--font-base); text-transform:uppercase; font-size:26px; text-align:left; margin-bottom:6px;}
.black-jack-game-expectation-sec .game-expect-details-item{color:var(--clr-base); font-weight:500; font-size:16px;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.black-jack-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg) no-repeat center center; background-size:cover; padding:130px 0px;}
.black-jack-game-summary-sec .game-summary-text{font-size:36px; font-weight:600; font-family:var(--font-base); color:#fff; max-width:100%;}
.black-jack-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
.black-jack-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.black-jack-faq-sec .faq-sec-outer{padding:90px 0px 40px;}
.black-jack-faq-sec .sec-head{margin-bottom:40px;}
.black-jack-faq-sec .accordion-item{margin-bottom:20px;}
.black-jack-faq-sec .accordion-card{border-radius:10px; border:2px solid #ca2424; background:var(--bg-base); padding:0px;}
.black-jack-faq-sec .accordion-head{padding:20px 20px 20px 40px;}
.black-jack-faq-sec .accordion-body{background:linear-gradient(to top, rgba(227,44,44,1) 0%,rgba(120,13,13,1) 100%); border-radius:0 0 8px 8px; padding-right:12px;}
.black-jack-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:600; color:#fff; text-transform:uppercase;}
.black-jack-faq-sec .answer-label, .black-jack-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:500; color:#fff;}
.black-jack-faq-sec .accordion-text{flex:1;}
.black-jack-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.black-jack-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.black-jack-faq-sec .accordion-icon{background:transparent;}
.black-jack-faq-sec .accordion-icon .icon{max-width:36px; transition:all 0.3s ease 0s; top:4px; position:relative;}
.black-jack-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg); top:0px;}
/*FAQ CSS End */

.black-jack-game .footer{background:#130b2e;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .black-jack-game .video-block{max-width:68%;}
  .black-jack-game .video-poster, .black-jack-game .client-video{border-radius:16px;}

  .black-jack-about-us-sec .about-us-sec-outer{padding:150px 0px 80px;}
  .black-jack-game .sec-main-title{font-size:56px;}
  .black-jack-about-us-sec .about-us-text{font-size:30px;}
  .black-jack-game .base-btn{max-width:386px;}
  .black-jack-game .base-btn .btn-text{font-size:40px;}

  .black-jack-htw-sec .htw-process-card-body{min-height:262px; padding:16px 30px;}
  .black-jack-htw-sec .htw-process-card-list-item, .black-jack-htw-sec .htw-process-card-list-label{font-size:25px;}
  .black-jack-htw-sec .htw-process-card-title-bar{top:-50px; background-size:auto 50px; min-height:50px;}
  .black-jack-htw-sec .receive-card .htw-process-card-title-bar, .black-jack-htw-sec .values-card .htw-process-card-title-bar, 
  .black-jack-htw-sec .dealers-turn-card .htw-process-card-title-bar, .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title-bar{background-size:auto 50px;}
  .values-card .values-card-label{font-size:34px;}
  .values-card .values-text{font-size:34px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item strong{font-size:22px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item p{font-size:18px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-title-bar{top:-50px; background-size:auto 50px; min-height:50px;}
  .black-jack-htw-sec .winning-scenarios-wrap .theme-head-text{font-size:21px;}

  .black-jack-game-expectation-sec .game-expectation-sec-outer{padding:70px 0px;}
  .black-jack-game-expectation-sec .game-expectation-item{margin-top:50px;}
  .black-jack-game-expectation-sec .game-expect-card-fig{max-width:116px;}
  .black-jack-game-expectation-sec .game-expectation-list{gap:0px 20px;}
  .black-jack-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - ((20px * 3) / 4));}
  .black-jack-game-expectation-sec .game-expect-card-title{font-size:22px;}
  .black-jack-game-expectation-sec .game-expect-details-item{font-size:15px;}

  .black-jack-game-summary-sec .game-summary-sec-outer{padding:100px 0px;}
  .black-jack-game-summary-sec .game-summary-text{font-size:32px;}

  .black-jack-faq-sec .faq-sec-outer{padding:70px 0px 30px;}
  .black-jack-faq-sec .accordion-head{padding:15px 20px 15px 40px;}
  .black-jack-faq-sec .accordion-title, .black-jack-faq-sec .answer-label, .black-jack-faq-sec .accordion-text{font-size:26px;}
  .black-jack-faq-sec .accordion-cont-bar{min-height:90px;}
}

@media(max-width:1280px) {
  .black-jack-game .video-poster, .black-jack-game .client-video{border-radius:12px;}

  .black-jack-about-us-sec .about-us-sec-outer{padding:120px 0px 60px;}
  .black-jack-game .sec-main-title{font-size:48px;}
  .black-jack-about-us-sec .about-us-text{font-size:23px;}
  .black-jack-game .base-btn{max-width:346px;}
  .black-jack-game .base-btn .btn-text{font-size:34px;}

  .black-jack-htw-sec{padding:53px 0px 40px;}
  .black-jack-htw-sec .htw-sec-head{margin-bottom:10px;}
  .black-jack-htw-sec .htw-process-card-body{min-height:222px; padding:10px 20px;}
  .black-jack-htw-sec .htw-process-card-list-item, .black-jack-htw-sec .htw-process-card-list-label{font-size:22px;}
  .black-jack-htw-sec .htw-process-card-title-bar{top:-45px; background-size:auto 45px; min-height:45px;}
  .black-jack-htw-sec .receive-card .htw-process-card-title-bar, .black-jack-htw-sec .values-card .htw-process-card-title-bar, 
  .black-jack-htw-sec .dealers-turn-card .htw-process-card-title-bar, .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title-bar{background-size:auto 45px;}
  .black-jack-htw-sec .game-play-card .htw-process-card-list-block{max-width:270px;}
  .black-jack-htw-sec .currency-card .htw-process-card-list-block{max-width:240px;}
  .black-jack-htw-sec .chips-card .htw-process-card-list-block{max-width:296px;}
  .values-card .values-card-label{font-size:30px;}
  .values-card .values-text{font-size:30px; padding:10px 0px 0px;}
  .values-card .values-card-text{margin-top:10px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item strong{font-size:18px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item p{font-size:16px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-title-bar{top:-45px; background-size:auto 45px; min-height:45px;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-body{padding:0px 60px; gap:0px 60px;}
  .black-jack-htw-sec .winning-scenarios-wrap .theme-head-text{font-size:18px;}
  .black-jack-htw-sec .htw-process-card-title{padding:0px 36px;}
  .black-jack-htw-sec .htw-process-card-title:before, .black-jack-htw-sec .htw-process-card-title:after{width:28px; height:28px; background-size:28px;}
  .black-jack-htw-sec .htw-process-wrap{padding:40px 0px;}
  .black-jack-htw-sec .htw-process-card-cont{margin-top:45px;}
  .black-jack-htw-sec .how-to-work-process-sec-six{padding:40px 0px;}

  .black-jack-game-expectation-sec .game-expectation-sec-outer{padding:50px 0px;}
  .black-jack-game-expectation-sec .game-expectation-item{margin-top:40px;}
  .black-jack-game-expectation-sec .game-expect-card-fig{max-width:116px;}
  .black-jack-game-expectation-sec .game-expectation-list{gap:0px 40px; padding:0px 100px;}
  .black-jack-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 20px);}
  .black-jack-game-expectation-sec .game-expect-card-title{font-size:20px;}

  .black-jack-game-summary-sec .game-summary-sec-outer{padding:80px 0px;}
  .black-jack-game-summary-sec .game-summary-text{font-size:28px;}

  .black-jack-faq-sec .faq-sec-outer{padding:50px 0px 30px;}
  .black-jack-faq-sec .sec-head{margin-bottom:20px;}
  .black-jack-faq-sec .accordion-head{padding:12px 10px 12px 30px;}
  .black-jack-faq-sec .accordion-title, .black-jack-faq-sec .answer-label, .black-jack-faq-sec .accordion-text{font-size:22px;}
  .black-jack-faq-sec .accordion-cont-bar{min-height:70px;}
  .black-jack-faq-sec .accordion-icon .icon{max-width:30px;}
  .black-jack-faq-sec .accordion-item{margin-bottom:12px;}
}

@media(max-width:1023px) {
  .black-jack-game .video-poster, .black-jack-game .client-video{border-radius:10px; top:10px; left:10px; right:10px; width:calc(100% - 20px); height:calc(100% - 20px);}
  .black-jack-game .video-frame img{filter:drop-shadow(0px 3px 15px rgba(0, 31, 81, 0.7));}

  .black-jack-about-us-sec .about-us-sec-outer{padding:90px 0px 40px;}
  .black-jack-game .sec-main-title{font-size:36px;}
  .black-jack-about-us-sec .about-us-text{font-size:18px; margin:0px auto 20px;}
  .black-jack-game .base-btn{max-width:286px;}
  .black-jack-game .base-btn .btn-text{font-size:28px;}

  .black-jack-htw-sec{padding:40px 0px 20px;}
  .black-jack-htw-sec .htw-process-card-body{min-height:168px; padding:6px 20px;}
  .black-jack-htw-sec .htw-process-card-list-item, .black-jack-htw-sec .htw-process-card-list-label{font-size:17px;}
  .black-jack-htw-sec .htw-process-card-title-bar{top:-36px; background-size:auto 36px; min-height:36px;}
  .black-jack-htw-sec .receive-card .htw-process-card-title-bar, .black-jack-htw-sec .values-card .htw-process-card-title-bar, 
  .black-jack-htw-sec .dealers-turn-card .htw-process-card-title-bar, .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title-bar{background-size:auto 36px;}
  .black-jack-htw-sec .game-play-card .htw-process-card-list-block{max-width:210px;}
  .black-jack-htw-sec .currency-card .htw-process-card-list-block{max-width:186px;}
  .black-jack-htw-sec .chips-card .htw-process-card-list-block{max-width:226px;}
  .values-card .values-card-label{font-size:24px;}
  .values-card .values-text{font-size:24px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item{margin-bottom:5px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item strong{font-size:14px; bottom:1px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item p{font-size:13px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-title-bar{top:-36px; background-size:auto 36px; min-height:36px;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-body{padding:0px 40px; gap:0px 40px;}
  .black-jack-htw-sec .winning-scenarios-wrap .theme-head-text{font-size:16px;}
  .black-jack-htw-sec .winning-scenarios-wrap .theme-head-block{padding:30px 10px 20px;}
  .black-jack-htw-sec .winning-scenarios-wrap .col-left .theme-head-text{max-width:120px;}
  .black-jack-htw-sec .htw-process-card-title{padding:0px 30px;}
  .black-jack-htw-sec .htw-process-card-title:before, .black-jack-htw-sec .htw-process-card-title:after{width:24px; height:24px; background-size:24px;}
  .black-jack-htw-sec .htw-process-wrap{padding:30px 0px;}
  .black-jack-htw-sec .htw-process-card-cont{margin-top:36px;}
  .black-jack-htw-sec .how-to-work-process-sec-six{padding:30px 0px;}

  .black-jack-game-expectation-sec .game-expectation-sec-outer{padding:50px 0px;}
  .black-jack-game-expectation-sec .game-expectation-item{margin-top:30px;}
  .black-jack-game-expectation-sec .game-expectation-list{gap:0px 30px; padding:0px 0px;}
  .black-jack-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 15px);}

  .black-jack-game-summary-sec .game-summary-sec-outer{padding:60px 0px;}
  .black-jack-game-summary-sec .game-summary-text{font-size:24px;}
  .black-jack-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .black-jack-faq-sec .faq-sec-outer{padding:40px 0px 20px;}
  .black-jack-faq-sec .sec-head{margin-bottom:15px;}
  .black-jack-faq-sec .faq-block{padding:0px;}
  .black-jack-faq-sec .accordion-head{padding:8px 10px 8px 30px;}
  .black-jack-faq-sec .accordion-title, .black-jack-faq-sec .answer-label, .black-jack-faq-sec .accordion-text{font-size:18px;}
  .black-jack-faq-sec .accordion-cont-bar{min-height:50px;}
  .black-jack-faq-sec .accordion-icon .icon{max-width:24px;}
  .black-jack-faq-sec .accordion-item{margin-bottom:10px;}
}

@media(max-width:767px) {
  .black-jack-game {
  --shadow-text:1px 1px 0 #1f6325, 1px -1px 0 #1f6325, -1px 1px 0 #1f6325, -1px -1px 0 #1f6325, 1px 0 0 #1f6325, 0 1px 0 #1f6325, -1px 0 0 #1f6325;
  }
  .black-jack-game .close-menu-label, .black-jack-game .menu-back-icon{color:var(--clr-action);}
  .black-jack-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .black-jack-game .banner-logo .game-logo-fig{max-width:66%; margin:8px 0px 4px;}  
  .black-jack-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.6));}
  .black-jack-game .video-block{max-width:86%; margin-bottom:-30px;}
  .black-jack-game .video-poster, .black-jack-game .client-video{border-radius:6px; top:6px; left:6px; right:6px; width:calc(100% - 12px); height:calc(100% - 12px);}
  .black-jack-game .video-frame img{filter:drop-shadow(0px 2px 10px rgba(0, 31, 81, 0.7));}

  .black-jack-about-us-sec .about-us-sec-outer{background:var(--about-us-bg-mob) no-repeat center center; background-size:cover; padding:70px 0px 40px;}
  .black-jack-game .sec-main-title{font-size:24px;}
  .black-jack-about-us-sec .about-us-text{font-size:13px; margin:0px auto 10px;}
  .black-jack-game .base-btn{max-width:186px;}
  .black-jack-game .base-btn .btn-text{font-size:18px;}

  .black-jack-htw-sec{padding:30px 0px 30px;}
  .black-jack-htw-sec .htw-sec-head{margin:0px;}
  .black-jack-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:column;}
  .black-jack-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right, .black-jack-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding:0px;}
  .black-jack-htw-sec .htw-process-wrap .col-left, .black-jack-htw-sec .htw-process-wrap .col-right{max-width:100%; flex:1; padding:0px 0px;}
  .black-jack-htw-sec .htw-process-wrap{padding:15px 0px;}
  .black-jack-htw-sec .htw-process-card{margin-top:0px;}
  .black-jack-htw-sec .htw-process-card-cont{margin-top:50px;}
  .black-jack-htw-sec .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-mob.webp') no-repeat center center; background-size:100% 100%; min-height:192px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-3-mob.webp') no-repeat center center; background-size:100% 100%; min-height:242px;}
  .black-jack-htw-sec .htw-process-card-title-bar, .black-jack-htw-sec .receive-card .htw-process-card-title-bar, .black-jack-htw-sec .values-card .htw-process-card-title-bar, .black-jack-htw-sec .player-options-card .htw-process-card-title-bar, .black-jack-htw-sec .dealers-turn-card .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-mob.webp') no-repeat center center; background-size:auto 38px; min-height:38px; top:-37px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-title-bar{top:-38px;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-title-bar{background:url('../images/black-jack/htw-card-top-bg-mob.webp') no-repeat center center; background-size:auto 38px; min-height:38px; top:-37px;}
  .black-jack-htw-sec .htw-process-card-title{font-size:22px; top:2px;}
  .black-jack-htw-sec .htw-process-card-list-item, .black-jack-htw-sec .htw-process-card-list-label{font-size:16px;}
  .black-jack-htw-sec .htw-process-card-list-item:last-child{margin-bottom:0px;}
  .black-jack-htw-sec .game-play-card .htw-process-card-list-block, .black-jack-htw-sec .currency-card .htw-process-card-list-block{max-width:100%;}
  .black-jack-htw-sec .chips-card .htw-process-card-list-block{max-width:260px;}
  .black-jack-htw-sec .how-to-work-process-sec-six{padding:0px 0px 15px;}
  .black-jack-htw-sec .values-card .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-2-mob.webp') no-repeat center center; background-size:100% 100%; min-height:480px;}
  .values-card .htw-process-card-list-block{flex-direction:column; gap:50px 0px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item strong{font-size:15px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item p{font-size:14px;}
  .black-jack-htw-sec .player-options-card .htw-process-card-list-item{margin-bottom:10px;}
  .black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{flex-direction:column;}
  .black-jack-htw-sec .winning-scenarios-wrap{padding-bottom:0px;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-card-body{background:url('../images/black-jack/htw-card-bg-4-mob.webp') no-repeat center center; background-size:100% 100%; min-height:570px; flex-direction:column; padding:0px 25px; gap:0px;}
  .black-jack-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap .col{max-width:100%; flex:inherit;}
  .black-jack-htw-sec .winning-scenarios-wrap .theme-head-block{padding:15px 0px 10px;}
  .black-jack-htw-sec .winning-scenarios-wrap .col-left .theme-head-text{max-width:100%;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-theme-block{display:flex; align-items:center; justify-content:center;}
  .black-jack-htw-sec .winning-scenarios-wrap .htw-process-theme-block .htw-process-theme{max-width:310px;}
  .black-jack-htw-sec .how-to-work-process-sec-ten .htw-process-wrap{padding-top:0px;}

  .black-jack-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg-mob) no-repeat center center; background-size:cover; padding:40px 0px;}
  .black-jack-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 80px); min-width:calc(100vw - 80px); margin:0px;}
  .black-jack-game-expectation-sec .game-expectation-card-body{padding:15px 10px 18px 22px;}
  .black-jack-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .black-jack-game-expectation-sec .game-expect-icon-block{margin:0px 0px 15px;}
  .black-jack-game-expectation-sec .game-expect-card-fig{max-width:95px;}
  .black-jack-game .owl-carousel .owl-dot span{background:#000; border:none;}
  .black-jack-game .owl-carousel .owl-dot.active span{background:#fff;}

  .black-jack-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg-mob) no-repeat center center; background-size:cover; padding:40px 0px;}
  .black-jack-game-summary-sec .game-summary-text{font-size:19px;}
  .black-jack-game-summary-sec .game-summary-btn-bar{padding-top:30px;}

  .black-jack-faq-sec .accordion-card{border-radius:5px; border:1px solid #ca2424;}
  .black-jack-faq-sec .accordion-head{padding:10px 10px;}
  .black-jack-faq-sec .accordion-title, .black-jack-faq-sec .answer-label, .black-jack-faq-sec .accordion-text{font-size:12px;}
  .black-jack-faq-sec .accordion-cont-bar{padding:10px 0px;}
  .black-jack-faq-sec .accordion-body{padding:0px 10px; border-radius:0 0 3px 3px;}
}

@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .black-jack-about-us-sec .about-us-text{font-size:12px;}
}
@media(max-width:360px) {
  .black-jack-about-us-sec .about-us-text{font-size:11px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Black Jack Game CSS End // ***************************** */



/* ***************************** // Flip Game CSS Start // ***************************** */
.flip-game {
/*Colors*/
--clr-base:#023799;
--clr-base-light:#ffce3b;
--clr-dark:#6f3400;
--clr-action:#000;
--clr-action-alt:#023ca5;

/*Background Colors*/
--bg-body:#fff;
--bg-primary:#023ca5;
--bg-action:#023ca5;

/*Border Colors*/
--bdr1:#023ca5;
  
/*Fonts*/
--font-base:"Helvetica", sans-serif;
--font-head:"KTF-Roadbrush V2";
--font-head2:"Poppins", sans-serif;
--font-num:'Caveat Brush', cursive;
--font-btn:"KTF-Roadbrush V2";

/*Btn Shadow*/
--shadow-text:2px 2px 0 #a3dc02, 2px -2px 0 #a3dc02, -2px 2px 0 #a3dc02, -2px -2px 0 #a3dc02, 2px 0 0 #a3dc02, 0 2px 0 #a3dc02, -2px 0 0 #a3dc02;

/* Text Shadow */
--text-shadow:2px 2px 0 #fff44b, 2px -2px 0 #fff44b, -2px 2px 0 #fff44b, -2px -2px 0 #fff44b, 2px 0 0 #fff44b, 0 2px 0 #fff44b, -2px 0 0 #fff44b;
--text-shadow2:2px 2px 0 #ffd987, 2px -2px 0 #ffd987, -2px 2px 0 #ffd987, -2px -2px 0 #ffd987, 2px 0 0 #ffd987, 0 2px 0 #ffd987, -2px 0 0 #ffd987;
}

.flip-game .nav-item-label{font-family:var(--font-head2);}

.flip-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; max-width:410px; position:relative;}
.flip-game .btn-bg img{filter:inherit;}
.flip-game .base-btn .btn-text{font-size:48px; color:#487602; text-shadow:var(--shadow-text); font-family:var(--font-btn); font-weight:normal; padding-bottom:12px;}
.flip-game .base-btn:before{content:""; position:absolute; z-index:1; top:2.2vmin; bottom:2.2vmin; left:2.2vmin; right:2.2vmin; float:left; background-image:url("../images/flip/button_bg.webp"), url("../images/flip/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.flip-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.flip-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:0px 0px;}
.flip-game .banner-sec-outer{background:transparent; padding:0px;}
.flip-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.flip-game .banner-logo .game-logo-fig{max-width:26.4%; margin:10px 0px 40px;}
.flip-game .banner-logo .game-logo-fig img{filter:drop-shadow(29px 29px 34px rgba(0, 0, 0, 0.6));}

.flip-game .banner-sec-video{background:transparent;}
.flip-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.flip-game .video-block{max-width:57.5%; position:relative; margin-bottom:-6.9%; overflow:inherit;}
.flip-game .video-iframe{padding-bottom:56.8%; border-radius:38px; box-shadow:0px 14px 18px rgba(0, 0, 0, 0.67); background:linear-gradient(to top, rgba(254,227,89,1) 0%,rgba(252,160,24,1) 97%);}
.flip-game .video-poster, .flip-game .client-video{top:8px; bottom:auto; left:8px; right:8px; height:calc(100% - 16px); width:calc(100% - 16px); border-radius:30px;}
.flip-game .video-frame img{filter:drop-shadow(0px 5px 55px rgba(0, 31, 81, 0.7));}

.flip-game .sec-head{margin-bottom:10px; text-align:center;}
.flip-game .sec-main-title{font-family:var(--font-head); font-size:60px; text-transform:uppercase; text-align:center; color:var(--clr-base);}
.flip-game .sec-main-title.about-sec-main-title{color:var(--clr-dark); text-shadow:var(--text-shadow);}
.flip-about-us-sec .about-us-sec-outer{background:linear-gradient(to top, rgba(219,114,17,1) 0%,rgba(249,156,37,1) 20%,rgba(255,244,75,1) 100%); padding:200px 0px 90px;}
.flip-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.flip-about-us-sec .about-us-text{float:left; width:100%; max-width:1326px; text-align:center; font-size:30px; line-height:1.4em; color:var(--clr-dark); margin:0px auto 30px;}
.flip-about-us-sec .about-us-btn-bar{margin:10px auto 0;}

/* How to Work CSS Start */
.flip-htw-sec{padding:40px 0px 40px;}
.flip-htw-sec .htw-sec-head{margin-bottom:0px;}
.flip-htw-sec .htw-process-wrap .col-left{max-width:50.8%;}
.flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-right:5.6%;}
.flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right{padding-left:5.6%;}
.flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{flex-direction:row-reverse;}
.flip-htw-sec .htw-process-theme:after{display:none;}
.flip-htw-sec .htw-process-theme{border-radius:0px; filter:inherit;}
.flip-htw-sec .htw-process-card:before, .flip-htw-sec .htw-process-card:after{display:none;}
.flip-htw-sec .htw-process-card-outer:before, .flip-htw-sec .htw-process-card-outer:after{display:none;}
.flip-htw-sec .htw-process-card-outer{background:linear-gradient(to top, rgba(254,227,89,1) 0%,rgba(252,160,24,1) 97%); padding:6px; border-radius:40px;}
.flip-htw-sec .htw-process-card-cont{background:#023ca5; padding:0px; border-radius:34px; box-shadow:0px 30px 86px rgba(0, 10, 29, 1.0) inset;}
.flip-htw-sec .htw-process-card-body{background:transparent; padding:36px 40px; min-height:332px; display:flex; flex-wrap:wrap; align-items:center;}
.flip-htw-sec .htw-process-card-title-bar{text-align:center; position:absolute; top:-46px; left:0; right:0; background:url('../images/flip/htw-card-top-bg.webp') no-repeat center center; background-size:auto 93px; min-height:93px; display:flex; align-items:center; justify-content:center;}
.flip-htw-sec .htw-process-card-title{color:var(--clr-dark); font-weight:normal; font-size:44px; text-shadow:var(--text-shadow2);}
.flip-htw-sec .htw-process-card-list{margin-top:0px;}
.flip-htw-sec .htw-process-card-list-item, .flip-htw-sec .htw-process-card-list-label{font-size:28px; text-align:center;}
.flip-htw-sec .htw-process-wrap{padding:50px 0px;}
.flip-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.flip-htw-sec .htw-process-card-list-block{margin:0 auto;}

.flip-htw-sec .theme-head-block{background:transparent; border-radius:0px; min-height:auto; padding:60px 0px 20px;}
.flip-htw-sec .theme-head-block:after{display:none;}
.flip-htw-sec .theme-head-text{font-size:28px; line-height:1.5em;}
.flip-htw-sec .htw-process-theme-block{display:flex; justify-content:center; margin-top:0px;}
.flip-htw-sec .htw-process-theme{max-width:1183px;}
.flip-htw-sec .col-two .theme-head-block{padding:40px 0px 0px;}
.flip-htw-sec .col-two .htw-process-theme-block{gap:0px 166px;}
.flip-htw-sec .htw-process-theme-block .col{max-width:289px; padding:0px !important; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.htw-process-theme-label{float:left; width:100%; font-size:38px; color:#ffdf48; font-family:var(--font-head); text-transform:uppercase; text-align:center; margin:0px 0px 8px;}
.htw-process-theme-label .num{font-family:var(--font-num);}
.progression-card .htw-process-theme-block{padding:0px 7%; justify-content:space-between;}
.flip-htw-sec .progression-card .htw-process-theme-block .col-right{max-width:339px;}
.flip-htw-sec .progression-card .htw-process-theme{max-width:253px;}
.flip-htw-sec .progression-card .col-right .htw-process-theme{max-width:339px;}
.flip-htw-sec .progression-card .col-two .htw-process-theme-block{gap:0px 90px; justify-content:center;}
.flip-htw-sec .progression-card .col-two .htw-process-theme-block .col{max-width:334px;}
.flip-htw-sec .progression-card .col-two .htw-process-theme-block .htw-process-theme{max-width:100%;}
.flip-htw-sec .progression-card .col-two .theme-head-block{padding:40px 0px 20px;}
.flip-htw-sec .gameplay-card .htw-process-card-body, .flip-htw-sec .progression-card .htw-process-card-body{padding:36px 40px 60px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.flip-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center center; background-size:cover; padding:80px 0px 90px;}
.flip-game-expectation-sec .sec-main-title{color:#fff;}
.flip-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.flip-game-expectation-sec .game-expectation-item{margin-top:30px; max-width:calc((100% / 3) - ((30px * 3) / 3));}
.flip-game-expectation-sec .game-expectation-card-outer{margin-top:0px; padding:6px; background:linear-gradient(to top, rgba(254,227,89,1) 0%,rgba(252,160,24,1) 97%); border-radius:40px;}
.flip-game-expectation-sec .game-expectation-card-body{background:#023ca5; border-radius:34px; box-shadow:0px 30px 86px rgba(0, 10, 29, 1.0) inset; padding:30px 30px 40px;}
.flip-game-expectation-sec .game-expect-icon-block{top:0px; margin:0px 0px 32px; justify-content:flex-start;}
.flip-game-expectation-sec .game-expect-card-fig{max-width:136px;}
.flip-game-expectation-sec .game-expect-card-title{color:var(--clr-base-light); font-family:var(--font-head); text-transform:uppercase; font-size:40px; text-align:left; margin-bottom:15px;}
.flip-game-expectation-sec .game-expect-details-item{color:#fff; font-size:20px; padding-left:30px;}
.flip-game-expectation-sec .game-expect-details-item:before{content:"\e918"; font-family: 'isg-icons'; width:auto; height:auto; top:4px; left:0px; background:transparent;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.flip-game-summary-sec .game-summary-sec-outer{background:#dae7ff; padding:100px 0px;}
.flip-game-summary-sec .game-summary-text{font-size:40px; color:#2e0d5c; text-transform:uppercase; max-width:100%;}
.flip-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
.flip-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.flip-faq-sec .faq-sec-outer{padding:90px 0px 40px;}
.flip-faq-sec .sec-head{margin-bottom:40px;}
.flip-faq-sec .accordion-item{margin-bottom:20px;}
.flip-faq-sec .accordion-card{border-radius:20px; background:linear-gradient(to top, rgba(254,227,89,1) 0%,rgba(252,160,24,1) 97%); padding:2px; border:none;}
.flip-faq-sec .accordion-head{padding:20px 20px 20px 40px; background:#023799; box-shadow:0px 10px 66px rgba(0, 10, 29, 1.0) inset; border-radius:18px;}
.flip-faq-sec .is-open .accordion-head{border-radius:18px 18px 0 0;}
.flip-faq-sec .accordion-body{background:#eef5ff; border-radius:0 0 18px 18px; padding-right:12px;}
.flip-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:600; color:#fff; text-transform:uppercase;}
.flip-faq-sec .answer-label, .flip-faq-sec .accordion-text{font-size:30px; color:#002b7b;}
.flip-faq-sec .accordion-text{flex:1;}
.flip-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.flip-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.flip-faq-sec .accordion-icon{background:transparent;}
.flip-faq-sec .accordion-icon .icon{max-width:36px; transition:all 0.3s ease 0s; top:4px; position:relative;}
.flip-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg); top:0px;}
/*FAQ CSS End */

.flip-game .footer{background:#031235;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .flip-game .banner-logo .game-logo-fig{margin:10px 0px 30px;}
  .flip-game .video-block{max-width:68%;}

  .flip-about-us-sec .about-us-sec-outer{padding:150px 0px 80px;}
  .flip-game .sec-main-title{font-size:56px;}
  .flip-about-us-sec .about-us-text{font-size:26px;}
  .flip-game .base-btn{max-width:386px;}
  .flip-game .base-btn .btn-text{font-size:40px;}

  .flip-htw-sec .htw-process-card-body{min-height:232px; padding:60px 30px 20px;}
  .flip-htw-sec .htw-process-card-list-item, .flip-htw-sec .htw-process-card-list-label{font-size:24px;}
  .flip-htw-sec .htw-process-card-title-bar{top:-41px; background-size:auto 83px; min-height:83px;}
  .flip-htw-sec .htw-process-card-title{font-size:40px;}
  .flip-htw-sec .theme-head-text{font-size:24px;}
  .flip-htw-sec .theme-head-block{padding:40px 0px 20px;}
  .htw-process-theme-label{font-size:32px;}
  .progression-card .htw-process-theme-block{padding:0px 4%;}
  .flip-htw-sec .htw-process-wrap{padding:40px 0px;}

  .flip-game-expectation-sec .game-expectation-sec-outer{padding:50px 0px 60px;}
  .flip-game-expectation-sec .game-expectation-item{margin-top:30px;}
  .flip-game-expectation-sec .game-expectation-list{gap:0px 20px;}
  .flip-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - ((20px * 3) / 3));}
  .flip-game-expectation-sec .game-expect-card-title{font-size:34px;}
  .flip-game-expectation-sec .game-expect-details-item{font-size:18px;}

  .flip-game-summary-sec .game-summary-sec-outer{padding:70px 0px;}
  .flip-game-summary-sec .game-summary-text{font-size:32px;}
  .flip-game-summary-sec .game-summary-btn-bar{padding-top:50px;}

  .flip-faq-sec .faq-sec-outer{padding:70px 0px 30px;}
  .flip-faq-sec .accordion-head{padding:15px 20px 15px 40px;}
  .flip-faq-sec .accordion-title, .flip-faq-sec .answer-label, .flip-faq-sec .accordion-text{font-size:26px;}
  .flip-faq-sec .accordion-cont-bar{min-height:90px;}
}

@media(max-width:1280px) {
  .flip-game .video-iframe{box-shadow:0px 10px 14px rgba(0, 0, 0, 0.6);}

  .flip-about-us-sec .about-us-sec-outer{padding:120px 0px 60px;}
  .flip-game .sec-main-title{font-size:48px;}
  .flip-about-us-sec .about-us-text{font-size:23px;}
  .flip-game .base-btn{max-width:316px;}
  .flip-game .base-btn .btn-text{font-size:34px;}

  .flip-htw-sec .htw-process-wrap{padding:30px 0px;}
  .flip-htw-sec .htw-process-card-title-bar{top:-36px; background-size:auto 72px; min-height:72px;}
  .flip-htw-sec .col-two .htw-process-theme-block{gap:0px 126px;}
  .flip-htw-sec .htw-process-theme-block .col{max-width:239px;}
  .htw-process-theme-label{font-size:28px;}
  .flip-htw-sec .gameplay-card .htw-process-card-body, .flip-htw-sec .progression-card .htw-process-card-body{padding:20px 40px 40px;}
  .progression-card .htw-process-theme-block{padding:0px 0px;}
  .flip-htw-sec .progression-card .col-right .htw-process-theme{max-width:269px;}
  .flip-htw-sec .progression-card .htw-process-theme{max-width:203px;}
  .flip-htw-sec .theme-head-text{font-size:20px;}
  .flip-htw-sec .htw-process-card-list-item, .flip-htw-sec .htw-process-card-list-label{font-size:20px;}
  .flip-htw-sec .progression-card .col-two .htw-process-theme-block .col{max-width:244px;}

  .flip-game-expectation-sec .game-expectation-sec-outer{padding:40px 0px 50px;}
  .flip-game-expectation-sec .game-expectation-card-outer{border-radius:30px;}
  .flip-game-expectation-sec .game-expectation-card-body{border-radius:26px;}
  .flip-game-expectation-sec .game-expectation-card-body{padding:20px 20px 30px;}
  .flip-game-expectation-sec .game-expect-card-title{font-size:28px;}
  .flip-game-expectation-sec .game-expect-details-item{font-size:16px;}

  .flip-game-summary-sec .game-summary-sec-outer{padding:60px 0px;}
  .flip-game-summary-sec .game-summary-btn-bar{padding-top:30px;}
  .flip-game-summary-sec .game-summary-text{font-size:28px;}

  .flip-faq-sec .faq-sec-outer{padding:50px 0px 30px;}
  .flip-faq-sec .sec-head{margin-bottom:20px;}
  .flip-faq-sec .accordion-head{padding:12px 10px 12px 30px;}
  .flip-faq-sec .accordion-title, .flip-faq-sec .answer-label, .flip-faq-sec .accordion-text{font-size:22px;}
  .flip-faq-sec .accordion-cont-bar{min-height:70px;}
  .flip-faq-sec .accordion-icon .icon{max-width:30px;}
  .flip-faq-sec .accordion-item{margin-bottom:12px;}
}

@media(max-width:1023px) {
  .flip-game .banner-logo .game-logo-fig{max-width:36.4%;}
  .flip-game .video-iframe{border-radius:32px;}
  .flip-game .video-poster, .flip-game .client-video{border-radius:26px; top:6px; bottom:6px; left:6px; right:6px; height:calc(100% - 12px); width:calc(100% - 12px);}
  .flip-game .video-block{max-width:74%; margin-bottom:-11%;}

  .flip-about-us-sec .about-us-sec-outer{padding:120px 0px 40px;}
  .flip-game .sec-main-title{font-size:40px;}
  .flip-about-us-sec .about-us-text{font-size:20px;}
  .flip-game .base-btn{max-width:276px;}
  .flip-game .base-btn .btn-text{font-size:30px;}

  .flip-htw-sec .htw-process-card-title{font-size:32px;}
  .flip-htw-sec .htw-process-card-title-bar{top:-30px; background-size:auto 60px; min-height:60px;}
  .flip-htw-sec .htw-process-card-outer{border-radius:20px;}
  .flip-htw-sec .htw-process-card-cont{border-radius:14px;}
  .flip-htw-sec .htw-process-card-body{min-height:200px; padding:30px 20px 12px;}
  .htw-process-theme-label{font-size:24px; margin-bottom:0px;}
  .flip-htw-sec .gameplay-card .htw-process-card-body, .flip-htw-sec .progression-card .htw-process-card-body{padding:20px 30px 40px;}
  .flip-htw-sec .col-two .htw-process-theme-block{gap:0px 76px;}
  .progression-card .htw-process-theme-block{padding:0px 0px;}
  .flip-htw-sec .progression-card .col-right .htw-process-theme{max-width:269px;}
  .flip-htw-sec .progression-card .htw-process-theme{max-width:154px;}
  .flip-htw-sec .theme-head-text{font-size:18px;}
  .flip-htw-sec .htw-process-card-list-item, .flip-htw-sec .htw-process-card-list-label{font-size:17px;}
  .flip-htw-sec .progression-card .col-two .htw-process-theme-block .col{max-width:204px;}
  .flip-htw-sec .theme-head-block{padding:20px 0px 10px;}
  .flip-htw-sec .col-two .theme-head-block{padding:20px 0px 0px;}
  .flip-htw-sec .progression-card .col-two .htw-process-theme-block{gap:0px 60px;}

  .flip-game-expectation-sec .game-expectation-sec-outer{padding:30px 0px;}
  .flip-game-expectation-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .flip-game-expectation-sec .game-expect-details-item{padding-left:24px;}
  .flip-game-expectation-sec .game-expect-details-item:before{font-size:18px;}
  .flip-game-expectation-sec .game-expect-card-title{font-size:24px; min-height:58px;}
  .flip-game-expectation-sec .game-expectation-list .owl-stage{display:flex;}
  .flip-game-expectation-sec .game-expectation-list .owl-item{margin:10px 0px 20px;}
  .flip-game .owl-carousel .owl-dot{margin:0px 4px;}
  .flip-game .owl-carousel .owl-dot span{background:#fff; border:none;}
  .flip-game .owl-carousel .owl-dot.active span{background:#f59c1a;}

  .flip-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .flip-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
  .flip-game-summary-sec .game-summary-text{font-size:22px;}

  .flip-faq-sec .faq-sec-outer{padding:40px 0px 20px;}
  .flip-faq-sec .sec-head{margin-bottom:15px;}
  .flip-faq-sec .accordion-title, .flip-faq-sec .answer-label, .flip-faq-sec .accordion-text{font-size:20px;}
  .flip-faq-sec .accordion-icon .icon{max-width:24px;}
  .flip-faq-sec .accordion-item{margin-bottom:10px;}  
}

@media(max-width:767px) {
  .flip-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #a3dc02, 1px -1px 0 #a3dc02, -1px 1px 0 #a3dc02, -1px -1px 0 #a3dc02, 1px 0 0 #a3dc02, 0 1px 0 #a3dc02, -1px 0 0 #a3dc02;

  /* Text Shadow */
  --text-shadow:1px 1px 0 #fff44b, 1px -1px 0 #fff44b, -1px 1px 0 #fff44b, -1px -1px 0 #fff44b, 1px 0 0 #fff44b, 0 1px 0 #fff44b, -1px 0 0 #fff44b;
  --text-shadow2:1px 1px 0 #ffd987, 1px -1px 0 #ffd987, -1px 1px 0 #ffd987, -1px -1px 0 #ffd987, 1px 0 0 #ffd987, 0 1px 0 #ffd987, -1px 0 0 #ffd987;
  }

  .flip-game .nav-item-label, .flip-game .menu-back-icon, .flip-game .close-menu-label{color:var(--clr-action-alt);}

  .flip-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .flip-game .banner-logo .game-logo-fig{max-width:38.4%; margin:6px 0px 10px;}
  .flip-game .video-poster, .flip-game .client-video{top: 4px;bottom: 4px;left: 4px;right: 4px;height: calc(100% - 8px);width: calc(100% - 8px); border-radius:16px;}
  .flip-game .video-block{max-width:90%; margin-bottom:-15%;}
  .flip-game .video-iframe{border-radius:20px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);}

  .flip-about-us-sec .about-us-sec-outer{padding:100px 0px 40px;}
  .flip-game .sec-main-title{font-size:24px;}
  .flip-about-us-sec .about-us-text{font-size:16px; line-height:1.25em; margin:0px auto 10px;}
  .flip-game .base-btn{max-width:194px;}
  .flip-game .base-btn .btn-text{font-size:21px; padding-bottom:5px;}

  .flip-htw-sec .htw-process-wrap{padding:20px 0px 0px;}
  .flip-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px;}
  .flip-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px;}
  .flip-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap .col-right{padding:0px;}
  .flip-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding:0px;}
  .flip-htw-sec .htw-process-card{margin-top:40px;}
  .flip-htw-sec .htw-process-card-title{font-size:22px;}
  .flip-htw-sec .htw-process-card-title-bar{top:-25px; background-size:auto 50px; min-height:50px;}
  .flip-htw-sec .htw-process-card-body{min-height:150px; padding:34px 10px 12px;}
  .flip-htw-sec .htw-process-card-outer{border-radius:10px; padding:4px;}
  .flip-htw-sec .htw-process-card-cont{border-radius:7px;}
  .flip-htw-sec .htw-process-card-list-item, .flip-htw-sec .htw-process-card-list-label{font-size:16px;}
  .flip-htw-sec .theme-head-text{font-size:16px; line-height:1.2em;}
  .flip-htw-sec .theme-head-text br{display:none;}
  .flip-htw-sec .gameplay-card .htw-process-card-body, .flip-htw-sec .progression-card .htw-process-card-body{padding:30px 10px 30px;}
  .htw-process-theme-label{font-size:18px;}
  .flip-htw-sec .col-two .theme-head-block{padding:20px 0px 10px;}
  .flip-htw-sec .col-two .htw-process-theme-block{gap:0px 66px;}
  .flip-htw-sec .htw-process-theme-block .col{max-width:117px;}
  .flip-htw-sec .progression-card .htw-process-theme{max-width:78px;}
  .flip-htw-sec .progression-card .htw-process-theme-block .col{max-width:78px;}
  .flip-htw-sec .progression-card .htw-process-theme-block .col-right{max-width:104px;}
  .flip-htw-sec .progression-card .col-right .htw-process-theme{max-width:104px;}
  .flip-htw-sec .progression-card .col-two .theme-head-block{padding:25px 0px 10px;}
  .flip-htw-sec .progression-card .col-two .htw-process-theme-block{gap:0px 30px;}
  .flip-htw-sec .progression-card .col-two .htw-process-theme-block .col{max-width:124px;}
  .flip-htw-sec .htw-process-card-list-item:last-child{margin-bottom:0px;}
  .flip-htw-sec .how-to-work-process-sec-four .htw-process-wrap, .flip-htw-sec .how-to-work-process-sec-five .htw-process-wrap{padding:30px 0px 0px;}

  .flip-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg-mob) no-repeat center center; background-size:cover; padding:30px 0px 40px;}
  .flip-game-expectation-sec .game-expectation-item{max-width:calc(100vw - 80px); min-width:calc(100vw - 80px);}
  .flip-game-expectation-sec .game-expectation-card-outer{border-radius:20px; padding:4px; margin:0px;}
  .flip-game-expectation-sec .game-expectation-card-body{border-radius:16px;}
  .flip-game-expectation-sec .game-expect-card-title{font-size:22px;}

  .flip-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .flip-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
  .flip-game-summary-sec .game-summary-text{font-size:21px;}

  .flip-faq-sec .faq-sec-outer{padding:30px 0px 10px;}
  .flip-faq-sec .faq-block{padding:0px;}
  .flip-faq-sec .accordion-head{padding:12px 10px 12px 10px; border-radius:9px;}
  .flip-faq-sec .is-open .accordion-head{border-radius:9px 9px 0 0;}
  .flip-faq-sec .accordion-title, .flip-faq-sec .answer-label, .flip-faq-sec .accordion-text{font-size:14px;}
  .flip-faq-sec .accordion-card{border-radius:10px; padding:1px;}
  .flip-faq-sec .accordion-cont-bar{min-height:60px; padding:10px 0px;}
  .flip-faq-sec .accordion-icon .icon{max-width:18px;}
  .flip-faq-sec .accordion-item{margin-bottom:10px;}
  .flip-faq-sec .accordion-body{padding:0 0px 0 10px; border-radius:0 0 9px 9px;}
}
@media(max-width:374px) {
  .flip-game-expectation-sec .game-expectation-card-body{padding:20px 10px 30px;}
  .flip-game-expectation-sec .game-expect-details-item{font-size:15px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Flip Game CSS End // ***************************** */



/* ***************************** // Solitaire Game CSS Start // ***************************** */
.solitaire-game {
/*Colors*/
--clr-base:#000;
--clr-base-light:#fff496;
--clr-dark:#2a2368;
--clr-action:#3472ea;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#f5f4ff;
--bg-base:#0483ca;
--bg-primary:#3472ea;
--bg-action:#3472ea;

/*Border Colors*/
--bdr1:#3472ea;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Roboto', sans-serif;
--font-btn:"Oswald", sans-serif;

/* Text Shadow */
--text-shadow:1px 1px 0 #480505, 1px -1px 0 #480505, -1px 1px 0 #480505, -1px -1px 0 #480505, 1px 0 0 #480505, 0 1px 0 #480505, -1px 0 0 #480505
}

.solitaire-game .nav-item-label{border-radius:4px;}

.solitaire-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; max-width:386px; border-radius:8px; padding:2px; position:relative; background:linear-gradient(to bottom, rgba(212,247,255,1) 0%,rgba(84,218,255,1) 42%,rgba(89,220,255,1) 77%,rgba(114,152,255,1) 100%);}
.solitaire-game .base-btn .btn-inner{background:linear-gradient(to bottom, rgba(0,174,255,1) 0%,rgba(11,70,128,1) 94%,rgba(17,81,144,1) 100%); box-shadow:0 0.2vmin 1.2vmin rgba(5, 19, 47, 1.0) inset; border-radius:6px; display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:15px  10px;}
.solitaire-game .base-btn .btn-text{font-size:40px; color:#fff; position:unset; font-family:var(--font-btn);}

.solitaire-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding:0px 0px 70px;}
.solitaire-game .banner-sec-outer{background:transparent; padding:0px;}
.solitaire-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.solitaire-game .banner-logo .game-logo-fig{max-width:35%; margin:10px 0px;}
.solitaire-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 30px 30px rgba(0, 216, 255, 1.0));}

.solitaire-game .banner-sec-video{background:transparent;}
.solitaire-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.solitaire-game .video-block{max-width:1201px; overflow:inherit;}
.solitaire-game .video-poster, .solitaire-game .client-video{top:10px; bottom:auto; left:76px; right:76px; height:calc(100% - 50px); width:calc(100% - 152px); border-radius:24px;}

.solitaire-game .sec-main-title{font-family:var(--font-head); font-size:44px; letter-spacing:0.03em; font-weight:700; text-transform:uppercase; text-align:center; color:var(--clr-base-light); padding:10px 0px; display:inline-block;}
.sec-head .title-icon{display:flex; width:40%; max-width:568px; margin:0 auto; align-items:center; justify-content:center; position:relative;}
.sec-head .title-icon:before, .sec-head .title-icon:after{content:""; position:absolute; left:0; bottom:1px; background:#dfd57f; height:2px; width:100%; max-width:calc(50% - 68px);}
.sec-head .title-icon:after{right:0; left:auto;}
.sec-head .title-icon.title-fig-bottom:after, .sec-head .title-icon.title-fig-bottom:before{top:1px; bottom:auto;}
.sec-head.about-sec-head .title-icon{max-width:400px; width:28%;}
.solitaire-about-us-sec .sec-head{margin:32px 0px 26px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.solitaire-about-us-sec .about-us-text-block{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center;}
.solitaire-about-us-sec .about-us-text{float:left; width:100%; text-align:center; font-size:34px; line-height:1.4em; color:#fff; margin:0px auto 30px;}
.solitaire-about-us-sec .about-us-btn-bar{margin:20px auto 0;}

/* How to Work CSS Start */
.solitaire-htw-sec{background:#0a3f76; position:relative;}
.solitaire-htw-sec:before{content:""; position:absolute; top:0; right:0; background:url('../images/solitaire/htw-sec-bg-top.webp') no-repeat top right; background-size:auto; width:100%; height:100%; pointer-events:none;}
.solitaire-htw-sec .htw-sec-head{position:relative; margin:28px 0px 34px;}
.solitaire-htw-sec .htw-process-wrap .col-left{max-width:51.8%; margin-left:-2.8%;}
.solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{margin:166px 0;}
.solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-left{margin-right:-2.8%; margin-left:0;}
.solitaire-htw-sec .htw-process-theme:after, .solitaire-htw-sec .htw-options-theme-row .htw-process-theme:after{display:inline-block; filter:inherit; height:8px; bottom:-8px; opacity:0.4; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); left:-100px; right:-100px; width:calc(100% + 200px); border-radius:40%;}
.solitaire-htw-sec .htw-process-card:before, .solitaire-htw-sec .htw-process-card:after, 
.solitaire-htw-sec .htw-process-card-outer:before, .solitaire-htw-sec .htw-process-card-outer:after{display:none;}
.solitaire-htw-sec .htw-process-card-outer, .solitaire-htw-sec .htw-process-card-cont{border-radius:0px; background:transparent; padding:0px;}
.solitaire-htw-sec .htw-process-card-title-bar{display:flex; align-items:center;}
.solitaire-htw-sec .htw-process-card-title{font-size:72px; font-weight:900;}
.htw-process-num{display:flex; align-items:center; justify-content:center; position:relative; margin-right:10px;}
.htw-process-num .num{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:60px; font-weight:900; color:#fccd35; background:linear-gradient(to bottom, #ffefc7 0%, #fffd9c 33%, #ffec5a 52%, #ffbc00 57%, #fccd35 62%, #eed930 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.num-fig-bg{float:left; width:100%; max-width:128px; min-width:128px;}
.num-fig-bg img{float:left; width:100%; filter:drop-shadow(0px 5px 5px rgba(4, 28, 52, 1.0));}
.solitaire-htw-sec .htw-process-card-body{min-height:auto; background:transparent; padding:0px 0px 0px 170px;}
.solitaire-htw-sec .htw-process-card-list{padding-left:0px;}
.solitaire-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.solitaire-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff; border-radius:100%; height:6px; width:6px; top:12px;}
.solitaire-htw-sec .htw-process-card-list-item, .solitaire-htw-sec .htw-process-card-list-label{font-size:26px;}

.solitaire-htw-sec .how-to-work-process-sec-two .htw-process-wrap{flex-direction:row-reverse;}
.solitaire-htw-sec .how-to-work-process-sec-two .htw-process-wrap .col-right{margin-right:-2.8%;}
.solitaire-htw-sec .card-movement-card .htw-process-card-list{margin:0px; padding-right:34px;}
.solitaire-htw-sec .htw-process-wrap .col-full{max-width:51.8%; margin-left:-2.8%; margin-right:auto; margin-top:50px;}

.solitaire-htw-sec .how-to-work-process-sec-three .htw-process-wrap{flex-direction:row-reverse;}
.solitaire-htw-sec .how-to-work-process-sec-three .htw-process-wrap .col-left{margin-left:0; margin-right:-2.8%;}
.solitaire-htw-sec .how-to-work-process-sec-three .col-full{margin-top:150px;}
.solitaire-htw-sec .new-tableau-card .htw-process-card-list{margin:0px;}

.solitaire-htw-sec .how-to-work-process-sec-four .htw-process-wrap{flex-direction:row-reverse;}
.solitaire-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{margin-right:-2.8%;}
.solitaire-htw-sec .move-card .htw-process-card-list{margin:0px; padding-right:44px;}
.solitaire-htw-sec .how-to-work-process-sec-four .col-full{margin-top:150px;}

.solitaire-htw-sec .how-to-work-process-sec-five{position:relative; padding-bottom:100px;}
.solitaire-htw-sec .how-to-work-process-sec-five:before{content:""; position:absolute; bottom:0; right:0; background:url('../images/solitaire/htw-sec-bg-bottom.webp') no-repeat bottom right; background-size:100% auto; width:100%; height:100%; pointer-events:none;}
.solitaire-htw-sec .stockpile-card .htw-process-card-title-bar{justify-content:center; flex-wrap:wrap; flex-direction:column;}
.solitaire-htw-sec .stockpile-card .num-pre-label{margin:0px auto 20px;}
.solitaire-htw-sec .stockpile-card .htw-process-card-body{padding-left:0px;}
.solitaire-htw-sec .stockpile-card .htw-process-card-list{display:flex; justify-content:center; margin:10px 0px 130px;}
.solitaire-htw-sec .stockpile-card .htw-process-card-list-item{text-align:center; max-width:820px;}
.solitaire-htw-sec .htw-process-theme-cont{float:left; width:100%; max-width:1066px; padding:0 146px; margin-bottom:80px; position:relative;}
.solitaire-htw-sec .htw-process-theme-arrow{top:calc(100% - 54%);}
.solitaire-htw-sec .htw-process-theme-arrow.left-arrow{left:0;}
.solitaire-htw-sec .htw-process-theme-arrow.right-arrow{right:0;}
.solitaire-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-full{max-width:100%; margin:0 auto;}
.solitaire-htw-sec .htw-process-wrap .htw-options-theme-row{gap:0px; justify-content:space-between;}
.solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-left{max-width:51.2%; margin-left:-2.8%;}
.solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-right{max-width:51.2%; margin-right:-2.8%;}
.solitaire-htw-sec .how-to-work-process-sec-six{background:#fff;}
.solitaire-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{margin:56px 0 226px;}
.solitaire-htw-sec .how-to-work-process-sec-six .htw-process-wrap .col-full{max-width:100%; margin:0 auto; position:relative;}
.solitaire-htw-sec .game-elements-card .htw-process-card-title-bar{justify-content:center; flex-wrap:wrap; flex-direction:column;}
.solitaire-htw-sec .game-elements-card .htw-process-card-title{color:#0a3f76; margin:30px 0 150px;}
.solitaire-htw-sec .game-elements-card .htw-process-num{margin:0 auto;}
.solitaire-htw-sec .how-to-work-process-sec-six .htw-process-theme-cont{max-width:1130px; padding:0px;}

.solitaire-htw-sec .htw-options-cont-row{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.game-elements-cont-card{position:absolute; display:flex; align-items:self-start;}
.game-elements-cont-card.score-card{left:10%; margin-top:-11%;}
.score-card .game-elements-theme-arrow{padding-top:7%; margin-right:10px;}

.game-elements-cont-card-inner{background:#316bde; float:left; width:100%; max-width:460px; min-height:116px; display:flex; flex-wrap:wrap; align-content:center; padding:10px 10px; position:relative; margin:0px 10px;}
.game-elements-cont-card-inner:before{content:""; position:absolute; left:-10px; top:0; background:url('../images/solitaire/card-corner-left.svg') no-repeat top left; width:12px; height:100%; z-index:-1;}
.game-elements-cont-card-inner:after{content:""; position:absolute; right:-10px; top:0; background:url('../images/solitaire/card-corner-right.svg') no-repeat top right; width:12px; height:100%; z-index:-1;}
.game-elements-cont-card-title{float:left; width:100%; font-size:30px; font-weight:700; color:#fff; text-transform:uppercase;}
.game-elements-cont-card-text{float:left; width:100%; font-size:23px; color:#fff;}

.game-elements-cont-card.pause-button-card{left:-16%; margin-top:9%; flex-direction:column;}
.pause-button-card .game-elements-theme-arrow{padding-left:20%; margin-bottom:-5%; z-index:1;}

.game-elements-cont-card.moves-timer-card{right:-15%; margin-top:8%; align-items:flex-end;}
.moves-timer-card .game-elements-theme-arrow.left-arrow{padding-bottom:5%; margin-right:-22px; z-index:1;}
.moves-timer-card .game-elements-theme-arrow.right-arrow{position:absolute; right:10%; top:-36%; z-index:1;}
.moves-timer-card .game-elements-cont-card-inner{max-width:486px; padding-left:24px;}

.game-elements-cont-card.undo-card{left:-16%; bottom:-13%; flex-direction:column;}
.undo-card .game-elements-theme-arrow{padding-left:67%; margin-bottom:-6%; z-index:1;}
.game-elements-cont-card .game-elements-cont-card-inner{max-width:526px;}

.game-elements-cont-card.hints-card{right:-15%; bottom:-13%; flex-direction:column;}
.hints-card .game-elements-theme-arrow{padding-left:7%; margin-bottom:-6%; z-index:1;}
.hints-card .game-elements-cont-card-inner{max-width:526px;}

.solitaire-htw-sec .how-to-work-process-sec-seven{background:#fff;}
.solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row-reverse; padding:56px 0;}
.solitaire-htw-sec .win-lose-game-card .htw-process-card-title{color:#0a3f76;}
.solitaire-htw-sec .win-lose-game-card .htw-process-card-list-item, .solitaire-htw-sec .win-lose-game-card .htw-process-card-list-label{color:#0a3f76;}
.solitaire-htw-sec .win-lose-game-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#0a3f76;}
.solitaire-htw-sec .win-lose-game-card .htw-process-card-list{margin-top:0;}
.solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-left{max-width:51.8%; margin-left:auto; margin-right:-3%;}
.solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row-reverse;}
.solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-full{max-width:51.8%; margin-left:-3%; margin-right:auto; margin-top:156px;}


.solitaire-htw-sec .how-to-work-process-sec-eight{background:#fff;}
.solitaire-htw-sec .how-to-work-process-sec-eight .htw-process-wrap{flex-direction:row-reverse;}
.solitaire-htw-sec .game-summary-card .htw-process-card-title{color:#0a3f76;}
.solitaire-htw-sec .game-summary-card .htw-process-card-list-item, .solitaire-htw-sec .game-summary-card .htw-process-card-list-label{color:#0a3f76;}
.solitaire-htw-sec .game-summary-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#0a3f76;}
.solitaire-htw-sec .game-summary-card .htw-process-card-list{margin-top:0;}
.solitaire-htw-sec .how-to-work-process-sec-eight .htw-process-wrap .col-left{max-width:51.8%; margin-left:auto; margin-right:-3%;}

.num-pre-label{margin-right:10px;}
.title-pre-label{display:inline-block; filter:drop-shadow(0px 4px 4px rgba(4, 28, 52, 1.0));}
.title-pre-label-outer{display:inline-block; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:linear-gradient(45deg, rgba(18,92,167,1) 0%,rgba(18,88,160,1) 22%,rgba(170,238,255,1) 48%,rgba(18,88,160,1) 77%,rgba(18,92,167,1) 100%); width:128px; height:128px; padding:4px; }
.title-pre-label-inner{clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:linear-gradient(to right, rgba(8,49,88,1) 0%,rgba(12,90,153,1) 61%,rgba(8,49,88,1) 100%); width:100%; height:100%; display:flex; align-items:center; justify-content:center; box-shadow:0 0 42px rgba(6, 40, 75, 1) inset, 0 0 42px rgba(6, 40, 75, 1) inset, 0 0 42px rgba(6, 40, 75, 1) inset, 0 0 42px rgba(6, 40, 75, 1) inset, 0 0 42px rgba(6, 40, 75, 1) inset;}
.title-pre-label .pre-text{font-size:59px; font-weight:900; background:linear-gradient(to bottom, rgba(255,239,199,1) 0%,rgba(255,253,156,1) 23%,rgba(255,236,90,1) 42%,rgba(245,231,36,1) 68%,rgba(252,205,53,1) 87%,rgba(238,217,48,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; position:relative;}
.title-pre-label .pre-text:before{content:attr(title); position:absolute; left:0; right:0; -webkit-text-stroke:2px #480505; text-shadow:0 6px 4px rgba(33, 0, 32, 0.82); z-index:-1;}

.solitaire-htw-sec .how-to-work-process-sec-six .htw-process-theme:after, .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-theme:after, .solitaire-htw-sec .how-to-work-process-sec-eight .htw-process-theme:after{display:none;}
.solitaire-htw-sec .initiate-game-card{padding-left:10%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.solitaire-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center center; background-size:cover; padding:50px 0px 90px;}
.solitaire-game-expectation-sec .game-expectation-sec-head{margin-bottom:70px;} 
.solitaire-game-expectation-sec .game-expectation-list{gap:0px 30px;}
.solitaire-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - ((30px * 3) / 4)); margin-top:0px;}

.solitaire-game-expectation-sec .game-expectation-card-outer{border-radius:20px; padding:3px; background:linear-gradient(45deg, #052140 0%,#00ccff 50%,#052140 100%,#00ccff 100%); margin:0px;}
.solitaire-game-expectation-sec .game-expectation-card-body{background:linear-gradient(140deg, #43a0d6 0%, #0a3d6c 31%, #052441 69%, #43a0d6 100%); box-shadow:0 0 18px #02d1f6 inset, 0 0 18px #02d1f6 inset, 0 0 18px #02d1f6 inset; padding:56px 20px 50px; border-radius:17px; min-height:340px; display:flex; align-items:center;}
.solitaire-game-expectation-sec .game-expect-details-item{font-size:18px; color:#fff; text-align:center;}
.solitaire-game-expectation-sec .game-expect-card-title{font-size:30px; text-shadow:var(--text-shadow); font-weight:700; color:#ffe200; padding:0 10px; text-transform:uppercase; filter: drop-shadow(1px 3px 1px rgba(67, 6, 6, 0.82)); min-height:72px; display:flex; align-items:center; justify-content:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.solitaire-game-summary-cont{margin-top:70px;}
.solitaire-game-summary-cont .game-summary-text{font-size:34px; font-family:var(--font-base); color:#fff; max-width:1268px;}
.solitaire-game-summary-cont .game-summary-btn-bar{padding-top:60px;}
.solitaire-game-summary-cont .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.solitaire-faq-sec .faq-sec-outer{background:var(--faq-bg) no-repeat center center; background-size:cover; padding:90px 0px 60px; border-top:2px solid #fff496; position:relative;}
.sec-top-fig{position:absolute; top:0; left:0; right:0; width:100%; max-width:294px; margin:0 auto;}
.sec-top-fig:before{content:""; position:absolute; top:-2px; left:0; right:0; height:2px; width:calc(100% - 2px); margin:0 auto; background:#061b2d; z-index:1;}
.sec-top-fig img{position:relative; z-index:2; top:-2px;}
.solitaire-faq-sec .sec-head{margin-bottom:30px;}
.solitaire-faq-sec .sec-main-title{text-transform:inherit;}
.solitaire-faq-sec .accordion-item{margin-bottom:20px; padding-left:48px;}
.solitaire-faq-sec .accordion-card{background:var(--bg-base); padding:0px; border:none;}
.solitaire-faq-sec .accordion-head{padding:20px 20px 20px 70px;}
.solitaire-faq-sec .accordion-body{background:#def1ff; padding:0 100px 0 120px;}
.solitaire-faq-sec .accordion-title{font-size:30px; color:#fff;}
.solitaire-faq-sec .answer-label, .solitaire-faq-sec .accordion-text{font-size:25px; color:#093768;}
.solitaire-faq-sec .accordion-text{flex:1;}
.solitaire-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:96px;}
.solitaire-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}

.qn-pre-label{position:absolute; top:-1px; left:-46px;}
.qn-pre-label .title-pre-label-outer{width:92px; height:92px;}
.title-pre-label.qn-pre-label .pre-text{font-size:44px;}

.solitaire-faq-sec .accordion-icon{background:transparent;}
.solitaire-faq-sec .accordion-icon .icon{font-size:20px; color:#06344e; transition:all 0.3s ease 0s; top:4px; position:relative;}
.solitaire-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg); top:0px; color:#fff;}
/*FAQ CSS End */

.solitaire-game .footer{background:#02101f;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .solitaire-game .video-block{max-width:930px;}
  .solitaire-game .video-poster, .solitaire-game .client-video{top:8px; bottom:auto; left:60px; right:76px; height:calc(100% - 45px); width:calc(100% - 120px); border-radius:18px;}
  .solitaire-game .sec-main-title{font-size:38px; padding:4px 0px;}
  .solitaire-about-us-sec .about-us-text{font-size:28px; margin:0px auto 20px;}
  .solitaire-game .base-btn{max-width:326px;}
  .solitaire-game .base-btn .btn-inner{padding:12px 10px;}
  .solitaire-game .base-btn .btn-text{font-size:34px;}

  .solitaire-htw-sec .htw-process-wrap .col-left{margin-left:-1.4%;}
  .solitaire-htw-sec .htw-process-theme:after, .solitaire-htw-sec .htw-options-theme-row .htw-process-theme:after{left:-60px; right:-60px; width:calc(100% + 120px);}
  .solitaire-htw-sec .initiate-game-card{padding-left:7%;}
  .solitaire-htw-sec .htw-process-card-title{font-size:56px;}
  .solitaire-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:8px;}
  .solitaire-htw-sec .htw-process-card-list-item, .solitaire-htw-sec .htw-process-card-list-label{font-size:22px;}
  .num-pre-label .title-pre-label-outer{width:108px; height:108px;}
  .title-pre-label .pre-text{font-size:48px;}
  .solitaire-htw-sec .htw-process-card-body{padding:0px 0px 0px 140px;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-left{margin-right:-1.4%;}
  .solitaire-htw-sec .htw-process-wrap .col-full{margin-left:-1.4%;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{margin:120px 0;}
  .solitaire-htw-sec .how-to-work-process-sec-four .col-full{margin-top:50px;}
  .solitaire-htw-sec .htw-process-theme-arrow img{width:90%;}
  .solitaire-htw-sec .htw-process-theme-arrow.right-arrow.desk-fig{justify-content:flex-end; display:flex;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list-item{max-width:700px;}
  .solitaire-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{margin:56px 0 120px;}
  .game-elements-cont-card-title{font-size:26px;}
  .game-elements-cont-card-text{font-size:19px;}
  .pause-button-card .game-elements-cont-card-inner, .undo-card .game-elements-cont-card-inner{padding:10px 0px;}
  .moves-timer-card .game-elements-theme-arrow.right-arrow{width:22%; right:2%;}
  .game-elements-cont-card .game-elements-cont-card-inner{max-width:356px;}
  .game-elements-cont-card.moves-timer-card{right:-6%;}
  .score-card .game-elements-theme-arrow{padding-top:8%;}
  .game-elements-cont-card.pause-button-card{left:-6%;}
  .pause-button-card .game-elements-theme-arrow{transform:rotateY(180deg); margin-left:auto; padding-left:0; margin-right:17%;}
  .game-elements-cont-card.undo-card{left:-5%;}
  .game-elements-cont-card.hints-card{right:-1%;}
  .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-full{margin-top:50px;}
  .solitaire-htw-sec .how-to-work-process-sec-three .col-full{margin-top:50px;}

  .solitaire-game-expectation-sec .game-expectation-list{gap:0px 20px;}
.solitaire-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - ((20px * 3) / 4));}
  .solitaire-game-expectation-sec .game-expectation-card-body{padding:36px 15px 30px; min-height:280px;}
  .solitaire-game-expectation-sec .game-expect-card-title{font-size:26px;}
  .solitaire-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .solitaire-game-summary-cont .game-summary-text{font-size:28px;}

  .solitaire-faq-sec .accordion-body{padding:0 70px 0 100px;}
  .solitaire-faq-sec .accordion-title{font-size:24px;}
  .solitaire-faq-sec .answer-label, .solitaire-faq-sec .accordion-text{font-size:20px;}
}

@media(max-width:1280px) {
  .solitaire-game .video-block{max-width:750px;}
  .solitaire-game .video-poster, .solitaire-game .client-video{top:6px; bottom:auto; left:50px; right:50px; height:calc(100% - 35px); width:calc(100% - 100px); border-radius:14px;}
  .solitaire-game .sec-main-title{font-size:32px;}
  .solitaire-about-us-sec .about-us-text{font-size:23px;}
  .solitaire-game .base-btn{max-width:286px;}
  .solitaire-game .base-btn .btn-text{font-size:30px;}

  .solitaire-htw-sec .htw-process-wrap .col-left{margin-left:0;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-left, 
  .solitaire-htw-sec .how-to-work-process-sec-three .htw-process-wrap .col-left{margin-right:0;}
  .solitaire-htw-sec .htw-process-wrap .col-full{margin-left:0;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{margin:100px 0;}
  .solitaire-htw-sec .initiate-game-card{padding-left:4%;}
  .num-pre-label .title-pre-label-outer{width:98px; height:98px;}
  .title-pre-label .pre-text{font-size:44px;}
  .solitaire-htw-sec .htw-process-card-title{font-size:46px;}
  .solitaire-htw-sec .htw-process-card-body{padding:0px 0px 0px 100px;}
  .solitaire-htw-sec .htw-process-theme-cont{max-width:916px; margin-bottom:30px;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list{margin:10px 0px 80px;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list-item{max-width:640px;}
  .solitaire-htw-sec .htw-process-card-list-item, .solitaire-htw-sec .htw-process-card-list-label{font-size:20px;}
  .solitaire-htw-sec .htw-process-theme-arrow.left-arrow{left:80px;}
  .solitaire-htw-sec .htw-process-theme-arrow.right-arrow{right:80px;}
  .solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-left, .solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-right{max-width:46.2%; margin:0;}
  .solitaire-htw-sec .how-to-work-process-sec-five{padding-bottom:80px;}
  .score-card .game-elements-theme-arrow{width:17%;}
  .game-elements-cont-card-title{font-size:22px;}
  .game-elements-cont-card-text{font-size:17px;}
  .solitaire-htw-sec .how-to-work-process-sec-six .htw-process-theme-cont{max-width:860px;}
  .moves-timer-card .game-elements-theme-arrow.right-arrow{width:13%;}
  .game-elements-cont-card.moves-timer-card{right:-20%;}
  .moves-timer-card .game-elements-theme-arrow.left-arrow{max-width:22%;}
  .moves-timer-card .game-elements-theme-arrow.right-arrow{right:22%;}
  .pause-button-card .game-elements-theme-arrow{margin-right:27%;}
  .undo-card .game-elements-theme-arrow{padding-left:47%; width:72%;}
  .hints-card .game-elements-theme-arrow{padding-left:32%; width:57%;}
  .game-elements-cont-card.undo-card, .game-elements-cont-card.hints-card{bottom:-22%;}

  .solitaire-game-expectation-sec .game-expectation-sec-outer{padding:40px 0px 70px;}
  .solitaire-game-expectation-sec .game-expectation-card-body{padding:26px 10px 20px; min-height:auto;}
  .solitaire-game-expectation-sec .game-expect-card-title{font-size:22px; min-height:auto;}
  .solitaire-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .solitaire-game-summary-cont .game-summary-text{font-size:24px;}
  .solitaire-game-summary-cont .game-summary-btn-bar{padding-top:40px;}
  .solitaire-game-expectation-sec .game-expectation-sec-head{margin-bottom:50px;}

  .solitaire-faq-sec .faq-sec-outer{padding:90px 0px 40px;}
  .solitaire-faq-sec .accordion-body{padding:0 70px 0 100px;}
  .qn-pre-label{left:-42px;}
  .qn-pre-label .title-pre-label-outer{width:84px; height:84px;}
  .title-pre-label.qn-pre-label .pre-text{font-size:38px;}
  .solitaire-faq-sec .accordion-title{font-size:22px;}
  .solitaire-faq-sec .answer-label, .solitaire-faq-sec .accordion-text{font-size:19px;}
  .solitaire-faq-sec .accordion-cont-bar{min-height:86px;}
  .solitaire-faq-sec .faq-block{padding:0px;}
  .solitaire-faq-sec .accordion-item{margin-bottom:15px; padding-left:42px;}
  
}

@media(max-width:1023px) {
  .solitaire-game .video-block{max-width:640px;}
  .solitaire-game .video-poster, .solitaire-game .client-video{top:5px; left:42px; right:42px; height:calc(100% - 30px); width:calc(100% - 84px); border-radius:12px;}
  .solitaire-game .sec-main-title{font-size:28px;}
  .solitaire-game .banner-sec{padding:0px 0px 50px;}
  .solitaire-about-us-sec .about-us-text{font-size:18px; margin:0px auto 10px;}
  .solitaire-game .base-btn{max-width:236px;}
  .solitaire-game .base-btn .btn-text{font-size:24px;}
  .sec-head.about-sec-head .title-icon{width:36%;}
  .sec-head .title-icon img{width:100%; max-width:120px;}
  .sec-head .title-icon:before, .sec-head .title-icon:after{max-width:calc(50% - 56px);}

  .solitaire-htw-sec .htw-process-theme:after, .solitaire-htw-sec .htw-options-theme-row .htw-process-theme:after{left:-30px; right:-30px; width:calc(100% + 60px); height:5px; bottom:-4px;}
  .num-pre-label .title-pre-label-outer{width:78px; height:78px;}
  .title-pre-label .pre-text{font-size:34px;}
  .solitaire-htw-sec .htw-process-card-title{font-size:28px;}
  .solitaire-htw-sec .htw-process-card-body{padding:0px 0px 0px 60px;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{margin:70px 0px;}
  .solitaire-htw-sec .htw-process-wrap .col-full{margin-top:30px;}
  .solitaire-htw-sec .htw-process-card-list-item, .solitaire-htw-sec .htw-process-card-list-label{font-size:15px;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list-item{max-width:530px;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list{margin:10px 0px 20px;}
  .solitaire-htw-sec .how-to-work-process-sec-five{padding-bottom:60px;}
  .solitaire-htw-sec .game-elements-card .htw-process-card-title{margin:20px 0 100px;}
  .solitaire-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{margin:40px 0 70px;}
  .solitaire-htw-sec .how-to-work-process-sec-six .htw-process-theme-cont{max-width:650px;}
  .game-elements-cont-card .game-elements-cont-card-inner{max-width:256px; min-height:82px;}
  .game-elements-cont-card-inner:before{left:-8px;}
  .game-elements-cont-card-inner:after{right:-8px;}
  .game-elements-cont-card-title{font-size:19px;}
  .game-elements-cont-card-text{font-size:14px;}
  .pause-button-card .game-elements-theme-arrow{margin-right:33%; max-width:82px;}
  .game-elements-cont-card.moves-timer-card{right:-28%;}
  .moves-timer-card .game-elements-theme-arrow.right-arrow{right:32%; width:12%; top:-47%;}
  .game-elements-cont-card.undo-card, .game-elements-cont-card.hints-card{bottom:-19%;}
  .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-full{margin-top:30px;}
  .solitaire-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{margin:30px 0px 56px;}

  .solitaire-game-expectation-sec .game-expectation-sec-outer{padding:30px 0px 50px;}
  .sec-head.game-expectation-sec-head .title-icon{width:46%;}
  .solitaire-game-expectation-sec .game-expectation-sec-head{margin-bottom:30px;}
  .solitaire-game-expectation-sec .game-expectation-list{gap:0px;}
  .solitaire-game-expectation-sec .game-expectation-item{max-width:100%; height:100%;}
  .solitaire-game-expectation-sec .owl-stage{display:flex;}
  .solitaire-game .owl-carousel .owl-dot{margin-top:20px;}
  .solitaire-game .owl-carousel .owl-dot span{background:#fff; border:none;}
  .solitaire-game .owl-carousel .owl-dot.active span{background:var(--bg-primary);}
  .solitaire-game-summary-cont{margin-top:20px;}
  .solitaire-game-summary-cont .game-summary-text{font-size:18px;}
  .solitaire-game-summary-cont .game-summary-btn-bar{padding-top:30px;}

  .solitaire-faq-sec .faq-sec-outer{padding:60px 0px 30px;}
  .sec-top-fig{max-width:234px;}
  .solitaire-faq-sec .sec-head{margin-bottom:15px;}
  .qn-pre-label{left:-36px;}
  .qn-pre-label .title-pre-label-outer{width:72px; height:72px;}
  .title-pre-label.qn-pre-label .pre-text{font-size:28px;}
  .solitaire-faq-sec .accordion-head{padding:15px 10px 15px 50px;}
  .solitaire-faq-sec .accordion-title{font-size:20px;}
  .solitaire-faq-sec .answer-label, .solitaire-faq-sec .accordion-text{font-size:17px;}
  .solitaire-faq-sec .accordion-body{padding:0 10px 0 70px;}
  .solitaire-faq-sec .accordion-cont-bar{min-height:66px;}
  .solitaire-faq-sec .accordion-item{padding-left:36px;}
}

@media(max-width:767px) {
  .solitaire-game .menu-back-icon, .solitaire-game .close-menu-label{color:var(--clr-action);}
  .solitaire-game .banner-sec{background:#051626 var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .solitaire-game .banner-logo .game-logo-fig{max-width:46%; margin:10px 0px 5px;}
  .solitaire-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 10px 20px rgba(0, 216, 255, 1.0));}
  .solitaire-game .video-block{max-width:82%;}
  .solitaire-game .video-poster, .solitaire-game .client-video{top:4px; left:22px; right:22px; height:calc(100% - 16px); width:calc(100% - 44px); border-radius:4px;}
  .solitaire-game .sec-main-title{font-size:22px;}
  .solitaire-game .banner-sec{padding:0px 0px 30px;}
  .solitaire-about-us-sec .about-us-text{font-size:16px;}
  .solitaire-game .base-btn{max-width:194px; padding:1px; border-radius:4px;}
  .solitaire-game .base-btn .btn-text{font-size:20px;}
  .solitaire-game .base-btn .btn-inner{padding:8px 10px; border-radius:4px;}
  .sec-head.about-sec-head .title-icon{width:54%;}
  .solitaire-about-us-sec .about-us-btn-bar{margin:10px auto 0;}
  .sec-head .title-icon img{max-width:72px;}
  .sec-head .title-icon:before, .sec-head .title-icon:after{max-width:calc(50% - 34px); height:1px;}
  .solitaire-about-us-sec .sec-head{margin:20px 0px 15px;}
  .sec-head .title-icon{width:76%;}

  .solitaire-htw-sec:before{background:url('../images/solitaire/htw-sec-bg-top-mob.webp') no-repeat top center; background-size:100% auto;}
  .solitaire-htw-sec .htw-process-wrap .col-left, .solitaire-htw-sec .htw-process-wrap .col-right{max-width:100%; width:100%; margin:0px; padding:0px;}
  .solitaire-htw-sec .htw-process-theme:after, .solitaire-htw-sec .htw-options-theme-row .htw-process-theme:after{display:none;}
  .title-pre-label-outer{padding:5px;}
  .num-pre-label{margin-top:-10px; margin-bottom:-10px;}
  .solitaire-htw-sec .initiate-game-card{padding-left:0px;}
  .solitaire-htw-sec .htw-process-card{margin-top:0px;}
  .solitaire-htw-sec .htw-process-card-outer{margin-top:30px;}
  .solitaire-htw-sec .htw-process-card-title{text-align:left;}
  .solitaire-htw-sec .initiate-game-card .htw-process-card-title{max-width:200px;}
  .solitaire-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:7px;}
  .solitaire-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:4px; height:4px; width:4px;}
  .solitaire-htw-sec .htw-process-card-body{padding:0px 0px 0px 80px;}
  .solitaire-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{margin:30px 0px;}
  .solitaire-htw-sec .how-to-work-process-sec-two .htw-process-wrap .col-right{margin:0px;}
  .solitaire-htw-sec .card-movement-card .htw-process-card-list{padding-right:0px;}
  .solitaire-htw-sec .htw-process-wrap .col-full{max-width:100%; order:2; margin:0px; margin-top:20px;}
  .solitaire-htw-sec .htw-process-wrap .col-right{margin:0px; order:3;}
  .solitaire-htw-sec .move-card .htw-process-card-list{padding-right:0px;}
  .solitaire-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{margin-right:0;}
  .solitaire-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-full{order:1;}
  .solitaire-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-options-theme-row{order:2; gap:20px 0;}
  .solitaire-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-full.col-bottom{order:3;}
  .solitaire-htw-sec .htw-process-theme-cont{max-width:100%; padding:0px;}
  .solitaire-htw-sec .htw-process-wrap .htw-options-theme-row{flex-direction:column;}
  .solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-left, .solitaire-htw-sec .htw-process-wrap .htw-options-theme-row .col-right{max-width:100%;}
  .solitaire-htw-sec .htw-process-theme-cont{margin-bottom:20px;}
  .solitaire-htw-sec .stockpile-card .num-pre-label{margin:-10px 10px -10px 0;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-title-bar, .solitaire-htw-sec .game-elements-card .htw-process-card-title-bar{flex-direction:row; justify-content:flex-start;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list{margin:0px; padding:0px 0px 0px 70px;}
  .solitaire-htw-sec .stockpile-card .htw-process-card-list-item{max-width:100%; text-align:left;}
  .solitaire-htw-sec .how-to-work-process-sec-five{padding-bottom:20px;}
  .solitaire-htw-sec .game-elements-card .htw-process-card-title{margin:0px;}
  .solitaire-htw-sec .how-to-work-process-sec-six .htw-process-wrap .col-full{width:100%;}
  .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-left{max-width:100%; margin:0px; order:1;}
  .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-full{max-width:100%; margin:20px 0 0; order:2;}
  .solitaire-htw-sec .how-to-work-process-sec-seven .htw-process-wrap{padding:0px;}
  .solitaire-htw-sec .how-to-work-process-sec-eight .htw-process-wrap .col-left{max-width:100%; margin:0px;}
  .solitaire-htw-sec .game-elements-card .htw-process-card-outer{margin-top:0px;}
  .solitaire-htw-sec .how-to-work-process-sec-six .htw-process-theme-cont{max-width:100%; padding:0 20px; margin:60px 0;}
  .game-elements-cont-card-title{font-size:12px;}
  .game-elements-cont-card-text{font-size:12px;}
  .game-elements-cont-card .game-elements-cont-card-inner{min-height:auto; max-width:168px;}
  .game-elements-cont-card-inner:before{left:-6px;}
  .game-elements-cont-card-inner:after{right:-6px;}
  .game-elements-cont-card.score-card{left:15%; margin-top:-2%;}
  .score-card .game-elements-theme-arrow{width:21%; padding-top:12%; margin-right:3px;}
  .game-elements-cont-card.moves-timer-card{right:-6px; margin-top:24%;}
  .moves-timer-card .game-elements-theme-arrow.right-arrow{right:5%; width:19%; top:-22%;}
  .game-elements-cont-card.pause-button-card .game-elements-cont-card-inner{max-width:128px;}
  .game-elements-cont-card.pause-button-card{left:0;margin-top:24%;}
  .pause-button-card .game-elements-theme-arrow{max-width:22%; margin-right:0; margin-left:2px; transform:none;}
  .moves-timer-card .game-elements-cont-card-inner{max-width:148px; padding-left:8px;}
  .moves-timer-card .game-elements-theme-arrow.left-arrow{max-width:26%; padding-bottom:25%; margin-right:-16px;}
  .undo-card .game-elements-cont-card-inner{max-width:128px;}
  .undo-card .game-elements-theme-arrow{padding-left:37%; width:auto;}
  .game-elements-cont-card.undo-card, .game-elements-cont-card.hints-card{bottom:-17%;}
  .game-elements-cont-card.undo-card{left:2%;}
  .hints-card .game-elements-cont-card-inner{max-width:128px;}
  .hints-card .game-elements-theme-arrow{padding-left:32px; width:auto;}
  .solitaire-htw-sec .how-to-work-process-sec-seven{padding-top:60px;}
  .solitaire-htw-sec .htw-process-theme-arrow.mob-fig{display:block;}
  .solitaire-htw-sec .htw-process-theme-arrow.left-arrow{left:0; width:28%; z-index:5;}
  .solitaire-htw-sec .htw-process-theme-arrow.left-arrow img{width:100%;}
  .solitaire-htw-sec .htw-process-theme-arrow.right-arrow.desk-fig{display:none;}
  .solitaire-htw-sec .htw-process-theme-arrow.right-arrow{right:0; width:28%; z-index:5;}
  .solitaire-htw-sec .htw-process-theme-arrow.right-arrow img{width:100%;}
  .solitaire-htw-sec .htw-process-theme-arrow{top:calc(100% - 63%);}
  .solitaire-htw-sec .how-to-work-process-sec-five:before{display:none;}

  .solitaire-faq-sec .faq-sec-outer{border-top-width:1px; padding:25px 0px 20px;}
  .sec-top-fig{max-width:84px;}
  .sec-top-fig img{top:-1px;}
  .solitaire-faq-sec .accordion-title{font-size:13px;}
  .solitaire-faq-sec .answer-label, .solitaire-faq-sec .accordion-text{font-size:14px;}
  .solitaire-faq-sec .accordion-icon .icon{font-size:14px; top:0;}
  .solitaire-faq-sec .accordion-head{min-height:52px;}
  .qn-pre-label{left:-26px; top:0;}
  .qn-pre-label .title-pre-label-outer{width:52px; height:52px;}
  .title-pre-label.qn-pre-label .pre-text{font-size:24px;}
  .solitaire-faq-sec .accordion-head{padding:8px 10px 8px 30px; min-height:52px;}
  .solitaire-faq-sec .accordion-item{padding-left:26px; margin-bottom:10px;}
  .solitaire-faq-sec .accordion-body{padding:0 10px 0 10px;}
}
@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .solitaire-about-us-sec .about-us-text{font-size:15px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Solitaire Game CSS End // ***************************** */




/* ***************************** // Poker Hands Game CSS Start // ***************************** */
.poker-hands-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#f9d026;
--clr-dark:#157c6a;
--clr-action:#000;
--clr-action-alt:#401587;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#157c6a;
--bg-primary:#f9d026;
--bg-action:#401587;

/*Border Colors*/
--bdr1:#000;
  
/*Fonts*/
--font-base:"Aleo", serif;
--font-base2:'Roboto', sans-serif;
--font-head:'Cubano', sans-serif;

/*Btn Shadow*/
--shadow-text:0px 3px 6px rgba(0,0,0, 0.5);

/* Text Shadow */
--text-shadow:0px 3px 6px rgba(0,0,0, 0.5);
}

.poker-hands-game .nav-item-label{font-family:var(--font-base2);}

.poker-hands-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); max-width:34.4%;}
.poker-hands-game .btn-bg{float:left; width:100%;}
.poker-hands-game .btn-bg img{float:left; width:100%; filter:inherit;}
.poker-hands-game .btn-text{float:left; width:100%; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:10px; z-index:1; color:#fff; font-family:var(--font-head); font-weight:normal;}
.poker-hands-game .base-btn:before{content:""; position:absolute; top:2vmin; bottom:2vmin; left:2vmin; right:2vmin; float:left; background-image:url("../images/poker-hands/button_bg.webp"), url("../images/poker-hands/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; border-radius:6vmin; pointer-events:none; filter:blur(3px);}
.poker-hands-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.poker-hands-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.poker-hands-game .banner-sec-outer{background:transparent; padding:0px;}
.poker-hands-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.poker-hands-game .banner-logo .game-logo-fig{max-width:34.3%; margin:50px 0px;}
.poker-hands-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 30px rgba(255, 0, 204, 0.5));}

.poker-hands-game .banner-sec-video{background:transparent; margin-bottom:-230px;}
.poker-hands-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.poker-hands-game .video-block{max-width:1065px;}
.poker-hands-game .video-poster, .poker-hands-game .client-video{top:25px; bottom:auto; left:26px; right:26px; height:calc(100% - 50px); width:calc(100% - 54px); border-radius:28px;}

.poker-hands-about-us-sec .about-us-content{float:left; width:calc(100% + 100px); margin-left:-50px; --radius:1000px; border-radius:var(--radius); padding:30px; background:#1a1c22; box-shadow:0 0 4px rgba(211, 5, 255, 0.26) inset, 0 0 4px rgba(211, 5, 255, 0.26) inset, 0 0 4px rgba(211, 5, 255, 0.26) inset;}
.poker-hands-about-us-sec .about-us-content-outer{float:left; width:100%; border-radius:calc(var(--radius) - 20px); padding:20px; background:linear-gradient(to right, rgba(250,209,38,1) 0%,rgba(246,139,23,1) 100%);}
.poker-hands-about-us-sec .about-us-content-inner{float:left; width:100%; padding:200px 30px 30px; border-radius:calc(var(--radius) - 20px); background:linear-gradient(to right, rgba(5,71,34,1) 0%,rgba(17,155,80,1) 50%,rgba(5,71,34,1) 100%); box-shadow:0 0 10px rgba(0, 0, 0, 0.6) inset;}
.poker-hands-about-us-sec .sec-main-title{font-size:60px; color:var(--clr-base-light); text-shadow:var(--text-shadow);}
.poker-hands-about-us-sec .about-us-text{font-size:30px; text-align:center; max-width:1160px;}
.poker-hands-about-us-sec .btn-bar{margin-top:30px;}

.poker-hands-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.poker-hands-game .sec-head-outer{float:left; width:100%; max-width:712px; display:flex; align-items:center; justify-content:center; position:relative;}
.poker-hands-game .sec-head-bg, .poker-hands-game .sec-head-bg img{float:left; width:100%;}
.poker-hands-game .sec-main-title:not(.about-sec-main-title){float:left; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; font-size:60px; color:var(--clr-base-light); text-shadow:var(--text-shadow); padding-bottom:30px;}

/* How to Work CSS Start */
.poker-hands-htw-sec{padding-bottom:100px;}
.poker-hands-htw-sec .htw-sec-head{margin-bottom:30px;}
.poker-hands-htw-sec .htw-process-wrap{justify-content:center; margin:30px 0;}
.poker-hands-htw-sec .how-to-work-process:nth-child(even of :not(.how-to-work-process-sec-three)) .htw-process-wrap{flex-direction:row-reverse; justify-content:center;}
.poker-hands-htw-sec .htw-process-card-body{padding:0px; min-height:auto;}
.poker-hands-htw-sec .htw-process-card:before, .poker-hands-htw-sec .htw-process-card:after, .poker-hands-htw-sec .htw-process-card-outer:before, .poker-hands-htw-sec .htw-process-card-outer:after{display:none;}
.poker-hands-htw-sec .htw-process-theme:after{background:#000; width:100%; height:4px; bottom:-2px; left:0; right:0; opacity:0.5;}
.poker-hands-htw-sec .col-full .htw-process-theme:after{display:none;}
.poker-hands-htw-sec .htw-process-wrap .col-left{max-width:43.1%; position:relative; z-index:2;}
.poker-hands-htw-sec .col-right{flex:0 0 calc(100% - 40%);}
.poker-hands-htw-sec .how-to-work-process:nth-child(even of :not(.how-to-work-process-sec-three)) .col-right{margin-right:-15%;}
.poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .col-right{margin-left:-15%;}
.poker-hands-htw-sec .htw-process-card-outer{--radius:400px; border-radius:var(--radius); background:var(--bg-primary); padding:8px 17px 30px 17px;}
.poker-hands-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 8px); background:var(--bg-base); padding:20px calc(100px + 15%) 30px 100px; min-height:356px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .htw-process-card-cont{padding:20px 70px 30px calc(120px + 15%);}
.poker-hands-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.poker-hands-htw-sec .htw-process-card-list-item, .poker-hands-htw-sec .htw-process-card-list-label{font-size:30px; line-height:1.4em;}
.poker-hands-htw-sec .htw-process-card-title{font-size:60px; font-weight:normal; color:var(--clr-base-light); text-shadow:var(--text-shadow);}

.poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{padding:20px 110px 30px 110px; min-height:256px;}
.poker-hands-htw-sec .col-full{width:100%; max-width:88.1%;}
.poker-hands-htw-sec .col-full .htw-process-card-title-bar{text-align:center;}
.poker-hands-htw-sec .col-full .htw-process-card-list-item, .poker-hands-htw-sec .col-full .htw-process-card-list-label{text-align:center;}
.poker-hands-htw-sec .col-full .htw-process-card-outer{background:#fdb63b;}
.poker-hands-htw-sec .col-full .htw-process-card-outer{margin-bottom:25px;}
.poker-hands-htw-sec .goal-card .htw-process-card-outer{background:var(--bg-primary); margin-bottom:55px;}
.poker-hands-htw-sec .goal-card .htw-process-card-outer:after{content:""; display:block; position:absolute; left:0; right:0; bottom:-37px; margin:0 auto; width:44px; height:38px; background:var(--bg-primary); clip-path:polygon(50% 100%, 0 0, 100% 0);}
.poker-hands-htw-sec .htw-process-card-title.sub-title{font-size:40px; color:#fdb63b; text-shadow:none;}
.poker-hands-htw-sec .htw-process-card-thumbnail{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-top:10px;}
.poker-hands-htw-sec .htw-process-card-thumbnail .htw-process-theme{max-width:60.7%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.poker-hands-game-expect-sec{background:linear-gradient(to top, rgba(250,209,38,1) 0%,rgba(246,139,23,1) 100%);}
.poker-hands-game-expect-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat top center; background-size:100% auto; padding:0px 0px 200px 0px;}
.poker-hands-game-expect-sec .game-expectation-item{margin-top:40px;}
.poker-hands-game-expect-sec .game-expectation-card-outer{border-radius:68px; padding:0 40px 16px 60px; min-height:467px; box-shadow:0px 20px 38px rgba(246, 143, 24, 1);}
.poker-hands-game-expect-sec .game-expect-icon-block{top:inherit; margin-top:-80px; justify-content:flex-start; margin-left:-30px; margin-bottom:10px;}
.poker-hands-game-expect-sec .game-expect-card-fig{max-width:270px;}

.poker-hands-game-expect-sec .game-expect-card-title{font-size:36px; color:var(--clr-dark); text-align:left;}
.poker-hands-game-expect-sec .game-expect-details-item{font-size:24px; color:#000; line-height:1.4em;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.poker-hands-game-summary-sec .game-summary-sec-outer{background:transparent; padding:0px; margin-top:-120px;}
.poker-hands-game-summary-sec .game-summary-cont-outer{float:left; width:100%; --radius:400px; border-radius:var(--radius); background:var(--bg-base); padding:80px 100px 50px 100px; position:relative; margin-bottom:18px;}
.poker-hands-game-summary-sec .game-summary-cont-outer:before{content:""; position:absolute; top:14px; left:-4px; right:-4px; width:calc(100% + 8px); height:100%; background:#f68f18; border-radius:calc(var(--radius) - 8px); z-index:-1;}
.poker-hands-game-summary-sec .game-summary-text{font-size:37px; max-width:1200px;}
.poker-hands-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.poker-hands-faq-sec .faq-sec-outer{padding:0px 0px 30px;}
.poker-hands-faq-sec .faq-list{counter-reset:li;}
.poker-hands-faq-sec .accordion-item{margin-bottom:24px; position:relative;}
.poker-hands-faq-sec .accordion-item:before{content:"0" counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:11px; top:10px; margin:auto; width:82px; height:82px; font-size:36px; font-family:var(--font-head); font-weight:normal; color:#fff; border-radius:0px; background:#000; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); display:inline-flex; align-items:center; justify-content:center;}
.poker-hands-faq-sec .accordion-card{background:transparent; padding:0px; border:none; position:relative;}
.poker-hands-faq-sec .accordion-card:before{content:""; position:absolute; top:1px; left:0; right:0; width:100%; height:calc(100% - 1px); border-radius:50px; background:var(--bg-base); z-index:-1;}
.poker-hands-faq-sec .accordion-head{padding:0px; margin-bottom:6px;}
.poker-hands-faq-sec .accordion-head-outer{background:#f68f18; box-shadow:none; --radius:50px; border-radius:var(--radius); min-height:100px; padding:11px 0px 12px 120px;}
.poker-hands-faq-sec .accordion-head-outer:before{content:""; position:absolute; top:6px; left:0; right:0; width:100%; height:100%; background:#000; border-radius:var(--radius); z-index:-1;}
.poker-hands-faq-sec .accordion-title{font-size:34px; color:#000;}
.poker-hands-faq-sec .accordion-body{padding:10px 30px 10px 120px;}
.poker-hands-faq-sec .accordion-cont-bar{min-height:92px;}
.poker-hands-faq-sec .accordion-text{font-size:28px; color:var(--clr-base);}
.poker-hands-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px; text-shadow:none; color:#000;}
/*FAQ CSS End */

.poker-hands-game .footer{background:var(--bg-base);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .poker-hands-game .banner-logo .game-logo-fig{margin:30px 0px;}
  .poker-hands-game .video-block{max-width:744px;}
  .poker-hands-game .video-poster, .poker-hands-game .client-video{top:17px; left:16px; right:17px; width:calc(100% - 34px); height:calc(100% - 34px); border-radius:24px;}
  .poker-hands-game .banner-sec-video{margin-bottom:-160px;}
  .poker-hands-about-us-sec .about-us-content{width:calc(100% + 48px); margin-left:-24px;}
  .poker-hands-about-us-sec .about-us-content-inner{padding:120px 30px 30px;}
  .poker-hands-about-us-sec .sec-main-title{font-size:52px;}
  .poker-hands-about-us-sec .about-us-text{font-size:26px; max-width:1020px;}
  .poker-hands-game .btn-text{font-size:42px;}

  .poker-hands-game .sec-head-outer{max-width:612px;}
  .poker-hands-game .sec-main-title:not(.about-sec-main-title){font-size:52px;}

  .poker-hands-htw-sec .htw-process-card-title{font-size:46px;}
   .poker-hands-htw-sec .htw-process-card-title.sub-title{font-size:38px;}
  .poker-hands-htw-sec .htw-process-card-list-item, .poker-hands-htw-sec .htw-process-card-list-label{font-size:23px;}
  .poker-hands-htw-sec .htw-process-card-cont{padding:20px calc(100px + 12%) 30px 60px; min-height:306px;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .htw-process-card-cont{padding:20px 50px 30px calc(120px + 10%);}
  .poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{min-height:196px; padding:20px 60px 30px 60px;}
  .poker-hands-htw-sec .htw-process-card-list{margin-top:10px;}

  .poker-hands-game-expect-sec .game-expectation-card-outer{padding:0 30px 16px 40px; min-height:427px; border-radius:58px;}
  .poker-hands-game-expect-sec .game-expect-card-title{font-size:32px;}
  .poker-hands-game-expect-sec .game-expect-details-item{font-size:20px;}
  .poker-hands-game-expect-sec .game-expect-icon-block{margin-top:-70px;  margin-left:-20px;}
  .poker-hands-game-expect-sec .game-expect-card-fig{max-width:240px;}

  .poker-hands-game-summary-sec .game-summary-cont-outer{padding:70px 80px 40px 80px;}
  .poker-hands-game-summary-sec .game-summary-text{max-width:980px; font-size:30px;}

  .poker-hands-faq-sec .accordion-item{margin-bottom:15px;}
  .poker-hands-faq-sec .accordion-head-outer{min-height:80px; padding:10px 0px 10px 100px;}
  .poker-hands-faq-sec .accordion-title{font-size:26px;}
  .poker-hands-faq-sec .accordion-text{font-size:22px;}
  .poker-hands-faq-sec .accordion-cont-bar{min-height:72px;}
  .poker-hands-faq-sec .accordion-item:before{font-size:32px; height:72px; width:72px; top:4px;}
}

@media(max-width:1280px) {
  .poker-hands-game .banner-logo .game-logo-fig{margin:20px 0px 30px;}
  .poker-hands-game .video-block{max-width:624px;}
  .poker-hands-game .video-poster, .poker-hands-game .client-video{top:14px; left:14px; right:14px; width:calc(100% - 28px); height:calc(100% - 28px); border-radius:20px;}
  .poker-hands-game .banner-sec-video{margin-bottom:-160px;}
  .poker-hands-about-us-sec .about-us-content{width:100%; margin-left:0; padding:20px}
  .poker-hands-about-us-sec .about-us-content-outer{padding:14px;}
  .poker-hands-about-us-sec .about-us-content-inner{padding:130px 30px 30px;}
  .poker-hands-about-us-sec .sec-main-title{font-size:46px;}
  .poker-hands-about-us-sec .about-us-text{font-size:22px; max-width:100%;}
  .poker-hands-game .btn-text{font-size:36px;}

  .poker-hands-game .sec-head-outer{max-width:512px;}
  .poker-hands-game .sec-main-title:not(.about-sec-main-title){font-size:44px;}

  .poker-hands-htw-sec{padding-bottom:60px;}
  .poker-hands-htw-sec .htw-process-card-title{font-size:38px;}
  .poker-hands-htw-sec .htw-process-card-title.sub-title{font-size:36px;}
  .poker-hands-htw-sec .htw-process-card-list-item, .poker-hands-htw-sec .htw-process-card-list-label{font-size:20px;}
  .poker-hands-htw-sec .htw-process-card-cont{padding:20px calc(100px + 8%) 30px 60px; min-height:246px;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .htw-process-card-cont{padding:20px 50px 30px calc(120px + 7%);}
  .poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{min-height:176px;}
  .poker-hands-htw-sec .htw-process-wrap{margin:20px 0;}

  .poker-hands-game-expect-sec .game-expectation-card-outer{padding:0 15px 16px 20px; min-height:357px; border-radius:50px;}
  .poker-hands-game-expect-sec .game-expect-card-title{font-size:28px;}
  .poker-hands-game-expect-sec .game-expect-details-item{font-size:18px;}
  .poker-hands-game-expect-sec .game-expect-icon-block{margin-top:-66px; margin-left:0;}
  .poker-hands-game-expect-sec .game-expect-card-fig{max-width:220px;}

  .poker-hands-game-summary-sec .game-summary-cont-outer{padding:60px 80px 40px 80px;}
  .poker-hands-game-summary-sec .game-summary-text{max-width:100%; font-size:26px;}

  .poker-hands-faq-sec .faq-block{padding:0px;}
  .poker-hands-faq-sec .accordion-title{font-size:22px;}
  .poker-hands-faq-sec .accordion-text{font-size:20px;}
  .poker-hands-faq-sec .accordion-body{padding:10px 30px 10px 100px;}
}

@media(max-width:1023px) {
  .poker-hands-game .banner-logo .game-logo-fig{margin:10px 0px 20px; max-width:40.3%;}
  .poker-hands-game .video-block{max-width:524px;}
  .poker-hands-game .video-poster, .poker-hands-game .client-video{top:12px; left:12px; right:12px; width:calc(100% - 24px); height:calc(100% - 24px); border-radius:16px;}
  .poker-hands-game .banner-sec-video{margin-bottom:-120px;}
  .poker-hands-about-us-sec .container{padding:0px;}
  .poker-hands-about-us-sec .about-us-content{width:calc(100% + 20px); margin-left:-10px; padding:20px 0px; border-radius:0px;}
  .poker-hands-about-us-sec .about-us-content-outer{padding:8px 0px; border-radius:0px;}
  .poker-hands-about-us-sec .about-us-content-inner{padding:110px 30px 40px; border-radius:0px;}
  .poker-hands-about-us-sec .sec-main-title{font-size:38px;}
  .poker-hands-about-us-sec .about-us-text{font-size:20px;}
  .poker-hands-game .btn-text{font-size:28px; padding-bottom:4px;}

  .poker-hands-game .sec-head-outer{max-width:442px;}
  .poker-hands-game .sec-main-title:not(.about-sec-main-title){font-size:36px; padding-bottom:20px;}

  .poker-hands-htw-sec .htw-process-card-title{font-size:32px;}
  .poker-hands-htw-sec .htw-process-card-title.sub-title{font-size:28px;}
  .poker-hands-htw-sec .htw-process-card-list-item, .poker-hands-htw-sec .htw-process-card-list-label{font-size:18px; line-height:1.25em;}
  .poker-hands-htw-sec .htw-process-card-cont{padding:20px calc(100px + 1%) 20px 50px; min-height:196px;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .htw-process-card-cont{padding:20px 30px 20px calc(110px + 1%);}
  .poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{min-height:176px;}
  .poker-hands-htw-sec .col-right{flex:0 0 calc(100% - 32%);}
  .poker-hands-htw-sec .htw-process-wrap .col-left{max-width:46.1%;}
  .poker-hands-htw-sec .htw-process-card-outer{padding:6px 10px 14px 10px;}
  .poker-hands-htw-sec .goal-card .htw-process-card-outer:after{width:34px; height:24px; bottom:-23px;}
  .poker-hands-htw-sec .goal-card .htw-process-card-outer{margin-bottom:35px;}
  .poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{min-height:auto;}

  .poker-hands-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 40px 0px;}
  .poker-hands-game-expect-sec .game-expectation-list{gap:0px;}
  .poker-hands-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .poker-hands-game-expect-sec .owl-stage{display:flex;}
  .poker-hands-game .owl-carousel .owl-dot span{background:rgba(21, 124, 106, 0.52); border:none; width:28px; height:8px; border-radius:8px;}
  .poker-hands-game .owl-carousel .owl-dot.active span{background:var(--bg-base);}
  .poker-hands-game-expect-sec .game-expectation-card-outer{padding:0 30px 16px 40px; min-height:auto; border-radius:40px; margin:90px 0px 40px; box-shadow:0px 10px 28px rgba(246, 143, 24, 1);}
  .poker-hands-game-expect-sec .game-expect-card-title{font-size:24px; min-height:58px;}
  .poker-hands-game-expect-sec .game-expect-details-item{font-size:16px;}
  .poker-hands-game-expect-sec .game-expect-icon-block{margin-top:-54px; margin-left:-15px;}
  .poker-hands-game-expect-sec .game-expect-card-fig{max-width:180px;}

  .poker-hands-game-summary-sec .game-summary-sec-outer{margin-top:0px;}
  .poker-hands-game-summary-sec .container{padding:0px;}
  .poker-hands-game-summary-sec .game-summary-cont-outer{border-radius:0px; padding:30px 30px 30px; margin-bottom:11px;}
  .poker-hands-game-summary-sec .game-summary-text{font-size:22px;}
  .poker-hands-game-summary-sec .game-summary-cont-outer:before{top:10px; border-radius:0px; left:0; right:0; width:100%;}

  .poker-hands-faq-sec .accordion-head-outer{min-height:70px; padding:10px 0px 10px 86px;}
  .poker-hands-faq-sec .accordion-title{font-size:20px;}
  .poker-hands-faq-sec .accordion-text{font-size:18px;}
  .poker-hands-faq-sec .accordion-cont-bar{min-height:60px;}
  .poker-hands-faq-sec .accordion-item:before{font-size:22px; height:62px; width:62px; top:4px;}
  .poker-hands-faq-sec .accordion-body{padding:10px 30px 10px 86px;}
}

@media(max-width:767px) {
  .poker-hands-game {
  /*Btn Shadow*/
  --shadow-text:0px 2px 3px rgba(0,0,0, 0.5);

  /* Text Shadow */
  --text-shadow:0px 2px 3px rgba(0,0,0, 0.5);
  }

  .poker-hands-game .menu-line{background:#000;}
  .poker-hands-game .menu-back-icon, .poker-hands-game .close-menu-label{color:var(--clr-action);}

  .poker-hands-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .poker-hands-game .banner-logo .game-logo-fig{margin:15px 0px 10px; max-width:46%;}
  .poker-hands-game .video-block{max-width:314px;}
  .poker-hands-game .video-poster, .poker-hands-game .client-video{top:7px; left:7px; right:7px; width:calc(100% - 14px); height:calc(100% - 14px); border-radius:10px;}
  .poker-hands-game .banner-sec-video{margin-bottom:-80px;}
  .poker-hands-about-us-sec .about-us-content-inner{padding:70px 20px 30px;}
  .poker-hands-about-us-sec .sec-head{margin-bottom:6px;}
  .poker-hands-about-us-sec .sec-main-title{font-size:24px;}
  .poker-hands-about-us-sec .about-us-text{font-size:16px;}
  .poker-hands-game .base-btn{max-width:196px;}
  .poker-hands-game .btn-text{font-size:20px;}
  .poker-hands-about-us-sec .btn-bar{margin-top:10px;}

  .poker-hands-game .sec-head-outer{max-width:322px;}
  .poker-hands-game .sec-main-title:not(.about-sec-main-title){font-size:24px; padding-bottom:12px;}

  .poker-hands-htw-sec{padding-bottom:20px;}
  .poker-hands-htw-sec .htw-sec-head{margin-bottom:15px;}
  .poker-hands-htw-sec .htw-process-card-title{font-size:24px;}
  .poker-hands-htw-sec .htw-process-card-title.sub-title{font-size:20px;}
  .poker-hands-htw-sec .htw-process-card-list-item, .poker-hands-htw-sec .htw-process-card-list-label{font-size:16px; text-align:center;}
  .poker-hands-htw-sec .htw-process-card-cont{padding:20px 30px 10px; min-height:146px;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .htw-process-card-cont{padding:20px 30px 10px;}
  .poker-hands-htw-sec .how-to-work-process .col-full .htw-process-card-cont{min-height:auto; padding:20px 18px 10px;}
  .poker-hands-htw-sec .col-right{flex:1; margin:0; padding:0;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(even of :not(.how-to-work-process-sec-three)) .col-right{margin:0; padding:0;}
  .poker-hands-htw-sec .how-to-work-process:nth-child(odd of :not(.how-to-work-process-sec-three)) .col-right{margin:0; padding:0;}
  .poker-hands-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px;}
  .poker-hands-htw-sec .htw-process-card-outer{padding:4px 7px 14px 7px; margin:0px;}
  .poker-hands-htw-sec .col-full .htw-process-card-outer{margin-bottom:0px;}
  .poker-hands-htw-sec .goal-card .htw-process-card-outer:after{width:24px; height:20px; bottom:-16px;}
  .poker-hands-htw-sec .goal-card .htw-process-card-outer{margin-bottom:20px;}
  .poker-hands-htw-sec .htw-process-theme:after{display:block;}
  .poker-hands-htw-sec .htw-process-card{margin-top:12px;}
  .poker-hands-htw-sec .col-full{max-width:100%;}
  .poker-hands-htw-sec .htw-process-wrap{margin:15px 0;}
  .poker-hands-htw-sec .col-full .htw-process-card:not(.goal-card) .htw-process-card-list-item, .poker-hands-htw-sec .col-full .htw-process-card:not(.goal-card) .htw-process-card-list-label{font-size:14px;}
  .poker-hands-htw-sec .htw-process-card-thumbnail{margin:0px 0px 20px;}
  .poker-hands-htw-sec .htw-process-card-thumbnail .htw-process-theme{max-width:90.7%;}
  .poker-hands-htw-sec .col-full .htw-process-card:not(.goal-card) .htw-process-card-outer{padding:4px 7px 10px 7px;}

  .poker-hands-game-expect-sec .game-expectation-card-outer{padding:0 20px 16px 30px; margin:70px 0px 30px;}
  .poker-hands-game-expect-sec .game-expect-card-title{font-size:22px; min-height:58px;}
  .poker-hands-game-expect-sec .game-expect-details-item{font-size:14px;}
  .poker-hands-game-expect-sec .game-expect-icon-block{margin-top:-48px;}
  .poker-hands-game-expect-sec .game-expect-card-fig{max-width:160px;}

  .poker-hands-game-summary-sec .game-summary-cont-outer{padding:25px 20px 30px;}
  .poker-hands-game-summary-sec .game-summary-text{font-size:16px;}
  .poker-hands-game-summary-sec .game-summary-btn-bar{padding-top:15px;}

  .poker-hands-faq-sec .faq-sec-outer{padding:0px 0px 20px;}
  .poker-hands-game .faq-sec-head .sec-head-outer{max-width:227px;}
  .poker-hands-faq-sec .accordion-head-outer{min-height:50px; padding:5px 0px 5px 46px;}
  .poker-hands-faq-sec .accordion-title{font-size:14px;}
  .poker-hands-faq-sec .accordion-text{font-size:14px;}
  .poker-hands-faq-sec .accordion-cont-bar{min-height:auto;}
  .poker-hands-faq-sec .accordion-item:before{font-size:16px; height:40px; width:40px; top:4px; left:4px;}
  .poker-hands-faq-sec .accordion-body{padding:10px 30px 10px 46px;}
  .poker-hands-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .poker-hands-faq-sec .accordion-card:before{border-radius:30px;}
  .poker-hands-faq-sec .accordion-item{margin-bottom:10px;}
  .poker-hands-faq-sec .accordion-head-outer .accordion-icon{width:26px; min-width:26px;}
}
@media (min-width:360px) and (max-width:410px) and (orientation:portrait) {
  .poker-hands-faq-sec .accordion-title{font-size:13px;}
  .poker-hands-faq-sec .accordion-text{font-size:13px;}
}
@media(max-width:374px) {
  .poker-hands-game-expect-sec .game-expectation-card-outer{padding:0 15px 16px 20px;}
  .poker-hands-game-summary-sec .game-summary-cont-outer{padding:25px 15px 30px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Poker Hands Game CSS End // ***************************** */




/* ***************************** // Pyramid Game CSS Start // ***************************** */
.pyramid-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#ffcf10;
--clr-dark:#13464b;
--clr-action:#000;
--clr-action-alt:#0d6e0a;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#13464b;
--bg-primary:#ccfffc;
--bg-action:#0d6e0a;

/*Border Colors*/
--bdr1:#159b92;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-base2:"Poppins", sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #0a9906, 2px -2px 0 #0a9906, -2px 2px 0 #0a9906, -2px -2px 0 #0a9906, 2px 0 0 #0a9906, 0 2px 0 #0a9906, -2px 0 0 #0a9906;
--shadow-btn:0px 8px 10px rgba(0,0,0, 0.60);

/* Text Shadow */
--text-shadow:0px 3px 6px rgba(0,0,0, 0.5);
}

.pyramid-game .nav-item-label{font-family:var(--font-base2); border-radius:4px; padding-top:12px; padding-bottom:12px;}

.pyramid-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); max-width:424px;}
.pyramid-game .btn-bg{float:left; width:100%;}
.pyramid-game .btn-bg img{float:left; width:100%;}
.pyramid-game .btn-text{float:left; width:100%; font-size:38px; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:10px; z-index:1; color:#fff; font-family:var(--font-head); font-weight:normal;}

.pyramid-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.pyramid-game .banner-sec-outer{background:transparent; padding:0px;}
.pyramid-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.pyramid-game .banner-logo .game-logo-fig{max-width:45.3%; margin:50px 0px;}

.pyramid-game .banner-sec-video{background:transparent; margin-bottom:-230px;}
.pyramid-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.pyramid-game .video-block{max-width:930px; border-radius:0; overflow:inherit;}
.pyramid-game .video-poster, .pyramid-game .client-video{top:22px; bottom:auto; left:17px; right:17px; height:calc(100% - 44px); width:calc(100% - 34px); border-radius:0;}
.pyramid-game .video-iframe{filter:drop-shadow(0px 10px 32px rgba(0,0,0,0.3)) drop-shadow(0px 15px 32px rgba(0,0,0,0.3));}

.pyramid-about-us-sec{width:calc(100% + 10px); background:linear-gradient(to top, rgba(254,227,89,1) 34%,rgba(252,160,24,1) 100%); --radius:40px; border-radius:var(--radius) var(--radius) 0 0; padding:5px;  margin:0 -5px;}
.pyramid-about-us-sec .about-us-sec-outer{float:left; width:100%; background:#159b92; border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0; padding:300px 0px 80px;}
.pyramid-about-us-sec .sec-main-title{font-size:60px; color:var(--clr-base-light); text-transform:inherit;}
.pyramid-about-us-sec .about-us-text{font-size:30px; text-align:center; max-width:1240px;}
.pyramid-about-us-sec .btn-bar{margin-top:30px;}

.pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title){font-size:60px; color:#0d6e0a; text-transform:inherit; position:relative; padding-bottom:32px; display:block;}
.pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title):after{content:""; position:absolute; left:0; right:0; bottom:0; margin:auto; background:#000; height:5px; width:194px;}
.pyramid-game .sec-main-title.game-expect-sec-main-title{color:#ffcf10;}
.pyramid-game .sec-main-title.game-expect-sec-main-title:after{background:#fff;}

/* How to Work CSS Start */
.pyramid-htw-sec{padding:90px 0;}
.pyramid-htw-sec .htw-process-wrap .col-left{max-width:45.4%;}
.pyramid-htw-sec .htw-process-theme:after{background:#000; width:100%; height:4px; bottom:-2px; left:0; right:0; opacity:0.5; filter:blur(1px);}
.pyramid-htw-sec .how-to-work-process:nth-child(even) .col-right{padding-left:6%;}
.pyramid-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{flex-direction:row-reverse;}
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-three .htw-process-wrap, .pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-four .htw-process-wrap, 
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap, .pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-seven .htw-process-wrap, 
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-eight .htw-process-wrap{flex-direction:column-reverse;}
.pyramid-htw-sec .how-to-work-process:nth-child(odd) .col-right{padding-left:0; padding-right:6%;}

.pyramid-htw-sec .htw-process-card:before, .pyramid-htw-sec .htw-process-card:after, 
.pyramid-htw-sec .htw-process-card-outer:before, .pyramid-htw-sec .htw-process-card-outer:after{display:none;}
.pyramid-htw-sec .htw-process-card-outer{padding:6px; --radius:40px; border-radius:var(--radius); background:linear-gradient(to bottom, rgba(255,234,57,1) 0%,rgba(223,142,25,1) 100%);}
.pyramid-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 6px); background:linear-gradient(to bottom, rgba(21,155,146,1) 0%,rgba(19,59,66,1) 100%);}
.pyramid-htw-sec .htw-process-card-body{padding:80px 80px 60px; min-height:322px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{font-size:30px; font-weight:normal; font-family:var(--font-head);}
.pyramid-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(-50%); display:flex; align-items:center; justify-content:center;}
.card-title-bar-outer{float:left; position:relative;}
.pyramid-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:39px; font-weight:normal;}
.title-bg-fig{float:left; width:100%; height:116px;}
.title-bg-fig img{float:left; width:100%; height:100%; object-fit:contain;}
.pyramid-htw-sec .htw-process-card-list.list-style-none{margin:0px; padding:0px;}
.pyramid-htw-sec .container{position:relative;}
.htw-process-sec-bg{position:absolute; left:-10%; top:0; margin-top:-11%;}
.htw-sec-fig{float:left; width:100%; max-width:411px;}
.htw-sec-fig img{float:left; width:100%;}
.pyramid-htw-sec .htw-process-line-block{margin:-5% 0px; padding:0px;}
.pyramid-htw-sec .htw-process-line-fig{max-width:35.3%;}
.pyramid-htw-sec .how-to-work-process-sec-one .htw-process-line-block{padding-left:11%;}
.pyramid-htw-sec .how-to-work-process-sec-two .htw-process-sec-bg{left:auto; right:-12.5%; margin-top:-8.4%;}
.pyramid-htw-sec .how-to-work-process-sec-two .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-two .htw-process-line-block{justify-content:flex-start; padding-left:10%; margin:-6% 0px -5%;}
.pyramid-htw-sec .how-to-work-process-sec-two .htw-process-line-fig{max-width:24%;}

.pyramid-htw-sec .col-full{display:flex; align-items:center; justify-content:center; gap:0 40px;}
.pyramid-htw-sec .move-card{display:flex; justify-content:center; margin:5.6% 0px 30px;}
.pyramid-htw-sec .move-card .htw-process-card-outer{max-width:48.6%;}
.pyramid-htw-sec .move-card .htw-process-card-body{padding:80px 40px 60px;}
.pyramid-htw-sec .move-card .htw-process-card-list-item, .pyramid-htw-sec .move-card .htw-process-card-list-label{text-align:center;}
.htw-process-theme-outer{float:left; width:100%; position:relative;}
.how-to-work-process-sec-three .left-block .htw-process-sec-bg{left:-31%; margin-top:-18%;}
.how-to-work-process-sec-three .right-block .htw-process-sec-bg{left:auto; right:-34%; margin-top:-16%;}
.how-to-work-process-sec-three .right-block .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-three .htw-process-line-block{margin:0px 0px -5% 0px; justify-content:flex-end; padding-right:9%;}
.pyramid-htw-sec .how-to-work-process-sec-three .htw-process-line-fig{max-width:29.3%;}

.pyramid-htw-sec .foundation-card{display:flex; justify-content:center; margin:5.6% 0px 30px;}
.pyramid-htw-sec .foundation-card .htw-process-card-outer{max-width:48.6%;}
.pyramid-htw-sec .foundation-card .htw-process-card-body{padding:80px 40px 60px;}
.pyramid-htw-sec .foundation-card .htw-process-card-list-item, .pyramid-htw-sec .foundation-card .htw-process-card-list-label{text-align:center;}
.how-to-work-process-sec-four .left-block .htw-process-sec-bg{left:-32%; margin-top:-15%;}
.how-to-work-process-sec-four .right-block .htw-process-sec-bg{left:auto; right:-34%; margin-top:-12.5%;}
.how-to-work-process-sec-four .right-block .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-four .htw-process-line-block{margin:1% 0px -5.6% 0px; justify-content:center; padding-right:7%;}
.pyramid-htw-sec .how-to-work-process-sec-four .htw-process-line-fig{max-width:26.5%;}
.pyramid-htw-sec .how-to-work-process-sec-five .htw-process-sec-bg{left:-13%;}
.pyramid-htw-sec .how-to-work-process-sec-five .htw-process-line-block{justify-content:flex-end; padding-right:7%;}
.pyramid-htw-sec .how-to-work-process-sec-five .htw-process-line-fig{max-width:26.6%;}

.pyramid-htw-sec .stack-pile-card{display:flex; justify-content:center; margin:5.6% 0px 30px;}
.pyramid-htw-sec .stack-pile-card .htw-process-card-outer{max-width:48.6%;}
.pyramid-htw-sec .stack-pile-card .htw-process-card-body{padding:80px 40px 60px;}
.pyramid-htw-sec .stack-pile-card .htw-process-card-list-item, .pyramid-htw-sec .stack-pile-card .htw-process-card-list-label{text-align:center;}
.how-to-work-process-sec-six .left-block .htw-process-sec-bg{left:-32%; margin-top:-15%;}
.how-to-work-process-sec-six .right-block .htw-process-sec-bg{left:auto; right:-34%; margin-top:-13%;}
.how-to-work-process-sec-six .right-block .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-six .htw-process-line-block{margin:1% 0px -5.6% 0px; justify-content:flex-end; padding-right:7%;}
.pyramid-htw-sec .how-to-work-process-sec-six .htw-process-line-fig{max-width:26.5%;}

.pyramid-htw-sec .how-to-work-process-sec-seven .col-full{gap:0 10px;}
.pyramid-htw-sec .rest-option-card{display:flex; justify-content:center; margin:5.6% 0px 100px;}
.pyramid-htw-sec .rest-option-card .htw-process-card-outer{max-width:48.6%;}
.pyramid-htw-sec .rest-option-card .htw-process-card-body{padding:80px 40px 60px;}
.pyramid-htw-sec .rest-option-card .htw-process-card-list-item, .pyramid-htw-sec .rest-option-card .htw-process-card-list-label{text-align:center;}
.how-to-work-process-sec-seven .left-block .htw-process-sec-bg{left:-34%; margin-top:-38%;}
.how-to-work-process-sec-seven .right-block .htw-process-sec-bg{left:auto; right:-42%; margin-top:-35%;}
.how-to-work-process-sec-seven .right-block .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-seven .htw-process-line-block{margin:5% 0px -5.2% 0px; justify-content:flex-end; padding-right:7%;}
.pyramid-htw-sec .how-to-work-process-sec-seven .htw-process-line-fig{max-width:28.6%;}

.pyramid-htw-sec .kings-shortcut-card{display:flex; justify-content:center; margin:5.6% 0px 30px;}
.pyramid-htw-sec .kings-shortcut-card .htw-process-card-outer{max-width:48.6%;}
.pyramid-htw-sec .kings-shortcut-card .htw-process-card-body{padding:80px 40px 60px;}
.pyramid-htw-sec .kings-shortcut-card .htw-process-card-list-item, .pyramid-htw-sec .kings-shortcut-card .htw-process-card-list-label{text-align:center;}
.how-to-work-process-sec-eight .left-block .htw-process-sec-bg{left:-34%; margin-top:-17%;}
.how-to-work-process-sec-eight .right-block .htw-process-sec-bg{left:auto; right:-37%; margin-top:-14%;}
.how-to-work-process-sec-eight .right-block .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .how-to-work-process-sec-eight .htw-process-line-block{margin:0px 0px -4.6% 0px; justify-content:flex-end; padding-right:26%;}
.pyramid-htw-sec .how-to-work-process-sec-eight .htw-process-line-fig{max-width:46%;}
.pyramid-htw-sec .how-to-work-process-sec-eight .col-full:first-child{padding:0 60px;}

.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{flex-direction:row-reverse; margin-bottom:80px;}
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-nine .col-right{padding-left:0; padding-right:6%;}
.how-to-work-process-sec-nine .htw-process-sec-bg{left:auto; right:-12.5%; margin-top:-8.5%;}
.how-to-work-process-sec-nine .htw-sec-fig{max-width:473px;}
.pyramid-htw-sec .full-row{padding:0px 6%;}
.pyramid-htw-sec .performance-card .htw-process-card-body{min-height:auto; padding:50px 50px 60px;}
.pyramid-htw-sec .performance-card .htw-process-card-list-item{text-align:center; margin:0px;}
.pyramid-htw-sec .performance-card .htw-process-card-list-item + .htw-process-card-list-item{margin-top:8px;}
.pyramid-htw-sec .how-to-work-process-sec-nine .htw-process-line-block{margin:5px 0;}
.pyramid-htw-sec .how-to-work-process-sec-nine .htw-process-line-fig{max-width:1.7%;}
.pyramid-htw-sec .performance-card-theme .htw-process-card-body{padding:0px; min-height:auto; border-radius:calc(var(--radius) - 6px); overflow:hidden;}
.pyramid-htw-sec .game-elements-card .htw-process-card-body{padding:80px 40px 60px;}

.pyramid-htw-sec .how-to-work-process-sec-ten{margin-top:80px;}
.pyramid-htw-sec .game-summary-card .htw-process-card-cont{padding:0px;}
.pyramid-htw-sec .game-summary-card .htw-process-card-body{min-height:auto; padding:80px 40px 60px;}
.pyramid-htw-sec .game-summary-card .htw-process-card-list-item{text-align:center; font-family:var(--font-base);}
.pyramid-htw-sec .how-to-work-process-sec-ten .htw-process-line-block{margin:5px 0 -7.5%;}
.pyramid-htw-sec .how-to-work-process-sec-ten .htw-process-line-fig{max-width:56.3%;}
.pyramid-htw-sec .lose-title-bar.htw-process-card-title-bar{justify-content:flex-start; transform:inherit; position:unset; padding-left:40px;}
.pyramid-htw-sec .win-title-bar.htw-process-card-title-bar{justify-content:flex-end; transform:inherit; position:unset; padding-right:40px;}
.pyramid-htw-sec .lose-title-bar .title-bg-fig, .pyramid-htw-sec .win-title-bar .title-bg-fig{height:104px;}
.pyramid-htw-sec .lose-title-bar .htw-process-card-title{color:#ff1c1c;}
.pyramid-htw-sec .win-title-bar .htw-process-card-title{color:#80e44c;}
.pyramid-htw-sec .how-to-work-process-sec-ten .summary-congrats-line-block{margin:5px 0 -5.5%;}
.pyramid-htw-sec .summary-congrats-line-block .htw-process-line-fig{max-width:23.9%;}
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-ten .game-summary-congrats-wrap{flex-direction:row;}
.pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-ten .col-right{padding-left:6%; padding-right:0;}
.pyramid-htw-sec .game-summary-congrats-card .htw-process-card-body{padding:70px 80px 70px; min-height:auto;}
.pyramid-htw-sec .game-summary-congrats-card .htw-process-card-list-item{font-family:var(--font-base);}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.pyramid-game-expect-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat right center; background-size:cover; padding:60px 0 50px;}
.pyramid-game-expect-sec .game-expectation-list{gap:0px 90px; justify-content:flex-start;}
.pyramid-game-expect-sec .game-expectation-item{margin-top:120px; max-width:calc((100% / 2.7) - 45px);}
.pyramid-game-expect-sec .game-expectation-item:nth-child(3){margin-left:auto;}
.pyramid-game-expect-sec .game-expectation-card{padding:6px; --radius:40px; border-radius:var(--radius); background:linear-gradient(to bottom, rgba(47,179,131,1) 0%,rgba(24,168,107,1) 100%); box-shadow:0px 15px 42px rgba(0, 0, 0, 0.45);}
.pyramid-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 6px); padding:0 20px 16px 20px; min-height:372px; background:linear-gradient(to bottom, rgba(255,234,57,1) 0%,rgba(223,142,25,1) 100%); margin:0px;}
.pyramid-game-expect-sec .game-expect-icon-block{top:inherit; margin-top:-120px; margin-bottom:20px;}
.pyramid-game-expect-sec .game-expect-card-fig{max-width:217px;}
.pyramid-game-expect-sec .game-expect-card-title{font-size:38px; color:var(--clr-dark);}
.pyramid-game-expect-sec .game-expect-details-item{font-size:26px; color:#000; line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.pyramid-game-summary-sec{padding:6px; margin:0px -6px; width:calc(100% + 12px); background:linear-gradient(to bottom, rgba(254,227,89,1) 34%,rgba(252,160,24,1) 100%);}
.pyramid-game-summary-sec .game-summary-sec-outer{background:#159b92; padding:60px 0px 60px; margin:0px;}
.pyramid-game-summary-sec .game-summary-text{font-family:var(--font-base2); max-width:100%;}
.pyramid-game-summary-sec .btn-bar{padding-top:40px;}
.pyramid-game-summary-sec .game-summary-btn-bar:before{display:none;}
.pyramid-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
/* Game Summary CSS End */

/*FAQ CSS Start */
.pyramid-faq-sec .faq-sec-outer{background:transparent; padding:60px 0 60px;}
.pyramid-faq-sec .sec-head{display:flex; align-items:center; justify-content:center;}
.pyramid-faq-sec .sec-head-outer{float:left; position:relative;}
.pyramid-faq-sec .sec-main-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:40px; text-transform:inherit;}

.pyramid-faq-sec .faq-list{counter-reset:li;}
.pyramid-faq-sec .accordion-item{margin-bottom:6px; position:relative;}
.pyramid-faq-sec .accordion-item:before{content:"0" counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:30px; top:21px; margin:auto; width:58px; height:58px; font-size:32px; font-family:var(--font-head); font-weight:normal; color:#fff; border-radius:6px; background:var(--bg-base); display:inline-flex; align-items:center; justify-content:center;}
.pyramid-faq-sec .accordion-card{background:transparent; padding:6px; border:none; position:relative;}
.pyramid-faq-sec .is-open .accordion-card:before{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:14px; background:linear-gradient(to bottom, rgba(47,179,131,1) 0%,rgba(24,168,107,1) 100%);; z-index:-1;}
.pyramid-faq-sec .accordion-head{padding:0px;}
.pyramid-faq-sec .is-open .accordion-head{background:#f5f5f5; border-top-left-radius:10px; border-top-right-radius:10px;}
.pyramid-faq-sec .accordion-head-outer{background:var(--bg-primary); box-shadow:0px 5px 12px rgba(0, 0, 0, 0.35); border-radius:8px; min-height:100px; padding:11px 0px 12px 100px;}
.pyramid-faq-sec .accordion-title{font-size:34px; color:var(--clr-dark);}
.pyramid-faq-sec .accordion-body{padding:10px 30px 10px 70px; background:#f5f5f5; border-radius:0 0 8px 8px;}
.pyramid-faq-sec .accordion-cont-bar{min-height:92px;}
.pyramid-faq-sec .accordion-text{font-size:26px; color:#000;}
.pyramid-faq-sec .accordion-head-outer .accordion-icon{background:var(--bg-base); width:42px; height:42px; min-width:42px; margin-right:20px;}
.pyramid-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:20px; text-shadow:none; color:#fff;}
/*FAQ CSS End */

.pyramid-game .footer{background:#eaeaea;}
.pyramid-game .copyright-text{color:#000;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .pyramid-game .banner-logo .game-logo-fig{margin:40px 0px 30px;}
  .pyramid-game .video-block{max-width:770px;}
  .pyramid-game .video-poster, .pyramid-game .client-video{top:19px; left:14px; right:14px; height:calc(100% - 38px); width:calc(100% - 28px);}

  .pyramid-about-us-sec .about-us-sec-outer{padding:280px 0px 80px;}
  .pyramid-about-us-sec .sec-main-title{font-size:48px;}
  .pyramid-about-us-sec .about-us-text{font-size:26px; max-width:100%;}
  .pyramid-game .base-btn{max-width:356px;}
  .pyramid-game .btn-text{font-size:32px;}

  .pyramid-htw-sec{padding:60px 0;}
  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title){font-size:52px; padding-bottom:24px;}
  .htw-sec-fig{max-width:340px;}
  .pyramid-htw-sec .htw-process-card-body{padding:70px 40px 50px; min-height:272px;}
  .title-bg-fig{height:100px;}
  .pyramid-htw-sec .htw-process-card-title{font-size:32px;}
  .pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{font-size:26px;}
  .pyramid-htw-sec .how-to-work-process-sec-two .htw-sec-fig{max-width:373px;}
  .pyramid-htw-sec .move-card .htw-process-card-body{padding:70px 20px 50px;}
  .how-to-work-process-sec-three .left-block .htw-sec-fig{max-width:330px;}
  .how-to-work-process-sec-three .right-block .htw-sec-fig{max-width:384px;}
  .pyramid-htw-sec .how-to-work-process-sec-three .htw-process-line-block{padding-right:6%;}
  .how-to-work-process-sec-four .right-block .htw-sec-fig{max-width:354px;}
  .pyramid-htw-sec .how-to-work-process-sec-four .htw-process-line-block{margin:1% 0px -5% 0px;}
  .pyramid-htw-sec .stack-pile-card .htw-process-card-body{padding:70px 20px 50px;}
  .how-to-work-process-sec-six .right-block .htw-sec-fig{max-width:380px;}
  .how-to-work-process-sec-seven .right-block .htw-sec-fig{max-width:390px;}
  .pyramid-htw-sec .how-to-work-process-sec-seven .htw-process-line-block{margin:4% 0px -5.2% 0px;}
  .pyramid-htw-sec .how-to-work-process-sec-seven .htw-process-line-fig{max-width:27.6%;}
  .how-to-work-process-sec-eight .right-block .htw-sec-fig{max-width:360px;}
  .pyramid-htw-sec .how-to-work-process-sec-eight .htw-process-line-block{margin:0px 0px -2.6% 0px;}
  .how-to-work-process-sec-nine .htw-sec-fig{max-width:370px;}
  .pyramid-htw-sec .performance-card .htw-process-card-body{padding:50px 30px 50px;}
  .pyramid-htw-sec .full-row{padding:0px 4%;}
  .pyramid-htw-sec .lose-title-bar .title-bg-fig, .pyramid-htw-sec .win-title-bar .title-bg-fig{height:86px;}
  .pyramid-htw-sec .game-summary-congrats-card .htw-process-card-body{padding:60px 40px 60px;}

  .pyramid-game-expect-sec .game-expectation-item{max-width:calc((100% / 2.5) - 45px); margin-top:100px;}
  .pyramid-game-expect-sec .game-expectation-card-outer{min-height:312px;}
  .pyramid-game-expect-sec .game-expect-card-fig{max-width:187px;}
  .pyramid-game-expect-sec .game-expect-card-title{font-size:32px;}
  .pyramid-game-expect-sec .game-expect-details-item{font-size:22px;}
  .pyramid-game-expect-sec .game-expect-icon-block{margin-top:-100px;}

  .pyramid-game-summary-sec .game-summary-text{font-size:30px;}

  .pyramid-faq-sec .accordion-item:before{left:22px; top:20px; width:50px; height:50px; font-size:27px;}
  .pyramid-faq-sec .accordion-head-outer{min-height:80px; padding:9px 0px 10px 80px;}
  .pyramid-faq-sec .accordion-title{font-size:28px;}
  .pyramid-faq-sec .accordion-body{padding:8px 20px 8px 50px;}
  .pyramid-faq-sec .accordion-text{font-size:23px;}
  .pyramid-faq-sec .accordion-cont-bar{min-height:72px;}
}

@media(max-width:1280px) {
  .pyramid-game .banner-logo .game-logo-fig{margin:30px 0px 20px;}
  .pyramid-game .banner-sec-video{margin-bottom:-170px;}
  .pyramid-game .video-block{max-width:580px;}
  .pyramid-game .video-poster, .pyramid-game .client-video{top:14px; left:11px; right:11px; height:calc(100% - 28px); width:calc(100% - 22px);}

  .pyramid-about-us-sec .about-us-sec-outer{padding:200px 0px 60px;}
  .pyramid-about-us-sec .sec-main-title{font-size:42px;}
  .pyramid-about-us-sec .about-us-text{font-size:23px;}
  .pyramid-game .base-btn{max-width:314px;}
  .pyramid-game .btn-text{font-size:27px;}

  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title){font-size:40px; padding-bottom:20px;}
  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title):after{width:144px; height:4px;}
  .pyramid-htw-sec{padding:40px 0;}
  .htw-process-sec-bg{left:-7%; margin-top:-8%;}
  .htw-sec-fig{max-width:210px;}
  .pyramid-htw-sec .htw-process-card-body{padding:60px 40px 40px; min-height:220px;}
  .title-bg-fig{height:86px;}
  .pyramid-htw-sec .htw-process-card-title{font-size:26px;}
  .pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{font-size:22px;}
  .pyramid-htw-sec .how-to-work-process-sec-two .htw-process-sec-bg{right:-11%; margin-top:-8%;}
  .pyramid-htw-sec .how-to-work-process-sec-two .htw-sec-fig{max-width:293px;}
  .pyramid-htw-sec .move-card .htw-process-card-body{padding:60px 15px 40px;}
  .how-to-work-process-sec-three .left-block .htw-process-sec-bg{left:-25%; margin-top:-15%;}
  .how-to-work-process-sec-three .left-block .htw-sec-fig{max-width:230px;}
  .how-to-work-process-sec-three .right-block .htw-process-sec-bg{right:-25%; margin-top:-15%;}
  .how-to-work-process-sec-three .right-block .htw-sec-fig{max-width:284px;}
  .pyramid-htw-sec .foundation-card .htw-process-card-body{padding:70px 30px 50px;}
  .pyramid-htw-sec .how-to-work-process-sec-three .htw-process-line-block{padding-right:6%;}
  .how-to-work-process-sec-four .left-block .htw-process-sec-bg{left:-19%; margin-top:-12%;}
  .how-to-work-process-sec-four .right-block .htw-process-sec-bg{right:-20%; margin-top:-11.5%;}
  .how-to-work-process-sec-four .right-block .htw-sec-fig{max-width:284px;}
  .pyramid-htw-sec .how-to-work-process-sec-five .htw-process-sec-bg{left:-5%;}
  .pyramid-htw-sec .stack-pile-card .htw-process-card-body{padding:60px 15px 40px;}
  .how-to-work-process-sec-six .left-block .htw-process-sec-bg{left:-14%; margin-top:-12%;}
  .how-to-work-process-sec-six .right-block .htw-process-sec-bg{right:-20%; margin-top:-11.5%;}
  .how-to-work-process-sec-six .right-block .htw-sec-fig{max-width:280px;}
  .how-to-work-process-sec-seven .left-block .htw-process-sec-bg{left:-23%; margin-top:-28%;}
  .how-to-work-process-sec-seven .right-block .htw-process-sec-bg{right:-34%; margin-top:-28%;}
  .how-to-work-process-sec-seven .right-block .htw-sec-fig{max-width:290px;}
  .how-to-work-process-sec-eight .left-block .htw-process-sec-bg{left:-27%; margin-top:-13%;}
  .how-to-work-process-sec-eight .right-block .htw-process-sec-bg{right:-33%; margin-top:-12%;}
  .how-to-work-process-sec-eight .right-block .htw-sec-fig{max-width:260px;}
  .pyramid-htw-sec .how-to-work-process-sec-eight .htw-process-line-block{margin:0px 0px -1.6% 0px;}
  .pyramid-htw-sec .kings-shortcut-card .htw-process-card-body{padding:60px 30px 40px;}
  .pyramid-htw-sec .game-elements-card .htw-process-card-body{padding:60px 40px 40px;}
  .how-to-work-process-sec-nine .htw-process-sec-bg{right:-11.5%; margin-top:-7.4%;}
  .how-to-work-process-sec-nine .htw-sec-fig{max-width:270px;}
  .pyramid-htw-sec .full-row{padding:0px 2%;}
  .pyramid-htw-sec .game-summary-card .htw-process-card-body{padding:70px 30px 40px;}
  .pyramid-htw-sec .lose-title-bar .title-bg-fig, .pyramid-htw-sec .win-title-bar .title-bg-fig{height:72px;}
  .pyramid-htw-sec .lose-title-bar.htw-process-card-title-bar{padding-left:30px;}
  .pyramid-htw-sec .win-title-bar.htw-process-card-title-bar{padding-right:30px;}
  .pyramid-htw-sec .game-summary-congrats-wrap .htw-process-sec-bg{left:-12%; margin-top:-18%;}
  .pyramid-htw-sec .htw-btn-bar{margin-top:56px;}

  .pyramid-game-expect-sec .game-expectation-list{gap:0px 60px;}
  .pyramid-game-expect-sec .game-expectation-item{max-width:calc((100% / 2.3) - 30px); margin-top:80px;}
  .pyramid-game-expect-sec .game-expectation-card-outer{min-height:282px;}
  .pyramid-game-expect-sec .game-expect-card-fig{max-width:160px;}
  .pyramid-game-expect-sec .game-expect-card-title{font-size:28px;}
  .pyramid-game-expect-sec .game-expect-details-item{font-size:19px;}
  .pyramid-game-expect-sec .game-expect-icon-block{margin-top:-80px;}

  .pyramid-game-summary-sec .game-summary-text{font-size:26px;}

  .pyramid-faq-sec .sec-main-title{font-size:34px;}
  .pyramid-faq-sec .faq-block{padding:0px;}
  .pyramid-faq-sec .accordion-title{font-size:22px;}
  .pyramid-faq-sec .accordion-text{font-size:20px;}
}

@media(max-width:1023px) {
  .pyramid-game .banner-logo .game-logo-fig{margin:20px 0px 10px;}
  .pyramid-game .banner-sec-video{margin-bottom:-154px;}
  .pyramid-game .video-block{max-width:480px;}
  .pyramid-game .video-poster, .pyramid-game .client-video{top:12px; left:9px; right:9px; height:calc(100% - 24px); width:calc(100% - 18px);}
  .pyramid-game .video-iframe{filter:drop-shadow(0px 5px 20px rgba(0,0,0,0.3)) drop-shadow(0px 10px 20px rgba(0,0,0,0.3));}

  .pyramid-about-us-sec .about-us-sec-outer{padding:170px 0px 50px;}
  .pyramid-about-us-sec .sec-main-title{font-size:34px;}
  .pyramid-about-us-sec .about-us-text{font-size:18px;}
  .pyramid-game .base-btn{max-width:280px;}
  .pyramid-game .btn-text{font-size:24px; padding-bottom:6px;}

  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title){font-size:34px; padding-bottom:15px;}
  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title):after{width:130px; height:4px;}
  .htw-sec-fig{max-width:160px;}
  .pyramid-htw-sec .htw-process-card-outer{--radius:30px;}
  .pyramid-htw-sec .htw-process-card-body{padding:50px 15px 30px; min-height:160px;}
  .title-bg-fig{height:64px;}
  .pyramid-htw-sec .htw-process-card-title{font-size:21px;}
  .pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{font-size:18px;}
  .pyramid-htw-sec .how-to-work-process-sec-two .htw-process-sec-bg{right:-8%; margin-top:-6.5%;}
  .pyramid-htw-sec .how-to-work-process-sec-two .htw-sec-fig{max-width:180px;}
  .pyramid-htw-sec .move-card .htw-process-card-body{padding:50px 15px 30px;}
  .how-to-work-process-sec-three .left-block .htw-process-sec-bg{left:-18%; margin-top:-14%;}
  .how-to-work-process-sec-three .left-block .htw-sec-fig{max-width:160px;}
  .how-to-work-process-sec-three .right-block .htw-sec-fig{max-width:214px;}
  .pyramid-htw-sec .foundation-card .htw-process-card-body{padding:50px 12px 30px;}
  .how-to-work-process-sec-four .right-block .htw-process-sec-bg{right:-15%; margin-top:-10.5%;}
  .how-to-work-process-sec-four .right-block .htw-sec-fig{max-width:184px;}
  .pyramid-htw-sec .stack-pile-card .htw-process-card-body{padding:50px 15px 30px;}
  .how-to-work-process-sec-six .right-block .htw-process-sec-bg{right:-17%; margin-top:-13.5%;}
  .how-to-work-process-sec-six .right-block .htw-sec-fig{max-width:240px;}
  .pyramid-htw-sec .rest-option-card .htw-process-card-body{padding:50px 20px 30px;}
  .pyramid-htw-sec .rest-option-card{margin:6.7% 0px 60px;}
  .how-to-work-process-sec-seven .right-block .htw-process-sec-bg{right:-27%; margin-top:-25%;}
  .how-to-work-process-sec-seven .right-block .htw-sec-fig{max-width:180px;}
  .how-to-work-process-sec-eight .left-block .htw-process-sec-bg{left:-18%; margin-top:-11%;}
  .how-to-work-process-sec-eight .right-block .htw-process-sec-bg{right:-18%; margin-top:-9%;}
  .how-to-work-process-sec-eight .right-block .htw-sec-fig{max-width:160px;}
  .pyramid-htw-sec .kings-shortcut-card .htw-process-card-body{padding:50px 20px 30px;}
  .pyramid-htw-sec .how-to-work-process-sec-eight .col-full:first-child{padding:0px;}
  .pyramid-htw-sec .col-full{gap:0 20px;}
  .pyramid-htw-sec .game-elements-card .htw-process-card-body{padding:50px 15px 30px;}
  .how-to-work-process-sec-nine .htw-process-sec-bg{right:-8.5%; margin-top:-8.5%;}
  .how-to-work-process-sec-nine .htw-sec-fig{max-width:180px;}
  .pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{margin-bottom:50px;}
  .pyramid-htw-sec .performance-card .htw-process-card-body{padding:30px 10px 40px;}
  .pyramid-htw-sec .how-to-work-process-sec-ten{margin-top:60px;}
  .pyramid-htw-sec .game-summary-card .htw-process-card-body{padding:50px 10px 30px;}
  .pyramid-htw-sec .lose-title-bar .title-bg-fig, .pyramid-htw-sec .win-title-bar .title-bg-fig{height:52px;}
  .pyramid-htw-sec .game-summary-congrats-card .htw-process-card-body{padding:40px 20px 40px;}
  .pyramid-htw-sec .htw-btn-bar{margin-top:40px;}

  .pyramid-game-expect-sec .game-expectation-sec-outer{padding:30px 0 40px;}
  .pyramid-game-expect-sec .game-expectation-list{gap:0px 40px;}
  .pyramid-game-expect-sec .game-expectation-item{max-width:calc((100% / 2.2) - 20px); margin-top:60px;}
  .pyramid-game-expect-sec .game-expectation-card-outer{min-height:230px;}
  .pyramid-game-expect-sec .game-expect-card-fig{max-width:120px;}
  .pyramid-game-expect-sec .game-expect-card-title{font-size:22px;}
  .pyramid-game-expect-sec .game-expect-details-item{font-size:16px;}
  .pyramid-game-expect-sec .game-expect-icon-block{margin-top:-60px;}

  .pyramid-game-summary-sec .game-summary-sec-outer{padding:40px 0px 40px;}
  .pyramid-game-summary-sec .game-summary-text{font-size:21px;}
  .pyramid-game-summary-sec .btn-bar{padding-top:25px;}

  .pyramid-faq-sec .faq-sec-outer{padding:40px 0 40px;}
  .pyramid-faq-sec .sec-main-title{font-size:30px;}
  .pyramid-faq-sec .accordion-item:before{left:12px; top:15px; width:40px; height:40px; font-size:20px;}
  .pyramid-faq-sec .accordion-head-outer{min-height:60px; padding:9px 0px 10px 60px;}
  .pyramid-faq-sec .accordion-title{font-size:18px;}
  .pyramid-faq-sec .accordion-body{padding:8px 10px 8px 40px;}
  .pyramid-faq-sec .accordion-text{font-size:15px;}
  .pyramid-faq-sec .accordion-cont-bar{min-height:52px;}
  .pyramid-faq-sec .accordion-head-outer .accordion-icon{width:34px; height:34px; min-width:34px; margin-right:8px;}
  .pyramid-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:15px;}
}

@media(min-width:768px) {
  .pyramid-game .header{box-shadow:0px 4px 9px rgba(0, 0, 0, 0.6);}
}

@media(max-width:767px) {
  .pyramid-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #0a9906, 1px -1px 0 #0a9906, -1px 1px 0 #0a9906, -1px -1px 0 #0a9906, 1px 0 0 #0a9906, 0 1px 0 #0a9906, -1px 0 0 #0a9906;
  --shadow-btn:0px 5px 3px rgba(0,0,0, 0.60);

  /* Text Shadow */
  --text-shadow:0px 3px 6px rgba(0,0,0, 0.5);
  }

  .pyramid-game .menu-line{background:#159b92}
  .pyramid-game .close-menu-label, .pyramid-game .menu-back-icon, .pyramid-game .nav-item-label{color:#159b92}

  .pyramid-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% auto;}
  .pyramid-game .banner-logo .game-logo-fig{margin:15px 0px 20px; max-width:68.3%;}
  .pyramid-game .banner-sec-video{margin-bottom:-94px;}
  .pyramid-game .video-block{max-width:320px;}
  .pyramid-game .video-poster, .pyramid-game .client-video{top:8px; left:6px; right:6px; height:calc(100% - 16px); width:calc(100% - 12px);}
  .pyramid-game .video-iframe{filter:drop-shadow(0px 5px 20px rgba(0,0,0,0.3)) drop-shadow(0px 10px 20px rgba(0,0,0,0.3));}

  .pyramid-about-us-sec{--radius:24px; padding:2px;}
  .pyramid-about-us-sec .about-us-sec-outer{padding:110px 0px 40px;}
  .pyramid-about-us-sec .sec-main-title{font-size:24px;}
  .pyramid-about-us-sec .about-us-text{font-size:16px;}
  .pyramid-game .base-btn{max-width:216px;}
  .pyramid-game .btn-text{font-size:18px; padding-bottom:4px;}

  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title){font-size:24px;}
  .pyramid-game .sec-main-title:not(.about-sec-main-title, .faqs-sec-main-title):after{width:76px; height:2px;}
  
  .pyramid-htw-sec{background:url('../images/pyramid/htw-sec-bg.webp') no-repeat left top; background-size:102px;}
  .pyramid-htw-sec .htw-sec-head{margin-bottom:20px;}
  .pyramid-htw-sec .htw-process-wrap .col-left, .pyramid-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px !important;}
  .pyramid-htw-sec .htw-process-sec-bg, .pyramid-htw-sec .htw-process-line-block{display:none;}
  .pyramid-htw-sec .htw-process-card{margin-top:44px; margin-bottom:30px;}
  .pyramid-htw-sec .htw-process-card-title{font-size:18px;}
  .title-bg-fig{height:60px;}
  .pyramid-htw-sec .htw-process-card-outer{padding:2px; --radius:20px; max-width:100% !important;}
  .pyramid-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 2px);}
  .pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{text-align:center;}
  .pyramid-htw-sec .htw-process-card-body{padding:40px 15px 0px !important; min-height:190px;}
  .pyramid-htw-sec .move-card{margin:30px 0px 14px;}
  .pyramid-htw-sec .col-full{gap:7px 0 !important; flex-wrap:wrap;}
  .pyramid-htw-sec .foundation-card, .pyramid-htw-sec .unlock-next-row-card, .pyramid-htw-sec .stack-pile-card, .pyramid-htw-sec .rest-option-card, 
  .pyramid-htw-sec .kings-shortcut-card, .pyramid-htw-sec .game-elements-card, .pyramid-htw-sec .game-summary-card{margin-top:64px; margin-bottom:14px;}
  .pyramid-htw-sec .how-to-work-process-sec-five .htw-process-wrap{flex-direction:column-reverse;}
  .pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-nine .htw-process-wrap{flex-direction:column-reverse; margin-bottom:0px;}
  .pyramid-htw-sec .performance-card{margin:30px 0 0;}
  .pyramid-htw-sec .performance-card .htw-process-card-body{padding:20px 15px !important;}
  .pyramid-htw-sec .how-to-work-process-sec-nine .htw-process-line-block{display:flex; margin:-12px 0px 0px;}
  .pyramid-htw-sec .how-to-work-process-sec-nine .htw-process-line-fig{max-width:16px;}
  .pyramid-htw-sec .performance-card-theme{margin:10px 0 0;}
  .pyramid-htw-sec .full-row{padding:0px;}
  .pyramid-htw-sec .performance-card-theme .htw-process-card-body{padding:0px 0px 40px !important;}
  .pyramid-htw-sec .how-to-work-process-sec-ten{margin-top:0px;}
  .pyramid-htw-sec .game-summary-card .htw-process-card-body{min-height:190px;}
  .pyramid-htw-sec .htw-process-card-title-bar{justify-content:center !important; padding:0px !important; margin:0px 0px 6px;}
  .pyramid-htw-sec .how-to-work-process.how-to-work-process-sec-ten .game-summary-congrats-wrap{flex-direction:column-reverse;}
  .pyramid-htw-sec .game-summary-congrats-card{margin-top:30px; margin-bottom:14px;}
  .pyramid-htw-sec .game-summary-congrats-card .htw-process-card-body{min-height:190px; padding:20px 15px 0px !important;}
  .pyramid-htw-sec .htw-btn-bar{margin-top:30px;}

  .pyramid-game-expect-sec .game-expectation-sec-outer{padding:30px 0 30px;}
  .pyramid-game-expect-sec .game-expectation-list{gap:0px;}
  .pyramid-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px; padding:80px 0px 20px;}
  .pyramid-game-expect-sec .owl-stage{display:flex;}
  .pyramid-game .owl-carousel .owl-dot span{border:none; background:#159b92;}
  .pyramid-game .owl-carousel .owl-dot.active span{background:#fff;}
  .pyramid-game-expect-sec .game-expectation-card{--radius:20px; padding:2px; box-shadow:0px 8px 16px rgba(0, 0, 0, 0.45);}
  .pyramid-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 2px); padding:0 10px 30px 10px; min-height:auto;}

  .pyramid-game-summary-sec{padding:2px; margin:0px -2px; width:calc(100% + 4px);}
  .pyramid-game-summary-sec .game-summary-text{font-size:18px;}

  .pyramid-faq-sec .faq-sec-outer{padding:30px 0 20px;}
  .pyramid-faq-sec .title-bg-fig{height:56px;}
  .pyramid-faq-sec .accordion-card{padding:2px;}
  .pyramid-faq-sec .is-open .accordion-card:before{border-radius:8px;}
  .pyramid-faq-sec .is-open .accordion-head{border-top-left-radius:7px; border-top-right-radius:6px;}
  .pyramid-faq-sec .accordion-item:before{top:10px; width:30px; height:30px; font-size:14px;}
  .pyramid-faq-sec .accordion-title{font-size:14px;}
  .pyramid-faq-sec .accordion-head-outer{min-height:46px; padding:7px 0px 8px 50px; border-radius:6px;}
  .pyramid-faq-sec .accordion-head-outer .accordion-icon{width:20px; min-width:20px; height:20px;}
  .pyramid-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:10px;}
}
@media(max-width:374px) {
  .pyramid-htw-sec .foundation-card .htw-process-card-body{padding:40px 10px 0px !important;}
  .pyramid-htw-sec .htw-process-card-list-item, .pyramid-htw-sec .htw-process-card-list-label{font-size:17px;}
  .pyramid-game-expect-sec .game-expect-details-item{font-size:15px;}
  .pyramid-game-summary-sec .game-summary-text{font-size:17px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Pyramid Game CSS End // ***************************** */




/* ***************************** // Word Slide Game CSS Start // ***************************** */
.word-slide-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#fff349;
--clr-dark:#001c47;
--clr-action:#001c47;
--clr-action-alt:#0092f2;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#4f3001;
--bg-primary:#0092f2;
--bg-action:#0092f2;

/*Border Colors*/
--bdr1:#0092f2;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Arial-Bold', sans-serif;
--font-base2:'Arial-Black', sans-serif;
--font-head:'GROBOLD', sans-serif;
--font-action:'BubbleboddyNeueTrial-ExtraBold', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #496e24, 2px -2px 0 #496e24, -2px 2px 0 #496e24, -2px -2px 0 #496e24, 2px 0 0 #496e24, 0 2px 0 #496e24, -2px 0 0 #496e24;
}

.word-slide-game .nav-item-label{border-radius:4px;}

.word-slide-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); max-width:441px;}
.word-slide-game .btn-bg{float:left; width:100%;}
.word-slide-game .btn-bg img{filter:inherit;}
.word-slide-game .btn-text{float:left; width:100%; font-size:48px; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:10px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal;}
.word-slide-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/word-slide/button_bg.webp"), url("../images/word-slide/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.word-slide-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.word-slide-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.word-slide-game .banner-sec-outer{background:transparent; padding:0px;}
.word-slide-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.word-slide-game .banner-logo .game-logo-fig{max-width:23.1%; margin:20px 0px 0px;}
.logo-overlay{position:absolute; top:0; bottom:0; display:flex; align-items:center; justify-content:center;}
.glowing-fig{float:left; width:100%; max-width:1216px;}
.glowing-fig img{float:left; width:100%;}

.word-slide-game .banner-sec-video{background:transparent; margin-bottom:-160px;}
.word-slide-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.word-slide-game .video-block{max-width:1190px; border-radius:0; overflow:inherit;}
.word-slide-game .video-poster, .word-slide-game .client-video{top:47px; bottom:auto; left:36px; right:36px; height:calc(100% - 94px); width:calc(100% - 72px); border-radius:50px;}
.word-slide-game .video-iframe{filter:drop-shadow(0px 5px 30px rgba(0,31,81,0.7));}

.word-slide-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:230px 0px 100px; background:linear-gradient(to top, rgba(249,187,6,1) 14%,rgba(255,236,97,1) 100%);}
.word-slide-about-us-sec .sec-head{margin-bottom:30px;}
.word-slide-about-us-sec .sec-main-title{font-size:70px; color:var(--clr-dark); text-transform:inherit;}
.word-slide-about-us-sec .about-us-text{font-size:35px; font-weight:700; color:var(--clr-dark); text-align:center; padding:0 50px;}
.word-slide-about-us-sec .btn-bar{margin-top:80px;}

.word-slide-game .sec-main-title:not(.about-sec-main-title){font-size:70px; color:var(--clr-dark); text-transform:inherit;}
.word-slide-game .sec-main-title.faqs-sec-main-title{color:#fff;}

/* How to Work CSS Start */
.word-slide-htw-sec{padding:80px 0px 100px;}
.word-slide-htw-sec .how-to-work-process-sec-one .htw-process-wrap{flex-direction:row-reverse;}
.word-slide-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.word-slide-htw-sec .htw-process-wrap .col-right{padding-right:6%;}
.word-slide-htw-sec .how-to-work-process{margin-bottom:140px;}
.word-slide-htw-sec .htw-process-theme:after{display:none;}
.word-slide-htw-sec .htw-process-theme img{filter:drop-shadow(5px 10px 15px rgba(0, 0, 0, 0.3));}
.word-slide-htw-sec .htw-process-card:before, .word-slide-htw-sec .htw-process-card:after, 
.word-slide-htw-sec .htw-process-card-outer:before, .word-slide-htw-sec .htw-process-card-outer:after{display:none;}
.word-slide-htw-sec .htw-process-card-outer{--radius:50px; border-radius:var(--radius); padding:10px; background:linear-gradient(to bottom, rgba(0,64,231,1) 0%,rgba(0,78,184,1) 100%);}
.word-slide-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 10px); border:2px solid #006dd7; background:linear-gradient(to top, rgba(0,60,181,1) 0%,rgba(0,146,242,1) 100%);}
.word-slide-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - 10px)); display:flex; align-items:center; justify-content:center;}
.word-slide-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--clr-base-light); font-weight:normal; text-transform:inherit;}
.word-slide-htw-sec .title-bg-fig{height:102px; filter:drop-shadow(-7px 10px 10px rgba(0, 38, 125, 0.5));}
.word-slide-htw-sec .htw-process-card-body{display:flex; align-items:center; background:transparent; min-height:330px; padding:80px 40px 60px;}
.word-slide-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.word-slide-htw-sec .htw-process-card-list-item{font-size:30px; font-weight:700; text-align:center;}
.word-slide-htw-sec .game-type-card .htw-process-card-body{padding:80px 15px 0px; flex-wrap:wrap;}
.word-slide-htw-sec .game-type-card .htw-process-card-list-block{margin-bottom:40px;}
.word-slide-htw-sec .game-type-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-between;}
.theme-top-block{float:left; width:100%; display:flex; justify-content:center; margin-bottom:24px;}
.theme-top-block .htw-theme-head{float:left; width:100%; max-width:70%; margin-left:20px;}
.theme-top-block .htw-theme-head img{float:left; width:100%;}
.theme-bottom-block{float:left; width:100%; display:flex; justify-content:center;}
.word-slide-htw-sec .game-type-card{margin-bottom:160px;}
.word-slide-htw-sec .game-type-card .htw-process-theme-col-row{margin-bottom:-170px;}
.word-slide-htw-sec .grid-card .htw-process-card-body{padding:80px 60px 50px; flex-wrap:wrap;}
.word-slide-htw-sec .grid-card .htw-process-card-list-block{margin-bottom:40px;}
.word-slide-htw-sec .grid-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-around;}
.word-slide-htw-sec .grid-card .htw-process-theme img{filter:inherit;}
.word-slide-htw-sec .grid-card .htw-process-card-list-item.highlight-text{color:#fff349; font-size:25px;}
.word-slide-htw-sec .gameplay-controls-card .htw-process-card-body{padding:80px 70px 0px; flex-wrap:wrap; min-height:auto;}
.word-slide-htw-sec .gameplay-controls-card .htw-process-card-list-block{margin-bottom:40px;}
.word-slide-htw-sec .gameplay-controls-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-around;}
.word-slide-htw-sec .gameplay-controls-card .htw-process-theme img{filter:inherit;}
.word-slide-htw-sec .how-to-work-process-sec-four{margin-bottom:100px;}
.word-slide-htw-sec .how-to-work-process-sec-five{margin-bottom:0px !important;}
.word-slide-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:6%; padding-right:0px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.word-slide-game-expect-sec .game-expectation-sec-outer{background:linear-gradient(to top, rgba(249,187,6,1) 14%,rgba(255,236,97,1) 100%);}
.word-slide-game-expect-sec .game-expectation-list{gap:0px 40px; justify-content:space-between;}
.word-slide-game-expect-sec .game-expectation-item{margin-top:30px; max-width:calc((100% / 3) - 40px);}
.word-slide-game-expect-sec .game-expectation-card{padding:6px; --radius:40px; border-radius:var(--radius); padding:10px; background:linear-gradient(to bottom, rgba(0,64,231,1) 0%,rgba(0,78,184,1) 100%);}
.word-slide-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 10px); border:2px solid #006dd7; padding:30px 24px 16px; background:linear-gradient(to top, rgba(0,60,181,1) 0%,rgba(0,146,242,1) 100%); margin:0px;}
.word-slide-game-expect-sec .game-expect-icon-block{top:inherit; margin-top:0px; margin-bottom:20px;}
.word-slide-game-expect-sec .game-expect-card-fig{--circle-size:132px; width:var(--circle-size); min-width:var(--circle-size); max-width:var(--circle-size); height:var(--circle-size); border-radius:100%; background:#0044ba; padding:24px;}
.word-slide-game-expect-sec .game-expect-card-title{font-size:34px; color:#fff; font-family:var(--font-base2);}
.word-slide-game-expect-sec .game-expect-details-item{font-size:22px; color:#fff; font-family:var(--font-base1); line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.word-slide-game-summary-sec .game-summary-sec-outer{background:linear-gradient(to bottom, rgba(146,218,246,1) 0%,rgba(255,255,255,1) 100%); padding:100px 0 100px;}
.word-slide-game-summary-sec .game-summary-text{max-width:100%; padding:0 30px; font-size:44px; font-family:var(--font-base2); color:var(--clr-dark);}
.word-slide-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.word-slide-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.word-slide-faq-sec .faq-sec-outer{padding:80px 0px 100px; background:linear-gradient(to top, rgba(0,60,181,1) 0%,rgba(0,146,242,1) 100%);}
.word-slide-faq-sec .accordion-item{margin-bottom:20px;}
.word-slide-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.word-slide-faq-sec .accordion-card{border-radius:10px; border:none; padding:0px; background:linear-gradient(to top, rgb(249,187,6) 0%, rgb(252,212,52) 52%, rgb(255,236,97) 100%);}
.word-slide-faq-sec .accordion-head{padding-right:12px;}
.word-slide-faq-sec .accordion-body{background:var(--bg-base); border-radius:0 0 10px 10px; padding-right:12px;}
.word-slide-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:700; color:#4f3001;}
.word-slide-faq-sec .answer-label, .word-slide-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:700; color:#fff;}
.word-slide-faq-sec .accordion-text{flex:1;}
.word-slide-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.word-slide-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.word-slide-faq-sec .accordion-icon{background:var(--bg-base); --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.word-slide-faq-sec .accordion-icon .icon{color:#fff; font-size:20px;}
/*FAQ CSS End */

.word-slide-game .footer{background:#001c47;}
.word-slide-game .copyright-text{color:rgba(255, 255, 255, 0.86);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .word-slide-game .banner-sec{background-size:100% 100%;}
  .word-slide-game .banner-logo .game-logo-fig{max-width:25.1%;}
  .glowing-fig{max-width:906px;}
  .word-slide-game .video-block{max-width:906px;}
  .word-slide-game .banner-sec-video{margin-bottom:-120px;}
  .word-slide-game .video-poster, .word-slide-game .client-video{top:35px; left:28px; right:28px; height:calc(100% - 71px); width:calc(100% - 56px); border-radius:38px;}

  .word-slide-about-us-sec .about-us-sec-outer{padding:190px 0px 70px;}
  .word-slide-about-us-sec .sec-main-title{font-size:56px;}
  .word-slide-about-us-sec .about-us-text{font-size:30px;}
  .word-slide-about-us-sec .btn-bar{margin-top:60px;}
  .word-slide-game .base-btn{max-width:386px;}
  .word-slide-game .btn-text{font-size:42px;}

  .word-slide-game .sec-main-title:not(.about-sec-main-title){font-size:56px;}
  .word-slide-htw-sec .htw-process-card-body{min-height:280px; padding:60px 20px 40px;}
  .word-slide-htw-sec .title-bg-fig{height:80px;}
  .word-slide-htw-sec .htw-sec-head{margin-bottom:40px;}
  .word-slide-htw-sec .htw-process-card-title{font-size:26px;}
  .word-slide-htw-sec .htw-process-card-list-item{font-size:26px;}
  .word-slide-htw-sec .game-type-card .htw-process-card-body{padding:50px 15px 0px;}
  .word-slide-htw-sec .game-type-card .htw-process-theme-col-row{margin-bottom:-120px; gap:0 30px;}
  .word-slide-htw-sec .how-to-work-process{margin-bottom:70px;}
  .word-slide-htw-sec .grid-card .htw-process-card-body{padding:50px 30px 40px;}
  .word-slide-htw-sec .grid-card .htw-process-card-list-item.highlight-text{font-size:22px;}
  .word-slide-htw-sec .grid-card .htw-process-theme-col-row{gap:0 30px;}
  .word-slide-htw-sec .gameplay-controls-card .htw-process-card-body{padding:50px 30px 0px;}

  .word-slide-game-expect-sec .game-expectation-list{gap:0px 20px;}
  .word-slide-game-expect-sec .game-expectation-item{max-width:calc((100% / 3) - 20px);}
  .word-slide-game-expect-sec .game-expectation-card-outer{padding:30px 19px 16px;}
  .word-slide-game-expect-sec .game-expect-card-fig{--circle-size:112px; padding:20px;}
  .word-slide-game-expect-sec .game-expect-card-title{font-size:27px;}
  .word-slide-game-expect-sec .game-expect-details-item{font-size:18px;}

  .word-slide-game-summary-sec .game-summary-sec-outer{padding:70px 0 70px;}
  .word-slide-game-summary-sec .game-summary-text{font-size:36px; padding:0px;}

  .word-slide-faq-sec .faq-sec-outer{padding:70px 0px 70px;}
  .word-slide-faq-sec .faq-sec-head{margin-bottom:40px;}
  .word-slide-faq-sec .accordion-title{font-size:26px;}
  .word-slide-faq-sec .answer-label, .word-slide-faq-sec .accordion-text{font-size:25px;}
}

@media(max-width:1280px) {
  .glowing-fig{max-width:776px;}
  .word-slide-game .video-block{max-width:756px;}
  .word-slide-game .banner-sec-video{margin-bottom:-100px;}
  .word-slide-game .video-poster, .word-slide-game .client-video{top:30px; left:23px; right:23px; height:calc(100% - 60px); width:calc(100% - 46px); border-radius:32px;}
  .word-slide-game .video-iframe{filter:drop-shadow(0px 5px 18px rgba(0,31,81,0.7));}

  .word-slide-about-us-sec .about-us-sec-outer{padding:140px 0px 60px;}
  .word-slide-about-us-sec .sec-head{margin-bottom:20px;}
  .word-slide-about-us-sec .sec-main-title{font-size:48px;}
  .word-slide-about-us-sec .about-us-text{font-size:26px; padding:0px;}
  .word-slide-about-us-sec .btn-bar{margin-top:50px;}
  .word-slide-game .base-btn{max-width:356px;}
  .word-slide-game .btn-text{font-size:38px;}

  .word-slide-game .sec-main-title:not(.about-sec-main-title){font-size:48px;}
  .word-slide-htw-sec{padding:60px 0px 80px;}
  .word-slide-htw-sec .htw-sec-head{margin-bottom:30px;}
  .word-slide-htw-sec .htw-process-wrap .col-right{padding-right:4%;}
  .word-slide-htw-sec .title-bg-fig{height:70px;}
  .word-slide-htw-sec .htw-process-card-title{font-size:22px;}
  .word-slide-htw-sec .htw-process-card-list-item{font-size:22px;}
  .word-slide-htw-sec .htw-process-card-body{min-height:240px; padding:40px 20px 30px;}
  .word-slide-htw-sec .htw-process-theme img{filter:drop-shadow(2px 5px 10px rgba(0, 0, 0, 0.3));}
  .word-slide-htw-sec .game-type-card .htw-process-card-body{padding:40px 20px 30px;}
  .word-slide-htw-sec .grid-card .htw-process-card-body{padding:40px 20px 30px;}
  .word-slide-htw-sec .gameplay-controls-card .htw-process-card-body{padding:40px 20px 0px;}
  .word-slide-htw-sec .htw-process-card-outer{--radius:34px;}
  .word-slide-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:4%;}

  .word-slide-game-expect-sec .game-expectation-sec-outer{padding:40px 0 50px;}
  .word-slide-game-expect-sec .game-expectation-item{margin-top:20px;}
  .word-slide-game-expect-sec .game-expectation-card{--radius:34px;}
  .word-slide-game-expect-sec .game-expect-card-title{font-size:22px; margin-bottom:22px;}
  .word-slide-game-expect-sec .game-expect-details-item{font-size:16px;}

  .word-slide-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .word-slide-game-summary-sec .game-summary-text{font-size:30px;}

  .word-slide-faq-sec .faq-sec-outer{padding:50px 0px;}
  .word-slide-faq-sec .faq-sec-head{margin-bottom:30px;}
  .word-slide-faq-sec .faq-block{padding:0px;}
  .word-slide-faq-sec .accordion-title{font-size:22px;}
  .word-slide-faq-sec .answer-label, .word-slide-faq-sec .accordion-text{font-size:21px;}
  .word-slide-faq-sec .accordion-cont-bar{min-height:86px;}
  .word-slide-faq-sec .accordion-item{margin-bottom:15px;}
}

@media(max-width:1023px) {
  .word-slide-game .banner-sec{background-size:cover;}
  .word-slide-game .banner-logo .game-logo-fig{max-width:28.1%; margin:10px 0px 0px;}
  .glowing-fig{max-width:606px;}
  .word-slide-game .video-block{max-width:606px;}
  .word-slide-game .banner-sec-video{margin-bottom:-80px;}
  .word-slide-game .video-poster, .word-slide-game .client-video{top:25px; left:18px; right:18px; height:calc(100% - 50px); width:calc(100% - 36px); border-radius:24px;}

  .word-slide-about-us-sec .about-us-sec-outer{padding:120px 0px 40px;}
  .word-slide-about-us-sec .sec-main-title{font-size:38px;}
  .word-slide-about-us-sec .about-us-text{font-size:22px ;}
  .word-slide-about-us-sec .btn-bar{margin-top:40px;}
  .word-slide-game .base-btn{max-width:306px;}
  .word-slide-game .btn-text{font-size:34px;}

  .word-slide-game .sec-main-title:not(.about-sec-main-title){font-size:38px;}
  .word-slide-htw-sec{padding:40px 0px 60px;}
  .word-slide-htw-sec .htw-process-wrap .col-right{padding-right:2%;}
  .word-slide-htw-sec .title-bg-fig{height:56px;}
  .word-slide-htw-sec .htw-process-card-title{font-size:18px;}
  .word-slide-htw-sec .htw-process-card-list-item{font-size:18px;}
  .word-slide-htw-sec .htw-process-card-body{min-height:200px; padding:30px 10px 20px;}
  .word-slide-htw-sec .game-type-card .htw-process-card-body{padding:30px 10px 20px;}
  .word-slide-htw-sec .grid-card .htw-process-card-body{padding:30px 10px 20px;}
  .word-slide-htw-sec .gameplay-controls-card .htw-process-card-body{padding:30px 10px 0px;}
  .word-slide-htw-sec .htw-process-card-outer{--radius:28px;}
  .word-slide-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:2%;}
  .word-slide-htw-sec .game-type-card .htw-process-theme-col-row{margin-bottom:-100px; gap:0 15px;}
  .theme-top-block{margin-bottom:14px;}
  .word-slide-htw-sec .game-type-card{margin-bottom:70px;}
  .word-slide-htw-sec .grid-card .htw-process-card-list-item.highlight-text{font-size:17px;}
  .word-slide-htw-sec .grid-card .htw-process-card-list-block{margin-bottom:30px;}
  .word-slide-htw-sec .grid-card .htw-process-theme-col-row{gap:0 20px;}
  .word-slide-htw-sec .gameplay-controls-card .htw-process-card-list-block{margin-bottom:20px;}

  .word-slide-game-expect-sec .game-expectation-list{gap:0px;}
  .word-slide-game-expect-sec .owl-stage{display:flex;}
  .word-slide-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .word-slide-game-expect-sec .owl-item{margin:20px 0;}
  .word-slide-game .owl-carousel .owl-dot span{border:none; background:#bb8b00;}
  .word-slide-game .owl-carousel .owl-dot.active span{background:#fff;}
  .word-slide-game-expect-sec .game-expectation-sec-outer{padding:30px 0 20px;}
  .word-slide-game-summary-sec .game-summary-text{font-size:23px;}

  .word-slide-faq-sec .faq-sec-outer{padding:40px 0px;}
  .word-slide-faq-sec .accordion-icon{--circle-size:36px;}
  .word-slide-faq-sec .accordion-title{font-size:20px;}
  .word-slide-faq-sec .accordion-icon .icon{font-size:16px;}
  .word-slide-faq-sec .answer-label, .word-slide-faq-sec .accordion-text{font-size:18px;}
  .word-slide-faq-sec .accordion-cont-bar{min-height:76px;}
}

@media(max-width:767px) {
  .word-slide-game {
  --shadow-text:1px 1px 0 #496e24, 1px -1px 0 #496e24, -1px 1px 0 #496e24, -1px -1px 0 #496e24, 1px 0 0 #496e24, 0 1px 0 #496e24, -1px 0 0 #496e24;
  }

  .word-slide-game .menu-back-icon, .word-slide-game .close-menu-label{color:var(--clr-action-alt);}
  .word-slide-game .nav-item-label{color:var(--clr-action-alt);}

  .word-slide-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .word-slide-game .banner-logo .game-logo-fig{max-width:34.1%; margin:10px 0px 0px;}
  .glowing-fig{max-width:100%;}
  .word-slide-game .video-block{max-width:340px;}
  .word-slide-game .banner-sec-video{margin-bottom:-40px;}
  .word-slide-game .video-poster, .word-slide-game .client-video{top:14px; left:10px; right:10px; height:calc(100% - 28px); width:calc(100% - 20px); border-radius:14px;}
  .word-slide-game .video-iframe{filter:drop-shadow(0px 2px 10px rgba(0,31,81,0.7));}

  .word-slide-about-us-sec .about-us-sec-outer{padding:80px 0px 40px;}
  .word-slide-about-us-sec .sec-main-title{font-size:22px;}
  .word-slide-about-us-sec .about-us-text{font-size:16px;}
  .word-slide-about-us-sec .btn-bar{margin-top:20px;}
  .word-slide-game .base-btn{max-width:186px;}
  .word-slide-game .btn-text{font-size:18px;}

  .word-slide-game .sec-main-title:not(.about-sec-main-title){font-size:22px;}
  .word-slide-htw-sec{padding:40px 0px 50px;}
  .word-slide-htw-sec .htw-sec-head{margin-bottom:15px;}
  .word-slide-htw-sec .how-to-work-process-sec-one .htw-process-wrap{flex-direction:column;}
  .word-slide-htw-sec .htw-process-wrap .col{padding:0px; max-width:100%;}
  .word-slide-htw-sec .htw-process-card{margin-top:50px;}
  .word-slide-htw-sec .htw-process-card-body{min-height:160px; padding:30px 10px 10px;}
  .word-slide-htw-sec .htw-process-card-outer{--radius:22px; padding:6px;}
  .word-slide-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 6px);}
  .word-slide-htw-sec .how-to-work-process{margin-bottom:10px;}
  .word-slide-htw-sec .htw-process-card-list-item{font-size:16px;}
  .word-slide-htw-sec .htw-process-card{margin-top:45px;}
  .word-slide-htw-sec .htw-process-card-title-bar{transform:translateY(calc(-50% - 5px));}
  .word-slide-htw-sec .game-type-card{margin-bottom:0px;}
  .word-slide-htw-sec .game-type-card .htw-process-card-body{padding:30px 10px;}
  .word-slide-htw-sec .game-type-card .htw-process-card-list-block{margin-bottom:0px;}
  .word-slide-htw-sec .game-type-card .htw-process-theme-col-row{flex-wrap:wrap; gap:25px 0px; padding:0px 16px; margin:0px;}
  .word-slide-htw-sec .theme-top-block{margin-bottom:6px;}
  .word-slide-htw-sec .grid-card .htw-process-card-list-block{margin-bottom:0px;}
  .word-slide-htw-sec .grid-card .htw-process-card-list-item.highlight-text{font-size:14px;}
  .word-slide-htw-sec .grid-card .htw-process-theme-col-row{flex-wrap:wrap; gap:10px 0px; padding:0px 10px;}
  .word-slide-htw-sec .how-to-work-process-sec-four.how-to-work-process{margin-bottom:30px;}
  .word-slide-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:0px;}

  .word-slide-game-expect-sec .game-expectation-card{--radius:22px; padding:6px;}
  .word-slide-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 6px); padding:20px 10px 15px;}
  .word-slide-game-expect-sec .game-expect-card-fig{--circle-size:90px; padding:17px;}
  .word-slide-game-expect-sec .game-expect-card-title{margin-bottom:10px;}
  .word-slide-game-expect-sec .game-expectation-item{max-width:calc(100vw - 90px); min-width:calc(100vw - 90px);}

  .word-slide-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .word-slide-game-summary-sec .game-summary-text{font-size:20px;}
  .word-slide-game-summary-sec .game-summary-btn-bar{padding-top:25px;}

  .word-slide-faq-sec .faq-sec-head{margin-bottom:20px;}
  .word-slide-faq-sec .accordion-title{font-size:16px;}
  .word-slide-faq-sec .accordion-icon{--circle-size:22px;}
  .word-slide-faq-sec .accordion-icon .icon{font-size:12px;}
  .word-slide-faq-sec .accordion-head{padding:6px 8px;}
  .word-slide-faq-sec .accordion-body{padding:0px 8px; border-radius:0 0 6px 6px;}
  .word-slide-faq-sec .answer-label, .word-slide-faq-sec .accordion-text{font-size:14px;}
  .word-slide-faq-sec .accordion-cont-bar{min-height:auto; padding:10px 0;}
  .word-slide-faq-sec .accordion-item{margin-bottom:10px;}
  .word-slide-faq-sec .accordion-card{border-radius:6px;}
}
@media(max-width:374px) {
  .word-slide-htw-sec .htw-process-card-body{padding:30px 20px 10px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Word Slide Game CSS End // ***************************** */



/* ***************************** // Baccarat Game CSS Start // ***************************** */
.baccarat-game {
/*Colors*/
--clr-base:#5b247f;
--clr-base-light:#e20a38;
--clr-dark:#000;
--clr-action-alt:#fff;
--clr-action: #000000;
  
/*Background Colors*/
--bg-body:#fff;
--bg-base:#5b247f;
--bg-primary:#e20a38;
--bg-secondary:#27b1c8;
--bg-dark:#632788;
--bg-action:#ffc000;

/*Border Colors*/
--bdr1:#dbdbdb;

/*Btn Shadow*/
--shadow-text:0 2px 4px rgba(0,0,0,0.3);
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'IFC RAILROAD';
--font-head2: 'Montserrat';
--font-action:'IFC RAILROAD';
}
.baccarat-game .game-logo-fig{max-width:35.715%;}
.baccarat-game .nav-item-label{border-radius:8px;}
.baccarat-game .middle-wrapper{--video-overflow:-10vmin;}
.baccarat-game .play-now-btn .btn-text{color: #2a5b03;font-size:60px;text-shadow:0.12vmin 0.12vmin 0 #c2fa6e, 0.12vmin -0.12vmin 0 #c2fa6e, -0.12vmin 0.12vmin 0 #c2fa6e, -0.12vmin -0.12vmin 0 #c2fa6e, 0.12vmin 0 0 #c2fa6e, 0 0.12vmin 0 #c2fa6e, -0.12vmin 0 0 #c2fa6e;}

.baccarat-game-banner-sec .banner-sec-outer{padding:0px; margin-bottom:0%;}
.baccarat-game-banner-sec .banner-col{float:left; width:100%; flex:0 0 100%;}
.baccarat-game-banner-sec .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;margin:20px 0px 10px;}
.baccarat-game-banner-sec .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; top:-1px; margin-bottom: var(--video-overflow);}
.baccarat-game-banner-sec .video-block{max-width:77.5%; position:relative;filter:drop-shadow(0 0 20px rgba(0,0,0, 0.95));border-radius:0px;}
.baccarat-game-banner-sec .video-poster,
.baccarat-game-banner-sec .client-video{border-radius:1vmin; left:0.7%; right:0.7%; top:1.4%; bottom:1.4%;}
.baccarat-game-banner-sec .video-poster{width:calc(100% - 1.4%); height:calc(100% - 2.8%);}
.baccarat-game-banner-sec .video-fig{position:absolute; left:2.3%; top:3.8%; margin:0 auto; width:calc(100% - 4.6%);}


/* About Sec CSS START */
.baccarat-game-about-sec{border-top:2px solid rgb(96, 29, 0);border-bottom:2px solid rgb(96, 29, 0);background-image:linear-gradient( 0deg, rgba(255, 108, 0, 0.85) 0%, rgb(255,198,0) 8%,  rgb(255,242,119) 36%, rgb(255,229,0) 60%, rgb(255,214,0) 70%, rgb(255,198,0) 94%, rgba(255, 108, 0, 0.85) 100%);}
.baccarat-game-about-sec .about-us-text{font-size:3.4vmin;color:#31110b;text-align:center;font-weight:600;}
.baccarat-game-about-sec .sec-main-title{color:#160002;}
.baccarat-game-about-sec .about-us-content{float:left;width:100%;padding: 100px 0px;}
.baccarat-game-about-sec .about-us-sec-outer{margin-top:10vmin;}
.baccarat-game-about-sec .about-us-btn-bar{margin-top:64px;}
/* About Sec CSS End */

/* How to Work CSS Start */
.baccarat-htw-sec.how-to-work-sec{margin:60px 0 50px; position:relative;}
.baccarat-htw-sec .htw-process-theme:after{opacity:0;}
.baccarat-htw-sec .htw-process-wrap .col-left,
.baccarat-htw-sec .htw-process-wrap .col-right{max-width:50%;flex:none;padding:0px;}
.baccarat-htw-sec .htw-process-card-outer:before,.baccarat-htw-sec .htw-process-card-outer:after,
.baccarat-htw-sec .htw-process-card:before,.baccarat-htw-sec .htw-process-card:after{display:none;}

.baccarat-htw-sec .htw-process-card-outer{background:#f1d798;padding:6px;border-radius: 40px;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.42);}
.baccarat-htw-sec .htw-process-card-cont{border-radius:36px;background-image:linear-gradient( 180deg, rgb(226,10,56) 0%, rgb(132,14,14) 34%, rgb(79,5,5) 61%, rgb(69,5,5) 75%, rgb(59,4,4) 100%);}
.baccarat-htw-sec .htw-process-card-body {padding: 0px 20px 30px 20px;min-height:330px;background:none;display:flex;flex-direction:column; }
.baccarat-htw-sec .htw-process-card-title-bar{margin-top:-99px;display:flex;align-items:center;justify-content:center; }
.baccarat-htw-sec .htw-process-card-title-fig{float:left;width:100%;max-width:510px;}
.baccarat-htw-sec .htw-process-card-title-fig img{float:left;width:100%;}
.baccarat-htw-sec .htw-process-card-list-block{display:flex;justify-content:center;align-items: center;flex: 1;}
.baccarat-htw-sec .htw-process-card-list-item,
.baccarat-htw-sec .htw-process-card-list-label{font-size:28px;font-weight:600;color:#ffffff;font-family:var(--font-base);text-align:center;}


.baccarat-htw-sec .how-to-work-process.how-to-work-process-sec-one{padding-top:0px;}
.baccarat-htw-sec .how-to-work-process.how-to-work-process-sec-full{padding-top:84px;}
.baccarat-htw-sec .how-to-work-process{padding:42px 0px;}
.baccarat-htw-sec .htw-process-wrap-seven{padding:0px;}
.baccarat-htw-sec .htw-process-theme{filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.42));}

.baccarat-htw-sec .sec-main-title{color:#000000;}
.baccarat-htw-sec .game-summary-cards,
.baccarat-htw-sec .start-game-card,
.baccarat-htw-sec .bet-amount-card{padding-right:90px;}
.baccarat-htw-sec .additional-card,
.baccarat-htw-sec .betting-option-card,
.baccarat-htw-sec .bank-game-card{padding-left:90px;}

.baccarat-htw-sec .deals-card .htw-process-card-list-item,
.baccarat-htw-sec .deals-card .htw-process-card-list-label{text-align:left;margin-bottom:12px;}

.baccarat-htw-sec .deals-card .htw-process-card-list-item:last-child{margin-bottom:0px;}
.baccarat-htw-sec .deals-card .htw-process-card-list{margin:0px;}
.deals-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#ffffff;border-radius:50%;height:8px;width:8px;top:12px;}
.baccarat-htw-sec .deals-card .htw-process-card-body{min-height:auto;}
.baccarat-htw-sec .deals-card .htw-process-card-cont{padding-bottom:140px;}
.baccarat-htw-sec .deals-card .htw-process-card-list-block{padding-top:40px;}

.baccarat-htw-sec .winloss-card .htw-process-card-list-item,
.baccarat-htw-sec .winloss-card .htw-process-card-list-label{text-align:left;}
.baccarat-htw-sec .winloss-card .htw-process-card-list{margin:0px;}
.winloss-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#ffffff;border-radius:50%;height:8px;width:8px;top:12px;}
.baccarat-htw-sec .winloss-card .htw-process-card-body{min-height:auto;}
.baccarat-htw-sec .winloss-card .htw-process-card-cont{padding-bottom:200px;}
.baccarat-htw-sec .winloss-card .htw-process-card-list-block{/* padding-top:40px; */}
.baccarat-htw-sec .winloss-card + .htw-process-card-banner{margin-top:-200px;}

.htw-process-card-banner{float:left;width:100%;margin-top:-140px;z-index:1;position:relative;}
.htw-process-card-row{float:left;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.htw-process-card-row.col-three{padding:0px 26px;}
.col-three .htw-process-card-col{float:left;width:33.333%;padding:0px 14px;}
.htw-process-card-col{float:left;width:50%;padding:0px 20px;}
.htw-process-card-col .htw-process-win-loss{float:left;width:100%;text-align:center;color:#f1d798;font-weight:bold;font-size:24px;margin-bottom:20px;}
.htw-process-card-col figure{float:left;width:100%;}
.htw-process-card-col figure img{float:left;width:100%;filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.42));}


/* Game Expectation CSS Start */
.baccarat-game-expec-sec .game-expectation-sec-outer{background:var(--bg-dark) var(--game-expectation-bg) no-repeat center left;padding:74px 0 120px;background-size:cover;}
.baccarat-game-expec-sec .game-expectation-sec-head{}
.baccarat-game-expec-sec .game-expectation-sec-head-outer{display:flex; align-items:center; position:relative;justify-content: center;}
.baccarat-game-expec-sec .game-expectation-sec-head .sec-main-title{padding-bottom:16px;color:#ffffff;}
.baccarat-game-expec-sec .game-expectation-list{gap:0px 28px;}
.baccarat-game-expec-sec .game-expectation-item{max-width:calc((100% / 4) - 21px); margin-top:40px;}
.baccarat-game-expec-sec .game-expectation-card-outer{margin-top:65px;padding:0 24px 46px;border-radius:10px;background-image: -moz-linear-gradient( -90deg, rgb(226,10,56) 0%, rgb(132,14,14) 34%, rgb(79,5,5) 61%, rgb(69,5,5) 75%, rgb(59,4,4) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(226,10,56) 0%, rgb(132,14,14) 34%, rgb(79,5,5) 61%, rgb(69,5,5) 75%, rgb(59,4,4) 100%);background-image: -ms-linear-gradient( -90deg, rgb(226,10,56) 0%, rgb(132,14,14) 34%, rgb(79,5,5) 61%, rgb(69,5,5) 75%, rgb(59,4,4) 100%);box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.42);border:4px solid #f1d798;}

.baccarat-game-expec-sec .game-expect-card-title{font-size:20px;color:#fff742;margin:0 auto 30px;padding:0px;font-family:var(--font-head2); text-transform:uppercase;text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.8);}
.baccarat-game-expec-sec .game-expect-details-item{font-size:16px;color:#fff;text-align:center;padding:0;font-weight:500;font-family:var(--font-base);line-height:1.5em;}
.baccarat-game-expec-sec .game-expect-details-item:before{display:none;}
.baccarat-game-expec-sec .game-expect-icon-block{top:-65px; margin-bottom:-20px;}
.baccarat-game-expec-sec .game-expect-card-fig{max-width:130px; position:relative;}
.baccarat-game-expec-sec .game-expect-card-fig img{filter:drop-shadow(0 0 4px rgba(0,0,0, 0.5));}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.baccarat-game-summary-sec .game-summary-sec-outer{padding:110px 0px;background:#f1d798;}
.baccarat-game-summary-sec .game-summary-cont{display:flex;flex-wrap:wrap;justify-content:center;}
.baccarat-game-summary-sec .game-summary-cont-outer{float:left;width:100%;}
.baccarat-game-summary-sec .game-summary-text{color:#31110b; max-width:100%;font-weight:700;line-height:1.4em;font-family:var(--font-base);}
.baccarat-game-summary-sec .game-summary-btn-bar{margin-top:40px;padding:0px;}
.baccarat-game-summary-sec .game-summary-btn-bar:before{display:none;}
.baccarat-game .btn-bar .base-btn{max-width:30%;filter:drop-shadow(0 0 10px rgba(0,0,0, 0.6));}
.baccarat-game-summary-sec .game-summary-btn-bar .base-btn{max-width:30%;filter:drop-shadow(0 0 10px rgba(0,0,0, 0.6));}
/* Game Summary CSS End */

/*FAQ CSS Start */
.baccarat-game-faq-sec .faq-sec-head{margin-bottom:30px;}
.baccarat-game-faq-sec .faq-sec-head .sec-main-title{font-size:60px;}
.baccarat-game-faq-sec .faq-sec-outer{background-image:linear-gradient(180deg, rgb(226,10,56) 0%, rgb(132,14,14) 34%, rgb(79,5,5) 61%, rgb(69,5,5) 75%, rgb(59,4,4) 100%);box-shadow:0px 0px 50px rgb(68 4 16 / 70%) inset;padding:80px 0px;}
.baccarat-game-faq-sec .accordion-card{border:none; position:relative; background:#31110b; border-radius:10px; padding:0px;}
.baccarat-game-faq-sec .is-open .accordion-card:before{background:#fff;}
.baccarat-game-faq-sec .accordion-head{min-height:auto;background:#f1d798;padding:20px 16px 22px 30px;border-radius:10px;}
.baccarat-game-faq-sec .is-open .accordion-head{border-radius:10px 10px 0px 0px;}
.baccarat-game-faq-sec .accordion-title, .baccarat-game-faq-sec .is-open .accordion-title{color:#4f3001;font-size:30px;font-family:var(--font-base);font-weight:700;}
.baccarat-game-faq-sec .accordion-body{padding:30px 20px 30px 30px; position:relative; z-index:1;}
.baccarat-game-faq-sec .accordion-text{color:#fff; font-size:28px;font-family:var(--font-base);font-weight:700;}
.baccarat-game-faq-sec .accordion-item{margin-bottom:24px;}
.baccarat-game-faq-sec .accordion-icon{background:none;width:42px;height:42px;}
.baccarat-game-faq-sec .accordion-icon-outer{background:none;}
.baccarat-game-faq-sec .accordion-icon .icon{max-width:42px;transition:all 0.3s ease 0s;top:4px;position:relative;}
.baccarat-game-faq-sec .is-open .accordion-icon .icon{transform:rotate(-180deg);top:0px;}
.list-accordion-text{position:relative;padding-left:24px;}
.list-accordion-text:after{content:"";position:absolute;left:0;background:#ffffff;border-radius:50%;height:8px;width:8px;top:12px;}

/*FAQ CSS End */
.baccarat-game .footer{background:#31110b;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5) inset;}
.baccarat-game .copyright-text{color:#ffffff;}

@media (hover: hover){
.baccarat-game .active .nav-item-label,
.baccarat-game .nav-item-label:hover{background-image:-moz-linear-gradient( 90deg, rgb(132,14,14) 0%, rgb(130,14,14) 13%, rgb(128,13,13) 27%, rgb(74,5,8) 58%, rgb(71,4,7) 81%, rgb(102,9,11) 88%, rgb(132,14,14) 100%);background-image:-webkit-linear-gradient( 90deg, rgb(132,14,14) 0%, rgb(130,14,14) 13%, rgb(128,13,13) 27%, rgb(74,5,8) 58%, rgb(71,4,7) 81%, rgb(102,9,11) 88%, rgb(132,14,14) 100%);background-image:-ms-linear-gradient( 90deg, rgb(132,14,14) 0%, rgb(130,14,14) 13%, rgb(128,13,13) 27%, rgb(74,5,8) 58%, rgb(71,4,7) 81%, rgb(102,9,11) 88%, rgb(132,14,14) 100%);color:#fff;}
}


/* **************** RESPONSIVE CSS START **************** */
@media (min-width:641px) and (max-width:1023px) {
  .baccarat-game .container{max-width:768px;}
  .baccarat-game .video-block{max-width:80.5%;}
  .baccarat-game .banner-sec-outer{padding-bottom:12px;}
  .baccarat-game .banner-content{flex-direction:inherit;}
  .baccarat-game .middle-wrapper{--video-overflow:0px;}
  .baccarat-game-banner-sec .video-poster,.baccarat-game-banner-sec .client-video{border-radius:0px;}
  
  .baccarat-game-about-sec .about-us-content{padding:15px 8px;}
  .baccarat-game-about-sec .about-us-btn-bar{margin-top:30px;}

  .baccarat-htw-sec.how-to-work-sec{margin:36px 0;}
  .baccarat-htw-sec .how-to-work-process.how-to-work-process-sec-one,
  .baccarat-htw-sec .how-to-work-process{padding:20px 0px;}
  .baccarat-htw-sec .htw-process-card-title-fig{max-width:240px;}
  .baccarat-htw-sec .htw-process-card-title-bar{margin-top:-85px;}

  .baccarat-htw-sec .game-summary-cards,
  .baccarat-htw-sec .start-game-card,
  .baccarat-htw-sec .bet-amount-card{padding-right:26px;}
  .baccarat-htw-sec .additional-card,
  .baccarat-htw-sec .betting-option-card,
  .baccarat-htw-sec .bank-game-card{padding-left:26px;}
  .baccarat-game .htw-process-card-col{padding:0px 10px;}
  .baccarat-game .col-three .htw-process-card-col{padding:0px 10px;}

  .baccarat-htw-sec .htw-process-card-list-item,  .baccarat-htw-sec .htw-process-card-list-label{font-size:16px;}
  .baccarat-htw-sec .htw-process-card-list.list-style-none{padding:0px;}
  .baccarat-htw-sec .htw-process-card-body{padding:40px 20px 20px 20px;min-height:190px;}
  .baccarat-htw-sec .htw-process-card-outer{padding:4px;border-radius:20px;}
  .baccarat-htw-sec .htw-process-card-cont{border-radius:16px;}

  .baccarat-htw-sec .htw-process-theme{margin-top:-14px;padding:0px 26px;display:flex;justify-content:center;}
  .baccarat-htw-sec .htw-process-theme img{max-width:420px;}
  
  .baccarat-game .htw-process-wrap-two .col-left:before{display:none;}
  .baccarat-htw-sec .htw-process-card-row.col-three,.htw-process-card-row{padding:0px 26px;}
  .baccarat-htw-sec .winloss-card + .htw-process-card-banner{margin-top:-100px;}
  .baccarat-htw-sec .htw-process-card-col .htw-process-win-loss{font-size:14px;margin-bottom:10px;}
  .baccarat-htw-sec .winloss-card .htw-process-card-cont{padding-bottom:80px;}

  .baccarat-game-expec-sec .game-expectation-sec-outer{padding:40px 0px;}
  .baccarat-game-expec-sec .game-expectation-sec-head .sec-main-title{padding-bottom:0px;}
  .baccarat-game-expec-sec .game-expectation-item{max-width:calc(50% - 36px);min-width:calc(50% - 36px);height:100%;margin:0px;}
  .baccarat-game-expec-sec .game-expect-card-fig{max-width:80px;}
  .baccarat-game-expec-sec .game-expect-icon-block{top:-6px;margin-bottom:10px;}
  .baccarat-game-expec-sec .game-expectation-card-outer{margin-top:60px;padding:0px 30px 24px;}
  .baccarat-game-expec-sec .game-expect-card-title{font-size:18px;margin:0 auto 18px;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.8);}
  .baccarat-game-expec-sec .game-expect-details-item{font-size:14px;line-height:1.4em;}
  .baccarat-game-expec-sec .owl-carousel button.owl-dot span{width:28px; height:7px; border-radius:10px; border:none; background:#ffffff;}
  .baccarat-game-expec-sec .owl-carousel button.owl-dot.active span{background:rgb(226,10,56);}
  
  .baccarat-game-about-sec .about-us-sec-outer{margin:0px;}
  .baccarat-game-about-sec .about-us-content{padding:40px 40px;}
  .baccarat-game-about-sec .about-us-btn-bar{margin-top:24px;}
  
  .baccarat-game-summary-sec .game-summary-sec-outer{padding:40px 8px;}
  .baccarat-game-summary-sec .game-summary-btn-bar{margin-top:24px;}
  .baccarat-game-summary-sec .game-summary-btn-bar .base-btn,
  .baccarat-game .btn-bar .base-btn{max-width:210px;}
  .baccarat-game .play-now-btn .btn-text{font-size:28px;}
  
  .baccarat-game-about-sec .sec-main-title{font-size:36px;}
  .baccarat-game-about-sec .about-us-text{font-size:16px;}
  
  .baccarat-game-faq-sec .faq-sec-outer{padding:40px 0px;}
  .baccarat-game-faq-sec .faq-sec-head{margin-bottom:10px;}
  .baccarat-game-faq-sec .faq-sec-head .sec-main-title{font-size:36px;}
  .baccarat-game-faq-sec .accordion-body{padding:14px 6px 14px 18px;}
  .baccarat-game-faq-sec .accordion-text{font-size:18px;font-weight:600;}
  .baccarat-game-faq-sec .accordion-icon{width:24px;height:24px;min-width:24px;}
  .baccarat-game-faq-sec .accordion-icon .icon{top:0px;}
  .baccarat-game-faq-sec .accordion-item{margin-bottom:8px;}
  .baccarat-game-faq-sec .accordion-head{padding:14px 10px 14px 18px;border-radius:6px;}
  .baccarat-game-faq-sec .accordion-title, .baccarat-game-faq-sec .is-open .accordion-title{font-size:20px;}
}

@media(max-width:640px) {
  .baccarat-game .video-block{max-width:80.5%;}
  .baccarat-game .banner-sec-outer{padding-bottom:0px;}
  .baccarat-game .banner-content{flex-direction:inherit;}
  .baccarat-game .middle-wrapper{--video-overflow:-50px;}
  .baccarat-game-banner-sec .video-poster,.baccarat-game-banner-sec .client-video{border-radius:0px;}
  
  .baccarat-htw-sec.how-to-work-sec{margin:36px 0;}
  .baccarat-htw-sec .how-to-work-process.how-to-work-process-sec-one,
  .baccarat-htw-sec .how-to-work-process{padding:15px 0px;}
  .baccarat-htw-sec .htw-process-card-title-fig{max-width:240px;}
  .baccarat-htw-sec .htw-process-card-title-bar{margin-top:-85px;}

  .baccarat-htw-sec .game-summary-cards,  .baccarat-htw-sec .start-game-card, .baccarat-htw-sec .bet-amount-card{padding-right:0px;margin-top:52px;}
  .baccarat-htw-sec .additional-card, .baccarat-htw-sec .betting-option-card, .baccarat-htw-sec .bank-game-card{padding-left:0px;margin-top:52px;}

  .baccarat-htw-sec .htw-process-card-list-item,  .baccarat-htw-sec .htw-process-card-list-label{font-size:16px;}
  .baccarat-htw-sec .htw-process-card-list.list-style-none{padding:0px;}
  .baccarat-htw-sec .htw-process-card-body{padding:40px 20px 20px 20px;min-height:172px;}
  .baccarat-htw-sec .htw-process-card-outer{padding:4px;border-radius:20px;}
  .baccarat-htw-sec .htw-process-card-cont{border-radius:16px;}

  .baccarat-htw-sec .htw-process-wrap-one .col-left{order:-1;}
  .baccarat-htw-sec .htw-process-wrap-two .col-right{order:-1;}
  .baccarat-htw-sec .htw-process-wrap-three .col-right{order:-1;}
  .baccarat-htw-sec .htw-process-wrap-four .col-right{order:-1;}
  
  .baccarat-htw-sec .how-to-work-process-sec-full .htw-process-wrap .col{border-radius:20px;background-image:linear-gradient(180deg, rgb(226, 10, 56) 0%, rgb(132, 14, 14) 34%, rgb(79, 5, 5) 61%, rgb(69, 5, 5) 75%, rgb(59, 4, 4) 100%);box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.42);border:4px solid #f1d798;padding-bottom:20px;}
  .baccarat-htw-sec .how-to-work-process-sec-full .htw-process-card-cont{background:none;}
  .baccarat-htw-sec .how-to-work-process-sec-full .htw-process-card-outer{background:none;padding:0px;box-shadow:none;}

  .baccarat-htw-sec .htw-process-theme{margin-top:0px;padding:0px;}
  .baccarat-game .htw-process-wrap-two .col-left:before{display:none;}
  .baccarat-htw-sec .htw-process-wrap .col-left,
  .baccarat-htw-sec .htw-process-wrap .col-right{max-width:100%;flex:none;padding:0px;}
  .baccarat-htw-sec .htw-process-card-row.col-three,.htw-process-card-row{padding:0px 26px;}
  .baccarat-htw-sec .htw-process-card-col,.col-three .htw-process-card-col{width:100%;padding:0px;}
  .baccarat-htw-sec .winloss-card + .htw-process-card-banner{margin-top:-100px;}
  .baccarat-htw-sec .htw-process-card-col .htw-process-win-loss{font-size:18px;margin-bottom:10px;}
  .baccarat-htw-sec .winloss-card .htw-process-card-cont{padding-bottom:80px;}
  .baccarat-htw-sec .htw-process-card-col + .htw-process-card-col{margin-top:10px;}
  .deals-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:-4px; top:3px;}
  .baccarat-htw-sec .how-to-work-process-sec-full .htw-process-card-title-bar{margin-top:-66px;}
  .baccarat-htw-sec .deals-card .htw-process-card-list-block{padding-top:20px;}
  .baccarat-htw-sec .how-to-work-process.how-to-work-process-sec-full{padding-top:50px;}

  .baccarat-game-expec-sec .game-expectation-sec-outer{padding:40px 0px;}
  .baccarat-game-expec-sec .game-expectation-sec-head .sec-main-title{padding-bottom:0px;}
  .baccarat-game-expec-sec .game-expectation-item{max-width:calc(100vw - 120px);min-width:calc(100vw - 120px);height:100%;margin:0px;}
  .baccarat-game-expec-sec .game-expect-card-fig{max-width:80px;}
  .baccarat-game-expec-sec .game-expect-icon-block{top:-32px;margin-bottom:-20px;}
  .baccarat-game-expec-sec .game-expectation-card-outer{margin-top:60px;padding:0px 10px 16px;}
  .baccarat-game-expec-sec .game-expect-card-title{font-size:18px;margin:0 auto 18px;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.8);}
  .baccarat-game-expec-sec .game-expect-details-item{font-size:14px;line-height:1.4em;}
  .baccarat-game-expec-sec .owl-carousel button.owl-dot span{width:10px; height:10px; border-radius:10px; border:none; background:#ffffff;margin:0px 3px;}
  .baccarat-game-expec-sec .owl-carousel button.owl-dot.active span{background:#f0d697;}
  
  .baccarat-game-about-sec .sec-main-title{font-size:24px;}
  .baccarat-game-about-sec .about-us-text{font-size:16px;}
  .baccarat-game-about-sec .about-us-sec-outer{margin:40px 0px 0px;}
  .baccarat-game-about-sec .about-us-content{padding:40px 0px;}
  .baccarat-game-about-sec .about-us-btn-bar{margin-top:24px;}
  
  .baccarat-game-summary-sec .game-summary-sec-outer{padding:40px 8px;}
  .baccarat-game-summary-sec .game-summary-btn-bar{margin-top:24px;}
  .baccarat-game-summary-sec .game-summary-btn-bar .base-btn,
  .baccarat-game .btn-bar .base-btn{max-width:59.5%;}
  .baccarat-game .play-now-btn .btn-text{font-size:25px;}
  
  .baccarat-game-faq-sec .faq-sec-outer{padding:40px 0px;}
  .baccarat-game-faq-sec .faq-sec-head{margin-bottom:10px;}
  .baccarat-game-faq-sec .faq-sec-head .sec-main-title{font-size:36px;}
  .baccarat-game-faq-sec .accordion-body{padding:10px 6px 10px 12px;}
  .baccarat-game-faq-sec .accordion-text{font-size:14px;font-weight:600;}
  .baccarat-game-faq-sec .accordion-icon{width:18px;height:18px;min-width:18px;}
  .baccarat-game-faq-sec .accordion-icon .icon{top:0px;}
  .baccarat-game-faq-sec .accordion-item{margin-bottom:8px;}
  .baccarat-game-faq-sec .accordion-head{padding:8px 6px 8px 12px;border-radius:6px;}
  .baccarat-game-faq-sec .accordion-title, .baccarat-game-faq-sec .is-open .accordion-title{font-size:14px;}
}
@media(max-width:374px) {
  .baccarat-game-about-sec .about-us-text-block{padding:0 20px;}
  .baccarat-htw-sec .additional-card .htw-process-card-body{padding:40px 0px 20px 0px;}
  .baccarat-game-expec-sec .game-expect-details-item{font-size:13px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Baccarat Game CSS End // ***************************** */



/* ***************************** // Mystery Phrase Game CSS Start // ***************************** */
.mystery-phrase-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#7018f5;
--clr-dark:#000;
--clr-action:#000;
--clr-action-alt:#b760f9;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#fea800;
--bg-primary:#361367;

/*Border Colors*/
--bdr1:#fea800;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-base1:'Helvetica-Bold', sans-serif;
--font-base2:"Poppins", sans-serif;
--font-base3:"HelveticaRoundedLTStd-Black", sans-serif;
--font-head:"Cinzel Decorative", serif;;
--font-action:'Anja Eliane', sans-serif;

/*Btn Shadow*/
--shadow-text:0px 3px 6px rgba(0,0,0, 0.6);

/* Text Shadow */
--text-shadow:2px 2px 0 #49213e, 2px -2px 0 #49213e, -2px 2px 0 #49213e, -2px -2px 0 #49213e, 2px 0 0 #49213e, 0 2px 0 #49213e, -2px 0 0 #49213e;
}

.mystery-phrase-game .nav-item-label{font-family:var(--font-base2); border-radius:4px; padding-top:12px; padding-bottom:12px;}

.mystery-phrase-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); max-width:410px;}
.mystery-phrase-game .btn-bg{float:left; width:100%;}
.mystery-phrase-game .btn-bg img{float:left; width:100%;}
.mystery-phrase-game .btn-text{float:left; width:100%; font-size:38px; position:absolute; top:0; left:0; right:0px; bottom:0px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal;}

.mystery-phrase-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.mystery-phrase-game .banner-sec-outer{background:transparent; padding:0px;}
.mystery-phrase-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.mystery-phrase-game .banner-logo .game-logo-fig{max-width:37.6%; margin:60px 0px 0px;}
.mystery-phrase-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 0px 76px rgba(202, 133, 255, 1));}

.mystery-phrase-game .banner-sec-video{background:transparent; margin-bottom:-320px;}
.mystery-phrase-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.mystery-phrase-game .video-block{max-width:1029px; border-radius:0;}
.mystery-phrase-game .video-poster, .mystery-phrase-game .client-video{top:60px; bottom:auto; left:70px; right:70px; height:calc(100% - 80px); width:calc(100% - 140px); border-radius:36px 36px 22px 22px;}

.mystery-phrase-about-us-sec{width:calc(100% + 10px); background:linear-gradient(to bottom, rgba(243,204,255,1) 34%,rgba(170,59,255,1) 100%); --radius:40px; border-radius:var(--radius) var(--radius) 0 0; padding:3px;  margin:-25px -5px 0;}
.mystery-phrase-about-us-sec .about-us-sec-outer{float:left; width:100%; background:linear-gradient(to top, rgba(46,15,97,1) 0%,rgba(132,56,155,1) 100%); border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0; padding:380px 0px 80px;}
.mystery-phrase-about-us-sec .sec-head{margin-bottom:40px;}
.mystery-phrase-about-us-sec .about-us-text{font-size:30px; font-family:var(--font-base1); text-align:center; max-width:1350px;}
.mystery-phrase-about-us-sec .btn-bar{margin-top:50px;}

.mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){font-size:58px; padding:15px 0px; line-height:normal; color:#fff; display:inline-block; position:relative; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);}
.mystery-phrase-game .sec-main-title:not(.htw-sec-main-title):after, 
.mystery-phrase-game .sec-main-title:not(.htw-sec-main-title):before{content:""; position:absolute; left:0; right:0; top:0; margin:auto; height:3px; width:100%; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,204,28,1) 25%,rgba(255,204,28,1) 75%,rgba(0,0,0,0) 100%);}
.mystery-phrase-game .sec-main-title:not(.htw-sec-main-title):before{top:auto; bottom:0px;}
.mystery-phrase-game .sec-main-title.htw-process-sec-main-title{background:linear-gradient(to right, rgba(49,16,99,0) 0%,rgba(49,16,99,1) 50%,rgba(49,16,99,0) 100%);}

.mystery-phrase-game .htw-sec-head{display:flex; align-items:center; justify-content:center; margin:-3px 0px 120px;} 
.mystery-phrase-game .htw-sec-head .sec-head-outer{max-width:968px; position:relative;} 
.mystery-phrase-game .sec-head-bg, .mystery-phrase-game .sec-head-bg img{float:left; width:100%;} 
.mystery-phrase-game .sec-head-bg img{filter:drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.44));} 
.mystery-phrase-game .htw-sec-main-title{position:absolute; top:0; left:0; right:0; margin:auto; padding-top:5px; font-size:58px; line-height:normal; color:#fff;}

/* How to Work CSS Start */
.mystery-phrase-htw-sec{margin:0px 0px 100px;}
.mystery-phrase-htw-sec .htw-process-wrap .col-left, .mystery-phrase-htw-sec .htw-process-wrap .col-right{max-width:50%;}
.mystery-phrase-htw-sec .htw-process-theme-block{margin:0px; position:relative;}
.mystery-phrase-htw-sec .htw-process-theme{filter:inherit; border-radius:0px; overflow:inherit;}
.mystery-phrase-htw-sec .htw-process-theme:after{background:#000; width:100%; height:4px; bottom:-2px; left:0; right:0; opacity:0.5;}
.mystery-phrase-htw-sec .htw-process-theme-icon.top-icon{top:-56px; bottom:auto; right:auto; left:-36px; max-width:107px;}
.mystery-phrase-htw-sec .htw-process-theme-icon.bottom-icon{bottom:-56px; top:auto; right:-36px; left:auto; max-width:126px;}
.mystery-phrase-htw-sec .htw-process-card:before, .mystery-phrase-htw-sec .htw-process-card:after, .mystery-phrase-htw-sec .htw-process-card-outer:before, .mystery-phrase-htw-sec .htw-process-card-outer:after{display:none;}
.mystery-phrase-htw-sec .htw-process-card-outer, .mystery-phrase-htw-sec .htw-process-card-cont{padding:0px; border-radius:0px; background:transparent;}
.mystery-phrase-htw-sec .htw-process-card-body{padding:0px; background:transparent; min-height:auto;}
.mystery-phrase-htw-sec .htw-process-wrap{align-items:stretch; align-content:center;}
.mystery-phrase-htw-sec .col-left{padding:100px 100px 100px 40px;}
.mystery-phrase-htw-sec .col-right{position:relative; display:flex; align-items:center; padding:100px 40px 100px 100px;}
.mystery-phrase-htw-sec .col-right:before{content:""; position:absolute; left:0; top:0; width:100vw; height:100%; background:linear-gradient(to top, rgb(255,190,249) 2%, rgb(255,240,255) 100%);}
.mystery-phrase-htw-sec .htw-process-card-title{color:var(--clr-base-light); font-size:48px; line-height:normal;}
.mystery-phrase-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.mystery-phrase-htw-sec .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-list-label{color:var(--clr-dark); font-size:30px;}
.mystery-phrase-htw-sec .how-to-work-process{position:relative;}
.mystery-phrase-htw-sec .htw-process-sec-icon{position:absolute; right:0px; bottom:calc(100% - 30px);}
.htw-process-sec-fig, .htw-process-sec-fig img{float:left; width:100%;}
.mystery-phrase-htw-sec .htw-process-sec-fig{max-width:336px;}

.mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-wrap{flex-direction:row-reverse;}
.mystery-phrase-htw-sec .how-to-work-process-sec-two .col-right{padding:100px 40px 100px 0px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-two .col-right:before{left:auto; right:0px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-two .col-left{padding:100px 40px 100px 100px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-icon{left:0px; bottom:auto; top:-110px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-fig{max-width:167px;}

.mystery-phrase-htw-sec .how-to-work-process-sec-three{margin:70px 0 100px;}
.mystery-phrase-htw-sec .htw-process-theme-col-row{float:left; width:100%; display:flex; align-items:center; justify-content:space-between; gap:0 20px;}
.sec-level-head{display:flex; align-items:center; justify-content:center; margin:36px 0px 30px;}
.sec-level-head-outer{float:left; width:100%; max-width:769px; position:relative;}
.sec-level-head-title{position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; align-items:center;}
.sec-level-head-title .label-title{font-size:26px; text-shadow:var(--text-shadow);}
.sec-level-head .sec-head-bg{height:67px;}
.sec-level-head .sec-head-bg img{filter:inherit;}
.sec-title-icon{float:left; width:100%; max-width:46px;}
.title-col.left{width:22%; display:inline-flex; align-items:center; justify-content:center; margin-right:4%;}

.choose-level-sec{float:left; width:100%; position:relative; margin-bottom:100px;}
.mystery-phrase-htw-sec .choose-level-sec:before{content: ""; position:absolute; bottom:0; height:76%; width:100%; transform:skewY(-10deg); background:rgba(192, 77, 255, 0.2);}
.mystery-phrase-htw-sec .choose-medium-level-sec:before{transform:skewY(10deg);}
.mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-icon{bottom:100%;}
.mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-fig{max-width:294px;}

.mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-wrap{flex-direction:row-reverse;}
.mystery-phrase-htw-sec .how-to-work-process-sec-five .col-right{padding:100px 40px 100px 0px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-five .col-right:before{left:auto; right:0px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-five .col-left{padding:100px 40px 100px 100px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-icon{left:0px; bottom:100%; top:auto;}
.mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-fig{max-width:242px;}

.mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-fig{max-width:226px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-icon{bottom:calc(100% - 38%);}

.mystery-phrase-htw-sec .htw-process-card-alt{margin:150px 0px 120px;}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-outer{--radius:20px; border-radius:var(--radius); padding:6px; background:var(--bg-base);}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-cont{border-radius:calc(var(--radius) - 6px); box-shadow:2px 4px 15px 0px rgba(0, 0, 0, 0.4) inset; background:var(--bg-primary);}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - 10px)); display:flex; align-items:center; justify-content:center;}
.mystery-phrase-htw-sec .htw-process-card-alt .title-bg-fig, .mystery-phrase-htw-sec .htw-sec-top-bar .title-bg-fig{height:120px;}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title, .mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:48px; color:#fff; text-shadow:0px 3px 6px rgba(0, 0, 0, 0.6); font-family:var(--font-action);  font-weight:normal; text-transform:inherit;}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:60px 15px 0px;}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-list-label{color:#fff; text-align:center;}
.mystery-phrase-htw-sec .htw-process-card-alt .htw-process-theme-col-row{justify-content:center; margin-top:30px; margin-bottom:-60px;}

.htw-sec-top-bar{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title-bar{display:flex; align-items:center; justify-content:center;}
.htw-process-card-sub-title-bar{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px;}
.htw-process-card-sub-title-bar .sub-title-label{float:left; width:100%; text-align:center; font-size:30px; color:#000;}

.mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-icon{right:auto; left:-4%; bottom:calc(100% - 130px);}
.mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-fig{max-width:243px;}
.mystery-phrase-htw-sec .scoring-system-card .htw-process-card-title-bar{position:relative; transform:inherit;}
.mystery-phrase-htw-sec .scoring-system-card .title-bg-fig{height:72px; filter:drop-shadow(8px 11px 11px rgba(0, 0, 0, 0.7));}
.mystery-phrase-htw-sec .scoring-system-card .htw-process-card-title{font-size:34px; padding-bottom:12px;}
.mystery-phrase-htw-sec .scoring-system-card .icon{width:41px; margin-right:10px;}
.mystery-phrase-htw-sec .scoring-system-card .icon img{width:100%; filter:drop-shadow(8px 3px 11px rgba(0, 0, 0, 0.7));}
.mystery-phrase-htw-sec .htw-process-theme-col-row .col{padding:0px;}
.mystery-phrase-htw-sec .htw-process-theme-col-row .col:before{display:none;}
.mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:0px 15px 0px;}
.mystery-phrase-htw-sec .scoring-system-card .htw-process-card-list-item{font-family:var(--font-head);}
.mystery-phrase-htw-sec .scoring-system-card .htw-process-theme-col-row{margin-bottom:-230px;}
.mystery-phrase-htw-sec .scoring-system-card{margin:30px 0px 270px;}

.mystery-phrase-htw-sec .game-summary-card{margin:100px 0px 270px;}
.mystery-phrase-htw-sec .game-summary-card .htw-process-theme-col-row{margin-top:60px; margin-bottom:-200px;}
.mystery-phrase-htw-sec .game-summary-card .htw-process-card-body{padding:60px 87px 0px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-fig{max-width:248px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-icon{left:30px; right:auto; bottom:calc(100% - 80px);}
.mystery-phrase-htw-sec .game-summary-card .htw-process-theme-col-row{gap:0px 50px;}

.mystery-phrase-htw-sec .how-to-work-process-sec-nine{padding-top:40px; margin-bottom:180px; background:linear-gradient(to top, rgb(255,190,249) 2%, rgb(255,240,255) 100%);}
.mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-item, .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-label{text-align:center; padding:0 120px;}
.mystery-phrase-htw-sec .game-incorrect-card .htw-process-theme-col-row{margin:60px 0px -180px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-fig{max-width:255px;}
.mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-icon{bottom:calc(100% - 4px);}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.mystery-phrase-game-expect-sec{background:linear-gradient(to top, rgb(46,15,97) 0%, rgb(132,56,155) 100%);}
.mystery-phrase-game-expect-sec .game-expectation-sec-outer{padding:70px 0px 400px; background-image:var(--game-expectation-bg-top), var(--game-expectation-bg-bottom); background-repeat:no-repeat; background-size:auto; background-position:top left, bottom right;}
.mystery-phrase-game .sec-main-title.game-expect-sec-main-title{min-width:70%;}
.mystery-phrase-game-expect-sec .game-expectation-list{--mid-gap:100px; gap:0px var(--mid-gap);}
.mystery-phrase-game-expect-sec .game-expectation-item{max-width:calc((100% / 3) - (var(--mid-gap) * 2 / 3)); margin-top:100px;}
.mystery-phrase-game-expect-sec .game-expectation-item:nth-child(2){margin-top:0px;}
.mystery-phrase-game-expect-sec .game-expectation-card{height:auto;}
.mystery-phrase-game-expect-sec .game-expectation-card-outer{background:#ffcf29; margin-top:150px; --radius:36px; border-radius:var(--radius); padding:0 44px 50px; position:relative;}
.mystery-phrase-game-expect-sec .game-expectation-card-outer:before{content:""; position:absolute; border:3px solid #ffbff9; top:-7px; left:-7px; width:calc(100% + 8px); height:calc(100% + 8px); border-radius:calc(var(--radius) + 4px);}
.mystery-phrase-game-expect-sec .game-expect-icon-block{margin-top:-140px; margin-bottom:10px; top:0px;}
.mystery-phrase-game-expect-sec .game-expect-card-fig{max-width:199px;}
.mystery-phrase-game-expect-sec .game-expect-details-item{font-size:30px; color:#000; text-align:center;}
.mystery-phrase-game .game-expect-card-title{color:#1b22bf;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.mystery-phrase-game-summary-sec .game-summary-sec-outer{background:transparent; padding:0px;}
.mystery-phrase-game-summary-sec .game-summary-cont{float:left; width:100%; margin-top:-300px; --radius:40px; border-radius:var(--radius); padding:3px; background:linear-gradient(to top, rgba(251,215,134,1) 0%,rgba(255, 165, 168,1) 100%); box-shadow:3px 0px 43px rgba(0, 0, 0, 0.4);}
.mystery-phrase-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:80px 100px 60px; border-radius:calc(var(--radius) - 3px); background:linear-gradient(to top, rgb(252,160,24) 3%, rgb(254,227,89) 100%); box-shadow:0px 3px 3px 0px #efc81e inset, 0px -3px 3px 0px #f9cb85 inset;}
.mystery-phrase-game-summary-sec .game-summary-text{font-family:var(--font-base); color:var(--clr-dark); font-size:42px; max-width:100%;}
.mystery-phrase-game-summary-sec .game-summary-sub-lebel{font-family:var(--font-base3); margin-top:20px;}
.mystery-phrase-game-summary-sec .game-summary-btn-bar{padding-top:20px;}
.mystery-phrase-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.mystery-phrase-game .faq-sec-outer{background:transparent; padding:100px 0px 70px;}
.mystery-phrase-game .sec-main-title.faqs-sec-main-title{background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(49,16,99,1) 50%,rgba(0,0,0,0) 100%); min-width:56%;}
.mystery-phrase-game .faq-list{counter-reset:li;}
.mystery-phrase-game .accordion-item{margin-bottom:30px; position:relative;}
.mystery-phrase-game .accordion-item:before{content:"0" counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:34px; top:24px; width:64px; height:64px; font-family:var(--font-base3); font-size:36px; color:var(--clr-dark); border-radius:8px; background:#ffcf29; display:inline-flex; align-items:center; justify-content:center;}
.mystery-phrase-game .accordion-card{background:#fee158; padding:0px; border-radius:10px; border:none; box-shadow:0px 3px 16px 0px rgba(0, 0, 0, 0.39);}
.mystery-phrase-game .accordion-head{padding:0px;}
.mystery-phrase-game .accordion-head-outer{background:var(--bg-primary); box-shadow:none; padding:11px 10px 14px 110px;}
.mystery-phrase-game .accordion-title{font-size:36px; color:#fff; font-family:var(--font-base3);}
.mystery-phrase-game .accordion-body{padding:10px 40px 10px 90px;}
.mystery-phrase-game .accordion-cont-bar{min-height:100px;}
.mystery-phrase-game .accordion-text{font-size:26px; color:var(--clr-dark);}
.mystery-phrase-game .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#ffcf29;}
/*FAQ CSS End */

.mystery-phrase-game .footer{background:#02177c;}
.mystery-phrase-game .copyright-text{color:#fff;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .mystery-phrase-game .banner-logo .game-logo-fig{margin:40px 0px 0px;}
  .mystery-phrase-game .video-block{max-width:896px;}
  .mystery-phrase-game .banner-sec-video{margin-bottom:-240px;}
  .mystery-phrase-game .video-poster, .mystery-phrase-game .client-video{top:52px; bottom:auto; left:56px; right:56px; height:calc(100% - 70px); width:calc(100% - 112px);}

  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){font-size:48px;}
  .mystery-phrase-about-us-sec .about-us-sec-outer{padding:300px 0px 70px;}
  .mystery-phrase-about-us-sec .about-us-text{font-size:26px;}
  .mystery-phrase-game .base-btn{max-width:360px;}
  .mystery-phrase-game .btn-text{font-size:32px;}

  .mystery-phrase-game .htw-sec-main-title{font-size:48px;}
  .mystery-phrase-game .htw-sec-head .sec-head-outer{max-width:848px;}
  .mystery-phrase-game .htw-sec-head{margin:-3px 0px 80px;}
  .mystery-phrase-htw-sec .htw-process-sec-icon{bottom:calc(100% - 10px);}
  .mystery-phrase-htw-sec .htw-process-sec-fig{max-width:226px;}
  .mystery-phrase-htw-sec .htw-process-card-title{font-size:42px;}
  .mystery-phrase-htw-sec .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-list-label{font-size:25px;}
  .choose-level-sec{margin-bottom:60px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-fig{max-width:204px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-fig{max-width:162px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-fig{max-width:156px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .title-bg-fig, .mystery-phrase-htw-sec .htw-sec-top-bar .title-bg-fig{height:100px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title, .mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title{font-size:38px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{padding:50px 100px 0px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-fig{max-width:167px;}
  .htw-process-card-sub-title-bar .sub-title-label{font-size:25px;}
  .mystery-phrase-htw-sec .scoring-system-card .title-bg-fig{height:66px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-title{font-size:30px;}
  .mystery-phrase-htw-sec .scoring-system-card .icon{width:36px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:0px 100px 0px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-fig{max-width:188px;}
  .mystery-phrase-htw-sec .game-summary-card{margin:80px 0px 270px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-fig{max-width:215px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-item, .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-label{padding:0 40px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-theme-col-row{margin:50px 0px -140px;}
  .mystery-phrase-htw-sec{margin:0px 0px 60px;}

  .mystery-phrase-game-expect-sec .game-expectation-sec-outer{padding:70px 0px 320px; background-size:26%, 42%;}
  .mystery-phrase-game-expect-sec .game-expectation-list{--mid-gap:60px;}
  .mystery-phrase-game-expect-sec .game-expectation-card-outer{padding:0 20px 50px;}
  .mystery-phrase-game-expect-sec .game-expect-details-item{font-size:25px;}
  .mystery-phrase-game-expect-sec .game-expect-card-fig{max-width:168px;}
  .mystery-phrase-game-expect-sec .game-expect-icon-block{margin-top:-124px;}

  .mystery-phrase-game-summary-sec .game-summary-cont{margin-top:-250px;}
  .mystery-phrase-game-summary-sec .game-summary-cont-outer{padding:60px 70px 50px;}
  .mystery-phrase-game-summary-sec .game-summary-text{font-size:35px;}

  .mystery-phrase-game .faq-sec-outer{padding:80px 0px 40px;}
  .mystery-phrase-game .accordion-title{font-size:28px;}
  .mystery-phrase-game .accordion-item:before{width:54px; height:54px; left:26px; top:18px; font-size:30px;}
  .mystery-phrase-game .accordion-text{font-size:22px;}
  .mystery-phrase-game .accordion-body{padding:10px 40px 10px 70px;}
  .mystery-phrase-game .accordion-cont-bar{min-height:70px;}
}

@media(max-width:1280px) {
  .mystery-phrase-game .banner-logo .game-logo-fig{margin:30px 0px 0px;}
  .mystery-phrase-game .video-block{max-width:720px;}
  .mystery-phrase-game .banner-sec-video{margin-bottom:-210px;}
  .mystery-phrase-game .video-poster, .mystery-phrase-game .client-video{top:40px; bottom:auto; left:48px; right:48px; height:calc(100% - 52px); width:calc(100% - 96px);}

  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){font-size:42px;}
  .mystery-phrase-about-us-sec .about-us-sec-outer{padding:270px 0px 60px;}
  .mystery-phrase-about-us-sec .about-us-text{font-size:22px;}
  .mystery-phrase-about-us-sec .btn-bar{margin-top:40px;}
  .mystery-phrase-game .base-btn{max-width:296px;}
  .mystery-phrase-game .btn-text{font-size:28px;}

  .mystery-phrase-game .htw-sec-main-title{font-size:38px;}
  .mystery-phrase-game .htw-sec-head .sec-head-outer{max-width:648px;}
  .mystery-phrase-game .htw-sec-head{margin:-3px 0px 60px;}
  .mystery-phrase-htw-sec .htw-process-sec-fig{max-width:186px;}
  .mystery-phrase-htw-sec .htw-process-card-title{font-size:32px;}
  .mystery-phrase-htw-sec .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-list-label{font-size:22px;}
  .mystery-phrase-htw-sec .col-right{padding:70px 40px 70px 70px;}
  .mystery-phrase-htw-sec .col-left{padding:70px 70px 70px 40px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.top-icon{top:-46px; left:-26px; max-width:87px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-icon{top:-74px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-fig{max-width:107px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .col-left{padding:70px 40px 70px 70px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.bottom-icon{max-width:96px;}
  .mystery-phrase-game .sec-main-title.htw-process-sec-main-title{max-width:80%;}
  .choose-level-sec{margin-bottom:40px;}
  .mystery-phrase-htw-sec .choose-level-sec:before{height:70%;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-fig{max-width:154px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-fig{max-width:112px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .col-left{padding:70px 40px 70px 70px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.bottom-icon{bottom:-42px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-fig{max-width:136px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .title-bg-fig, .mystery-phrase-htw-sec .htw-sec-top-bar .title-bg-fig{height:80px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title, .mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title{font-size:30px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{padding:40px 90px 0px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-fig{max-width:134px;}
  .htw-process-card-sub-title-bar .sub-title-label{font-size:22px;}
  .mystery-phrase-htw-sec .scoring-system-card .title-bg-fig{height:56px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-title{font-size:24px;}
  .mystery-phrase-htw-sec .scoring-system-card .icon{width:32px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:0px 90px 0px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-list-item{font-size:26px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-theme-col-row{margin-bottom:-150px;}
  .mystery-phrase-htw-sec .scoring-system-card{margin:30px 0px 170px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-fig{max-width:148px;}
  .mystery-phrase-htw-sec .game-summary-card{margin:80px 0px 200px;}
  .mystery-phrase-htw-sec .game-summary-card .htw-process-theme-col-row{margin-top:40px; margin-bottom:-140px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-fig{max-width:155px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-item, .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-label{padding:0 40px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-theme-col-row{margin:40px 0px -120px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine{margin-bottom:120px;}

  .mystery-phrase-game-expect-sec .game-expectation-sec-outer{padding:50px 0px 280px; background-size:24%, 40%;}
  .mystery-phrase-game-expect-sec .game-expectation-block{padding:0px 10px;}
  .mystery-phrase-game-expect-sec .game-expectation-list{--mid-gap:40px;}
  .mystery-phrase-game-expect-sec .game-expectation-card-outer{padding:0 15px 40px; margin-top:110px;}
  .mystery-phrase-game-expect-sec .game-expect-details-item{font-size:20px;}
  .mystery-phrase-game-expect-sec .game-expect-card-fig{max-width:138px;}
  .mystery-phrase-game-expect-sec .game-expect-icon-block{margin-top:-104px;}

  .mystery-phrase-game-summary-sec .game-summary-cont{margin-top:-210px;}
  .mystery-phrase-game-summary-sec .game-summary-cont-outer{padding:40px 60px 40px;}
  .mystery-phrase-game-summary-sec .game-summary-text{font-size:28px;}

  .mystery-phrase-game .faq-sec-outer{padding:70px 0px 30px;}
  .mystery-phrase-game .accordion-title{font-size:22px;}
  .mystery-phrase-game .accordion-item{margin-bottom:20px;}
  .mystery-phrase-game .accordion-item:before{width:46px; height:46px; left:20px; top:10px; font-size:22px;}
  .mystery-phrase-game .accordion-head-outer{padding:11px 10px 14px 80px;}
  .mystery-phrase-game .accordion-text{font-size:18px;}
  .mystery-phrase-game .accordion-body{padding:10px 30px 10px 50px;}
  .mystery-phrase-game .accordion-cont-bar{min-height:60px;}
}

@media(max-width:1023px) {
  .mystery-phrase-game .banner-logo .game-logo-fig{margin:20px 0px 0px;}
  .mystery-phrase-game .video-block{max-width:560px;}
  .mystery-phrase-game .banner-sec-video{margin-bottom:-150px;}
  .mystery-phrase-game .video-poster, .mystery-phrase-game .client-video{top:30px; bottom:auto; left:36px; right:36px; height:calc(100% - 40px); width:calc(100% - 72px); border-radius:36px 36px 20px 20px;}

  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){font-size:32px;}
  .mystery-phrase-about-us-sec .about-us-sec-outer{padding:200px 0px 40px;}
  .mystery-phrase-about-us-sec .sec-head{margin-bottom:30px;}
  .mystery-phrase-about-us-sec .about-us-text{font-size:18px;}
  .mystery-phrase-about-us-sec .btn-bar{margin-top:20px;}
  .mystery-phrase-game .base-btn{max-width:246px;}
  .mystery-phrase-game .btn-text{font-size:24px;}

  .mystery-phrase-game .htw-sec-main-title{font-size:30px;}
  .mystery-phrase-game .htw-sec-head .sec-head-outer{max-width:508px;}
  .mystery-phrase-game .htw-sec-head{margin:-3px 0px 50px;}
  .mystery-phrase-htw-sec .htw-process-sec-fig{max-width:136px;}
  .mystery-phrase-htw-sec .htw-process-card-title{font-size:26px;}
  .mystery-phrase-htw-sec .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-list-label{font-size:19px;}
  .mystery-phrase-htw-sec .col-right{padding:50px 30px 50px 50px;}
  .mystery-phrase-htw-sec .col-left{padding:50px 50px 50px 30px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-three{margin:50px 0 50px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.top-icon{top:-32px; max-width:74px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-icon{top:-54px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-fig{max-width:77px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .col-left{padding:50px 30px 50px 50px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.bottom-icon{max-width:76px;}
  .choose-level-sec{margin-bottom:30px;}
  .sec-level-head{margin:26px 0px 20px;}
  .sec-level-head .sec-head-bg{height:55px;}
  .sec-level-head-outer{max-width:629px;}
  .sec-title-icon{max-width:34px;}
  .sec-level-head-title .label-title{font-size:22px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-fig{max-width:104px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-fig{max-width:82px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .col-left{padding:50px 30px 50px 50px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.bottom-icon{bottom:-32px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-theme-icon.bottom-icon{right:-8px;}
  .mystery-phrase-htw-sec .htw-process-card-alt{margin:100px 0px 70px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{padding:40px 34px 0px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-theme-col-row{margin-bottom:-40px; margin-top:20px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-fig{max-width:100px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .title-bg-fig, .mystery-phrase-htw-sec .htw-sec-top-bar .title-bg-fig{height:68px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title, .mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title{font-size:24px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{padding:30px 36px 0px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-fig{max-width:104px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-icon{bottom:calc(100% - 100px);}
  .htw-process-card-sub-title-bar .sub-title-label{font-size:18px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:0px 60px 0px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:0px 60px 0px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-theme-col-row{margin-bottom:-100px;}
  .mystery-phrase-htw-sec .scoring-system-card{margin:30px 0px 110px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-fig{max-width:98px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-icon{left:10px; bottom:calc(100% - 60px);}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-fig{max-width:105px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-theme-col-row{margin:30px 0px -80px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine{margin-bottom:80px;}

  .mystery-phrase-game-expect-sec .game-expectation-sec-outer{padding:50px 0px 280px; background-size:24%, 40%;}
  .mystery-phrase-game-expect-sec .game-expectation-list{--mid-gap:30px;}
  .mystery-phrase-game-expect-sec .game-expectation-item{margin-top:60px;}
  .mystery-phrase-game-expect-sec .game-expectation-card-outer{padding:0 10px 40px; margin-top:80px;}
  .mystery-phrase-game-expect-sec .game-expect-details-item{font-size:18px;}
  .mystery-phrase-game .game-expect-card-title{font-size:22px; margin-bottom:10px;}
  .mystery-phrase-game-expect-sec .game-expect-card-fig{max-width:118px;}
  .mystery-phrase-game-expect-sec .game-expect-icon-block{margin-top:-84px;}

  .mystery-phrase-game-summary-sec .game-summary-cont{margin-top:-210px;}
  .mystery-phrase-game-summary-sec .game-summary-cont-outer{padding:30px 40px 30px;}
  .mystery-phrase-game-summary-sec .game-summary-text{font-size:22px;}

  .mystery-phrase-game .faq-sec-outer{padding:60px 0px 30px;}
  .mystery-phrase-game .faq-block{padding:0px;}
  .mystery-phrase-game .accordion-title{font-size:20px;}
  .mystery-phrase-game .accordion-item:before{font-size:20px;}
  .mystery-phrase-game .accordion-text{font-size:16px;}
}

@media(min-width:768px) {
  .mystery-phrase-game .header{box-shadow:0px 4px 9px rgba(0, 0, 0, 0.6);}
}

@media(max-width:767px) {
  .mystery-phrase-game {
  --text-shadow:1px 1px 0 #49213e, 1px -1px 0 #49213e, -1px 1px 0 #49213e, -1px -1px 0 #49213e, 1px 0 0 #49213e, 0 1px 0 #49213e, -1px 0 0 #49213e;
  }

  .mystery-phrase-game .banner-sec{background: var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .mystery-phrase-game .banner-logo .game-logo-fig{max-width:62%;}
  .mystery-phrase-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 0px 30px rgba(202, 133, 255, 1));}
  .mystery-phrase-game .video-block{max-width:310px;}
  .mystery-phrase-game .video-poster, .mystery-phrase-game .client-video{top:18px; left:22px; right:22px; height:calc(100% - 24px); width:calc(100% - 44px); border-radius:14px;}
  .mystery-phrase-game .banner-sec-video{margin-bottom:-70px;}

  .mystery-phrase-about-us-sec .about-us-sec-outer{padding:120px 0px 30px;}
  .mystery-phrase-about-us-sec{--radius:16px; padding:2px;}
  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){font-size:20px;}
  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title):after, .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title):before{height:1px;}
  .mystery-phrase-game .sec-main-title:not(.htw-sec-main-title){padding:6px 0px;}
  .mystery-phrase-about-us-sec .sec-head{margin-bottom:20px;}
  .mystery-phrase-about-us-sec .about-us-text{padding:0 10px;}
  .mystery-phrase-game .base-btn{max-width:180px;}
  .mystery-phrase-game .btn-text{font-size:18px;}

  .mystery-phrase-game .htw-sec-main-title{font-size:16px;}
  .mystery-phrase-game .htw-sec-head .sec-head-outer{max-width:278px;}
  .mystery-phrase-game .htw-sec-head{margin:-2px 0px 10px;}
  .mystery-phrase-game .htw-sec-main-title{padding-top:2px;}
  .mystery-phrase-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:20px 10px;}
  .mystery-phrase-htw-sec .htw-process-theme-icon.top-icon{top:-10px; left:-10px; max-width:43px;}
  .mystery-phrase-htw-sec .htw-process-sec-fig{max-width:86px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-one .htw-process-sec-icon{bottom:30%; z-index:1;}
  .mystery-phrase-htw-sec .htw-process-card{margin-top:0px;}
  .mystery-phrase-htw-sec .col-right:before{width:calc(100vw + 20px); left:-10px;}
  .mystery-phrase-htw-sec .htw-process-card-title-bar{text-align:left;}
  .mystery-phrase-htw-sec .htw-process-card-title{font-size:22px;}
  .mystery-phrase-htw-sec .htw-process-card-list-item, .mystery-phrase-htw-sec .htw-process-card-list-label{font-size:16px;}
  .mystery-phrase-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:60px 40px 40px 40px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-theme-icon{top:-10px; left:-10px; right:auto; bottom:auto; max-width:50px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-fig{max-width:34px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-two .htw-process-sec-icon{bottom:26%; top:auto; z-index:1;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-three{margin:30px 0 0px;}
  .mystery-phrase-game .sec-main-title.htw-process-sec-main-title{max-width:100%;}
  .mystery-phrase-game .sec-main-title.htw-process-sec-main-title{font-size:16px;}
  .mystery-phrase-htw-sec .htw-process-theme-col-row{flex-wrap:wrap; gap:10px 0px;}
  .sec-level-head-title .label-title{font-size:14px;}
  .sec-level-head .sec-head-bg{height:auto;}
  .mystery-phrase-htw-sec .choose-level-sec:before{transform:skewY(-17deg); height:93%;}
  .sec-level-head{margin:6px 0px 10px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-fig{max-width:74px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-sec-icon{bottom:42%; z-index:1;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-left{padding:0px 0px 20px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-four .htw-process-theme-icon, .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-sec-fig, .mystery-phrase-htw-sec .how-to-work-process-sec-five .htw-process-theme-icon.bottom-icon{display:none;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .col-left{padding:30px 0px 20px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-five .col-right:before{left:-10px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-six .htw-process-sec-icon{display:none;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-outer{--radius:10px; padding:2px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-cont{border-radius:calc(var(--radius) - 2px);}
  .mystery-phrase-htw-sec .htw-process-card-alt .title-bg-fig, .mystery-phrase-htw-sec .htw-sec-top-bar .title-bg-fig{height:52px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-title, .mystery-phrase-htw-sec .htw-sec-top-bar .htw-process-card-title{font-size:21px;}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-card-body{padding:30px 16px 0px;}
  .mystery-phrase-htw-sec .hint-type-card .htw-process-card-title-bar{transform:translateY(-50%);}
  .mystery-phrase-htw-sec .htw-process-card-alt .htw-process-theme-col-row{margin:10px 0 -20px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-seven .htw-process-sec-icon{display:none;}
  .htw-process-card-sub-title-bar .sub-title-label{font-size:16px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-outer{margin-top:0px;}
  .mystery-phrase-htw-sec .htw-process-card-alt{margin:0px 0px 50px;}
  .mystery-phrase-htw-sec .hint-type-card{margin:60px 0px 50px;}
  .htw-process-card-sub-title-bar{margin:10px 0px;}
  .mystery-phrase-htw-sec .scoring-system-card{margin:0px 0px 120px;}
  .mystery-phrase-htw-sec .scoring-system-card .title-bg-fig{height:40px; box-shadow:drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.5));}
  .mystery-phrase-htw-sec .scoring-system-card .icon{width:22px; margin-right:6px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-title{font-size:18px; padding-bottom:6px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-body{padding:5px 20px 0px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-card-list-item{font-size:22px;}
  .mystery-phrase-htw-sec .scoring-system-card .htw-process-theme-col-row{margin:0px 0px -100px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-eight .htw-process-sec-icon{display:none;}
  .mystery-phrase-htw-sec .game-summary-card .htw-process-card-title-bar{transform:translateY(-50%);}
  .mystery-phrase-htw-sec .game-summary-card .htw-process-theme-col-row{margin:0px 0px -100px; gap:10px 0px;}
  .mystery-phrase-htw-sec .game-summary-card{margin:30px 0px 130px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine .htw-process-sec-icon{display:none;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-item, .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-label{padding:0px 30px;}
  .mystery-phrase-htw-sec .how-to-work-process-sec-nine{background:transparent; padding:0px; margin:0px;}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-card-list-block{width:calc(100% + 20px); position:relative; left:-10px; padding:40px 0px 60px; background:linear-gradient(to top, rgb(255,190,249) 2%, rgb(255,240,255) 100%);}
  .mystery-phrase-htw-sec .game-incorrect-card .htw-process-theme-col-row{margin:-50px 0px 0px;}
  .mystery-phrase-htw-sec{margin:0px 0px 30px;}

  .mystery-phrase-game .sec-main-title.game-expect-sec-main-title{width:100%;}
  .mystery-phrase-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 30px; background-size:38%, 62%;}
  .mystery-phrase-game-expect-sec .game-expectation-block{padding:0px;}
  .mystery-phrase-game-expect-sec .game-expectation-block{margin-top:30px;}
  .mystery-phrase-game-expect-sec .game-expectation-card-outer{--radius:20px; margin-top:110px;}
  .mystery-phrase-game-expect-sec .game-expectation-card-outer:before{top:-6px; left:-6px; border-width:2px;}
  .mystery-phrase-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px); margin:0px;}
  .mystery-phrase-game-expect-sec .game-expectation-card{height:100%;}
  .mystery-phrase-game .owl-carousel .owl-dot span{border:none; background:#fff;}
  .mystery-phrase-game .owl-carousel .owl-dot.active span{background:#ffbff9;}

  .mystery-phrase-game-summary-sec .container{padding:0px;}
  .mystery-phrase-game-summary-sec .game-summary-cont-outer{padding:30px 30px 30px;}
  .mystery-phrase-game-summary-sec .game-summary-cont{--radius:24px; margin:-10px -10px 0px; width:calc(100% + 20px); box-shadow:3px 0px 10px rgba(0, 0, 0, 0.5);}
  .mystery-phrase-game-summary-sec .game-summary-text{font-size:16px;}

  .mystery-phrase-game .faq-sec-head{margin-bottom:20px;}
  .mystery-phrase-game .sec-main-title.faqs-sec-main-title{width:100%;}
  .mystery-phrase-game .accordion-item:before{width:30px; height:30px; left:8px; top:7px; border-radius:4px; font-size:16px; font-family:var(--font-base1);}
  .mystery-phrase-game .accordion-head-outer{padding:11px 10px 14px 50px;}
  .mystery-phrase-game .accordion-title{font-size:16px; font-family:var(--font-base1);}
  .mystery-phrase-game .accordion-body{padding:8px 10px 10px 10px;}
  .mystery-phrase-game .accordion-card{box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.39);}
  .mystery-phrase-game .accordion-item{margin-bottom:12px;}
  .mystery-phrase-game .faq-sec-outer{padding:40px 0px 15px;}

}
@media(max-width:374px) {
  .mystery-phrase-htw-sec .htw-process-wrap .col-right{padding:60px 20px 40px 40px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Mystery Phrase Game CSS End // ***************************** */



/* ***************************** // Keno Game CSS Start // ***************************** */
.keno-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#423300;
--clr-dark:#532ea1;
--clr-dark-alt:#2a2368;

/*Background Colors*/
--bg-body:#f5f4ff;
--bg-base:#ffea00;
--bg-primary:#0092f2;
--bg-dark:#2d3376;

/*Border Colors*/
--bdr1:#ef9d01;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-action:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 6px rgba(0, 0, 0, 0.4);
--shadow-btn:0px 10px 10px rgba(32, 35, 120, 0.46);
}

.keno-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:450px;}
.keno-game .btn-bg{float:left; width:100%;}
.keno-game .btn-text{float:left; width:100%; font-size:42px; position:absolute; top:0; left:0; right:0px; bottom:0px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal;}
.keno-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/keno/button_bg.webp"), url("../images/keno/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.keno-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.keno-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.keno-game .banner-sec-outer{background:transparent; padding:0px;}
.keno-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.keno-game .banner-logo .game-logo-fig{max-width:36%; margin:40px 0px 30px; filter:drop-shadow(0px 0px 60px rgba(113, 198, 252, 1));}

.keno-game .banner-sec-video{background:transparent; margin-bottom:-120px;}
.keno-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.keno-game .video-block{max-width:65%; margin:0 auto; --radius:34px; border-radius:var(--radius); background:#fff; border:2px solid var(--bg-dark); padding:10px; box-shadow:0px 9px 20px rgba(0, 0, 0, 0.24), 5px 0px 55px rgba(0, 31, 81, 0.7);}
.keno-game .video-frame-outer{left:0; right:0; top:0; bottom:0; border-radius:0;}
.keno-game .video-iframe{padding-bottom:52.5%;}
.keno-game .video-poster, .keno-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 12px);}

.keno-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:200px 0px 100px; background:linear-gradient(to bottom, rgb(255,234,0) 0%, rgb(255,194,0) 100%); border-bottom:4px solid var(--bdr1);}
.keno-about-us-sec .sec-head{margin-bottom:30px;}
.keno-about-us-sec .sec-main-title{font-size:70px; color:var(--clr-base-light); text-transform:inherit;}
.keno-about-us-sec .about-us-text{font-size:35px; font-weight:700; color:var(--clr-base-light); text-align:center; padding:0 60px;}
.keno-about-us-sec .btn-bar{margin-top:40px;}

.keno-game .sec-main-title:not(.about-sec-main-title){font-size:70px; color:var(--clr-dark-alt); text-transform:inherit;}

/* How to Work CSS Start */
.keno-htw-sec{padding:80px 0px 0px;}
.keno-htw-sec .how-to-work-process-sec-one .htw-process-wrap{flex-direction:row-reverse;}
.keno-htw-sec .htw-process-wrap .col-left{max-width:50.7%;}
.keno-htw-sec .htw-process-wrap .col-right{padding-right:6%;}
.keno-htw-sec .how-to-work-process{margin-bottom:140px;}
.keno-htw-sec .htw-process-theme img{filter:inherit;}
.keno-htw-sec .htw-process-theme:after{display:inline-block;filter:inherit;height:2px;bottom:-3px;opacity:0.6; filter:blur(0.6px); background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 2%,rgba(0,0,0,1) 98%,rgba(0,0,0,0) 100%);left:0;right:0;width:100%; border-radius:4%;}
.keno-htw-sec .htw-process-card:before, .keno-htw-sec .htw-process-card:after, 
.keno-htw-sec .htw-process-card-outer:before, .keno-htw-sec .htw-process-card-outer:after{display:none;}
.keno-htw-sec .htw-process-card-outer{--radius:46px; border-radius:var(--radius); padding:6px; background:linear-gradient(to top, rgba(187,122,22,1) 0%,rgba(249,219,17,1) 48%,rgba(255,228,10,1) 74%,rgba(255,231,35,1) 100%);}
.keno-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 6px); background:linear-gradient(to bottom, rgb(111,130,251) 0%, rgb(115,110,240) 15%, rgb(112,94,226) 38%, rgb(91,57,170) 68%, rgb(86,50,165) 80%, rgb(80,43,160) 100%);}
.keno-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - 3px)); display:flex; align-items:center; justify-content:center;}
.keno-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:40px; color:var(--clr-dark); font-weight:normal;}
.keno-htw-sec .title-bg-fig{height:99px;}
.keno-htw-sec .htw-process-card-body{display:flex; align-items:center; background:transparent; min-height:330px; padding:80px 40px 60px;}
.keno-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.keno-htw-sec .htw-process-card-list-item{font-size:30px; font-weight:700; text-align:center;}
.keno-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:0; background:transparent; content:"\e97a"; font-family: 'isg-icons'; width:auto; height:auto; text-shadow:1px 4px 4px rgba(0,0,0,0.4);}
.keno-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:40px;}
.keno-htw-sec .htw-process-full-card .htw-process-card-body{padding:70px 15px 0px; flex-wrap:wrap;}
.keno-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:40px;}
.keno-htw-sec .htw-process-full-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-between;}
.keno-htw-sec .htw-process-full-card{margin-bottom:100px;}
.keno-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:-100px; gap:0px 20px;}
.keno-htw-sec .htw-process-full-card .htw-process-card-list-item{text-align:left;}
.keno-htw-sec .htw-process-full-card .htw-process-card-outer{background:#e496fa;}
.keno-htw-sec .htw-process-full-card .htw-process-card-cont{background:#9b5bc9; box-shadow:0px 0px 217px rgba(34, 0, 98, 0.5) inset, 0px 20px 9px 0px rgba(0, 0, 0, 0.24);}
.keno-htw-sec .htw-process-full-card .htw-process-card-title{color:#9b5bc9;}
.keno-htw-sec .head-tails-card .htw-process-card-outer{background:#7ab8ed;}
.keno-htw-sec .head-tails-card .htw-process-card-cont{background:#6092f3;}
.keno-htw-sec .head-tails-card .htw-process-card-title{color:#6092f3;}
.keno-htw-sec .odd-even-card .htw-process-card-outer{background:#5beef8;}
.keno-htw-sec .odd-even-card .htw-process-card-cont{background:#1bb8e3;}
.keno-htw-sec .odd-even-card .htw-process-card-title{color:#1bb8e3;}
.keno-htw-sec .how-to-work-process-sec-four{margin-bottom:100px;}
.keno-htw-sec .how-to-work-process-sec-five{margin-bottom:100px;}
.keno-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:6%; padding-right:0px;}
.keno-htw-sec .how-to-work-process-sec-six .htw-process-wrap{flex-direction:row-reverse;}
.keno-htw-sec .how-to-work-process-sec-six{margin-bottom:100px;}
.keno-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-left:6%; padding-right:0px;}
.keno-htw-sec .game-summary-card .htw-process-card-cont{padding:0px;}
.keno-htw-sec .how-to-work-process-sec-seven{margin-bottom:100px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.keno-game-expect-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center top; background-size:cover; padding:60px 0 100px;}
.keno-game-expect-sec .sec-head{margin-bottom:70px;}
.keno-game .sec-main-title.game-expect-sec-main-title{color:var(--clr-base);}
.keno-game-expect-sec .game-expectation-list{gap:30px 40px; justify-content:space-between;}
.keno-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 2) - (40px / 2));}
.keno-game-expect-sec .game-expectation-card{--radius:24px; border-radius:var(--radius); padding:5px; background:linear-gradient(to top, rgba(187,122,22,1) 0%,rgba(249,219,17,1) 48%,rgba(255,228,10,1) 74%,rgba(255,231,35,1) 100%); box-shadow:0px 0px 30px rgba(0, 0, 0, 0.7);}
.keno-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 5px); margin:0px; padding:26px 40px 36px; background:linear-gradient(to bottom, rgb(111,130,251) 0%, rgb(115,110,240) 15%, rgb(112,94,226) 38%, rgb(91,57,170) 68%, rgb(86,50,165) 80%, rgb(80,43,160) 100%); box-shadow:inset 6px -8px 10px rgba(8,1,21,0.5), inset -6px 0px 6px rgba(135,175,255,0.5);}
.keno-game-expect-sec .game-expect-card-title{font-size:30px; color:#fff; font-family:var(--font-head); text-align:left;}
.keno-game-expect-sec .game-expect-details-item{font-size:22px; color:#fff; line-height:1.4em;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.keno-game-summary-sec .game-summary-sec-outer{background:linear-gradient(to bottom, rgb(255,234,0) 0%, rgb(255,194,0) 100%); padding:100px 0 100px;}
.keno-game-summary-sec .game-summary-text{max-width:100%; padding:0 30px; font-size:44px; color:var(--clr-base-light);}
.keno-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.keno-game-summary-sec .game-summary-btn-bar:before{display:none;}
.keno-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
/* Game Summary CSS End */

/*FAQ CSS Start */
.keno-faq-sec .faq-sec-outer{padding:80px 0px 100px; background:#d8d1ff;}
.keno-faq-sec .accordion-item{margin-bottom:20px;}
.keno-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.keno-faq-sec .accordion-card{border-radius:10px; border:2px solid #fff; padding:0px; background:#702dee;}
.keno-faq-sec .accordion-head{padding-right:12px;}
.keno-faq-sec .accordion-body{background:#2a2368; border-radius:0 0 10px 10px; padding-right:12px;}
.keno-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:700; color:var(--clr-base);}
.keno-faq-sec .answer-label, .keno-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:700; color:#fff;}
.keno-faq-sec .accordion-text{flex:1;}
.keno-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.keno-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.keno-faq-sec .accordion-icon{background:#300089; --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.keno-faq-sec .accordion-icon .icon{color:#fff; font-size:20px;}
/*FAQ CSS End */

.keno-game .footer{background:#2a2368;}
.keno-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .keno-game .banner-sec-video{margin-bottom:-100px;}

  .keno-about-us-sec .about-us-sec-outer{padding:170px 0px 70px;}
  .keno-about-us-sec .sec-main-title{font-size:56px;}
  .keno-about-us-sec .about-us-text{font-size:30px; padding:0 40px;}
  .keno-about-us-sec .btn-bar{margin-top:30px;}
  .keno-game .base-btn{max-width:386px;}
  .keno-game .btn-text{font-size:36px;}

  .keno-game .sec-main-title:not(.about-sec-main-title){font-size:56px;}
  .keno-htw-sec .htw-process-card-body{min-height:280px; padding:60px 20px 40px;}
  .keno-htw-sec .title-bg-fig{height:80px;}
  .keno-htw-sec .htw-sec-head{margin-bottom:40px;}
  .keno-htw-sec .htw-process-card-title{font-size:34px;}
  .keno-htw-sec .htw-process-card-list-item{font-size:26px;}
  .keno-htw-sec .how-to-work-process{margin-bottom:120px;}
  .keno-htw-sec .how-to-work-process-sec-four{margin-bottom:80px;}
  .keno-htw-sec .how-to-work-process-sec-seven{margin-bottom:80px;}

  .keno-game-expect-sec .game-expectation-card-outer{padding:26px 32px 32px;}
  .keno-game-expect-sec .game-expect-card-title{font-size:27px;}
  .keno-game-expect-sec .game-expect-details-item{font-size:18px;}

  .keno-game-summary-sec .game-summary-sec-outer{padding:70px 0 70px;}
  .keno-game-summary-sec .game-summary-text{font-size:36px; padding:0px;}

  .keno-faq-sec .faq-sec-outer{padding:70px 0px 70px;}
  .keno-faq-sec .accordion-title{font-size:26px;}
  .keno-faq-sec .answer-label, .keno-faq-sec .accordion-text{font-size:25px;}
}

@media(max-width:1280px) {
  .keno-game .banner-logo .game-logo-fig{margin:30px 0px 20px;}
  .keno-game .video-block{padding:7px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.24), 5px 0px 45px rgba(0, 31, 81, 0.7);}
  .keno-game .video-poster, .keno-game .client-video{border-radius:calc(var(--radius) - 7px);}

  .keno-about-us-sec .about-us-sec-outer{padding:140px 0px 60px;}
  .keno-about-us-sec .sec-main-title{font-size:44px;}
  .keno-about-us-sec .about-us-text{font-size:26px; padding:0px 20px;}
  .keno-game .base-btn{max-width:346px;}
  .keno-game .btn-text{font-size:32px;}

  .keno-htw-sec{padding:60px 0px 0px;}
  .keno-game .sec-main-title:not(.about-sec-main-title){font-size:46px;}
  .keno-htw-sec .htw-process-card-outer{--radius:30px;}
  .keno-htw-sec .htw-process-card-body{min-height:220px; padding:40px 20px 20px;}
  .keno-htw-sec .title-bg-fig{height:68px;}
  .keno-htw-sec .htw-process-card-title{font-size:28px;}
  .keno-htw-sec .htw-process-card-list-item{font-size:23px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:23px;}
  .keno-htw-sec .how-to-work-process{margin-bottom:80px;}
  .keno-htw-sec .how-to-work-process-sec-one{margin-bottom:100px;}
  .keno-htw-sec .how-to-work-process-sec-four{margin-bottom:60px;}
  .keno-htw-sec .how-to-work-process-sec-seven{margin-bottom:60px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-body{padding:50px 15px 0px;}
  .keno-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:-80px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:20px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-item{margin-bottom:10px;}

  .keno-game-expect-sec .game-expectation-sec-outer{padding:40px 0 80px;}
  .keno-game-expect-sec .sec-head{margin-bottom:50px;}
  .keno-game-expect-sec .game-expectation-card-outer{padding:26px 26px 26px;}
  .keno-game-expect-sec .game-expect-card-title{font-size:22px;}
  .keno-game-expect-sec .game-expect-details-item{font-size:16px;}

  .keno-game-summary-sec .game-summary-sec-outer{padding:60px 0px;}
  .keno-game-summary-sec .game-summary-text{font-size:30px;}

  .keno-faq-sec .faq-sec-outer{padding:50px 0px;}
  .keno-faq-sec .faq-block{padding:0px;}
  .keno-faq-sec .accordion-title{font-size:22px;}
  .keno-faq-sec .answer-label, .keno-faq-sec .accordion-text{font-size:19px;}
  .keno-faq-sec .accordion-cont-bar{min-height:90px;}
  .keno-faq-sec .accordion-item{margin-bottom:14px;}
}

@media(max-width:1023px) {
  .keno-game .video-block{max-width:75%; --radius:30px;}

  .keno-about-us-sec .about-us-sec-outer{padding:140px 0px 50px;}
  .keno-about-us-sec .sec-head{margin-bottom:20px;}
  .keno-about-us-sec .sec-main-title{font-size:32px;}
  .keno-about-us-sec .about-us-text{font-size:22px;}
  .keno-game .base-btn{max-width:284px;}
  .keno-game .btn-text{font-size:26px;}

  .keno-htw-sec{padding:40px 0px 0px;}
  .keno-game .sec-main-title:not(.about-sec-main-title){font-size:38px;}
  .keno-htw-sec .htw-process-card-outer{--radius:20px;}
  .keno-htw-sec .htw-process-card-body{min-height:190px; padding:20px 15px 10px;}
  .keno-htw-sec .you-lose-card .htw-process-card-body{padding:20px 25px 10px;}
  .keno-htw-sec .game-summary-card .htw-process-card-body{padding:20px 8px 10px;}
  .keno-htw-sec .title-bg-fig{height:58px;}
  .keno-htw-sec .htw-process-card-title{font-size:24px;}
  .keno-htw-sec .htw-process-card-list-item{font-size:19px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:19px;}
  .keno-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:28px;}
  .keno-htw-sec .how-to-work-process-sec-one{margin-bottom:80px;}
  .keno-htw-sec .how-to-work-process-sec-four{margin-bottom:50px;}
  .keno-htw-sec .how-to-work-process-sec-seven{margin-bottom:50px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-body{padding:30px 15px 0px;}
  .keno-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:-60px;}
  .keno-htw-sec .htw-process-full-card{margin-bottom:60px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:20px;}

  .keno-game-expect-sec .game-expectation-sec-outer{padding:40px 0 60px;}
  .keno-game-expect-sec .sec-head{margin-bottom:40px;}
  .keno-game-expect-sec .game-expectation-list{gap:25px 20px;}
  .keno-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (20px / 2));}
  .keno-game-expect-sec .game-expect-card-title{font-size:19px;}
  .keno-game-expect-sec .game-expect-details-item{font-size:15px;}

  .keno-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .keno-game-summary-sec .game-summary-text{font-size:22px;}
  .keno-game-summary-sec .game-summary-btn-bar{padding-top:30px;}

  .keno-faq-sec .faq-sec-outer{padding:40px 0px;}
  .keno-faq-sec .faq-sec-head{margin-bottom:20px;}
  .keno-faq-sec .accordion-title{font-size:19px;}
  .keno-faq-sec .answer-label, .keno-faq-sec .accordion-text{font-size:16px;}
  .keno-faq-sec .accordion-cont-bar{min-height:76px;}
  .keno-faq-sec .accordion-icon{--circle-size:36px;}
  .keno-faq-sec .accordion-icon .icon{font-size:15px;}
}

@media(max-width:767px) {
  .keno-game {
  --shadow-text:1px 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-btn:0px 4px 4px rgba(32, 35, 120, 0.46);
  }

  .keno-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .keno-game .banner-logo .game-logo-fig{max-width:61%; margin:20px 0px 10px; filter:drop-shadow(0px 0px 10px rgba(113, 198, 252, 1));}
  .keno-game .video-block{max-width:90%; --radius:20px; padding:5px; box-shadow:0px 10px 5px rgba(0, 0, 0, 0.14), 5px 0px 20px rgba(0, 31, 81, 0.7);}
  .keno-game .banner-sec-video{margin-bottom:-40px;}

  .keno-about-us-sec .about-us-sec-outer{padding:70px 0px 40px;}
  .keno-about-us-sec .sec-head{margin-bottom:10px;}
  .keno-about-us-sec .sec-main-title{font-size:22px;}
  .keno-about-us-sec .about-us-text{font-size:16px; padding:0px;}
  .keno-game .base-btn{max-width:210px;}
  .keno-game .btn-text{font-size:22px;}
  .keno-about-us-sec .btn-bar{margin-top:25px;}

  .keno-htw-sec{padding:40px 0px 0px;}
  .keno-game .sec-main-title:not(.about-sec-main-title){font-size:22px;}
  .keno-htw-sec .htw-sec-head{margin-bottom:20px;}
  .keno-htw-sec .htw-process-wrap .col-left, .keno-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px;}
  .keno-htw-sec .htw-process-wrap .col-left{padding:0px 7px;}
  .keno-htw-sec .htw-process-theme:after{opacity:0.4;}
  .keno-htw-sec .htw-process-card{margin-top:50px;}
  .keno-htw-sec .htw-process-card-outer{--radius:24px; padding:4px;}
  .keno-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 5px);}
  .keno-htw-sec .htw-process-card-body{padding:30px 15px 10px;}
  .keno-htw-sec .you-lose-card .htw-process-card-body{padding:20px 15px 10px;}
  .keno-htw-sec .title-bg-fig{height:50px;}
  .keno-htw-sec .htw-process-card-title{font-size:22px;}
  .keno-htw-sec .htw-process-card-list-item{font-size:18px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:18px;}
  .keno-htw-sec .htw-process-full-card{margin-bottom:0px;}
  .keno-htw-sec .how-to-work-process{margin-bottom:20px;}
  .keno-htw-sec .how-to-work-process-sec-four, .keno-htw-sec .how-to-work-process-sec-five, .keno-htw-sec .how-to-work-process-sec-six{margin-bottom:50px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-body{padding:30px 10px 0px;}
  .keno-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:15px; flex-direction:column; gap:15px 0px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-cont{box-shadow:0px 0px 217px rgba(34, 0, 98, 0.5) inset, 0px 11px 9px 0px rgba(0, 0, 0, 0.24);}
  .keno-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right, .keno-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-right{padding-left:0px;}

  .keno-game-expect-sec .game-expectation-sec-outer{padding:30px 0 20px;}
  .keno-game-expect-sec .sec-head{margin-bottom:10px;}
  .keno-game-expect-sec .game-expectation-list{gap:0px;}
  .keno-game-expect-sec .owl-stage{display:flex;}
  .keno-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .keno-game-expect-sec .owl-item{margin:20px 0;}
  .keno-game-expect-sec .owl-carousel .owl-dot span{border:none; background:#ef9d01;}
  .keno-game-expect-sec .owl-carousel .owl-dot.active span{background:#fff;}
  .keno-game-expect-sec .game-expectation-card{--radius:18px; padding:3px; box-shadow:0px 0px 14px rgba(0, 0, 0, 0.7);}
  .keno-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 3px); padding:20px 15px 15px;}
  .keno-game-expect-sec .game-expect-card-title{margin-bottom:10px;}
  .keno-game-expect-sec .game-expectation-item{max-width:calc(100vw - 90px); min-width:calc(100vw - 90px);}

  .keno-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .keno-game-summary-sec .game-summary-text{font-size:18px;}
  .keno-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .keno-faq-sec .faq-sec-outer{padding:40px 0px 30px;}
  .keno-faq-sec .faq-sec-head{margin-bottom:15px;}
  .keno-faq-sec .accordion-head{padding:5px 10px;}
  .keno-faq-sec .accordion-title{font-size:14px;}
  .keno-faq-sec .answer-label, .keno-faq-sec .accordion-text{font-size:14px;}
  .keno-faq-sec .accordion-cont-bar{min-height:56px; padding:10px 0px;}
  .keno-faq-sec .accordion-icon{--circle-size:20px;}
  .keno-faq-sec .accordion-icon .icon{font-size:10px;} 
  .keno-faq-sec .accordion-item{margin-bottom:10px;}
  .keno-faq-sec .accordion-body{padding:0px 10px; border-radius:0 0 6px 6px;} 
  .keno-faq-sec .accordion-card{border-radius:6px; border:1px solid #fff;}
}
@media(max-width:374px) {
  .keno-about-us-sec .about-us-text{font-size:15px;}
  .keno-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:16px;}
  .keno-htw-sec .htw-process-card-list-item{font-size:16px;}
  .keno-game-expect-sec .game-expect-details-item{font-size:14px;}
  .keno-game-summary-sec .game-summary-text{font-size:17px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Keno Game CSS End // ***************************** */




/* ***************************** // Perfect Spin Game CSS Start // ***************************** */
.perfect-spin-game {
/*Colors*/
--clr-base:#410816;
--clr-base-light:#fff;
--clr-dark:#880721;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#410816;
--bg-primary:#fec435;
--bg-dark:#880721;

/*Border Colors*/
--bdr1:#feba25;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Acumin Pro', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 6px rgba(0, 0, 0, 0.4);
--shadow-btn:0px 2px 14px rgba(0, 0, 0, 0.3);
}

.perfect-spin-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:450px;}
.perfect-spin-game .btn-bg{float:left; width:100%;}
.perfect-spin-game .btn-text{float:left; width:100%; position:absolute; top:0; left:0; right:0px; bottom:0px; z-index:1;}
.perfect-spin-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/perfect-spin/button_bg.webp"), url("../images/perfect-spin/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.perfect-spin-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.perfect-spin-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.perfect-spin-game .banner-sec-outer{background:transparent; padding:0px;}
.perfect-spin-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.perfect-spin-game .banner-logo .game-logo-fig{max-width:21.8%; margin:5px 0px;}

.perfect-spin-game .banner-sec-video{background:transparent; margin-bottom:-150px;}
.perfect-spin-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.perfect-spin-game .video-block{max-width:60.6%; margin:0 auto; --radius:34px; border-radius:var(--radius); background:#fcd13a; padding:10px; box-shadow:0px 26px 25px 0px rgba(0, 0, 0, 0.25);}
.perfect-spin-game .video-frame-outer{left:0; right:0; top:0; bottom:0; border-radius:0;}
.perfect-spin-game .video-iframe{padding-bottom:56%;}
.perfect-spin-game .video-poster, .perfect-spin-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 10px);}

.perfect-spin-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:250px 0px 100px; background:#fff0f4;}
.perfect-spin-about-us-sec .sec-head{margin-bottom:30px;}
.perfect-spin-about-us-sec .about-us-text{font-size:35px; font-weight:700; text-align:center; padding:0 60px;}
.perfect-spin-about-us-sec .btn-bar{margin-top:40px;}

.perfect-spin-game .sec-main-title:not(.htw-sec-main-title){font-size:60px; font-family:var(--font-base); color:var(--clr-base); font-weight:900; padding:20px 0px; line-height:normal; display:inline-block; position:relative; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,212,223,1) 50%,rgba(0,0,0,0) 100%);}
.perfect-spin-game .sec-main-title:not(.htw-sec-main-title):after, 
.perfect-spin-game .sec-main-title:not(.htw-sec-main-title):before{content:""; position:absolute; left:0; right:0; top:0; margin:auto; height:5px; width:100%; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(253,214,31,1) 25%,rgba(253,214,31,1) 75%,rgba(0,0,0,0) 100%);}
.perfect-spin-game .sec-main-title:not(.htw-sec-main-title):before{top:auto; bottom:0px;}
.perfect-spin-game .sec-main-title.htw-sec-main-title{font-size:60px; font-family:var(--font-base); font-weight:900;}

/* How to Work CSS Start */
.perfect-spin-htw-sec{padding:120px 0px 50px;}
.perfect-spin-htw-sec .how-to-work-process-sec-one .htw-process-wrap{flex-direction:row-reverse;}
.perfect-spin-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.perfect-spin-htw-sec .htw-process-wrap .col-right{padding-right:5%;}
.perfect-spin-htw-sec .how-to-work-process{margin-bottom:60px;}
.perfect-spin-htw-sec .htw-process-theme img{filter:drop-shadow(0px 15px 20px rgba(0, 0, 0, 0.3));}
.perfect-spin-htw-sec .htw-process-theme:after{display:none;}
.perfect-spin-htw-sec .htw-process-card:before, .perfect-spin-htw-sec .htw-process-card:after, 
.perfect-spin-htw-sec .htw-process-card-outer:before, .perfect-spin-htw-sec .htw-process-card-outer:after{display:none;}
.perfect-spin-htw-sec .htw-process-card-outer{--radius:46px; border-radius:var(--radius); padding:10px; background:var(--bg-base); box-shadow:0px 1px 25px rgba(170, 18, 69, 0.47);}
.perfect-spin-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 6px); background:#ffb700 url('../images/perfect-spin/card-bg.webp') no-repeat center center; background-size:cover; box-shadow:0px 0px 100px rgba(255,149,59, 0.75) inset;}
.perfect-spin-htw-sec .htw-process-card-title-bar{display:flex; align-items:center; justify-content:center;}
.perfect-spin-htw-sec .htw-process-card-title{display:flex; align-items:center; justify-content:center; font-size:50px; font-family:var(--font-head); color:var(--clr-base); text-transform:inherit;}
.perfect-spin-htw-sec .htw-process-card-body{display:flex; flex-wrap:wrap; align-items:center; align-content:center; background:transparent; min-height:370px; padding:60px 40px 60px;}
.perfect-spin-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.perfect-spin-htw-sec .htw-process-card-list-item{font-size:34px; font-family:var(--font-head); text-align:center;}
.perfect-spin-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:0; background:transparent; content:"\e97a"; font-family: 'isg-icons'; width:auto; height:auto; text-shadow:1px 4px 4px rgba(0,0,0,0.4);}
.perfect-spin-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:40px;}
.perfect-spin-htw-sec .how-to-work-process-sec-two .htw-process-wrap .col-right{padding-right:0px; padding-left:5%;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-card-cont{background:#ffb700;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-card-body{padding:20px 15px 0px; flex-wrap:wrap;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:40px;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-around; margin-bottom:-200px; gap:0px 20px;}
.perfect-spin-htw-sec .htw-process-full-card{margin-bottom:200px;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list{margin-top:10px;}
.perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:30px;}
.title-label-info{background:var(--bg-base); border-radius:6px; padding:10px 20px 14px; font-size:26px; color:#fff; font-family:var(--font-head); float:left; width:98%; max-width:605px; text-align:center; display:flex; align-items:center; justify-content:center; position:relative;}
.title-label-info:after{content:""; position:absolute; top:calc(100% - 1px); left:0; right:0; margin:0 auto; background:var(--bg-base); clip-path:polygon(100% 0, 0 0, 50% 100%); width:24px; height:14px;}
.perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap{gap:0 70px;}
.perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-left, .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{max-width:50%; padding:0px; flex:1;}
.perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-theme img{filter:drop-shadow(0px 1px 25px rgba(170, 18, 69, 0.47));}
.perfect-spin-htw-sec .stop-spinning-card .htw-process-theme-col-row .col{display:flex; justify-content:center; flex-wrap:wrap; flex-direction:column;}
.perfect-spin-htw-sec .stop-spinning-card .theme-top-block{flex:1; align-items:stretch;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.perfect-spin-game-expect-sec .game-expectation-sec-outer{background:#fff0f4; padding:60px 0 100px;}
.perfect-spin-game-expect-sec .sec-head{margin-bottom:50px;}
.perfect-spin-game .sec-main-title.game-expect-sec-main-title{min-width:62%;}
.perfect-spin-game-expect-sec .game-expectation-list{gap:40px 50px; justify-content:space-between;}
.perfect-spin-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 2) - (50px / 2));}
.perfect-spin-game-expect-sec .game-expectation-card{--radius:16px; border-radius:var(--radius); padding:5px; background:var(--bg-dark);}
.perfect-spin-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 5px); margin:0px; padding:26px 40px 36px; background:var(--bg-base);}
.perfect-spin-game-expect-sec .game-expect-card-title{font-size:50px; color:#fff; font-family:var(--font-base); font-weight:700; text-align:left;}
.perfect-spin-game-expect-sec .game-expect-details-item{font-size:26px; color:#fff0f4; font-weight:700; line-height:1.4em;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.perfect-spin-game-summary-sec .game-summary-sec-outer{background:var(--bg-dark) var(--game-summary-bg); background-size:cover; padding:100px 0 100px;}
.perfect-spin-game-summary-sec .game-summary-text{max-width:100%; padding:0 30px; font-size:44px; color:var(--clr-base-light);}
.perfect-spin-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.perfect-spin-game-summary-sec .game-summary-btn-bar:before{display:none;}
.perfect-spin-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
/* Game Summary CSS End */

/*FAQ CSS Start */
.perfect-spin-faq-sec .faq-sec-outer{padding:80px 0px 100px; background:#fff0f4;}
.perfect-spin-faq-sec .sec-main-title.faqs-sec-main-title{min-width:62%;}
.perfect-spin-faq-sec .accordion-item{margin-bottom:20px;}
.perfect-spin-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.perfect-spin-faq-sec .accordion-card{--radius:10px; border-radius:var(--radius); border:2px solid var(--bdr1); padding:0px; background:var(--bg-base);}
.perfect-spin-faq-sec .accordion-head{padding-right:12px;}
.perfect-spin-faq-sec .accordion-body{background:var(--bg-primary); border-radius:0 0 calc(var(--radius) - 4px) calc(var(--radius) - 4px); padding-right:12px;}
.perfect-spin-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); font-weight:700; color:var(--clr-base-light);}
.perfect-spin-faq-sec .answer-label, .perfect-spin-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:700; color:var(--clr-base);}
.perfect-spin-faq-sec .accordion-text{flex:1;}
.perfect-spin-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.perfect-spin-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.perfect-spin-faq-sec .accordion-icon{background:#fff0f4; --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.perfect-spin-faq-sec .accordion-icon .icon{color:var(--clr-base); font-size:20px;}
/*FAQ CSS End */

.perfect-spin-game .footer{background:#410816;}
.perfect-spin-game .copyright-text{color:#fff0f4;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .perfect-spin-game .banner-sec-video{margin-bottom:-130px;}

  .perfect-spin-about-us-sec .about-us-sec-outer{padding:200px 0px 70px;}
  .perfect-spin-about-us-sec .about-us-text{font-size:30px; padding:0 20px;}
  .perfect-spin-about-us-sec .btn-bar{margin-top:30px;}
  .perfect-spin-game .base-btn{max-width:386px;}

  .perfect-spin-game .sec-main-title:not(.htw-sec-main-title){font-size:48px;}
  .perfect-spin-game .sec-main-title.htw-sec-main-title{font-size:48px;}
  .perfect-spin-htw-sec .htw-process-card-outer{--radius:36px;}
  .perfect-spin-htw-sec .htw-process-card-body{min-height:300px;}
  .perfect-spin-htw-sec .htw-process-card-title{font-size:40px;}
  .perfect-spin-htw-sec .htw-process-card-list-item{font-size:26px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:27px;}
  .title-label-info{font-size:24px;}

  .perfect-spin-game-expect-sec .game-expectation-card-outer{padding:26px 32px 32px;}
  .perfect-spin-game-expect-sec .game-expect-card-title{font-size:36px;}
  .perfect-spin-game-expect-sec .game-expect-details-item{font-size:22px;}

  .perfect-spin-game-summary-sec .game-summary-sec-outer{padding:70px 0 70px;}
  .perfect-spin-game-summary-sec .game-summary-text{font-size:36px; padding:0px;}

  .perfect-spin-faq-sec .faq-sec-outer{padding:70px 0px 70px;}
  .perfect-spin-faq-sec .accordion-title{font-size:26px;}
  .perfect-spin-faq-sec .answer-label, .perfect-spin-faq-sec .accordion-text{font-size:25px;}
}

@media(max-width:1280px) {
  .perfect-spin-game .banner-sec{background-size:cover;}
  .perfect-spin-game .banner-sec-video{margin-bottom:-100px;}
  .perfect-spin-game .video-block{padding:7px; box-shadow:0px 15px 15px 0px rgba(0, 0, 0, 0.25);}
  .perfect-spin-game .video-poster, .perfect-spin-game .client-video{border-radius:calc(var(--radius) - 7px);}

  .perfect-spin-about-us-sec .about-us-sec-outer{padding:170px 0px 60px;}
  .perfect-spin-about-us-sec .about-us-text{font-size:26px; padding:0px 20px;}
  .perfect-spin-game .base-btn{max-width:346px;}

  .perfect-spin-htw-sec{padding:50px 0px 20px;}
  .perfect-spin-game .sec-main-title:not(.htw-sec-main-title){font-size:38px;}
  .perfect-spin-game .sec-main-title.htw-sec-main-title{font-size:38px;}
  .perfect-spin-htw-sec .htw-process-card-outer{--radius:28px; padding:8px; box-shadow:0px 1px 15px rgba(170, 18, 69, 0.47);}
  .perfect-spin-htw-sec .htw-process-card-body{min-height:240px; padding:40px 30px 40px;}
  .perfect-spin-htw-sec .htw-process-card-title{font-size:32px;}
  .perfect-spin-htw-sec .htw-process-card-list-item{font-size:22px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:23px;}
  .title-label-info{font-size:22px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:-170px;}
  .perfect-spin-htw-sec .htw-process-full-card{margin-bottom:150px;}
  .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap{gap:0px 50px;}
  .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-theme img{filter:drop-shadow(0px 1px 15px rgba(170, 18, 69, 0.47));}

  .perfect-spin-game-expect-sec .game-expectation-sec-outer{padding:60px 0 80px;}
  .perfect-spin-game-expect-sec .sec-head{margin-bottom:40px;}
  .perfect-spin-game-expect-sec .game-expectation-list{gap:30px 40px;}
  .perfect-spin-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (40px / 2));}
  .perfect-spin-game-expect-sec .game-expectation-card-outer{padding:26px 32px 32px;}
  .perfect-spin-game-expect-sec .game-expect-card-title{font-size:32px;}
  .perfect-spin-game-expect-sec .game-expect-details-item{font-size:20px;}

  .perfect-spin-game-summary-sec .game-summary-sec-outer{padding:70px 0px;}
  .perfect-spin-game-summary-sec .game-summary-text{font-size:31px;}

  .perfect-spin-faq-sec .faq-sec-outer{padding:60px 0px 40px;}
  .perfect-spin-faq-sec .faq-block{padding:0px;}
  .perfect-spin-faq-sec .accordion-title{font-size:22px;}
  .perfect-spin-faq-sec .answer-label, .perfect-spin-faq-sec .accordion-text{font-size:19px;}
  .perfect-spin-faq-sec .accordion-cont-bar{min-height:90px;}
  .perfect-spin-faq-sec .accordion-item{margin-bottom:14px;}
}

@media(max-width:1023px) {
  .perfect-spin-game .banner-logo .game-logo-fig{max-width:24.8%;}
  .perfect-spin-game .video-block{max-width:75%; --radius:30px;}

  .perfect-spin-about-us-sec .about-us-sec-outer{padding:150px 0px 50px;}
  .perfect-spin-about-us-sec .sec-head{margin-bottom:20px;}
  .perfect-spin-about-us-sec .about-us-text{font-size:22px;}
  .perfect-spin-game .base-btn{max-width:284px;}

  .perfect-spin-htw-sec{padding:50px 0px 20px;}
  .perfect-spin-game .sec-main-title:not(.htw-sec-main-title){font-size:32px;}
  .perfect-spin-game .sec-main-title.htw-sec-main-title{font-size:32px;}
  .perfect-spin-htw-sec .htw-process-card-body{min-height:180px; padding:30px 20px 30px;}
  .perfect-spin-htw-sec .htw-process-card-title{font-size:26px;}
  .perfect-spin-htw-sec .htw-process-card-list-item{font-size:19px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:20px;}
  .title-label-info{font-size:19px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:-130px;}
  .perfect-spin-htw-sec .htw-process-full-card{margin-bottom:110px;}

  .perfect-spin-game-expect-sec .game-expectation-sec-outer{padding:50px 0 60px;}
  .perfect-spin-game-expect-sec .game-expectation-card-outer{padding:26px 26px 32px;}
  .perfect-spin-game-expect-sec .game-expectation-list{gap:26px 30px;}
  .perfect-spin-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (30px / 2));}
  .perfect-spin-game-expect-sec .game-expect-card-title{font-size:26px;}
  .perfect-spin-game-expect-sec .game-expect-details-item{font-size:17px;}

  .perfect-spin-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .perfect-spin-game-summary-sec .game-summary-text{font-size:26px;}

  .perfect-spin-faq-sec .accordion-title{font-size:19px;}
  .perfect-spin-faq-sec .answer-label, .perfect-spin-faq-sec .accordion-text{font-size:16px;}
  .perfect-spin-faq-sec .accordion-cont-bar{min-height:76px;}
  .perfect-spin-faq-sec .accordion-icon{--circle-size:36px;}
  .perfect-spin-faq-sec .accordion-icon .icon{font-size:15px;}
}

@media(max-width:767px) {
  .perfect-spin-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .perfect-spin-game .banner-logo .game-logo-fig{max-width:37.5%;}
  .perfect-spin-game .banner-sec-video{margin-bottom:-40px;}
  .perfect-spin-game .video-block{max-width:86%; padding:4px; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.25); --radius:18px;}
  .perfect-spin-game .video-poster, .perfect-spin-game .client-video{border-radius:calc(var(--radius) - 4px);}

  .perfect-spin-about-us-sec .about-us-sec-outer{padding:60px 0px 40px;}
  .perfect-spin-about-us-sec .sec-head{margin-bottom:15px;}
  .perfect-spin-about-us-sec .about-us-text{font-size:18px; padding:0px;}
  .perfect-spin-game .base-btn{max-width:228px;}

  .perfect-spin-htw-sec{padding:40px 0px 20px;}
  .perfect-spin-game .sec-main-title:not(.htw-sec-main-title){font-size:22px; padding:10px 0px;}
  .perfect-spin-game .sec-main-title:not(.htw-sec-main-title):after, .perfect-spin-game .sec-main-title:not(.htw-sec-main-title):before{height:3px;}
  .perfect-spin-game .sec-main-title.htw-sec-main-title{font-size:22px;}
  .perfect-spin-htw-sec .htw-process-wrap .col-left, .perfect-spin-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px;}
  .perfect-spin-htw-sec .htw-process-wrap .col-left{padding:0px 10px;}
  .perfect-spin-htw-sec .htw-process-card{margin-top:20px;}
  .perfect-spin-htw-sec .htw-process-card-outer{padding:4px; --radius:20px;}
  .perfect-spin-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 4px);}

  .perfect-spin-htw-sec .htw-process-card-body{min-height:200px; padding:30px 20px 20px;}
  .perfect-spin-htw-sec .htw-process-card-title{font-size:22px;}
  .perfect-spin-htw-sec .htw-process-card-list-item{font-size:16px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:16px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item br{display:none;}
  .title-label-info{font-size:14px; padding:12px 20px 10px;}
  .title-label-info:after{width:15px; height:8px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-body{padding:20px 10px 30px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-block{margin:0px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-col-row{flex-direction:column; gap:20px 0px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-bottom-block{padding:0px 25px;}
  .perfect-spin-htw-sec .how-to-work-process-sec-two .htw-process-wrap .col-right{padding:0px;}
  .perfect-spin-htw-sec .how-to-work-process{margin-bottom:30px;}
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-theme-col-row{margin-bottom:0px;}
  .perfect-spin-htw-sec .htw-process-full-card{margin-bottom:0px; margin-top:0px;}
  .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap{gap:30px 0px;}
  .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-left, .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{max-width:100%;}
  .perfect-spin-htw-sec .how-to-work-process-sec-four .htw-process-theme img{filter:drop-shadow(0px 1px 7px rgba(170, 18, 69, 0.47));}

  .perfect-spin-game-expect-sec .game-expectation-sec-outer{padding:40px 0 40px;}
  .perfect-spin-game .sec-main-title.game-expect-sec-main-title{min-width:67%;}
  .perfect-spin-game-expect-sec .sec-head{margin-bottom:20px;}
  .perfect-spin-game-expect-sec .game-expectation-card{--radius:12px; padding:2px;}
  .perfect-spin-game-expect-sec .game-expectation-card-outer{padding:20px 10px 22px 16px; border-radius:calc(var(--radius) - 2px);}
  .perfect-spin-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .perfect-spin-game-expect-sec .game-expect-card-title{font-size:21px; margin-bottom:10px;}
  .perfect-spin-game-expect-sec .game-expect-details-item{font-size:15px;}
  .perfect-spin-game-expect-sec .game-expectation-list .owl-stage{margin-bottom:20px;}
  .perfect-spin-game .owl-carousel .owl-dot span{border:none; background:#bf8795;}
  .perfect-spin-game .owl-carousel .owl-dot.active span{background:#410816;}

  .perfect-spin-game-summary-sec .game-summary-sec-outer{background:var(--bg-dark) var(--game-summary-bg-mob); background-size:cover; padding:50px 0px;}
  .perfect-spin-game-summary-sec .game-summary-text{font-size:22px;}
  .perfect-spin-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .perfect-spin-faq-sec .faq-sec-outer{padding:40px 0px 30px;}
  .perfect-spin-faq-sec .faq-sec-head{margin-bottom:15px;}
  .perfect-spin-faq-sec .accordion-head{padding:10px 10px; min-height:46px;}
  .perfect-spin-faq-sec .accordion-title{font-size:14px;}
  .perfect-spin-faq-sec .answer-label, .perfect-spin-faq-sec .accordion-text{font-size:14px;}
  .perfect-spin-faq-sec .accordion-cont-bar{min-height:56px; padding:10px 0px;}
  .perfect-spin-faq-sec .accordion-icon{--circle-size:20px;}
  .perfect-spin-faq-sec .accordion-icon .icon{font-size:10px;} 
  .perfect-spin-faq-sec .accordion-item{margin-bottom:10px;}
  .perfect-spin-faq-sec .accordion-body{padding:0px 10px;} 
}
@media(max-width:374px) {
  .perfect-spin-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:15px;}
  .perfect-spin-game-expect-sec .game-expectation-card-outer{padding:20px 10px 22px 13px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Perfect Spin Game CSS End // ***************************** */



/* ***************************** // Card Guess Game CSS Start // ***************************** */
.card-guess-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#ffd524;
--clr-dark:#000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#ffd200;
--bg-primary:#006200;

/*Border Colors*/
--bdr1:#005900;
  
/*Fonts*/
--font-base:'Montserrat', sans-serif;
--font-head:'Montserrat', sans-serif;
}

.card-guess-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:413px;}
.card-guess-game .btn-bg{float:left; width:100%;}
.card-guess-game .btn-text{float:left; width:100%; font-size:32px; position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:2.8%; z-index:1; color:#fff; font-weight:700;}
.card-guess-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:5vmin; left:4vmin; right:4vmin; float:left; background-image:url("../images/card-guess/button_bg.webp"), url("../images/card-guess/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.card-guess-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.card-guess-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.card-guess-game .banner-sec-outer{background:transparent; padding:0px;}
.card-guess-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.card-guess-game .banner-logo .game-logo-fig{max-width:38.6%; margin:70px 0px 30px;}

.card-guess-game .banner-sec-video{background:transparent; margin-bottom:-140px;}
.card-guess-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.card-guess-game .video-block{max-width:59.7%; border-radius:0; overflow:inherit;}
.card-guess-game .video-frame img{filter:drop-shadow(0px 13px 29px rgba(0, 0, 0, 0.4));}
.card-guess-game .video-poster, .card-guess-game .client-video{top:6.15%; bottom:auto; left:1.1%; right:1.1%; height:calc(100% - 11.4%); width:calc(100% - 2.2%); border-radius:0px;}

.card-guess-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:0px 0px 40px;}
.card-guess-about-us-sec .about-us-content{background:linear-gradient(to right, rgba(207,92,0,1) 0%,rgba(255,211,0,1) 100%); border-radius:0 0 100% 100%; box-shadow:0px 0px 32px #c35800 inset, 0px 0px 32px #c35800 inset; padding:0px 40px 40px 40px;}
.card-guess-about-us-sec .about-us-content-outer{background:linear-gradient(to right, rgba(0,110,0,1) 0%,rgba(0,75,0,1) 100%); border-radius:0 0 100% 100%; float:left; width:100%; padding:180px 40px 100px; box-shadow:0px 0px 80px rgba(0, 0, 0, 1.0) inset;}
.card-guess-about-us-sec .sec-head{margin-bottom:30px;}
.card-guess-about-us-sec .about-us-text{font-size:30px; font-weight:600; text-align:center; padding:0 60px;}
.card-guess-about-us-sec .btn-bar{margin-top:40px;}

.card-guess-game .sec-head{display:flex; align-items:center; justify-content:center; margin:0px 0px 30px;} 
.card-guess-game .sec-head-outer{position:relative;} 
.card-guess-game .sec-head-bg, .card-guess-game .sec-head-bg img{float:left; width:100%;} 
.card-guess-game .sec-main-title{position:absolute; top:0; left:0; right:0; bottom:0; display:inline-flex; align-items:center; justify-content:center; font-size:60px; font-weight:800; text-transform:inherit; line-height:normal; color:var(--clr-base-light);}

/* How to Work CSS Start */
.card-guess-htw-sec .sec-head{margin-bottom:120px;}
.card-guess-htw-sec .htw-process-wrap .col-left{max-width:51.2%;}
.card-guess-htw-sec .htw-process-wrap .col-right{padding-left:6%;}
.card-guess-htw-sec .htw-process-theme:after{display:none;}
.card-guess-htw-sec .htw-process-theme{filter:drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.16)) drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.16));}
.card-guess-htw-sec .htw-process-card:before, .card-guess-htw-sec .htw-process-card:after, .card-guess-htw-sec .htw-process-card-outer:before, .card-guess-htw-sec .htw-process-card-outer:after{display:none;}
.card-guess-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent;}
.card-guess-htw-sec .htw-process-card-cont{background:#fce6d0; border-radius:100px 150px 150px 100px;}
.card-guess-htw-sec .htw-process-card-body{background:transparent; min-height:370px; display:flex; flex-wrap:wrap; align-content:center; padding:40px 100px 100px 66px;}
.card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:30px; font-weight:600; color:var(--clr-dark);}
.card-guess-htw-sec .htw-process-card-icon{position:absolute; top:-8%; left:-8%; float:left; width:calc(100% + 13%);}
.card-guess-htw-sec .how-to-work-process-sec-one .htw-process-wrap{padding:0px 100px; margin-bottom:-140px; position:relative; z-index:1;}
.card-guess-htw-sec .htw-process-full-sec{padding:220px 0px 70px; position:relative; background:radial-gradient(ellipse at center, rgb(69,154,109) 0%, rgb(34,84,85) 50%);}
.card-guess-htw-sec .htw-process-full-sec .htw-process-card-list-item{color:var(--clr-base-light); font-size:43px; font-weight:800; text-align:center;}
.card-guess-htw-sec .htw-process-full-sec .sec-main-title{color:var(--clr-base); font-size:30px; font-weight:800;}
.card-guess-htw-sec .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-between; gap:0px 10px;}
.card-guess-htw-sec .htw-process-full-sec .htw-process-card-list{margin:0px 0px 70px; padding-left:0px;}
.card-guess-htw-sec .htw-theme-head{margin:0px; max-width:inherit;}
.card-guess-htw-sec .theme-top-block{margin-bottom:18px;}
.card-guess-htw-sec .htw-process-bg-icon{position:absolute;}
.card-guess-htw-sec .htw-process-full-sec .htw-process-bg-icon-top{top:21%; left:2.5%;}
.card-guess-htw-sec .htw-process-full-sec .htw-process-bg-icon-bottom{bottom:6%; right:2%;}

.card-guess-htw-sec .htw-process-sec{padding:60px 0px 120px;}
.card-guess-htw-sec .htw-process-sec .htw-process-wrap{padding:0px 60px; position:relative;}
.card-guess-htw-sec .htw-process-sec .htw-process-theme-col-row{gap:0 60px;}
.card-guess-htw-sec .htw-process-sec .htw-process-theme-col-row .col{max-width:50%; padding:0px; flex:1;}
.card-guess-htw-sec .htw-process-sec .sec-main-title{font-size:43px;}
.card-guess-htw-sec .htw-process-sec .htw-process-card-list{margin:34px 0px 36px; padding-left:0px;}
.card-guess-htw-sec .htw-process-sec .htw-process-card-list-item{text-align:center;}
.card-guess-htw-sec .htw-process-sec .htw-process-bg-icon{top:1%; right:-8.5%;}
.card-guess-htw-sec .htw-process-sec .bet-content{display:flex; justify-content:center;}
.card-guess-htw-sec .htw-process-sec .bet-content .htw-process-card-list{margin-top:70px; max-width:960px;}

.card-guess-htw-sec .htw-process-wrap-outer{float:left; width:100%; padding:60px 60px 70px; position:relative; background:radial-gradient(ellipse at center, rgb(69,154,109) 0%, rgb(34,84,85) 50%);}
.card-guess-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{right:-8.3%; top:-3%;}
.card-guess-game .how-to-work-process-sec-three .sec-main-title{font-size:43px;}
.card-guess-game .how-to-work-process-sec-three .htw-process-wrap:not(.review-selection-wrap){flex-direction:row-reverse;}
.card-guess-game .how-to-work-process-sec-three .htw-process-wrap .col-right{padding-left:4%; padding-right:6%;}
.card-guess-game .how-to-work-process-sec-three .htw-process-wrap .col-left{padding-left:3%;}
.card-guess-htw-sec .select-option-card .htw-process-card-cont{border-radius:150px 100px 100px 150px;}
.card-guess-htw-sec .select-option-card .htw-process-card-body{padding:40px 40px 100px 100px;}
.card-guess-htw-sec .select-option-card .htw-process-card-icon{transform:scaleX(-1); left:-9%;}
.card-guess-htw-sec .how-to-work-process-sec-three .htw-theme-head{margin-bottom:30px;}
.card-guess-htw-sec .confirm-bet-content{display:flex; justify-content:center;}
.card-guess-htw-sec .confirm-bet-content .htw-process-card-list{margin:34px 0px 36px; padding-left:0px; margin-top:70px; max-width:670px; color:var(--clr-base);}
.card-guess-htw-sec .confirm-bet-content .htw-process-card-list-item{color:var(--clr-base); text-align:center;}
.card-guess-htw-sec .review-selection-head .sec-main-title{color:var(--clr-base); font-size:30px;}
.card-guess-htw-sec .review-selection-head.htw-theme-head{margin:100px 0px 70px; position:relative;}
.card-guess-htw-sec .review-selection-head .htw-process-bg-icon{left:-13.3%; top:-58%; right:auto;}
.card-guess-game .how-to-work-process-sec-three .review-selection-wrap .col-right{padding-right:4%; padding-left:6%;}
.card-guess-game .how-to-work-process-sec-three .review-selection-wrap .col-left{padding-right:3%;}
.card-guess-htw-sec .select-option-card .htw-process-card-cont{border-radius:150px 100px 100px 150px;}
.card-guess-htw-sec .select-option-card .htw-process-card-body{padding:40px 40px 100px 100px;}
.card-guess-htw-sec .select-option-card .htw-process-card-icon{transform:scaleX(-1); left:-9%;}

.card-guess-htw-sec .how-to-work-process-sec-four{padding:60px 0px 80px;}
.card-guess-htw-sec .flipped-content{display:flex; justify-content:center;}
.card-guess-htw-sec .flipped-content .htw-process-card-list{max-width:950px;}
.card-guess-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{top:1%; left:-3.5%; right:auto;}

.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{right:-8.3%; top:-3%;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-theme-head{margin-bottom:50px;}
.card-guess-game .how-to-work-process-sec-five .sec-main-title{font-size:43px;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap{padding:0 60px; margin-bottom:100px;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:0px; padding-right:0;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-left{padding-right:3%;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-cont{border-radius:100px 150px 150px 100px;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-body{padding:40px 150px 100px 40px;}
.card-guess-htw-sec .how-to-work-process-sec-five .win-card .htw-process-card-icon{left:8%;}

.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even){flex-direction:row-reverse;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-icon{transform:scaleX(-1); left:-23%;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .col-right{padding-left:0px; padding-right:0;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .col-left{padding-left:3%;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-cont{border-radius:150px 100px 100px 150px; padding:0px;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-body{padding:40px 40px 100px 130px;}
.card-guess-htw-sec .how-to-work-process-sec-five{position:relative;}
.card-guess-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{right:4%; bottom:1%; top:auto;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.card-guess-game-expect-sec{background:radial-gradient(ellipse at center, rgb(69,154,109) 0%, rgb(34,84,85) 50%);}
.card-guess-game-expect-sec .game-expectation-sec-outer{padding:100px 0px 360px; background:var(--game-expectation-bg) no-repeat bottom center, var(--game-expectation-bg-top) no-repeat right 8%, var(--game-expectation-bg-bottom) no-repeat left 92%; background-size:cover, 426px, 304px;}
.card-guess-game-expect-sec .sec-head{margin-bottom:70px;}
.card-guess-game .sec-main-title.game-expect-sec-main-title{font-size:43px;}
.card-guess-game-expect-sec .game-expectation-list{gap:30px 88px; padding:0px 70px; justify-content:space-between;}
.card-guess-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 2) - (88px / 2));}
.card-guess-game-expect-sec .game-expectation-card-outer{margin:0px; padding:0px 40px 70px; background:url('../images/card-guess/game-expect-card-bg.webp') no-repeat center center; background-size:100%;}
.card-guess-game-expect-sec .game-expect-icon-block{top:0; margin-top:-40px; margin-bottom:24px;}
.card-guess-game-expect-sec .game-expect-card-fig{max-width:222px;}
.card-guess-game-expect-sec .game-expect-card-title{font-size:36px; font-weight:800; text-align:center;}
.card-guess-game-expect-sec .game-expect-details-item{font-size:28px; text-align:center; line-height:1.4em;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.card-guess-game-summary-sec .game-summary-sec-outer{background:transparent; padding:0px; margin-top:-310px;}
.card-guess-game-summary-sec .game-summary-cont{background:linear-gradient(to bottom, rgba(207,92,0,1) 0%,rgba(255,211,0,1) 100%); --radius:400px; border-radius:var(--radius); box-shadow:0px 0px 32px #c35800 inset, 0px 0px 32px #c35800 inset; padding:26px;}
.card-guess-game-summary-sec .game-summary-cont-outer{background:radial-gradient(ellipse at center, rgba(0,110,0,1) 0%,rgba(0,75,0,1) 80%); border-radius:var(--radius); float:left; width:100%; padding:100px 100px 80px; box-shadow:0px 0px 80px rgba(0, 0, 0, 1.0) inset;}
.card-guess-game-summary-sec .game-summary-text{max-width:100%; font-size:42px; font-weight:600;}
.card-guess-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.card-guess-faq-sec .faq-sec-outer{padding:100px 0px 80px;}
.card-guess-game .sec-main-title.faqs-sec-main-title{font-size:43px;}
.card-guess-faq-sec .accordion-item{margin-bottom:20px;}
.card-guess-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.card-guess-faq-sec .accordion-card{--radius:60px; border-radius:var(--radius); padding:0px;  border:none; background:var(--bg-primary);}
.card-guess-faq-sec .accordion-head{padding:14px 14px 14px 20px; background:var(--bg-base); border-radius:calc(var(--radius) + 16px); min-height:114px; border:8px solid var(--bdr1);}
.card-guess-faq-sec .accordion-body{border-radius:0 0 var(--radius) var(--radius); padding-right:12px; padding-left:56px;}
.card-guess-faq-sec .accordion-title{font-size:42px; font-weight:600; color:var(--clr-dark); align-items:center;}
.card-guess-faq-sec .question-label{--circle-size:62px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size); border-radius:100%; background:var(--bg-primary); display:inline-flex; align-items:center; justify-content:center; color:#fff; margin-right:20px;}
.card-guess-faq-sec .answer-label, .card-guess-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); font-weight:600; color:#fff;}
.card-guess-faq-sec .accordion-text{flex:1;}
.card-guess-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:130px;}
.card-guess-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.card-guess-faq-sec .accordion-icon{background:var(--bg-primary); --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.card-guess-faq-sec .accordion-icon .icon{color:#fff; font-size:20px;}
/*FAQ CSS End */

.card-guess-game .footer{background:#235556;}
.card-guess-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .card-guess-game .banner-sec-video{margin-bottom:-108px;}
  .card-guess-about-us-sec .about-us-content{padding:0px 30px 30px 30px;}
  .card-guess-about-us-sec .about-us-content-outer{padding:150px 40px 70px;}
  .card-guess-game .about-sec-head img, .card-guess-game .htw-sec-head img{height:105px;}
  .card-guess-game .sec-main-title{font-size:42px;}
  .card-guess-about-us-sec .about-us-text{font-size:26px; padding:0px 30px;}
  .card-guess-game .base-btn{max-width:320px;}
  .card-guess-game .btn-text{font-size:26px;}

  .card-guess-htw-sec .htw-process-card-cont{border-radius:80px 130px 150px 80px;}
  .card-guess-htw-sec .htw-process-card-body{min-height:300px; padding:40px 70px 100px 66px;}
  .card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:25px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list-item{font-size:34px;}
  .card-guess-htw-sec .htw-process-full-sec .sec-main-title{font-size:26px;}
  .card-guess-htw-sec .card-selection-card .htw-theme-head .sec-head-bg img{height:60px;}
  .card-guess-htw-sec .htw-process-sec .sec-main-title{font-size:36px;}
  .card-guess-htw-sec .htw-process-sec .sec-head-bg img{height:110px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-bg-icon{top:4%; right:-4%; max-width:140px;}
  .card-guess-htw-sec .htw-process-sec .bet-content .htw-process-card-list{margin-top:50px; max-width:840px;}
  .card-guess-htw-sec .htw-process-sec{padding:50px 0px 90px;}
  .card-guess-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{right:-7.3%; top:-3%; max-width:210px;}
  .card-guess-htw-sec .select-option-card .htw-process-card-cont{border-radius:130px 80px 80px 130px;}
  .card-guess-htw-sec .select-option-card .htw-process-card-body{padding:40px 30px 100px 66px;}
  .card-guess-htw-sec .confirm-bet-content .htw-process-card-list{max-width:560px; margin:50px 0px 36px;}
  .card-guess-game .how-to-work-process-sec-three .review-selection-wrap .col-right{padding-left:5%;}
  .card-guess-htw-sec .flipped-content .htw-process-card-list{max-width:840px;}
  .card-guess-game .how-to-work-process-sec-five .sec-head-bg img{height:105px;}
  .card-guess-game .how-to-work-process-sec-five .sec-main-title{font-size:36px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-body{padding:40px 40px 100px 60px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-cont{border-radius:130px 80px 80px 130px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-icon{left:-8%; width:calc(100% - 4%);}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-body{padding:40px 70px 100px 40px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-cont{border-radius:80px 130px 130px 80px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .win-card .htw-process-card-icon{width:calc(100% - 4%);}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .game-summary-card .htw-process-card-icon{left:-12%; top:-3%;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{right:-1%; bottom:3%; width:140px;}

  .card-guess-game-expect-sec .game-expectation-sec-outer{padding:70px 0px 360px; background-position:bottom center, 107% 13%, -4% 84%; background-size:cover, 256px, 174px;}
  .card-guess-game-expect-sec .sec-head-bg img{height:110px;}
  .card-guess-game .sec-main-title.game-expect-sec-main-title{font-size:36px;}
  .card-guess-game-expect-sec .game-expectation-list{gap:50px 48px; padding:0px 30px;}
  .card-guess-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (48px / 2));}
  .card-guess-game-expect-sec .game-expect-card-fig{max-width:172px;}
  .card-guess-game-expect-sec .game-expect-card-title{font-size:28px;}
  .card-guess-game-expect-sec .game-expect-details-item{font-size:23px;}

  .card-guess-game-summary-sec .game-summary-cont-outer{padding:80px 70px 60px; box-shadow:0px 0px 50px rgba(0, 0, 0, 1.0) inset;}
  .card-guess-game-summary-sec .game-summary-text{font-size:34px;}

  .card-guess-faq-sec .faq-sec-outer{padding:80px 0px 60px;}
  .card-guess-faq-sec .sec-head-bg img{height:110px;}
  .card-guess-game .sec-main-title.faqs-sec-main-title{font-size:36px;}
  .card-guess-faq-sec .accordion-head{padding:14px 14px 14px 14px; min-height:96px;}
  .card-guess-faq-sec .question-label{--circle-size:54px;}
  .card-guess-faq-sec .accordion-title{font-size:34px;}
  .card-guess-faq-sec .answer-label, .card-guess-faq-sec .accordion-text{font-size:26px;}
  .card-guess-faq-sec .accordion-cont-bar{min-height:100px;}
}

@media(max-width:1280px) {
  .card-guess-game .banner-logo .game-logo-fig{margin:40px 0px 20px;}
  .card-guess-game .banner-sec-video{margin-bottom:-88px;}
  .card-guess-about-us-sec .about-us-content{padding:0px 26px 26px 26px;}
  .card-guess-about-us-sec .about-us-content-outer{padding:120px 40px 60px;}
  .card-guess-game .about-sec-head img, .card-guess-game .htw-sec-head img{height:86px;}
  .card-guess-game .sec-main-title{font-size:34px;}
  .card-guess-about-us-sec .about-us-text{font-size:22px; padding:0px 30px;}
  .card-guess-game .base-btn{max-width:290px;}
  .card-guess-game .btn-text{font-size:24px;}

  .card-guess-htw-sec .sec-head{margin-bottom:80px;}
  .card-guess-htw-sec .how-to-work-process-sec-one .htw-process-wrap{padding:0px 40px;}
  .card-guess-htw-sec .htw-process-card-cont{border-radius:60px 90px 110px 60px;}
  .card-guess-htw-sec .htw-process-card-body{min-height:270px; padding:30px 60px 70px 40px;}
  .card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:20px;}
  .card-guess-htw-sec .htw-process-full-sec{padding:190px 0px 60px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-bg-icon-top{top:19%; left:-0.5%; max-width:120px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list{margin:0px 0px 50px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list-item{font-size:28px;}
  .card-guess-htw-sec .htw-theme-head{margin-bottom:0px;}
  .card-guess-htw-sec .htw-process-full-sec .sec-main-title{font-size:21px;}
  .card-guess-htw-sec .card-selection-card .htw-theme-head .sec-head-bg img{height:50px;}
  .card-guess-htw-sec .htw-process-sec .sec-main-title{font-size:28px;}
  .card-guess-htw-sec .htw-process-sec .sec-head-bg img{height:86px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-bg-icon{right:-1%; max-width:110px;}
  .card-guess-htw-sec .htw-process-sec .bet-content .htw-process-card-list{margin:40px auto 30px; max-width:680px;}
  .card-guess-htw-sec .htw-process-sec{padding:50px 0px 60px;}
  .card-guess-htw-sec .htw-process-wrap-outer{padding:60px 30px 70px;}
  .card-guess-game .how-to-work-process-sec-three .sec-head-bg img{height:96px;}
  .card-guess-game .how-to-work-process-sec-three .sec-main-title{font-size:34px;}
  .card-guess-game .how-to-work-process-sec-three .htw-process-wrap .col-right{padding-right:4%;}
  .card-guess-htw-sec .select-option-card .htw-process-card-cont{border-radius:110px 80px 80px 110px;}
  .card-guess-htw-sec .select-option-card .htw-process-card-body{padding:40px 30px 70px 60px;}
  .card-guess-htw-sec .confirm-bet-content .htw-process-card-list{max-width:460px; margin:40px 0px 30px;}
  .card-guess-htw-sec .flipped-content .htw-process-card-list{max-width:660px;}
  .card-guess-htw-sec .review-selection-head.htw-theme-head{margin:70px 0px 50px;}
  .card-guess-htw-sec .review-selection-head .htw-process-bg-icon{max-width:110px; left:-9.3%;}
  .card-guess-htw-sec .review-selection-head .sec-head-bg img{height:58px;}
  .card-guess-htw-sec .review-selection-head .sec-main-title{font-size:26px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap{padding:0 30px; margin-bottom:70px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .col-left{padding-right:0px;}
  .card-guess-game .how-to-work-process-sec-five .sec-head-bg img{height:86px;}
  .card-guess-game .how-to-work-process-sec-five .sec-main-title{font-size:28px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-body{padding:40px 40px 100px 90px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-cont{border-radius:110px 80px 80px 110px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-cont{border-radius:80px 110px 110px 80px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .game-summary-card .htw-process-card-icon{left:-7%; top:-3%;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{right:-1%; bottom:3%; width:110px;}

  .card-guess-game-expect-sec .game-expectation-sec-outer{padding:50px 0px 300px; background-position:bottom center, 104% 3%, -2% 83%; background-size:cover, 196px, 134px;}
  .card-guess-game-expect-sec .sec-head-bg img{height:86px;}
  .card-guess-game .sec-main-title.game-expect-sec-main-title{font-size:28px;}
  .card-guess-game-expect-sec .game-expectation-list{gap:40px 30px;}
  .card-guess-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (30px / 2));}
  .card-guess-game-expect-sec .game-expectation-card-outer{padding:0px 30px 50px;}
  .card-guess-game-expect-sec .game-expect-card-fig{max-width:152px;}
  .card-guess-game-expect-sec .game-expect-card-title{font-size:24px;}
  .card-guess-game-expect-sec .game-expect-details-item{font-size:20px;}

  .card-guess-game-summary-sec .game-summary-sec-outer{margin-top:-260px;}
  .card-guess-game-summary-sec .game-summary-cont-outer{padding:60px 60px 50px; box-shadow:0px 0px 40px rgba(0, 0, 0, 1.0) inset;}
  .card-guess-game-summary-sec .game-summary-text{font-size:27px;}

  .card-guess-faq-sec .faq-sec-outer{padding:60px 0px 50px;}
  .card-guess-faq-sec .faq-block{padding:0px;}
  .card-guess-faq-sec .sec-head-bg img{height:86px;}
  .card-guess-game .sec-main-title.faqs-sec-main-title{font-size:28px;}
  .card-guess-faq-sec .accordion-card{--radius:40px;}
  .card-guess-faq-sec .accordion-head{padding:10px; min-height:80px; border-width:5px;}
  .card-guess-faq-sec .question-label{--circle-size:48px;}
  .card-guess-faq-sec .accordion-title{font-size:28px;}
  .card-guess-faq-sec .answer-label, .card-guess-faq-sec .accordion-text{font-size:22px;}
  .card-guess-faq-sec .accordion-cont-bar{min-height:90px;}
}

@media(max-width:1023px) {
  .card-guess-game .banner-logo .game-logo-fig{margin:30px 0px 20px; max-width:43.6%;}
  .card-guess-game .video-block{max-width:65.7%;}
  .card-guess-game .about-sec-head img, .card-guess-game .htw-sec-head img{height:70px;}
  .card-guess-game .sec-main-title{font-size:28px;}
  .card-guess-about-us-sec .about-us-text{font-size:19px; padding:0px 14px;}
  .card-guess-game .base-btn{max-width:256px;}
  .card-guess-game .btn-text{font-size:22px;}

  .card-guess-htw-sec .sec-head{margin-bottom:60px;}
  .card-guess-htw-sec .how-to-work-process-sec-one .htw-process-wrap{margin-bottom:-100px;}
  .card-guess-htw-sec .htw-process-card-cont{border-radius:50px 50px 100px 50px;}
  .card-guess-htw-sec .htw-process-card-body{min-height:200px; padding:30px 50px 70px 30px;}
  .card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:18px;}
  .card-guess-htw-sec .htw-process-full-sec{padding:140px 0px 50px;}
  .card-guess-htw-sec .sec-head{margin-bottom:0px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-bg-icon-top{top:22%; left:-0.5%; max-width:80px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list{margin:0px 0px 30px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list-item{font-size:22px;}
  .card-guess-htw-sec .htw-process-full-sec .sec-main-title{font-size:18px;}
  .card-guess-htw-sec .card-selection-card .htw-theme-head .sec-head-bg img{height:44px;}
  .card-guess-htw-sec .htw-process-sec .sec-main-title{font-size:22px;}
  .card-guess-htw-sec .htw-process-sec .sec-head-bg img{height:70px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-wrap{padding:0px 20px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-theme-col-row{gap:0 30px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-bg-icon{max-width:90px;}
  .card-guess-htw-sec .htw-process-sec .bet-content .htw-process-card-list{margin:40px auto 20px; max-width:610px;}
  .card-guess-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{right:-5.3%; top:-2%; max-width:120px;}
  .card-guess-htw-sec .htw-process-wrap-outer{padding:50px 20px 50px;}
  .card-guess-game .how-to-work-process-sec-three .sec-head-bg img{height:80px;}
  .card-guess-game .how-to-work-process-sec-three .sec-main-title{font-size:28px;}
  .card-guess-htw-sec .select-option-card .htw-process-card-cont{border-radius:50px 50px 50px 110px;}
  .card-guess-htw-sec .flipped-content .htw-process-card-list{max-width:590px;}
  .card-guess-htw-sec .review-selection-head.htw-theme-head{margin:50px 0px 40px;}
  .card-guess-htw-sec .reviewing-bet-amount-card .htw-process-card-cont{border-radius:50px 70px 100px 50px;}
  .card-guess-htw-sec .review-selection-head .sec-head-bg img{height:50px;}
  .card-guess-htw-sec .review-selection-head .sec-main-title{font-size:22px;}
  .card-guess-game .how-to-work-process-sec-five .sec-head-bg img{height:66px;}
  .card-guess-game .how-to-work-process-sec-five .sec-main-title{font-size:22px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-body{padding:20px 20px 40px 80px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-cont{border-radius:50px 50px 50px 70px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-cont{border-radius:50px 90px 100px 50px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .htw-process-card-icon{top:3%;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:nth-child(even) .game-summary-card .htw-process-card-icon{left:-7%; top:18%;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .win-card .htw-process-card-icon{top:-3%;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .htw-process-card-body{padding:20px 70px 70px 40px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .game-summary-card .htw-process-card-body{padding:20px 20px 80px 80px;}

  .card-guess-game-expect-sec .game-expectation-sec-outer{padding:50px 0px 300px; background-position:bottom center, 104% 3%, -2% 83%; background-size:cover, 196px, 134px;}
  .card-guess-game-expect-sec .sec-head-bg img{height:70px;}
  .card-guess-game .sec-main-title.game-expect-sec-main-title{font-size:22px;}
  .card-guess-game-expect-sec .game-expectation-list{gap:40px 20px; padding:0px;}
  .card-guess-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (20px / 2));}
  .card-guess-game-expect-sec .game-expectation-card-outer{padding:0px 20px 40px;}
  .card-guess-game-expect-sec .game-expect-icon-block{margin:-30px auto 10px;}
  .card-guess-game-expect-sec .game-expect-card-fig{max-width:132px;}
  .card-guess-game-expect-sec .game-expect-card-title{font-size:22px; margin-bottom:10px;}
  .card-guess-game-expect-sec .game-expect-details-item{font-size:17px;}

  .card-guess-game-summary-sec .game-summary-sec-outer{margin-top:-240px;}
  .card-guess-game-summary-sec .game-summary-cont-outer{padding:60px 40px 30px;}
  .card-guess-game-summary-sec .game-summary-text{font-size:22px;}

  .card-guess-faq-sec .sec-head-bg img{height:70px;}
  .card-guess-game .sec-main-title.faqs-sec-main-title{font-size:22px;}
  .card-guess-faq-sec .accordion-item{margin-bottom:10px;}
  .card-guess-faq-sec .accordion-head{padding:10px; min-height:70px; border-width:5px;}
  .card-guess-faq-sec .question-label{--circle-size:42px; margin-right:10px;}
  .card-guess-faq-sec .accordion-title{font-size:22px;}
  .card-guess-faq-sec .answer-label, .card-guess-faq-sec .accordion-text{font-size:19px;}
  .card-guess-faq-sec .accordion-cont-bar{min-height:80px;}
}

@media(max-width:767px) {
  .card-guess-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .card-guess-game .banner-logo .game-logo-fig{margin:5px 0px 10px; max-width:48.6%;}
  .card-guess-game .video-block{max-width:85%;}
  .card-guess-about-us-sec .container{padding:0px;}
  .card-guess-about-us-sec .about-us-content{padding:0px 0px 22px 0px; width:200%; position:relative; left:-50%;}
  .card-guess-about-us-sec .about-us-content-outer{padding:120px 25% 40px; box-shadow:0px -20px 20px rgba(0, 0, 0, 0.4) inset;}
  .card-guess-game .sec-head{margin:0px 0px 10px;}
  .card-guess-game .about-sec-head img{height:49px;}
  .card-guess-game .sec-main-title{font-size:20px;}
  .card-guess-about-us-sec .about-us-text{font-size:18px; padding:0px;}
  .card-guess-about-us-sec .btn-bar{margin-top:20px;}
  .card-guess-game .base-btn{max-width:200px;}
  .card-guess-game .btn-text{font-size:19px;}

  .card-guess-game .htw-sec-head img{height:56px;}
  .card-guess-game .sec-main-title.htw-sec-main-title{font-size:24px;}
  .card-guess-htw-sec .htw-process-card-icon{display:none;}
  .card-guess-htw-sec .htw-process-wrap{padding:0px !important;}
  .card-guess-htw-sec .htw-process-wrap .col-left, .card-guess-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px;}
  .card-guess-htw-sec .how-to-work-process-sec-one .htw-process-wrap{margin:20px 0px;}
  .card-guess-htw-sec .htw-process-theme{filter:drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.16)) drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.1));}
  .card-guess-htw-sec .htw-process-card{margin-top:15px;}
  .card-guess-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px !important;}
  .card-guess-htw-sec .htw-process-card-body{min-height:auto; padding:0px !important;}
  .card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:18px; text-align:center;}
  .card-guess-htw-sec .htw-process-full-sec{padding:20px 0px 40px; background:radial-gradient(ellipse at center, rgb(69,154,109) 0%, rgb(34,84,85) 86%);}
  .card-guess-htw-sec .htw-process-bg-icon{display:none;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list{margin:0px;}
  .card-guess-htw-sec .htw-process-full-sec .htw-process-card-list-item{font-size:22px;}
  .card-guess-htw-sec .htw-process-theme-col-row{flex-direction:column; gap:30px 0px; padding:0px 10px;}
  .card-guess-htw-sec .theme-top-block{margin:0px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-card-list{margin:10px 0px 0px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-theme-col-row{gap:20px 0px;}
  .card-guess-htw-sec .htw-process-sec .htw-process-theme-col-row .col{max-width:100%;}
  .card-guess-htw-sec .htw-process-sec .bet-content .htw-process-card-list{max-width:100%; margin:30px auto 5px;}
  .card-guess-htw-sec .how-to-work-process-sec-three .container{padding:0px;}
  .card-guess-game .how-to-work-process-sec-three .sec-main-title{font-size:24px;}
  .card-guess-htw-sec .htw-process-wrap-outer{padding:40px 10px 0px; background:radial-gradient(ellipse at center, rgb(69,154,109) 0%, rgb(34,84,85) 86%);}
  .card-guess-game .how-to-work-process-sec-three .htw-process-wrap .col-right{padding:0px !important;}
  .card-guess-htw-sec .htw-process-card-list.list-style-none{padding:0px;}
  .card-guess-htw-sec .confirm-bet-content{padding:35px 20px 5px;}
  .card-guess-htw-sec .confirm-bet-content .htw-process-card-list{max-width:100%; margin:0px;}
  .card-guess-htw-sec .review-selection-head.htw-theme-head{margin:30px 0px 20px;}
  .card-guess-htw-sec .review-selection-head .sec-head-bg img{height:40px;}
  .card-guess-htw-sec .review-selection-head .sec-main-title{font-size:18px;}
  .card-guess-game .how-to-work-process-sec-five .sec-main-title{font-size:24px;}
  .card-guess-htw-sec .how-to-work-process-sec-four{padding:30px 0px 30px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-theme-head{margin-bottom:20px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap{margin-bottom:40px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap:last-child{margin-bottom:0px;}
  .card-guess-game .how-to-work-process-sec-three .htw-process-wrap .col-left, .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-left{padding:0px 10px !important; z-index:1; position:relative;}
  .card-guess-htw-sec .select-option-card, .card-guess-htw-sec .reviewing-bet-amount-card, .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-card{width:100vw; margin:-50px -10px 0px; background:#fce6d0; padding:80px 20px 20px;}
  .card-guess-htw-sec .how-to-work-process-sec-five .htw-process-card{margin:-50px -8px 0px;}

  .card-guess-game-expect-sec .game-expectation-sec-outer{padding:40px 0px 20px; background:var(--game-expectation-bg-mob) no-repeat center bottom, var(--game-expectation-bg-top-mob) no-repeat right 6%; background-size:cover, 122px;}
  .card-guess-game-expect-sec .sec-head-bg img{height:80px;}
  .card-guess-game .sec-main-title.game-expect-sec-main-title{font-size:24px;}
  .card-guess-game-expect-sec .game-expectation-item{max-width:calc(100vw - 100px); min-width:calc(100vw - 100px);}
  .card-guess-game-expect-sec .game-expect-icon-block{margin:-40px auto 8px;}
  .card-guess-game-expect-sec .game-expect-card-fig{max-width:105px;}
  .card-guess-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:5px;}
  .card-guess-game-expect-sec .game-expect-details-item{font-size:14px;}
  .card-guess-game-expect-sec .game-expectation-card-outer{background-size:100% 100%; padding:0px 12px 20px; margin:40px 0px 20px;}
  .card-guess-game-expect-sec .owl-carousel .owl-dot span{border:none; background:#fce6d0;}
  .card-guess-game-expect-sec .owl-carousel .owl-dot.active span{background:var(--bg-base);}

  .card-guess-game-summary-sec .container{padding:0px;}
  .card-guess-game-summary-sec .game-summary-sec-outer{margin:0px;}
  .card-guess-game-summary-sec .game-summary-cont{border-radius:0px; padding:12px 0px; box-shadow:0px 4px 7px #813b00 inset, 0px -4px 7px #ff9100 inset;}
  .card-guess-game-summary-sec .game-summary-cont-outer{border-radius:0px; padding:30px 20px; box-shadow:0px 0px 24px rgba(0, 0, 0, 0.6) inset;}
  .card-guess-game-summary-sec .game-summary-text{font-size:18px;}

  .card-guess-faq-sec .faq-sec-outer{padding:30px 0px;}
  .card-guess-game .faq-sec-head{margin-bottom:20px;}
  .card-guess-game .sec-main-title.faqs-sec-main-title{font-size:24px;}
  .card-guess-faq-sec .accordion-head{padding:5px; min-height:30px; border-width:2px;}
  .card-guess-faq-sec .question-label{--circle-size:37px;}
  .card-guess-faq-sec .accordion-title{font-size:14px;}
  .card-guess-faq-sec .answer-label, .card-guess-faq-sec .accordion-text{font-size:14px;}
  .card-guess-faq-sec .accordion-cont-bar{min-height:40px; padding:10px 0px;}
  .card-guess-faq-sec .accordion-card{--radius:26px;}
  .card-guess-faq-sec .accordion-icon{--circle-size:20px;}
  .card-guess-faq-sec .accordion-icon .icon{font-size:10px;}
  .card-guess-faq-sec .accordion-body{padding:0px 12px 0px 20px;}
}
@media(max-width:374px) {
  .card-guess-htw-sec .htw-process-card-list-item, .card-guess-htw-sec .htw-process-card-list-label{font-size:16px;}
  .card-guess-htw-sec .game-summary-card .htw-process-card-list-item strong, .card-guess-htw-sec .game-summary-card .htw-process-card-list-label strong{display:inline-block;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Card Guess Game CSS End // ***************************** */


/* ***************************** // Volley Game CSS Start // ***************************** */
.volley-game {
/*Colors*/
--clr-base:#0a9af9;
--clr-base-light:#fff;
--clr-dark:#06356d;
--clr-primary:#004eab;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#0a9af9;
--bg-primary:#004eab;
--bg-dark:#0c3e7b;

/*Border Colors*/
--bdr1:#feba25;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Geogrotesque', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'Geogrotesque', sans-serif;
}
.volley-game .base-btn{float:left; width:100%; background:#fff; padding:16px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:426px;}
.volley-game .btn-text{float:left; width:auto; position:unset; font-size:53px; font-weight:700; color:var(--clr-base);}
.volley-game .btn-icon{float:left; width:100%; max-width:64px; margin-left:24px; display:inline-flex; align-items:center;}

.volley-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.volley-game .banner-sec-outer{background:transparent; padding:0px;}
.volley-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.volley-game .banner-logo .game-logo-fig{max-width:22.3%; margin:40px 0px 35px; filter:drop-shadow(0px 0px 36px rgba(0, 167, 253, 1.0)) drop-shadow(0px 0px 36px rgba(0, 167, 253, 0.5));}

.volley-game .banner-sec-video{background:transparent;}
.volley-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.volley-game .video-block{max-width:61.5%; border-radius:0px; overflow:inherit;}
.volley-game .video-poster, .volley-game .client-video{top:1%; bottom:auto; left:6.4%; right:6.4%; height:calc(100% - 7.6%); width:calc(100% - 12.8%); border-radius:20px;}
.volley-game .video-frame:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.4;border-radius:100%;height:10px;bottom:-6px;left:-100px;right:-100px;width:calc(100% + 200px);z-index:-1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}

.volley-about-us-sec{float:left; width:100%; padding:60px 0px 30px;}
.volley-about-us-sec .sec-head{margin-bottom:30px;}
.volley-about-us-sec .about-us-text{font-size:32px; color:#fff; font-weight:500; text-align:center; padding:0 60px;}
.volley-about-us-sec .btn-bar{margin-top:40px;}

.volley-game .sec-main-title{font-size:75px; font-family:var(--font-base); color:var(--clr-dark); font-weight:900;}
.volley-game .sec-main-title.about-sec-main-title{font-size:55px; color:#fff;}
.volley-game .sec-main-title.faqs-sec-main-title{text-transform:inherit; color:#fff;}

/* How to Work CSS Start */
.volley-htw-sec .container{max-width:1680px;}
.volley-htw-sec .how-to-work-process{position:relative;}
.volley-htw-sec .htw-process-card:before, .volley-htw-sec .htw-process-card:after{display:none;}
.volley-htw-sec .htw-process-card-outer:before, .volley-htw-sec .htw-process-card-outer:after{display:none;}
.volley-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.volley-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.volley-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.volley-htw-sec .htw-process-wrap .col-left{max-width:52%;}
.volley-htw-sec .htw-process-bg-icon{position:absolute; float:left;}
.volley-htw-sec .htw-process-bg-icon img{float:left;}
.volley-htw-sec .htw-process-num{float:left; width:100%; margin:0 0 10px 0; font-size:176px; font-family:var(--font-base1); font-weight:700; line-height:0.85em; color:var(--clr-base); justify-content:flex-end;}
.volley-htw-sec .htw-process-card-title-bar{text-align:right;}
.volley-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:75px; font-weight:900;}
.volley-htw-sec .htw-process-card-list-item{font-family:var(--font-base1); font-weight:500; color:#1e1e1e; font-size:25px;}
.volley-htw-sec .htw-process-card-list{margin:0px; padding-left:80px;}
.volley-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.volley-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:10px; width:4px; height:4px; background:#1e1e1e; border-radius:100%;}
.volley-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.volley-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.4;border-radius:30%;height:10px;bottom:-6px;left:-30px;right:-30px;width:calc(100% + 60px);z-index:1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}
.volley-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{right:0; bottom:0px;}
.volley-htw-sec .how-to-work-process-sec-one{padding:150px 0px 100px;}
.volley-htw-sec .how-to-work-process-sec-one .col-right{padding-right:11.5%;}
.volley-htw-sec .how-to-work-process-sec-one .htw-process-wrap{align-items:flex-start;}
.volley-htw-sec .htw-process-full-sec{background:var(--bg-dark);}
.volley-htw-sec .how-to-work-process-sec-two{padding:100px 0px;}
.volley-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{left:0px; top:0px;}
.volley-htw-sec .how-to-work-process-sec-two .htw-process-wrap:first-child{flex-direction:row-reverse;}
.volley-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:40px 0px;}
.volley-htw-sec .htw-process-full-sec .htw-process-num, .volley-htw-sec .htw-process-full-sec .htw-process-card-title, .volley-htw-sec .htw-process-full-sec .htw-process-card-list-item{color:#fff;}
.volley-htw-sec .htw-process-full-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff;}
.volley-htw-sec .how-to-work-process-sec-two .col-right{padding-left:5.5%;}
.volley-htw-sec .cont-left .htw-process-num{justify-content:flex-start;}
.volley-htw-sec .cont-left .htw-process-card-title-bar{text-align:left;}
.volley-htw-sec .cont-left .htw-process-card-list{padding-left:30px;}
.volley-htw-sec .how-to-work-process-sec-two .htw-process-theme-icon{position:relative; z-index:5; left:-18%; margin-top:-22%; right:auto; top:0; bottom:auto; max-width:65.8%;}
.volley-htw-sec .how-to-work-process-sec-two .htw-process-wrap:nth-child(2) .col-right{padding:0px;}
.volley-htw-sec .how-to-work-process-sec-three .htw-process-wrap{flex-direction:row-reverse;}
.volley-htw-sec .how-to-work-process-sec-three .col-right{padding-left:5.5%;}
.volley-htw-sec .how-to-work-process-sec-three{padding:60px 0px;}
.volley-htw-sec .how-to-work-process-sec-four .htw-process-wrap{align-items:flex-start;}
.volley-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{right:0; top:0px;}
.volley-htw-sec .how-to-work-process-sec-four{padding:140px 0px 0px;}
.volley-htw-sec .how-to-work-process-sec-four .col-right{padding-right:12.5%;}
.volley-htw-sec .how-to-work-process-sec-four .htw-process-wrap:last-child{flex-direction:row-reverse; padding-top:240px; margin-bottom:-140px;}
.volley-htw-sec .how-to-work-process-sec-five{padding:340px 0px 100px;}
.volley-htw-sec .how-to-work-process-sec-five .htw-process-wrap{align-items:flex-start;}
.volley-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{left:0; top:-28.7%;}
.volley-htw-sec .how-to-work-process-sec-five .col-right{padding-right:11.5%;}
.volley-htw-sec .how-to-work-process-sec-five .htw-process-wrap:last-child{flex-direction:row-reverse; padding-top:240px;}
.volley-htw-sec .how-to-work-process-sec-six{padding:140px 0px;}
.volley-htw-sec .how-to-work-process-sec-six .col-right{padding-right:11.5%;}
.volley-htw-sec .how-to-work-process-sec-six .htw-process-wrap:last-child{flex-direction:row-reverse; padding-top:240px;}
.volley-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon{right:0; bottom:23.7%;}
.volley-htw-sec .how-to-work-process-sec-seven{padding:60px 0px;}
.volley-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:first-child{flex-direction:row-reverse;}
.volley-htw-sec .how-to-work-process-sec-seven .col-right{padding-left:5.5%;}
.volley-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:last-child{padding-top:240px;}
.volley-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{left:0; bottom:10%;}
.volley-htw-sec .how-to-work-process-sec-eight{padding:140px 0px;}
.volley-htw-sec .how-to-work-process-sec-eight .htw-process-wrap:first-child{flex-direction:row-reverse;}
.volley-htw-sec .how-to-work-process-sec-eight .col-right{padding-left:5.5%;}
.volley-htw-sec .how-to-work-process-sec-eight .htw-process-wrap:last-child{padding-top:240px;}
.volley-htw-sec .how-to-work-process-sec-eight .htw-process-bg-icon{left:0; bottom:10%;}
.volley-htw-sec .how-to-work-process-sec-nine{padding:140px 0px;}
.volley-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{align-items:flex-start;}
.volley-htw-sec .how-to-work-process-sec-nine .col-right{padding-top:4%; padding-right:11.5%;}
.volley-htw-sec .how-to-work-process-sec-nine .htw-process-bg-icon{right:0; bottom:-28%;}
.volley-htw-sec .how-to-work-process-sec-ten{padding:240px 0px 140px;}
.volley-htw-sec .how-to-work-process-sec-ten .htw-process-wrap{flex-direction:row-reverse; align-items:flex-start;}
.volley-htw-sec .how-to-work-process-sec-ten .col-right{padding-left:5%;}
.volley-htw-sec .how-to-work-process-sec-ten .htw-process-bg-icon{left:0; top:-20%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.volley-game-expect-sec .game-expectation-sec-outer{background:#f6f6f6 var(--game-expectation-bg) no-repeat center bottom; background-size:contain; padding:60px 0 100px;}
.volley-game-expect-sec .sec-head{margin-bottom:50px;}
.volley-game-expect-sec .game-expectation-list{--gap-item:30px; gap:40px var(--gap-item);}
.volley-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.volley-game-expect-sec .game-expectation-card-outer{border-radius:28px; margin:86px 0px 0px; padding:26px 50px 80px; background:var(--bg-primary);}
.volley-game-expect-sec .game-expect-icon-block{top:0px; margin-top:-110px; margin-bottom:45px;}
.volley-game-expect-sec .game-expect-card-fig{--circle-size:160px; border:7px solid #fff; background:var(--bg-base); border-radius:100%; max-width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.volley-game-expect-sec .game-expect-card-title{font-size:28px; color:#fff; font-family:var(--font-base1); font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:60px;}
.volley-game-expect-sec .game-expect-details-item{font-family:var(--font-base1); font-weight:500; font-size:18px; color:#fff; line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.volley-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg-left) left bottom no-repeat, var(--game-summary-bg-right) right center no-repeat, #ffd800; padding:66px 0px 50px;}
.volley-game-summary-sec .game-summary-text{max-width:1346px; font-size:33px; color:#031123; font-family:var(--font-base1); font-weight:500;}
.volley-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
.volley-game-summary-sec .game-summary-btn-bar:before{display:none;}
.volley-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
.volley-game .game-summary-btn-bar .base-btn{background:var(--bg-base);}
.volley-game .game-summary-btn-bar .btn-text{color:#fff;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.volley-faq-sec .faq-sec-outer{padding:60px 0px 100px; background:var(--bg-primary) var(--faq-bg) no-repeat center bottom; background-size:contain;}
.volley-faq-sec .accordion-card{border-color:rgba(255, 255, 255, 0.5);}
.volley-faq-sec .accordion-title{font-family:var(--font-base1); font-weight:600; font-size:36px;}
.volley-faq-sec .accordion-body{padding-right:60px;}
.volley-faq-sec .answer-label{margin-right:5px;margin-bottom:auto;}
.volley-faq-sec .accordion-text{flex:1;}
.volley-faq-sec .accordion-text, .volley-faq-sec .answer-label{font-family:var(--font-base1); font-weight:500; color:var(--clr-primary); font-size:31px;}
.volley-faq-sec .accordion-icon{--circle-size:34px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.volley-faq-sec .accordion-icon .icon{color:var(--clr-primary); font-size:16px;}
.volley-faq-sec .is-open .accordion-icon{background:var(--bg-primary);}
.volley-faq-sec .is-open .accordion-icon .icon{color:var(--clr-base-light);}
.volley-faq-sec .is-open .accordion-title{color:var(--clr-primary);}
/*FAQ CSS End */

.volley-game .footer{background:#052040;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .volley-game .volley-about-us-sec{padding:40px 0px 30px;}
  .volley-about-us-sec .sec-head{margin-bottom:20px;}
  .volley-game .sec-main-title.about-sec-main-title{font-size:44px;}
  .volley-about-us-sec .about-us-text{font-size:26px;}
  .volley-game .base-btn{max-width:346px;}
  .volley-game .btn-text{font-size:44px;}
  .volley-game .btn-icon{max-width:54px; margin-left:20px;}

  .volley-htw-sec .htw-process-num{font-size:132px;}
  .volley-htw-sec .htw-process-card-title{font-size:58px;}
  .volley-htw-sec .htw-process-card-list{padding-left:60px;}
  .volley-htw-sec .htw-process-card-list-item{font-size:20px;}
  .volley-htw-sec .how-to-work-process-sec-one{padding:100px 0px;}
  .volley-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{max-width:16%;}
  .volley-htw-sec .htw-process-full-sec .htw-process-bg-icon{max-width:18%;}
  .volley-htw-sec .how-to-work-process-sec-two{padding:80px 0px;}
  .volley-htw-sec .how-to-work-process-sec-four .htw-process-wrap:last-child{padding-top:160px;}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{top:-14.7%; max-width:40%;}
  .volley-htw-sec .how-to-work-process-sec-five{padding:260px 0px 100px;}
  .volley-htw-sec .how-to-work-process-sec-five .col-right{padding-right:10.5%;}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-wrap:last-child{padding-top:140px;}
  .volley-htw-sec .how-to-work-process-sec-six{padding:100px 0px;}
  .volley-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon{max-width:26%; bottom:21.7%;}
  .volley-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{max-width:36%;}
  .volley-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:last-child{padding-top:200px;}
  .volley-htw-sec .how-to-work-process-sec-eight{padding:100px 0px;}
  .volley-htw-sec .how-to-work-process-sec-eight .col-right{padding-left:3.5%;}
  .volley-htw-sec .how-to-work-process-sec-eight .htw-process-wrap:last-child{padding-top:160px;}
  .volley-htw-sec .how-to-work-process-sec-nine{padding:100px 0px;}
  .volley-htw-sec .how-to-work-process-sec-nine .col-right{padding-right:10.5%;}
  .volley-htw-sec .how-to-work-process-sec-ten{padding:160px 0px 100px;}
  .volley-htw-sec .how-to-work-process-sec-ten .htw-process-bg-icon{top:-15%;}

  .volley-game .sec-main-title{font-size:54px;}
  .volley-game-expect-sec .game-expectation-card-outer{padding:26px 30px 60px;}
  .volley-game-expect-sec .game-expect-card-title{font-size:24px;}
  .volley-game-expect-sec .game-expect-card-fig{--circle-size:150px;}
  .volley-game-expect-sec .game-expect-icon-block{margin-bottom:35px;}
  .volley-game-expect-sec .game-expect-card-title{margin-bottom:30px;}

  .volley-game-summary-sec .game-summary-text{max-width:856px; font-size:26px;}
  .volley-game-summary-sec .game-summary-btn-bar{padding-top:30px;}

  .volley-faq-sec .accordion-title{font-size:31px;}
  .volley-faq-sec .accordion-text, .volley-faq-sec .answer-label{font-size:25px;}
}

@media(max-width:1280px) {
  .volley-game .banner-logo .game-logo-fig{margin:20px 0px 15px;}
  .volley-game .sec-main-title.about-sec-main-title{font-size:36px;}
  .volley-about-us-sec .about-us-text{font-size:22px;}
  .volley-game .base-btn{max-width:316px;}
  .volley-game .btn-text{font-size:38px;}
  .volley-game .btn-icon{max-width:50px;}

  .volley-htw-sec .htw-process-num{font-size:118px;}
  .volley-htw-sec .htw-process-card-title{font-size:46px;}
  .volley-htw-sec .htw-process-card-list-item{font-size:19px;}
  .volley-htw-sec .how-to-work-process-sec-four .col-right{padding-right:15.5%;}

  .volley-game .sec-main-title{font-size:46px;}
  .volley-game-expect-sec .game-expectation-card-outer{padding:26px 20px 50px;}
  .volley-game-expect-sec .game-expect-card-fig{--circle-size:140px;}

  .volley-game-summary-sec .game-summary-sec-outer{background-size:15%, 23%;}
  .volley-game-summary-sec .game-summary-text{max-width:786px; font-size:22px;}

  .volley-faq-sec .faq-block{padding:0px;}
  .volley-faq-sec .accordion-title{font-size:25px;}
  .volley-faq-sec .accordion-text, .volley-faq-sec .answer-label{font-size:22px;}
}

@media(max-width:1023px) {
  .volley-game .sec-main-title.about-sec-main-title{font-size:32px;}
  .volley-about-us-sec .about-us-text{font-size:18px; padding:0px 20px;}
  .volley-about-us-sec .btn-bar{margin-top:30px;}
  .volley-game .base-btn{max-width:286px;}
  .volley-game .btn-text{font-size:32px;}
  .volley-game .btn-icon{max-width:44px;}

  .volley-htw-sec .htw-process-num{font-size:100px;}
  .volley-htw-sec .htw-process-card-title{font-size:34px;}
  .volley-htw-sec .htw-process-card-list-item{font-size:18px;}
  .volley-htw-sec .htw-process-card-list{padding-left:30px;}
  .volley-htw-sec .htw-process-theme:after{border-radius:20%; height:6px; bottom:-4px; left:-20px; right:-20px; width:calc(100% + 40px);}
  .volley-htw-sec .how-to-work-process-sec-one{padding:60px 0px;}
  .volley-htw-sec .how-to-work-process-sec-one .col-right{padding-right:13.5%;}
  .volley-htw-sec .how-to-work-process-sec-two{padding:40px 0px;}
  .volley-htw-sec .how-to-work-process-sec-two .htw-process-wrap:last-child{padding:0px;}
  .volley-htw-sec .how-to-work-process-sec-four{padding:40px 0px 0px;}
  .volley-htw-sec .how-to-work-process-sec-four .htw-process-wrap:last-child{padding-top:80px; margin-bottom:-70px;}
  .volley-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{top:auto; bottom:32%;}
  .volley-htw-sec .how-to-work-process-sec-five{padding:170px 0px 60px;}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-wrap:last-child{padding-top:70px;}
  .volley-htw-sec .how-to-work-process-sec-six{padding:40px 0px;}
  .volley-htw-sec .how-to-work-process-sec-six .col-right{padding-right:8.5%;}
  .volley-htw-sec .how-to-work-process-sec-six .htw-process-wrap:last-child{padding-top:120px;}
  .volley-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:last-child{padding-top:120px;}
  .volley-htw-sec .how-to-work-process-sec-eight{padding:60px 0px 80px;}
  .volley-htw-sec .how-to-work-process-sec-eight .htw-process-wrap:last-child{padding-top:70px;}
  .volley-htw-sec .how-to-work-process-sec-nine{padding:60px 0px;}
  .volley-htw-sec .how-to-work-process-sec-ten{padding:100px 0px 60px;}

  .volley-game-expect-sec .game-expectation-sec-outer{padding:40px 0 60px;}
  .volley-game .sec-main-title{font-size:38px;}
  .volley-game-expect-sec .sec-head{margin-bottom:10px;}
  .volley-game-expect-sec .game-expectation-list{--gap-item:15px; gap:10px var(--gap-item);}
  .volley-game-expect-sec .game-expectation-card-outer{padding:26px 15px 40px;}
  .volley-game-expect-sec .game-expect-icon-block{margin-bottom:25px; margin-top:-95px;}
  .volley-game-expect-sec .game-expect-card-title{font-size:20px; margin-bottom:20px;}
  .volley-game-expect-sec .game-expect-details-item{font-size:16px; line-height:1.2em;}
  .volley-game-expect-sec .game-expect-card-fig{--circle-size:120px; border-width:4px;}

  .volley-game-summary-sec .game-summary-sec-outer{background-position:left bottom, right bottom; background-size:15%, 20%; padding:46px 0px 40px;}
  .volley-game-summary-sec .game-summary-text{max-width:536px; font-size:20px;}

  .volley-faq-sec .accordion-title{font-size:20px;}
  .volley-faq-sec .accordion-head{padding:0px 10px 0px 15px;}
  .volley-faq-sec .accordion-text, .volley-faq-sec .answer-label{font-size:18px;}
  .volley-faq-sec .faq-sec-outer{padding:40px 0px 60px;}
}

@media(max-width:767px) {
  .volley-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .volley-game .banner-logo .game-logo-fig{margin:4px 0px 2px; max-width:30%;}
  .volley-game .video-block{max-width:86.5%;}
  .volley-game .video-frame:after{height:6px; bottom:-4px; left:-20px; right:-20px; width:calc(100% + 40px);}
  .volley-game .video-poster, .volley-game .client-video{top:2%; left:7.4%; right:7.4%; height:calc(100% - 8.6%); width:calc(100% - 14.8%); border-radius:10px;}
  .volley-game .volley-about-us-sec{padding:10px 0px 30px;}
  .volley-about-us-sec .sec-head{margin-bottom:10px;}
  .volley-game .sec-main-title.about-sec-main-title{font-size:25px;}
  .volley-about-us-sec .about-us-text{font-size:15px; padding:0px 20px;}
  .volley-about-us-sec .btn-bar{margin-top:15px;}
  .volley-game .base-btn{max-width:166px; padding:8px 10px; border-radius:5px;}
  .volley-game .btn-text{font-size:22px;}
  .volley-game .btn-icon{max-width:28px; margin-left:10px;}

  .volley-htw-sec .how-to-work-process-sec-one{padding:40px 0px 10px;}
  .volley-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{display:none;}
  .volley-htw-sec .htw-process-wrap .col-left, .volley-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px 10px;}
  .volley-htw-sec .htw-process-card{margin-top:20px;}
  .volley-htw-sec .htw-process-card-cont{display:flex; align-items:flex-start;}
  .volley-htw-sec .htw-process-num{font-size:92px; flex:1; margin:0;}
  .volley-htw-sec .htw-process-card-title-bar{text-align:left; margin-top:15px;}
  .volley-htw-sec .htw-process-card-title{font-size:24px;}
  .volley-htw-sec .htw-process-card-list{padding-left:10px;}
  .volley-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:6px; width:3px; height:3px;}
  .volley-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{display:none;}
  .volley-htw-sec .htw-process-theme:after{display:block;}
  .volley-htw-sec .htw-process-theme.mob-fig{margin-top:20px;}
  .volley-htw-sec .how-to-work-process-sec-two{padding:30px 0px 10px;}
  .volley-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:0px;}
  .volley-htw-sec .cont-left .htw-process-card-list{padding-left:10px;}
  .volley-htw-sec .how-to-work-process-sec-two .htw-process-card-cont{flex-direction:row-reverse;}
  .volley-htw-sec .how-to-work-process-sec-three{padding:0px;}
  .volley-htw-sec .how-to-work-process-sec-three .htw-process-num{margin:0 10px 0 0;}
  .volley-htw-sec .how-to-work-process-sec-four{padding:10px 0px;}
  .volley-htw-sec .how-to-work-process-sec-four .htw-process-card-cont{flex-direction:row-reverse;}
  .volley-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{display:none;}
  .volley-htw-sec .how-to-work-process-sec-five{padding:30px 0px 0px;}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{left:auto; right:0px; top:-6.7%;}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon img{transform:scaleX(-1);}
  .volley-htw-sec .how-to-work-process-sec-five .htw-process-num{margin:0 10px 0 0;}
  .volley-htw-sec .how-to-work-process-sec-six{padding:10px 0px 0px;}
  .volley-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon{display:none;}
  .volley-htw-sec .how-to-work-process-sec-six .htw-process-card-cont{flex-direction:row-reverse;}
  .volley-htw-sec .how-to-work-process-sec-seven{padding:10px 0px 0px;}
  .volley-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{display:none;}
  .volley-htw-sec .how-to-work-process-sec-seven .htw-process-num{margin:0 10px 0 0;}
  .volley-htw-sec .how-to-work-process-sec-eight{padding:10px 0px;}
  .volley-htw-sec .how-to-work-process-sec-eight .htw-process-card-cont{flex-direction:row-reverse;}
  .volley-htw-sec .how-to-work-process-sec-eight .htw-process-num{margin:0 0 0 10px;}
  .volley-htw-sec .how-to-work-process-sec-nine{padding:30px 0px 20px;}
  .volley-htw-sec .how-to-work-process-sec-nine .htw-process-num{margin:0 10px 0 0;}
  .volley-htw-sec .how-to-work-process-sec-nine .htw-process-bg-icon{bottom:-7%;}
  .volley-htw-sec .how-to-work-process-sec-ten .htw-process-bg-icon{display:none;}
  .volley-htw-sec .how-to-work-process-sec-ten{padding:0px 0px 20px;}
  .volley-htw-sec .how-to-work-process-sec-ten .htw-process-num{margin:0 10px 0 0;}
  
  .volley-game-expect-sec .game-expectation-sec-outer{padding:20px 0 20px;}
  .volley-game .sec-main-title{font-size:25px;}
  .volley-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .volley-game-expect-sec .game-expectation-card-outer{padding:26px 10px 20px; border-radius:20px; margin:50px 0px 30px;}
  .volley-game-expect-sec .game-expect-icon-block{margin-bottom:20px; margin-top:-70px;}
  .volley-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:10px;}
  .volley-game-expect-sec .game-expect-details-item{font-size:14px;}
  .volley-game-expect-sec .game-expect-card-fig{--circle-size:86px;}
  .volley-game-expect-sec .owl-carousel .owl-dot span{background:#d0d0d0;}
  .volley-game-expect-sec .owl-carousel .owl-dot.active span{background:var(--bg-primary);}

  .volley-game-summary-sec .game-summary-sec-outer{background-size:10%, 20%; padding:25px 0px 35px;}
  .volley-game-summary-sec .game-summary-text{max-width:100%; padding:0px 10px; font-size:14px;}

  .volley-faq-sec .faq-sec-outer{padding:15px 0px 20px;}
  .volley-faq-sec .accordion-title{font-size:14px;}
  .volley-faq-sec .accordion-head{padding:0px; min-height:30px;}
  .volley-faq-sec .accordion-text, .volley-faq-sec .answer-label{font-size:14px;}
  .volley-faq-sec .accordion-body{padding:0px;}
  .volley-faq-sec .accordion-icon{--circle-size:18px;}
  .volley-faq-sec .accordion-icon .icon{font-size:12px;}
}
@media(max-width:374px) {
  .volley-htw-sec .htw-process-num{font-size:70px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Volley Game CSS End // ***************************** */




/* ***************************** // Roulette Game CSS Start // ***************************** */
.roulette-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#f6de6f;
--clr-dark:#000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#200639;

/*Border Colors*/
--bdr1:#052f5f;
  
/*Fonts*/
--font-base:'Cubano', sans-serif;
--font-head:'Cubano', sans-serif;

/*Btn Shadow*/
--shadow-text:0 4px 8px rgba(0,0,0, 0.3);
}
.roulette-game .highlight-text{color:var(--clr-base-light);}
.roulette-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:452px;}
.roulette-game .btn-bg{float:left; width:100%;}
.roulette-game .btn-bg img{filter:inherit;}
.roulette-game .btn-text{float:left; width:100%; font-size:46px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; color:#fff; font-weight:normal;}
.roulette-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:5vmin; left:4vmin; right:4vmin; float:left; background-image:url("../images/roulette/button_bg.webp"), url("../images/roulette/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px);}
.roulette-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.roulette-game .banner-sec{background:var(--banner-bg) no-repeat bottom center; background-size:cover;}
.roulette-game .banner-sec-outer{background:transparent; padding:0px;}
.roulette-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.roulette-game .banner-logo .game-logo-fig{max-width:29.7%; margin:56px 0px 34px;}

.roulette-game .banner-sec-video{background:transparent; margin-bottom:-120px;}
.roulette-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.roulette-game .video-block{max-width:66%; margin:0 auto; --radius:16px; border-radius:var(--radius); padding:3px; box-shadow:0px 13px 18px 1px rgba(0, 0, 0, 0.7); background:linear-gradient(to bottom, rgba(232,201,31,1) 0%,rgba(255,255,255,1) 26%,rgba(232,201,31,1) 48%,rgba(255,255,255,1) 66%,rgba(232,201,31,1) 92%,rgba(255,255,215,1) 100%);}
.roulette-game .video-iframe{padding-bottom:55%;}
.roulette-game .video-iframe:after{content:""; position:absolute; z-index:5; top:0; left:0; right:0; bottom:0; box-shadow:0px 0px 11px rgba(255, 255, 255, 0.7) inset; pointer-events:none;}
.roulette-game .video-poster, .roulette-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 3px);}

.roulette-about-us-sec{background:radial-gradient(ellipse at center, rgb(6,135,69) 0%, rgb(8,64,36) 83%);}
.roulette-about-us-sec .about-us-sec-outer{background:var(--about-us-bg-left) no-repeat 5% 65%, var(--about-us-bg-right) no-repeat 95% 65%; padding:180px 0px 380px; float:left; width:100%;}
.roulette-about-us-sec .sec-head{margin-bottom:30px;}
.roulette-about-us-sec .about-us-text{font-size:32px; text-align:center; max-width:1100px;}
.roulette-about-us-sec .btn-bar{margin-top:60px;}

.roulette-game .sec-head{display:flex; align-items:center; justify-content:center; margin:0px 0px 30px;} 
.roulette-game .sec-head-outer{position:relative;} 
.roulette-game .sec-head-bg, .roulette-game .sec-head-bg img{float:left; width:100%;}
.roulette-game .sec-head-bg img{filter:drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.7));}
.roulette-game .sec-main-title{position:absolute; top:0; left:0; right:0; bottom:0; display:inline-flex; align-items:center; justify-content:center; font-size:60px; text-transform:inherit; line-height:0.85em; padding-bottom:6px;}

/* How to Work CSS Start */
.roulette-htw-sec{position:relative; z-index:1; margin-top:-200px;}
.roulette-htw-sec .htw-process-full-sec{float:left; width:100%; position:relative;}
.roulette-htw-sec .htw-process-full-sec.full-sec-one{padding-bottom:120px;}
.roulette-htw-sec .htw-process-full-sec.full-sec-one:before, .roulette-htw-sec .htw-process-full-sec.full-sec-one:after{content:""; position:absolute; width:172%; height:100%; left:-36%; right:-36%; top:0; margin:0 auto; box-shadow: 0px -13px 17px 2px rgba(0, 0, 0, 0.3); border-radius:50% 50% 0 0; background:linear-gradient(to right, rgb(255,234,116) 0%, rgb(255,194,8) 31%, rgb(255,234,116) 51%, rgb(255,194,8) 74%, rgb(255,234,116) 100%);}
.roulette-htw-sec .htw-process-full-sec.full-sec-one:after{top:16px; height:calc(100% - 16px); background:linear-gradient(to top, rgb(120,13,13) 0%, rgb(227,44,44) 100%); box-shadow:none;}
.roulette-htw-sec .htw-sec-top-bar{float:left; width:100%; display:flex; align-items:center; justify-content:space-evenly; flex-wrap:nowrap; margin-top:-8%;}
.roulette-htw-sec .wheel-icon{filter:drop-shadow(0px 16px 29px rgba(0, 0, 0, 0.5));}
.roulette-htw-sec .bet-icon{filter:drop-shadow(0px 65px 20px rgba(0, 0, 0, 0.42));}
.roulette-htw-sec .col.left{padding-top:130px;}
.roulette-htw-sec .col.right{padding-top:20px;}
.roulette-htw-sec .container{z-index:2; position:relative;}
.roulette-htw-sec .sec-head{margin:70px 0px;}
.roulette-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:row-reverse;}
.roulette-htw-sec .htw-process-wrap .col-left{max-width:44.3%; margin-right:4%; margin-left:-10px; z-index:5;}
.roulette-htw-sec .htw-process-wrap .col-right{padding-left:10.7%;}
.roulette-htw-sec .htw-process-theme:after{display:none;}
.roulette-htw-sec .htw-process-theme{filter:drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.16)) drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.16));}
.roulette-htw-sec .htw-process-card:before, .roulette-htw-sec .htw-process-card:after, .roulette-htw-sec .htw-process-card-outer:before, .roulette-htw-sec .htw-process-card-outer:after{display:none;}
.roulette-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent;}
.roulette-htw-sec .htw-process-card-cont{padding:5px; --radius:100px; border-radius:var(--radius) 0px 0px var(--radius); box-shadow:0px 13px 18px 1px rgba(0, 0, 0, 0.7); background:linear-gradient(to bottom, rgba(232,201,31,1) 0%,rgba(255,255,255,1) 26%,rgba(232,201,31,1) 48%,rgba(255,255,255,1) 66%,rgba(232,201,31,1) 92%,rgba(255,255,215,1) 100%);}
.roulette-htw-sec .htw-process-card-body{background:var(--bg-base); border-radius:calc(var(--radius) - 4px) 0px 0px calc(var(--radius) - 4px); min-height:410px; display:flex; flex-wrap:wrap; align-content:center; padding:40px 100px 60px 90px;}
.roulette-htw-sec .htw-process-card-title{font-size:52px; font-weight:normal; color:var(--clr-base-light);}
.roulette-htw-sec .htw-process-card-list{padding-left:0px;}
.roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:30px; color:var(--clr-base);}
.roulette-htw-sec .htw-process-line-block{margin:-20px 0px -30px;}
.roulette-htw-sec .htw-process-line-fig{max-width:43.8%;}
.roulette-htw-sec .cont-right .htw-process-wrap .col-left{margin-left:4%; margin-right:-10px;}
.roulette-htw-sec .cont-right .htw-process-wrap .col-right{padding-right:10.7%; padding-left:0px;}
.roulette-htw-sec .cont-right .htw-process-card-cont{border-radius:0px var(--radius) var(--radius) 0px;}
.roulette-htw-sec .cont-right .htw-process-card-body{border-radius:0px calc(var(--radius) - 4px) calc(var(--radius) - 4px) 0px;}
.roulette-htw-sec .how-to-work-process-sec-three{padding:120px 0px 0px;}

.how-to-pick-wrap{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.how-to-odds .table-wrap{max-width:1280px;}
.table-wrap{float:left; width:100%;}
.table-block{float:left; width:100%;}
.table-outer{float:left; width:100%; position:relative;background:#635175;box-shadow:0px 0px 16px rgba(255, 255, 255, 0.35) inset;}
.table-container{float:left; width:100%;}
table{width:100%; white-space:nowrap; border-spacing:0; margin:0; padding:0; font-weight:normal; border-collapse:collapse;}
table tr{width:100%;}
table tbody tr{position:relative; overflow:hidden; border-bottom:1px solid #ebeef5;}
table tbody tr td, table thead tr th{padding:20px 2px; line-height:1em; text-align:center; font-weight:normal;}
table tbody tr td span{color:#ffffff;font-size:22px;}
table thead tr th{color:#fdcc43; position:relative;z-index:1;font-size:22px;background:#200639;box-shadow:0px 5px 6px rgba(255, 255, 255, 0.35) inset;}
table thead tr th:first-child{border-radius:16px 0px 0px 0px;}
table thead tr th:last-child{border-radius:0px 16px 0px 0px;}
table thead tr{position:relative; overflow:hidden;}
.odds-modal .odds-table-block{padding:0px;border:none;}
.odds-table-block{background:linear-gradient(#200639, #200639) padding-box, linear-gradient(to bottom, #e8c91f, #ffffff, #e8c91f, #ffffff, #e8c91f) border-box; border:3px solid transparent; border-radius:16px; overflow:hidden; box-shadow:0px 13px 18px 1px rgba(0, 0, 0, 0.5), 0px -6px 16px rgba(255, 255, 255, 0.40) inset;}
.odds-table-block table tbody tr{border:none;}
.odds-table-block table thead tr th,
.odds-table-block table tbody tr td{border-right:1px solid #e8c91f;border-bottom:1px solid #e8c91f;}
.odds-table-block table thead tr th:last-child,
.odds-table-block table tbody tr td:last-child{border-right:0px;}
.odds-table-block table tbody tr:last-child td{border-bottom:0px;}
.odds-table-block table tr .sticked-1,
.odds-table-block table tr .sticked-2,
.odds-table-block table tr .sticked-payout{padding-left:30px;text-align:left;}
.odds-table-block table tr .sticked-payout{min-width:140px;}

.roulette-htw-sec .how-to-work-process-sec-five{padding:90px 0px 20px; position:relative;}
.roulette-htw-sec .how-to-work-process-sec-five .htw-sec-top-icon{position:absolute; left:auto; top:1%; right:2%; max-width:232px; filter:drop-shadow(0px 80px 28px rgba(0, 0, 0, 0.36));}
.betting-opt-head{margin-bottom:40px;}
.how-to-head-bar{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.how-to-head-bar-outer{float:left; --radius:50px; border-radius:var(--radius); padding:5px; box-shadow:0px 10px 18px 1px rgba(0, 0, 0, 0.7); background:linear-gradient(to bottom, rgba(232,201,31,1) 0%,rgba(255,255,255,1) 26%,rgba(232,201,31,1) 48%,rgba(255,255,255,1) 66%,rgba(232,201,31,1) 92%,rgba(255,255,215,1) 100%);}
.how-to-head-cont{float:left; background:var(--bg-base); padding:26px 50px; border-radius:calc(var(--radius) - 4px);}
.how-to-head-bar .title-label{font-size:52px; color:var(--clr-base-light);}

.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{flex-direction:column-reverse; padding:100px 3.5%;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-left{max-width:100%; flex:auto; margin:-10px auto 0;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{max-width:100%; flex:auto; padding:0 5%;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-card-cont{--radius:60px; border-radius:var(--radius) var(--radius) 0px 0px;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-card-body{padding:40px 60px 60px 60px; border-radius:calc(var(--radius) - 4px) calc(var(--radius) - 4px) 0px 0px;}
.roulette-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{content:"\ea1a"; font-family:'isg-icons'; font-size:22px; color:var(--clr-base-light); background:transparent; width:auto; height:auto;}
.roulette-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:30px;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-theme{filter:inherit;}

.roulette-htw-sec .htw-process-full-sec.full-sec-two{padding:100px 0px; background:radial-gradient(ellipse at center, rgb(6,135,69) 0%, rgb(8,64,36) 83%);}
.roulette-htw-sec .full-sec-two .htw-sec-top-icon{position:absolute; top:-12%; left:0px; max-width:244px;}
.roulette-htw-sec .full-sec-two .htw-sec-bottom-icon{bottom:-21%; right:0px; top:auto; left:auto; position:absolute;}
.roulette-htw-sec .full-sec-two .how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row-reverse;}
.roulette-htw-sec .full-sec-two .how-to-work-process-sec-eight .htw-process-wrap{flex-direction:row;}
.roulette-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{flex-direction:row-reverse; padding-top:100px;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-ten .htw-process-wrap{flex-direction:row;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven{position:relative;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-process-wrap{flex-direction:row-reverse; padding-bottom:100px;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-sec-top-icon{max-width:227px; left:3%; bottom:16%; top:auto; filter:drop-shadow(0px 80px 28px rgba(0, 0, 0, 0.36));}

.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap{flex-direction:column-reverse; padding:100px 3.5% 0px;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-left{max-width:44.3%; flex:auto; margin:-260px auto 0;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-right{max-width:100%; flex:auto; padding:0 5%;}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-cont{--radius:60px; border-radius:var(--radius);}
.roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-body{padding:40px 140px 290px; border-radius:calc(var(--radius) - 4px);}
.roulette-htw-sec .game-summary-card .htw-process-card-list-item, .roulette-htw-sec .game-summary-card .htw-process-card-list-label{text-align:center;}
.roulette-htw-sec .htw-card-head{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-top:-130px;}
.roulette-htw-sec .card-head-outer{float:left; position:relative;}
.roulette-htw-sec .card-head-bg, .roulette-htw-sec .card-head-bg img{float:left; width:100%;}
.roulette-htw-sec .card-title{position:absolute; font-size:52px; left:0; top:0; right:0; bottom:0; padding-top:30px; display:inline-flex; align-items:center; justify-content:center;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.roulette-game-expect-sec{position:relative;}
.roulette-game-expect-sec:before{content:""; position:absolute; left:0; top:-28%; width:100%; height:calc(100% + 28%); background:linear-gradient(to top, rgb(120,13,13) 0%, rgb(227,44,44) 100%);}
.roulette-game-expect-sec .game-expectation-sec-outer{position:relative; z-index:1; padding:100px 0px 360px; background:var(--game-expectation-bg) no-repeat bottom center, var(--game-expectation-bg-top) no-repeat right 4%, var(--game-expectation-bg-bottom) no-repeat left 84%; background-size:100% auto, 266px, 272px;}
.roulette-game-expect-sec .sec-head{margin-bottom:70px;}
.roulette-game .sec-main-title.game-expect-sec-main-title{font-size:60px;}
.roulette-game-expect-sec .game-expectation-list{--card-gap:90px; gap:20px var(--card-gap);}
.roulette-game-expect-sec .game-expectation-item{margin-top:54px; max-width:calc((100% / 3) - (calc(var(--card-gap) * 2) / 3));}
.roulette-game-expect-sec .game-expectation-card{--radius:18px; border-radius:var(--radius); box-shadow:0px 0px 30px rgba(255, 231, 33, 0.4), 0px 0px 50px rgba(255, 231, 33, 0.8); background:linear-gradient(to bottom, rgba(232,201,31,1) 0%,rgba(255,255,255,1) 26%,rgba(232,201,31,1) 48%,rgba(255,255,255,1) 66%,rgba(232,201,31,1) 92%,rgba(255,255,215,1) 100%); padding:2px;}
.roulette-game-expect-sec .game-expectation-card-outer{margin:0px; padding:0px 20px 50px; border-radius:calc(var(--radius) - 2px); background:linear-gradient(to top, rgb(11,49,20) 1%, rgb(35,102,51) 100%);}
.roulette-game-expect-sec .game-expect-icon-block{top:0; margin-top:-64px;}
.roulette-game-expect-sec .game-expect-card-fig{max-width:276px;}
.roulette-game-expect-sec .game-expect-card-title{font-size:34px; text-align:center;}
.roulette-game-expect-sec .game-expect-details-item{font-size:22px; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.roulette-game-summary-sec .game-summary-sec-outer{background:transparent; position:relative; z-index:2; padding:0px; margin-top:-260px;}
.roulette-game-summary-sec .game-summary-cont{border:5px solid var(--bdr1); border-radius:56px; padding:100px 100px; background:linear-gradient(to top, rgb(254,227,89) 34%, rgb(252,160,24) 100%);}
.roulette-game-summary-sec .game-summary-text{max-width:100%; font-size:42px; color:var(--clr-dark); padding:0px 20px;}
.roulette-game-summary-sec .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
.roulette-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.roulette-faq-sec .faq-sec-outer{padding:80px 0px;}
.roulette-faq-sec .faq-sec-head{margin-bottom:50px;}
.roulette-faq-sec .faq-list{counter-reset:li;}
.roulette-faq-sec .accordion-item{margin-bottom:15px; position:relative;}
.roulette-faq-sec .accordion-item:before{content:"0" counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:20px; top:20px; margin:auto; width:68px; height:68px; font-size:54px; font-weight:normal; color:var(--clr-dark); border-radius:10px; background:#fff; display:inline-flex; align-items:center; justify-content:center;}
.roulette-faq-sec .accordion-card{background:transparent; padding:0px; border:none; position:relative;}
.roulette-faq-sec .accordion-card:before{content:""; position:absolute; top:1px; left:0; right:0; width:100%; height:calc(100% - 1px); border-radius:10px; background:linear-gradient(to top, rgb(254,227,89) 34%, rgb(252,160,24) 100%); z-index:-1;}
.roulette-faq-sec .accordion-head{padding:0px;}
.roulette-faq-sec .accordion-head-outer{background:linear-gradient(to top, rgb(120,13,13) 0%, rgb(227,44,44) 100%); box-shadow:none; --radius:10px; border-radius:var(--radius); min-height:106px; padding:11px 0px 12px 120px;}
.roulette-faq-sec .accordion-title{font-size:38px; color:var(--clr-base);}
.roulette-faq-sec .accordion-body{padding:10px 30px 10px 60px;}
.roulette-faq-sec .accordion-cont-bar{min-height:140px;}
.roulette-faq-sec .accordion-text{font-size:30px; color:var(--clr-dark);}
.roulette-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px; text-shadow:none; color:var(--clr-base-light);}
/*FAQ CSS End */

.roulette-game .footer{background:#0f3919;}
.roulette-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .roulette-game .sec-head-bg img{height:88px;}
  .roulette-about-us-sec .about-us-sec-outer{padding:180px 0px 320px;}
  .roulette-game .sec-main-title{font-size:48px; padding-bottom:4px;}
  .roulette-about-us-sec .about-us-text{font-size:28px; max-width:960px;}
  .roulette-about-us-sec .btn-bar{margin-top:50px;}
  .roulette-game .base-btn{max-width:402px;}
  .roulette-game .btn-text{font-size:42px;}

  .roulette-htw-sec .htw-sec-top-bar{margin-top:-6%;}
  .roulette-htw-sec .wheel-icon{max-width:70%; margin:0 auto;}
  .roulette-htw-sec .bet-icon{max-width:80%; margin:0 auto;}
  .roulette-htw-sec .htw-process-card-cont{--radius:80px;}
  .roulette-htw-sec .htw-process-card-body{padding:30px 80px 40px 80px; min-height:340px;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-one{padding-bottom:100px;}
  .roulette-htw-sec .htw-process-card-title{font-size:44px;}
  .roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:27px;}
  .roulette-htw-sec .htw-process-line-block{margin:-10px 0px -15px;}
  .roulette-htw-sec .htw-process-line-fig{max-width:38.8%;}
  .how-to-head-bar .title-label{font-size:44px;}
  .roulette-htw-sec .how-to-work-process-sec-five .htw-sec-top-icon{max-width:14%;}
  .roulette-htw-sec .full-sec-two .htw-sec-top-icon{max-width:12%; top:-9%;}
  .roulette-htw-sec .full-sec-two .htw-sec-bottom-icon{max-width:22%;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-sec-top-icon{max-width:10%; bottom:20%;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-body{padding:40px 70px 230px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-left{max-width:50.3%; margin:-200px auto 0;}

  .roulette-game-expect-sec .game-expectation-sec-outer{background-size:100% auto, 16%, 18%; padding:100px 0px 300px;}
  .roulette-game .sec-main-title.game-expect-sec-main-title{font-size:50px;}
  .roulette-game-expect-sec .game-expectation-list{--card-gap:60px;}
  .roulette-game-expect-sec .game-expectation-card{box-shadow:0px 0px 25px rgba(255, 231, 33, 0.4), 0px 0px 40px rgba(255, 231, 33, 0.8);}
  .roulette-game-expect-sec .game-expectation-card-outer{padding:0px 10px 30px;}
  .roulette-game-expect-sec .game-expect-icon-block{margin-top:-54px;}
  .roulette-game-expect-sec .game-expect-card-fig{max-width:226px;}
  .roulette-game-expect-sec .game-expect-card-title{font-size:28px;}
  .roulette-game-expect-sec .game-expect-details-item{font-size:19px;}

  .roulette-game-summary-sec .game-summary-sec-outer{margin-top:-220px;}
  .roulette-game-summary-sec .game-summary-cont{padding:80px 60px;}
  .roulette-game-summary-sec .game-summary-text{font-size:35px;}

  .roulette-faq-sec .accordion-head-outer{min-height:96px; padding:11px 0px 12px 110px;}
  .roulette-faq-sec .accordion-item:before{left:14px; top:14px; font-size:46px;}
  .roulette-faq-sec .accordion-title{font-size:34px;}
  .roulette-faq-sec .accordion-text{font-size:27px;}
  .roulette-faq-sec .accordion-cont-bar{min-height:110px;}
}

@media(max-width:1280px) {
  .roulette-game .banner-logo .game-logo-fig{max-width:29.7%; margin:36px 0px 24px;}
  .roulette-about-us-sec .about-us-sec-outer{padding:160px 0px 300px; background-position:2% 65%, 100% 65%; background-size:17%, 20%;}
  .roulette-game .sec-head-bg img{height:80px;}
  .roulette-game .sec-main-title{font-size:40px;}
  .roulette-about-us-sec .about-us-text{font-size:25px; max-width:860px;}
  .roulette-about-us-sec .btn-bar{margin-top:40px;}
  .roulette-game .base-btn{max-width:356px;}
  .roulette-game .btn-text{font-size:36px;}

  .roulette-htw-sec .htw-process-full-sec.full-sec-one:before, .roulette-htw-sec .htw-process-full-sec.full-sec-one:after{border-radius:45% 45% 0 0;}
  .roulette-htw-sec .wheel-icon{max-width:54%;}
  .roulette-htw-sec .bet-icon{max-width:70%;}
  .roulette-htw-sec .col.left{padding-top:18%;}
  .roulette-htw-sec .col.right{padding-top:12%;}
  .roulette-htw-sec .htw-process-card-cont{--radius:60px;}
  .roulette-htw-sec .htw-process-card-title{font-size:38px;}
  .roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:25px;}
  .roulette-htw-sec .htw-process-card-body{min-height:280px; padding:30px 50px 40px 60px;}
  .how-to-odds .table-wrap{width:86%;}
  table thead tr th, table tbody tr td span{font-size:18px;}
  .how-to-head-bar .title-label{font-size:38px;}
  .how-to-head-bar-outer{--radius:40px;}
  .roulette-htw-sec .how-to-work-process-sec-five .htw-sec-top-icon{max-width:10%; filter:drop-shadow(0px 34px 20px rgba(0, 0, 0, 0.36));}
  .roulette-htw-sec .full-sec-two .htw-sec-bottom-icon{max-width:18%; bottom:-16%;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-sec-top-icon{max-width:9%; bottom:21%; left:1%; filter:drop-shadow(0px 30px 22px rgba(0, 0, 0, 0.36));}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-body{padding:40px 50px 230px;}
  .roulette-htw-sec .card-title{font-size:38px;}
  .roulette-htw-sec .htw-card-head{margin-top:-110px;}
  .roulette-htw-sec .card-head-bg img{height:140px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap{padding:70px 3.5% 0px;}

  .roulette-game-expect-sec .sec-head{margin-bottom:20px;}
  .roulette-game .sec-main-title.game-expect-sec-main-title{font-size:40px;}
  .roulette-game-expect-sec .game-expectation-list{--card-gap:40px;}
  .roulette-game-expect-sec .game-expectation-card{box-shadow:0px 0px 20px rgba(255, 231, 33, 0.4), 0px 0px 25px rgba(255, 231, 33, 0.6);}
  .roulette-game-expect-sec .game-expect-icon-block{margin-top:-48px;}
  .roulette-game-expect-sec .game-expect-card-fig{max-width:200px;}
  .roulette-game-expect-sec .game-expect-card-title{font-size:24px;}
  .roulette-game-expect-sec .game-expect-details-item{font-size:18px;}

  .roulette-game-summary-sec .game-summary-text{font-size:30px;}

  .roulette-faq-sec .faq-block{padding:0px;}
  .roulette-faq-sec .accordion-head-outer{min-height:86px; padding:11px 0px 12px 90px;}
  .roulette-faq-sec .accordion-item:before{left:10px; top:14px; font-size:36px; width:58px; height:58px;}
  .roulette-faq-sec .accordion-title{font-size:28px;}
  .roulette-faq-sec .accordion-text{font-size:22px;}
  .roulette-faq-sec .accordion-cont-bar{min-height:100px;}
}

@media(max-width:1023px) {
  .roulette-game .banner-logo .game-logo-fig{max-width:32.7%; margin:30px 0px 20px;}
  .roulette-about-us-sec .about-us-sec-outer{padding:160px 0px 300px; background-position:2% 65%, 100% 65%; background-size:17%, 20%;}
  .roulette-game .sec-head-bg img{height:72px;}
  .roulette-game .sec-main-title{font-size:34px;}
  .roulette-about-us-sec .about-us-text{font-size:22px; max-width:100%; padding:0px 20px;}
  .roulette-about-us-sec .btn-bar{margin-top:40px;}
  .roulette-game .base-btn{max-width:306px;}
  .roulette-game .btn-text{font-size:28px;}

  .roulette-htw-sec .col.mid{max-width:60%;}
  .roulette-htw-sec .htw-sec-top-bar{margin-top:-11%;}
  .roulette-htw-sec .col.right{padding-top:15%;}
  .roulette-htw-sec .col.left{padding-top:22%;}
  .roulette-htw-sec .sec-head{margin:20px 0px 50px;}

  .roulette-htw-sec .htw-process-wrap .col-right{padding-left:4%;}
  .roulette-htw-sec .cont-right .htw-process-wrap .col-right{padding-right:4%;}
  .roulette-htw-sec .htw-process-card-cont{--radius:40px; box-shadow:0px 7px 18px 1px rgba(0, 0, 0, 0.5);}
  .roulette-htw-sec .htw-process-card-body{min-height:220px; padding:20px 30px 25px 40px;}
  .roulette-htw-sec .htw-process-card-title{font-size:32px;}
  .roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:22px;}
  .roulette-htw-sec .htw-process-line-block{margin:-4px 0px -8px;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-one{padding-bottom:70px;}
  .roulette-htw-sec .how-to-work-process-sec-three{padding:80px 0px 0px;}
  .how-to-head-bar .title-label{font-size:32px;}
  .how-to-head-bar-outer{--radius:30px;}
  .how-to-head-cont{padding:20px 40px;}
  .odds-table-block table{white-space:normal;}
  table tbody tr td, table thead tr th{padding:14px 2px;}
  .odds-table-block table tr .sticked-1, .odds-table-block table tr .sticked-2, .odds-table-block table tr .sticked-payout{padding-left:20px;}
  table thead tr th, table tbody tr td span{font-size:16px;}
  table tbody tr td span{font-size:16px; line-height:1.2em;}
  .odds-table-block table tr .sticked-payout{min-width:100px;}
  .odds-table-block{box-shadow:0px 7px 18px 1px rgba(0, 0, 0, 0.5), 0px -6px 16px rgba(255, 255, 255, 0.40) inset;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{padding:60px 3.5% 80px;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-two{padding:60px 0px;}
  .roulette-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{padding-top:70px;}
  .roulette-htw-sec .full-sec-two .htw-sec-bottom-icon{max-width:14%; bottom:-15%;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-process-wrap{padding-bottom:60px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-body{padding:40px 40px 190px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-left{margin:-170px auto 0; max-width:60%;}

  .roulette-game-expect-sec .game-expectation-sec-outer{padding:70px 0px 300px;}
  .roulette-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (calc(var(--card-gap) * 2) / 3));}

  .roulette-game-summary-sec .game-summary-cont{padding:60px 40px;}
  .roulette-game-summary-sec .game-summary-text{font-size:24px;}

  .roulette-faq-sec .faq-sec-outer{padding:60px 0px 40px;}
  .roulette-faq-sec .faq-sec-head{margin-bottom:40px;}
  .roulette-faq-sec .accordion-head-outer{min-height:76px; padding:11px 0px 12px 80px;}
  .roulette-faq-sec .accordion-item:before{left:10px; top:12px; font-size:28px; width:50px; height:50px;}
  .roulette-faq-sec .accordion-title{font-size:24px;}
  .roulette-faq-sec .accordion-text{font-size:19px;}
  .roulette-faq-sec .accordion-cont-bar{min-height:80px;}
  .roulette-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:18px;}
}

@media(max-width:767px) {
  .roulette-game{
    --shadow-text:0 2px 4px rgba(0,0,0, 0.3);
  }
  .roulette-game .banner-sec{background:var(--banner-bg-mob) no-repeat bottom center; background-size:cover;}
  .roulette-game .banner-logo .game-logo-fig{max-width:40%; margin:10px 0px;}
  .roulette-game .banner-sec-video{margin-bottom:-40px;}
  .roulette-game .video-block{max-width:86%; --radius:11px; padding:2px; box-shadow:0px 2px 8px 1px rgba(0, 0, 0, 0.4);}
  .roulette-about-us-sec .about-us-sec-outer{padding:60px 0px 260px; background-position:2% 58%, 100% 58%; background-size:17%, 20%;}
  .roulette-game .sec-head{margin:20px 0px;}
  .roulette-game .sec-head-bg img{height:38px; filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.4));}
  .roulette-game .sec-main-title{font-size:18px; padding-bottom:2px;}
  .roulette-about-us-sec .about-us-text{font-size:16px; padding:0px;}
  .roulette-about-us-sec .btn-bar{margin-top:20px;}
  .roulette-game .base-btn{max-width:184px;}
  .roulette-game .btn-text{font-size:18px;}

  .roulette-htw-sec .htw-process-full-sec.full-sec-one:before, .roulette-htw-sec .htw-process-full-sec.full-sec-one:after{width:300%; left:-100%; right:-100%; border-radius:50% 50% 0 0;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-one:after{top:8px;}
  .roulette-htw-sec .wheel-icon{max-width:90%; filter:drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.7));}
  .roulette-htw-sec .bet-icon{max-width:44%;}
  .roulette-htw-sec .right .bet-icon{max-width:27%;}
  .roulette-htw-sec .col.left{padding-top:27%;}
  .roulette-htw-sec .col.right{padding-top:20%;}

  .roulette-htw-sec .sec-head{margin:30px 0px 40px;}
  .roulette-htw-sec .sec-main-title{font-size:24px;}
  .roulette-htw-sec .sec-head-bg img{height:60px;}
  .roulette-htw-sec .container{padding:0px;}
  .roulette-htw-sec .how-to-work-process:nth-child(even) .htw-process-wrap{flex-direction:column;}
  .roulette-htw-sec .htw-process-wrap .col-left, .roulette-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px; margin:0px;}
  .roulette-htw-sec .htw-process-wrap .col-left{padding:0px 20px;}
  .roulette-htw-sec .htw-process-card-cont{--radius:0px; padding:2px 0px; box-shadow:0px 4px 5px 1px rgba(0, 0, 0, 0.7);}
  .roulette-htw-sec .htw-process-card-body{min-height:180px; padding:30px 20px 10px;}
  .roulette-htw-sec .htw-process-card-title{font-size:24px;}
  .roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:18px; text-align:center;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-one{padding-bottom:0px;}
  .roulette-htw-sec .how-to-work-process-sec-two{margin-top:30px;}
  .roulette-htw-sec .htw-process-line-block{display:none;}
  .roulette-htw-sec .cont-right .htw-process-wrap .col-left{margin:0px; padding:0px 20px;}
  .roulette-htw-sec .cont-right .htw-process-wrap .col-right{padding:0px;}
  .roulette-htw-sec .how-to-work-process-sec-three{padding:30px 0px 0px;}
  .roulette-htw-sec .htw-process-theme{filter:drop-shadow(-7px 7px 5px rgba(0, 0, 0, 0.16)) drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.16));}
  .roulette-htw-sec .how-to-work-process-sec-four{padding:30px 0px 0px;}
  .roulette-htw-sec .how-to-work-process-sec-five{padding:30px 0px 20px;}
  .how-to-head-bar .title-label{font-size:20px;}
  .how-to-head-cont{padding:10px 25px 12px;}
  .how-to-head-bar-outer{box-shadow:0px 3px 5px 1px rgba(0, 0, 0, 0.3);}
  .betting-opt-head{margin-bottom:20px;}
  .how-to-pick-wrap.how-to-odds{padding:0px 10px;}
  .how-to-odds .table-wrap{width:100%;}
  .odds-table-block{border-width:2px; border-radius:12px; box-shadow:0px 7px 8px 1px rgba(0, 0, 0, 0.6), 0px -6px 16px rgba(255, 255, 255, 0.40) inset;}
  .odds-table-block table tr .sticked-1, .odds-table-block table tr .sticked-2, .odds-table-block table tr .sticked-payout{padding-left:10px;}
  table thead tr th, table tbody tr td span{font-size:13px;}
  .odds-table-block table tr .sticked-payout{min-width:66px;}
  table tbody tr td{padding:10px 2px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-left{margin:-2px 0px 0px; padding:0px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding:0px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-card-cont{--radius:0px; padding:2px 0px; box-shadow:none;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-card-body{padding:30px 10px 10px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{padding:30px 0px;}
  .roulette-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{font-size:12px;}
  .roulette-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:20px;}
  .roulette-htw-sec .top-screen-data-card .htw-process-card-list .htw-process-card-list-item{font-size:18px; text-align:left;}
  .roulette-htw-sec .htw-process-full-sec.full-sec-two{padding:0px; background:transparent;}
  .roulette-htw-sec .how-to-work-process-sec-eight, .roulette-htw-sec .how-to-work-process-sec-ten, .roulette-htw-sec .how-to-work-process-sec-eleven{padding:30px 0px 0px;}
  .roulette-htw-sec .htw-sec-top-icon, .roulette-htw-sec .htw-sec-bottom-icon{display:none;}
  .roulette-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{padding-top:30px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-eleven .htw-process-wrap{padding-bottom:0px;}
  .roulette-htw-sec .game-summary-card .card-title{font-size:24px; padding-top:12px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap{padding:110px 0px 0px; flex-direction:column-reverse;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-left{margin:-160px auto 0px; max-width:100%;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-wrap .col-right{margin:0px; padding:0px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-body{padding:30px 10px 170px;}
  .roulette-htw-sec .how-to-work-process.how-to-work-process-sec-twelve .htw-process-card-cont{--radius:0px;}
  .roulette-htw-sec .card-head-bg img{height:90px;}
  .roulette-htw-sec .game-summary-card .htw-card-head{margin-top:-85px;}

  .roulette-game-expect-sec .game-expectation-sec-outer{padding:10px 0px 25px; background:var(--game-expectation-bg-top) no-repeat right 17%; background-size:64px;}
  .roulette-game-expect-sec .sec-head-bg img{height:50px;}
  .roulette-game .sec-main-title.game-expect-sec-main-title{font-size:24px;}
  .roulette-game-expect-sec .game-expectation-item{max-width:calc(100vw - 100px); min-width:calc(100vw - 100px); margin:0px;}
  .roulette-game-expect-sec .game-expectation-card{box-shadow:0px 0px 10px rgba(255, 231, 33, 0.4), 0px 0px 15px rgba(255, 231, 33, 0.6);}
  .roulette-game-expect-sec .game-expect-card-title{font-size:22px;}
  .roulette-game-expect-sec .game-expect-details-item{font-size:14px;}
  .roulette-game-expect-sec .game-expect-icon-block{margin-top:-40px;}
  .roulette-game-expect-sec .game-expect-card-fig{max-width:170px;}
  .roulette-game .owl-carousel .owl-dot span{background:#000; border-color:#000;}
  .roulette-game .owl-carousel .owl-dot.active span{background:#fff; border-color:#fff;}
  .roulette-game-expect-sec .owl-carousel .owl-item{margin:40px 0px 20px;}

  .roulette-game-summary-sec .game-summary-sec-outer{margin:0px;}
  .roulette-game-summary-sec .container{padding:0px;}
  .roulette-game-summary-sec .game-summary-cont{padding:30px 10px 40px; border-radius:0px; border-width:2px; border-right:0px; border-left:0px;}
  .roulette-game-summary-sec .game-summary-text{font-size:20px; padding:0px;}
  .roulette-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .roulette-faq-sec .faq-sec-outer{padding:30px 0px 20px;}
  .roulette-faq-sec .sec-main-title{font-size:30px;}
  .roulette-faq-sec .sec-head-bg img{height:60px;}
  .roulette-faq-sec .faq-sec-head{margin-bottom:20px;}
  .roulette-faq-sec .accordion-head-outer{min-height:50px; padding:11px 0px 12px 50px; --radius:6px;}
  .roulette-faq-sec .accordion-item{margin-bottom:8px;}
  .roulette-faq-sec .accordion-item:before{left:6px; top:7px; font-size:20px; width:34px; height:34px; border-radius:5px;}
  .roulette-faq-sec .accordion-title{font-size:12px;}
  .roulette-faq-sec .accordion-text{font-size:12px;}
  .roulette-faq-sec .accordion-cont-bar{min-height:40px;}
  .roulette-faq-sec .accordion-body{padding:10px 10px 10px 15px;}
  .roulette-faq-sec .accordion-card:before{border-radius:6px;}
  .roulette-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:10px;}
}
@media(max-width:374px) {
  .roulette-about-us-sec .about-us-text{font-size:15px;}
  .roulette-htw-sec .htw-process-card-list-item, .roulette-htw-sec .htw-process-card-list-label{font-size:17px;}
  .roulette-htw-sec .htw-process-card-title{font-size:22px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Roulette Game CSS End // ***************************** */



/* ***************************** // Ten Pin Bowling Game CSS Start // ***************************** */
.ten-pin-bowling-game {
/*Colors*/
--clr-base:#102662;
--clr-dark:#0a3e77;
--clr-primary:#2196f3;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#102662;
--bg-primary:#2196f3;
--bg-dark:#001a35;

/*Border Colors*/
--bdr1:#ffc100;
  
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-head:'Geogrotesque', sans-serif;
--font-action:'Geogrotesque', sans-serif;
}
.ten-pin-bowling-game .base-btn{float:left; width:100%; background:var(--bg-primary); padding:16px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:350px;}
.ten-pin-bowling-game .btn-text{position:unset; font-size:40px; font-weight:700; color:#fff;}

.ten-pin-bowling-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.ten-pin-bowling-game .banner-sec-outer{background:transparent; padding:0px;}
.ten-pin-bowling-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.ten-pin-bowling-game .banner-logo .game-logo-fig{max-width:31.85%; height:15.6vw; margin-top:-3.5%;}

.ten-pin-bowling-game .banner-sec-video{background:transparent; margin-bottom:-140px;}
.ten-pin-bowling-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; --radius:34px;}
.ten-pin-bowling-game .video-frame-shadow-bg{position:absolute; top:0; left:0; right:0; width:100%; max-width:59.3%; margin:0 auto; height:66%; border-radius:var(--radius); box-shadow:0px 0px 72px rgba(0, 216, 255, 1);}
.ten-pin-bowling-game .video-block{max-width:59.3%; margin:0 auto; border-radius:var(--radius); background:#000; border:5px solid #fff; padding:20px; overflow:inherit;}
.ten-pin-bowling-game .video-iframe{padding-bottom:56.5%;}
.ten-pin-bowling-game .video-poster, .ten-pin-bowling-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 12px);}
.ten-pin-bowling-game .video-frame-shadow-bottom{position:absolute; filter:blur(5px); opacity:0.86; height:30px; bottom:-20px; margin:0 auto; left:-10%; right:-10%; width:calc(59.3% + 20%); background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}

.ten-pin-bowling-about-us-sec .about-us-sec-outer{background:var(--about-us-bg-left) no-repeat, var(--about-us-bg-right) no-repeat, var(--about-us-bg-bottom) no-repeat, var(--about-us-bg) no-repeat; background-position:3% 10%, 97% 10%, 89% 81%, center bottom; background-size:144px, 144px, 331px, cover; padding:200px 0px 140px; border-bottom:7px solid var(--bdr1);}
.ten-pin-bowling-about-us-sec .sec-head{margin-bottom:30px;}
.ten-pin-bowling-about-us-sec .about-us-text{font-size:36px; color:#fff;font-weight:600; text-align:center; padding:0 60px;}
.ten-pin-bowling-about-us-sec .btn-bar{margin-top:9.5%;}

.ten-pin-bowling-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.ten-pin-bowling-game .sec-head-outer{float:left; width:100%; max-width:787px; display:flex; align-items:center; justify-content:center; position:relative;}
.ten-pin-bowling-game .sec-head-bg, .ten-pin-bowling-game .sec-head-bg img{float:left; width:100%;}
.ten-pin-bowling-game .sec-main-title{font-size:70px; font-weight:700; line-height:0.85em; display:inline-block; color:#fff; text-transform:uppercase;}
.ten-pin-bowling-game .sec-main-title:not(.about-sec-main-title){float:left; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; text-shadow:4px 12px 0px #5c3a17;}
.ten-pin-bowling-game .sec-main-title.about-sec-main-title{font-size:60px;}


/* How to Work CSS Start */
.ten-pin-bowling-htw-sec .sec-head{margin:-50px auto 0px;}
.ten-pin-bowling-htw-sec .how-to-work-process{position:relative;}
.ten-pin-bowling-htw-sec .htw-process-card:before, .ten-pin-bowling-htw-sec .htw-process-card:after{display:none;}
.ten-pin-bowling-htw-sec .htw-process-card-outer:before, .ten-pin-bowling-htw-sec .htw-process-card-outer:after{display:none;}
.ten-pin-bowling-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.ten-pin-bowling-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.ten-pin-bowling-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.ten-pin-bowling-htw-sec .htw-process-wrap .col-left{max-width:58.3%;}
.ten-pin-bowling-htw-sec .cont-right .htw-process-wrap .col-right{padding-left:6%;}
.ten-pin-bowling-htw-sec .htw-process-bg-icon{position:absolute; float:left;}
.ten-pin-bowling-htw-sec .htw-process-bg-icon img{float:left;}
.ten-pin-bowling-htw-sec .htw-process-card-title-bar{margin-bottom:20px;}
.ten-pin-bowling-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:67px;}
.ten-pin-bowling-htw-sec .htw-process-card-list-item{color:var(--clr-base); font-size:27px; font-weight:500;}
.ten-pin-bowling-htw-sec .htw-process-card-list{margin:0px; padding-left:80px;}
.ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:17px;}
.ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:11px; width:6px; height:6px; background:var(--bg-base); border-radius:100%;}
.ten-pin-bowling-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.ten-pin-bowling-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(4px);opacity:0.34;border-radius:0;height:20px;bottom:-10px;left:-50px;right:-50px;width:calc(100% + 100px);z-index:1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-one{padding:140px 0px 190px;}
.ten-pin-bowling-htw-sec .how-to-work-process:not(.cont-right) .htw-process-wrap{flex-direction:row-reverse;}
.ten-pin-bowling-htw-sec .how-to-work-process:not(.cont-right) .htw-process-wrap .col-right{padding-right:6%;}
.ten-pin-bowling-htw-sec .outline-cont .htw-process-card-title{font-size:80px;}
.htw-process-card-title.outline{color:#ff2952; -webkit-text-stroke:0.06em #ff2952; text-shadow:0px 0px 5px #f02052, 0px 0px 15px #f02052; position:relative;}
.htw-process-card-title.outline::before{content:attr(data-content); -webkit-text-fill-color:#fff; -webkit-text-stroke:0; position:absolute;}
.ten-pin-bowling-htw-sec .outline-cont .htw-process-card-list-item{color:#fff;}
.ten-pin-bowling-htw-sec .outline-cont .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-two{padding:200px 0px 240px; background:#001a35 var(--htw-sec-bg) no-repeat center center; background-size:cover;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-two .left-top-icon{top:24%; left:5%; max-width:6%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-two .right-bottom-icon{bottom:17%; right:3%; max-width:6%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-two .left-bottom-icon{bottom:-7%; left:0; max-width:16%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three{padding:200px 0px 0px;}
.ten-pin-bowling-htw-sec .htw-process-wrap{position:relative; z-index:2;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-one .right-top-icon{top:-7%; right:-1%; max-width:9%;}
.ten-pin-bowling-htw-sec .htw-process-line-block{margin:0px 0px -18px; padding:0px 0px 0px 24px;}
.ten-pin-bowling-htw-sec .htw-process-line-fig{max-width:46.3%;}
.ten-pin-bowling-htw-sec .htw-process-wrap.wrap-two{flex-direction:row-reverse;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .right-bottom-icon{right:0; bottom:0; max-width:20%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-two .htw-process-line-block{padding:0px 24px 0px 0px;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-two .htw-process-line-fig{max-width:47.3%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-two .left-top-icon{top:20%; left:1%; max-width:9%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-two .right-top-icon{bottom:74%; right:-14%; max-width:22%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three .left-top-icon{top:-42%; left:-11%; max-width:24%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three{margin-bottom:-180px;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-four{padding:300px 0px 240px; background:#22113d var(--htw-sec-bg) no-repeat center top; background-size:cover;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .left-top-icon{left:-8%; top:-4%; max-width:11%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .right-bottom-icon{right:-10%; bottom:-13%; max-width:8%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-four .htw-process-wrap.wrap-two{flex-direction:row; margin-top:200px;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-two .right-bottom-icon{right:19%; bottom:17%; max-width:19%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five{padding:140px 0px 380px; background:#1e0e33 var(--htw-sec-bg) no-repeat center bottom; background-size:cover;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five .htw-process-wrap{flex-direction:column !important;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-full{max-width:100%; position:relative;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five .left-top-icon{left:3%; top:4%; max-width:7%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five .right-bottom-icon{right:5%; bottom:45%; max-width:7%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-five .right-bottom-icon2{right:0px; bottom:0px; max-width:18%;}
.ten-pin-bowling-htw-sec .screen-display-label-bar{border:2px solid #00ff89; --radius:2px; border-radius:var(--radius); box-shadow:0px 0px 15px #00ff89; margin-bottom:50px;}
.ten-pin-bowling-htw-sec .htw-process-card-title-bar-outer{border:8px solid #fff;}
.ten-pin-bowling-htw-sec .htw-process-card-title-bar-inner{border:2px solid #00ff89; padding:20px 40px; box-shadow:0px 0px 15px #00ff89 inset;}
.ten-pin-bowling-htw-sec .htw-process-theme-cont{float:left; width:100%; max-width:1109px; position:relative;}
.ten-pin-bowling-htw-sec .htw-options-cont-row{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.ten-pin-bowling-htw-sec .game-elements-cont-card-text{font-weight:400;}
.ten-pin-bowling-htw-sec .game-elements-cont-card-inner{min-height:70px; padding:10px 30px}
.ten-pin-bowling-htw-sec .pins-arr-card{left:-16%; top:10%; flex-direction:column;}
.pins-arr-card .game-elements-cont-card-inner{max-width:380px; min-height:100px;}
.pins-arr-card .game-elements-cont-card-inner:before{left:-9px;}
.pins-arr-card .game-elements-cont-card-inner:after{right:-9px;}
.pins-arr-card .game-elements-theme-arrow{padding-left:18.5%;}
.ten-pin-bowling-htw-sec .time-score-card{right:-14%; top:12%; flex-direction:column;}
.time-score-card .game-elements-cont-card-inner{max-width:384px;min-width:384px;}
.time-score-card .game-elements-cont-card-inner:before{left:-6px;}
.time-score-card .game-elements-cont-card-inner:after{right:-5px;}
.time-score-card .game-elements-theme-arrow{padding-left:55%; margin-bottom:-12%; z-index:1;}
.ten-pin-bowling-htw-sec .pause-card{right:-10%; bottom:-19%; flex-direction:column;}
.pause-card .game-elements-cont-card-inner{max-width:384px;min-width:384px;}
.pause-card .game-elements-cont-card-inner:before{left:-6px;}
.pause-card .game-elements-cont-card-inner:after{right:-5px;}
.pause-card .game-elements-theme-arrow{padding-left:21%; margin-bottom:-1%; z-index:1;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six{padding:190px 0px 70px;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-theme:after{display:none;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .col-left{max-width:56.8%;}
.ten-pin-bowling-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding-right:2%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap{align-items:flex-end;}
.ten-pin-bowling-htw-sec .htw-process-card{margin-bottom:10%;}
.ten-pin-bowling-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap.wrap-two{align-items:flex-start; flex-direction:row; margin-top:30px;} 
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-two .col-right{padding-left:2%; padding-right:0px; max-width:29.85%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .left-top-icon{left:-8%; top:-18%; max-width:9%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-six .right-bottom-icon{right:-1%; bottom:15%; max-width:9%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-seven{padding:70px 0px 240px;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .left-top-icon{left:-6%; top:-1%; max-width:9%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .right-bottom-icon{right:4%; bottom:-26%; max-width:9%;}
.ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .left-bottom-icon{left:0; bottom:0; max-width:20%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.ten-pin-bowling-game-expect-sec .game-expectation-sec-outer{background:var(--bg-dark) var(--game-expectation-bg) no-repeat center top; background-size:contain; padding:0px 0 120px;}
.ten-pin-bowling-game-expect-sec .sec-head{margin:-50px auto 50px;}
.ten-pin-bowling-game-expect-sec .game-expectation-list{--gap-item:30px; gap:40px var(--gap-item); padding:0 11%;}
.ten-pin-bowling-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.ten-pin-bowling-game-expect-sec .game-expectation-card{--radius:35px; border-radius:var(--radius); background:#000; padding:4px; border:4px solid #fff; box-shadow: 0px 0px 16px 4px rgba(255, 0, 111, 0.6);}
.ten-pin-bowling-game-expect-sec .game-expectation-card-outer{border-radius:calc(var(--radius) - 8px); margin:0px; padding:30px 19px; background:var(--bg-primary);}
.ten-pin-bowling-game-expect-sec .game-expect-icon-block{top:0px; margin-bottom:20px;}
.ten-pin-bowling-game-expect-sec .game-expect-card-fig{max-width:144px;}
.ten-pin-bowling-game-expect-sec .game-expect-card-title{font-size:30px; font-weight:700; color:#fff; text-transform:uppercase; text-align:center; margin-bottom:10px;}
.ten-pin-bowling-game-expect-sec .game-expect-details-item{font-weight:400; font-size:18px; color:#fff; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.ten-pin-bowling-game-summary-sec .game-summary-sec-outer{padding:100px 0px 190px; background:var(--game-summary-bg-left) no-repeat left bottom, var(--game-summary-bg-right) no-repeat right center, #e1e1e1; background-position:5% 80%, 95% 88%; background-size:26%, 17%;}
.ten-pin-bowling-game-summary-sec .game-summary-text{max-width:1410px; font-size:48px; color:#001a35; font-weight:500;}
.ten-pin-bowling-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
.ten-pin-bowling-game-summary-sec .game-summary-btn-bar:before{display:none;}
.ten-pin-bowling-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
/* Game Summary CSS End */

/*FAQ CSS Start */
.ten-pin-bowling-faq-sec .faq-sec-outer{padding:0px 0px 100px; background:var(--bg-dark);}
.ten-pin-bowling-faq-sec .sec-head{margin:-50px auto 90px;}
.ten-pin-bowling-faq-sec .sec-main-title{text-transform:inherit;}
.ten-pin-bowling-faq-sec .accordion-item{margin-bottom:20px;}
.ten-pin-bowling-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.ten-pin-bowling-faq-sec .accordion-card{border:none; padding:0px; background:#0483ca;}
.ten-pin-bowling-faq-sec .question-label{background:#facb49; width:68px; min-width:68px; height:60px; display:inline-flex; align-items:center; justify-content:center; font-size:40px; color:#001a35; margin-right:20px;}
.ten-pin-bowling-faq-sec .accordion-head{padding:12px 25px 11px 12px;}
.ten-pin-bowling-faq-sec .accordion-body{background:#fff; padding:0 50px 0 100px;}
.ten-pin-bowling-faq-sec .accordion-title{font-size:30px; font-weight:600; color:#fff; align-items:center;}
.ten-pin-bowling-faq-sec .answer-label, .ten-pin-bowling-faq-sec .accordion-text{font-size:24px; font-weight:500; color:#001a35;}
.ten-pin-bowling-faq-sec .accordion-text{flex:1;}
.ten-pin-bowling-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.ten-pin-bowling-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.ten-pin-bowling-faq-sec .accordion-icon{width:auto; min-width:inherit; height:auto; border-radius:0px; background:transparent;}
.ten-pin-bowling-faq-sec .accordion-icon .icon{color:#fff; font-size:18px;}
/*FAQ CSS End */

.ten-pin-bowling-game .footer{background:#031020;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .ten-pin-bowling-game .banner-logo .game-logo-fig{height:19vw;}
  .ten-pin-bowling-game .banner-sec-video{margin-bottom:-120px;}
  .ten-pin-bowling-game .sec-main-title.about-sec-main-title{font-size:52px;}
  .ten-pin-bowling-about-us-sec .about-us-text{font-size:30px;}
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{background-position:1% 18%, 100% 20%, 92% 86%, center bottom; background-size:114px, 114px, 300px, cover;}

  .ten-pin-bowling-game .sec-head-outer{max-width:681px;}
  .ten-pin-bowling-game .sec-main-title{font-size:62px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-one{padding:100px 0px 120px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title{font-size:58px;}
  .ten-pin-bowling-htw-sec .outline-cont .htw-process-card-title{font-size:72px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list-item{font-size:24px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list{padding-left:60px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two{padding:100px 0px 180px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two .left-top-icon{top:12%; left:1%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two .right-bottom-icon{bottom:5%; right:3%; max-width:5%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three{padding:120px 0px 0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-two .right-top-icon{bottom:78%; right:-9%; max-width:18%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three{margin-bottom:-140px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four{padding:240px 0px 100px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .left-top-icon{left:-3%; top:-8%; max-width:9%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .right-bottom-icon{bottom:-20%; right:-4%; max-width:6%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .htw-process-wrap.wrap-two{margin-top:120px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-two .right-bottom-icon{bottom:44%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five{padding:60px 0px 320px;}
  .ten-pin-bowling-htw-sec .pins-arr-card{max-width:300px; left:-7%;}
  .pins-arr-card .game-elements-theme-arrow{transform:scale(0.8); padding-left:0;}
  .game-elements-cont-card-inner:after{right:-8px;}
  .time-score-card .game-elements-theme-arrow{transform:scale(0.8);}
  .time-score-card .game-elements-cont-card-inner{max-width:294px; min-width:294px;}
  .ten-pin-bowling-htw-sec .time-score-card{right:-7%;}
  .ten-pin-bowling-htw-sec .pause-card{right:-4%;}
  .pause-card .game-elements-theme-arrow{transform:scale(0.8); padding-left:27%; margin-bottom:0;}
  .pause-card .game-elements-cont-card-inner{max-width:294px; min-width:294px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five .right-bottom-icon{bottom:34%; right:0;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six{padding:120px 0px 60px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .left-top-icon{left:-5%; top:-18%; max-width:8%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .left-top-icon{left:-5%; top:-8%;}

  .ten-pin-bowling-game-expect-sec .game-expectation-list{padding:0 6%;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-fig{max-width:124px;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-title{font-size:24px;}
  .ten-pin-bowling-game-expect-sec .game-expect-details-item{font-size:17px;}

  .ten-pin-bowling-game-summary-sec .game-summary-sec-outer{padding:70px 0px 140px;}
  .ten-pin-bowling-game-summary-sec .game-summary-text{font-size:38px;}

  .ten-pin-bowling-faq-sec .faq-sec-outer{padding:0px 0px 80px;}
  .ten-pin-bowling-faq-sec .sec-head{margin:-50px auto 70px;}
  .ten-pin-bowling-faq-sec .question-label{width:60px; min-width:60px; height:52px; font-size:32px;}
  .ten-pin-bowling-faq-sec .accordion-title{font-size:26px;}
  .ten-pin-bowling-faq-sec .answer-label, .ten-pin-bowling-faq-sec .accordion-text{font-size:22px;}
  .ten-pin-bowling-faq-sec .accordion-body{padding:0 50px 0 80px;}
  .ten-pin-bowling-faq-sec .accordion-cont-bar{min-height:90px;}
  .ten-pin-bowling-faq-sec .accordion-item{margin-bottom:15px;}
}

@media(max-width:1280px) {
  .ten-pin-bowling-game .banner-logo .game-logo-fig{height:21vw; max-width:33.85%;}
  .ten-pin-bowling-game .banner-sec-video{margin-bottom:-100px;}
  .ten-pin-bowling-game .banner-video-outer{--radius:26px;}
  .ten-pin-bowling-game .video-block{max-width:62.3%; padding:14px; border-width:3px;}
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{padding:160px 0px 100px;}
   .ten-pin-bowling-game .sec-main-title.about-sec-main-title{font-size:44px;}
  .ten-pin-bowling-about-us-sec .about-us-text{font-size:26px;}
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{background-position:1% 18%, 100% 20%, 92% 82%, center bottom; background-size:84px, 84px, 230px, cover;}
  .ten-pin-bowling-game .base-btn{padding:14px 20px; max-width:310px;}
  .ten-pin-bowling-game .btn-text{font-size:36px;}

  .ten-pin-bowling-htw-sec .sec-head{margin:-40px auto 0px;}
  .ten-pin-bowling-game .sec-head-outer{max-width:600px;}
  .ten-pin-bowling-game .sec-main-title{font-size:52px;}
  .ten-pin-bowling-game .sec-main-title:not(.about-sec-main-title){text-shadow:3px 8px 0px #5c3a17;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-one{padding:80px 0px 100px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title{font-size:50px;}
  .ten-pin-bowling-htw-sec .outline-cont .htw-process-card-title{font-size:64px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list{padding-left:50px;}
  .ten-pin-bowling-htw-sec .cont-right .htw-process-wrap .col-right{padding-left:5%;}
  .ten-pin-bowling-htw-sec .how-to-work-process:not(.cont-right) .htw-process-wrap .col-right{padding-right:5%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two{padding:80px 0px 140px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two .left-top-icon{top:14%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two .left-bottom-icon{max-width:13%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three{padding:100px 0px 0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three{margin-bottom:-110px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four{padding:200px 0px 80px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .left-top-icon{left:0;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .wrap-one .right-bottom-icon{bottom:-22%; right:-1%;}
  .ten-pin-bowling-htw-sec .htw-process-theme-cont{max-width:760px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five{padding:60px 0px 240px;}
  .ten-pin-bowling-htw-sec .pins-arr-card{max-width:260px; left:-13%;}
  .pins-arr-card .game-elements-cont-card-inner{max-width:260px; min-height:82px; padding:10px 10px;}
  .pins-arr-card .game-elements-cont-card-inner:before{left:-7px;}
  .pins-arr-card .game-elements-cont-card-inner:after{right:-7px;}
  .pins-arr-card .game-elements-theme-arrow{transform:scale(0.8); padding-left:0; margin-bottom:-7%;}
  .time-score-card .game-elements-theme-arrow{transform:scale(0.8); margin-bottom:-19%;}
  .ten-pin-bowling-htw-sec .game-elements-cont-card-inner{padding:10px 20px;}
  .ten-pin-bowling-htw-sec .time-score-card{right:-17%; top:7%;}
  .ten-pin-bowling-htw-sec .pause-card{right:-8%; bottom:-26%;}
  .pause-card .game-elements-theme-arrow{margin-bottom:-4%;}
  .ten-pin-bowling-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap .col-right{padding-right:2%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six{padding:90px 0px 40px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .left-top-icon{left:-1%; top:-15%; max-width:6%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .left-top-icon{left:-2%; top:-1%; max-width:6%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven{padding:50px 0px 170px;}

  .ten-pin-bowling-game-expect-sec .game-expectation-sec-outer{padding:0px 0 90px;}
  .ten-pin-bowling-game-expect-sec .game-expectation-list{padding:0px;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-fig{max-width:104px;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-title{font-size:21px;}
  .ten-pin-bowling-game-expect-sec .game-expect-details-item{font-size:16px;}
  .ten-pin-bowling-game-expect-sec .game-expectation-card-outer{padding:30px 20px;}

  .ten-pin-bowling-game-summary-sec .game-summary-sec-outer{padding:50px 0px 120px; background-position:0% 80%, 98% 88%;}
  .ten-pin-bowling-game-summary-sec .game-summary-text{font-size:34px;}
  .ten-pin-bowling-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .ten-pin-bowling-faq-sec .faq-sec-outer{padding:0px 0px 60px;}
  .ten-pin-bowling-faq-sec .sec-head{margin:-40px auto 50px;}
  .ten-pin-bowling-faq-sec .faq-block{padding:0px;}
  .ten-pin-bowling-faq-sec .question-label{width:50px; min-width:50px; height:42px; font-size:28px; margin-right:10px;}
  .ten-pin-bowling-faq-sec .accordion-title{font-size:24px;}
  .ten-pin-bowling-faq-sec .answer-label, .ten-pin-bowling-faq-sec .accordion-text{font-size:20px;}
  .ten-pin-bowling-faq-sec .accordion-body{padding:0 40px 0 60px;}
}

@media(max-width:1023px) {
  .ten-pin-bowling-game .banner-sec-video{margin-bottom:-80px;}
  .ten-pin-bowling-game .video-frame-shadow-bg{box-shadow:0px 0px 28px rgba(0, 216, 255, 1); max-width:62.3%;}
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{padding:130px 0px 80px;}
  .ten-pin-bowling-game .sec-main-title.about-sec-main-title{font-size:38px;}
  .ten-pin-bowling-about-us-sec .sec-head{margin-bottom:15px;}
  .ten-pin-bowling-about-us-sec .about-us-text{font-size:21px;}
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{background-position:1% 18%, 100% 20%, 100% 80%, center bottom; background-size:64px, 64px, 190px, cover;}
  .ten-pin-bowling-game .base-btn{padding:12px 20px; max-width:276px; border-radius:6px;}
  .ten-pin-bowling-game .btn-text{font-size:32px;}

  .ten-pin-bowling-htw-sec .htw-process-theme:after{filter:blur(3px); left:-40px; right:-40px; width:calc(100% + 80px);}
  .ten-pin-bowling-htw-sec .htw-process-card-title{font-size:42px; line-height:1em;}
  .ten-pin-bowling-htw-sec .htw-process-card-title-bar{margin-bottom:10px;}
  .ten-pin-bowling-game .sec-head-outer{max-width:486px;}
  .ten-pin-bowling-game .sec-main-title{font-size:44px;}
  .ten-pin-bowling-htw-sec .outline-cont .htw-process-card-title{font-size:50px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list{padding-left:20px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-one{padding:60px 0px 80px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:6px; width:4px; height:4px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two{padding:70px 0px 110px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three{padding:80px 0px 0px;}
  .ten-pin-bowling-htw-sec .htw-process-line-block{margin:0px 0px 2px; padding:0px 0px 0px 14px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three{margin-bottom:-90px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .htw-process-wrap.wrap-two{margin-top:70px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four{padding:160px 0px 60px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title-bar-outer{border-width:6px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title-bar-inner{box-shadow:0px 0px 12px #00ff89 inset;}
  .ten-pin-bowling-htw-sec .screen-display-label-bar{margin-bottom:40px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five{padding:60px 0px 170px;}
  .ten-pin-bowling-htw-sec .htw-process-theme-cont{max-width:580px;}
  .game-elements-cont-card .game-elements-theme-arrow{transform:scale(0.6); margin-bottom:-14%;}
  .ten-pin-bowling-htw-sec .game-elements-cont-card-inner{min-height:50px; padding:10px 10px;}
  .time-score-card .game-elements-cont-card-inner:before, .pins-arr-card .game-elements-cont-card-inner:before, .pause-card .game-elements-cont-card-inner:before{left:-4px;}
  .time-score-card .game-elements-cont-card-inner:after, .pins-arr-card .game-elements-cont-card-inner:after, .pause-card .game-elements-cont-card-inner:after{right:-4px;}
  .ten-pin-bowling-htw-sec .time-score-card{right:-16%; top:4%;}
  .ten-pin-bowling-htw-sec .pins-arr-card{max-width:230px; left:-15%; top:2%;}
  .time-score-card .game-elements-cont-card-inner{max-width:224px; min-width:224px;}
  .pause-card .game-elements-cont-card-inner{max-width:224px; min-width:224px;}
  .ten-pin-bowling-htw-sec .pause-card{right:-7%; bottom:-21%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-two .col-right{max-width:32%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven{padding:30px 0px 130px;}

  .ten-pin-bowling-game-expect-sec .game-expectation-sec-outer{padding:0px 0 60px;}
  .ten-pin-bowling-game-expect-sec .sec-head{margin:-30px auto 40px;}
  .ten-pin-bowling-game-expect-sec .game-expectation-card{padding:4px; border-width:3px;}
  .ten-pin-bowling-game-expect-sec .game-expectation-card-outer{padding:20px 11px;}
  .ten-pin-bowling-game-expect-sec .game-expect-icon-block{margin-top:0px;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-title{font-size:17px;}

  .ten-pin-bowling-game-summary-sec .game-summary-text{font-size:25px;}

  .ten-pin-bowling-faq-sec .faq-sec-outer{padding:0px 0px 40px;}
  .ten-pin-bowling-faq-sec .sec-head{margin:-30px auto 40px;}
  .ten-pin-bowling-faq-sec .accordion-title{font-size:22px;}
  .ten-pin-bowling-faq-sec .answer-label, .ten-pin-bowling-faq-sec .accordion-text{font-size:17px;}
  .ten-pin-bowling-faq-sec .accordion-body{padding:0 30px 0 40px;}
  .ten-pin-bowling-faq-sec .accordion-cont-bar{min-height:80px; padding:10px 0;}
}

@media(max-width:767px) {
  .ten-pin-bowling-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .ten-pin-bowling-game .banner-logo .game-logo-fig{height:38vw; max-width:65%; margin-top:-8.5%;}
  .ten-pin-bowling-game .banner-video-outer{--radius:18px;}
  .ten-pin-bowling-game .video-frame-shadow-bg{max-width:86%; box-shadow:0px 0px 23px rgba(0, 216, 255, 1);}
  .ten-pin-bowling-game .video-block{max-width:86%; padding:4px; border-width:3px;}
  .ten-pin-bowling-game .video-poster, .ten-pin-bowling-game .client-video{border-radius:calc(var(--radius) - 7px);}
  .ten-pin-bowling-game .banner-sec-video{margin-bottom:-40px;}
  .ten-pin-bowling-game .video-frame-shadow-bottom{display:none;}

  .ten-pin-bowling-about-us-sec .about-us-sec-outer{background:var(--about-us-bg-left) no-repeat, var(--about-us-bg-right) no-repeat, var(--about-us-bg-bottom) no-repeat, var(--about-us-bg-mob) no-repeat; background-position:1% 18%, 100% 10%, 100% 90%, center top; background-size:38px, 36px, 100px, cover; padding:60px 0px 40px; border-bottom:none;}
  .ten-pin-bowling-game .sec-main-title.about-sec-main-title{font-size:24px;}
  .ten-pin-bowling-about-us-sec .about-us-text{font-size:16px; font-weight:400; padding:0px 7px;}
  .ten-pin-bowling-game .base-btn{padding:10px 20px; max-width:156px; border-radius:4px;}
  .ten-pin-bowling-game .btn-text{font-size:20px;}

  .ten-pin-bowling-game .sec-main-title{font-size:22px;}
  .ten-pin-bowling-game .sec-main-title:not(.about-sec-main-title){text-shadow:1px 4px 0px #5c3a17;}
  .ten-pin-bowling-game .sec-head-outer{max-width:256px;}
  .ten-pin-bowling-htw-sec .sec-head{margin:-13px auto 0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-one{padding:30px 0px 40px;}
  .ten-pin-bowling-htw-sec .htw-process-wrap{flex-direction:column-reverse;}
  .ten-pin-bowling-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 5px;}
  .ten-pin-bowling-htw-sec .htw-process-wrap .col-right, .ten-pin-bowling-htw-sec .cont-right .htw-process-wrap .col-right{padding:0px !important;}
  .ten-pin-bowling-htw-sec .htw-process-card{margin:0px 0px 10px 0px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title, .ten-pin-bowling-htw-sec .outline-cont .htw-process-card-title{font-size:30px;}
  .ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px; text-align:center;}
  .ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .ten-pin-bowling-htw-sec .htw-process-card-list, .ten-pin-bowling-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:0px;}
  .ten-pin-bowling-htw-sec .htw-process-theme:after{display:block; opacity:0.2; filter:blur(2px); height:12px; bottom:-7px;}
  .ten-pin-bowling-htw-sec .how-to-work-process:not(.cont-right) .htw-process-wrap{flex-direction:column-reverse;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-two{background:#001a35; padding:40px 0px;}
  .ten-pin-bowling-htw-sec .htw-process-bg-icon{display:none;}
  .ten-pin-bowling-htw-sec .htw-process-line-block{display:none;}
  .ten-pin-bowling-htw-sec .htw-process-card-title br{display:none;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three{padding:40px 0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-three .wrap-three{margin:0px;}
  .ten-pin-bowling-htw-sec .htw-process-wrap.wrap-two .col-left{margin:20px 0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four{padding:40px 0px 20px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-four .htw-process-wrap.wrap-two{margin-top:0px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title-bar-outer{border-width:4px;}
  .ten-pin-bowling-htw-sec .htw-process-card-title-bar-inner{padding:16px 15px; box-shadow:0px 0px 9px #00ff89 inset;}
  .ten-pin-bowling-htw-sec .screen-display-label-bar{box-shadow:0px 0px 9px #00ff89; margin-bottom:30px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{display:block;}
  .ten-pin-bowling-htw-sec .htw-process-theme-cont{max-width:100%; padding:0 40px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five{padding:50px 0px 120px;}
  .game-elements-cont-card .game-elements-theme-arrow{transform:scale(0.32); }
  .ten-pin-bowling-htw-sec .pins-arr-card{max-width:160px; left:-2%; top:-25%;}
  .game-elements-cont-card.pins-arr-card .game-elements-theme-arrow{transform:scale(0.3); margin-bottom:-30%; margin-left:-20%;}
  .ten-pin-bowling-htw-sec .time-score-card{right:-2%; top:-10%;}
  .game-elements-cont-card.time-score-card .game-elements-theme-arrow{margin-bottom:-21%; right:-20%; position:relative;}
  .time-score-card .game-elements-cont-card-inner:before, .pins-arr-card .game-elements-cont-card-inner:before, .pause-card .game-elements-cont-card-inner:before{left:-3px;}
  .time-score-card .game-elements-cont-card-inner:after, .pins-arr-card .game-elements-cont-card-inner:after, .pause-card .game-elements-cont-card-inner:after{right:-3px;}
  .ten-pin-bowling-htw-sec .game-elements-cont-card-inner{max-width:160px; min-width:160px; min-height:32px; padding:7px 10px;}
  .game-elements-cont-card.pause-card .game-elements-cont-card-inner{max-width:170px; min-width:170px;}
  .ten-pin-bowling-htw-sec .pause-card{right:0; bottom:-30%;}
  .pause-card .game-elements-theme-arrow{padding-left:42%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five{background-size:100% 205px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-five .right-bottom-icon2{max-width:15%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six{padding:40px 0px 10px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon{display:block;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-one .col-left{display:flex; align-items:flex-end; gap:0px 10px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-one .mob-fig{flex:0 0 40%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-two .col-left{max-width:60%; margin:0px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .htw-process-wrap.wrap-two .col-right{max-width:28%; padding-left:5px !important;}
  .ten-pin-bowling-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap.wrap-two{margin-top:10px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .left-top-icon{max-width:12%; left:-1%; top:-4%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-six .right-bottom-icon{max-width:12%; bottom:43%;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven{padding:30px 0px 60px;}
  .ten-pin-bowling-htw-sec .how-to-work-process-sec-seven .left-bottom-icon{display:block; max-width:11%;}

  .ten-pin-bowling-game-expect-sec .game-expectation-sec-outer{padding:0px 0 30px;}
  .ten-pin-bowling-game-expect-sec .sec-head{margin:-15px auto 20px;}
  .ten-pin-bowling-game-expect-sec .owl-item{ margin:20px 0px;}
  .ten-pin-bowling-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .ten-pin-bowling-game-expect-sec .game-expectation-card{--radius:20px; box-shadow:0px 0px 7px 3px rgba(255, 0, 111, 0.6);}
  .ten-pin-bowling-game-expect-sec .game-expectation-card-outer{padding:10px 8px 15px;}
  .ten-pin-bowling-game-expect-sec .game-expect-card-title{font-size:22px;}
  .ten-pin-bowling-game-expect-sec .game-expect-details-item{font-size:14px;}
  .ten-pin-bowling-game .owl-carousel .owl-dot span{background:transparent;}
  .ten-pin-bowling-game .owl-carousel .owl-dot.active span{background:#fff;}

  .ten-pin-bowling-game-summary-sec .game-summary-sec-outer{padding:30px 0px 40px; background:var(--game-summary-bg-left-mob) no-repeat, var(--game-summary-bg-right-mob) no-repeat, #e1e1e1; background-position:6% 88%, 98% 88%; background-size:17%, 20%;}
  .ten-pin-bowling-game-summary-sec .game-summary-text{font-size:20px;}
  .ten-pin-bowling-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .ten-pin-bowling-faq-sec .sec-head{margin:-15px auto 20px;}
  .ten-pin-bowling-faq-sec .accordion-head{padding:10px;}
  .ten-pin-bowling-faq-sec .accordion-title{font-size:16px;}
  .ten-pin-bowling-faq-sec .answer-label, .ten-pin-bowling-faq-sec .accordion-text{font-size:14px;}
  .ten-pin-bowling-faq-sec .question-label{width:48px; min-width:48px; height:40px; font-size:26px;}
  .ten-pin-bowling-faq-sec .accordion-icon .icon{font-size:12px;}
  .ten-pin-bowling-faq-sec .accordion-item{margin-bottom:10px;}
  .ten-pin-bowling-faq-sec .accordion-body{padding:0 10px 0 70px;}
}
@media(max-width:374px) {
  .ten-pin-bowling-about-us-sec .about-us-sec-outer{background-position:-1% 14%, 100% 10%, 100% 90%, center top;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Ten Pin Bowling Game CSS End // ***************************** */




/* ***************************** // Hoops Galore Game CSS Start // ***************************** */
.hoops-galore-game {
/*Colors*/
--clr-base:#0a9af9;
--clr-dark:#06356d;
--clr-primary:#0c3e7b;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#f6f6f6;
--bg-primary:#2196f3;
--bg-dark:#001a35;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Geogrotesque', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'Geogrotesque', sans-serif;
}
.hoops-galore-game .base-btn{float:left; width:100%; background:var(--bg-primary); padding:17px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:426px;}
.hoops-galore-game .btn-text{position:unset; width:auto; font-size:53px; color:#fff; font-weight:500;text-transform:inherit;}
.hoops-galore-game .btn-icon{float:left; width:100%; max-width:58px; margin-left:24px; display:inline-flex; align-items:center;}


.hoops-galore-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.hg-outdoor-game .banner-sec{background-color:#001627; background-size:100% auto;}
.hoops-galore-game .banner-sec-outer{background:transparent; padding:0px;}
.hoops-galore-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.hoops-galore-game .banner-logo .game-logo-fig{max-width:29%; margin:40px 0px 80px;}
.hg-outdoor-game .game-logo-fig img{filter:drop-shadow(0px 0px 62px rgba(0, 150, 255, 1.0));}

.hoops-galore-game .banner-sec-video{background:transparent;}
.hoops-galore-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; --radius:34px;}
.hoops-galore-game .video-block{max-width:57.3%; margin:0 auto; border-radius:var(--radius); background:#000; border:5px solid #fff; padding:20px; overflow:inherit;}
.hoops-galore-game .video-iframe{padding-bottom:56.5%;}
.hoops-galore-game .video-poster, .hoops-galore-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 12px);}
.hoops-galore-game .video-frame-shadow-bottom{position:absolute; opacity:0.6; height:20px; bottom:-15px; margin:0 auto; left:-8%; right:-8%; width:calc(57.3% + 16%); border-radius:100%; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}

.hoops-galore-about-us-sec{padding:50px 0px 40px;}
.hoops-galore-about-us-sec .sec-head{margin-bottom:30px;}
.hoops-galore-about-us-sec .about-us-text{font-size:32px; color:#fff; font-weight:500; text-align:center; max-width:1290px;}
.hoops-galore-about-us-sec .btn-bar{margin-top:50px;}

.hoops-galore-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.hoops-galore-game .sec-head-outer{float:left; width:100%; max-width:787px; display:flex; align-items:center; justify-content:center; position:relative;}
.hoops-galore-game .sec-main-title{font-size:75px; font-weight:900; line-height:0.85em; display:inline-block; color:var(--clr-primary); text-transform:uppercase;}
.hoops-galore-game .about-sec-head .sec-main-title{font-size:55px; color:#fff;}

/* How to Work CSS Start */
.hoops-galore-htw-sec .container{max-width:1400px;}
.hoops-galore-htw-sec .how-to-work-process{position:relative;}
.hoops-galore-htw-sec .htw-process-card:before, .hoops-galore-htw-sec .htw-process-card:after{display:none;}
.hoops-galore-htw-sec .htw-process-card-outer:before, .hoops-galore-htw-sec .htw-process-card-outer:after{display:none;}
.hoops-galore-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.hoops-galore-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.hoops-galore-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.hoops-galore-htw-sec .htw-process-wrap .col-left{max-width:58.8%;}
.hoops-galore-htw-sec .htw-process-bg-icon{position:absolute; float:left;}
.hoops-galore-htw-sec .htw-process-bg-icon img{float:left;}
.hoops-galore-htw-sec .htw-process-num{float:left; width:100%; margin:0 0 10px 0; font-size:205px; font-family:var(--font-base1); font-weight:700; line-height:0.85em; color:var(--clr-base); justify-content:flex-end;}
.hoops-galore-htw-sec .htw-process-card-title-bar{text-align:right;}
.hoops-galore-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:75px; font-weight:900; display:inline-block; text-align:left;}
.hoops-galore-htw-sec .initiate-card .htw-process-card-title{font-size:54px;}
.hoops-galore-htw-sec .initiate-card .htw-process-card-list{padding-left:40px;}
.hoops-galore-htw-sec .htw-process-card-list-item{font-family:var(--font-base1); font-weight:500; color:#1e1e1e; font-size:22px;}
.hoops-galore-htw-sec .htw-process-card-list{margin:0px; padding-left:80px;}
.hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:10px; width:4px; height:4px; background:#1e1e1e; border-radius:100%;}
.hoops-galore-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.hoops-galore-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(0.5px); opacity:0.5; border-radius:100%; height:10px; bottom:-6px; left:-30px; right:-30px; width:calc(100% + 60px);z-index:1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}
.hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{right:0; top:0px; max-width:25%;}
.hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon.icon-2{top:80%; max-width:19%;}
.hoops-galore-htw-sec .how-to-work-process-sec-one{padding:120px 0px;}
.hoops-galore-htw-sec .game-play-card .htw-process-card-list-block{display:flex; justify-content:flex-end;}
.hoops-galore-htw-sec .game-play-card .htw-process-card-list{width:auto;}
.hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-wrap{align-items:flex-start;}
.hoops-galore-htw-sec .how-to-work-process-sec-one .col-right{padding-left:2%;}
.hoops-galore-htw-sec .htw-process-full-sec{background:var(--bg-primary); position:relative; z-index:5;}
.hoops-galore-htw-sec .how-to-work-process-sec-two{padding:120px 0px;}
.hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{left:0px; top:0px; max-width:25%;}
.hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon img{transform:scaleX(-1);}
.hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-wrap:first-child{flex-direction:row-reverse;}
.hoops-galore-htw-sec .htw-process-full-sec .htw-process-num{color:#fff;}
.hoops-galore-htw-sec .how-to-work-process-sec-two .col-right{padding-right:2%;}
.hoops-galore-htw-sec .cont-left .htw-process-num{justify-content:flex-start;}
.hoops-galore-htw-sec .cont-left .htw-process-card-title-bar{text-align:left;}
.hoops-galore-htw-sec .cont-left .htw-process-card-list{padding-left:50px;}
.hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-theme-icon{position:relative; z-index:5; left:-18%; margin-top:-22%; right:auto; top:0; bottom:auto; max-width:65.8%;}
.hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-wrap:nth-child(2) .col-right{padding:0px;}
.hoops-galore-htw-sec .how-to-work-process-sec-three .col-right{padding-left:5.5%;}
.hoops-galore-htw-sec .shoot-card .htw-process-num{justify-content:flex-end;}
.hoops-galore-htw-sec .how-to-work-process-sec-three .icon-1{top:0; right:0; max-width:25%;}
.hoops-galore-htw-sec .how-to-work-process-sec-three .icon-2{top:26%; max-width:31%;}
.hoops-galore-htw-sec .how-to-work-process-sec-three .icon-3{top:auto; bottom:0; right:0; max-width:31%;}
.hoops-galore-htw-sec .how-to-work-process-sec-three{padding:120px 0px 240px;}
.hoops-galore-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-child(2){flex-direction:row-reverse; padding:200px 0px;}
.hoops-galore-htw-sec .how-to-work-process-sec-four{padding:50px 0px 200px;}
.hoops-galore-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{top:0; left:0; max-width:10%;}
.hoops-galore-htw-sec .htw-process-wrap .col-full{max-width:100%; position:relative;}
.hoops-galore-htw-sec .how-to-work-process-sec-four .htw-process-wrap{justify-content:center;}
.hoops-galore-htw-sec .how-to-work-process-sec-four .screen-display-card{margin-bottom:160px;}
.hoops-galore-htw-sec .screen-display-card .htw-process-num{justify-content:center;}
.hoops-galore-htw-sec .screen-display-card .htw-process-card-title, .hoops-galore-htw-sec .screen-display-card .htw-process-card-title-bar{text-align:center;}
.hoops-galore-htw-sec .htw-process-theme-cont{float:left; width:100%; max-width:1144px; position:relative;}
.hoops-galore-htw-sec .htw-options-cont-row{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.hoops-galore-htw-sec .game-elements-cont-card-inner{min-height:108px; padding:10px 30px; max-width:510px;}
.hoops-galore-htw-sec .streak-meter-card{left:17%; top:-18%;}
.hoops-galore-htw-sec .streak-meter-card .game-elements-theme-arrow{position:relative; margin-top:8%; margin-right:4px;}
.hoops-galore-htw-sec .balls-arrangement-card{left:-16%; top:35%; flex-direction:column-reverse;}
.hoops-galore-htw-sec .balls-arrangement-card .game-elements-theme-arrow{position:relative; z-index:1; margin-top:-16px; margin-left:100px;}
.hoops-galore-htw-sec .time-score-card{right:-14%; top:7%; flex-direction:column;}
.hoops-galore-htw-sec .time-score-card .game-elements-theme-arrow{position:relative; z-index:1; padding-left:0px; margin-left:33%; margin-bottom:-30px;}
.hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{max-width:282px; min-width:282px; min-height:80px; padding:10px 10px;}
.hoops-galore-htw-sec .wind-card{right:16.5%; top:7%; flex-direction:column;}
.hoops-galore-htw-sec .wind-card .game-elements-theme-arrow{position:relative; z-index:1; padding-left:0px; margin-left:33%; margin-bottom:-10px;}
.hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner{max-width:440px; min-height:72px; padding:10px 10px;}
.hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner:before{left:-6px;}
.hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner:after{right:-7px;}
.hoops-galore-htw-sec .rack-card{right:-13%; top:47%; flex-direction:column;}
.hoops-galore-htw-sec .rack-card .game-elements-theme-arrow{position:relative; margin-left:17%;}
.hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner{max-width:200px; min-width:200px; min-height:80px; padding:10px 10px;}
.hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:before{left:-7px;}
.hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:after{right:-7px;}
.hoops-galore-htw-sec .rack-card .game-elements-cont-card-title{text-align:center;}
.hoops-galore-htw-sec .pause-card{right:0; top:90%; flex-direction:column;}
.hoops-galore-htw-sec .pause-card .game-elements-theme-arrow{position:relative; margin-left:21%; padding-left:0px; margin-bottom:-20px;}
.hoops-galore-htw-sec .pause-card .game-elements-cont-card-inner{max-width:350px; min-width:350px;}
.hoops-galore-htw-sec .how-to-work-process-sec-five{padding:120px 0px;}
.hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{left:0; top:0; max-width:25%;}
.hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon:not(.icon-2) img{transform:scaleX(-1);}
.hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-wrap{flex-direction:row-reverse;}
.hoops-galore-htw-sec .how-to-work-process-sec-five .col-right{padding-right:1%;}
.hoops-galore-htw-sec .scoring-system-card .htw-process-card-title, .hoops-galore-htw-sec .streak-bonus-card .htw-process-card-title{font-size:64px;}
.hoops-galore-htw-sec .how-to-work-process-sec-six{padding:120px 0px;}
.hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon:not(.icon-2){right:0; top:0; max-width:25%;}
.hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-2{top:-20%; background:var(--bg-body); padding-top:20px; max-width:16%;}
.hoops-galore-htw-sec .how-to-work-process-sec-six .col-right{padding-left:5.5%;}
.hoops-galore-htw-sec .how-to-work-process-sec-seven{padding:120px 0px 130px;}
.hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{left:0; top:0;}
.hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon:not(.icon-2) img{transform:scaleX(-1);}
.hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-wrap{flex-direction:row-reverse;}
.hoops-galore-htw-sec .how-to-work-process-sec-seven .col-right{padding-right:2%;}
.hoops-galore-htw-sec .game-summary-card .htw-process-card-title{font-size:66px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.hoops-galore-game-expect-sec .game-expectation-sec-outer{background:var(--bg-base) var(--game-expectation-bg) no-repeat center bottom; background-size:100% auto; padding:60px 0 100px;}
.hoops-galore-game-expect-sec .sec-head{margin:0px auto 70px;}
.hoops-galore-game-expect-sec .game-expectation-list{--gap-item:30px; gap:40px var(--gap-item);}
.hoops-galore-game-expect-sec .game-expectation-item{margin-top:90px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.hoops-galore-game-expect-sec .game-expectation-card-outer{border-radius:30px; margin:0px; padding:0px 32px 30px; background:#0c3e7b; min-height:382px;}
.hoops-galore-game-expect-sec .game-expect-icon-block{top:0px; margin:-85px auto 50px;}
.hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:158px; max-width:inherit; width:var(--circle-size); height:var(--circle-size); border:7px solid #fff; border-radius:100%; background:var(--bg-primary); padding:15px;}
.hg-outdoor-game .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:168px; padding:0px;}
.hoops-galore-game-expect-sec .game-expect-card-title{font-size:28px; font-family:var(--font-base1); font-weight:700; color:#fff; text-transform:uppercase; text-align:center; margin-bottom:50px;}
.hoops-galore-game-expect-sec .game-expect-details-item{font-family:var(--font-base1); font-weight:500; font-size:18px; color:#fff; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.hoops-galore-game-summary-sec .game-summary-sec-outer{padding:100px 0px 50px; background:var(--game-summary-bg) no-repeat center top; background-size:100% 100%;}
.hoops-galore-game-summary-sec .game-summary-text{font-size:40px; color:#fff; font-family:var(--font-base1); font-weight:500; max-width:100%; padding:0 60px;}
.hoops-galore-game-summary-sec .game-summary-btn-bar{padding-top:80px;}
.hoops-galore-game-summary-sec .game-summary-btn-bar:before{display:none;}

/* Game Summary CSS End */

/*FAQ CSS Start */
.hoops-galore-faq-sec .faq-sec-outer{padding:70px 0px 120px; background:var(--faq-bg) no-repeat center bottom; background-size:100% 100%;}
.hoops-galore-faq-sec .sec-head{margin:0px auto 70px;}
.hoops-galore-faq-sec .sec-main-title{text-transform:inherit; color:#fff;}
.hoops-galore-faq-sec .accordion-card{border-color:rgba(255, 255, 255, 0.5); background:rgba(0, 0, 0, 0.4);}
.hoops-galore-faq-sec .accordion-title{font-weight:700; font-size:36px;}
.hoops-galore-faq-sec .accordion-body{padding:0 60px 0 110px;}
.hoops-galore-faq-sec .answer-label{margin-right:5px;margin-bottom:auto;}
.hoops-galore-faq-sec .accordion-text{flex:1;}
.hoops-galore-faq-sec .accordion-text, .hoops-galore-faq-sec .answer-label{font-family:var(--font-base1); font-weight:500; color:var(--clr-primary); font-size:31px;}
.hoops-galore-faq-sec .accordion-icon{--circle-size:34px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.hoops-galore-faq-sec .accordion-icon .icon{color:#fff; font-size:16px;}
.hoops-galore-faq-sec .is-open .accordion-icon{background:#004eab;}
.hoops-galore-faq-sec .is-open .accordion-icon .icon{color:#fff;}
.hoops-galore-faq-sec .is-open .accordion-title{color:var(--clr-primary);}
.hoops-galore-faq-sec .is-open .accordion-card{background:#fff;}
/*FAQ CSS End */

.hoops-galore-game .footer{background:#151324;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .hoops-galore-game .banner-logo .game-logo-fig{max-width:32%; margin:30px 0px 60px;}
  .hoops-galore-game .video-block{max-width:68%;}
  .hoops-galore-game .video-frame-shadow-bottom{width:calc(68% + 16%);}
  .hoops-galore-game .about-sec-head .sec-main-title{font-size:46px;}
  .hoops-galore-about-us-sec .about-us-text{font-size:28px; max-width:1120px;}
  .hoops-galore-game .base-btn{max-width:376px;}
  .hoops-galore-game .btn-text{font-size:42px}
  .hoops-galore-game .btn-icon{max-width:50px;}

  .hoops-galore-htw-sec .htw-process-wrap{padding:0 40px;}
  .hoops-galore-htw-sec .htw-process-wrap .col-left{max-width:54%;}
  .hoops-galore-htw-sec .htw-process-num{font-size:176px;}
  .hoops-galore-htw-sec .htw-process-card-title{font-size:66px;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-title{font-size:50px;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one{padding:100px 0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{max-width:27%;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-list{padding-left:60px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-two{padding:100px 0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{max-width:29%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .col-right{padding-left:11%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three{padding:100px 0px 200px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-child(2){padding:160px 40px;}
  .hoops-galore-htw-sec .game-elements-cont-card-inner{max-width:430px;}
  .hoops-galore-htw-sec .game-elements-theme-arrow{transform:scale(0.8);}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-theme-arrow{margin-top:10%; margin-right:0px;}
  .hoops-galore-htw-sec .streak-meter-card{top:-15%;}
  .hoops-galore-htw-sec .balls-arrangement-card{left:-5%; top:37.5%;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-theme-arrow{margin-top:-25px; margin-left:0;}
  .hoops-galore-htw-sec .wind-card{right:20.5%; top:5%; flex-direction:column;}
  .hoops-galore-htw-sec .time-score-card{right:-6%;}
  .hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{max-width:246px; min-width:246px;}
  .hoops-galore-htw-sec .time-score-card .game-elements-theme-arrow{margin-left:47%;}
  .hoops-galore-htw-sec .rack-card{right:-5.5%;}
  .hoops-galore-htw-sec .rack-card .game-elements-theme-arrow{margin-left:20%; margin-bottom:-32px; z-index:1;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner{max-width:160px; min-width:160px;}
  .hoops-galore-htw-sec .pause-card .game-elements-cont-card-inner{max-width:310px; min-width:310px;}
  .hoops-galore-htw-sec .pause-card{top:87%;}
  .hoops-galore-htw-sec .pause-card .game-elements-theme-arrow{margin-left:17%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{max-width:27%;}
  .hoops-galore-htw-sec .scoring-system-card .htw-process-card-title, .hoops-galore-htw-sec .streak-bonus-card .htw-process-card-title{font-size:62px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-2{top:-16%; max-width:18%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six{padding:100px 0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon:not(.icon-2){max-width:29%;}
  .hoops-galore-htw-sec .game-summary-card .htw-process-card-title{font-size:62px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{max-width:27%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven{padding:100px 0px 110px;}

  .hoops-galore-game-expect-sec .sec-head{margin:0px auto 60px;}
  .hoops-galore-game .sec-main-title{font-size:66px;}
  .hoops-galore-game-expect-sec .game-expectation-item{margin-top:80px;}
  .hoops-galore-game-expect-sec .game-expect-icon-block{margin:-80px auto 40px;}
  .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:148px; border-width:5px;}
  .hg-outdoor-game .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:148px;}
  .hoops-galore-game-expect-sec .game-expect-card-title{font-size:24px; margin-bottom:40px;}
  .hoops-galore-game-expect-sec .game-expectation-card-outer{padding:0px 18px 30px; min-height:310px;}

  .hoops-galore-game-summary-sec .game-summary-sec-outer{padding:80px 0px 40px;}
  .hoops-galore-game-summary-sec .game-summary-text{font-size:34px;}
  .hoops-galore-game-summary-sec .game-summary-btn-bar{padding-top:60px;}

  .hoops-galore-faq-sec .faq-sec-outer{padding:50px 0px 80px;}
  .hoops-galore-faq-sec .sec-head{margin-bottom:50px;}
  .hoops-galore-faq-sec .accordion-title{font-size:31px;}
  .hoops-galore-faq-sec .accordion-text, .hoops-galore-faq-sec .answer-label{font-size:25px;}
  .hoops-galore-faq-sec .accordion-body{padding:0 60px 0 100px;}
}

@media(max-width:1280px) {
  .hoops-galore-game .banner-logo .game-logo-fig{max-width:36%; margin:30px 0px 50px;}
  .hoops-galore-about-us-sec .sec-head{margin-bottom:20px;}
  .hoops-galore-about-us-sec{padding:40px 0px;}
  .hoops-galore-game .about-sec-head .sec-main-title{font-size:40px;}
  .hoops-galore-about-us-sec .about-us-text{font-size:24px; max-width:100%;}
  .hoops-galore-game .base-btn{max-width:326px;}
  .hoops-galore-game .btn-text{font-size:38px}
  .hoops-galore-game .btn-icon{max-width:44px;}
  .hoops-galore-about-us-sec .btn-bar{margin-top:40px;}

  .hoops-galore-htw-sec .htw-process-wrap{padding:0 30px;}
  .hoops-galore-htw-sec .htw-process-num{font-size:146px;}
  .hoops-galore-htw-sec .htw-process-card-title{font-size:56px;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-title{font-size:40px;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-list{padding-left:40px;}
  .hoops-galore-htw-sec .htw-process-card-list{padding-left:40px;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{max-width:30%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{max-width:32%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .icon-1{max-width:32%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .col-right{padding-left:7%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three{padding:100px 0px 140px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .icon-3{max-width:40%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-child(2){padding:130px 30px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .screen-display-card{margin-bottom:140px;}
  .hoops-galore-htw-sec .htw-process-theme-cont{max-width:864px;}
  .hoops-galore-htw-sec .game-elements-cont-card-inner{max-width:354px; padding:10px 10px; min-height:103px;}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-theme-arrow{margin-top:5%;}
  .hoops-galore-htw-sec .streak-meter-card{top:-20%;}
  .hoops-galore-htw-sec .balls-arrangement-card{left:-8%; top:29.5%;}
  .hoops-galore-htw-sec .time-score-card{right:-9%; top:4%;}
  .hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{max-width:216px; min-width:216px;}
  .hoops-galore-htw-sec .wind-card{top:4%;}
  .hoops-galore-htw-sec .wind-card .game-elements-theme-arrow{margin-left:38%; margin-bottom:-20px;}
  .hoops-galore-htw-sec .rack-card{right:-9%; top:45%;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner{max-width:130px; min-width:130px;}
  .hoops-galore-htw-sec .pause-card .game-elements-cont-card-inner{max-width:240px; min-width:240px;}
  .hoops-galore-htw-sec .pause-card{right:3%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-five{padding:100px 0px;}
  .hoops-galore-htw-sec .scoring-system-card .htw-process-card-title, .hoops-galore-htw-sec .streak-bonus-card .htw-process-card-title{font-size:50px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six{padding:80px 0px;}
  .hoops-galore-htw-sec .game-summary-card .htw-process-card-title{font-size:50px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{max-width:29.7%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven{padding:80px 0px 90px;}

  .hoops-galore-game-expect-sec .sec-head{margin:0px auto 40px;}
  .hoops-galore-game .sec-main-title{font-size:56px;}
  .hoops-galore-game-expect-sec .game-expectation-sec-outer{padding:40px 0 70px;}
  .hoops-galore-game-expect-sec .game-expectation-item{margin-top:70px;}
  .hoops-galore-game-expect-sec .game-expect-icon-block{margin:-70px auto 30px;}
  .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:136px;}
  .hg-outdoor-game .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:136px;}
  .hoops-galore-game-expect-sec .game-expect-card-title{font-size:20px; margin-bottom:20px;}
  .hoops-galore-game-expect-sec .game-expect-details-item{font-size:17px;}
  .hoops-galore-game-expect-sec .game-expectation-card-outer{padding:0px 20px 30px; min-height:270px;}

  .hoops-galore-game-summary-sec .game-summary-sec-outer{padding:60px 0px 40px;}
  .hoops-galore-game-summary-sec .game-summary-text{font-size:28px;}
  .hoops-galore-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .hoops-galore-faq-sec .faq-sec-outer{padding:40px 0px 60px;}
  .hoops-galore-faq-sec .faq-block{padding:0px;}
  .hoops-galore-faq-sec .sec-head{margin-bottom:40px;}
  .hoops-galore-faq-sec .accordion-title{font-size:27px;}
  .hoops-galore-faq-sec .accordion-text, .hoops-galore-faq-sec .answer-label{font-size:22px;}
  .hoops-galore-faq-sec .accordion-body{padding:0 30px 0 70px;}
  .hoops-galore-faq-sec .accordion-card{padding:10px 0;}
  .hoops-galore-faq-sec .accordion-head{padding:10px 20px 10px 30px;}
}

@media(max-width:1023px) {
  .hoops-galore-game .banner-logo .game-logo-fig{margin:20px 0px 30px;}
  .hoops-galore-game .banner-video-outer{--radius:26px;}
  .hoops-galore-game .video-block{padding:12px; border-width:4px;}
  .hoops-galore-about-us-sec{padding:30px 0px;}
  .hoops-galore-game .about-sec-head .sec-main-title{font-size:34px;}
  .hoops-galore-about-us-sec .about-us-text{font-size:20px;}
  .hoops-galore-game .base-btn{max-width:276px;}
  .hoops-galore-game .btn-text{font-size:32px}
  .hoops-galore-game .btn-icon{max-width:42px;}
  .hoops-galore-about-us-sec .btn-bar{margin-top:30px;}

  .hoops-galore-htw-sec .htw-process-wrap{padding:0 20px;}
  .hoops-galore-htw-sec .htw-process-num{font-size:116px;}
  .hoops-galore-htw-sec .htw-process-card-title{font-size:42px;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-title{font-size:32px;}
  .hoops-galore-htw-sec .htw-process-card-list{padding-left:30px;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .hoops-galore-htw-sec .htw-process-wrap .col-left{max-width:50%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one{padding:80px 0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{max-width:34%;}
  .hoops-galore-htw-sec .initiate-card .htw-process-card-list{padding-left:40px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon.icon-2{top:86%; max-width:21%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-two{padding:80px 0px;}
  .hoops-galore-htw-sec .cont-left .htw-process-card-list{padding-left:30px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three{padding:80px 0px 110px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-child(2){padding:110px 30px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four{padding:40px 0px 160px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .screen-display-card{margin-bottom:110px;}
  .hoops-galore-htw-sec .htw-process-theme-cont{max-width:624px;}
  .hoops-galore-htw-sec .game-elements-theme-arrow{transform:scale(0.65);}
  .hoops-galore-htw-sec .game-elements-cont-card-inner{max-width:294px; min-height:82px;}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-theme-arrow{margin-top:-2%;}
  .hoops-galore-htw-sec .streak-meter-card{top:-23%;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner{min-height:56px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner:before{left:-5px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner:after{right:-5px;}
  .hoops-galore-htw-sec .balls-arrangement-card{left:-10%; top:36%;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-theme-arrow{transform:scale(0.51); margin-top:-42px;}
  .hoops-galore-htw-sec .time-score-card .game-elements-theme-arrow{margin-left:56%;}
  .hoops-galore-htw-sec .time-score-card{top:2%;}
  .hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{max-width:196px; min-width:196px; min-height:70px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner{max-width:110px; min-width:110px; min-height:56px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:before{left:-5px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:after{right:-5px;}
  .hoops-galore-htw-sec .wind-card{top:1%; right:27%;}
  .hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner{max-width:170px;}
  .hoops-galore-htw-sec .pause-card .game-elements-cont-card-inner{max-width:300px; min-width:300px;}
  .hoops-galore-htw-sec .pause-card{right:-10%; top:82%;}
  .hoops-galore-htw-sec .pause-card .game-elements-theme-arrow{margin-bottom:-40px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-five{padding:70px 0px;}
  .hoops-galore-htw-sec .scoring-system-card .htw-process-card-title, .hoops-galore-htw-sec .streak-bonus-card .htw-process-card-title{font-size:40px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six{padding:60px 0px;}
  .hoops-galore-htw-sec .game-summary-card .htw-process-card-title{font-size:42px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{max-width:31%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven{padding:60px 0px 70px;}

  .hoops-galore-game .sec-main-title{font-size:50px;}
  .hoops-galore-game-expect-sec .game-expectation-list{--gap-item:30px; gap:30px var(--gap-item);}
  .hoops-galore-game-expect-sec .game-expectation-sec-outer{padding:30px 0 50px;}
  .hoops-galore-game-expect-sec .game-expectation-item{margin-top:60px;}
  .hoops-galore-game-expect-sec .game-expect-icon-block{margin:-60px auto 20px;}
  .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:106px;}
  .hg-outdoor-game .hoops-galore-game-expect-sec .game-expect-card-fig{--circle-size:106px;}
  .hoops-galore-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:10px;}
  .hoops-galore-game-expect-sec .game-expect-details-item{font-size:15px;}
  .hoops-galore-game-expect-sec .game-expectation-card-outer{padding:0px 10px 20px; min-height:230px; border-radius:20px;}

  .hoops-galore-game-summary-sec .game-summary-sec-outer{padding:50px 0px 30px;}
  .hoops-galore-game-summary-sec .game-summary-text{font-size:23px;}
  .hoops-galore-game-summary-sec .game-summary-btn-bar{padding-top:30px;}

  .hoops-galore-faq-sec .faq-sec-outer{padding:30px 0px 50px;}
  .hoops-galore-faq-sec .sec-head{margin-bottom:30px;}
  .hoops-galore-faq-sec .accordion-title{font-size:24px;}
  .hoops-galore-faq-sec .accordion-text, .hoops-galore-faq-sec .answer-label{font-size:18px;}
  .hoops-galore-faq-sec .accordion-body{padding:0 20px 0 50px;}
}

@media(max-width:767px) {
  .hoops-galore-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .hg-outdoor-game .banner-sec{background-color:#001627; background-size:100% auto;}
  .hoops-galore-game .banner-logo .game-logo-fig{margin:10px 0px 20px; max-width:50%;}
  .hg-outdoor-game .game-logo-fig img{filter:drop-shadow(0px 0px 12px rgba(0, 150, 255, 1.0));}
  .hoops-galore-game .banner-video-outer{--radius:14px;}
  .hoops-galore-game .video-poster, .hoops-galore-game .client-video{border-radius:calc(var(--radius) - 7px);}
  .hoops-galore-game .video-block{max-width:88%; padding:8px; border-width:1px;}
  .hoops-galore-game .video-frame-shadow-bottom{max-width:calc(88% + 16%); height:6px; bottom:-5px; border-radius:50%;}
  .hoops-galore-about-us-sec{padding:30px 0px;}
  .hoops-galore-about-us-sec .sec-head{margin-bottom:15px;}
  .hoops-galore-game .about-sec-head .sec-main-title{font-size:20px;}
  .hoops-galore-about-us-sec .about-us-text{font-size:18px;}
  .hoops-galore-game .base-btn{max-width:206px; padding:10px 20px; border-radius:4px;}
  .hoops-galore-game .btn-text{font-size:26px}
  .hoops-galore-game .btn-icon{max-width:30px; margin-left:10px;}
  .hoops-galore-about-us-sec .btn-bar{margin-top:20px;}

  .hoops-galore-htw-sec .htw-process-wrap{padding:0px;}
  .hoops-galore-htw-sec .htw-process-wrap .col-left, .hoops-galore-htw-sec .htw-process-wrap .col-right{max-width:100%; padding:0px 10px;}
  .hoops-galore-htw-sec .htw-process-card{margin-top:20px;}
  .hoops-galore-htw-sec .htw-process-card-cont{display:flex; align-items:flex-start;}
  .hoops-galore-htw-sec .htw-process-num{font-size:90px; flex:1; margin:0px 4px 0px 0px;}
  .hoops-galore-htw-sec .htw-process-card-title-bar{text-align:left; margin:5px 0px 10px;}
  .hoops-galore-htw-sec .htw-process-card-title, .hoops-galore-htw-sec .initiate-card .htw-process-card-title{font-size:20px;}
  .hoops-galore-htw-sec .htw-process-card-title br{display:none;}
  .hoops-galore-htw-sec .htw-process-card-list{padding-left:10px;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item br{display:none;}
  .hoops-galore-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:6px; width:3px; height:3px;}
  .hoops-galore-htw-sec .htw-process-theme:after{display:block; height:4px; bottom:-2px; left:-20px; right:-20px; width:calc(100% + 40px);}
  .hoops-galore-htw-sec .how-to-work-process{padding:40px 0px 20px;}
  .hoops-galore-htw-sec .game-play-card .htw-process-card-list-block{justify-content:flex-start;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{max-width:42%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon.icon-2{display:none;}
  .hoops-galore-htw-sec .htw-process-card-list{padding-left:0px !important;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .icon-2, .hoops-galore-htw-sec .how-to-work-process-sec-three .icon-3{display:none;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .icon-1{max-width:50%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-child(2){padding:20px 0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four{padding:85px 0px 30px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{max-width:50%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon img{transform:scaleX(-1);}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .htw-process-wrap{flex-direction:column-reverse;}
  .hoops-galore-htw-sec .htw-process-theme-cont{max-width:310px;}
  .hoops-galore-htw-sec .game-elements-theme-arrow{transform:scale(0.41);}
  .hoops-galore-htw-sec .game-elements-cont-card-text{font-size:10px;}
  .hoops-galore-htw-sec .streak-meter-card{top:-30%; left:11%;}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-theme-arrow{margin-right:-22px; margin-top:-19%;}
  .hoops-galore-htw-sec .game-elements-cont-card-inner{min-width:inherit; max-width:204px; min-height:50px; padding:7px 6px;}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-cont-card-inner:before{left:-5px;}
  .hoops-galore-htw-sec .streak-meter-card .game-elements-cont-card-inner:after{right:-5px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner{min-height:34px; max-width:144px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner:before{left:-3px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-cont-card-inner:after{right:-4px;}
  .hoops-galore-htw-sec .balls-arrangement-card .game-elements-theme-arrow{transform:scale(0.31); margin-top:-52px; margin-left:-34px;}
  .hoops-galore-htw-sec .balls-arrangement-card{top:31%;}
  .hoops-galore-htw-sec .time-score-card{top:-7%; right:-9%;}
  .hoops-galore-htw-sec .time-score-card .game-elements-theme-arrow{margin-left:50%; right:-7%;}
  .hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{min-height:auto; padding:6px 6px; min-width:inherit; max-width:120px;}
  .hg-outdoor-game .hoops-galore-htw-sec .time-score-card .game-elements-cont-card-inner{margin-left:auto; max-width:76px;}
  .hoops-galore-htw-sec .wind-card{top:-8%; right:21%;}
  .hoops-galore-htw-sec .wind-card .game-elements-theme-arrow{margin-left:32%; margin-bottom:-40px;}
  .hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner{max-width:100px; min-height:40px; padding:7px 4px; margin-left:auto;}
  .hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner:before{left:-4px;}
  .hoops-galore-htw-sec .wind-card .game-elements-cont-card-inner:after{right:-4px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner{min-height:auto; padding:6px 6px; min-width:inherit; max-width:70px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:before{left:-2px;}
  .hoops-galore-htw-sec .rack-card .game-elements-cont-card-inner:after{right:-2px;}
  .hoops-galore-htw-sec .rack-card{right:-25%; top:34%;}
  .hoops-galore-htw-sec .rack-card .game-elements-theme-arrow{transform:scale(0.31); right:15%;}
  .hoops-galore-htw-sec .pause-card .game-elements-cont-card-inner{max-width:190px; min-width:inherit;}
  .hoops-galore-htw-sec .pause-card .game-elements-theme-arrow{margin-bottom:-54px; margin-left:21%; transform:scale(0.35);}
  .hoops-galore-htw-sec .pause-card{top:66%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-four .screen-display-card{margin:67px 0px 0px; display:flex; align-items:center;}
  .hoops-galore-htw-sec .htw-process-wrap .col-full:first-child{width:100%; padding:0 10px;}
  .hoops-galore-htw-sec .screen-display-card .htw-process-card-title, .hoops-galore-htw-sec .screen-display-card .htw-process-card-title-bar{text-align:left;}
  .hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon{left:auto; top:0px; right:0; max-width:50%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon:not(.icon-2) img{transform:inherit;}
  .hoops-galore-htw-sec .scoring-system-card .htw-process-card-title, .hoops-galore-htw-sec .streak-bonus-card .htw-process-card-title, .hoops-galore-htw-sec .game-summary-card .htw-process-card-title{font-size:20px;}
  .hoops-galore-htw-sec .scoring-system-card .htw-process-card-outer{margin-top:0px;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon{left:0; top:0px; right:auto; max-width:50% !important;}
  .hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon img{transform:scaleX(-1);}
  .hoops-galore-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-2{display:none;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon{left:auto; top:0px; right:0; max-width:50%;}
  .hoops-galore-htw-sec .how-to-work-process-sec-seven .htw-process-bg-icon:not(.icon-2) img{transform:inherit;}

  .hoops-galore-game-expect-sec .game-expectation-sec-outer{padding:30px 0 30px; background:var(--bg-base) var(--game-expectation-bg-mob) no-repeat center bottom; background-size:100% auto;}
  .hoops-galore-game .sec-main-title{font-size:20px;}
  .hoops-galore-game-expect-sec .sec-head{margin:0px auto 20px;}
  .hoops-galore-game-expect-sec .game-expectation-list{gap:0px;}
  .hoops-galore-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc(100vw - 100px); min-width:calc(100vw - 100px);}
  .hoops-galore-game-expect-sec .game-expectation-card-outer{margin:60px 0px 10px;}
  .hoops-galore-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:20px;}
  .hoops-galore-game-expect-sec .game-expect-details-item{font-size:14px;}
  .hoops-galore-game-expect-sec .game-expectation-card-outer{padding:0px 10px 20px; min-height:inherit;}
  .hoops-galore-game .owl-carousel .owl-dot span{background:transparent; border-color:#06274e;}
  .hoops-galore-game .owl-carousel .owl-dot.active span{background:#06274e;}

  .hoops-galore-game-summary-sec .game-summary-sec-outer{padding:25px 0px; background:var(--game-summary-bg-mob) no-repeat center top; background-size:100% 100%;}
  .hoops-galore-game-summary-sec .game-summary-text{font-size:18px; padding:0 20px;}
  .hoops-galore-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .hoops-galore-faq-sec .faq-sec-outer{padding:30px 0px; background:var(--faq-bg-mob) no-repeat center top; background-size:100% 100%;}
  .hoops-galore-faq-sec .sec-head{margin-bottom:20px;}
  .hoops-galore-faq-sec .sec-main-title{font-size:24px;}
  .hoops-galore-faq-sec .accordion-title{font-size:16px;}
  .hoops-galore-faq-sec .accordion-text, .hoops-galore-faq-sec .answer-label{font-size:14px;}
  .hoops-galore-faq-sec .accordion-body{padding:0 20px 0 20px;}
  .hoops-galore-faq-sec .accordion-head{padding:10px;}
  .hoops-galore-faq-sec .accordion-icon{--circle-size:24px;}
  .hoops-galore-faq-sec .accordion-icon .icon{font-size:12px;}
  .hoops-galore-faq-sec .accordion-card{padding:0px; border-width:2px;}
  .hoops-galore-faq-sec .accordion-cont-bar{padding-bottom:10px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Hoops Galore Game CSS End // ***************************** */



/* ***************************** // WordR Game CSS Start // ***************************** */
.wordr-game {
/*Colors*/
--clr-base:#102662;
--clr-base-light:#072073;
--clr-dark:#10369c;
--clr-primary:#6a0415;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#102662;
--bg-primary:#0b1c56;
--bg-dark:#09e082;

/*Border Colors*/
--bdr1:#031c43;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Helvetica', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-action:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #01402e, 2px -2px 0 #01402e, -2px 2px 0 #01402e, -2px -2px 0 #01402e, 2px 0 0 #01402e, 0 2px 0 #01402e, -2px 0 0 #01402e;
--shadow-btn:drop-shadow(0px 9px 14px rgba(0, 0, 0, 0.4));
}

.wordr-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:430px;}
.wordr-game .btn-bg{float:left; width:100%; filter:drop-shadow(0px 0px 80px rgba(0, 255, 138, 0.8)) drop-shadow(0px 0px 80px rgba(0, 255, 138, 0.3));}
.wordr-game .btn-bg img{filter:drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.4));}
.wordr-game .btn-text{float:left; width:100%; font-size:47px; text-transform:inherit; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:10px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal;}

.wordr-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.wordr-game .banner-sec-outer{background:transparent; padding:0px;}
.wordr-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.wordr-game .banner-logo .game-logo-fig{max-width:37.6%; margin:42px 0px 30px; filter:drop-shadow(0px 0px 30px rgba(0, 69, 224, 1.0));}
.wordr-game .glowing-fig{max-width:100%;}

.wordr-game .banner-sec-video{background:transparent;}
.wordr-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; --radius:50px;}
.wordr-game .video-block{max-width:55%; margin:0 auto; border-radius:var(--radius); background:#fff; border:2px solid #00fbff; padding:20px; box-shadow:0px 0px 11px rgba(0, 0, 0, 0.45) inset, 0px -4px 6px rgba(0, 0, 0, 0.25) inset;}
.wordr-game .video-iframe{padding-bottom:64%;}
.wordr-game .video-poster, .wordr-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 20px);}
.wordr-game .video-frame-shadow-bottom{position:absolute; opacity:0.8; height:22px; bottom:-13px; margin:0 auto; left:-8%; right:-8%; width:calc(57.3% + 16%); background:linear-gradient(to right, rgba(7,50,101,0) 0%,rgba(7,50,101,0.8) 10%,rgba(7,50,101,1) 19%,rgba(7,50,101,1) 20%,rgba(7,50,101,1) 50%,rgba(7,50,101,1) 80%,rgba(7,50,101,1) 81%,rgba(7,50,101,0.8) 90%,rgba(7,50,101,0) 100%);}

.wordr-about-us-sec{float:left; width:100%; padding:170px 0px 180px;}
.wordr-about-us-sec .sec-head{margin-bottom:30px;}
.wordr-about-us-sec .about-us-text{font-size:27px; color:#fff; font-weight:500; text-align:center; padding:0 130px; position:relative; z-index:1;}
.wordr-about-us-sec .btn-bar{margin-top:60px;}

.wordr-game .sec-head:not(.about-sec-head){float:left; width:100%; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; margin-top:-70px; margin-bottom:0px;}
.wordr-game .sec-head-outer{position:relative; width:auto; padding:0px 42px; margin:0 auto; min-width:748px;}
.wordr-game .sec-head-bg{position:absolute; left:0px; width:100%; height:calc(100% - 42px); top:50%; transform:translateY(-50%); background:rgb(254,227,89); background: linear-gradient(to bottom, rgba(255,0,18,1) 0%,rgba(112,5,25,1) 97%); border-radius:16px; box-shadow:0px 0px 10px rgba(97, 3, 19, 1.0) inset, 0px 3px 7px rgb(0 0 0 / 20%);}
.wordr-game .sec-head-bg:before, .wordr-game .sec-head-bg:after{content:""; position:absolute; left:11px; top:50%; transform:translateY(-50%); background:#f8bb00; width:18px; height:18px; border:3px solid #570212; border-radius:100%;} 
.wordr-game .sec-head-bg:after{left:auto; right:11px;} 
.wordr-game .sec-main-title:not(.about-sec-main-title){background:linear-gradient(to bottom, rgba(255,249,183,1) -30%,rgba(255,249,178,1) -30%,rgba(255,228,0,1) 20%,rgba(255,228,0,1) 28%,rgba(240,166,8,1) 67%,rgba(230,157,0,1) 100%); border-radius:18px; color:var(--clr-primary); font-family:var(--font-head); font-size:66px; text-transform:uppercase; line-height:1.2em; float:left; width:100%; text-align:center; padding:14px 100px; position:relative; z-index:1; box-shadow:0px -12px 15px rgb(0 0 0 / 20%) inset, 0px 15px 35px rgb(0 0 0 / 30%); min-height:132px; display:flex; align-items:center; justify-content:center;}

.wordr-game .sec-main-title{font-size:75px; color:var(--clr-dark);}
.wordr-game .sec-main-title.about-sec-main-title{font-size:53px; color:#fff;}

/* How to Work CSS Start */
.wordr-htw-sec{background:var(--htw-sec-bg) no-repeat center bottom; background-size:100% auto; padding-bottom:220px;}
.wordr-htw-sec .how-to-work-process{position:relative;}
.wordr-htw-sec .htw-process-card:before, .wordr-htw-sec .htw-process-card:after{display:none;}
.wordr-htw-sec .htw-process-card-outer:before, .wordr-htw-sec .htw-process-card-outer:after{display:none;}
.wordr-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.wordr-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.wordr-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.wordr-htw-sec .htw-process-wrap .col-left{max-width:54.2%;}
.wordr-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:50px;}
.wordr-htw-sec .htw-process-card-list-item{font-family:var(--font-base1); color:var(--clr-base); font-size:23px;}
.wordr-htw-sec .htw-process-card-list{margin:20px 0px 0px 0px; padding-left:50px;}
.wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:13px; width:6px; height:6px; background:var(--bg-base); border-radius:100%;}
.wordr-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.wordr-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.8;border-radius:40px 40px 0 0; height:18px;bottom:-6px;left:-60px;right:-60px;width:calc(100% + 120px);z-index:1;background:linear-gradient(to right, rgba(32,29,121,0) 0%,rgba(32,29,121,0.8) 10%,rgba(32,29,121,1) 19%,rgba(32,29,121,1) 20%,rgba(32,29,121,1) 50%,rgba(32,29,121,1) 80%,rgba(32,29,121,1) 81%,rgba(32,29,121,0.8) 90%,rgba(32,29,121,0) 100%);}
.wordr-htw-sec .how-to-work-process-sec-one{padding:100px 0px;}
.wordr-htw-sec .how-to-work-process-sec-one .col-right{padding-left:4%;}
.wordr-htw-sec .htw-process-wrap{position:relative;}
.wordr-htw-sec .htw-process-full-sec{background:var(--htw-process-sec-bg) no-repeat center top; background-size:cover;}
.wordr-htw-sec .how-to-work-process-sec-two{padding:80px 0px;}
.wordr-htw-sec .how-to-work-process-sec-two .htw-process-wrap:first-child{flex-direction:row-reverse;}
.wordr-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:40px 0px;}
.wordr-htw-sec .htw-process-full-sec .htw-process-card-title, .wordr-htw-sec .htw-process-full-sec .htw-process-card-list-item{color:#fff;}
.wordr-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:47px;}
.wordr-htw-sec .htw-process-full-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#ffd200;}
.wordr-htw-sec .how-to-work-process-sec-two .col-right{padding-right:3%;}
.wordr-htw-sec .cont-left .htw-process-card-title-bar{text-align:left;}
.wordr-htw-sec .cont-left .htw-process-card-list{padding-left:30px;}
.wordr-htw-sec .how-to-work-process-sec-three .col-right{padding-left:4%;}
.wordr-htw-sec .how-to-work-process-sec-three .htw-process-theme-icon{max-width:27.1%; top:-40%; left:-4%; z-index:inherit;}
.htw-process-arrow{position:absolute; float:left; width:100%; max-width:16%;}
.wordr-htw-sec .how-to-work-process-sec-three .htw-process-arrow{bottom:calc(100% + 3%); left:28%;}
.wordr-htw-sec .how-to-work-process-sec-three .htw-process-arrow-two{bottom:auto; top:calc(100% + 2%); left:35%; max-width:8.5%;}
.wordr-htw-sec .how-to-work-process-sec-three{padding:60px 0px;}
.wordr-htw-sec .how-to-work-process-sec-four{padding:130px 0px;}
.wordr-htw-sec .how-to-work-process-sec-four .col-right{padding-right:5%;}
.wordr-htw-sec .how-to-work-process-sec-four .htw-process-wrap:last-child{flex-direction:row-reverse;}
.wordr-htw-sec .submit-word-card .htw-process-card-list{background:rgba(13, 24, 81, 0.56); padding:8px 10px; border-radius:4px;}
.wordr-htw-sec .how-to-work-process-sec-four .htw-process-theme-icon{max-width:21%; top:-44%; right:-4.5%; z-index:inherit;}
.wordr-htw-sec .how-to-work-process-sec-five{padding:140px 0px 130px;}
.wordr-htw-sec .how-to-work-process-sec-five .col-right{padding-left:3%;}
.wordr-htw-sec .progress-card .htw-process-card-list{padding-left:30px;}
.wordr-htw-sec .progress-card .htw-process-card-title{font-size:48px;}
.wordr-htw-sec .progress-card .htw-process-card-list-item{font-size:21px;}
.wordr-htw-sec .htw-process-full-sec.two{background:var(--htw-process-sec-bg-top) no-repeat left top, var(--htw-process-sec-bg-bottom) no-repeat right bottom, var(--bg-dark); background-blend-mode:soft-light; background-size:14%, 15.6%;}
.wordr-htw-sec .how-to-work-process-sec-six{padding:130px 0px;}
.wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap{flex-direction:row-reverse;}
.wordr-htw-sec .how-to-work-process-sec-six .col-right{padding-right:3%;}
.wordr-htw-sec .correct-card .htw-process-card-list{padding-left:40px;}
.wordr-htw-sec .htw-process-full-sec.two .htw-process-card-title, .wordr-htw-sec .htw-process-full-sec.two .htw-process-card-list-item{color:#000;}
.wordr-htw-sec .htw-process-full-sec.two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#000;}
.wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon{bottom:64%; left:21.2%; right:auto; max-width:25.4%; z-index:3;}
.wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon-two{left:auto; bottom:auto; top:88%; right:-7%;}
.wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap.two{flex-direction:row; padding-top:290px;}
.wordr-htw-sec .htw-process-wrap.two .htw-process-theme-icon{bottom:52.8%; left:-12.4%; right:auto; max-width:25.4%; z-index:inherit;}
.wordr-htw-sec .how-to-work-process-sec-seven{padding:130px 0px;}
.wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.one{flex-direction:row-reverse;}
.wordr-htw-sec .how-to-work-process-sec-seven .col-right{padding-right:4%;}
.wordr-htw-sec .incorrect-card .htw-process-card-list{padding-left:50px;}
.wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two{padding-top:290px;}
.wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two .htw-process-theme-icon{max-width:17.6%; left:57%; bottom:59%;}
.wordr-htw-sec .how-to-work-process-sec-eight{padding:130px 0px;}
.wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.one{flex-direction:row-reverse;}
.wordr-htw-sec .how-to-work-process-sec-eight .col-right{padding-right:4%;}
.wordr-htw-sec .beware-card .htw-process-card-list{padding-left:50px;}
.wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.two{padding-top:250px;}
.wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.two .htw-process-theme-icon{max-width:17.6%; left:22%; bottom:75%;}
.wordr-htw-sec .how-to-work-process-sec-eight .htw-process-bg-icon{left:0; bottom:10%;}
.wordr-htw-sec .how-to-work-process-sec-eight .bomb-icon{left:0; right:auto; bottom:36.5%; max-width:18.2%; z-index:inherit;}
.wordr-htw-sec .how-to-work-process-sec-nine{padding:140px 0px 210px;}
.wordr-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{flex-direction:row-reverse;}
.wordr-htw-sec .how-to-work-process-sec-nine .col-right{padding-right:1%;}
.wordr-htw-sec .game-over-card .htw-process-card-list{padding-left:20px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.wordr-game-expect-sec .game-expectation-sec-outer{background:var(--bg-primary); padding:8px 0px 160px;}
.wordr-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:150px;}
.wordr-game-expect-sec .game-expectation-list{--gap-item:10px; gap:var(--gap-item);}
.wordr-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 4) - (calc(var(--gap-item) * 3) / 4));}
.wordr-game-expect-sec .game-expectation-card-outer{border-radius:44px; margin:0px; padding:30px 30px 30px; background:linear-gradient(to top, rgb(33,102,209) 0%, rgb(65,143,232) 20%, rgb(96,184,255) 46%, rgb(46,240,255) 100%); border:3px solid var(--bdr1); box-shadow:0px -20px 60px rgba(200, 98, 205, 1.0) inset, 0px -10px 20px rgba(200, 98, 205, 0.5) inset, 0px 10px 20px rgba(255, 255, 255, 1.0) inset;}
.wordr-game-expect-sec .game-expect-icon-block{top:0px; margin-top:0px; margin-bottom:20px;}
.wordr-game-expect-sec .game-expect-card-fig{max-width:113px;}
.wordr-game-expect-sec .game-expect-card-title{font-family:var(--font-base1); font-size:30px; color:var(--clr-base-light);font-weight:normal; text-align:center; margin-bottom:10px; min-height:72px;}
.wordr-game-expect-sec .game-expect-details-item{font-size:18px; color:var(--clr-base-light); font-weight:500; line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.wordr-game-summary-sec .game-summary-sec-outer{background:#01baff; padding:75px 0px 125px;}
.wordr-game-summary-sec .game-summary-text{max-width:1135px; font-size:36px; color:#fff; font-family:var(--font-base1);}
.wordr-game-summary-sec .game-summary-btn-bar{padding-top:70px;}
.wordr-game-summary-sec .game-summary-btn-bar:before{display:none;}
.wordr-game-summary-sec .game-summary-btn-bar .btn-bg{filter:inherit;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.wordr-faq-sec .faq-sec-outer{padding:0px 0px 60px; background:var(--bg-primary);}
.wordr-faq-sec .sec-head.faq-sec-head{margin-bottom:70px;}
.wordr-faq-sec .accordion-card{border-radius:15px; background:rgba(9, 37, 72, 0.56);}
.wordr-faq-sec .accordion-title{font-size:36px;}
.wordr-faq-sec .accordion-body{padding:0px 65px;}
.wordr-faq-sec .answer-label{margin-right:5px;margin-bottom:auto;}
.wordr-faq-sec .accordion-text{flex:1;}
.wordr-faq-sec .accordion-text, .wordr-faq-sec .answer-label{color:#1a0632; font-size:31px;}
.wordr-faq-sec .accordion-icon{--circle-size:50px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.wordr-faq-sec .accordion-icon .icon{color:#082a4a; font-size:24px;}
.wordr-faq-sec .is-open .accordion-card{background:#fff;}
.wordr-faq-sec .is-open .accordion-icon{background:#29236c;}
.wordr-faq-sec .is-open .accordion-icon .icon{color:#fff;}
.wordr-faq-sec .is-open .accordion-title{color:#29236c;}
/*FAQ CSS End */

.wordr-game .footer{background:#041739;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .wordr-game .banner-logo .game-logo-fig{margin:35px 0px 20px;}
  .wordr-game .glowing-fig{max-width:82%;}
  .wordr-game .video-block{max-width:65%;}
  .wordr-about-us-sec{padding:100px 0px 140px;}
  .wordr-game .sec-main-title.about-sec-main-title{font-size:46px;}
  .wordr-about-us-sec .about-us-text{font-size:22px; padding:0px 70px;}
  .wordr-game .btn-bg{filter:drop-shadow(0px 0px 70px rgba(0, 255, 138, 0.8)) drop-shadow(0px 0px 70px rgba(0, 255, 138, 0.3));}
  .wordr-about-us-sec .btn-bar{margin-top:50px;}
  .wordr-game .base-btn{max-width:386px;}
  .wordr-game .btn-text{font-size:41px;}

  .wordr-game .sec-head:not(.about-sec-head){margin-top:-60px;}
  .wordr-game .sec-main-title:not(.about-sec-main-title){padding:14px 80px; font-size:58px; min-height:112px;}
  .wordr-htw-sec .htw-process-theme:after{left:-40px; right:-40px; width:calc(100% + 80px);}
  .wordr-htw-sec .htw-process-card-title{font-size:40px;}
  .wordr-htw-sec .progress-card .htw-process-card-title{font-size:40px;}
  .wordr-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:40px;}
  .wordr-htw-sec .htw-process-card-list-item{font-size:20px;}
  .wordr-htw-sec .progress-card .htw-process-card-list-item{font-size:18px;}
  .wordr-htw-sec .progress-card .htw-process-card-list{padding-left:10px;}
  .wordr-htw-sec .htw-process-card-list{padding-left:40px;}
  .wordr-htw-sec .correct-card .htw-process-card-list{padding-left:20px;}
  .wordr-htw-sec .htw-process-wrap .col-left{max-width:52.2%;}
  .wordr-htw-sec .how-to-work-process-sec-one{padding:80px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:20px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-four .col-right{padding-right:2%;}
  .wordr-htw-sec .how-to-work-process-sec-four{padding:120px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-five{padding:120px 0px 110px;}
  .wordr-htw-sec .how-to-work-process-sec-six, .wordr-htw-sec .how-to-work-process-sec-seven, .wordr-htw-sec .how-to-work-process-sec-eight{padding:110px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap.two, .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two{padding-top:240px;}
  .wordr-htw-sec .incorrect-card .htw-process-card-list{padding-left:20px;}
  .wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.two{padding-top:200px;}
  .wordr-htw-sec .how-to-work-process-sec-eight .bomb-icon{bottom:38%; max-width:20%;}
  .wordr-htw-sec .how-to-work-process-sec-nine{padding:120px 0px 100px;}

  .wordr-game-expect-sec .game-expectation-sec-outer{padding:8px 0px 120px;}
  .wordr-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:110px;}
  .wordr-game-expect-sec .game-expectation-card-outer{padding:20px 10px 20px; border-radius:38px;}
  .wordr-game-expect-sec .game-expect-card-fig{max-width:98px;}
  .wordr-game-expect-sec .game-expect-card-title{font-size:26px; min-height:63px;}
  .wordr-game-expect-sec .game-expect-details-item{font-size:16px;}

  .wordr-game-summary-sec .game-summary-sec-outer{padding:65px 0px 125px;}
  .wordr-game-summary-sec .game-summary-text{font-size:32px;}
  .wordr-game-summary-sec .game-summary-btn-bar{padding-top:50px;}

  .wordr-faq-sec .accordion-title{font-size:32px;}
  .wordr-faq-sec .accordion-text, .wordr-faq-sec .answer-label{font-size:27px;}
}

@media(max-width:1280px) {
  .wordr-game .banner-logo .game-logo-fig{margin:25px 0px 15px;}
  .wordr-game .glowing-fig{max-width:65%;}
  .wordr-game .video-block{max-width:70%;}
  .wordr-about-us-sec{padding:80px 0px 120px;}
  .wordr-game .sec-main-title.about-sec-main-title{font-size:40px;}
  .wordr-about-us-sec .about-us-text{font-size:20px; padding:0px 40px;}
  .wordr-game .base-btn{max-width:356px;}
  .wordr-game .btn-text{font-size:36px;}

  .wordr-game .sec-head:not(.about-sec-head){margin-top:-52px;}
  .wordr-game .sec-head-outer{min-width:678px; padding:0px 40px;}
  .wordr-game .sec-main-title:not(.about-sec-main-title){padding:14px 70px; font-size:52px; min-height:104px; border-radius:12px;}
  .wordr-game .sec-head-bg{border-radius:10px;}
  .wordr-game .sec-head-bg:before, .wordr-game .sec-head-bg:after{width:16px; height:16px; border-width:2px;}
  .wordr-htw-sec .htw-process-card-title{font-size:37px;}
  .wordr-htw-sec .htw-process-full-sec .htw-process-card-title, .wordr-htw-sec .progress-card .htw-process-card-title{font-size:33px;}
  .wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .wordr-htw-sec .progress-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
  .wordr-htw-sec .htw-process-card-list{padding-left:30px;}
  .wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:6px;}
  .wordr-htw-sec .htw-process-wrap .col-left{max-width:54.2%; padding:0px 30px !important;}
  .wordr-htw-sec .how-to-work-process-sec-one .col-right{padding-left:0px;}
  .wordr-htw-sec .how-to-work-process-sec-one{padding:70px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:0px;}
  .wordr-htw-sec .how-to-work-process-sec-two .col-right{padding-right:0;}
  .wordr-htw-sec .how-to-work-process-sec-three .htw-process-arrow-one{left:31%;}
  .wordr-htw-sec .how-to-work-process-sec-three .htw-process-arrow-two{top:calc(100% + 4%); left:38%;}
  .wordr-htw-sec .how-to-work-process-sec-three .htw-process-theme-icon{max-width:25.1%; top:-45%; left:-1%;}
  .wordr-htw-sec .how-to-work-process-sec-three .col-right{padding-left:2%;}
  .wordr-htw-sec .how-to-work-process-sec-four .col-right{padding-right:8%;}
  .wordr-htw-sec .how-to-work-process-sec-four .htw-process-theme-icon{top:-53%; right:-1.5%;}
  .wordr-htw-sec .how-to-work-process-sec-four{padding:100px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-five{padding:100px 0px 90px;}
  .wordr-htw-sec .how-to-work-process-sec-five .col-right{padding-left:0px;}
  .wordr-htw-sec .how-to-work-process-sec-six .col-right{padding-right:0px;}
  .wordr-htw-sec .how-to-work-process-sec-six, .wordr-htw-sec .how-to-work-process-sec-seven, .wordr-htw-sec .how-to-work-process-sec-eight{padding:100px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap.two, .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two{padding-top:180px;}
  .wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon-one{left:28.2%;}
  .wordr-htw-sec .htw-process-wrap.two .htw-process-theme-icon{left:-10%; bottom:48%;}
  .wordr-htw-sec .how-to-work-process-sec-seven .col-right{padding-right:2%;}
  .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two .htw-process-theme-icon{left:53%; bottom:57%;}
  .wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.two .htw-process-theme-icon{left:27%; bottom:71%;}
  .wordr-htw-sec .how-to-work-process-sec-nine{padding:100px 0px 90px;}
  .wordr-htw-sec{padding-bottom:180px;}

  .wordr-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 100px;}
  .wordr-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:90px;}
  .wordr-game-expect-sec .game-expectation-card-outer{border-radius:30px; border-width:2px;}
  .wordr-game-expect-sec .game-expect-card-fig{max-width:86px;}
  .wordr-game-expect-sec .game-expect-card-title{font-size:22px; min-height:53px;}
  .wordr-game-expect-sec .game-expect-details-item{font-size:15px;}

  .wordr-game-summary-sec .game-summary-sec-outer{padding:55px 0px 110px;}
  .wordr-game-summary-sec .game-summary-text{font-size:28px; max-width:930px;}
  .wordr-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .wordr-faq-sec .faq-sec-outer{padding:0px 0px 50px;}
  .wordr-faq-sec .sec-head.faq-sec-head{margin-bottom:60px;}
  .wordr-faq-sec .faq-block{padding:0px;}
  .wordr-faq-sec .accordion-title{font-size:28px;}
  .wordr-faq-sec .accordion-text, .wordr-faq-sec .answer-label{font-size:23px;}
  .wordr-faq-sec .accordion-card{padding:8px 0px;}
  .wordr-faq-sec .accordion-icon{--circle-size:42px;}
  .wordr-faq-sec .accordion-icon .icon{font-size:18px;}
}

@media(max-width:1023px) {
  .wordr-game .banner-logo .game-logo-fig{max-width:44%;}
  .wordr-game .glowing-fig{max-width:58%;}
  .wordr-game .video-block{max-width:74%; padding:14px;}
  .wordr-game .banner-video-outer{--radius:36px;}
  .wordr-game .video-poster, .wordr-game .client-video{border-radius:calc(var(--radius) - 14px);}
  .wordr-game .video-frame-shadow-bottom{width:calc(74% + 16%); height:18px; bottom:-8px;}
  .wordr-about-us-sec{padding:60px 0px 100px;}
  .wordr-game .sec-main-title.about-sec-main-title{font-size:34px;}
  .wordr-about-us-sec .about-us-text{font-size:18px; padding:0px 10px;}
  .wordr-about-us-sec .btn-bar{margin-top:40px;}
  .wordr-game .base-btn{max-width:296px;}
  .wordr-game .btn-text{font-size:32px;}

  .wordr-game .sec-head:not(.about-sec-head){margin-top:-48px;}
  .wordr-game .sec-head-outer{min-width:610px; padding:0px 36px;}
  .wordr-game .sec-main-title:not(.about-sec-main-title){padding:14px 50px; font-size:46px; min-height:96px;}
  .wordr-game .sec-head-bg:before, .wordr-game .sec-head-bg:after{width:14px; height:14px;}
  .wordr-htw-sec .htw-process-card-title{font-size:30px;}
  .wordr-htw-sec .htw-process-full-sec .htw-process-card-title, .wordr-htw-sec .progress-card .htw-process-card-title{font-size:26px;}
  .wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .wordr-htw-sec .progress-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .wordr-htw-sec .htw-process-card-list{padding-left:20px; margin:10px 0px 0px 0px;}
  .wordr-htw-sec .cont-left .htw-process-card-list{padding-left:20px;}
  .wordr-htw-sec .how-to-work-process-sec-two{padding:60px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-three .col-right{padding-left:0px;}
  .wordr-htw-sec .how-to-work-process-sec-four .col-right{padding-right:0px;}
  .wordr-htw-sec .how-to-work-process-sec-four{padding:100px 0px 70px;}
  .wordr-htw-sec .progress-card .htw-process-card-list{padding-left:0px;}
  .wordr-htw-sec .how-to-work-process-sec-five{padding:70px 0px 70px;}
  .wordr-htw-sec .how-to-work-process-sec-five .col-right{padding-left:0px;}
  .wordr-htw-sec .correct-card .htw-process-card-list, .wordr-htw-sec .incorrect-card .htw-process-card-list, .wordr-htw-sec .beware-card .htw-process-card-list{padding-left:20px;}
  .wordr-htw-sec .how-to-work-process-sec-six .col-right, .wordr-htw-sec .how-to-work-process-sec-seven .col-right{padding-right:0px;}
  .wordr-htw-sec .how-to-work-process-sec-six, .wordr-htw-sec .how-to-work-process-sec-seven, .wordr-htw-sec .how-to-work-process-sec-eight{padding:80px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap.two, .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two{padding-top:130px;}
  .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap.two .htw-process-theme-icon{left:53%; bottom:54%;}
  .wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap.two{padding-top:140px;}
  .wordr-htw-sec .how-to-work-process-sec-eight .col-right{padding-right:0px;}
  .wordr-htw-sec .how-to-work-process-sec-nine{padding:70px 0px;}
  .wordr-htw-sec{padding-bottom:140px;}

  .wordr-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 70px;}
  .wordr-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:60px;}
  .wordr-game-expect-sec .game-expectation-list{--gap-item:20px;}
  .wordr-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (calc(var(--gap-item) * 3) / 4));}
  .wordr-game-expect-sec .game-expect-card-title{min-height:inherit;}

  .wordr-game-summary-sec .game-summary-text{font-size:24px; max-width:100%;}

  .wordr-faq-sec .accordion-title{font-size:24px;}
  .wordr-faq-sec .accordion-text, .wordr-faq-sec .answer-label{font-size:18px;}
}

@media(max-width:767px) {
  .wordr-game {
  /*Btn Shadow*/
  --shadow-text:1px 1px 0 #01402e, 1px -1px 0 #01402e, -1px 1px 0 #01402e, -1px -1px 0 #01402e, 1px 0 0 #01402e, 0 1px 0 #01402e, -1px 0 0 #01402e;
  --shadow-btn:drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.4));
  }

  .wordr-game .banner-sec{background:var(--banner-bg-mob) no-repeat center top #05163c; background-size:100% auto;}
  .wordr-game .banner-logo .game-logo-fig{max-width:60%;}
  .wordr-game .glowing-fig{max-width:64%;}
  .wordr-game .video-block{max-width:85%; padding:6px; border-width:1px; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.45) inset, 0px -2px 4px rgba(0, 0, 0, 0.25) inset;}
  .wordr-game .banner-video-outer{--radius:16px;}
  .wordr-game .video-poster, .wordr-game .client-video{border-radius:calc(var(--radius) - 6px);}
  .wordr-game .video-frame-shadow-bottom{width:calc(86% + 16%); height:7px; bottom:-4px;}
  .wordr-about-us-sec{padding:50px 0px 60px;}
  .wordr-about-us-sec .sec-head{margin-bottom:10px;}
  .wordr-game .sec-main-title.about-sec-main-title{font-size:21px;}
  .wordr-about-us-sec .about-us-text{font-size:16px; padding:0px 10px;}
  .wordr-about-us-sec .btn-bar{margin-top:25px;}
  .wordr-game .base-btn{max-width:192px;}
  .wordr-game .btn-bg{filter:drop-shadow(0px 0px 50px rgba(0, 255, 138, 0.3)) drop-shadow(0px 0px 50px rgba(0, 255, 138, 0.8));}
  .wordr-game .btn-text{font-size:19px; padding-bottom:2px;}

  .wordr-game .sec-head:not(.about-sec-head){margin-top:-27px;}
  .wordr-game .sec-head-outer{min-width:320px; padding:0px 18px;}
  .wordr-game .sec-main-title:not(.about-sec-main-title){padding:4px 20px; font-size:24px; min-height:54px; border-radius:10px; box-shadow:0px -5px 10px rgba(0, 0, 0, 0.2) inset, 0px 7px 15px rgba(0, 0, 0, 0.3);}
  .wordr-game .sec-head-bg{border-radius:10px; height:38px;}
  .wordr-game .sec-head-bg:before, .wordr-game .sec-head-bg:after{width:7px; height:7px; border-width:3px;}
  .wordr-game .sec-head-bg:before{left:4px;}
  .wordr-game .sec-head-bg:after{right:4px;}

  .wordr-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 10px !important;}
  .wordr-htw-sec .htw-process-wrap .col-right{padding:0px 20px 0px 40px !important;}
  .wordr-htw-sec .htw-process-theme:after{display:block; width:calc(100% + 60px); left:-30px; right:-30px; height:8px; bottom:-3px;}
  .wordr-htw-sec .htw-process-card{margin:20px 0px 0px;}
  .wordr-htw-sec .htw-process-card-title-bar{text-align:left;}
  .wordr-htw-sec .htw-process-card-title, .wordr-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:24px;}
  .wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .wordr-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:5px;}
  .wordr-htw-sec .htw-process-card-list{padding:0px !important;}
  .wordr-htw-sec .how-to-work-process-sec-one{padding:30px 0px 10px;}
  .wordr-htw-sec .htw-process-full-sec{background:var(--htw-process-sec-bg-mob) no-repeat center top; background-size:cover; padding:50px 0px; display:flex; flex-wrap:wrap; flex-direction:column; gap:20px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-two, .wordr-htw-sec .how-to-work-process-sec-three, .wordr-htw-sec .how-to-work-process-sec-four{padding:0px;}
  .wordr-htw-sec .how-to-work-process-sec-three .htw-process-theme-icon{max-width:18%; top:-11%; left:-2%;}
  .wordr-htw-sec .how-to-work-process-sec-four .htw-process-theme-icon{max-width:17%; top:-11%; right:-2%;}
  .wordr-htw-sec .submit-word-card .htw-process-card-list .htw-process-card-list-item{padding:6px 15px; margin:0px;}
  .wordr-htw-sec .submit-word-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:12px; left:6px;}
  .wordr-htw-sec .how-to-work-process-sec-five{padding:50px 0px 30px;}
  .wordr-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding:0px 0px 0px 40px !important;}
  .wordr-htw-sec .htw-process-full-sec.two{padding:50px 0px 30px; background:var(--htw-process-sec-bg-top-mob) no-repeat left top, var(--htw-process-sec-bg-bottom-mob) no-repeat right bottom, var(--bg-dark); background-blend-mode:soft-light; background-size:20%, 20%;}
  .wordr-htw-sec .how-to-work-process-sec-six{padding:0px;}
  .wordr-htw-sec .how-to-work-process-sec-six .htw-process-wrap .col-left{display:flex; flex-wrap:wrap; flex-direction:column; gap:20px 0px;}
  .wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon-one{left:auto; bottom:auto; right:-5%; top:-9%; max-width:22%;}
  .wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon-two{right:auto; left:-8%; top:36%; max-width:22%;}
  .wordr-htw-sec .htw-process-wrap.one .htw-process-theme-icon-three{left:auto; top:auto; bottom:11%; right:-5%; max-width:22%;}
  .wordr-htw-sec .how-to-work-process-sec-seven{padding:50px 0px 30px;}
  .wordr-htw-sec .how-to-work-process-sec-seven .htw-process-wrap .col-left{display:flex; flex-wrap:wrap; flex-direction:column; gap:20px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-eight{padding:0px 0px 30px;}
  .wordr-htw-sec .how-to-work-process-sec-eight .htw-process-wrap .col-left{display:flex; flex-wrap:wrap; flex-direction:column; gap:20px 0px;}
  .wordr-htw-sec .how-to-work-process-sec-eight .bomb-icon{bottom:16%; max-width:10%; top:auto; left:-2%;}
  .wordr-htw-sec .how-to-work-process-sec-nine{padding:0px 0px 30px;}
  .wordr-htw-sec{padding-bottom:60px;}

  .wordr-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 40px;}
  .wordr-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:30px;}
  .wordr-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .wordr-game-expect-sec .game-expectation-card-outer{border-radius:40px; margin-bottom:20px;}
  .wordr-game-expect-sec .game-expect-icon-block{margin-bottom:15px;}
  .wordr-game-expect-sec .game-expect-card-title{font-size:20px; min-height:48px;}
  .wordr-game-expect-sec .game-expect-details-item{font-size:14px; line-height:normal;}
  .wordr-game .owl-carousel .owl-dot span{border-color:#570212; background:#fff;}
  .wordr-game .owl-carousel .owl-dot.active span{background:#ffc000;}

  .wordr-game-summary-sec .game-summary-sec-outer{padding:30px 0px 60px;}
  .wordr-game-summary-sec .game-summary-text{font-size:16px; max-width:100%;}
  .wordr-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .wordr-faq-sec .faq-sec-outer{padding:0px 0px 30px;}
  .wordr-faq-sec .sec-head.faq-sec-head{margin-bottom:20px;}
  .wordr-faq-sec .sec-head-outer{min-width:280px;}
  .wordr-faq-sec .accordion-head{padding:2px 10px;}
  .wordr-faq-sec .accordion-title{font-size:16px;}
  .wordr-faq-sec .accordion-text, .wordr-faq-sec .answer-label{font-size:16px;}
  .wordr-faq-sec .accordion-card{border-radius:10px; border-width:2px;}
  .wordr-faq-sec .accordion-body{padding:0px 10px;}
  .wordr-faq-sec .accordion-icon{--circle-size:25px;}
  .wordr-faq-sec .accordion-icon .icon{font-size:12px;}
}
@media(max-width:374px) {
  .wordr-about-us-sec .about-us-text{padding:0px 5px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // WordR Game CSS End // ***************************** */



/* ***************************** // Big Wheel Game CSS Start // ***************************** */
.big-wheel-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#edce6b;
--clr-dark:#000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#fcf1ff;
--bg-primary:#f9d026;
  
/*Fonts*/
--font-base:"Lora", serif;
--font-base2:"Poppins", sans-serif;
--font-mono:'Montserrat', sans-serif;
}

.big-wheel-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); max-width:34.4%;}
.big-wheel-game .btn-bg{float:left; width:100%;}
.big-wheel-game .btn-bg img{float:left; width:100%; filter:inherit;}
.big-wheel-game .btn-text{float:left; width:100%; position:absolute; top:0; left:0; right:0px; bottom:0px; font-size:42px; padding-bottom:5px; z-index:1; color:#fff; font-family:var(--font-base2); font-weight:900;}
.big-wheel-game .base-btn:before{content:""; position:absolute; top:2vmin; bottom:2vmin; left:2vmin; right:2vmin; float:left; background-image:url("../images/big-wheel/button_bg.webp"), url("../images/big-wheel/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; border-radius:6vmin; pointer-events:none; filter:blur(3px);}
.big-wheel-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.big-wheel-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% auto;}
.big-wheel-game .banner-sec-outer{background:transparent; padding:0px;}
.big-wheel-game .banner-content{position:relative;}
.big-wheel-game .banner-logo{display:flex; align-items:center; justify-content:center;}
.big-wheel-game .banner-logo .game-logo-fig{max-width:27.8%; margin:50px 0px 0px;}
.big-wheel-game .logo-overlay{top:20%; bottom:auto;}

.big-wheel-game .banner-sec-video{background:transparent; margin-bottom:-182px;}
.big-wheel-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.big-wheel-game .video-block{max-width:51%; margin:0 auto; padding:10px; border-radius:0px; background:linear-gradient(to bottom, rgba(250,204,34,1) 0%,rgba(255,211,155,1) 63%,rgba(250,163,51,1) 100%); box-shadow:0px 0px 43px rgba(0, 0, 0, 0.8);}
.big-wheel-game .video-iframe-outer{float:left; width:100%; padding:10px; background:linear-gradient(to bottom, rgba(187,122,22,1) 0%,rgba(249,219,17,1) 48%,rgba(255,228,10,1) 74%,rgba(255,231,35,1) 100%);}
.big-wheel-game .video-iframe{padding-bottom:58%;}
.big-wheel-game .video-poster, .big-wheel-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 20px);}

.big-wheel-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:45px;}
.big-wheel-game .sec-head-outer{float:left; width:100%; max-width:924px; display:flex; align-items:center; justify-content:center; position:relative;}
.big-wheel-game .sec-head-bg, .big-wheel-game .sec-head-bg img{float:left; width:100%;}
.big-wheel-game .sec-main-title{float:left; width:100%; font-size:50px; line-height:0.85em; font-weight:700; color:var(--clr-base-light); padding-bottom:1vmin; position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; font-family:var(--font-base);}

.big-wheel-about-us-sec .container{display:flex; justify-content:center;}
.big-wheel-about-us-sec .about-us-content{float:left; width:100%; max-width:1260px; margin:0 auto; padding:240px 30px 170px; background:var(--about-us-bg) no-repeat center bottom; background-size:100% auto;}
.big-wheel-about-us-sec .sec-main-title{font-size:60px; color:var(--clr-base-light); font-weight:700; text-transform:inherit;}
.big-wheel-about-us-sec .about-us-text{font-size:30px; font-weight:600; text-align:center; max-width:1000px; }
.big-wheel-about-us-sec .btn-bar{margin-top:50px;}

/* How to Work CSS Start */
.sec-head-title-fig{float:left; width:100%; max-width:1033px;}
.sec-head-title-fig img{float:left; width:100%;}
.big-wheel-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:42px; color:var(--clr-base-light); font-weight:700; text-transform:inherit; font-family:var(--font-base);}
.big-wheel-htw-sec .title-bg-fig{height:90px;}
.big-wheel-htw-sec .htw-sec-head{margin:10px 0px 0px;}
.big-wheel-htw-sec .how-to-work-process{background:var(--bg-base); position:relative; margin:90px 0px; --radius:60px;}
.big-wheel-htw-sec .how-to-work-process:before{content:""; position:absolute; right:0; top:-60px; border-radius:var(--radius) 0px 0px var(--radius); height:calc(100% + 120px); width:42%; background:linear-gradient(320deg, rgb(228,0,255) 0%, rgb(8,2,87) 100%);}
.big-wheel-htw-sec .cont-right.how-to-work-process:before{left:0; right:auto; border-radius:0px var(--radius) var(--radius) 0px; background:linear-gradient(320deg, rgb(228,0,255) 0%, rgb(8,2,87) 100%);}
.big-wheel-htw-sec .htw-process-wrap{padding:40px 0;}
.big-wheel-htw-sec .cont-left .htw-process-wrap{flex-direction:row-reverse;}
.big-wheel-htw-sec .col-left{max-width:44.3%;}
.big-wheel-htw-sec .cont-left .col-left{margin-right:10%;}
.big-wheel-htw-sec .cont-left .col-right{padding-left:4%; padding-right:5%;}
.big-wheel-htw-sec .cont-right .col-left{margin-left:10%;}
.big-wheel-htw-sec .cont-right .col-right{padding-left:4%; padding-right:5%;}
.big-wheel-htw-sec .htw-process-card-body{padding:0px; min-height:auto;}
.big-wheel-htw-sec .htw-process-card:before, .big-wheel-htw-sec .htw-process-card:after, .big-wheel-htw-sec .htw-process-card-outer:before, .big-wheel-htw-sec .htw-process-card-outer:after{display:none;}
.big-wheel-htw-sec .htw-process-theme{z-index:1;}
.big-wheel-htw-sec .htw-process-theme-block .htw-process-theme{filter:none; overflow:visible;}
.big-wheel-htw-sec .htw-process-theme:after{background:#000; width:100%; height:100%; bottom:-4.3%; left:-2%; right:auto; top:auto; border-radius:30px; opacity:0.19; filter:blur(5px); z-index:-1;}
.big-wheel-htw-sec .htw-process-card-outer{border-radius:0; background:transparent; padding:0px;}
.big-wheel-htw-sec .htw-process-card-cont{border-radius:0px; background:transparent; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.big-wheel-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.big-wheel-htw-sec .htw-process-card-list-item, .big-wheel-htw-sec .htw-process-card-list-label{font-size:30px; font-weight:700; color:var(--clr-dark); line-height:1.4em; text-align:center;}
.big-wheel-htw-sec .how-to-work-process-sec-three{background:#08072e; margin-top:65px;}
.big-wheel-htw-sec .how-to-work-process-sec-three:before{display:none;}
.bet-number-list-block{float:left; width:100%; margin:30px 0px 70px;}
.bet-number-list{float:left; width:100%; display:flex; gap:10px 20px; flex-wrap:wrap; justify-content:center;}
.bet-number-card{float:left; width:100%; position:relative;}
.bet-number{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:42px; font-weight:700;}
.place-bet-card .htw-process-card-title-bar{display:flex; justify-content:center;}
.big-wheel-htw-sec .place-bet-card .htw-process-card-list-item, .big-wheel-htw-sec .place-bet-card .htw-process-card-list-label{color:#fff;}
.place-bet-theme-row{float:left; width:100%; display:flex;}
.place-bet-theme-row .col{float:left; width:100%; padding:0px 3%;}
.big-wheel-htw-sec .how-to-work-process-sec-three .htw-process-wrap{justify-content:center; padding-top:87px;}
.big-wheel-htw-sec .how-to-work-process-sec-three .col-left{max-width:50%;}
.big-wheel-htw-sec .how-to-work-process-sec-four{margin-top:23.5%;}
.big-wheel-htw-sec .how-to-work-process-sec-five{margin-top:150px;}
.big-wheel-htw-sec .how-to-work-process-sec-six{margin-top:235px;}
.big-wheel-htw-sec .htw-process-theme-block{margin:0;}
.big-wheel-htw-sec .theme-head-block{background:none; padding:0; height:auto; min-height:auto; border-radius:0; margin-top:7%;}
.big-wheel-htw-sec .theme-head-outer{float:left; width:100%; max-width:80%; background:#a219a0; --radius:42px; border-radius:var(--radius) var(--radius) 0 0; margin-bottom:-2px; min-height:100px; display:flex ; justify-content:center; align-items:center; text-align:center;}
.big-wheel-htw-sec .theme-head-block:after{display:none;}
.big-wheel-htw-sec .theme-head-text{color:var(--clr-base);}
.big-wheel-htw-sec .place-bet-theme-row{margin-bottom:-26%;}
.big-wheel-htw-sec .col-full{float:left; width:100%; position:relative; display:flex; justify-content:center; align-items:center;}
.big-wheel-htw-sec .htw-coin-one{position:absolute; bottom:0; left:-7%;}
.big-wheel-htw-sec .htw-coin-one img{float:left; width:100%;}
.big-wheel-htw-sec .htw-coin-two{position:absolute; top:10%; right:11%;}
.big-wheel-htw-sec .htw-coin-two img{float:left; width:100%;}
.big-wheel-htw-sec .htw-coin-three{position:absolute; bottom:3.3%; right:0;}
.big-wheel-htw-sec .htw-coin-three img{float:left; width:100%;}
.big-wheel-htw-sec .htw-wheel-icon img{float:left; width:100%;}
.big-wheel-htw-sec .htw-wheel-icon{position:absolute; z-index:2; right:0; top:43%;}
.big-wheel-htw-sec .htw-crown-icon img{float:left; width:100%;}
.big-wheel-htw-sec .htw-crown-icon {position:absolute; z-index:2; left:4%; top:-24%;}
.big-wheel-htw-sec .htw-win-icon img{float:left; width:100%;}
.big-wheel-htw-sec .htw-win-icon{position:absolute; z-index:2; left:5.5%; bottom:-46.5%;}
.big-wheel-htw-sec .htw-six-icon img{float:left; width:100%;}
.big-wheel-htw-sec .htw-six-icon{position:absolute; z-index:2; right:10%; bottom:-20%;}
.big-wheel-htw-sec .coll-center{float:left; width:100%; max-width:80%; --radius:50px; border-radius:var(--radius); background:linear-gradient(37deg, #e300ff 0%, #070156 100%, #070156 100%);}
.big-wheel-htw-sec .how-to-work-process-sec-seven{background:none; margin:140px 0 50px;}
.big-wheel-htw-sec .how-to-work-process-sec-seven:before{display:none;}
.big-wheel-htw-sec .how-to-work-process-sec-seven .htw-process-card-outer{display:flex; justify-content:center;}
.big-wheel-htw-sec .how-to-work-process-sec-seven .htw-process-card-body{max-width:61%; color:var(--clr-base);}
.big-wheel-htw-sec .how-to-work-process-sec-seven .htw-process-card-list-item{color:var(--clr-base);}
.big-wheel-htw-sec .htw-summary-theme{float:left; width:100%; display:flex; justify-content:center;}
.big-wheel-htw-sec .coll-theme-bg{float:left; width:100%; margin:-10.3% 0 -3.9%; display:flex; justify-content:center;}
.big-wheel-htw-sec .htw-summary-cards{float:left; width:100%; display:flex; gap:0 15px; padding:0 60px; margin:20px 0 90px;}
.big-wheel-htw-sec .htw-summary-card{float:left; width:100%; --radius:10px; border-radius:var(--radius); background: #ffffff; box-shadow:-4px -4px 5px #99649d inset, 4px 4px 5px #99649d inset; display:inline-flex ; justify-content:center; align-items:center; gap:0 10px; min-height:70px;}
.big-wheel-htw-sec .htw-summary-icon{float:left; width:100%; max-width:42px;}
.big-wheel-htw-sec .htw-summary-icon img{float:left; width:100%;}
.big-wheel-htw-sec .htw-summary-text{font-size:30px; color:var(--clr-dark); font-weight:700;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.big-wheel-game-expect-sec{position:relative;}
.big-wheel-game-expect-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat top center; background-size:60%; background-color:#08072e; position:relative; padding:40px 0 120px;}
.big-wheel-game-expect-sec .game-expectation-item{margin-top:0; max-width:calc((100% / 3) - 80px);}
.big-wheel-game-expect-sec .game-expectation-card-outer{float:left; width:100%; padding:7px; --radius:99px; border-radius:var(--radius); margin-top:70px; background:linear-gradient(0deg, rgb(228,0,255)0%, rgb(8,2,87)100%); box-shadow:0px 0px 72px #ff309a;}
.big-wheel-game-expect-sec .game-expectation-card-body{background:var(--bg-body); box-shadow:none; --radius:92px; border-radius:var(--radius); padding:0px 22px 50px;}
.big-wheel-game-expect-sec .game-expect-icon-block{top:-90px; margin-bottom:-85px;}
.big-wheel-game-expect-sec .game-expect-card-fig{max-width:220px; filter:drop-shadow(-8.66px 5px 12px rgba(0,0,0,0.36));}
.big-wheel-game-expect-sec .game-expect-card-title{font-size:36px; color:#8f0626; font-weight:700; text-align:center; font-family:var(--font-base);}     
.big-wheel-game-expect-sec .game-expect-card-title .word-label{display:grid;}
.big-wheel-game-expect-sec .game-expect-details-item{font-size:24px; color:#000; font-weight:700; text-align:center; font-family:var(--font-base);}
.big-wheel-game-expect-sec .game-expectation-list{gap:0 120px;}
.big-wheel-game-expect-sec .expectation-theme-icon img{float:left; width:100%;}
.big-wheel-game-expect-sec .expectation-theme-icon{position:absolute; right:0; bottom:0; z-index:1;}
.big-wheel-game-expect-sec .expectation-coin-one img{float:left; width:100%;}
.big-wheel-game-expect-sec .expectation-coin-one{position:absolute; top:1%; left:4%;}
.big-wheel-game-expect-sec .expectation-head-bg-mob{display:none;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.big-wheel-game-summary-sec .game-summary-sec-outer{float:left; width:100%; padding:0; margin:0; background:none;}
.big-wheel-game-summary-sec .game-summary-cont{float:left; width:100%; display:flex; justify-content:center;}
.big-wheel-game-summary-sec .game-summary-cont-outer{float:left; width:100%; max-width:1260px; margin:0 auto; padding:70px 30px 170px; background:var(--game-summary-bg) no-repeat center bottom; background-size:100% auto;}
.big-wheel-game-summary-sec .game-summary-text{font-size:42px; max-width:960px; font-weight:700; font-family:var(--font-base);}
.big-wheel-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.big-wheel-faq-sec .faq-sec-outer{padding:140px 0px 130px;}
.big-wheel-faq-sec .faq-sec-head{margin:-7.5% 0 5.5%;}
.big-wheel-faq-sec .faq-wrap{background:linear-gradient(37deg, #e300ff 0%, #070156 100%, #070156 100%); --radius:50px; border-radius:var(--radius);  padding:0 80px 60px;}
.big-wheel-faq-sec .faq-list{counter-reset:li;}
.big-wheel-faq-sec .accordion-item{margin-bottom:24px; position:relative;}
.big-wheel-faq-sec .accordion-item:before{content:counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:11px; top:18px; margin:auto; width:72px; height:72px; font-size:42px; font-family:var(--font-head); font-weight:700; color:#fff; font-family:var(--font-base); border-radius:100%; background:#98093e; display:inline-flex; align-items:center; justify-content:center;}
.big-wheel-faq-sec .accordion-card{background:var(--bg-body); padding:0px; --radius:25px; border-radius:var(--radius); border:none; position:relative;}
.big-wheel-faq-sec .accordion-head{padding:0px;}
.big-wheel-faq-sec .accordion-head-outer{background:#ffdaec; box-shadow:none; --radius:25px; border-radius:var(--radius); filter:drop-shadow(0px 10px 0px rgba(0,0,0,0.7)); min-height:109px; padding:11px 10px 12px 120px;}
.big-wheel-faq-sec .accordion-title{font-size:42px; color:#98093e; font-weight:700; font-family:var(--font-base);}
.big-wheel-faq-sec .accordion-body{padding:0 30px 0 60px;}
.big-wheel-faq-sec .accordion-cont-bar{min-height:115px; padding:10px 0;}
.big-wheel-faq-sec .accordion-text{font-size:30px; color:var(--clr-dark); font-weight:700;}
.big-wheel-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:37px; text-shadow:none; color:#98093e;}
/*FAQ CSS End */

.big-wheel-game .footer{background:#210a6a;}
.big-wheel-game .copyright-text{font-family:var(--font-mono); color:var(--clr-base);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .big-wheel-game .banner-logo .game-logo-fig{max-width:25.8%; margin:30px 0px 0px;}
  .big-wheel-game .coins-fig{float:left; width:100%; max-width:74%;}
  .big-wheel-game .sec-head-bg:not(.big-wheel-game .expectation-head-bg){max-width:80%;}
  .big-wheel-game .banner-sec-video{margin-bottom:-153px;}
  .big-wheel-game .sec-head{margin-bottom:40px;}
  .big-wheel-game .base-btn{max-width:31%;}
  .big-wheel-game .btn-text{font-size:34px;}
  .big-wheel-game .sec-head-title-fig{max-width:800px;}
  .big-wheel-game .video-block{padding:7px; box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.8);}
  .big-wheel-game .video-iframe-outer{padding:7px;}
  
  .big-wheel-about-us-sec .sec-main-title{font-size:48px;}
  .big-wheel-about-us-sec .btn-bar{margin-top:45px;}
  .big-wheel-about-us-sec .about-us-text{font-size:24px; max-width:805px;}
  .big-wheel-about-us-sec .about-us-content{max-width:1014px; padding:200px 30px 124px;}

  .big-wheel-htw-sec .htw-process-card-title{font-size:34px;}
  .big-wheel-htw-sec .htw-process-card-list-item, .big-wheel-htw-sec .htw-process-card-list-label{font-size:24px;}
  .big-wheel-htw-sec .htw-process-card-list.list-style-none{margin-top:17px;}
  .big-wheel-htw-sec .how-to-work-process{--radius:47px}
  .big-wheel-htw-sec .how-to-work-process:before{top:-40px; height:calc(100% + 80px);}
  .big-wheel-htw-sec .place-bet-theme-row{margin-bottom:-25%; padding:0 40px;}
  .big-wheel-htw-sec .theme-head-block{margin-top:4%;}
  .big-wheel-htw-sec .theme-head-outer{min-height:90px; --radius:35px}
  .big-wheel-htw-sec .htw-coin-one{left:-3%; max-width:9%;}
  .big-wheel-htw-sec .htw-coin-two{max-width:7%;}
  .big-wheel-htw-sec .htw-coin-three{max-width:9%;}
  .big-wheel-htw-sec .htw-wheel-icon{max-width:37%; right:-7%;}
  .big-wheel-htw-sec .htw-crown-icon{top:-21%; max-width:14%;}
  .big-wheel-htw-sec .htw-win-icon{left:1.5%; max-width:40%; bottom:-43.5%;}
  .big-wheel-htw-sec .htw-six-icon{right:3%; max-width:17%; bottom:-17.5%;}
  .bet-number{font-size:36px;}
  .bet-numberlist-item{float:left; width:100%; max-width:20%;}
  .bet-number-list-block{margin:24px 0 60px;}
  .big-wheel-htw-sec .how-to-work-process{margin:75px 0;}
  .big-wheel-htw-sec .how-to-work-process-sec-one{margin-top:20px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three{margin-top:50px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three .htw-process-wrap{padding-top:80px;}
  .big-wheel-htw-sec .how-to-work-process-sec-four{margin-top:26.5%;}
  .big-wheel-htw-sec .how-to-work-process-sec-six{margin-top:175px;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven{margin:110px 0 30px;}
  .big-wheel-htw-sec .htw-summary-theme{max-width:60%;}
  .big-wheel-htw-sec .htw-summary-text{font-size:24px;}
  .big-wheel-htw-sec .htw-summary-icon{max-width:35px;}
  .big-wheel-htw-sec .htw-summary-card{min-height:60px;}
  .big-wheel-htw-sec .htw-summary-cards{margin:15px 0 80px;}
  .big-wheel-htw-sec .coll-center{--radius:40px}
  .big-wheel-htw-sec .htw-process-wrap{padding:33px 0;}
  .big-wheel-htw-sec .title-bg-fig{height:80px;}
  .big-wheel-htw-sec .htw-process-theme:after{border-radius:27px;}

  .big-wheel-game-expect-sec .game-expectation-sec-outer{padding:21px 0 105px;}
  .big-wheel-game-expect-sec .game-expect-card-title{font-size:32px; margin-bottom:18px;}
  .big-wheel-game-expect-sec .game-expect-details-item{font-size:21px;}
  .big-wheel-game-expect-sec .game-expectation-card-outer{--radius:80px; margin-top:60px; box-shadow:0px 0px 65px #ff309a;}
  .big-wheel-game-expect-sec .game-expectation-card-body{--radius:73px;}
  .big-wheel-game-expect-sec .game-expectation-list{gap:0 85px;}
  .big-wheel-game-expect-sec .game-expect-card-fig{max-width:190px;}
  .big-wheel-game-expect-sec .game-expect-icon-block{top:-57px; margin-bottom:-60px;}
  .big-wheel-game-expect-sec .game-expectation-item{max-width:calc((100% / 3) - 57px);}
  .big-wheel-game-expect-sec .expectation-coin-one{left:2%; top:-1%; max-width:7%;}
  .big-wheel-game-expect-sec .expectation-theme-icon{max-width:28%;}
  
  .big-wheel-game-summary-sec .game-summary-text{font-size:36px; max-width:805px;}
  .big-wheel-game-summary-sec .game-summary-cont-outer{max-width:1014px; padding:65px 30px 130px;}
  
  .big-wheel-faq-sec .accordion-title{font-size:36px;}
  .big-wheel-faq-sec .accordion-item:before{font-size:36px; top:15px; height:68px; width:68px;}
  .big-wheel-faq-sec .accordion-head-outer{min-height:100px; padding:11px 10px 12px 112px; filter:drop-shadow(0px 9px 0px rgba(0, 0, 0, 0.7)); --radius:23px;}
  .big-wheel-faq-sec .accordion-card{--radius:23px;}
  .big-wheel-faq-sec .accordion-text{font-size:25px;}
  .big-wheel-faq-sec .accordion-item{margin-bottom:21px;}
  .big-wheel-faq-sec .accordion-body{padding:0 30px 0 52px;}
  .big-wheel-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:34px;}
  .big-wheel-faq-sec .faq-sec-outer{padding:115px 0px 115px;}
  .big-wheel-faq-sec .faq-wrap{padding:0 65px 55px; --radius:45px;}
}

@media(max-width:1280px) {
  .big-wheel-game .banner-logo .game-logo-fig{max-width:24.8%; margin:23px 0px 0px;}
  .big-wheel-game .video-block{max-width:53%; padding:6px; box-shadow:0px 0px 27px rgba(0, 0, 0, 0.8);}
  .big-wheel-game .video-iframe-outer{padding:6px;}
  .big-wheel-game .logo-overlay{top:22%;}
  .big-wheel-game .coins-fig{max-width:70%;}
  .big-wheel-game .sec-head{margin-bottom:33px;}
  .big-wheel-game .banner-sec-video{margin-bottom:-142px;}
  .big-wheel-game .base-btn{max-width:33%;}
  .big-wheel-game .btn-text{font-size:30px;}
  .big-wheel-game .sec-head-title-fig{max-width:680px;}
  .big-wheel-game .sec-head-bg:not(.big-wheel-game .expectation-head-bg){max-width:80%;}
  
  .big-wheel-about-us-sec .btn-bar{margin-top:40px;}
  .big-wheel-about-us-sec .sec-main-title{font-size:42px;}
  .big-wheel-about-us-sec .about-us-text{font-size:21px; max-width:700px;}
  .big-wheel-about-us-sec .about-us-content{max-width:840px; padding:185px 30px 105px;}

  .big-wheel-htw-sec .htw-process-wrap{padding:27px 0;}
  .big-wheel-htw-sec .how-to-work-process:before{top:-30px; height:calc(100% + 60px);}
  .big-wheel-htw-sec .how-to-work-process{--radius:37px}
  .big-wheel-htw-sec .htw-process-card-title{font-size:30px;}
  .big-wheel-htw-sec .htw-process-card-list-item, .big-wheel-htw-sec .htw-process-card-list-label{font-size:20px;}
  .big-wheel-htw-sec .htw-process-card-list.list-style-none{margin-top:13px;}
  .big-wheel-htw-sec .cont-left .col-right{padding-right:4%;}
  .big-wheel-htw-sec .title-bg-fig{height:70px;}
  .bet-number{font-size:30px;}
  .big-wheel-htw-sec .theme-head-outer{min-height:80px; --radius:30px; max-width:85%;}
  .big-wheel-htw-sec .htw-summary-text{font-size:20px;}
  .big-wheel-htw-sec .htw-summary-icon{max-width:30px;}
  .big-wheel-htw-sec .htw-summary-cards{margin:15px 0 70px;}
  .big-wheel-htw-sec .htw-summary-card{min-height:52px;}
  .big-wheel-htw-sec .coll-center{--radius:35px;}
  .big-wheel-htw-sec .htw-wheel-icon{top:48%; max-width:35%;}
  .big-wheel-htw-sec .how-to-work-process{margin:55px 0;}
  .big-wheel-htw-sec .how-to-work-process-sec-one{margin-top:20px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three{margin-top:35px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three .htw-process-wrap{padding-top:68px;}
  .big-wheel-htw-sec .how-to-work-process-sec-four{margin-top:28%;}
  .big-wheel-htw-sec .how-to-work-process-sec-six{margin-top:154px;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven{margin:85px 0 20px;}
  .bet-number-list-block{margin:20px 0 40px;}
  .big-wheel-htw-sec .htw-process-theme:after{border-radius:24px;}

  .big-wheel-game-expect-sec .game-expectation-list{gap:0 70px;}
  .big-wheel-game-expect-sec .game-expect-card-title{font-size:27px; margin-bottom:16px;}
  .big-wheel-game-expect-sec .game-expect-details-item{font-size:19px;}
  .big-wheel-game-expect-sec .game-expectation-card-outer{--radius:63px; box-shadow:0px 0px 55px #ff309a;}
  .big-wheel-game-expect-sec .game-expectation-card-body{--radius:55px; padding:0 15px 40px;}
  .big-wheel-game-expect-sec .game-expect-card-fig{max-width:170px;}
  .big-wheel-game-expect-sec .game-expect-icon-block{top:-50px; margin-bottom:-45px;}

  .big-wheel-game-summary-sec .game-summary-text{font-size:30px; max-width:670px;}
  .big-wheel-game-summary-sec .game-summary-cont-outer{max-width:840px; padding:55px 20px 115px;}

  .big-wheel-faq-sec .accordion-title{font-size:30px;}
  .big-wheel-faq-sec .accordion-item:before{font-size:32px; height:60px; width:60px;}
  .big-wheel-faq-sec .accordion-head-outer{min-height:90px; padding:11px 10px 13px 90px; filter:drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.7)); --radius:20px;}
  .big-wheel-faq-sec .accordion-card{--radius:20px;}
  .big-wheel-faq-sec .accordion-cont-bar{min-height:100px;}
  .big-wheel-faq-sec .faq-block{padding:0;}
  .big-wheel-faq-sec .accordion-text{font-size:22px;}
  .big-wheel-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:30px;}
  .big-wheel-faq-sec .accordion-body{padding:0 25px 0 45px;}
  .big-wheel-faq-sec .accordion-item{margin-bottom:18px;}
  .big-wheel-faq-sec .faq-wrap{--radius:37px; padding:0 60px 50px}
  .big-wheel-faq-sec .faq-sec-outer{padding:100px 0 98px;}
}

@media(max-width:1023px) {
  .big-wheel-game .btn-text{font-size:24px;}
  .big-wheel-game .banner-sec-video{margin-bottom:-115px;}
  .big-wheel-game .sec-head-title-fig{max-width:580px;}
  .big-wheel-game .sec-head{margin-bottom:27px;}
  .big-wheel-game .video-block{padding:5px; box-shadow:0px 0px 17px rgba(0, 0, 0, 0.8);}
  .big-wheel-game .video-iframe-outer{padding:5px;}
  
  .big-wheel-about-us-sec .btn-bar{margin-top:30px;}
  .big-wheel-about-us-sec .sec-main-title{font-size:32px;}
  .big-wheel-about-us-sec .about-us-text{font-size:18px; max-width:590px;}
  .big-wheel-about-us-sec .about-us-content{max-width:700px; padding:152px 30px 85px;}

  .big-wheel-htw-sec .htw-process-card-title{font-size:24px;}
  .big-wheel-htw-sec .htw-process-card-list-item, .big-wheel-htw-sec .htw-process-card-list-label{font-size:17px;}
  .big-wheel-htw-sec .htw-process-wrap{padding:18px 0;}
  .big-wheel-htw-sec .how-to-work-process{--radius:30px;}
  .big-wheel-htw-sec .how-to-work-process:before{top:-25px; height:calc(100% + 50px);}
  .big-wheel-htw-sec .how-to-work-process-sec-three .htw-process-wrap{padding-top:57px;}
  .bet-number{font-size:24px;}
  .big-wheel-htw-sec .theme-head-text{font-size:15px;}
  .big-wheel-htw-sec .theme-head-outer{min-height:60px; --radius:21px;}
  .big-wheel-htw-sec .theme-head-block{margin-top:2%;}
  .bet-number-list-block{margin:15px 0 25px;}
  .big-wheel-htw-sec .place-bet-theme-row{margin-bottom:-23%;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven .htw-process-card-body{max-width:70%;}
  .big-wheel-htw-sec .htw-summary-cards{padding:0 25px; gap:0 5px; margin:12px 0 60px;}
  .big-wheel-htw-sec .htw-summary-text{font-size:17px;}
  .big-wheel-htw-sec .htw-summary-icon{max-width:25px;}
  .big-wheel-htw-sec .coll-center{max-width:90%; --radius:27px;}
  .big-wheel-htw-sec .how-to-work-process{margin:45px 0;}
  .big-wheel-htw-sec .how-to-work-process-sec-one{margin-top:10px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three{margin-top:25px;}
  .big-wheel-htw-sec .how-to-work-process-sec-four{margin-top:25%;}
  .big-wheel-htw-sec .how-to-work-process-sec-six{margin-top:110px;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven{margin:70px 0 15px;}
  .big-wheel-htw-sec .htw-process-theme:after{border-radius:14px;}

  .big-wheel-game-expect-sec .game-expectation-list{gap:0 35px;}
  .big-wheel-game-expect-sec .game-expect-card-title{font-size:22px; margin-bottom:14px;}
  .big-wheel-game-expect-sec .game-expectation-item{max-width:calc((100% / 3) - 30px);}
  .big-wheel-game-expect-sec .game-expect-details-item{font-size:15px;}
  .big-wheel-game-expect-sec .game-expect-card-fig{max-width:145px;}
  .big-wheel-game-expect-sec .game-expectation-card-outer{padding:6px; --radius:46px; box-shadow:0px 0px 35px #ff309a;}
  .big-wheel-game-expect-sec .game-expectation-card-body{padding:0 15px 25px; --radius:40px;}
  .big-wheel-game-expect-sec .game-expect-icon-block{top:-26px; margin-bottom:-21px;}
  .big-wheel-game-expect-sec .game-expectation-sec-outer{padding:7px 0 60px;}

  .big-wheel-game-summary-sec .game-summary-cont-outer{max-width:700px; padding:45px 9px 95px;}
  .big-wheel-game-summary-sec .game-summary-text{font-size:24px; max-width:535px;}

  .big-wheel-faq-sec .faq-sec-outer{padding:75px 0 85px;}
  .big-wheel-faq-sec .accordion-title{font-size:24px;}
  .big-wheel-faq-sec .accordion-item:before{font-size:26px; height:52px; width:52px;}
  .big-wheel-faq-sec .accordion-head-outer{min-height:84px; filter:drop-shadow(0px 7px 0px rgba(0, 0, 0, 0.7)); --radius:18px; padding:11px 10px 13px 83px;}
  .big-wheel-faq-sec .accordion-text{font-size:19px;}
  .big-wheel-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:27px;}
  .big-wheel-faq-sec .accordion-card{--radius:18px;}
  .big-wheel-faq-sec .accordion-cont-bar{min-height:87px;}
  .big-wheel-faq-sec .faq-wrap{padding:0 50px 50px; --radius:30px;}
}

@media(max-width:767px) {
  .big-wheel-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 93%;}
  .big-wheel-game .video-block{max-width:85%; padding:3px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);}
  .big-wheel-game .video-iframe-outer{padding:3px;}
  .big-wheel-game .logo-overlay{display:none;}
  .big-wheel-game .banner-logo .game-logo-fig{max-width:33%; margin:5px 0px 0px;}
  .big-wheel-game .sec-head-bg:not(.big-wheel-game .expectation-head-bg){max-width:95%;}
  .big-wheel-game .expectation-head-bg-mob{max-width:100% !important;}
  .big-wheel-game .banner-sec-video{margin-bottom:0;}
  .big-wheel-game .sec-head{margin-bottom:20px;}
  .big-wheel-game .base-btn{max-width:48%;}
  .big-wheel-game .btn-text{font-size:17px; padding-bottom:0;}
  .big-wheel-game .sec-head-title-fig{padding:0 10px;}
  
  .big-wheel-about-us-sec .btn-bar{margin-top:20px;}
  .big-wheel-about-us-sec .sec-main-title{font-size:20px;}
  .big-wheel-about-us-sec .container{padding:0;}
  .big-wheel-about-us-sec .about-us-content{background:var(--about-us-bg-mob) no-repeat center bottom; background-size:cover; margin-top:-5.8%; padding:50px 15px 65px;}
  .big-wheel-about-us-sec .about-us-text{font-size:17px;}

  .big-wheel-htw-sec .cont-left .htw-process-wrap{flex-direction:column;}
  .big-wheel-htw-sec .htw-process-wrap{flex-direction:column;}
  .big-wheel-htw-sec .cont-left .col-left{padding:0; margin:0; max-width:95%;}
  .big-wheel-htw-sec .cont-right .col-left{padding:0; margin:0; max-width:95%;}
  .place-bet-theme-row .col{padding:0; max-width:95%; margin:0 auto;}
  .big-wheel-htw-sec .cont-left .col-right{padding:0;}
  .big-wheel-htw-sec .cont-right.how-to-work-process:before,.big-wheel-htw-sec .how-to-work-process:before{height:30%; width:100%; border-radius:0; top:-10px;}
  .big-wheel-htw-sec .htw-process-card-title{font-size:20px;}
  .big-wheel-htw-sec .htw-process-card-list-item, .big-wheel-htw-sec .htw-process-card-list-label{font-size:18px;}
  .big-wheel-htw-sec .title-bg-fig{height:45px;}
  .big-wheel-htw-sec .htw-process-card-title-bar{display:flex; justify-content:center;}
  .big-wheel-htw-sec .htw-process-card{margin-top:30px;}
  .big-wheel-htw-sec br{display:none;}
  .bet-numberlist-item{max-width:45%;}
  .big-wheel-htw-sec .place-bet-theme-row{flex-direction:column; padding:0; margin:0; gap:20px 0; margin-top:31%;}
  .big-wheel-htw-sec .how-to-work-process-sec-three .col-left{max-width:95%; padding:0; margin:0 auto;}
  .big-wheel-htw-sec .theme-head-text{font-size:16px;}
  .big-wheel-htw-sec .theme-head-outer{--radius:10px}
  .big-wheel-htw-sec .htw-process-card-body{padding:0 10px;}
  .big-wheel-htw-sec .how-to-work-process{margin:24px 0;}
  .big-wheel-htw-sec .how-to-work-process-sec-three{margin-top:14px;}
  .big-wheel-htw-sec .how-to-work-process-sec-three .htw-process-wrap{padding:0;}
  .bet-number-list-block{margin:5px 0 25px;}
  .big-wheel-htw-sec .htw-coin-one, .big-wheel-htw-sec .htw-coin-two, .big-wheel-htw-sec .htw-coin-three, .big-wheel-htw-sec .htw-wheel-icon, .big-wheel-htw-sec .htw-crown-icon, .big-wheel-htw-sec .htw-win-icon, .big-wheel-htw-sec .htw-six-icon, .big-wheel-game-expect-sec .expectation-theme-icon, .big-wheel-game-expect-sec .expectation-coin-one{display:none;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven .container{padding:0;}
  .big-wheel-htw-sec .coll-center{max-width:100%; border-radius:0; background:linear-gradient(-37deg, #e300ff 0%, #070156 100%, #070156 100%);}
  .big-wheel-htw-sec .htw-summary-theme{max-width:100%;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven .htw-process-card-body{max-width:100%;}
  .big-wheel-htw-sec .htw-summary-cards{flex-direction:column; padding:0 10px; gap:7px 0; margin:0px 0 30px;}
  .big-wheel-htw-sec .htw-summary-text{font-size:18px;}
  .big-wheel-htw-sec .htw-summary-icon{max-width:30px;}
  .big-wheel-htw-sec .htw-summary-card{box-shadow:-3px -3px 4px #99649d inset, 3px 3px 4px #99649d inset;}
  .big-wheel-htw-sec .coll-theme-bg{margin:-32% 0 -4.9%;}
  .big-wheel-htw-sec .how-to-work-process-sec-seven{margin:30% 0 33%;}
  .big-wheel-htw-sec .col-full{margin-bottom:-31%;}
  .big-wheel-htw-sec .how-to-work-process-sec-four{margin-top:36%;}
  .big-wheel-htw-sec .how-to-work-process-sec-six .htw-process-card{margin-top:15px;}
  .big-wheel-htw-sec .cont-right .col-right{padding:0;}
  .big-wheel-htw-sec .htw-process-theme:after{display:block; bottom:-4.3%; left:-2%; border-radius:15px;}

  .big-wheel-game-expect-sec .game-expectation-card-outer{box-shadow:0px 0px 15px #ff309a; padding:4px; --radius:50px; margin-top:35px;}
  .big-wheel-game-expect-sec .game-expectation-card-body{--radius:46px;}
  .big-wheel-game-expect-sec .game-expect-card-title{font-size:20px;}
  .big-wheel-game-expect-sec .game-expect-details-item{font-size:14px;}
  .big-wheel-game-expect-sec .game-expect-card-fig{max-width:138px;}
  .big-wheel-game-expect-sec .game-expect-icon-block{top:-33px; margin-bottom:-33px;}
  .big-wheel-game-expect-sec .expectation-head-bg{display:none;}
  .big-wheel-game-expect-sec .expectation-head-bg-mob{display:block;}
  .big-wheel-game-expect-sec .owl-carousel .owl-dot span{background:var(--bg-body); border:none; width:10px; height:10px;}
  .big-wheel-game-expect-sec .owl-carousel .owl-dot.active span{background:#db07f8;}
  .big-wheel-game-expect-sec .owl-carousel .owl-dot{margin:4px;}
  .big-wheel-game-expect-sec .game-expectation-sec-outer{background-size:100%; padding:0 0 15px;}

  .big-wheel-game-summary-sec .game-summary-cont-outer{background:var(--game-summary-bg-mob) no-repeat center bottom; background-size:cover}
  .big-wheel-game-summary-sec .game-summary-text{font-size:18px;}
  .big-wheel-game-summary-sec .container{padding:0;}
  .big-wheel-game-summary-sec .game-summary-cont-outer{padding:30px 15px 68px;}
  .big-wheel-game-summary-sec .base-btn{max-width:50%;}

  .big-wheel-faq-sec .container{padding:0;}
  .big-wheel-faq-sec .faq-sec-head{margin-top:-9.5%;}
  .big-wheel-faq-sec .accordion-title{font-size:14px;}
  .big-wheel-faq-sec .accordion-item:before{font-size:18px; height:28px; width:28px; left:5px; top:11px;}
  .big-wheel-faq-sec .accordion-head-outer{min-height:50px; filter:drop-shadow(0px 5px 0px rgba(0,0,0,0.7)); --radius:10px; padding:10px 5px 8px 43px;}
  .big-wheel-faq-sec .accordion-text{font-size:14px;}
  .big-wheel-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .big-wheel-faq-sec .faq-wrap{--radius:0; padding:0 10px 20px;}
  .big-wheel-faq-sec .accordion-cont-bar{min-height:45px;}
  .big-wheel-faq-sec .accordion-card{--radius:10px;}
  .big-wheel-faq-sec .accordion-body{padding:0 10px 0 42px;}
  .big-wheel-faq-sec .accordion-item{margin-bottom:14px;}
  .big-wheel-faq-sec .faq-sec-outer{padding:42px 0 0;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Big Wheel Game CSS End // ***************************** */



/* ***************************** // Word Walk Game CSS Start // ***************************** */
.word-walk-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#00ffd2;
--clr-dark:#2f2370;
--clr-dark-alt:#00164e;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#00b4ff;
--bg-primary:#2d57cf;
--bg-dark:#132c99;

/*Border Colors*/
--bdr1:#4567e0;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-base1:'Roboto', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-action:'Helvetica', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #005a4c, 2px -2px 0 #005a4c, -2px 2px 0 #005a4c, -2px -2px 0 #005a4c, 2px 0 0 #005a4c, 0 2px 0 #005a4c, -2px 0 0 #005a4c, 0px 3px 2px rgba(8, 149, 120, 0.9);
--shadow-text-alt:1px 1px 0 #001148, 1px -1px 0 #001148, -1px 1px 0 #001148, -1px -1px 0 #001148, 1px 0 0 #001148, 0 1px 0 #001148, -1px 0 0 #001148;
}

.word-walk-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:434px;}
.word-walk-game .btn-bg{float:left; width:100%;}
.word-walk-game .btn-text{float:left; width:100%; font-size:42px; position:absolute; top:0; left:0; right:0px; bottom:0px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal; padding-bottom:7px;}

.word-walk-game .banner-sec{padding:0px 0px 115px; background:var(--banner-bg) no-repeat center top; background-size:cover;}
.word-walk-game .banner-sec-outer{background:transparent; padding:0px;}
.word-walk-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.word-walk-game .banner-logo .game-logo-fig{max-width:31.95%; margin:-25px 0px -40px;}

.word-walk-game .banner-sec-video{background:transparent; margin-bottom:150px;}
.word-walk-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.word-walk-game .video-block{max-width:62%; margin:0 auto; --radius:54px; border-radius:var(--radius); background:#000; border:4px solid #fff; padding:10px;}
.word-walk-game .video-frame-outer{left:0; right:0; top:0; bottom:0; border-radius:0;}
.word-walk-game .video-iframe{padding-bottom:56.5%;}
.word-walk-game .video-poster, .word-walk-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 12px);}

.word-walk-about-us-sec .about-us-content{float:left; width:100%; padding:50px 80px 50px; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(174,174,174,1) 83%,rgba(173,173,173,1) 100%); box-shadow:0px 0px 63px rgba(255, 255, 255, 1.0) inset, 0px 0px 40px rgba(255, 255, 255, 1.0) inset, 0px 10px 0px var(--bdr1); border-radius:20px;}
.word-walk-about-us-sec .sec-head{margin:-100px 0px 70px;}
.word-walk-about-us-sec .sec-head-outer{display:inline-block; position:relative;}
.word-walk-about-us-sec .sec-main-title{background:var(--bg-primary); padding:20px 40px; border-radius:30px; display:inline-block; position:relative; font-size:50px; font-family:var(--font-base);}
.word-walk-about-us-sec .sec-head-outer:before{content:""; position:absolute; top:50%; transform:translateY(-50%); margin-top:calc((var(--bg-height-size) / 2) * -1); left:calc((var(--bg-width-size) / 2) * -1); right:calc((var(--bg-width-size) / 2) * -1); width:calc(100% + var(--bg-width-size)); height:var(--bg-height-size); border-radius:30px 30px 0px 0px; background:var(--bg-base); --bg-width-size:50px; --bg-height-size:32px;}
.word-walk-about-us-sec .about-us-text{font-size:35px; color:var(--clr-dark); text-align:center;}
.word-walk-about-us-sec .btn-bar{margin:70px 0px -110px;}
.word-walk-game .btn-bar-outer{display:inline-block; position:relative;}
.word-walk-game .btn-bar-outer:before{content:""; position:absolute; top:50%; transform:translateY(-50%); margin-top:calc((var(--bg-height-size) / 2) * +1); left:calc((var(--bg-width-size) / 2) * -1); right:calc((var(--bg-width-size) / 2) * -1); width:calc(100% + var(--bg-width-size)); height:var(--bg-height-size); border-radius:0px 0px 20px 20px; background:var(--bg-base); --bg-width-size:40px; --bg-height-size:24px;}

.word-walk-game .sec-main-title:not(.about-sec-main-title){font-size:50px; color:var(--clr-dark-alt); position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding-bottom:2vmin;}
.word-walk-game .sec-head:not(.about-sec-head){border-top:17px solid #000c16; margin-bottom:100px;}
.word-walk-game .sec-head-outer{display:inline-block; position:relative;}
.sec-title-bg-fig{float:left; width:100%; height:111px;}
.sec-title-bg-fig img{float:left; width:100%; height:100%; object-fit:contain;}


/* How to Work CSS Start */
.word-walk-htw-sec .how-to-work-process-sec-one .htw-process-wrap{flex-direction:row-reverse;}
.word-walk-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.word-walk-htw-sec .htw-process-wrap .col-right{padding-right:6%;}
.word-walk-htw-sec .how-to-work-process:nth-of-type(odd) .htw-process-wrap .col-right{padding-right:0px; padding-left:6%;}
.word-walk-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-of-type(odd){flex-direction:row-reverse;}
.word-walk-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-of-type(even) .col-right{padding-right:0px; padding-left:6%;}
.word-walk-htw-sec .how-to-work-process{margin-bottom:100px;}
.word-walk-htw-sec .htw-process-wrap + .htw-process-wrap{margin-top:100px;}
.word-walk-htw-sec .htw-process-theme:after{display:none;}
.word-walk-htw-sec .htw-process-theme img{filter:drop-shadow(15px 25px 20px rgba(0, 0, 0, 0.15));}
.word-walk-htw-sec .htw-process-card:before, .word-walk-htw-sec .htw-process-card:after, 
.word-walk-htw-sec .htw-process-card-outer:before, .word-walk-htw-sec .htw-process-card-outer:after{display:none;}
.word-walk-htw-sec .htw-process-card-outer{--radius:20px; border-radius:var(--radius); padding:2px; background:#73e3ff;}
.word-walk-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 2px); background:linear-gradient(to top,rgb(0,48,255) 0%, rgb(0,105,255) 55%, rgb(0,162,255) 82%, rgb(0,228,255) 100%, rgb(0,246,255) 100%); box-shadow:inset 0px 0px 12px 0px rgba(0, 8, 35, 1.0);}
.word-walk-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - 3px)); display:flex; align-items:center; justify-content:center;}
.word-walk-htw-sec .htw-process-card-title{display:inline-block; font-size:30px; text-transform:inherit; background:var(--bg-dark); padding:10px 30px; border-radius:12px; border:2px solid #73e3ff; text-shadow:var(--shadow-text-alt);}
.word-walk-htw-sec .title-bg-fig{height:99px;}
.word-walk-htw-sec .htw-process-card-body{display:flex; align-items:center; background:transparent; min-height:370px; padding:80px 74px 60px;}
.word-walk-htw-sec .how-to-work-process-sec-six .htw-process-wrap:first-child .htw-process-card-body{padding-left:60px; padding-right:60px;}
.word-walk-htw-sec .htw-process-card-list.list-style-none{padding-left:0px; margin-top:0px;}
.word-walk-htw-sec .htw-process-card-list-item{font-size:30px; font-weight:700; text-align:center;}
.start-game-card .word-label{display:block;}
.word-walk-htw-sec .htw-process-full-card .htw-process-card-body{padding:70px 15px 40px; flex-wrap:wrap;}
.word-walk-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:40px;}
.word-walk-htw-sec .htw-process-full-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-evenly;}
.word-walk-htw-sec .htw-process-full-card .htw-process-theme-col-row{gap:0px 20px;}
.word-walk-htw-sec .htw-process-theme-top-block{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:15px;}
.word-walk-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:112px;}
.word-walk-htw-sec .htw-process-theme-bottom-block{float:left; width:100%;}
.word-walk-htw-sec .letter-label-title{float:left; width:100%; text-align:center; font-size:34px; color:#00ffd2;}
.word-walk-htw-sec .points-col{display:block;}
.word-walk-htw-sec .htw-process-full-card .htw-process-card-title{max-width:530px; width:100%; display:flex; align-items:center; justify-content:center; min-height:76px;}
.word-walk-htw-sec .htw-process-full-card.gameplay-display-card .htw-process-theme-col-row{flex-wrap:wrap;}
.word-walk-htw-sec .htw-process-full-card .htw-process-theme-col-row .col-full{float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-bottom:30px;}
.word-walk-htw-sec .htw-process-theme-left-block, .word-walk-htw-sec .htw-process-theme-right-block{width:100%; max-width:calc((100% / 3) - 4%);}
.word-walk-htw-sec .htw-process-theme-left-block{display:flex; align-items:center;}
.word-walk-htw-sec .htw-process-theme-mid-block{float:left; max-width:calc((100% / 3) + 8%); display:flex; align-items:center; justify-content:center;}
.word-walk-htw-sec .gameplay-display-card .htw-process-arrow{position:relative; max-width:18.95%; margin:0 10px;}
.gameplay-display-label-title{float:left; display:flex; align-items:center; justify-content:center; border:2px dashed #fff366; border-radius:8px; min-height:92px; font-size:20px; padding:10px 10px; text-align:center; position:relative;}
.time-display-col .gameplay-display-label-title{width:calc(100% + 16%); margin-left:-16%;}
.word-collection-col, .word-collection-col .htw-process-theme-left-block, .shuffle-button-col, .shuffle-button-col .htw-process-theme-left-block{flex-direction:row-reverse;}
.letter-collection-col .gameplay-display-label-title, .words-created-col .gameplay-display-label-title{width:73%; margin-left:auto;}
.shuffle-button-col .gameplay-display-label-title{margin-right:-8%;}
.word-walk-htw-sec .gameplay-display-card .htw-process-theme img{filter:inherit;}

.word-walk-htw-sec .how-to-work-process-sec-four{margin-top:40px; margin-bottom:140px;}
.word-walk-htw-sec .how-to-work-process-sec-six .htw-process-wrap:nth-of-type(odd){flex-direction:row-reverse;}
.word-walk-htw-sec .how-to-work-process-sec-six .htw-process-wrap:nth-of-type(odd) .col-right{padding-right:6%; padding-left:0;}
.word-walk-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:nth-of-type(odd) .col-right{padding-left:6%; padding-right:0;}
.word-walk-htw-sec .game-summary-card .htw-process-card-cont{padding:0px;}
.word-walk-htw-sec .game-summary-card .htw-process-card-body{padding:50px 25px 30px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.word-walk-game-expect-sec .game-expectation-sec-outer{background:var(--bg-dark); padding:0px 0px 90px;}
.word-walk-game-expect-sec .sec-head{margin-bottom:70px;}
.word-walk-game-expect-sec .sec-title-bg-fig{height:107px;}
.word-walk-game-expect-sec .game-expectation-list{--gap-item:32px; gap:var(--gap-item);}
.word-walk-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 4) - (calc(var(--gap-item) * 3) / 4));}
.word-walk-game-expect-sec .game-expectation-card-outer{border-radius:30px; margin:0px; padding:30px 22px 30px; background:#fff; box-shadow:0px 10px 0px 0px rgba(0, 228, 255, 1.0);}
.word-walk-game-expect-sec .game-expect-icon-block{top:0px; margin-top:-90px; margin-bottom:10px;}
.word-walk-game-expect-sec .game-expect-card-fig{--circle-size:117px; background:var(--bg-dark); width:var(--circle-size); max-width:var(--circle-size); height:var(--circle-size); border-radius:100%; border:10px solid #fff;}
.word-walk-game-expect-sec .game-expect-card-title{font-family:var(--font-base); font-size:31px; color:var(--bg-dark); text-align:center; margin-bottom:20px; padding-bottom:25px; position:relative;}
.word-walk-game-expect-sec .game-expect-card-title:after{content:""; position:absolute; left:0; right:0; margin:auto; bottom:0; background:#00e4ff; width:123px; height:5px;}
.word-walk-game-expect-sec .game-expect-details-item{font-size:21px; color:var(--bg-dark); line-height:1.2em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.word-walk-game-summary-sec{background:#73e3ff; padding:3px 0px;}
.word-walk-game-summary-sec .game-summary-sec-outer{background:linear-gradient(to top,rgb(0,48,255) 0%, rgb(0,105,255) 55%, rgb(0,162,255) 82%, rgb(0,228,255) 100%, rgb(0,246,255) 100%); padding:100px 0px 110px;}
.word-walk-game-summary-sec .game-summary-text{max-width:100%; font-size:36px; color:#fff; font-family:var(--font-base); padding:0px 40px;}
.word-walk-game-summary-sec .game-summary-btn-bar{padding-top:70px;}
.word-walk-game-summary-sec .game-summary-btn-bar:before{display:none;}
.word-walk-game-summary-sec .game-summary-btn-bar .btn-bg{filter:inherit;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.word-walk-faq-sec .faq-sec-outer{padding:0px 0px 90px; background:#e8edff;}
.word-walk-faq-sec .sec-head.faq-sec-head{margin-bottom:70px;}
.word-walk-faq-sec .sec-title-bg-fig{height:108px;}
.word-walk-faq-sec .accordion-item{margin-bottom:20px;}
.word-walk-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.word-walk-faq-sec .accordion-card{border-radius:10px; border:3px solid #00eaff; padding:0px; background:var(--bg-dark);}
.word-walk-faq-sec .accordion-head{padding:20px 10px 20px 20px;}
.word-walk-faq-sec .accordion-body{background:#00eaff; padding:0px 20px; border-radius:0px 0px 5px 5px;}
.word-walk-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base1); font-weight:700; color:var(--clr-base);}
.word-walk-faq-sec .answer-label, .word-walk-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base1); font-weight:700; color:#132c99;}
.word-walk-faq-sec .accordion-text{flex:1;}
.word-walk-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.word-walk-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.word-walk-faq-sec .accordion-icon{background:#000f52; --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.word-walk-faq-sec .accordion-icon .icon{color:#00eaff; font-size:20px;}
/*FAQ CSS End */

.word-walk-game .footer{background:#000c16;}
.word-walk-game .copyright-text{color:#fff0f4;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .word-walk-game .banner-logo .game-logo-fig{max-width:34%; margin:-20px 0px -30px;}
  .word-walk-game .banner-sec-video{margin-bottom:130px;}
  .word-walk-game .video-block{max-width:68%;}
  .word-walk-about-us-sec .sec-main-title{font-size:42px;}
  .word-walk-about-us-sec .sec-head{margin:-96px 0px 60px;}
  .word-walk-about-us-sec .about-us-text{font-size:30px;}
  .word-walk-about-us-sec .btn-bar{margin:60px 0px -105px;}
  .word-walk-game .base-btn{max-width:386px;}
  .word-walk-game .btn-text{font-size:36px;}
  .word-walk-game .sec-main-title:not(.about-sec-main-title){font-size:42px;}
  .sec-title-bg-fig{height:92px;}

  .word-walk-htw-sec .htw-process-card-body{min-height:320px; padding:60px 44px 40px;}
  .word-walk-htw-sec .how-to-work-process-sec-six .htw-process-wrap:first-child .htw-process-card-body{padding-left:20px; padding-right:20px;}
  .word-walk-htw-sec .htw-process-card-title{font-size:26px;}
  .word-walk-htw-sec .htw-process-card-list-item{font-size:25px;}
  .word-walk-htw-sec .letter-label-title{font-size:28px;}
  .word-walk-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:96px;}
  .time-display-col .gameplay-display-label-title{width:100%; margin-left:0;}
  .gameplay-display-label-title{font-size:16px; min-height:82px;}

  .word-walk-game-expect-sec .sec-title-bg-fig{height:88px;}
  .word-walk-game-expect-sec .game-expectation-list{--gap-item:20px;}
  .word-walk-game-expect-sec .game-expectation-card-outer{padding:30px 10px 30px;}
  .word-walk-game-expect-sec .game-expect-card-fig{border-width:8px;}
  .word-walk-game-expect-sec .game-expect-card-title{font-size:26px;}
  .word-walk-game-expect-sec .game-expect-details-item{font-size:18px;}

  .word-walk-game-summary-sec .game-summary-sec-outer{padding:80px 0px 90px;}
  .word-walk-game-summary-sec .game-summary-text{font-size:30px; padding:0px 30px;}

  .word-walk-faq-sec .sec-head.faq-sec-head{margin-bottom:50px;}
  .word-walk-faq-sec .sec-title-bg-fig{height:89px;}
  .word-walk-faq-sec .accordion-head{padding:15px 10px 15px 20px;}
  .word-walk-faq-sec .accordion-title{font-size:27px;}
  .word-walk-faq-sec .answer-label, .word-walk-faq-sec .accordion-text{font-size:27px;}
  .word-walk-faq-sec .accordion-cont-bar{min-height:110px;}
}

@media(max-width:1280px) {
  .word-walk-game .banner-logo .game-logo-fig{max-width:37%;}
  .word-walk-game .banner-sec-video{margin-bottom:110px;}
  .word-walk-game .video-block{max-width:72%; --radius:44px; border-width:2px; padding:9px;}
  .word-walk-about-us-sec .sec-main-title{font-size:36px;}
  .word-walk-about-us-sec .sec-head-outer:before{--bg-width-size:46px; --bg-height-size:28px;}
  .word-walk-about-us-sec .sec-head{margin:-91px 0px 45px;}
  .word-walk-about-us-sec .about-us-text{font-size:26px;}
  .word-walk-about-us-sec .btn-bar{margin:50px 0px -101px;}
  .word-walk-game .btn-bar-outer:before{--bg-width-size:36px; --bg-height-size:20px;}
  .word-walk-game .base-btn{max-width:346px;}
  .word-walk-game .btn-text{font-size:32px;}
  .word-walk-game .sec-head:not(.about-sec-head){border-top-width:12px; margin-bottom:60px;}
  .word-walk-game .sec-main-title:not(.about-sec-main-title){font-size:36px;}
  .sec-title-bg-fig{height:82px;}

  .word-walk-htw-sec .htw-process-card-body{min-height:260px; padding:40px 30px 30px;}
  .word-walk-htw-sec .htw-process-card-title{font-size:22px;}
  .word-walk-htw-sec .htw-process-card-list-item{font-size:20px;}
  .word-walk-htw-sec .letter-label-title{font-size:22px;}
  .word-walk-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:86px;}
  .gameplay-display-label-title{font-size:15px; min-height:74px;}
  .word-walk-htw-sec .how-to-work-process{margin-bottom:70px;}

  .word-walk-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 80px;}
  .word-walk-game-expect-sec .sec-title-bg-fig{height:78px;}
  .word-walk-game-expect-sec .sec-head.game-expectation-sec-head{margin-bottom:90px;}
  .word-walk-game-expect-sec .game-expectation-list{--gap-item:16px;}
  .word-walk-game-expect-sec .game-expectation-card-outer{padding:30px 10px 30px;}
  .word-walk-game-expect-sec .game-expect-card-fig{border-width:5px; --circle-size:107px;}
  .word-walk-game-expect-sec .game-expect-card-title{font-size:22px; padding-bottom:20px;}
  .word-walk-game-expect-sec .game-expect-details-item{font-size:16px;}

  .word-walk-game-summary-sec .game-summary-sec-outer{padding:70px 0px 80px;}
  .word-walk-game-summary-sec .game-summary-text{font-size:26px; padding:0px 10px;}

  .word-walk-faq-sec .faq-sec-outer{padding:0px 0px 70px;}
  .word-walk-faq-sec .faq-block{padding:0px;}
  .word-walk-faq-sec .sec-head.faq-sec-head{margin-bottom:40px;}
  .word-walk-faq-sec .sec-title-bg-fig{height:79px;}
  .word-walk-faq-sec .accordion-item{margin-bottom:10px;}
  .word-walk-faq-sec .accordion-title{font-size:25px;}
  .word-walk-faq-sec .answer-label, .word-walk-faq-sec .accordion-text{font-size:25px;}
  .word-walk-faq-sec .accordion-cont-bar{min-height:90px;}
}

@media(max-width:1023px) {
  .word-walk-game .banner-sec{padding:0px 0px 80px;}
  .word-walk-game .banner-logo .game-logo-fig{max-width:40%; margin:-15px 0px -20px;}
  .word-walk-game .banner-sec-video{margin-bottom:90px;}
  .word-walk-about-us-sec .sec-main-title{font-size:31px;}
  .word-walk-about-us-sec .sec-head-outer:before{--bg-width-size:30px; --bg-height-size:24px;}
  .word-walk-about-us-sec .sec-head{margin:-89px 0px 40px;}
  .word-walk-about-us-sec .about-us-content{padding:50px 40px 30px;}
  .word-walk-about-us-sec .about-us-text{font-size:23px;}
  .word-walk-about-us-sec .btn-bar{margin:40px 0px -73px;}
  .word-walk-game .btn-bar-outer:before{--bg-width-size:30px; --bg-height-size:16px;}
  .word-walk-game .base-btn{max-width:286px;}
  .word-walk-game .btn-text{font-size:28px;}
  .word-walk-game .sec-head:not(.about-sec-head){border-top-width:10px;}
  .word-walk-game .sec-main-title:not(.about-sec-main-title){font-size:31px; padding-bottom:1vmin;}
  .sec-title-bg-fig{height:70px;}

  .word-walk-htw-sec .htw-process-card-body{min-height:200px; padding:30px 20px 10px;}
  .word-walk-htw-sec .htw-process-card-title{font-size:19px; padding:9px 15px;}
  .word-walk-htw-sec .htw-process-card-list-item{font-size:17px;}
  .word-walk-htw-sec .letter-label-title{font-size:18px;}
  .word-walk-htw-sec .htw-process-full-card .htw-process-card-title{max-width:max-content; min-height:inherit; padding:10px 25px;}
  .word-walk-htw-sec .htw-process-full-card .htw-process-card-body{padding:50px 15px 30px;}
  .word-walk-htw-sec .htw-process-full-card.gameplay-display-card .htw-process-card-body{padding:50px 15px 10px;}
  .word-walk-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:76px;}
  .gameplay-display-label-title{font-size:14px; min-height:auto;}
  .word-walk-htw-sec .htw-process-wrap + .htw-process-wrap{margin-top:50px;}
  .word-walk-htw-sec .how-to-work-process{margin-bottom:50px;}
  .word-walk-htw-sec .htw-process-wrap .col-right{padding-right:3%;}
  .word-walk-htw-sec .how-to-work-process:nth-of-type(odd) .htw-process-wrap .col-right{padding-left:3%;}
  .word-walk-htw-sec .how-to-work-process-sec-three .htw-process-wrap:nth-of-type(even) .col-right{padding-left:3%;}
  .word-walk-htw-sec .how-to-work-process-sec-six .htw-process-wrap:nth-of-type(odd) .col-right{padding-right:3%; padding-left:0px;}
  .word-walk-htw-sec .how-to-work-process-sec-seven .htw-process-wrap:nth-of-type(odd) .col-right{padding-left:3%;}
  .word-walk-htw-sec .game-summary-card .htw-process-card-body{padding:30px 15px 10px;}

  .word-walk-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 60px;}
  .word-walk-game-expect-sec .sec-title-bg-fig{height:68px;}
  .word-walk-game-expect-sec .game-expectation-list{gap:90px var(--gap-item);}
  .word-walk-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (calc(var(--gap-item) * 2) / 4));}

  .word-walk-game-summary-sec .game-summary-sec-outer{padding:60px 0px 70px;}
  .word-walk-game-summary-sec .game-summary-text{font-size:22px; padding:0px 20px;}

  .word-walk-faq-sec .faq-sec-outer{padding:0px 0px 50px;}
  .word-walk-faq-sec .sec-head.faq-sec-head{margin-bottom:30px;}
  .word-walk-faq-sec .sec-title-bg-fig{height:68px;}
  .word-walk-faq-sec .accordion-title{font-size:22px;}
  .word-walk-faq-sec .answer-label, .word-walk-faq-sec .accordion-text{font-size:22px;}
  .word-walk-faq-sec .accordion-cont-bar{min-height:76px; padding:10px 0px;}
  .word-walk-faq-sec .accordion-head{padding:12px 10px 12px 20px;}
  .word-walk-faq-sec .accordion-icon{--circle-size:36px;}
  .word-walk-faq-sec .accordion-icon .icon{font-size:16px;}
}

@media(max-width:767px) {
  .word-walk-game {
  --shadow-text:1px 1px 0 #005a4c, 1px -1px 0 #005a4c, -1px 1px 0 #005a4c, -1px -1px 0 #005a4c, 1px 0 0 #005a4c, 0 1px 0 #005a4c, -1px 0 0 #005a4c, 0px 2px 2px rgba(8, 149, 120, 0.9);
  }

  .word-walk-game .banner-sec{background:var(--banner-bg-mob) no-repeat center top; background-size:cover; padding:0px 0px 45px;}
  .word-walk-game .banner-logo .game-logo-fig{max-width:60%;}
  .word-walk-game .banner-sec-video{margin-bottom:60px;}
  .word-walk-game .video-block{max-width:90%; --radius:20px; padding:5px;}
  .word-walk-game .video-poster, .word-walk-game .client-video{border-radius:calc(var(--radius) - 6px);}
  .word-walk-about-us-sec .container{padding:0px;}
  .word-walk-about-us-sec .about-us-content{border-radius:0px; padding:40px 10px 30px; box-shadow:0px 0px 63px rgba(255, 255, 255, 1.0) inset, 0px 0px 40px rgba(255, 255, 255, 1.0) inset, 0px 5px 0px var(--bdr1);}
  .word-walk-about-us-sec .about-us-text{font-size:16px; padding:0px 10px;}
  .word-walk-about-us-sec .sec-head{margin:-60px 0px 20px;}
  .word-walk-about-us-sec .sec-main-title{font-size:19px; padding:8px 19px; border-radius:13px;}
  .word-walk-about-us-sec .sec-head-outer:before{--bg-width-size:16px; --bg-height-size:10px;}
  .word-walk-about-us-sec .btn-bar{margin:30px 0px -61px;}
  .word-walk-game .btn-bar-outer:before{--bg-width-size:18px; --bg-height-size:10px;}
  .word-walk-game .base-btn{max-width:216px;}
  .word-walk-game .btn-text{font-size:20px; padding-bottom:2px;}
  .word-walk-game .sec-head:not(.about-sec-head){border-top-width:7px; margin-bottom:30px;}
  .word-walk-game .sec-main-title:not(.about-sec-main-title){font-size:22px;}
  .sec-title-bg-fig{height:46px;}

  .word-walk-htw-sec .how-to-work-process .htw-process-wrap{flex-direction:column;}
  .word-walk-htw-sec .htw-process-wrap .col-left{padding:0px 8px; max-width:100%;}
  .word-walk-htw-sec .htw-process-wrap .col-right{padding:0px 8px !important;}
  .word-walk-htw-sec .htw-process-card{margin-top:45px;}
  .word-walk-htw-sec .htw-process-theme img{filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25));}
  .word-walk-htw-sec .how-to-work-process{margin-bottom:40px;}
  .word-walk-htw-sec .htw-process-wrap + .htw-process-wrap{margin-top:40px;}
  .word-walk-htw-sec .how-to-work-process.how-to-work-process-sec-four{margin-top:0px;}
  .word-walk-htw-sec .how-to-work-process-sec-four .htw-process-card{margin-top:20px;}
  .word-walk-htw-sec .htw-process-full-card .htw-process-card-body{padding:40px 15px 30px;}
  .word-walk-htw-sec .htw-process-full-card .htw-process-theme-col-row{flex-wrap:wrap; gap:50px 0px;}
  .word-walk-htw-sec .htw-process-full-card.point-system-card .htw-process-theme-col-row .col{float:left; width:100%; max-width:50%;}
  .word-walk-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:20px;}
  .word-walk-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:56px;}
  .word-walk-htw-sec .htw-process-theme-top-block{margin-bottom:7px;}
  .word-walk-htw-sec .letter-label-title{font-size:17px;}
  .word-walk-htw-sec .htw-process-card.gameplay-display-card{margin-top:20px;}
  .word-walk-htw-sec .htw-process-card.gameplay-display-card .htw-process-theme-col-row{gap:0px;}
  .word-walk-htw-sec .htw-process-full-card.gameplay-display-card .htw-process-theme-col-row .col-full{flex-wrap:wrap; flex-direction:column-reverse; margin-bottom:20px;}
  .word-walk-htw-sec .htw-process-theme-mid-block, .word-walk-htw-sec .htw-process-theme-left-block, .word-walk-htw-sec .htw-process-theme-right-block{max-width:100%;}
  .word-walk-htw-sec .gameplay-display-card .htw-process-theme{display:flex; justify-content:center; margin-bottom:10px; padding:0px 10px;}
  .word-walk-htw-sec .gameplay-display-card .time-display-col .htw-process-theme img{max-width:70%; margin:0 auto;}
  .word-walk-htw-sec .htw-process-full-card.gameplay-display-card .htw-process-card-body{padding:50px 30px 10px;}
  .letter-collection-col .gameplay-display-label-title, .words-created-col .gameplay-display-label-title{width:100%;}
  .word-walk-htw-sec .gameplay-display-card .shuffle-button-col .htw-process-theme img{max-width:50%; margin:0 auto;}
  .shuffle-button-col .gameplay-display-label-title{margin:0px;}
  .gameplay-display-label-title{padding:8px 20px;}

  .word-walk-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 50px;}
  .word-walk-game-expect-sec .sec-title-bg-fig{height:45px;}
  .word-walk-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .word-walk-game-expect-sec .game-expectation-card-outer{margin:60px 0px 30px; border-radius:20px; box-shadow:0px 5px 0px 0px rgba(0, 228, 255, 1.0);}
  .word-walk-game-expect-sec .game-expect-details-item{font-size:15px;}
  .word-walk-game-expect-sec .game-expect-card-title:after{width:100px; height:4px;}
  .word-walk-game .owl-carousel .owl-dot span{background:#00146a; border-color:#00146a;}
  .word-walk-game .owl-carousel .owl-dot.active span{background:#fff; border-color:#fff;}

  .word-walk-game-summary-sec{padding:0px;}
  .word-walk-game-summary-sec .game-summary-sec-outer{padding:40px 0px 50px;}
  .word-walk-game-summary-sec .game-summary-text{font-size:16px; padding:0px;}

  .word-walk-faq-sec .faq-sec-outer{background:transparent;}
  .word-walk-faq-sec .sec-title-bg-fig{height:48px;}
  .word-walk-faq-sec .accordion-title{font-size:14px;}
  .word-walk-faq-sec .answer-label, .word-walk-faq-sec .accordion-text{font-size:14px;}
  .word-walk-faq-sec .accordion-card{border-width:2px;}
  .word-walk-faq-sec .accordion-icon{--circle-size:21px;}
  .word-walk-faq-sec .accordion-icon .icon{font-size:10px;}
  .word-walk-faq-sec .accordion-head{padding:10px 10px; min-height:46px;}
  .word-walk-faq-sec .accordion-cont-bar{min-height:56px;}
  .word-walk-faq-sec .accordion-body{padding:0px 10px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Word Walk Game CSS End // ***************************** */



/* ***************************** // Clear The Deck Game CSS Start // ***************************** */
.clear-the-deck-game {
/*Colors*/
--clr-base:#fff;
--clr-dark:#480d66;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#ed0277;
--bg-primary:#480d66;

/*Border Colors*/
--bdr1:#ed0277;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-action:'HelveticaRoundedLTStd-Black', sans-serif;
}

.clear-the-deck-game .nav-item-label{border-radius:4px;}

.clear-the-deck-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:350px;}
.clear-the-deck-game .btn-bg{float:left; width:100%;}
.clear-the-deck-game .btn-bg img{filter:drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.4));}
.clear-the-deck-game .btn-text{float:left; width:100%; font-size:35px; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:4px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal; text-shadow:0px 2px 6px rgba(0, 0, 0, 0.4);}
.clear-the-deck-game .base-btn:before{content:""; position:absolute; top:1vmin; bottom:1vmin; left:1vmin; right:1vmin; float:left; background-image:url("../images/clear-the-deck/button_bg.webp"), url("../images/clear-the-deck/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px); z-index:1;}
.clear-the-deck-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}
.clear-the-deck-game .base-btn:after{content:""; position:absolute; top:calc(100% + 4px); left:0; right:0; height:7px; width:90%; margin:auto; background:#ff45ae; border-radius:100%; pointer-events:none; filter:blur(5px); opacity:0.8; z-index:1;}

.clear-the-deck-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.clear-the-deck-game .banner-sec-outer{background:transparent; padding:0px;}
.clear-the-deck-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.clear-the-deck-game .banner-logo .game-logo-fig{max-width:16%; margin:5px 0px 0px;}

.clear-the-deck-game .banner-sec-video{background:transparent; margin-bottom:-140px;}
.clear-the-deck-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.clear-the-deck-game .video-block{max-width:1155px; border-radius:0; overflow:inherit;}
.clear-the-deck-game .video-poster, .clear-the-deck-game .client-video{--vertical-pos:69px; top:calc(var(--vertical-pos) - 3px); bottom:auto; --horizontal-pos:34px; left:calc(var(--horizontal-pos) - 3px); right:calc(var(--horizontal-pos)); height:calc(100% - (var(--vertical-pos) * 2)); width:calc(100% - (var(--horizontal-pos) * 2)); border-radius:0px;}

.clear-the-deck-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:170px 0px 100px; background:var(--about-us-bg) no-repeat center top; background-size:cover;}
.clear-the-deck-about-us-sec .about-us-text{font-size:35px; font-weight:700; text-align:center; padding:0 60px;}
.clear-the-deck-about-us-sec .btn-bar{margin-top:40px;}

.clear-the-deck-game .sec-head{display:flex; align-items:center; justify-content:center; margin-bottom:20px;}
.clear-the-deck-game .sec-main-title{font-size:43px; display:inline-block; text-transform:inherit; padding:5px 20px 9px; border-radius:50px; background:linear-gradient(to bottom, rgba(68,23,110,1) 0%,rgba(6,1,36,1) 100%);}
.clear-the-deck-game .sec-head-outer{display:inline-block; background:linear-gradient(to top, rgba(196,72,0,1) 0%,rgba(255,214,0,1) 50%,rgba(227,218,2,1) 100%); padding:10px 50px; border-radius:20px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.7);}
.clear-the-deck-game .sec-head-inner{display:inline-block; background:linear-gradient(to bottom, rgba(196,72,0,1) 0%,rgba(255,214,0,1) 50%,rgba(227,218,2,1) 100%); padding:12px; border-radius:50px;}
.clear-the-deck-game .sec-title-icon{display:inline-flex; align-items:center; justify-content:center; max-width:115px; position:relative; z-index:1; right:-15px;}
.clear-the-deck-game .sec-title-icon.right-icon{right:auto; left:-15px;}
.clear-the-deck-game .sec-title-icon.right-icon img{transform:scaleX(-1);}
.clear-the-deck-game .sec-title-icon img{width:100%; float:left; filter:drop-shadow(-4px 5px 8px rgba(0, 0, 0, 0.7));}

/* How to Work CSS Start */
.clear-the-deck-htw-sec{padding:40px 0px 0px;}
.clear-the-deck-htw-sec .sec-head{margin-bottom:40px;}
.clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap{flex-direction:row-reverse;}
.clear-the-deck-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap{flex-direction:row;}
.clear-the-deck-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.clear-the-deck-htw-sec .htw-process-wrap .col-right{padding-right:5%;}
.clear-the-deck-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:5%; padding-right:0px;}
.clear-the-deck-htw-sec .how-to-work-process{margin-bottom:100px;}
.clear-the-deck-htw-sec .htw-process-theme:after{display:none;}
.clear-the-deck-htw-sec .htw-process-theme img{filter:drop-shadow(5px 10px 15px rgba(0, 0, 0, 0.3));}
.clear-the-deck-htw-sec .htw-process-card:before, .clear-the-deck-htw-sec .htw-process-card:after, 
.clear-the-deck-htw-sec .htw-process-card-outer:before, .clear-the-deck-htw-sec .htw-process-card-outer:after{display:none;}
.clear-the-deck-htw-sec .htw-process-card-outer{--radius:30px; border-radius:var(--radius); padding:10px; background:linear-gradient(to top, rgba(250,204,34,1) 0%,rgba(204,110,0,1) 36%,rgba(255,158,0,1) 61%,rgba(255,158,0,1) 81%,rgba(255,234,79,1) 91%);}
.clear-the-deck-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 10px); background:#5e003d; box-shadow:0px 0px 60px rgba(39, 0, 30, 0.75) inset;}
.clear-the-deck-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - 4px)); display:flex; align-items:center; justify-content:center;}
.clear-the-deck-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:42px; font-family:var(--font-base); font-weight:normal; text-transform:inherit; padding-bottom:6px;}
.clear-the-deck-htw-sec .title-bg-fig{height:72px; filter:drop-shadow(0px 10px 0px rgba(0, 0, 0, 0.5));}
.clear-the-deck-htw-sec .gameplay-screen-card .title-bg-fig{height:85px;}
.clear-the-deck-htw-sec .htw-process-card-body{display:flex; align-items:center; background:transparent; min-height:410px; padding:60px 30px 40px;}
.clear-the-deck-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.clear-the-deck-htw-sec .htw-process-card-list-item, .clear-the-deck-htw-sec .htw-process-card-list-label{font-size:30px; font-weight:700; text-align:center; color:var(--clr-base);}
.clear-the-deck-htw-sec .difficulty-level-card .htw-process-card-list-item{color:#ffea4f; font-family:var(--font-head);}
.clear-the-deck-htw-sec .htw-process-card-list-label{margin:0px 0px 30px;}
.clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-body{padding:80px 60px 50px; flex-wrap:wrap;}
.clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-list-block{margin-bottom:40px;}
.clear-the-deck-htw-sec .gameplay-screen-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-around; gap:0 15px; margin-bottom:-250px;}
.clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-outer{padding-left:0px; padding-right:0px; --radius:0px;}
.clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-body{padding:50px 0px 0px;}
.clear-the-deck-htw-sec .theme-top-block{padding:0 50px 20px;}
.clear-the-deck-htw-sec .htw-theme-head{margin:0px; max-width:100%; display:inline-flex; justify-content:center; background:linear-gradient(to top, rgba(236,138,108,1) 0%,rgba(237,112,157,1) 100%); padding:10px 20px 14px; min-height:82px; border-radius:10px; position:relative;}
.clear-the-deck-htw-sec .htw-theme-head:after{content:""; position:absolute; top:100%; left:0; right:0; margin:auto; width:0; height:0; border-top:23px solid #ec896e; border-left:19px solid transparent; border-right:19px solid transparent;}
.clear-the-deck-htw-sec .htw-sec-theme-title{font-size:40px; display:flex; align-items:center; justify-content:center;}
.clear-the-deck-htw-sec .how-to-work-process-sec-four{margin-bottom:340px;}
.clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-right{flex-direction:row;}
.clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-right .col-right{padding-left:5%; padding-right:0px;}
.clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-left{flex-direction:row-reverse;}
.clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-left .col-right{padding-left:0px; padding-right:5%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.clear-the-deck-game-expect-sec .game-expectation-sec-outer{background:var(--game-expect-bg) no-repeat center bottom; background-size:cover;}
.clear-the-deck-game-expect-sec .game-expectation-list{--gap-item:36px; gap:0px var(--gap-item); justify-content:space-between;}
.clear-the-deck-game-expect-sec .game-expectation-item{--item-top-space:80px; margin-top:var(--item-top-space); max-width:calc((100% / 4) - (var(--gap-item) * 3 / 4));}
.clear-the-deck-game-expect-sec .game-expectation-card-outer{padding:30px 20px 50px; margin:0px; border-radius:0px; background:url('../images/clear-the-deck/game-expect-card-bg.webp') no-repeat center center; background-size:100% 100%;}
.clear-the-deck-game-expect-sec .game-expect-icon-block{top:inherit; margin-top:calc(var(--item-top-space) * -1); margin-bottom:20px;}
.clear-the-deck-game-expect-sec .game-expect-card-fig{--circle-size:148px; width:var(--circle-size); min-width:var(--circle-size); max-width:var(--circle-size); height:var(--circle-size); filter:drop-shadow(0px 5px 9px rgba(0, 0, 0, 0.6));}
.clear-the-deck-game-expect-sec .game-expect-card-title{font-size:22px; color:#fff;}
.clear-the-deck-game-expect-sec .game-expect-details-item{font-size:16px; color:#fff; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.clear-the-deck-game-summary-sec{margin-top:120px;}
.clear-the-deck-game-summary-sec .game-summary-text{max-width:100%; font-size:32px; font-family:var(--font-base);}
.clear-the-deck-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.clear-the-deck-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.clear-the-deck-faq-sec .faq-sec-outer{padding:80px 0px 100px;}
.clear-the-deck-faq-sec .sec-head{margin-bottom:50px;}
.clear-the-deck-faq-sec .sec-main-title{padding-left:50px; padding-right:50px;}
.clear-the-deck-faq-sec .accordion-item{margin-bottom:20px;}
.clear-the-deck-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.clear-the-deck-faq-sec .accordion-card{border-radius:10px; border:3px solid var(--bdr1); padding:0px; background:var(--bg-base);}
.clear-the-deck-faq-sec .accordion-head{padding-right:12px; background:var(--bg-primary); border-radius:7px;}
.clear-the-deck-faq-sec .accordion-body{border-radius:0 0 10px 10px; padding-right:12px;}
.clear-the-deck-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); color:var(--clr-base);}
.clear-the-deck-faq-sec .answer-label, .clear-the-deck-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); color:var(--clr-base);}
.clear-the-deck-faq-sec .accordion-text{flex:1;}
.clear-the-deck-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:110px;}
.clear-the-deck-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.clear-the-deck-faq-sec .accordion-icon{background:#fff; --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.clear-the-deck-faq-sec .accordion-icon .icon{color:var(--clr-dark); font-size:20px;}
/*FAQ CSS End */

.clear-the-deck-game .footer{background:#400126;}
.clear-the-deck-game .copyright-text{color:#fff0f4;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .clear-the-deck-game .banner-logo .game-logo-fig{max-width:20%;}
  .clear-the-deck-game .video-block{max-width:896px;}
  .clear-the-deck-game .video-poster, .clear-the-deck-game .client-video{--vertical-pos:54px; --horizontal-pos:27px;}
  .clear-the-deck-game .sec-main-title{font-size:36px;}
  .clear-the-deck-about-us-sec .about-us-text{font-size:30px; padding:0 30px;}
  .clear-the-deck-game .base-btn{max-width:296px;}
  .clear-the-deck-game .btn-text{font-size:28px;}
  .clear-the-deck-about-us-sec .about-us-sec-outer{padding:170px 0px 80px;}

  .clear-the-deck-htw-sec .htw-process-card-body{padding:50px 20px 30px; min-height:320px;}
  .clear-the-deck-htw-sec .htw-process-card-title{font-size:36px;}
  .clear-the-deck-htw-sec .htw-process-card-list-item, .clear-the-deck-htw-sec .htw-process-card-list-label{font-size:24px;}
  .clear-the-deck-htw-sec .htw-sec-theme-title{font-size:34px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-theme-col-row{margin-bottom:-170px;}
  .clear-the-deck-htw-sec .how-to-work-process-sec-four{margin-bottom:250px;}

  .clear-the-deck-game-expect-sec .game-expectation-list{--gap-item:26px;}
  .clear-the-deck-game-expect-sec .game-expectation-item{--item-top-space:70px;}
  .clear-the-deck-game-expect-sec .game-expect-card-fig{--circle-size:128px;}
  .clear-the-deck-game-expect-sec .game-expect-card-title{font-size:20px;}
  .clear-the-deck-game-expect-sec .game-expect-details-item{font-size:15px;}
  .clear-the-deck-game-expect-sec .game-expectation-sec-outer{padding:60px 0 80px;}
  .clear-the-deck-game-summary-sec .game-summary-text{font-size:26px;}
  .clear-the-deck-game-summary-sec{margin-top:90px;}

  .clear-the-deck-faq-sec .faq-sec-outer{padding:70px 0px 80px;}
  .clear-the-deck-faq-sec .accordion-title{font-size:26px;}
  .clear-the-deck-faq-sec .answer-label, .clear-the-deck-faq-sec .accordion-text{font-size:25px;}
  .clear-the-deck-faq-sec .accordion-cont-bar{min-height:90px;}
}

@media(max-width:1280px) {
  .clear-the-deck-game .video-block{max-width:786px;}
  .clear-the-deck-game .video-poster, .clear-the-deck-game .client-video{--vertical-pos:48px; --horizontal-pos:24px;}
  .clear-the-deck-game .sec-title-icon{max-width:106px;}
  .clear-the-deck-game .sec-main-title{font-size:32px;}
  .clear-the-deck-about-us-sec .about-us-text{font-size:27px; padding:0px;}
  .clear-the-deck-game .base-btn{max-width:266px;}
  .clear-the-deck-game .btn-text{font-size:26px;}
  .clear-the-deck-about-us-sec .about-us-sec-outer{padding:170px 0px 60px;}

  .clear-the-deck-htw-sec .htw-process-card-body{padding:20px 10px 20px; min-height:280px;}
  .clear-the-deck-htw-sec .title-bg-fig{height:62px;}
  .clear-the-deck-htw-sec .htw-process-card-title{font-size:31px;}
  .clear-the-deck-htw-sec .htw-process-card-list-item, .clear-the-deck-htw-sec .htw-process-card-list-label{font-size:20px;}
  .clear-the-deck-htw-sec .htw-sec-theme-title{font-size:25px;}
  .clear-the-deck-htw-sec .htw-process-card-list-label{margin:0px 0px 10px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .title-bg-fig{height:75px;}
  .clear-the-deck-htw-sec .htw-theme-head{min-height:72px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-theme-col-row{margin-bottom:-150px;}
  .clear-the-deck-htw-sec .how-to-work-process{margin-bottom:80px;}
  .clear-the-deck-htw-sec .how-to-work-process-sec-four{margin-bottom:210px;}

  .clear-the-deck-game-expect-sec .game-expectation-list{--gap-item:20px;}
  .clear-the-deck-game-expect-sec .game-expectation-item{--item-top-space:60px;}
  .clear-the-deck-game-expect-sec .game-expect-card-fig{--circle-size:98px;}
  .clear-the-deck-game-expect-sec .game-expect-card-title{font-size:17px;}
  .clear-the-deck-game-expect-sec .game-expectation-card-outer{padding:30px 10px 20px;}
  .clear-the-deck-game-expect-sec .game-expectation-sec-outer{padding:50px 0 70px;}
  .clear-the-deck-game-summary-sec .game-summary-text{font-size:21px;}
  .clear-the-deck-game-summary-sec{margin-top:70px;}

  .clear-the-deck-faq-sec .faq-sec-outer{padding:60px 0px 70px;}
  .clear-the-deck-faq-sec .faq-block{padding:0px;}
  .clear-the-deck-faq-sec .accordion-title{font-size:22px;}
  .clear-the-deck-faq-sec .answer-label, .clear-the-deck-faq-sec .accordion-text{font-size:20px;}
  .clear-the-deck-faq-sec .accordion-cont-bar{min-height:76px;}
  .clear-the-deck-faq-sec .accordion-icon{--circle-size:38px;}
  .clear-the-deck-faq-sec .accordion-icon .icon{font-size:16px;}
  .clear-the-deck-faq-sec .accordion-item{margin-bottom:15px;}
}

@media(max-width:1023px) {
  .clear-the-deck-game .banner-logo .game-logo-fig{max-width:22%;}
  .clear-the-deck-game .video-block{max-width:560px;}
  .clear-the-deck-game .video-poster, .clear-the-deck-game .client-video{--vertical-pos:34px; --horizontal-pos:17px; top:calc(var(--vertical-pos) - 1px); left:calc(var(--horizontal-pos) - 1px);}
  .clear-the-deck-game .sec-title-icon{max-width:96px;}
  .clear-the-deck-game .sec-head-outer{padding:10px 40px;}
  .clear-the-deck-game .sec-main-title{font-size:26px; padding:8px 20px 12px;}
  .clear-the-deck-about-us-sec .about-us-text{font-size:24px;}
  .clear-the-deck-game .base-btn{max-width:266px;}
  .clear-the-deck-game .btn-text{font-size:26px;}
  .clear-the-deck-about-us-sec .about-us-sec-outer{padding:170px 0px 60px;}

  .clear-the-deck-htw-sec .htw-process-card-body{min-height:220px;}
  .clear-the-deck-htw-sec .htw-process-card-outer{padding:7px;}
  .clear-the-deck-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 8px);}
  .clear-the-deck-htw-sec .title-bg-fig{height:48px; filter:drop-shadow(0px 7px 0px rgba(0, 0, 0, 0.5));}
  .clear-the-deck-htw-sec .htw-process-card-title{font-size:25px;}
  .clear-the-deck-htw-sec .htw-process-card-list-item, .clear-the-deck-htw-sec .htw-process-card-list-label{font-size:16px;}
  .clear-the-deck-htw-sec .htw-sec-theme-title{font-size:21px;}
  .clear-the-deck-htw-sec .theme-top-block{padding:0 20px 20px;}
  .clear-the-deck-htw-sec .htw-theme-head{min-height:56px;}
  .clear-the-deck-htw-sec .htw-theme-head:after{border-top-width:18px; border-left-width:14px; border-right-width:14px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-theme-col-row{margin-bottom:-100px;}
  .clear-the-deck-htw-sec .how-to-work-process-sec-four{margin-bottom:170px;}
  .clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-left .col-right, .clear-the-deck-htw-sec .htw-process-wrap .col-right{padding-right:3%;}
  .clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-right .col-right, .clear-the-deck-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-left:3%;}

  .clear-the-deck-game-expect-sec .game-expectation-list{padding:0px 30px;}
  .clear-the-deck-game-expect-sec .game-expectation-item{--item-top-space:60px; max-width:calc((100% / 2) - (var(--gap-item) * 3 / 4));}
  .clear-the-deck-game-expect-sec .game-expect-card-fig{--circle-size:105px;}
  .clear-the-deck-game-expect-sec .game-expectation-card-outer{padding:30px 15px 50px;}
  .clear-the-deck-game-expect-sec .game-expectation-sec-outer{padding:40px 0 60px;}
  .clear-the-deck-game-summary-sec .game-summary-text{font-size:19px;}
  .clear-the-deck-game-summary-sec{margin-top:50px;}

  .clear-the-deck-faq-sec .faq-sec-outer{padding:50px 0px 60px;}
  .clear-the-deck-faq-sec .sec-main-title{padding-left:40px; padding-right:40px;}
  .clear-the-deck-faq-sec .accordion-head{padding:10px 15px 10px 15px;}
  .clear-the-deck-faq-sec .accordion-body{padding:0 10px 0 15px;}
  .clear-the-deck-faq-sec .accordion-title{font-size:19px;}
  .clear-the-deck-faq-sec .answer-label, .clear-the-deck-faq-sec .accordion-text{font-size:17px;}
  .clear-the-deck-faq-sec .accordion-cont-bar{min-height:70px;}
  .clear-the-deck-faq-sec .accordion-item{margin-bottom:12px;}
}

@media(max-width:767px) {
  .clear-the-deck-game .banner-sec{background:var(--banner-bg-mob) no-repeat center top; background-size:cover;}
  .clear-the-deck-game .banner-logo .game-logo-fig{max-width:34%;}
  .clear-the-deck-game .banner-sec-video{margin-bottom:-60px;}
  .clear-the-deck-game .video-block{max-width:330px;}
  .clear-the-deck-game .video-poster, .clear-the-deck-game .client-video{--vertical-pos:20px; --horizontal-pos:10px;}
  .clear-the-deck-about-us-sec .about-us-sec-outer{background:var(--about-us-bg-mob) no-repeat center top; background-size:cover;}
  .clear-the-deck-game .sec-title-icon{max-width:46px; right:-5px;}
  .clear-the-deck-game .sec-title-icon.right-icon{left:-5px;}
  .clear-the-deck-game .sec-title-icon img{filter:drop-shadow(-2px 3px 3px rgba(0, 0, 0, 0.7));}
  .clear-the-deck-game .sec-head-outer{padding:4px 12px; border-radius:8px; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.7);}
  .clear-the-deck-game .sec-head-inner{padding:4px;}
  .clear-the-deck-game .sec-main-title{font-size:16px; padding:4px 10px 5px; white-space:nowrap; min-width:170px;}
  .clear-the-deck-about-us-sec .about-us-text{font-size:18px;}
  .clear-the-deck-about-us-sec .btn-bar{margin-top:25px;}
  .clear-the-deck-game .base-btn{max-width:186px;}
  .clear-the-deck-game .btn-text{font-size:18px; text-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);}
  .clear-the-deck-game .base-btn:after{top:calc(100% + 3px); height:5px; filter:blur(3px);}
  .clear-the-deck-about-us-sec .about-us-sec-outer{padding:90px 0px 35px;}

  .clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap{flex-direction:column;}
  .clear-the-deck-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 8px;}
  .clear-the-deck-htw-sec .htw-process-card{margin-top:40px;}
  .clear-the-deck-htw-sec .htw-process-theme img{filter:drop-shadow(2px 5px 10px rgba(0, 0, 0, 0.3));}
  .clear-the-deck-htw-sec .htw-process-card-body{min-height:200px;}
  .clear-the-deck-htw-sec .htw-process-card-outer{padding:5px;}
  .clear-the-deck-htw-sec .htw-process-card-cont{border-radius:calc(var(--radius) - 5px);}
  .clear-the-deck-htw-sec .title-bg-fig{height:40px; filter:drop-shadow(0px 5px 0px rgba(0, 0, 0, 0.5));}
  .clear-the-deck-htw-sec .htw-process-card-title{font-size:22px;}
  .clear-the-deck-htw-sec .htw-process-card-list-label{margin:10px 0px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .title-bg-fig{height:44px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-list-block{margin-bottom:10px;}
  .clear-the-deck-htw-sec .theme-top-block{padding:0 5px 17px; margin-bottom:4px;}
  .clear-the-deck-htw-sec .htw-theme-head{min-height:44px; border-radius:5px;}
  .clear-the-deck-htw-sec .htw-theme-head:after{border-top-width:10px; border-left-width:10px; border-right-width:10px;}
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-theme-col-row{margin-bottom:40px; flex-direction:column; gap:30px 0px; padding:0px 40px;}
  .clear-the-deck-htw-sec .how-to-work-process{margin-bottom:40px;}
  .clear-the-deck-htw-sec .how-to-work-process-sec-four{margin-bottom:40px;}
  .clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-left .col-right, .clear-the-deck-htw-sec .htw-process-wrap .col-right{padding-right:4px; padding-left:4px;}
  .clear-the-deck-htw-sec .how-to-work-process .htw-process-wrap.cont-right .col-right, .clear-the-deck-htw-sec .how-to-work-process:nth-child(odd) .htw-process-wrap .col-right{padding-right:4px; padding-left:4px;}

  .clear-the-deck-game-expect-sec .game-expectation-list{padding:0px;}
  .clear-the-deck-game-expect-sec .game-expectation-item{--item-top-space:0px; max-width:calc(100vw - 120px);}
  .clear-the-deck-game-expect-sec .game-expect-icon-block{margin-top:-60px;}
  .clear-the-deck-game-expect-sec .game-expect-card-fig{--circle-size:100px; filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.6));}
  .clear-the-deck-game-expect-sec .game-expectation-card-outer{padding:30px 15px 40px; margin:30px 0px 10px;}
  .clear-the-deck-game-expect-sec .game-expect-card-title{font-size:16px; min-height:40px; margin-bottom:15px;}
  .clear-the-deck-game-expect-sec .game-expect-details-item{font-size:13px;}
  .clear-the-deck-game .owl-carousel .owl-dot span{width:20px; height:4px; border-radius:2px; border:none; background:#7e004e;}
  .clear-the-deck-game .owl-carousel .owl-dot.active span{background:#cd0040;}
  .clear-the-deck-game-expect-sec .game-expectation-sec-outer{padding:25px 0 40px; background:var(--game-expect-bg-mob) no-repeat center bottom; background-size:cover;}
  .clear-the-deck-game-summary-sec .game-summary-text{font-size:14px; padding:0px 30px;}
  .clear-the-deck-game-summary-sec{margin-top:25px;}
  .clear-the-deck-game-summary-sec .game-summary-btn-bar{padding-top:25px;}

  .clear-the-deck-faq-sec .faq-sec-outer{padding:30px 0px 30px;}
  .clear-the-deck-faq-sec .sec-head{margin-bottom:25px;}
  .clear-the-deck-faq-sec .sec-main-title{padding-left:20px; padding-right:20px; min-width:100px;}
  .clear-the-deck-faq-sec .accordion-card{border-width:2px;}
  .clear-the-deck-faq-sec .accordion-head{padding:10px;}
  .clear-the-deck-faq-sec .accordion-body{padding:0 10px 0 10px;}
  .clear-the-deck-faq-sec .accordion-title{font-size:14px;}
  .clear-the-deck-faq-sec .answer-label, .clear-the-deck-faq-sec .accordion-text{font-size:14px;}
  .clear-the-deck-faq-sec .accordion-cont-bar{min-height:58px; padding:12px 0px;}
  .clear-the-deck-faq-sec .accordion-item{margin-bottom:12px;}
  .clear-the-deck-faq-sec .accordion-icon{--circle-size:22px;}
  .clear-the-deck-faq-sec .accordion-icon .icon{font-size:11px;}
}
@media(max-width:374px) {
  .clear-the-deck-htw-sec .gameplay-screen-card .htw-process-card-list-block{padding:0px 20px;}
  .clear-the-deck-htw-sec .correct-card .htw-process-card-list-item, .clear-the-deck-htw-sec .correct-card .htw-process-card-list-label,
  .clear-the-deck-htw-sec .bad-luck-card .htw-process-card-list-item, .clear-the-deck-htw-sec .bad-luck-card .htw-process-card-list-label{padding:0px 20px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Clear The Deck Game CSS End // ***************************** */



/* ***************************** // Super Slots Game CSS Start // ***************************** */
.super-slots-game {
/*Colors*/
--clr-base:#fff;
--clr-primary:#ffd400;
--clr-dark:#ffd400;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#002937; 
--bg-primary:#12625e;
--bg-dark:#3e1605;

/*Border Colors*/
--bdr1:#ea9138;
  
/*Fonts*/
--font-base:'Helvetica', sans-serif;
--font-head:'HelveticaRoundedLTStd-Black', sans-serif;
--font-action:'HelveticaRoundedLTStd-Black', sans-serif;

/*Btn Shadow*/
--shadow-text:3px 0 0 #506a09, 0 3px 0 #506a09, -3px 0 0 #506a09, 0 -3px 0 #506a09, 2px 2px 1px #506a09, 2px -2px 1px #506a09, -2px -2px 1px #506a09, -2px 2px 1px #506a09, 0.4vmin 0.4vmin 0.8vmin rgba(0, 0, 0, 0.5);
}

.super-slots-game .nav-item-label{border-radius:4px;}

.super-slots-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; max-width:413px;}
.super-slots-game .btn-bg{float:left; width:100%;}
.super-slots-game .btn-text{float:left; width:100%; font-size:41px; position:absolute; top:0; left:0; right:0px; bottom:0px; padding-bottom:10px; z-index:1; color:#fff; font-family:var(--font-action); font-weight:normal; text-shadow:var(--shadow-text);}
.super-slots-game .base-btn:before{content:""; position:absolute; top:4vmin; bottom:4vmin; left:4vmin; right:4vmin; float:left; background-image:url("../images/super-slots/button_bg.webp"), url("../images/super-slots/button_bg.webp"); opacity:0; transition:background-position 3s; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; pointer-events:none; filter:blur(3px); z-index:1;}
.super-slots-game .base-btn:hover:before{animation-name:shine; animation-delay:0.02s; animation-duration:3s; animation-fill-mode:both; animation-iteration-count:infinite;}

.super-slots-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; padding-bottom:130px;}
.super-slots-game .banner-sec-outer{background:transparent; padding:0px;}
.super-slots-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.super-slots-game .banner-logo .game-logo-fig{max-width:21.25%; margin:30px 0px 15px;}
.super-slots-game .banner-logo .game-logo-fig img{filter:drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.5));}

.super-slots-game .banner-sec-video{background:transparent;}
.super-slots-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.super-slots-game .video-block{max-width:1326px; border-radius:0; overflow:inherit;}
.super-slots-game .video-poster, .super-slots-game .client-video{--vertical-pos:66px; top:calc(var(--vertical-pos) - 22px); bottom:auto; --horizontal-pos:222px; left:calc(var(--horizontal-pos) - 10px); right:calc(var(--horizontal-pos)); height:calc(100% - (var(--vertical-pos) * 2)); width:calc(100% - (var(--horizontal-pos) * 2)); border-radius:0px;}
.super-slots-game .video-frame{z-index:3; pointer-events:none;}

.super-slots-about-us-sec .about-us-sec-outer{float:left; width:100%; padding:0px 0px 160px; background:var(--about-us-bg) no-repeat center bottom #007575; background-size:100%;}
.super-slots-about-us-sec .about-us-text{font-size:38px; text-transform:uppercase; text-align:center;}
.super-slots-about-us-sec .btn-bar{margin-top:70px;}

.super-slots-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin:-55px auto 70px;}
.super-slots-game .sec-head-outer{float:left; width:100%; max-width:max-content; display:flex; align-items:center; justify-content:center; position:relative;}
.super-slots-game .sec-head-bg, .super-slots-game .sec-head-bg img{float:left; width:100%; height:100%; object-fit:contain;}
.super-slots-game .sec-main-title{font-size:46px; line-height:0.85em; display:inline-block; color:var(--clr-primary); text-transform:uppercase;}
.super-slots-game .sec-main-title{float:left; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:10px; display:flex; align-items:center; justify-content:center;}
.super-slots-game .sec-head .sec-head-bg{height:108px; filter:drop-shadow(-8px 8px 10px rgba(0, 0, 0, 0.8));}
.super-slots-game .sec-head .sec-title-icon{max-width:160px; position:absolute; right:-22px; bottom:8px;}

/* How to Work CSS Start */
.super-slots-htw-sec{padding:0px 0px;}
.super-slots-htw-sec .sec-head{margin-bottom:100px;}
.super-slots-htw-sec .htw-process-wrap.cont-left{flex-direction:row-reverse;}
.super-slots-htw-sec .htw-process-wrap .col-left{max-width:51%;}
.super-slots-htw-sec .htw-process-wrap .col-right{padding-left:5.6%; padding-right:3%;}
.super-slots-htw-sec .htw-process-wrap.cont-left .col-right{padding-right:5.6%; padding-left:3%; }
.super-slots-htw-sec .how-to-work-process{margin-bottom:100px; position:relative; z-index:2;}
.super-slots-htw-sec .htw-process-theme:after{display:none;}
.super-slots-htw-sec .htw-process-theme img{filter:drop-shadow(5px 10px 15px rgba(0, 0, 0, 0.3));}
.super-slots-htw-sec .htw-process-card:before, .super-slots-htw-sec .htw-process-card:after, 
.super-slots-htw-sec .htw-process-card-outer:before, .super-slots-htw-sec .htw-process-card-outer:after{display:none;}
.super-slots-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:var(--htw-card-bg) no-repeat center top; background-size:100% 100%;}
.super-slots-htw-sec .htw-card-icon{position:absolute; top:-11px; left:auto; right:-24px; width:100%; max-width:16.5%;}
.super-slots-htw-sec .htw-process-card-cont{border-radius:0px; background:transparent;}
.super-slots-htw-sec .htw-process-card-title-bar{position:absolute; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% - -16px)); display:flex; align-items:center; justify-content:center;}
.super-slots-htw-sec .htw-process-card-title{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:33px; color:var(--clr-primary); padding-bottom:6px;}
.super-slots-htw-sec .title-bg-fig{height:84px; filter:drop-shadow(-8px 8px 10px rgba(0, 0, 0, 0.8));}
.super-slots-htw-sec .gameplay-screen-card .title-bg-fig{height:85px;}
.super-slots-htw-sec .htw-process-card-body{display:flex; align-items:center; background:transparent; min-height:438px; padding:60px 51px 40px;}
.super-slots-htw-sec .htw-process-card-list.list-style-none{padding-left:0px;}
.super-slots-htw-sec .htw-process-card-list-item, .super-slots-htw-sec .htw-process-card-list-label{font-size:26px; font-weight:700; text-align:center; color:var(--clr-base);}
.super-slots-htw-sec .difficulty-level-card .htw-process-card-list-item{color:#ffea4f; font-family:var(--font-head);}
.super-slots-htw-sec .htw-process-card-list-label{margin:0px 0px 30px;}
.super-slots-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:30px;}
.super-slots-htw-sec .htw-process-full-sec{background:var(--htw-process-sec-bg-top) no-repeat, var(--htw-process-sec-bg-bottom) no-repeat, var(--bg-base); background-position:left top, left bottom; background-size:100% auto; padding:130px 0px 0px; position:relative;}
.super-slots-htw-sec .htw-process-full-card{padding:0px 44px 0px 26px;}
.super-slots-htw-sec .htw-process-full-card .htw-card-icon.right{max-width:20.85%; top:-54px; right:-58px;}
.super-slots-htw-sec .htw-process-full-card .htw-card-icon.left{max-width:7.98%; left:-26px; top:-13px; right:auto;}
.super-slots-htw-sec .htw-process-full-card .htw-process-card-body{padding:70px 50px 40px; min-height:529px; flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
.super-slots-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:40px;}
.super-slots-htw-sec .htw-process-full-card .htw-process-theme-col-row{float:left; width:100%; display:flex; justify-content:space-evenly;}
.super-slots-htw-sec .htw-process-full-card .htw-process-theme-col-row{gap:0px 20px;}
.super-slots-htw-sec .htw-process-full-card .htw-process-theme-col-row .col{flex:1;}
.super-slots-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:30px; color:var(--clr-primary); text-transform:uppercase;}
.super-slots-htw-sec .htw-process-theme-top-block{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:15px;}
.super-slots-htw-sec .htw-process-theme-top-block .htw-process-theme{max-width:inherit; width:auto;}
.super-slots-htw-sec .htw-process-full-card .htw-process-theme img{filter:drop-shadow(-5px 5px 7px rgba(0, 0, 0, 0.8));}
.super-slots-htw-sec .htw-process-theme-bottom-block{float:left; width:100%;}
.super-slots-htw-sec .htw-process-theme-label{float:left; width:100%; text-align:center; font-size:30px; font-family:var(--font-base); color:var(--clr-primary); margin:40px 0px 30px;}
.super-slots-htw-sec .htw-process-theme-label span{color:var(--clr-base);}
.super-slots-htw-sec .htw-process-theme-text{float:left; width:100%; text-align:center; font-size:22px;}
.super-slots-htw-sec .slot-machine-card .htw-process-theme-col-row .col.left{width:100%; max-width:calc((100% / 3) * 2); flex:inherit;}
.htw-process-cont-bar{float:left; width:100%; display:flex; justify-content:space-between;}
.super-slots-htw-sec .htw-process-full-card.slot-machine-card .htw-process-card-body{padding-top:130px;}
.super-slots-htw-sec .slot-machine-card .htw-process-theme-top-block{margin-bottom:0px;}
.super-slots-htw-sec .htw-process-bg-icon{position:absolute; float:left; width:100%; max-width:10%; z-index:1;}
.super-slots-htw-sec .htw-process-bg-icon img{float:left; width:100%;}
.super-slots-htw-sec .htw-process-full-sec .top-icon{right:0; bottom:calc(100% - 3.4%); max-width:15%;}
.super-slots-htw-sec .htw-process-full-sec .bottom-icon{left:0; top:calc(100% - 4.4%); max-width:16.2%;}
.super-slots-htw-sec .how-to-work-process-sec-seven{margin-top:100px;}
.super-slots-htw-sec .how-to-work-process-sec-ten{margin-bottom:150px;}
.super-slots-htw-sec .how-to-work-process-sec-ten .bottom-icon{left:7px; top:calc(100% - 22.6%); max-width:10%; z-index:auto;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.super-slots-game-expect-sec .game-expectation-sec-outer{background:var(--game-expect-bg) no-repeat, var(--bg-primary); background-position:center bottom; background-size:100% auto; padding:0px 0px 110px; position:relative;}
.super-slots-game-expect-sec .game-expect-sec-icon{position:absolute; float:left; width:100%; max-width:10%;}
.super-slots-game-expect-sec .game-expect-sec-icon img{float:left; width:100%;}
.super-slots-game-expect-sec .top-icon{right:0; top:-9.6%; max-width:16.2%;}
.super-slots-game-expect-sec .top-icon img{transform:scaleX(-1);}
.super-slots-game-expect-sec .game-expectation-list{--gap-item:32px; gap:0px var(--gap-item); justify-content:center;}
.super-slots-game-expect-sec .game-expectation-item{--item-top-space:110px; margin-top:var(--item-top-space); max-width:calc((100% / 4) - (var(--gap-item) * 3 / 4));}
.super-slots-game-expect-sec .game-expectation-card{background:linear-gradient(to top, rgba(167,96,32,1) 0%,rgba(231,174,115,1) 100%); padding:10px; border-radius:15px; box-shadow:0px 4px 25px 20px rgba(0, 0, 0, 0.3);}
.super-slots-game-expect-sec .game-expectation-card-outer{background:#4b2609; padding:30px 10px 40px; margin:0px; border-radius:5px;}
.super-slots-game-expect-sec .game-expect-icon-block{top:inherit; margin-top:calc(var(--item-top-space) * -1); margin-bottom:25px;}
.super-slots-game-expect-sec .game-expect-card-fig{--circle-size:155px; width:var(--circle-size); min-width:var(--circle-size); max-width:var(--circle-size); height:var(--circle-size); filter:drop-shadow(10px 4px 0px rgba(0, 0, 0, 0.3));}
.super-slots-game-expect-sec .game-expect-card-title{font-size:26px; font-family:var(--font-head); text-transform:uppercase; color:var(--clr-dark);}
.super-slots-game-expect-sec .game-expect-details-item{font-size:21px; color:#fff; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.bottom-sec-wrap{float:left; width:100%; background:var(--bottom-sec-bg) no-repeat center bottom; background-size:100% auto; position:relative;}
.bottom-sec-wrap:before{content:""; position:absolute; left:0; top:0; width:100%; height:50%; background:#012c38; z-index:-1;}
.super-slots-game-summary-sec .game-summary-sec-outer{background:transparent; padding:70px 0px;}
.super-slots-game-summary-sec .game-summary-text{max-width:100%; font-size:40px; font-family:var(--font-base); padding:0px 40px;}
.super-slots-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.super-slots-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.super-slots-faq-sec .faq-sec-outer{padding:90px 0px 150px;}
.super-slots-faq-sec .sec-head{margin-bottom:50px;}
.super-slots-faq-sec .sec-main-title{padding-left:50px; padding-right:50px;}
.super-slots-faq-sec .accordion-item{margin-bottom:20px;}
.super-slots-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.super-slots-faq-sec .accordion-card{border:none; position:relative; border-radius:45px; padding:0px; background:var(--bg-primary);}
.super-slots-faq-sec .accordion-card:before{content:""; position:absolute; left:-3px; top:0px; width:calc(100% + 6px); height:calc(100% + 3px); display:none; background:var(--bdr1); border-radius:52px 52px 47px 47px; z-index:-1;}
.super-slots-faq-sec .is-open .accordion-card:before{display:block;}
.super-slots-faq-sec .accordion-head{padding:20px 12px 24px 30px; border:3px solid var(--bdr1); background:var(--bg-dark); border-radius:50px;}
.super-slots-faq-sec .accordion-body{border-radius:0 0 10px 10px; padding-right:12px;}
.super-slots-faq-sec .accordion-title{font-size:30px; font-family:var(--font-base); color:var(--clr-base);}
.super-slots-faq-sec .answer-label, .super-slots-faq-sec .accordion-text{font-size:30px; font-family:var(--font-base); color:var(--clr-base);}
.super-slots-faq-sec .accordion-text{flex:1;}
.super-slots-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:90px;}
.super-slots-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.super-slots-faq-sec .accordion-icon{background:#ffd400; --circle-size:42px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.super-slots-faq-sec .accordion-icon .icon{color:var(--bg-dark); font-size:20px;}
/*FAQ CSS End */

.super-slots-game .footer{background:#12625e; margin-top:-25px;}
.super-slots-game .copyright-text{color:#fff0f4;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .super-slots-game .video-block{max-width:1056px;}
  .super-slots-game .video-poster, .super-slots-game .client-video{--vertical-pos:49px; --horizontal-pos:182px;}
  .super-slots-game .banner-logo .game-logo-fig{max-width:24.25%;}
  .super-slots-about-us-sec .about-us-text{font-size:30px;}
  .super-slots-about-us-sec .btn-bar{margin-top:50px;}
  .super-slots-about-us-sec .about-us-sec-outer{padding:0px 0px 140px;}
  .super-slots-game .base-btn{max-width:356px;}
  .super-slots-game .btn-text{font-size:34px;}
  .super-slots-game .sec-head{margin:-48px auto 60px;}
  .super-slots-game .sec-head .sec-head-bg{height:97px;}
  .super-slots-game .sec-main-title{font-size:40px; padding-bottom:6px;}
  .super-slots-game .sec-head .sec-title-icon{max-width:140px; right:-18px; bottom:12px;}

  .super-slots-htw-sec .htw-process-card-body{min-height:348px; padding:60px 45px 40px;}
  .super-slots-htw-sec .htw-process-wrap .col-left{max-width:48%;}
  .super-slots-htw-sec .htw-process-card-list-item, .super-slots-htw-sec .htw-process-card-list-label{font-size:22px;}
  .super-slots-htw-sec .htw-card-icon{top:-8px; right:-17px; max-width:14.5%;}
  .super-slots-htw-sec .htw-process-card-title-bar{transform:translateY(calc(-50% - -13px));}
  .super-slots-htw-sec .htw-process-full-sec .top-icon{bottom:calc(100% - 2.4%);}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.left{left:-21px; top:-10px;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.right{top:-37px; right:-37px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:26px;}
  .super-slots-htw-sec .title-bg-fig{height:71px;}
  .super-slots-htw-sec .htw-process-card-title{font-size:28px;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:26px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-body{min-height:480px;}
  .super-slots-htw-sec .htw-process-theme-label{font-size:26px; margin:30px 0px 20px;}
  .super-slots-htw-sec .htw-process-theme-text{font-size:20px;}
  .super-slots-htw-sec .game-play-indicators-card .htw-process-theme-col-row .col.left{flex:0 0 18%;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-theme-col-row .col.right{flex:0 0 30%;}
  .super-slots-htw-sec .slot-machine-card .col.left .htw-process-theme-top-block .htw-process-theme{max-width:90%; min-height:148px;}
  .super-slots-htw-sec .htw-process-full-card.slot-machine-card .htw-process-card-body{padding-top:100px;}
  .super-slots-htw-sec .htw-process-full-sec .bottom-icon{top:calc(100% - 3.4%);}
  .super-slots-htw-sec .how-to-work-process-sec-ten .bottom-icon{top:calc(100% - 8.6%);}

  .super-slots-game-expect-sec .top-icon{top:-3.6%;}
  .super-slots-game-expect-sec .game-expectation-item{max-width:calc((100% / 3) - (var(--gap-item) * 3 / 4));}

  .super-slots-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .super-slots-game-summary-sec .game-summary-text{font-size:34px;}

  .super-slots-faq-sec .faq-sec-outer{padding:90px 0px 120px;}
  .super-slots-faq-sec .accordion-head{padding:16px 12px 20px 30px}
  .super-slots-faq-sec .accordion-title, .super-slots-faq-sec .answer-label, .super-slots-faq-sec .accordion-text{font-size:27px;}
}

@media(max-width:1280px) {
  .super-slots-game .video-block{max-width:856px;}
  .super-slots-game .video-poster, .super-slots-game .client-video{--vertical-pos:40px; --horizontal-pos:150px; top:calc(var(--vertical-pos) - 17px); left:calc(var(--horizontal-pos) - 7px);}
  .super-slots-about-us-sec .about-us-text{font-size:25px;}
  .super-slots-about-us-sec .btn-bar{margin-top:30px;}
  .super-slots-about-us-sec .about-us-sec-outer{padding:0px 0px 100px;}
  .super-slots-game .base-btn{max-width:326px;}
  .super-slots-game .btn-text{font-size:28px; padding-bottom:6px;}
  .super-slots-game .sec-head{margin:-40px auto 50px;}
  .super-slots-game .sec-head .sec-head-bg{height:77px;}
  .super-slots-game .sec-main-title{font-size:32px; padding-bottom:6px;}
  .super-slots-game .sec-head .sec-title-icon{max-width:110px; right:-14px; bottom:7px;}

  .super-slots-htw-sec .how-to-work-process{margin-bottom:70px;}
  .super-slots-htw-sec .htw-process-card-body{min-height:310px; padding:50px 30px 20px;}
  .super-slots-htw-sec .htw-process-card-list-item, .super-slots-htw-sec .htw-process-card-list-label{font-size:19px;}
  .super-slots-htw-sec .htw-card-icon{top:-7px; right:-15px;}
  .super-slots-htw-sec .htw-process-full-sec{padding:100px 0px 0px;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.left{left:-18px; top:-8px;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.right{top:-30px; right:-30px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:22px;}
  .super-slots-htw-sec .title-bg-fig{height:62px;}
  .super-slots-htw-sec .htw-process-card-title{font-size:24px; padding-bottom:3px;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:22px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-body{min-height:420px; padding:50px 40px 30px;}
  .super-slots-htw-sec .htw-process-theme-label{font-size:22px; margin:20px 0px 10px;}
  .super-slots-htw-sec .htw-process-theme-text{font-size:18px;}
  .super-slots-htw-sec .htw-process-full-card.slot-machine-card .htw-process-card-body{padding-top:80px; min-height:400px;}
  .super-slots-htw-sec .how-to-work-process-sec-ten{margin-bottom:110px;}
  .super-slots-htw-sec .how-to-work-process-sec-seven{margin-top:70px;}

  .super-slots-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 60px;}
  .super-slots-game-expect-sec .sec-head{margin-bottom:30px;}
  .super-slots-game-expect-sec .top-icon{top:-3.2%;}
  .super-slots-game-expect-sec .game-expectation-item{--item-top-space:100px;}
  .super-slots-game-expect-sec .game-expectation-card-outer{padding:30px 10px 30px;}
  .super-slots-game-expect-sec .game-expect-card-fig{--circle-size:135px;}
  .super-slots-game-expect-sec .game-expect-card-title{font-size:22px;}
  .super-slots-game-expect-sec .game-expect-details-item{font-size:19px;}

  .super-slots-game-summary-sec .game-summary-text{font-size:28px;}

  .super-slots-faq-sec .faq-sec-outer{padding:70px 0px 100px;}
  .super-slots-faq-sec .faq-block{padding:0px 7px;}
  .super-slots-faq-sec .accordion-head{padding:12px 12px 16px 30px}
  .super-slots-faq-sec .accordion-title, .super-slots-faq-sec .answer-label, .super-slots-faq-sec .accordion-text{font-size:22px;}
  .super-slots-faq-sec .accordion-icon{--circle-size:38px;}
  .super-slots-faq-sec .accordion-icon .icon{font-size:17px;}
  .super-slots-faq-sec .accordion-card:before{border-radius:40px 40px 47px 47px;}
  .super-slots-game .footer{margin-top:-13px;}
}

@media(max-width:1023px) {
  .super-slots-game .banner-logo .game-logo-fig{margin:15px 0px 5px;}
  .super-slots-game .video-block{max-width:676px;}
  .super-slots-game .video-poster, .super-slots-game .client-video{--vertical-pos:31px; --horizontal-pos:118px; top:calc(var(--vertical-pos) - 8px); left:calc(var(--horizontal-pos) - 6px);}
  .super-slots-game .banner-sec{padding-bottom:100px;}
  .super-slots-about-us-sec .about-us-text{font-size:20px; padding:0px 20px;}
  .super-slots-about-us-sec .about-us-sec-outer{padding:0px 0px 90px;}
  .super-slots-game .base-btn{max-width:286px;}
  .super-slots-game .btn-text{font-size:24px;}
  .super-slots-game .sec-head{margin:-33px auto 70px;}
  .super-slots-game .sec-head .sec-head-bg{height:68px;}
  .super-slots-game .sec-main-title{font-size:26px; padding-bottom:6px;}
  .super-slots-game .sec-head .sec-title-icon{max-width:100px; right:-12px; bottom:4px;}
  .super-slots-about-us-sec .sec-head{margin-bottom:40px;}

  .super-slots-htw-sec .htw-process-wrap.cont-left .col-right{padding-right:4.6%; padding-left:1%;}
  .super-slots-htw-sec .htw-process-card-body{min-height:260px; padding:40px 22px 20px;}
  .super-slots-htw-sec .htw-process-card-list-item, .super-slots-htw-sec .htw-process-card-list-label{font-size:17px;}
  .super-slots-htw-sec .htw-card-icon{top:-5px; right:-11px;}
  .super-slots-htw-sec .htw-process-full-sec{padding:70px 0px 0px;}
  .super-slots-htw-sec .htw-process-full-card{padding:0px 30px 0px 20px;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.left{left:-14px; top:-6px;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.right{top:-22px; right:-22px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-list-item{font-size:18px;}
  .super-slots-htw-sec .htw-process-card-title-bar{transform:translateY(calc(-50% - -8px));}
  .super-slots-htw-sec .title-bg-fig{height:56px;}
  .super-slots-htw-sec .htw-process-card-title{font-size:22px;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-card-title{font-size:19px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-body{min-height:340px;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-theme-text{font-size:15px;}
  .super-slots-htw-sec .htw-process-theme-label{font-size:19px; margin:20px 0px 10px;}
  .super-slots-htw-sec .htw-process-theme-text{font-size:16px;}
  .super-slots-htw-sec .htw-process-full-card.slot-machine-card .htw-process-card-body{padding-top:70px; min-height:280px;}
  .super-slots-htw-sec .how-to-work-process-sec-ten{margin-bottom:110px;}
  .super-slots-htw-sec .how-to-work-process-sec-seven{margin-top:70px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-list{margin-top:10px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-list-block{margin-bottom:20px;}
  .super-slots-htw-sec .htw-process-theme-top-block .htw-process-theme{height:60px;}
  .super-slots-htw-sec .htw-process-theme-top-block .htw-process-theme img{height:100%; object-fit:contain;}
  .super-slots-htw-sec .slot-machine-card .col.left .htw-process-theme-top-block .htw-process-theme{min-height:inherit;}
  .super-slots-htw-sec .how-to-work-process-sec-ten .bottom-icon{top:calc(100% - 1%);}

  .super-slots-game-expect-sec .top-icon{top:-2.2%;}
  .super-slots-game-expect-sec .sec-head{margin-bottom:30px;}
  .super-slots-game-expect-sec .game-expectation-item{max-width:calc((100% / 2) - (var(--gap-item) * 3 / 4));}
  .super-slots-game-expect-sec .game-expectation-card{min-height:316px;}
  .super-slots-game-expect-sec .game-expect-card-title{font-size:20px;}
  .super-slots-game-expect-sec .game-expect-details-item{font-size:17px;}

  .super-slots-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .super-slots-game-summary-sec .game-summary-text{font-size:23px; padding:0px;}

  .super-slots-faq-sec .faq-sec-outer{padding:50px 0px 70px;}
  .super-slots-faq-sec .sec-head{margin-bottom:30px;}
  .super-slots-faq-sec .accordion-head{padding:10px 12px 14px 30px}
  .super-slots-faq-sec .accordion-title, .super-slots-faq-sec .answer-label, .super-slots-faq-sec .accordion-text{font-size:18px;}
  .super-slots-faq-sec .accordion-cont-bar{min-height:70px; padding:10px 0px;}
  .super-slots-faq-sec .accordion-item{margin-bottom:15px;}
}

@media(max-width:767px) {
  .super-slots-game {
  /*Btn Shadow*/
  --shadow-text:1px 0 0 #506a09, 0 1px 0 #506a09, -1px 0 0 #506a09, 0 -1px 0 #506a09, 1px 1px 1px #506a09, 1px -1px 1px #506a09, -1px -1px 1px #506a09, -1px 1px 1px #506a09, 0.4vmin 0.4vmin 0.8vmin rgba(0, 0, 0, 0.5);
  }

  .super-slots-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .super-slots-game .banner-logo .game-logo-fig{max-width:31%; margin:7px 0px 5px;}
  .super-slots-game .video-block{max-width:340px;}
  .super-slots-game .video-iframe{min-width:calc(100% + 70px); margin-left:-32px;}
  .super-slots-game .video-poster, .super-slots-game .client-video{--vertical-pos:20px; --horizontal-pos:72px; top:calc(var(--vertical-pos) - 6px); left:calc(var(--horizontal-pos) - 4px);}
  .super-slots-game .banner-sec{padding-bottom:32px;}
  .super-slots-about-us-sec .about-us-text{font-size:18px; padding:0px 10px;}
  .super-slots-about-us-sec .about-us-sec-outer{padding:0px 0px 50px; background:var(--about-us-bg-mob) no-repeat center bottom #007575; background-size:100%;}
  .super-slots-about-us-sec .btn-bar{margin-top:15px;}
  .super-slots-game .base-btn{max-width:156px;}
  .super-slots-game .btn-text{font-size:15px; padding-bottom:2px;}
  .super-slots-game .sec-head{margin:-22px auto 30px;}
  .super-slots-game .sec-head .sec-head-bg{height:44px; filter:drop-shadow(-2px 3px 4px rgba(0, 0, 0, 0.8));}
  .super-slots-game .sec-main-title{font-size:18px; padding-bottom:2px;}
  .super-slots-game .sec-head .sec-title-icon{max-width:64px; right:-4px; bottom:2px;}
  .super-slots-about-us-sec .sec-head{margin:-18px auto 20px;}
  .super-slots-about-us-sec .sec-head .sec-head-bg{height:36px;}
  .super-slots-about-us-sec .sec-main-title{font-size:15px;}
  .super-slots-about-us-sec .sec-head .sec-title-icon{max-width:54px; right:-4px; bottom:-2px;}

  .super-slots-htw-sec .htw-process-wrap.cont-left{flex-direction:column;}
  .super-slots-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 7px;}
  .super-slots-htw-sec .htw-process-wrap .col-right, .super-slots-htw-sec .htw-process-wrap.cont-left .col-right{padding:0px 10px;}
  .super-slots-htw-sec .htw-process-card{margin-top:35px;}
  .super-slots-htw-sec .htw-process-theme img{filter:drop-shadow(2px 5px 8px rgba(0, 0, 0, 0.3));}
  .super-slots-htw-sec .title-bg-fig{height:50px; filter:drop-shadow(-4px 4px 7px rgba(0, 0, 0, 0.8));}
  .super-slots-htw-sec .htw-process-card-title{font-size:18px;}
  .super-slots-htw-sec .htw-process-card-list-item, .super-slots-htw-sec .htw-process-card-list-label{font-size:16px;}
  .super-slots-htw-sec .how-to-work-process{margin-bottom:30px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-outer{background:var(--htw-card-bg-mob) no-repeat center top; background-size:100% 100%;}
  .super-slots-htw-sec .htw-process-full-sec{background-size:185% auto, 165% auto; padding:20px 0px;}
  .super-slots-htw-sec .htw-process-full-card{padding:0px 10px;}
  .super-slots-htw-sec .htw-process-card-title-bar{z-index:1;}
  .super-slots-htw-sec .htw-process-full-card .htw-card-icon.right{top:-15px; right:-20px; max-width:126px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-card-body{min-height:680px; padding:40px 30px 50px;}
  .super-slots-htw-sec .htw-process-full-card .htw-process-theme-col-row{flex-direction:column; gap:30px 0px;}
  .super-slots-htw-sec .htw-process-theme-label{font-size:20px; margin:5px 0px;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-theme-text{font-size:18px;}
  .super-slots-htw-sec .htw-process-theme-top-block .htw-process-theme{height:64px;}
  .super-slots-htw-sec .col.left .htw-process-theme-top-block .htw-process-theme{height:auto;}
  .super-slots-htw-sec .htw-process-full-sec .htw-process-theme-text br{display:none;}
  .super-slots-htw-sec .how-to-work-process.how-to-work-process-sec-five{margin-bottom:10px;}
  .super-slots-htw-sec .htw-process-full-sec .slot-machine-card .htw-process-card-title{font-size:14px;}
  .super-slots-htw-sec .slot-machine-card .htw-process-theme-col-row .col.left{max-width:100%;}
  .htw-process-cont-bar{flex-direction:column; gap:30px 0px;}
  .super-slots-htw-sec .slot-machine-card .col.left .htw-process-theme-top-block .htw-process-theme{max-width:100%;}
  .super-slots-htw-sec .htw-process-cont-bar .htw-process-theme-label{margin-top:15px;}
  .super-slots-htw-sec .slot-machine-card .col.left .spin-col .htw-process-theme-top-block .htw-process-theme{max-width:30%;}
  .super-slots-htw-sec .slot-machine-card .col.left .spin-col .htw-process-theme-top-block .htw-process-theme img{filter:drop-shadow(5px 2px 0px rgba(0, 0, 0, 0.3));}
  .super-slots-htw-sec .slot-machine-card .col.right .htw-process-theme-top-block .htw-process-theme{height:105px;}
  .super-slots-htw-sec .how-to-work-process-sec-seven{margin-top:30px;}

  .super-slots-game-expect-sec .game-expectation-sec-outer{background:#007574 var(--game-expect-bg-mob) no-repeat center bottom; background-size:100% auto; margin-top:30px; padding:0px 0px 20px;}
  .super-slots-game-expect-sec .top-icon{top:-3.5%; max-width:24.2%;}
  .super-slots-game-expect-sec .owl-stage{margin:60px 0px 20px;}
  .super-slots-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px); --item-top-space:60px; margin-top:0px;}
  .super-slots-game-expect-sec .game-expect-card-fig{--circle-size:120px; filter:drop-shadow(7px 2px 0px rgba(0, 0, 0, 0.3));}
  .super-slots-game-expect-sec .game-expectation-card{min-height:auto; padding:6px; box-shadow:0px 2px 18px 2px rgba(0, 0, 0, 0.3);}
  .super-slots-game-expect-sec .game-expectation-card-outer{padding:0px 10px 20px; border-radius:10px;}
  .super-slots-game-expect-sec .game-expect-card-title{font-size:19px;}
  .super-slots-game-expect-sec .game-expect-details-item{font-size:15px;}
  .super-slots-game .owl-carousel .owl-dot span{border:none; background:var(--bg-primary);}
  .super-slots-game .owl-carousel .owl-dot.active span{background:var(--bg-base);}

  .bottom-sec-wrap{background:var(--bottom-sec-bg-mob) no-repeat center bottom; background-size:100% auto;}
  .super-slots-game-summary-sec .game-summary-sec-outer{padding:40px 0px 10px;}
  .super-slots-game-summary-sec .game-summary-text{font-size:18px;}
  .super-slots-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .super-slots-faq-sec .faq-sec-outer{padding:50px 0px 50px;}
  .super-slots-faq-sec .accordion-head{padding:10px 10px 10px 12px; min-height:50px; border-width:2px;}
  .super-slots-faq-sec .accordion-title, .super-slots-faq-sec .answer-label, .super-slots-faq-sec .accordion-text{font-size:14px;}
  .super-slots-faq-sec .accordion-icon{--circle-size:22px;}
  .super-slots-faq-sec .accordion-icon .icon{font-size:12px;}
  .super-slots-faq-sec .accordion-card{border-radius:32px;}
  .super-slots-faq-sec .accordion-card:before{left:-2px; width:calc(100% + 4px); height:calc(100% + 2px); border-radius:30px 30px 34px 34px;}
  .super-slots-faq-sec .accordion-cont-bar{min-height:60px;}
  .super-slots-faq-sec .accordion-item{margin-bottom:10px;}
  .super-slots-game .footer{margin-top:-9px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Super Slots Game CSS End // ***************************** */




/* ***************************** // Wordrip Game CSS Start // ***************************** */
.wordrip-game {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Helvetica', sans-serif;
  --font-mono:'Montserrat';
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
  
}

.wordrip-game .header{box-shadow:none;}
.wordrip-game .nav-item-label{font-weight:600;}
@media (hover: hover){
  .wordrip-game .active .nav-item-label, .wordrip-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}
.wordrip-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.wordrip-game .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.wordrip-game .btn-bar .base-btn{max-width:38%; padding: 15px 0 25px 0;}

.wordrip-game .game-logo-fig{max-width:38%;}

.wordrip-game .banner-sec{background:var(--banner-bg) no-repeat center; background-size:100% 100%; padding-bottom: 127px;}
.wordrip-game .banner-sec-outer{background:transparent; padding:0px;}
.wordrip-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.wordrip-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin:-2% 0 0 auto;}
.wordrip-game .banner-sec-video{background:transparent;}
.wordrip-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.wordrip-game .video-block{max-width:57%; position:relative; overflow:inherit;}
.wordrip-game .video-frame {position: relative;}
.wordrip-game .video-frame::after{ display: none;}
.wordrip-game .video-poster, .wordrip-game .client-video{top: 2.6%; left: 2%; right: 3.5%; height: calc(100% - 5.4%); width: calc(100% - 4.1%);}
.wordrip-game .video-shadow{bottom:-15px;}

.wordrip-game .sec-head{display:flex; align-items:center; justify-content:center;}
.wordrip-game .sec-head-title{color: #ffff;}
.wordrip-game .sec-head-outer{float:left; width:100%; position:relative; max-width:1007px; display:flex; align-items:center; justify-content:center;}
.wordrip-game .htw-sec-head .sec-head-outer{max-width: 58%; height: 0;}
.wordrip-game .sec-head-bg{float:left; width:100%; position: relative;}
.wordrip-game .sec-head-bg img{float:left; width:100%; filter: drop-shadow(0 8px 11px rgba(0, 0, 0, 0.3))};
.wordrip-game .sec-main-title{text-transform:none; padding-top:10px;}
.wordrip-about-us-sec{background:#2c266b; color: var(--bg-body);}
.wordrip-game .htw-process-card-list .htw-process-card-list-item{max-width: 88%; font-size: 24px;}
.wordrip-game .htw-process-card-text::marker{color:#fad047;}
.wordrip-game .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}

.wordrip-about-us-sec .about-us-text{color:var(--bg-body); font-weight:500; text-align:center; font-family: var(--font-btn); max-width: 78%; font-size: 27px;} 
.wordrip-about-us-sec .about-us-content{float:left; width:100%; padding: 50px 0}
.wordrip-about-us-sec .about-us-btn-bar{margin-bottom:-110px;}

/* How to Work CSS Start */
.wordrip-htw-sec .htw-work-title{position: absolute; margin-bottom: 7px; color:#4a0457; font-size: 62px;} 
.wordrip-htw-sec .htw-process-theme{ position: relative;}
.wordrip-htw-sec .htw-process-theme::after{border-radius: 100px 100px 0px 0px; opacity: 0.76; filter: inherit;  background: linear-gradient(to right, rgba(32,29,121,0) 0%,rgba(32,29,121,0.8) 10%,rgba(32,29,121,1) 19%,rgba(32,29,121,1) 20%,rgba(32,29,121,1) 50%,rgba(32,29,121,1) 80%,rgba(32,29,121,1) 81%,rgba(32,29,121,0.8) 90%,rgba(32,29,121,0) 100%); z-index: -1; height: 18px;bottom: -5px;left: -52px;right: -25px; width: calc(100% + 100px);}
.wordrip-game .htw-process-theme img{position: relative;}
.wordrip-htw-sec .htw-process-card-outer{background:transparent; padding:0px;}
.wordrip-htw-sec .htw-process-card-cont{background:var(--bg-base); border-radius:38px; padding:0px;}
.wordrip-htw-sec .htw-process-card-title{text-transform: uppercase; font-weight: 800;}
.wordrip-htw-sec .htw-process-card-text{ color: #ffff !important;}

.wordrip-game .htw-process-theme{position: relative; z-index: 2;}
.wordrip-game .htw-icon-resize img{max-width: 100%;}
.wordrip-game .htw-s-icon{position: absolute; top: -120px; left: -170px;}
.wordrip-game .htw-d-icon{position: absolute; bottom: -42px; left: 0;}
.wordrip-game .htw-o-icon{position: absolute; top: -180px; right: -60px;}
.wordrip-game .htw-watch-icon{position: absolute; left: 0; bottom: -140px;}
.wordrip-game .htw-glowing-star-one{position: absolute; left: -205px; top: -50px;}
.wordrip-game .htw-glowing-star-two{position: absolute; right: -115px; bottom: -55px; z-index: 2;}
.wordrip-game .htw-glowing-star-three{position: absolute; left: 0; bottom: 80px;}
.wordrip-game .wascot-w-icon{position: absolute;right: 0; bottom: -99px; z-index: 2; text-align: right;}
.wordrip-game .htw-icon img{max-width: 100%;}
.wordrip-game .htw-icon-one{position: absolute; left: -260px; bottom: -152px;}
.wordrip-game .htw-icon-two{position: absolute; top: -85px; left: -150px;}
.wordrip-game .how-to-work-process-sec-one{position: relative;}
.wordrip-game .htw-level-space{margin: 30px 0;}
.wordrip-game .htw-process-card-body{padding: 0;}
.wordrip-game .htw-card-start{padding-left: 15px;}
.wordrip-game .btn-play-btn{margin-bottom: 120px;}

.wordrip-htw-sec .htw-process-card-list-item {color: #201171; list-style: disc; padding: 0 !important; position: relative; font-size: 27px;}
.wordrip-htw-sec .htw-process-card-list-one{margin-left: 50px;}
.wordrip-htw-sec.wordrip-htw-sec-bg{background-image: url("../images/wordrip/how-to-work-theme.webp"); background-repeat:no-repeat; background-position: top center; background-size:cover; padding: 38px 0;}
.wordrip-htw-sec .htw-process-bg{background-color: #6451cf;}
.wordrip-htw-sec .htw-destroy-bg{background-color: #6451cf; padding: 50px 0;}
.wordrip-htw-sec .htw-process-spacing{position: relative; margin: 50px 0 120px 0;} 
.wordrip-htw-sec .htw-sec-expectations{margin-top: -200px;}
.wordrip-htw-sec .step-card-icon{left:18%; right:auto; max-width:183px;}
.wordrip-htw-sec .card-cloud-icon{position:absolute; left:77%; top:-90px; float:left; width:100%; max-width:263px;}
.wordrip-game .card-cloud-icon img{float:left; width:100%;}

.wordrip-htw-sec .htw-process-wrap{flex-wrap:nowrap; margin: 110px 0;}
.wordrip-game .htw-move-space {margin: 50px 0;}
.wordrip-htw-sec .htw-process-wrap .col-left{max-width:59%; position: relative;}
.wordrip-htw-sec .game-start-card .htw-process-card-cont{background:transparent; padding-left: 60px;}
.wordrip-game .col-right-space{margin-left: 50px;}

.wordrip-htw-sec .game-start-card .htw-process-card-title{color: #6451cf; font-size: 67px;}
.wordrip-htw-sec .game-start-card .htw-scoring-system{padding-bottom: 150px;}
.wordrip-htw-sec .game-start-card .htw-text-space{color: #6451cf; font-size: 52px;}

.wordrip-htw-sec .game-start-card .htw-process-card-space{padding-left: 0;}
.wordrip-htw-sec .htw-process-wrap-three .col-left{margin-bottom:80px;}
.wordrip-htw-sec .htw-process-wrap-three .col-right{padding:0px 0px 68px 0px;}
.wordrip-htw-sec .htw-process-theme-icon{position:absolute; top:-24px; left:-34px; right:auto; bottom:auto; float:left; width:100%; max-width:94px;}
.wordrip-htw-sec .htw-card-btn-bar{position:absolute; right:0px; bottom:-70px; justify-content:flex-end; padding-right:40px;}

.wordrip-htw-sec .htw-expectations{display: flex;}
.wordrip-game .owl-carousel .owl-dot.active span{background-color: #ffd200; border: 2px solid #13073f;}

.wordrip-htw-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:250px 0 0;}
.wordrip-htw-sec .game-summary-card .htw-process-card-body{padding:70px 14% 40px 30px;}
.wordrip-htw-sec .htw-process-wrap-five .col-right{padding-bottom:0px;}
.wordrip-htw-sec .game-summary-card .htw-process-card-list-block{padding-left:40px;}
.wordrip-htw-sec .htw-process-wrap-five .col-left{margin-right:auto; margin-left:-10.6%;}
.wordrip-htw-sec .htw-process-wrap-five .htw-process-theme-icon{left:auto; right:-34px; top:-34px; max-width:128px;}
.wordrip-htw-sec .game-summary-card .step-card-icon{left:auto; right:22%;}
/* How to Work CSS End */


/* Game Expectation CSS Start */
.wordrip-game-expectation-sec .sec-head-outer{max-width:58%; height: 0;}
.wordrip-game .game-expectation-sec-outer{background: url("../images/wordrip/expectations-bg.webp") ; background-repeat:no-repeat; background-position: center; background-size:cover; }
.wordrip-game-expectation-sec .game-expectation-list{gap:0px 13px; margin: 100px 0;}
.wordrip-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 10px); margin-top:80px;}
.wordrip-game-expectation-sec .game-expectation-card-outer{border-radius:38px; border: 3px solid black; margin-top:0px; padding:14px 24px 24px; box-shadow: 0px 0px 16px rgb(255 0 90) inset, 0px -7px 14px rgb(255 0 90) inset;}
.wordrip-game-expectation-sec .game-expectation-card-body{background:transparent; border-radius:0px; box-shadow:none; padding: 0 10px;}
.wordrip-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px; min-height:110px; }
.wordrip-game-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; align-items:center; justify-content:center;}
.wordrip-game-expectation-sec .game-expect-card-fig img{width:auto;}
.wordrip-game-expectation-sec .game-expect-card-title{color:#072073; font-size:30px; font-weight: 800; text-align: center;}
.wordrip-game-expectation-sec .game-expect-details-item{color:#072073; font-weight:600; font-size:18px; text-align: center; font-family: var(--font-mono);}
.wordrip-game-expectation-sec .game-expect-details-item:before{width:auto; height:auto;}
.wordrip-htw-sec .game-start-card .htw-process-card-text-heading{font-size: 52px;}
.wordrip-htw-sec .game-start-card .htw-process-card-text-level{font-size: 62px;}
.wordrip-htw-sec .game-start-card .htw-game-over-text{padding-left: 0; margin-left: -35px;}
.wordrip-game .btn-bg img{filter: none;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.wordrip-game-summary-sec .game-summary-sec-outer{background:#ffc000; padding:0px;}
.wordrip-game-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-weight:800; color: #201e48;}
.wordrip-game-summary-sec .game-summary-btn-bar{padding-top:0px;}
.wordrip-game-summary-sec .game-summary-btn-bar:before{display:none;}
.wordrip-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:50px 0 50px 0; position:relative;}
.wordrip-game .g-summary-sec-icon.top-icon{position:absolute; top:-56px;}
.wordrip-game .g-summary-sec-icon.bottom-icon{position:absolute; bottom:-56px; right:0px; z-index:1;}
.wordrip-game .game-expectation-sec-outer{padding: 0 0 30px 0;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.wordrip-faq-sec .faq-sec-outer{background:var(--bg-dark) var(--faq-bg) no-repeat center; background-size:100% 100%; padding:0px 0px 80px 0; }
.wordrip-faq-sec .sec-head-outer{max-width:707px;}
.wordrip-game .btn-faq{margin: 70px 0 85px 0; filter: drop-shadow(0px 2px 31px rgba(254, 1, 0, 0.95))}
.wordrip-faq-sec .faq-sec-head{margin-bottom:0;}
.wordrip-faq-sec .accordion-head{padding:0px; border:none; border-radius: 11px; border: 3px solid rgba(187, 181, 253, 0.75);}
.wordrip-faq-sec .accordion-card{padding: 0; border: 3px solid rgba(255,255,255,0.3); border-radius: 11px;  background-color: rgb(65 19 123 / 56%); border: none;}
.wordrip-game .faq-block {margin: 80px 0 0 0; padding: 0 100px;}
.wordrip-faq-sec .accordion-head-outer{ box-shadow: none; background: none;}
.wordrip-faq-sec .accordion-title{color: #ffffff; font-size:36px; font-weight:800; text-transform:inherit; display:flex; align-items:center; padding-left: 10px;}
.wordrip-faq-sec .is-open .accordion-title .question-label{color: #42137b; font-size: 36px; margin-right: 13px;}
.wordrip-faq-sec .is-open .accordion-card{background-color: white;}
.wordrip-faq-sec .is-open .accordion-head{background: none; border: none;}
.wordrip-faq-sec .is-open .accordion-title{color: #42137b; padding-left: 15px;}
.wordrip-faq-sec .is-open .accordion-text{color: #1a0632 ; margin-left: 21px;}
.wordrip-faq-sec .question-label{color:#fff; font-size:36px; font-weight:800; height:50px; border-radius:10px; display:inline-flex; align-items:center;justify-content:center; margin-right: 10px;}
.wordrip-faq-sec .accordion-body{padding: 0px 0 30px 10px; margin-top: -27px;}
.wordrip-faq-sec .accordion-cont-bar{min-height:50px; padding:0 0px 0 30px;}
.wordrip-faq-sec .accordion-text{font-size:31px; font-weight:400; color: #1a0632; font-family: var(--font-btn); margin-left: 21px;}
.wordrip-faq-sec .accordion-icon .icon{width:51px;}
.wordrip-game-expectation-sec .game-expectation-card-outer{border-radius: 39px;}
.wordrip-game .accordion-head-outer{min-height: 100px;}
.wordrip-game .accordion-icon{background-color: rgba(34,13,85,0.47); height: 50px; width: 50px; min-width: 50px;}
.wordrip-game .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #fff; font-size: 21px;}
.wordrip-game .is-open .accordion-icon{background: #29236c;}
.wordrip-game .isg-arrow-up4:before { content: "\e901"; }
.wordrip-game .isg-arrow-down4:before { content: "\e900"; }
.wordrip-game .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.wordrip-game .htw-glowing-state{display: none;}
.wordrip-game .wascot-w-icon {bottom: -129px;}
.wordrip-game .btn-bar .play-btn-faq{padding: 0; max-width: 29%;}
/*FAQ CSS End */

.wordrip-game .footer{background:#052145;}
  
/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .wordrip-game .video-shadow { bottom: -10px; }
  .wordrip-htw-sec .htw-work-title{font-size: 52px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-title{font-size: 52px;}
  .wordrip-htw-sec .htw-process-wrap{margin: 50px 0; padding: 0 50px;}
  .wordrip-htw-sec.wordrip-htw-sec-bg{padding: 38px 100px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-heading{font-size: 40px;}
  .wordrip-game .htw-process-card-list .htw-process-card-list-item{font-size: 20px; max-width: 97%;}
  .wordrip-about-us-sec .about-us-content{padding: 50px 0;}
  .wordrip-htw-sec .htw-process-card-title{font-size: 40px;}
  .wordrip-game .htw-process-card-title .htw-process-card-text{font-size: 36px;}
  .wordrip-about-us-sec .about-us-text{font-size: 27px;max-width: 90%;}
  .wordrip-game .htw-process-card-list-item .htw-process-card-list-one{font-size: 24px;}
  .wordrip-game-expectation-sec .game-expect-card-title{font-size: 24px;}
  .wordrip-game-expectation-sec .game-expect-details-item{font-size: 14px;}
  .wordrip-htw-sec .htw-process-wrap .col-left{max-width: 55%;}
  .wordrip-htw-sec .htw-process-wrap .col-left-level{margin-left: 20px;}
  .wordrip-htw-sec .htw-process-wrap .htw-process-card-cont-level{padding-left: 35px; max-width: 100%;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-level{font-size: 48px;}
  .wordrip-game .btn-play-btn{margin-bottom: 100px;}
  .wordrip-game .htw-icon-resize img{max-width: 70%;}
  .wordrip-game .htw-icon img{max-width: 60%;}
  .wordrip-game-summary-sec .game-summary-text{font-size: 30px}
  .wordrip-game .htw-s-icon {top: -94px;left: -108px;}
  .wordrip-game .htw-o-icon {top: -120px; right: -120px;}
  .wordrip-game .htw-d-icon{bottom: -41px; left: -100px;}
  .wordrip-game .htw-watch-icon {bottom: -95px;}
  .wordrip-game .wascot-w-icon {bottom: -91px;}
  .wordrip-game .wascot-w-icon img{max-width: 60%;}
  .wordrip-game .htw-icon-one {left: -155px;bottom: -100px;}
  .wordrip-game .htw-icon-two {top: -80px; left: -110px;}
  .wordrip-game .htw-glowing-state{display: none;}
  .wordrip-game .htw-glowing-star img{max-width: 80%;}
  .wordrip-game .htw-glowing-star-one{left: -160px; top: -35px;}
  .wordrip-game .htw-glowing-star-two{right: -133px; bottom: -50px;}
  .wordrip-game .htw-glowing-star-three{bottom: 55px;}
  .wordrip-game .htw-sec-head .sec-head-outer{height: 0;}
  .wordrip-faq-sec .accordion-title{font-size: 28px;}
  .wordrip-faq-sec .question-label{font-size: 28px;}
  .wordrip-faq-sec .accordion-text{font-size: 24px;}
  .wordrip-game .faq-block { margin: 80px 0px 0px; padding: 0 120px;}
  .wordrip-game-expectation-sec .game-expectation-list{margin: 70px 0;}
  .wordrip-game .accordion-head-outer{min-height: 90px;}
  .wordrip-faq-sec .accordion-body{padding-bottom: 25px;}
}
  
@media(max-width:1280px) {
  .wordrip-game .video-shadow { bottom: -8px; }
  .wordrip-game .sec-main-title .sec-head-title .htw-work-title{font-size: 54px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-title{font-size: 38px;}
  .wordrip-htw-sec .htw-work-title{font-size: 48px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-heading{font-size: 31px;}
  .wordrip-game .htw-process-card-list .htw-process-card-list-item{font-size: 18px; max-width: 100%; margin-left: 10px;}
  .wordrip-game .htw-sec-head .sec-head-outer{max-width: 80%;}
  .wordrip-game-expectation-sec .sec-head-outer{max-width: 80%;}
  .wordrip-game .htw-process-card-list .htw-process-text-space{max-width: 100%;}
  .wordrip-htw-sec .htw-start{padding: 0; margin: 70px 0;}
  .wordrip-game-summary-sec .game-summary-text {font-size: 25px; padding: 0;}
  .wordrip-game .htw-process-card-title .htw-process-card-text{font-size: 36px;}
  .wordrip-htw-sec .htw-process-wrap .col-left-level{margin-left: 0;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-level{font-size: 37px;}
  .wordrip-game .banner-sec{padding-bottom: 93px;}
  .wordrip-about-us-sec .about-us-text{font-size: 21px;max-width: 90%;}
  .wordrip-htw-sec .htw-process-wrap .col-left{max-width: 60%;}
  .wordrip-htw-sec .game-start-card .htw-scoring-system{padding-bottom: 50px;}
  .wordrip-game-expectation-sec .game-expect-card-title{font-size: 21px; margin-bottom: 10px;}
  .wordrip-game-expectation-sec .game-expect-details-item{font-size: 13px;}
  .wordrip-game .video-frame::after{left: 17; bottom: -10px;}
  .wordrip-game-expectation-sec .game-expectation-card{width: 100%;}
  .wordrip-game .htw-card-start{padding-left: 0;}
  .wordrip-game .sec-head-bg{max-width: 80%;}
  .wordrip-game .htw-watch-icon {bottom: -73px;}
  .wordrip-game .htw-icon-resize img{max-width: 70%;}
  .wordrip-game .htw-glowing-star img{max-width: 80%;}
  .wordrip-game .htw-s-icon {position: absolute;top: -85px;left: -110px;}
  .wordrip-game .htw-o-icon {position: absolute;top: -125px;right: -125px;}
  .wordrip-game .htw-d-icon{bottom: -41px; left: -100px;}
  .wordrip-game .wascot-w-icon img{max-width: 60%;}
  .wordrip-game .wascot-w-icon{bottom: -92px;}
  .wordrip-game .htw-icon img{max-width: 50%;}
  .wordrip-game .htw-icon-one {left: -125px;  bottom: -90px;}
  .wordrip-game .htw-icon-two {top: -80px; left: -80px;}
  .wordrip-game .htw-glowing-star-one { left: -160px; top: -40px;}
  .wordrip-game-summary-sec .game-summary-cont-outer{padding: 50px;}
  .wordrip-faq-sec .accordion-title{font-size: 24px;}
  .wordrip-faq-sec .question-label{font-size: 24px;}
  .wordrip-game-expectation-sec .game-expectation-list{margin: 40px 0;}
  .wordrip-faq-sec .is-open .accordion-title .question-label{font-size: 30px;}
  .wordrip-faq-sec .accordion-text{font-size: 19px;}
  .wordrip-game-expectation-sec .game-expect-card-fig img{max-width: 80%;}
  .wordrip-game .btn-bar .play-btn-faq{max-width: 30%;}
  .wordrip-faq-sec .accordion-body{margin-top: -20px; padding-bottom: 15px;}
  .wordrip-game .btn-faq{margin: 50px 0;}
  .wordrip-game .accordion-head-outer{min-height: 70px;}
  .wordrip-game .accordion-icon{background-color: rgba(34,13,85,0.47); height: 40px; width: 40px; min-width: 40px;}
  .wordrip-game .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #fff; font-size: 16px;}
}
  
@media(max-width:1023px) {
  .wordrip-game .sec-main-title .sec-head-title .htw-work-title{font-size: 54px;}
  .wordrip-game .video-shadow { bottom: -7px; }
  .wordrip-htw-sec .htw-work-title{font-size: 45px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-title {font-size: 28px;}
  .wordrip-game .htw-process-card-title .htw-process-card-text{font-size: 36px;}
  .wordrip-game .htw-process-card-list .htw-process-card-list-item{font-size: 14px; max-width: 100%; margin-left: 10px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-heading{font-size: 24px; }
  .wordrip-game .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 13px;}
  .wordrip-game .htw-process-card-list .htw-process-text-space{max-width: 80%;}
  .wordrip-about-us-sec .about-us-text{font-size: 18px;max-width: 95%; }
  .wordrip-game .htw-sec-head .sec-head-outer{max-width: 100%;}
  .wordrip-game-expectation-sec .sec-head-outer{max-width: 100%;}
  .wordrip-about-us-sec .about-us-content{padding: 40px 0}
  .wordrip-htw-sec .htw-process-wrap{padding: 0 35px;}
  .wordrip-htw-sec .htw-process-wrap .col-left{max-width: 57%;}
  .wordrip-game .banner-sec{padding-bottom: 60px;}
  .wordrip-htw-sec.wordrip-htw-sec-bg{padding: 0 40px;}
  .wordrip-htw-sec .game-start-card .htw-process-card-cont{padding-left: 40px;}
  .wordrip-htw-sec .game-start-card .htw-navigate-space {padding-left: 0;}
  .wordrip-htw-sec .game-start-card .htw-destroy-sm{padding-left: 0;}
  .wordrip-game .btn-bg {max-width: 100%; margin: 0 0 105px 0;}
  .wordrip-game .btn-faq{margin: 40px 0 65px 0;}
  .wordrip-game .sec-head-bg{max-width: 70%;}
  .wordrip-game .htw-icon-resize img{max-width: 40%;}
  .wordrip-game .wascot-w-icon img{max-width: 50%;}
  .wordrip-game .wascot-w-icon{bottom: -81px;}
  .wordrip-game .htw-watch-icon{bottom: -58px;}
  .wordrip-game .htw-icon img{max-width: 50%;}
  .wordrip-game .htw-o-icon {top: -75px;  right: -190px;}
  .wordrip-game .htw-d-icon{bottom: -3px; left: -40px;}
  .wordrip-game .htw-s-icon {top: -45px; left: -65px;}
  .wordrip-game .htw-icon img{max-width: 40%;}
  .wordrip-game .htw-icon-one {left: -100px;    bottom: -90px;}
  .wordrip-game .htw-glowing-star-two{position: absolute; right: -140px; bottom: -45px; z-index: 2;}
  .wordrip-game .htw-icon-two {top: -80px; left: -55px;}
  .wordrip-game-expectation-sec .game-expect-card-fig img{max-width: 70%;}
  .wordrip-game-expectation-sec .game-expectation-card-body{padding: 0;;}
  .wordrip-game .htw-glowing-star img{max-width: 70%;}
  .wordrip-game-summary-sec .game-summary-text{font-size: 21px;}
  .wordrip-game-summary-sec .game-summary-cont-outer{padding: 20px;}
  .wordrip-game-summary-sec .game-summary-btn-bar{margin-top: 0;}
  .wordrip-game-expectation-sec .game-expectation-list{margin: 70px 0;}
  .wordrip-game-expectation-sec .game-expectation-item{max-width: calc((100% / 2) - 15px); margin-top: 15px;}
  .wordrip-faq-sec .accordion-title{font-size: 18px; padding-right: 10px;}
  .wordrip-faq-sec .question-label{font-size: 18px;}
  .wordrip-faq-sec .is-open .accordion-title .question-label{font-size: 18px;}
  .wordrip-faq-sec .accordion-text{font-size: 16px;}
  .wordrip-faq-sec .accordion-body{margin-top: -15px; padding-bottom: 12px;}
  .wordrip-game .accordion-head-outer{min-height: 60px;}
  .wordrip-game .accordion-icon{background-color: rgba(34,13,85,0.47); height: 36px; width: 36px; min-width: 36px;}
  .wordrip-game .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #fff; font-size: 14px;}
}
  
@media(max-width:767px) {
  .wordrip-game .video-poster, .wordrip-game .client-video{top: 2.7%;}
  .wordrip-game .banner-sec{background:var(--banner-bg-mob) no-repeat center; background-size:100% 100%;}
  .wordrip-game .sec-main-title{font-size: 25px; padding: 3px 40px 0 40px;}
  .wordrip-htw-sec .htw-work-title{font-size: 25px;margin-top: 7px }
  .wordrip-htw-sec .game-start-card .htw-process-card-title{font-size: 20px;}
  .wordrip-game .htw-process-card-list{display: flex; justify-content: center ; align-items: center;}
  .wordrip-game .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{list-style:none; margin-bottom:23px; text-align:center;}
  .wordrip-htw-sec .htw-process-theme::after{ height: 7px; bottom: -3px; left: -31px; right: -25px; width: calc(100% + 56px);}
  .wordrip-game .htw-process-card-list .htw-process-text-space{max-width: 80%; font-size: 14px;}
  .wordrip-game .htw-icon-resize img{max-width: 25%;}
  .wordrip-game .htw-card-start{padding-left: 0;}
  .wordrip-game .video-frame::after{display: none;}
  .wordrip-game .htw-sec-head .sec-head-outer{max-width: 100%;}
  .wordrip-game .htw-process-card-list .htw-process-card-list-item{margin: 0;}
  .wordrip-about-us-sec{margin-top: -1px;}
  .wordrip-about-us-sec .about-us-btn-bar{margin-bottom: 0;}
  .wordrip-htw-sec .game-start-card .htw-process-card-cont{padding: 10px 0 0 0;}
  .wordrip-about-us-sec .about-us-text{font-size: 14px;max-width: 90%; margin-bottom: 0;}
  .wordrip-htw-sec .game-start-card .htw-game-over-text{padding-bottom: 40px; margin-left: 0;}
  .wordrip-htw-sec .game-start-card .htw-process-card-text-heading{max-width: 70%;}
  .wordrip-htw-sec .game-start-card .htw-destroy-sm .htw-process-card-text-heading, .wordrip-htw-sec .htw-destroy-sm .htw-destroy-titlebar{max-width:100%;}
  .htw-destroy-titlebar{max-width: 70%;}
  .wordrip-game .htw-process-card-list:not(.list-style-none) .htw-scor-text{max-width: 100%;}
  .wordrip-htw-sec.wordrip-htw-sec-bg{padding: 0;}
  .wordrip-about-us-sec .about-us-content{padding: 10px 0}
  .wordrip-game .btn-bar .base-btn{max-width: 60%;}
  .wordrip-game .btn-faq{margin-top: 20px; padding-bottom: 45px; max-width: 100%;}
  .wordrip-game .htw-level-space {padding: 0; margin: 0;}
  .wordrip-htw-sec .htw-process-wrap{margin:30px 0 0 0; padding: 0;}
  .wordrip-htw-sec .htw-process-wrap-two {padding: 0px;}
  .wordrip-htw-sec .htw-start{padding: 15px 0 0 0;}
  .wordrip-htw-sec .game-start-card .htw-scoring-system{padding-bottom: 48px;}
  .wordrip-htw-sec .htw-process-spacing{margin: 0;}
  .wordrip-game-expectation-sec .game-expectation-card-outer{padding: 0; border-radius: 11px;}
  .wordrip-faq-sec .question-label{font-size: 14px;}
  .wordrip-faq-sec .is-open .accordion-title .question-label{font-size: 14px; margin-right: 5px;}
  .wordrip-game-expectation-sec .game-expectation-list{margin: 60px 15px 0 0 ;}
  .wordrip-game-summary-sec .game-summary-cont-outer {padding: 0;}
  .wordrip-game-expectation-sec .game-expect-card-title{font-size: 18px; padding:0px 10px;}
  .wordrip-game-summary-sec .game-summary-text{padding: 15px 10px 0 10px; font-size: 14px;  font-family: var(--font-base2);}
  .wordrip-game-expectation-sec .game-expect-details-item{font-size: 14px; padding: 0 10px 20px 10px;}
  .wordrip-faq-sec .is-open .accordion-card{padding: 0 5px 0 5px;}
  .wordrip-faq-sec .accordion-cont-bar{min-height: 0px;}
  .wordrip-game .faq-block{margin: 40px 0 0 0; padding: 0;}
  .wordrip-faq-sec .accordion-body{margin-top: 0; padding-bottom: 10px;}
  .wordrip-game-expectation-sec .game-expectation-item{margin-top: 0;}
  .wordrip-faq-sec .faq-sec-outer{padding: 0 0 30px 0;; background: var(--bg-dark) var(--faq-bg-mob) no-repeat center; background-size: 100% 100%;}
  .wordrip-game .btn-bg {max-width: 90%; margin-bottom: 0;}
  .wordrip-game .htw-watch-icon{bottom: -40px;}
  .wordrip-game .sec-head-bg{max-width: 0%;}
  .wordrip-game .game-logo-fig{max-width: 50%;}
  .wordrip-game .banner-sec{padding-bottom: 0;}
  .wordrip-game .sec-head-bg{max-width: 80%;}
  .wordrip-game .video-block{max-width: 90%;}
  .wordrip-game .htw-process-wrap{padding-top: 30px; margin: 30px 0 0 0;}
  .wordrip-htw-sec .htw-process-wrap .col-left{max-width: 80%; margin: 0;}
  .wordrip-game .game-start-card .htw-process-card-body{display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .wordrip-game .game-start-card .htw-process-card-body{margin-top: 7px;}.htw-icon{display: none; }
  .wordrip-game .game-expect-card-fig img{max-width: 50%;}
  .wordrip-game .htw-s-icon {top: -40px;left: -24px;}
  .wordrip-game .htw-o-icon {top: -41px;right: -240px;}
  .wordrip-game .htw-d-icon{bottom: -64px; left: 0;}
  .wordrip-game .wascot-w-icon img{max-width: 20%;}
  .wordrip-game .wascot-w-icon{bottom: -23px;}
  .wordrip-htw-sec.wordrip-htw-sec-bg{padding-bottom: 60px;margin: 0 0 0 0;}
  .wordrip-htw-sec .htw-process-bg{margin: 0;  padding: 0;}
  .wordrip-game .htw-process-card{margin-top: 0;}
  .wordrip-game .htw-process-spacing{margin-top: 0;}
  .wordrip-game .htw-glowing-star img{max-width: 30%;}
  .wordrip-game .htw-glowing-state img{max-width: 30%;}
  .wordrip-game .htw-glowing-star-two{top: -17px; right: -156px;}
  .wordrip-game .htw-glowing-star-hide{display: none;}
  .wordrip-game .htw-glowing-star-three{bottom: 80px; display: none;}
  .wordrip-game .htw-glowing-state{display:block; bottom:18px; left:5px;}
  .wordrip-htw-sec .htw-move-space{margin: 0; padding: 0;}
  .wordrip-game .htw-combine-space{margin-top: -15px;}
  .wordrip-htw-sec .htw-destroy-bg{padding: 0;}
  .wordrip-faq-sec .accordion-title{font-size: 14px; padding-left: 0;}
  .wordrip-faq-sec .accordion-text{font-size: 13px;}
  .wordrip-game .btn-bar .play-btn-faq{max-width: 40%;}
  .wordrip-game .htw-process-card-list:not(.list-style-none) .htw-sm-space{max-width: 70%;}
  .wordrip-game .htw-navigate-space .htw-process-card-list:not(.list-style-none) .htw-sm-space, .wordrip-game .htw-move-space .htw-process-card-list:not(.list-style-none) .htw-sm-space, .wordrip-game .htw-destroy-sm .htw-process-card-list:not(.list-style-none) .htw-sm-space{max-width:100%;}
  .wordrip-game .htw-navigate-space .htw-process-card-list, .wordrip-game .htw-move-space .htw-process-card-list,  .wordrip-game .htw-destroy-sm .htw-process-card-list{margin-bottom:30px;}
  .wordrip-game .htw-glowing-star-sm{bottom: 121px; left: 13px;}
  .wordrip-game .about-us-text-block{padding-top: 0;}
  .wordrip-game .game-expectation-sec-outer{padding: 0;}
  .wordrip-game .owl-carousel .owl-dots{padding: 10px 0 20px 0;}
  .wordrip-faq-sec .is-open .accordion-card{background-color: white; padding: 0;}
  .wordrip-faq-sec .accordion-cont-bar{padding: 0 10px 0 15px;}
  .wordrip-game .htw-process-card-list:not(.list-style-none) .htw-game-over-space{max-width: 80%;}
  .wordrip-game .accordion-head-outer{min-height: 40px; padding: 0 5px;}
  .wordrip-game .owl-carousel .owl-dot span{height: 12px; width: 12px;}
  .wordrip-game .accordion-icon{background-color: rgba(34,13,85,0.47); height: 32px; width: 32px; min-width: 32px;}
  .wordrip-game .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #fff; font-size: 12px;}
  .wordrip-faq-sec .accordion-head { padding: 0px; border-radius: 4px; border: 2px solid rgba(187, 181, 253, 0.75); }
}  
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Wordrip Game CSS End // ****************************** */


/* ***************************** // Headers Game CSS Start // ***************************** */
.headers-game {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.headers-game .header{box-shadow:none;}
.headers-game .nav-item-label{font-weight:600;}
@media (hover: hover){
  .headers-game .active .nav-item-label, .headers-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.headers-game .word-label{display:grid;}
.headers-game .col-right-space{margin: 0;}

.headers-game .game-start-card.htw-process-card:before{display: none;}
.headers-game .htw-process-card-outer:before, .htw-process-card-outer:after{display: none;} 
.headers-game .htw-process-theme:after{display: none;} 
.headers-game .htw-process-wrap-two .col-left:before{display: none;}

.headers-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.headers-game .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.headers-game .btn-bar .base-btn{background-color: #2196f3; max-width: 28%; height: 89px; border-radius: 8px; margin: 50px 0;}
.headers-game .btn-bar .faq-btn{background-color: #fff; max-width: 28%; height: 89px; border-radius: 8px; margin: 90px 0 170px 0;}
.headers-game .faq-accordion-icon { background: #2196f3;}
.headers-game .faq-accordion-icon .icon{color: #fff; }
.headers-game .isg-arrow-up4:before { content: "\e903"; }
.headers-game .button-icon { background: #fff; margin: 0 30px 0 auto; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 100%; cursor: pointer;}
.headers-game .button-icon .icon{width:auto; width: auto; rotate: 270deg; margin-left: 5px; color: #2196F3; font-size: 24px;}

.headers-game .button-icon-alt { background: #2196F3; margin: 0 30px 0 auto; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 100%; cursor: pointer;}
.headers-game .button-icon-alt .icon{width:auto; width: auto; rotate: 270deg; margin-left: 5px; color: #ffff; font-size: 24px;}

.headers-game .game-logo-fig{max-width:43%; padding: 25px 0 10px 0;}

.headers-game .banner-sec{background:var(--banner-bg) no-repeat center; background-size:100% 100%; padding-bottom: 50px;}
.headers-game .banner-sec-outer{background:transparent; padding:0px;}
.headers-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.headers-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.headers-game .banner-sec-video{background:transparent; position: relative;}
.headers-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index: 1;}
.headers-game .video-block{max-width:57%; position:relative;}
.headers-game .video-poster, .headers-game .client-video{top: 2.7%; left: 1.9%; right: 3.5%; border-radius: 30px; height: calc(100% - 5.4%); width: calc(100% - 3.7%); bottom: auto;}
.headers-game .video-shadow{bottom:-15px; width: calc(100% + -24%); left: 13%; bottom: -3%;}
.headers-game .moon-icon {position: absolute; top: -50%; left: -15px;}
.headers-game .ball-icon-one {position: absolute; right: 66px; top: -50%;}
.headers-game .ball-icon-two {position: absolute; left: 0; margin-left: 50px; top: -14%;}

.headers-game .about-us-sec{background:var(--about-bg) no-repeat bottom center; background-size:cover; position: relative; padding-bottom: 60px;}
.headers-game .about-us-content{padding-top: 15px;}
.headers-game .sec-head-title{font-size: 49px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; text-align: center; font-family: var(--font-base);} 
.headers-game .about-us-text{font-size: 34px; color: var(--clr-action-alt); font-weight: 400; text-align: center; font-family: var(--font-btn); padding: 10px 167px 0 167px;}
.headers-game .head-left-icon{position: absolute; top: -60px;}
.headers-game .head-right-icon{position: absolute; right: 0; top: -107px; z-index: 1;}
.headers-game .about-top-bg-1{position: absolute; top: -13px;}
.headers-game .btn-start img{position: relative;}
.headers-game .about-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -57%; font-family: var(--font-base);}
.headers-game .faq-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color:  #2196f3; margin-left: -57%; font-family: var(--font-base);}

.headers-game .how-to-work-process-sec-one { position: relative;}
.headers-game .sec-head { display: flex; align-items: center; justify-content: center; margin-top: -58px; text-align: center;}
.headers-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.headers .sec-head-bg {float: left; width: 100%;position: relative;}
.headers .sec-head-bg img {float: left; width: 100%;}
.headers-game .sec-head-bg img {filter: drop-shadow(0 8px 11px rgba(0, 0, 0, 0.3));}
.headers-game .one-right-icon{position: absolute;top: 34.1%; right: -50px; z-index: 1;}
.headers-game .left-icon-space{position: absolute;top: 40%; left: -50px; z-index: 1;}
.headers-game .right-icon-space{position: absolute;top: 26%; right: -50px; z-index: 1;}
.headers-game .two-left-icon{position: absolute;top: 28%; left: -50px; z-index: 1;}
.headers-game .two-right-icon{position: absolute;top: 45%; left: -50px; z-index: 1;}
.headers-game .ball-one {position: absolute; bottom: -58px; right: -100px; z-index: 2;}
.headers-game .ball-two {position: absolute; bottom: 57%; left: -28%; z-index: 2;}
.headers-game .ball-three {position: absolute; bottom: -58px; left: -7%;z-index: 2;}
.headers-game .ball-four {position: absolute; right: -18%; bottom: 76%; z-index: 2;}
.headers-game .ball-five {position: absolute; right: -14%; top: 40%; z-index: 2;}
.headers-game .cloud-one {position: absolute; top: -14%; left: -19%; z-index: 2;}
.headers-game .cloud-two {position: absolute; top: -30%; left: -23%; z-index: 2;}
.headers-game .cloud-three {position: absolute; top: -40%; left: -21%; z-index: 2;}
.headers-game .cloud-hidden{display: none;}
.headers-game .bottom-icon-sm{display: none;}
.headers-game .shadow-layer-one{position: absolute; bottom: -4px;left: -14%; z-index: -1;}
.headers-game .shadow-layer-two{position: absolute; bottom: 5px; right: -13%; z-index: -1}
.headers-game .shadow-layer-three{position: absolute; bottom: -4px;left: -14%; z-index: 1;}
.headers-game .gameplay-left-arrow{position: absolute; bottom: -35%; left: 19%;}
.headers-game .gameplay-right-arrow{position: absolute; bottom: -35%; left: 34%;}
.headers-game .left-right-arrow{display: none;}
.headers-game .wipe-out-left-icon{position: absolute; bottom: 3.7%;}
.headers-game .wipe-out-right-icon{position: absolute; bottom: 4.7%; right: 0; z-index: -1;}
.headers-game .endgame-victory-icon{position: absolute; bottom: -13%; right: -20%; z-index: 2;}
.headers-game .endgame-star-icon{position: absolute; bottom: -4%; left: -17%; z-index: 2;}
.headers-game .endgame-star-icon-two {position: absolute; right: 15%; bottom: 15%;}
.headers-game .endgame-star-icon-two img{max-width: 80%;}
.headers-game .htw-col-right{margin-top: 120px;}
.headers-game .htw-process-wrap .col-right{z-index: -1;}
.headers-game .game-start-card .htw-right-body-space{padding: 20px 0 20px 30px !important;}
.headers-game .htw-process-theme{position: relative; z-index: 2;}
.headers-game .htw-work-title{  position: absolute; color: #8c0817; font-size: 62px; font-size: 77px; font-family: var(--font-base); font-weight: bold; line-height: 40px;}
.headers-game .htw-process-card-cont{float: left; width: 100%; border-radius: 0 18px 18px 0 ; position: relative; background: #d5ecff;}
.headers-game .htw-process-card-cont-two{float: left; width: 100%; border-radius: 18px 0 0px 18px; padding: 40px 60px 40px 40px; position: relative; background: #d5ecff;}
.headers-game .htw-process-card-title{font-size: 65px; font-family: var(--font-base); text-transform: uppercase; color: #093c7d; font-weight: bold;}
.headers-game .game-start-card .htw-process-card-body{padding: 60px 0px 60px 60px; position: relative; z-index: 1;}
.headers-game .htw-process-card-outer{background: none; border-radius: none;}
.headers-game .htw-process-card-list{padding: 0 70px 0 76px; margin-top: 0;}
.headers-game .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.headers-game .htw-process-card-list .htw-process-card-list-item{color: #093c7d; list-style: disc; padding: 0; font-size: 26px; font-family: var(--font-base); font-weight: 500;}

.headers-game .power-sec{background:var(--power-bg) no-repeat bottom center; background-size:100% 100%; position: relative; z-index: -2;}
.headers-game .htw-power-theme{z-index: 3;}
.headers-game .htw-process-wrap .htw-power-theme-left {max-width: 30%;}
.headers-game .htw-process-wrap{margin: 150px 0; position: relative; z-index: 2;}
.headers-game .htw-process-wrap .col-left{position: relative; max-width: 60%; margin: 0;}
.headers-game .htw-process-wrap .power-col-left{max-width: 25%;}
.headers-game .htw-process-wrap .power-col-right{max-width: 65%; z-index: 1;}
.headers-game .htw-power-card-left {padding-left: 150px;}
.headers-game .htw-power-card-right {padding-right: 150px;}
.headers-game .htw-power-card-cont{background: transparent; padding: 0;}
.headers-game .htw-power-card-title{font-size: 74px; font-family: var(--font-base); color: #ffd100; font-weight: bold;}
.headers-game .htw-power-card-list .htw-power-card-list-item{color: #fff;font-size: 56px; font-weight: bold;}
.headers-game .htw-power-wrap{margin: 60px 0; padding: 0;}
.headers-game .htw-space-right-beware{padding: 84px 0 25px 0;}
.headers-game .power-up-bottom-bg{position: absolute; bottom: -62px; z-index: -1;}
.headers-game .htw-space-left{padding: 12px 0px 20px 28px;}
.headers-game .htw-space-right{padding: 55px 0;}
.headers-game .htw-space-right-body{margin-top: -100px;}
.headers-game .htw-end-sec{margin-top: 175px;}
.headers-game .game-start-card .htw-space-right-bombs-body{padding-bottom: 100px;}

.headers-game .endgame-sec{background:var(--endgame-bg) no-repeat bottom center; background-size:100% 100%; position: relative; margin-top: -200px;}
.headers-game .endgame-text{font-size: 40px; color: var(--clr-action-alt); font-weight: 500;  text-align: center;  font-family: var(--font-base); padding: 150px 140px 0px 140px}
.headers-game .endgame-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -50%; font-family: var(--font-base); color: #2196f3;}

/* Game Expectation CSS Start */
.headers-game-expectation-sec .sec-head-outer{ height: 0;}
.headers-game .game-expectation-sec-outer{padding: 0;}
.headers-game-expectation-sec .game-expectation-list{gap:0px 60px; margin: 115px 0 220px 0;}
.headers-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 10px); margin-top:0px;}
.headers-game-expectation-sec .game-expectation-card-outer{padding: 0 16px 20px 16px; border-radius: 39px;filter: drop-shadow(0 0 9px #d0d0d0);background-image: linear-gradient(240deg, #38b6ff 0%, #0b488a 100%); margin-bottom: 0;}
.headers-game-expectation-sec .game-expectation-card-body{background:transparent; border-radius:0px; box-shadow:none; padding: 0;}
.headers-game-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px; min-height:110px; }
.headers-game-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; align-items:center; justify-content:center; padding: 20px 0;}
.headers-game-expectation-sec .game-expect-card-fig img{width:auto;}
.headers-game-expectation-sec .game-expect-card-title{color:#fff; font-size:25px; font-weight: bold; text-align: center; text-transform: uppercase; font-family: var(--font-base); margin-bottom: 0;}
.headers-game-expectation-sec .game-expect-details-item:before{width:auto; height:auto;}
.headers-game-expectation-sec .game-expect-details-list{color:#fff; font-size:25px; font-weight: bold; text-align: center; font-family: var(--font-base); margin-bottom: 0; padding: 10px 0 0 0;}
.headers-game-expectation-sec .game-expect-details-item{color:#fff; font-weight:500; font-size:16px; text-align: center; font-family: var(--font-base);}
.headers-game .game-start-card .htw-process-card-text-heading{font-size: 52px;}
.headers-game .game-start-card .htw-process-card-text-level{font-size: 62px;}
.headers-game.game-start-card .htw-game-over-text{padding-left: 0; margin-left: -35px;}
.headers-game.btn-bg img{filter: none;}
.headers-game .btn-bar .btn-end{ padding: 50px 0 175px 0;}
.headers-game .htw-big-head {margin-bottom: 50px;}
.headers-game .swap-two{display: none;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.headers-game .expectations-sec-head{margin-top: 0;}
.headers-game .game-expectation-card{width: auto;}
.headers-game .game-expectation-title{position: absolute; color: #8c0817; font-family: var(--font-base); font-weight: bold; line-height: 40px; font-size: 74px;}
.headers-game-summary-sec .game-summary-sec-outer{background:#ffc000; padding:0px;}
.headers-game-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-weight:800; color: #201e48;}
.headers-game-summary-sec .game-summary-btn-bar{padding-top:0px;}
.headers-game-summary-sec .game-summary-btn-bar:before{display:none;}
.headers-game-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:50px 0 50px 0; position:relative;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.headers-game-faq-sec .sec-head-outer{max-width:58%; height: 0;}
.headers-game .faq-sec{background:var(--faq-bg) no-repeat center; background-size:100% 100%;}
.headers-game .faq-sec-head{margin-bottom:0; margin-top: -67px;}
.headers-game .faq-sec-outer{padding:0; background: none; }
.headers-game .faq-block{margin: 155px 0 200px 0; padding: 0 40px;}
.headers-game .accordion-head{padding:0px; border:none; background-color: #05133c;}
.headers-game .accordion-card{padding: 0; border:none;}
.headers-game .accordion-head-outer{ box-shadow: none; background: white; border: 2px solid #05133c; border-radius: 0; min-height: 94px;}
.headers-game .color-label {width: 12px;height: 94px;background-image: linear-gradient(-90deg, #fb9f17 0%, #fb9f17 3%, #fde359 100%);}
.headers-game .accordion-title{color: #05133c; font-size:30px; font-weight:500; letter-spacing: 1px; display:flex; align-items:center; font-family: var(--font-base);}
.headers-game .question-label{font-size: 44px; font-weight: 900; font-family: var(--font-btn); color: var(--clr-action-alt); background-color: #05133c; margin-right: 0; width: 82px; display: flex; justify-content: center;}
.headers-game .is-open .accordion-title .question-label{color: #42137b; font-size: 44px; margin-right: 10px;}
.headers-game .is-open .accordion-card{border: none; background: none;}
.headers-game .is-open .accordion-text{color: var(--clr-action-alt); font-family: var(--font-btn); font-weight: 400; letter-spacing: 1px; font-size: 25px; padding: 20px 0;}
.headers-game .accordion-body{background-color: rgba(6, 28, 60, 0.729) ;width: 97%; float: right; margin-bottom: 15px;}
.headers-game .accordion-cont-bar{min-height:50px; padding:0 0px 0 63px;}
.headers-game .accordion-text{color: var(--clr-action-alt); font-family: var(--font-btn); font-weight: 400; letter-spacing: 1px; font-size: 25px; padding: 20px 0;}
.headers-game .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.headers-game .expectation-sec .game-expectation-card-outer{border-radius: 39px;}
.headers-game .btn-bar .play-btn-faq{padding: 0; max-width: 60%;}
.headers-game .accordion-head-outer .accordion-icon .icon{text-shadow: none; font-size: 18px; color: #05133c;}
.headers-game .is-open .accordion-icon .icon .down-icon { display: none; }
.headers-game .isg-arrow-up4:before { content: "\e903"; }
.headers-game .is-open .accordion-icon .icon{transform:inherit; width: auto;}
/*FAQ CSS End */

.headers-game .footer{background-color: #032E4A;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .headers-game .banner-sec {padding: 0 70px 40px 70px;}
  .headers-game .video-shadow { bottom: -15px; width: calc(100% + -15%); left: 6%; bottom: -3%; }
  .headers-game .video-block{max-width: 65%;}
  .headers-game .htw-sec-head{margin-bottom: 0;}
  .headers-game .moon-icon{left: -10%; top: -61%;}
  .headers-game .btn-bar .base-btn{max-width: 32%; height: 84px;}
  .headers-game .ball-icon-one{right: -135px; top: -62%;}
  .headers-game .ball-icon-two {left: -12.5%;top: -23%;}
  .headers-game .head-right-icon{right: -6%;}
  .headers-game .sec-head-title{font-size: 47px;}
  .headers-game .about-btn-title{font-size: 29px;}
  .headers-game .faq-btn-title{font-size: 29px;}
  .headers-game .about-us-text{padding: 10px 100px 0 100px; font-size: 30px;}
  .headers-game .sec-head-bg{max-width: 60%;}
  .headers-game .htw-process-wrap{padding: 0 50px; margin: 100px 0;}
  .headers-game .htw-power-wrap{margin: 50px 0;}
  .headers-game .htw-process-wrap .col-left{max-width: 57%;}
  .headers-game .htw-process-card-title{font-size: 58px;}
  .headers-game .htw-process-card-list .htw-process-card-list-item{font-size: 21px;}
  .headers-game .htw-power-card-title{font-size: 68px;}
  .headers-game .htw-power-card-list .htw-power-card-list-item{font-size: 44px;}
  .headers-game .power-up-bottom-bg{bottom: -10px;}
  .headers-game .ball-one img , .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-two img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img, .head-right-icon img {max-width: 80%;}
  .headers-game .ball-one{right: -132px;}
  .headers-game .video-poster, .headers-game .client-video{border-radius: 24px;}
  .headers-game .ball-four {right: -32%;bottom: 71%;}
  .headers-game .gameplay-left-arrow img, .gameplay-right-arrow img {max-width: 80%;}
  .headers-game .endgame-victory-icon img, .ball-five img {max-width: 70%;}
  .headers-game .endgame-victory-icon {bottom: -14%;right: -36%;}
  .headers-game .cloud-one {top: -18%;}
  .headers-game .right-icon-space{top: 16.8%;}
  .headers-game .left-icon-space{top: 36%;}
  .headers-game .one-right-icon{top: 21.5%;}
  .headers-game .ball-three{left: -8.5%;}
  .headers-game .htw-process-card-list {padding-left: 50px;}
  .headers-game .htw-space-left{padding: 12px 50px 20px 28px;}
  .headers-game .htw-process-card-cont-two{padding: 0 0 0 30px;}
  .headers-game .game-start-card .htw-space-right-bombs-body{padding-bottom: 0;}
  .headers-game-expectation-sec .game-expect-card-title{font-size: 22px;}
  .headers-game .ball-five{top: 49%; right: -36%;}
  .headers-game .expectations-head-bg{max-width: 70%;}
  .headers-game .htw-process-card-lives{padding: 0 50px 0 10px;}
  .headers-game .htw-space-right{padding: 0 0 55px 0;}
  .headers-game .htw-space-right-beware{padding: 55px 0 110px 0;}
  .headers-game .endgame-sec{margin-top:  -140px;}
  .headers-game .endgame-star-icon img{max-width: 80%;}
  .headers-game .endgame-star-icon-two{right: 4%;}
  .headers-game .htw-end-sec {margin-top: 130px;}
  .headers-game .start-right-icon{top: 26%;}
  .headers-game .endgame-text{padding: 120px 100px 0px 100px; font-size: 34px;}
  .headers-game .game-expectation-title{font-size: 68px;}
  .headers-game .htw-work-title{font-size: 68px;}
  .headers-game-expectation-sec .game-expectation-list{margin: 100px 0 200px 0;}
  .headers-game .shadow-layer-one{max-width: 90%;}
  .headers-game .shadow-layer-one{left: -10%;}
  .headers-game .shadow-layer-two{max-width: 90%;}
  .headers-game .shadow-layer-two{right: -10%;}
  .headers-game .accordion-head-outer{padding: 10px 0 10px 20px;}
  .headers-game .button-icon{height: 40px; width: 40px; min-width: 40px;}
  .headers-game .button-icon .icon {font-size: 18px; margin: 0 0 0 3px; }
  .headers-game .button-icon-alt{height: 40px; width: 40px; min-width: 40px;}
  .headers-game .button-icon-alt .icon { font-size: 18px; margin: 0 0 0 3px; }
}

@media(max-width:1280px) {
  .headers-game .banner-sec {padding: 0 70px 35px 70px; }
  .headers-game .video-shadow { width: calc(100% + -17%); left: 8%;}
  .headers-game .about-us-content { padding-top: 7px; }
  .headers-game .video-poster, .headers-game .client-video{border-radius: 19px;}
  .headers-game .ball-one img , .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-two img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img.headers-game .ball-one img, .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-two img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img, .head-right-icon img {max-width: 60%;}
  .headers-game .endgame-star-icon img {max-width: 50%;}
  .headers-game .endgame-victory-icon img{max-width: 50%;}
  .headers-game .endgame-victory-icon{bottom: -18%; right: -52%;}
  .headers-game .wipe-out-left-icon img, .wipe-out-right-icon img{max-width: 65%;}
  .headers-game .wipe-out-right-icon{right: -122px;}
  .headers-game .btn-bar .base-btn{height: 75px;}
  .headers-game .gameplay-left-arrow img, .gameplay-right-arrow img{max-width: 70%;}
  .headers-game .endgame-star-icon-two img{max-width: 40%;}
  .headers-game .endgame-star-icon-two {right: 0;bottom: 24%;}
  .headers-game .sec-head{margin-top: -50px;}
  .headers-game .accordion-title{font-size: 28px;}
  .headers-game .is-open .accordion-text{font-size: 23px;}
  .headers-game .accordion-text{font-size: 23px;}
  .headers-game .expectations-sec-head{margin-top: 0;}
  .headers-game .ball-icon-one{right: -179px; position: absolute;}
  .headers-game .ball-five img{max-width: 55%;}
  .headers-game .ball-five {top: 43%; right: -55%;}
  .headers-game .ball-one{right: -33%;}
  .headers-game .head-right-icon {right: -16%;}
  .headers-game .sec-head-title{font-size: 40px;}
  .headers-game .about-us-text{font-size: 25px; padding: 0 100px 0 100px;}
  .headers-game .about-btn-title{font-size: 27px;}
  .headers-game .faq-btn-title{margin-left: -55%; font-size: 27px;}
  .headers-game .endgame-btn-title{font-size: 27px;}
  .headers-game .htw-work-title{font-size: 64px;}
  .headers-game .htw-process-card-title{font-size: 40px;}
  .headers-game .htw-process-card-list{padding: 0 52px 0 38px;}
  .headers-game .htw-process-card-list .htw-process-card-list-item{font-size: 16px;}
  .headers-game .btn-bar .btn-end{padding: 50px 0 100px 0;}
  .headers-game .endgame-text {padding: 100px 100px 0px 100px; font-size: 27px;}
  .headers-game .power-up-bottom-bg{bottom: -30px;}
  .headers-game .game-expectation-title{font-size: 52px;}
  .headers-game .htw-process-wrap{padding: 0 70px; margin: 80px 0;}
  .headers-game .htw-power-wrap{margin: 30px 0;}
  .headers-game .endgame-sec{margin-top: -100px;}
  .headers-game .faq-block{margin: 125px 0 200px 0; padding: 0;}
  .headers-game .btn-bar .faq-btn{margin: 60px 0 130px 0;}
  .headers-game .accordion-item{padding: 0 40px;}
  .headers-game-expectation-sec .game-expectation-item {max-width: calc((100% / 4) - 0px);}
  .headers-game-expectation-sec .game-expectation-card-body{padding: 0;}
  .headers-game-expectation-sec .game-expectation-list{margin: 50px 0 150px 0;gap: 0 20px;}
  .headers-game-expectation-sec .game-expect-card-fig{padding: 20px 0;}
  .headers-game-expectation-sec .game-expect-card-fig img{max-width: 80%;}
  .headers-game-expectation-sec .game-expect-card-title{font-size: 20px;}
  .headers-game-expectation-sec .game-expect-details-item{font-size: 14px;}
  .headers-game .game-expectation-card-outer {padding: 0 10px 20px 10px;}
  .headers-game .htw-process-wrap .col-left{max-width: 55%;}
  .headers-game .start-right-icon{top: 28.5%;}
  .headers-game .htw-col-right{margin-top: 70px;}
  .headers-game .cloud-two {top: -20%;left: -20%;}
  .headers-game .ball-four {right: -42%;bottom: 74%;}
  .headers-game .start-right-icon img, .one-right-icon img, .two-right-icon img, .two-left-icon img, .left-icon-space img, .right-icon-space img{max-width: 80%;}
  .headers-game .right-icon-space { top: 18.8%; }
  .headers-game .two-left-icon, .headers-game .left-icon-space {left: -32px;}
  .headers-game .htw-space-right-beware {padding: 55px 0 75px 0;}
  .headers-game .htw-power-card-title{font-size: 52px;}
  .headers-game .htw-power-card-list .htw-power-card-list-item{font-size: 32px;}
  .headers-game .htw-process-wrap .power-col-right{max-width: 70%;}
  .headers-game .htw-end-sec{margin-top: 60px;}
  .headers-game .button-icon{height: 35px; width: 35px; min-width: 35px;}
  .headers-game .button-icon .icon { font-size: 16px; margin: 0 0 0 3px; }
  .headers-game .button-icon-alt{height: 35px; width: 35px; min-width: 35px;}
  .headers-game .button-icon-alt .icon { font-size: 16px; margin: 0 0 0 3px; }
}
@media(max-width:1023px) {
  .headers-game .video-shadow { width: calc(100% + 1%); left: -6px; }
  .headers-game .banner-sec { padding: 0 70px 30px 70px; }
  .headers-game .video-shadow { width: calc(100% + 11%); left: -18px; z-index: 1; bottom: -5px; }
  .headers-game .video-poster, .headers-game .client-video{border-radius: 16px;}
  .headers-game .game-logo-fig{max-width: 40%; padding: 20px 0 10px 0;}
  .headers-game .moon-icon {left: -15%; top: -51%; }
  .headers-game .ball-four {right: -70%;}
  .headers-game .video-block{max-width: 80%;}
  .headers-game .ball-icon-one{right: -255px;}
  .headers-game .ball-icon-two {left: -23.5%; top: 0;}
  .headers-game .head-left-icon {top: -28px;} 
  .headers-game .head-right-icon img{max-width: 40%;}
  .headers-game .head-right-icon { right: -240px; top: -55px;}
  .headers-game .sec-head-title{font-size: 32px;}
  .headers-game .about-us-text{font-size: 21px;}
  .headers-game .about-btn-title { font-size: 24px; margin-left: -53%;}
  .headers-game .faq-btn-title { font-size: 24px; margin-left: -53%;}
  .headers-game .btn-bar .base-btn{max-width: 35%; height: 60px; margin: 30px 0 10px 0;}
  .headers-game .btn-bar .faq-btn{max-width: 35%; height: 60px; margin: 30px 0 90px 0;}
  .headers-game .htw-process-card-list { padding: 0 15px 0 15px; }
  .headers-game .htw-work-title{font-size: 46px;}
  .headers-game .htw-process-card-title{font-size: 32px;}
  .headers-game .htw-process-card-list .htw-process-card-list-item{font-size: 14px;}
  .headers-game .game-start-card .htw-process-card-body{padding: 20px 0 20px 50px;}
  .headers-game .ball-one img, .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-two img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img.headers-game .ball-one img, .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-two img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img, .head-right-icon img{max-width: 40%;}
  .headers-game .start-right-icon img, .one-right-icon img, .two-right-icon img, .two-left-icon img, .left-icon-space img, .right-icon-space img{max-width: 60%;}
  .headers-game .one-right-icon {right: -56px;}
  .headers-game .right-icon-space {right: -56px;}
  .headers-game .two-left-icon, .headers-game .left-icon-space {left: -19px;}
  .headers-game .ball-one {right: -50%;}
  .headers-game .gameplay-left-arrow img, .gameplay-right-arrow img {max-width: 40%;}
  .headers-game .gameplay-left-arrow {bottom: -55%;}
  .headers-game .gameplay-right-arrow {bottom: -55%;}
  .headers-game .ball-three {left: -8.5%;bottom: -41px;}
  .headers-game .endgame-victory-icon img{max-width: 40%;}
  .headers-game .endgame-victory-icon {bottom: -24%; right: -80%;}
  .headers-game .endgame-star-icon img{max-width: 40%;}
  .headers-game .htw-process-card-cont-two {padding: 0 10px 0 0;}
  .headers-game .htw-space-right-body{margin: 0;}
  .headers-game .htw-space-right-beware {padding: 0px 0 35px 0;}
  .headers-game .ball-five img{max-width: 40%;}
  .headers-game .ball-five { top: 52%; right: -95%; }
  .headers-game .sec-head {margin-top: -34px;}
  .headers-game .htw-power-card-title{font-size: 46px;}
  .headers-game .htw-power-card-list .htw-power-card-list-item{font-size: 27px;}
  .headers-game .htw-power-card-left{padding-left: 100px;}
  .headers-game .htw-end-sec{margin-top: 10px;}
  .headers-game .endgame-text {padding: 70px 40px 0px 40px;font-size: 25px;}
  .headers-game .endgame-btn-title{font-size: 24px; margin-left: -40%;}
  .headers-game .expectations-sec-head {margin-top: 0;} 
  .headers-game .btn-bar .btn-end{margin: 0 0 50px 0;}
  .headers-game .faq-block{margin: 50px 0 150px 0;}
  .headers-game .game-expectation-title{font-size: 46px;}
  .headers-game-expectation-sec .game-expectation-item{max-width: calc((100% / 3) - 15px);}
  .headers-game .accordion-title{font-size: 27px;}
  .headers-game .question-label{font-size: 27px;}
  .headers-game .accordion-text{font-size: 22px;}
  .headers-game .is-open .accordion-text{font-size: 22px;}
  .headers-game .htw-process-wrap{margin: 70px 0;}
  .headers-game .htw-power-wrap{margin: 30px 0;}
  .headers-game .htw-big-head {margin-bottom: -50px;}
  .headers-game .power-up-bottom-bg{bottom: -12px;}
  .headers-game .htw-big-head{margin-bottom: 30px;}
  .headers-game .htw-power-card-right{padding-right: 0;}
  .headers-game .word-label{display: inline-block;}
  .headers-game .accordion-item{padding: 0;}
  .headers-game .button-icon{height: 32px; width: 32px; min-width: 32px;}
  .headers-game .button-icon .icon{font-size: 14px;}
  .headers-game .button-icon-alt{height: 32px; width: 32px; min-width: 32px;}
  .headers-game .button-icon-alt .icon{font-size: 14px;}
}

@media(max-width:767px) {
  .headers-game .video-poster, .headers-game .client-video{border-radius: 12px;}
  .headers-game .htw-process-theme:after{display: block;}
  .headers-game .sec-head-bg img{filter: drop-shadow(0 0.1px 9px rgba(0, 0, 0, 0.3));}
  .headers-game .htw-process-theme:after {bottom: -5px;left: -10px; right: -10px; width: calc(80% + 10px); height: 14px; background: #032E4A; opacity: 0.49; z-index: -1;}
  .headers-game .how-to-work-sec .container{padding: 0;}
  .headers-game .game-logo-fig{padding: 10px 0 10px 0; max-width: 45%;}
  .headers-game .shadow-layer-one, .shadow-layer-two {display: none;}
  .headers-game .about-top-bg-1{display: none;}
  .headers-game .moon-icon {display: none;}
  .headers-game .ball-icon-one img, .ball-icon-two img{max-width: 30%;}
  .headers-game .ball-icon-one { right: -282px;top: -67%;}
  .headers-game .ball-icon-two {left: -22.5%; top: -62%; }
  .headers-game .banner-sec{padding: 0 12px;}
  .headers-game .video-block{max-width: 100%;}
  .headers-game .head-left-icon img{max-width: 25%;}
  .headers-game .head-right-icon img{max-width: 20%;}
  .headers-game .head-left-icon{top: 13%;}
  .headers-game .head-right-icon {right: -337px; top: 12%;}
  .headers-game .sec-head-title{font-size: 18px;}
  .headers-game .banner-video-outer{z-index: 1;}
  .headers-game .about-us-sec{padding-bottom: 0; margin-top: -30px;}
  .headers-game .about-us-text{font-size: 15px; padding:0 10px 10px; z-index:2;}
  .headers-game .about-us-content { padding-top: 49px; }
  .headers-game .btn-bar .base-btn{max-width: 48%; padding: 0; height: 40px; margin: 15px 0 50px 0; border-radius: 3px;}
  .headers-game .btn-bar .faq-btn{max-width: 48%; padding: 0; height: 40px; margin: 15px 0 60px 0; border-radius: 3px;}
  .headers-game .faq-btn-title{margin-left: -45%;}
  .headers-game .about-btn-title{font-size: 15px;}
  .headers-game .faq-btn-title{font-size: 15px;}
  .headers-game .htw-work-title{font-size: 26px;}
  .headers-game .sec-head{margin-top: -20px;}
  .headers-game .sec-head-bg{max-width: 75%;}
  .headers-game .htw-process-wrap{padding: 0; margin: 25px 0;}
  .headers-game .space-alt{margin-top: -40px;}
  .headers-game .htw-process-wrap .col-left{max-width: 95%;}
  .headers-game .htw-process-card{margin: 0;}
  .headers-game .htw-process-card-title{font-size: 24px; display: flex; justify-content: center;}
  .headers-game .game-start-card .htw-process-card-body{padding: 23px 10px 46px 10px; margin-top: 85px;}
  .headers-game .htw-process-card-list .htw-process-card-list-item{list-style: none;}
  .headers-game .word-label{display: contents;}
  .headers-game .htw-process-card-list .htw-process-card-list-item{font-size:14px; text-align:center;}
  .headers-game .ball-one img {max-width: 40%;}
  .headers-game .ball-one {bottom: -79%; right: -140px;}
  .headers-game .start-right-icon, .one-right-icon, .two-right-icon , .two-left-icon, .left-icon-space, .right-icon-space{display: none;}
  .headers-game .power-sec{margin-top: -20px;}
  .headers-game .accordion-item{padding: 0;}
  .headers-game .bottom-icon-sm {display: block;position: absolute;bottom: -22px; left: 20px; z-index: 1;}
  .headers-game .htw-process-card-cont{border-radius: 0;height: 230px;top: -80px; z-index: -1;}
  .headers-game .cloud-one img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img.headers-game .ball-one img, .ball-two img, .ball-three img, .ball-four img, .cloud-one img, .cloud-three img, .moon-icon img, .ball-icon-one img, .ball-icon-two img, .head-left-icon img, .head-right-icon img{max-width: 30%;}
  .headers-game .cloud-one {top: -13%;left: -5px; }
  .headers-game .cloud-two img{max-width: 30%;}
  .headers-game .cloud-two {bottom: -10%; left: auto; right: -228px;top: auto;}
  .headers-game .cloud-three { bottom: -8%; left: auto; right: -233px; top: auto;}
  .headers-game .cloud-hide{display: none;}
  .headers-game .cloud-hidden{display: block;}
  .headers-game .htw-process-card-outer{padding: 0;}
  .headers-game .htw-col-right{margin-top: 0;}
  .headers-game .ball-two {position: absolute;bottom: 51%;left: -21px;}
  .headers-game .ball-three img {max-width: 40%;}
  .headers-game .ball-three { bottom: -190px;right: -133px;left: auto;}
  .headers-game .space-cont{height: 180px;}
  .headers-game .space-cont-two{height: 200px;}
  .headers-game .game-start-card .end-body{padding-bottom: 0; margin-bottom: -10px;}
  .headers-game .ball-four {left: 0; bottom: 10%;}
  .headers-game .ball-four img{max-width: 15%;}
  .headers-game .ball-five img{max-width: 35%;}
  .headers-game .ball-five { top: 25%; right: -254px; }
  .headers-game .wipe-out-left-icon img, .wipe-out-right-icon img{max-width: 20%;}
  .headers-game .gameplay-left-arrow , .gameplay-right-arrow {display: none;}
  .headers-game .left-right-arrow img{max-width: 100%;}
  .headers-game .left-right-arrow{position: absolute; bottom: -13%;}
  .headers-game .endgame-victory-icon img{max-width: 30%;}
  .headers-game .endgame-victory-icon {bottom: -19%; right: -265px;}
  .headers-game .endgame-star-icon img{max-width: 35%;}
  .headers-game .endgame-star-icon-two img{max-width: 35%;}
  .headers-game .endgame-star-icon {bottom: -72%; left: 0;z-index: 2; }
  .headers-game .endgame-star-icon-two {right: -68px;bottom: 23%; }
  .headers-game .htw-process-wrap .power-col-right { max-width: 60%; }
  .headers-game .htw-process-card-cont-two{padding: 0;}
  .headers-game .game-start-card .htw-right-body-space{padding: 0;}
  .headers-game .htw-space-right{padding: 0;}
  .headers-game .htw-process-wrap .col-left{z-index: 1;}
  .headers-game .htw-process-wrap .col-right{padding: 0;}
  .headers-game .game-start-card .htw-game-body{padding: 23px 10px 0 10px;}
  .headers-game .htw-space-right-body{margin-top: 0;}
  .headers-game .htw-space-right-beware{padding: 0;}
  .headers-game .htw-power-card-title{font-size: 18px;}
  .headers-game .htw-power-card-list .htw-power-card-list-item{font-size: 15px;}
  .headers-game .htw-power-card-left{padding-left: 0px;}
  .headers-game .htw-power-wrap{flex-direction: row-reverse;}
  .headers-game .htw-power-wrap-two{flex-direction: row;}
  .headers-game .htw-process-card-title-bar{text-align: left;}
  .headers-game .htw-big-head{margin-bottom: 0;}
  .headers-game .power-up-bottom-bg {bottom: -7px;}
  .headers-game .wipe-out-left-icon {bottom: -0.7%;}
  .headers-game .wipe-out-right-icon {bottom: 0.7%;right: -313px; }
  .headers-game .htw-end-sec{margin-top: 50px;}
  .headers-game .endgame-sec{margin-top: -105px; margin-bottom: 20px;}
  .headers-game .endgame-text{font-size: 14px; padding: 20px 35px;}
  .headers-game .endgame-btn-title { font-size: 15px; margin: 0 0 11px -40%; }
  .headers-game .game-expectation-title{font-size: 23px; margin-bottom: 4px;}
  .headers-game .btn-bar .btn-end{margin: 0px 0 30px 0;}
  .headers-game .shadow-layer-three{display: none;}
  .headers-game-expectation-sec .game-expectation-card-outer{border-radius: 11px;}
  .headers-game-expectation-sec .game-expect-card-fig{padding: 16px 0;}
  .headers-game-expectation-sec .game-expect-card-title{font-size: 18px;}
  .headers-game-expectation-sec .game-expect-details-item{font-size: 14px;}
  .headers-game .game-expect-details-item{padding: 0;}
  .headers-game-expectation-sec .game-expectation-list{margin: 0 0 30px 0;}
  .headers-game .owl-carousel .owl-dot.active span{background-color: #2c98de; border: 2px solid #0f5193;}
  .headers-game .owl-carousel .owl-dot span{background-color: #f0f0f0; border: 2px solid #cfcfcf;}
  .headers-game .game-expectation-list .owl-stage{padding-bottom: 20px;}
  .headers-game .faq-block{margin: 30px 0 70px 0; padding: 0 5px;}
  .headers-game .accordion-title{font-size: 14px; padding-right: 10px;}
  .headers-game .accordion-text{font-size: 12px;}
  .headers-game .is-open .accordion-text{font-size: 12px;}
  .headers-game .accordion-icon{height: 14px; width: 14px; min-width: 14px; margin-right: 5px;}
  .headers-game .accordion-head-outer .accordion-icon .icon{font-size: 12px;}
  .headers-game .accordion-body{width: 88.5%; margin-bottom: 0;}
  .headers-game .accordion-cont-bar{padding:10px 0px;}
  .headers-game .accordion-text, .headers-game .is-open .accordion-text{padding:0px;}
  .headers-game .question-label{font-size: 18px; width: 36px;}
  .headers-game .accordion-head{height: 52px;}
  .headers-game .accordion-head-outer{min-height: 52px; padding:7px 0px 7px 5px;}
  .headers-game .color-label{height: 52px;}
  .headers-game .faq-sec{background:var(--faq-bg-mob) no-repeat center; background-size:100% 100%;}
  .headers-game .btn-start{margin: 10px 0 40px 0;}
  .headers-game .btn-two{padding: 10px 0 20px 0;}
  .headers-game .left-right-arrow{display: block; left: 27px;}
  .headers-game .swap-one{display: none;}
  .headers-game .swap-two{display: block;}
  .headers-game .button-icon{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
  .headers-game .button-icon-alt{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
}
@media(max-width:374px) {
  .headers-game .ball-one{bottom:-85%;}
}
/* ***************************** // Headers Game CSS End // ****************************** */




/* ***************************** // Memory Tiles Game CSS Start // ***************************** */
.memory-tiles {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.memory-tiles .header{box-shadow:none;}
.memory-tiles .nav-item-label{font-weight:600;}
@media (hover: hover){
  .memory-tiles .active .nav-item-label, .memory-tiles .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.memory-tiles .word-label{display:grid;}
.memory-tiles .col-right-space{margin: 0;}

.memory-tiles .game-start-card.htw-process-card:before{display: none;}
.memory-tiles .htw-process-card-outer:before, .htw-process-card-outer:after{display: none;} 
.memory-tiles .htw-process-wrap-two .col-left:before{display: none;}

.memory-tiles .game-logo-fig{max-width:43%; padding: 10px 0 0px 0;}

.memory-tiles .about-us-cont{margin: 55px 0; float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); }
.memory-tiles .about-us-cont:before {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 96%; width: 23%; border-radius: 38%; content: ''; margin: auto; background: rgba(0, 72, 255, 1); filter: drop-shadow(0px 0px 22px rgba(0, 72, 255, 1)) drop-shadow(0px 0px 24px rgba(0, 72, 255, 0.4)) drop-shadow(0px 0px 48px rgba(0, 72, 255, 0.5)); }
.memory-tiles .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.memory-tiles .btn-bar .base-btn{max-width: 28%; background-color: #2196f3; height: 90px; border-radius: 8px; border: 2px solid #00FFFF;}
.memory-tiles .button-icon { background: #fff; margin: 0 30px 0 auto; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 100%; cursor: pointer;}
.memory-tiles .button-icon .icon{width:auto; width: auto; rotate: 270deg; margin-left: 5px; color: #2196F3; font-size: 24px;}
.memory-tiles .isg-arrow-up4:before { content: "\e903"; }

.memory-tiles .banner-sec{background:var(--banner-bg) no-repeat center; background-size:100% 100%; padding-bottom: 15px;}
.memory-tiles .banner-sec-outer{background:transparent; padding:0px;}
.memory-tiles .banner-col{float:left; width:100%; flex:0 0 100%;}
.memory-tiles .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.memory-tiles .banner-sec-video{background:transparent;}
.memory-tiles .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.memory-tiles .video-block{max-width:57%; position:relative; overflow:inherit;}
.memory-tiles .video-frame {position: relative;}
.memory-tiles .video-frame::after { display: none;}
.memory-tiles .video-frame-after{ position: absolute; bottom: -18px; z-index: 1; width: 116%; left: -7%; }
.memory-tiles .video-poster, .memory-tiles .client-video{top: 4.7%; left: 2.7%; right: 3%; border-radius: 17px; height: calc(100% - 9.4%); width: calc(100% - 5.7%);}
.memory-tiles .video-shadow{bottom:-13px;}
.memory-tiles .one-theme-icon{position: absolute; left: 14%; top: -4%;}
.memory-tiles .two-theme-icon {position: absolute;left: -8%;top: 37%;}
.memory-tiles .htw-process-theme::after{opacity: 0.23; height: 32px; bottom: -12px; left: -110px; right: -80px;  width: calc(100% + 210px); z-index: -1; position: absolute; filter: blur(1.5px); background: rgb(41 80 143);}

.memory-tiles .about-us-sec{background:#001425; border-bottom: 10px solid #ffd200;}
.memory-tiles .about-us-content{padding-top: 55px;}
.memory-tiles .sec-head-title{font-size: 55px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: 900; text-align: center; font-family: var(--font-btn);} 
.memory-tiles .about-us-text{font-size: 32px; color: var(--clr-action-alt); font-weight: 500; text-align: center; font-family: var(--font-btn); padding: 10px 167px 0 167px;}
.memory-tiles .head-left-icon{position: absolute; top: -60px;}
.memory-tiles .head-right-icon{position: absolute; right: 0; top: -107px;}
.memory-tiles .about-top-bg-1{position: absolute; top: -13px;}
.memory-tiles .btn-start img{position: relative;}
.memory-tiles .about-btn-title{position: absolute; font-size: 33px; font-weight: 500; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -55%; font-family: var(--font-base);}

.memory-tiles .htw-sec-bg{background:#2196f3; position: relative; padding: 140px 0 100px 0;}
.memory-tiles .htw-sec-grid{margin-top: 80px; z-index: 1;}
.memory-tiles .htw-sec-pairs{margin-top: -15px;}
.memory-tiles .how-to-work-process-sec-one { position: relative;}
.memory-tiles .htw-sec-two{margin: 100px 0; position: relative;}
.memory-tiles .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 50px;}
.memory-tiles .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center; margin-top: -10px;}
.memory-tiles .htw-process-theme{position: relative;}
.memory-tiles .htw-work-title{  position: absolute; color: var(--clr-action-alt); font-size: 57px; font-family: var(--font-base); font-weight: bold; margin-bottom: 18px; text-transform: none;}
.memory-tiles .htw-process-card-cont{float: left; width: 100%; position: relative; background: none;}
.memory-tiles .htw-process-card-cont-two{float: left; width: 100%; padding: 40px 40px 40px 20px; position: relative;}
.memory-tiles .htw-process-card-title{font-size: 60px; font-family: var(--font-base); text-transform: uppercase; color: #12439d; font-weight: bold;}
.memory-tiles .htw-process-card-title-alt{font-size: 70px; font-family: var(--font-base); text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold;}
.memory-tiles .htw-process-card-title-two{font-size: 57px; font-family: var(--font-base); text-transform: uppercase; color: #12439d; font-weight: bold;}
.memory-tiles .htw-process-card-title-text{font-size: 69px; font-family: var(--font-base); text-transform: uppercase; color: #12439d; font-weight: bold;}
.memory-tiles .htw-process-card-title-space{font-size: 69px; font-family: var(--font-base); text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold;}
.memory-tiles .game-start-card .htw-process-card-body{position: relative; z-index: 1; padding: 0;}  
.memory-tiles .game-start-card .htw-start-body{padding: 0 0 15px 229px;}  
.memory-tiles .htw-process-card-outer{background: none; border-radius: none;}
.memory-tiles .htw-process-card-list{padding-left: 70px; margin-top: 5px;}
.memory-tiles .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.memory-tiles .htw-process-card-list .htw-process-card-list-item{color: #092a5e; list-style: disc; padding: 0; font-size: 20px; font-family: var(--font-btn); font-weight: 500;}
.memory-tiles .htw-process-card-list .htw-process-card-list-item-alt{color: var(--clr-action-alt); list-style: disc; padding: 0; font-size: 20px; font-family: var(--font-btn); font-weight: 500;}
.memory-tiles .htw-process-card-list .htw-process-card-list-item-two{color: #092a5e; list-style: disc; padding: 0; margin-left: 47px; font-size: 19px; font-family: var(--font-btn); font-weight: 500;}
.memory-tiles .htw-process-wrap .col-right{position: relative;}
.memory-tiles .htw-layer-one img{max-width: 90%;}
.memory-tiles .htw-layer-one {position: absolute; right: -46px; top: -10%; z-index: -1;}
.memory-tiles .htw-layer-two img{max-width: 90%;}
.memory-tiles .htw-layer-two {position: absolute; left: -39px; top: 20%;; z-index: 3;}
.memory-tiles .htw-layer-three {position: absolute; right: 0; bottom: -5%;}
.memory-tiles .htw-layer-four {position: absolute; left: 0; top: 0;}
.memory-tiles .htw-layer-four img{max-width: 85%;}
.memory-tiles .htw-layer-five img{max-width: 90%;}
.memory-tiles .htw-layer-five {position: absolute; right: -48px; bottom: -3px;}

.memory-tiles .power-sec{background:#2196f3; position: relative; padding: 140px 0; z-index: -2;}
.memory-tiles .power-bg-icon{position: absolute; top: 30%; top: 31%; right: 0; z-index: -1;}
.memory-tiles .grid-one-icon{position: absolute; top: 0;}
.memory-tiles .grid-two-icon{position: absolute; right: 0; bottom: 0;}
.memory-tiles .htw-process-wrap{margin: 90px 0; padding: 0 40px;}
.memory-tiles .htw-process-wrap .col-left{position: relative; max-width: 55%; margin: 0;}
.memory-tiles .htw-process-wrap .power-col-left{max-width: 25%;}
.memory-tiles .htw-process-wrap .power-col-right{max-width: 65%; z-index: 1;}
.memory-tiles .htw-power-card-left {padding-left: 150px;}
.memory-tiles .htw-power-card-right {padding-right: 150px;}
.memory-tiles .htw-power-card-cont{background: transparent; padding: 0;}
.memory-tiles .htw-power-card-title{font-size: 74px; font-family: var(--font-base); color: #ffd100; font-weight: bold;}
.memory-tiles .htw-power-card-list .htw-power-card-list-item{color: #fff;font-size: 56px; font-weight: bold;}
.memory-tiles .htw-power-wrap{margin: 60px 0; padding: 0;}
.memory-tiles .htw-space-right-beware{padding: 84px 0 25px 0;}
.memory-tiles .power-up-bottom-bg{position: absolute; bottom: -100px;}
.memory-tiles .htw-space-left{padding: 12px 0px 20px 28px;}
.memory-tiles .htw-space-right{padding: 0 0 0px 140px;}
.memory-tiles .htw-space-game{padding: 0 0 120px 140px;}
.memory-tiles .htw-right-body-space{margin-top: -100px;}
.memory-tiles .htw-end-sec{margin-top: 175px;}
.memory-tiles .game-start-card .htw-space-right-bombs-body{padding-bottom: 100px;}
.memory-tiles .htw-power-wipe-out{margin-top: -10px;}
.memory-tiles .htw-show-hide{display:none;}
.memory-tiles .htw-hide-show{display:block;}

.memory-tiles .endgame-sec{background:var(--endgame-bg) no-repeat bottom center; background-size:100% 100%; position: relative;  z-index: inherit;}
.memory-tiles .endgame-text{font-size: 36px; color: var(--clr-action-alt); font-weight: 500;  text-align: center;  font-family: var(--font-btn); padding: 67px 120px 10px 120px; position:relative; z-index:1;}
.memory-tiles .endgame-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -50%; font-family: var(--font-base); color: #2196f3;}

/* Game Expectation CSS Start */
.memory-tiles-expectation-sec .sec-head-outer{ height: 0;}
.memory-tiles .game-expectation-sec{background:var(--expectation-bg) no-repeat bottom center; background-size:100% 100%; position: relative;}
.memory-tiles .expectation-sec-head-outer{margin-top: 55px;}
.memory-tiles .game-expectation-sec-outer{padding: 0;}
.memory-tiles-expectation-sec .game-expectation-list{gap:0px 60px; margin: 130px 0 128px 0;}
.memory-tiles-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 10px);}
.memory-tiles-expectation-sec .game-expectation-card-outer{padding: 0; border-radius: 35px; margin: 0; padding: 3px; background:linear-gradient(0deg, rgba(251, 174, 3, 1) 0%, rgba(255, 230, 12, 1) 24%, rgba(246, 139, 5, 1) 52%,rgba(255, 231, 24, 1) 78%, rgba(255, 248, 175, 1) 100%)}
.memory-tiles-expectation-sec .game-expectation-card-body{background:#2196f3; border-radius:0px; box-shadow:none; padding: 0 20px 30px 20px; border-radius: 35px; border: 4px solid #03132e;}
.memory-tiles-expectation-sec .game-expect-icon-block{top:0px; margin-top:0px; min-height:110px; }
.memory-tiles-expectation-sec .game-expect-card-fig{max-width:max-content; display:flex; align-items:center; justify-content:center; padding: 20px 0;}
.memory-tiles-expectation-sec .game-expect-card-fig img{width:auto;}
.memory-tiles-expectation-sec .game-expect-card-title-bar{ width: 100%; height: 90px; display: flex; align-items: center; }
.memory-tiles-expectation-sec .game-expect-card-title-bar-alt{ width: 100%; height: 65px; display: flex; align-items: center; }
.memory-tiles-expectation-sec .game-expect-card-title{color:#fff; font-size:31px; font-weight: bold; text-align: center; text-transform: uppercase; font-family: var(--font-base); margin-bottom: 0;}
.memory-tiles-expectation-sec .game-expect-details-item{color:#fff; font-size:18px; font-weight: 500; text-align: center; font-family: var(--font-btn); margin-bottom: 0;}
.memory-tiles-expectation-sec .game-expect-details-item:before{display: none;}
.memory-tiles .game-start-card .htw-process-card-text-heading{font-size: 52px;}
.memory-tiles .game-start-card .htw-process-card-text-level{font-size: 62px;}
.memory-tiles.game-start-card .htw-game-over-text{padding-left: 0; margin-left: -35px;}
.memory-tiles.btn-bg img{filter: none;}
.memory-tiles .btn-bar .btn-end{ padding: 50px 0 175px 0;}
.memory-tiles .htw-big-head {margin-bottom: 50px;}
.memory-tiles .swap-two{display: none;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.memory-tiles .expectations-sec-head{margin-top: 0; margin-bottom: 0;}
.memory-tiles .game-expectation-card{width: auto; border-radius: 35px; }
.memory-tiles .game-expectation-title{position: absolute; color: #8c0817; font-family: var(--font-base); font-weight: bold; line-height: 40px; font-size: 74px;}
.memory-tiles-summary-sec .game-summary-sec-outer{background:#ffc000; padding:0px;}
.memory-tiles-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-weight:800; color: #201e48;}
.memory-tiles-summary-sec .game-summary-btn-bar{padding-top:0px;}
.memory-tiles-summary-sec .game-summary-btn-bar:before{display:none;}
.memory-tiles-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:50px 0 50px 0; position:relative;}
/* Game Summary CSS End */


/*FAQ CSS Start */
.memory-tiles .faq-sec-head-outer{margin-top: 48px;}
.memory-tiles-faq-sec .sec-head-outer{max-width:58%; height: 0;}
.memory-tiles .faq-sec-head{margin-bottom:0; margin-top: -67px;}
.memory-tiles .accordion-item{margin-bottom: 7px;}
.memory-tiles .faq-sec-outer{padding:0; background: none; position: relative;}
.memory-tiles .faq-block{margin: 115px 0 100px 0; padding: 0 50px;}
.memory-tiles .accordion-head{padding:0px; border:none; background-color: #2196f3; border-radius: 6px;}
.memory-tiles .accordion-card{padding: 0; border:none;}
.memory-tiles .accordion-head-outer{ box-shadow: none; border-radius: 0; min-height: 110px; background: none;}
.memory-tiles .accordion-title{font-size: 30px; letter-spacing: 1px; font-weight: 700; font-family: var(--font-btn); color: var(--clr-action-alt);}
.memory-tiles .question-label{margin-right: 10px; font-size: 30px; letter-spacing: 1px; font-weight: 700; font-family: var(--font-btn); color: var(--clr-action-alt);}
.memory-tiles .is-open .accordion-title .question-label{font-size: 30px; }
.memory-tiles .is-open .accordion-card{border: none; background-color: #e6f4ff;}
.memory-tiles .is-open .accordion-text{color: #00182f; font-family: var(--font-btn); font-weight: 500; letter-spacing: 1px; font-size: 28px;}
.memory-tiles .accordion-body{width: 100%; float: right; padding: 20px 0 20px 30px;}
.memory-tiles .accordion-cont-bar{min-height:50px; padding:0 0px 0 63px;}
.memory-tiles .accordion-text{color: #00182f; font-family: var(--font-btn); font-weight: 500; letter-spacing: 1px; font-size: 28px;}
.memory-tiles .accordion-icon { background: #fff; }
.memory-tiles .accordion-icon .icon{width:auto; color: #2196F3; }
.memory-tiles .is-open .accordion-icon .icon .down-icon { display: none; }
.memory-tiles .isg-arrow-up4:before { content: "\e903"; }
.memory-tiles .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.memory-tiles .accordion-head-outer .accordion-icon .icon{text-shadow: none;}
.memory-tiles .down-icon{ margin-top: 4px;}
.memory-tiles .expectation-sec .game-expectation-card-outer{border-radius: 39px;}
.memory-tiles .faq-layer-one{position: absolute; left: 0; top: 50px;}
.memory-tiles .faq-layer-two{position: absolute; right: 0; bottom: 0;}
.memory-tiles .btn-bar .play-btn-faq{padding: 0; max-width: 60%;}

/*FAQ CSS End */

.memory-tiles .footer{background-color: #001a33;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .memory-tiles .video-frame-after{bottom: -15px;}
  .memory-tiles .power-sec{padding: 40px 0;}
  .memory-tiles .one-theme-icon img{max-width: 70%;}
  .memory-tiles .one-theme-icon{left: 11%; top: 1%;}
  .memory-tiles .two-theme-icon img{max-width: 70%;}
  .memory-tiles .two-theme-icon {top: 32%; left: -9%;}
  .memory-tiles .htw-layer-one img{max-width: 70%;}
  .memory-tiles .htw-layer-one{right: -119px; top: -9.5%;}
  .memory-tiles .htw-layer-two img{max-width: 60%;}
  .memory-tiles .htw-layer-three img{max-width: 70%;}
  .memory-tiles .htw-layer-three{right: -95px; bottom: -6%;}
  .memory-tiles .htw-layer-four img{max-width: 55%;}
  .memory-tiles .htw-layer-five img{max-width: 60%;}
  .memory-tiles .htw-layer-five{right: -189px;}
  .memory-tiles .game-start-card .htw-start-body{padding: 0 0px 15px 149px;}
  .memory-tiles .banner-sec {padding: 0 70px 10px 70px;}
  .memory-tiles .video-block{max-width: 68%;}
  .memory-tiles .grid-one-icon img{max-width: 60%;}
  .memory-tiles .grid-one-icon { left: -1%;}
  .memory-tiles .grid-two-icon img{max-width: 60%;}
  .memory-tiles .grid-two-icon {  right: -14%;}
  .memory-tiles .btn-bar .base-btn{height: 80px;}
  .memory-tiles .about-us-cont:before{height: 90%;}
  .memory-tiles .htw-sec-head{margin-bottom: 0;}
  .memory-tiles .about-btn-title{margin-left: -50%; font-size: 27px;}
  .memory-tiles .sec-head-title{font-size: 47px;}
  .memory-tiles .about-us-text{padding: 10px 80px 0 80px; font-size: 27px;}
  .memory-tiles .btn-start img{max-width: 90%;}
  .memory-tiles .sec-head-bg{max-width: 60%;}
  .memory-tiles .faq-head-bg{max-width: 80%;}
  .memory-tiles .faq-sec-head-outer{margin-top: 37px;}
  .memory-tiles .htw-power-wrap{margin: 50px 0;}
  .memory-tiles .htw-process-wrap{padding: 0 50px; margin: 50px 0;}
  .memory-tiles .htw-process-wrap .col-left{max-width: 55%;}
  .memory-tiles .htw-sec-two{margin: 60px 0;}
  .memory-tiles .htw-process-card-title{font-size: 52px;}
  .memory-tiles-expectation-sec .game-expectation-list{gap: 0 20px; margin: 100px 0 90px 0;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item{font-size: 18px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-two{margin-left: 35px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-two{font-size: 17px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-alt{font-size: 17px;}
  .memory-tiles .video-poster, .memory-tiles .client-video{border-radius: 18px;}
  .memory-tiles .htw-power-card-title{font-size: 68px;}
  .memory-tiles .htw-power-card-list .htw-power-card-list-item{font-size: 44px;}
  .memory-tiles .htw-process-card-title-two{font-size: 47px;}
  .memory-tiles .htw-process-card-title-text{font-size: 47px;}
  .memory-tiles .htw-process-card-title-alt{font-size: 47px;}
  .memory-tiles .htw-process-card-title-space{font-size: 47px;}
  .memory-tiles .power-up-bottom-bg{bottom: -10px;}
  .memory-tiles .power-bg-icon{position: absolute; top: 30%; top: 33%; right: -170px;}
  .memory-tiles .power-bg-icon img{max-width: 60%;}
  .memory-tiles .htw-process-theme::after{width: calc(100% + 130px); left: -84px;}
  .memory-tiles .sec-head{margin-bottom: 0;}
  .memory-tiles .htw-sec-grid{margin-top: 30px;}
  .memory-tiles .htw-sec-bg{padding: 50px 0 30px 0;}
  .memory-tiles .htw-process-card-outer{margin-left: 0;}
  .memory-tiles .htw-process-card-list {padding-left: 50px;}
  .memory-tiles .htw-space-left{padding: 12px 50px 20px 28px;}
  .memory-tiles .htw-process-card-cont-two{padding: 0 0 0 30px;}
  .memory-tiles .game-start-card .htw-space-right-bombs-body{padding-bottom: 0;}
  .memory-tiles-expectation-sec .game-expect-card-title{font-size: 25px;}
  .memory-tiles-expectation-sec .game-expect-details-item{font-size: 15px;}
  .memory-tiles .expectations-head-bg{max-width: 70%;}
  .memory-tiles .htw-process-card-lives{padding: 0 50px 0 10px;}
  .memory-tiles .htw-space-right{padding: 0 0 0px 50px;}
  .memory-tiles .htw-space-game{padding: 0 0px 60px 50px;}
  .memory-tiles .htw-space-right-beware{padding: 55px 0 110px 0;}
  .memory-tiles .endgame-text{padding: 50px 100px 0px 100px; font-size: 27px;}
  .memory-tiles .game-expectation-title{font-size: 68px;}
  .memory-tiles .htw-work-title{font-size: 54px;}
  .memory-tiles .faq-layer-one img{max-width: 90%;}
  .memory-tiles .faq-layer-two img{max-width: 80%;}
  .memory-tiles .faq-layer-two{right: -48px;}
  .memory-tiles .faq-block{margin: 90px 0 70px 0; padding: 0 150px;}
  .memory-tiles .accordion-icon{height: 38px; width: 38px; min-width: 38px;}
  .memory-tiles .button-icon{height: 38px; width: 38px; min-width: 38px;}
  .memory-tiles .accordion-head-outer .accordion-icon .icon{font-size: 18px;}
  .memory-tiles .accordion-head-outer{min-height: 90px;}
  .memory-tiles .accordion-title{font-size: 25px;}
  .memory-tiles .question-label{font-size: 25px;}
  .memory-tiles .is-open .accordion-title .question-label{font-size: 25px;}
  .memory-tiles .accordion-text{font-size: 23px;}
  .memory-tiles .is-open .accordion-text{font-size: 23px;}
  .memory-tiles .accordion-body{padding: 10px 0 10px 30px;}
  .memory-tiles .button-icon .icon { color: #2196F3; font-size: 20px; margin: 0 0 0 3px; }
}

@media(max-width:1280px) {
  .memory-tiles .video-poster, .memory-tiles .client-video{border-radius: 19px;}
  .memory-tiles .video-shadow{bottom: -10px;}
  .memory-tiles .htw-process-theme::after { width: calc(100% + 130px); left: -84px; filter: blur(2px); height: 22px;  bottom: -8px;}
  .memory-tiles .about-us-content { padding-top: 50px; }
  .memory-tiles .game-logo-fig{max-width: 35%;}
  .memory-tiles .video-frame-after{bottom: -12px;}
  .memory-tiles .video-block{max-width: 65%;}
  .memory-tiles .banner-sec{padding: 0;}
  .memory-tiles .htw-process-card-cont-two{padding: 0 20px 0 0;}
  .memory-tiles .expectations-sec-head{margin-top: 0;}
  .memory-tiles .btn-bar .base-btn{height: 70px;}
  .memory-tiles .sec-head-title{font-size: 36px;}
  .memory-tiles .about-us-sec{z-index: -1 ;}
  .memory-tiles .about-us-text{font-size: 22px; padding: 0 100px 0 100px;}
  .memory-tiles .about-btn-title{font-size: 24px; margin-left: -53%;}
  .memory-tiles .one-theme-icon img{max-width: 55%;}
  .memory-tiles .one-theme-icon { left: 11%; top: 13%; }
  .memory-tiles .two-theme-icon img{max-width: 55%;}
  .memory-tiles .two-theme-icon { top: 19%; left: -13%; }
  .memory-tiles .grid-one-icon img{max-width: 50%;}
  .memory-tiles .grid-one-icon { left: -3%; }
  .memory-tiles .grid-two-icon img{max-width: 50%;}
  .memory-tiles .grid-two-icon {  right: -20%;}
  .memory-tiles .endgame-btn-title{font-size: 27px;}
  .memory-tiles .htw-work-title{font-size: 48px;}
  .memory-tiles .htw-process-card-title{font-size: 40px;}
  .memory-tiles .htw-process-card-title-two{font-size: 40px;}
  .memory-tiles .htw-process-card-title-text{font-size: 43px;}
  .memory-tiles .htw-process-card-title-alt{font-size: 40px;}
  .memory-tiles .htw-process-card-title-space{font-size: 40px;}
  .memory-tiles .htw-process-card-title-text{font-size: 40px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item{font-size: 16px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-alt{font-size: 16px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-two{font-size: 15.5px;}
  .memory-tiles .htw-right-body-space{margin-top: -25px;}
  .memory-tiles .htw-process-card-list{margin-top: 0; padding-left: 30px;}
  .memory-tiles .htw-space-right { padding: 0 0 0 53px; }
  .memory-tiles .htw-space-game { padding: 0 0 13px 53px; }
  .memory-tiles .game-start-card .htw-start-body {padding: 0 0px 15px 120px;}
  .memory-tiles .btn-bar .btn-end{padding: 50px 0 100px 0;}
  .memory-tiles .htw-layer-one img{max-width: 55%;}
  .memory-tiles .htw-layer-one { top: -7%; right: -168px;}
  .memory-tiles .htw-layer-two img{max-width: 50%;}
  .memory-tiles .htw-layer-two{ left: -35px; bottom: -106px;}
  .memory-tiles .htw-layer-three img{max-width: 55%;}
  .memory-tiles .htw-layer-three {right: -142px; bottom: -43px;}
  .memory-tiles .htw-layer-four img{max-width: 50%;}
  .memory-tiles .htw-layer-four{ bottom: 20px; left: -8px;}
  .memory-tiles .htw-layer-five img{max-width: 55%; }
  .memory-tiles .htw-layer-five{right: -184px;}
  .memory-tiles .endgame-text {padding: 49px 100px 0px 100px; font-size: 23px;}
  .memory-tiles .power-up-bottom-bg{bottom: -30px;}
  .memory-tiles .power-bg-icon{position: absolute; top: 30%; top: 32%; right: -200px;}
  .memory-tiles .power-bg-icon img{max-width: 50%;}
  .memory-tiles .game-expectation-title{font-size: 52px;}
  .memory-tiles .htw-process-wrap{padding: 0 70px; margin: 60px 0;}
  .memory-tiles .htw-sec-bg {padding: 30px 0 30px 0;}
  .memory-tiles .htw-power-wrap{margin: 30px 0;}
  .memory-tiles .htw-sec-two {margin: 30px 0;}
  .memory-tiles .faq-block{margin: 90px 0 80px 0; padding: 0;}
  .memory-tiles .accordion-item{padding: 0 110px;}
  .memory-tiles .expectation-sec-head-outer {margin-top: 46px;}
  .memory-tiles-expectation-sec .game-expectation-item {max-width: calc((100% / 4) - 0px); margin-top: 50px;}
  .memory-tiles-expectation-sec .game-expectation-list{gap: 0 20px; margin: 70px 0 70px 0;}
  .memory-tiles-expectation-sec .game-expect-card-fig{padding: 20px 0;}
  .memory-tiles-expectation-sec .game-expect-card-fig img{max-width: 80%;}
  .memory-tiles-expectation-sec .game-expect-card-title{font-size: 20px;}
  .memory-tiles-expectation-sec .game-expect-card-title-bar{height: 50px;}
  .memory-tiles-expectation-sec .game-expect-card-title-bar-alt{height: 35px;}
  .memory-tiles-expectation-sec .game-expect-details-item{font-size: 14px; padding-top: 10px;}
  .memory-tiles .faq-sec-head-outer {margin-top: 31.2px;}
  .memory-tiles .faq-layer-one img{max-width: 60%;}
  .memory-tiles .faq-layer-two img{max-width: 60%;}
  .memory-tiles .faq-layer-two {right: -81px;}
  .memory-tiles .accordion-head-outer { min-height: 70px;}
  .memory-tiles .accordion-title{font-size: 23px;}
  .memory-tiles .accordion-icon{height: 35px; width: 35px; min-width: 35px;}
  .memory-tiles .button-icon{height: 35px; width: 35px; min-width: 35px;}
  .memory-tiles .accordion-head-outer .accordion-icon .icon{font-size: 16px;}
  .memory-tiles .question-label{font-size: 23px;}
  .memory-tiles .is-open .accordion-title .question-label{font-size: 23px;}
  .memory-tiles .accordion-text{font-size: 20px;}
  .memory-tiles .is-open .accordion-text{font-size: 20px;}
  .memory-tiles .accordion-body{padding: 5px 0 5px 0px;}
  .memory-tiles .accordion-cont-bar{padding: 0 0 0 20px;}
  .memory-tiles .htw-process-wrap .col-left{max-width: 53%;}
  .memory-tiles .htw-space-right-beware {padding: 55px 0 75px 0;}
  .memory-tiles .htw-power-card-title{font-size: 52px;}
  .memory-tiles .htw-power-card-list .htw-power-card-list-item{font-size: 32px;}
  .memory-tiles .htw-process-wrap .power-col-right{max-width: 70%;}
  .memory-tiles .htw-end-sec{margin-top: 60px;}
  .memory-tiles .button-icon .icon { color: #2196F3; font-size: 18px; margin: 0 0 0 3px; }
}
@media(max-width:1023px) {
  .memory-tiles .video-poster, .memory-tiles .client-video{border-radius: 16px;}
  .memory-tiles .game-logo-fig{max-width: 40%; padding: 20px 0 10px 0;}
  .memory-tiles .video-block{max-width: 70%;}
  .memory-tiles .ball-icon-one{right: -255px;}
  .memory-tiles .ball-icon-two {left: -23.5%; top: 0;}
  .memory-tiles .head-left-icon {top: -28px;} 
  .memory-tiles .head-right-icon img{max-width: 40%;}
  .memory-tiles .head-right-icon { right: -240px; top: -55px;}
  .memory-tiles .video-frame-after{bottom: -10px;}
  .memory-tiles .grid-one-icon img{max-width: 40%;}
  .memory-tiles .grid-one-icon { left: -6%; }
  .memory-tiles .grid-two-icon img{max-width: 40%;}
  .memory-tiles .grid-two-icon {  right: -35%;}
  .memory-tiles .sec-head-title{font-size: 32px;}
  .memory-tiles .about-us-text{font-size: 18px; padding: 0 80px;}
  .memory-tiles .btn-start img{max-width: 100%;}
  .memory-tiles .about-btn-title { font-size: 24px; margin-left: -43%;}
  .memory-tiles .btn-bar .base-btn{height: 60px; max-width: 32%;}
  .memory-tiles .htw-work-title{font-size: 38px;}
  .memory-tiles .expectation-sec-head-outer {margin-top: 35px;}
  .memory-tiles .htw-process-theme::after{width: calc(100% + 95px); height: 20px; bottom: -7px;}
  .memory-tiles .htw-process-card-title{font-size: 32px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item{font-size: 14px;}
  .memory-tiles .htw-layer-one img{max-width: 40%;}
  .memory-tiles .htw-layer-one { top: -8%; right: -220px; }
  .memory-tiles .htw-layer-two img{max-width: 40%;}
  .memory-tiles .htw-layer-four img{max-width: 40%;}
  .memory-tiles .faq-layer-one img{max-width: 40%;}
  .memory-tiles .faq-layer-two img{max-width: 40%;}
  .memory-tiles .faq-layer-two {right: -119px;}
  .memory-tiles .htw-layer-three img {max-width: 40%;}
  .memory-tiles .htw-layer-three {right: -185px; bottom: -19px;}
  .memory-tiles .htw-layer-four {bottom: 30px; left: -16px;}
  .memory-tiles .htw-layer-four img{max-width: 38%;}
  .memory-tiles .htw-layer-five img{max-width: 38%;}
  .memory-tiles .htw-layer-five { right: -257px; }
  .memory-tiles .one-theme-icon img {max-width: 40%; }
  .memory-tiles .one-theme-icon {left: 6%; top: 29%;}
  .memory-tiles .two-theme-icon img {max-width: 40%; }
  .memory-tiles .two-theme-icon {top: 25%;left: -17px;}
  .memory-tiles .htw-space-right {padding: 0 0 0 23px;}
  .memory-tiles .htw-space-game {padding: 0 0 13px 23px;}
  .memory-tiles .htw-process-card-list{padding-left: 20px;}
  .memory-tiles .htw-process-card-title{font-size: 36px;}
  .memory-tiles .htw-process-card-title-alt{font-size: 36px;}
  .memory-tiles .htw-process-card-title-two{font-size: 34px;}
  .memory-tiles .htw-process-card-title-text{font-size: 36px;}
  .memory-tiles .htw-process-card-title-alt{font-size: 36px;}
  .memory-tiles .htw-process-card-title-space{font-size: 36px;}
  .memory-tiles .htw-process-card-title-text{font-size: 36px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item{font-size: 15px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-alt{font-size: 15px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-two{font-size: 15px;}
  .memory-tiles .game-start-card .htw-start-body {padding: 0 0px 0 75px;}
  .memory-tiles .right-icon-space {right: -56px;}
  .memory-tiles .htw-process-card-cont-two {padding: 0 10px 0 0;}
  .memory-tiles .htw-space-right-body{margin: 0;}
  .memory-tiles .htw-space-right-beware {padding: 0px 0 35px 0;}
  .memory-tiles .htw-power-card-title{font-size: 46px;}
  .memory-tiles .htw-power-card-list .htw-power-card-list-item{font-size: 27px;}
  .memory-tiles .htw-power-card-left{padding-left: 100px;}
  .memory-tiles .power-bg-icon{position: absolute; top: 30%; top: 32%; right: -250px;}
  .memory-tiles .power-bg-icon img{max-width: 40%;}
  .memory-tiles .htw-end-sec{margin-top: 10px;}
  .memory-tiles .endgame-text {padding: 30px 40px 0px 40px;font-size: 21px;}
  .memory-tiles .endgame-btn-title{font-size: 24px; margin-left: -40%;}
  .memory-tiles .faq-sec-head-outer {margin-top: 22.6px;}
  .memory-tiles .expectations-sec-head {margin-top: 0;} 
  .memory-tiles .btn-bar .btn-end{margin: 0 0 50px 0;}
  .memory-tiles .faq-block{margin: 70px 0 50px 0;}
  .memory-tiles .game-expectation-title{font-size: 46px;}
  .memory-tiles-expectation-sec .game-expectation-item{max-width: calc((100% / 3) - 15px);}
  .memory-tiles-expectation-sec .game-expectation-list{margin: 60px 0 70px 0;}
  .memory-tiles .accordion-head-outer {min-height: 70px;}
  .memory-tiles .accordion-title{font-size: 21px;}
  .memory-tiles .question-label{font-size: 21px;}
  .memory-tiles .is-open .accordion-title .question-label{font-size: 21px;}
  .memory-tiles .accordion-text{font-size: 19px;}
  .memory-tiles .is-open .accordion-text{font-size: 19px;}
  .memory-tiles .htw-process-wrap{margin: 40px 0; padding: 0 40px;}
  .memory-tiles .htw-right-body-space { margin-top: 0; }
  .memory-tiles .htw-power-wrap{margin: 30px 0;}
  .memory-tiles .htw-big-head {margin-bottom: -50px;}
  .memory-tiles .power-up-bottom-bg{bottom: -12px;}
  .memory-tiles .htw-big-head{margin-bottom: 30px;}
  .memory-tiles .htw-power-card-right{padding-right: 0;}
  .memory-tiles .word-label{display: inline-block;}
  .memory-tiles .accordion-item{padding: 0 60px;}
  .memory-tiles .accordion-icon{height: 32px; width: 32px; min-width: 32px;}
  .memory-tiles .button-icon{height: 32px; width: 32px; min-width: 32px;}
  .memory-tiles .accordion-head-outer .accordion-icon .icon{font-size: 14px;}
  .memory-tiles .faq-layer-one{top: 19px;}
  .memory-tiles .faq-layer-two { right: -135px; bottom: -46px;z-index: -1;} 
}

@media(max-width:767px) {
  .memory-tiles .video-poster, .memory-tiles .client-video{border-radius: 7px;}
  .memory-tiles .video-shadow{bottom: -7px;}
  .memory-tiles .banner-sec{background:var(--banner-bg-mob) no-repeat center; background-size:100% 100%;}
  .memory-tiles .power-bg-icon{display: none;}
  .memory-tiles .game-expectation-sec{background:var(--expectation-bg-mob) no-repeat bottom center; background-size:100% 100%; position: relative; border-top: 4px solid #ffd200;}
  .memory-tiles .video-frame-after{bottom: -7px;}
  .memory-tiles .about-us-content{padding-top: 27px;}
  .memory-tiles .sec-head-outer{margin-top: 0;}
  .memory-tiles .faq-sec-head-outer{margin-top: 17px; max-width: 70%;}
  .memory-tiles .htw-process-theme:after{filter: inherit; opacity: 0.23; height: 17px; bottom: -8px; left: -71px; right: -80px; border-radius: 100%; width: calc(100% + 50px); z-index: -1; position: absolute; filter: blur(2px);}
  .memory-tiles .how-to-work-sec .container{padding: 0;}
  .memory-tiles .game-logo-fig{padding: 10px 0 10px 0; max-width: 70%;}
  .memory-tiles .about-top-bg-1{display: none;}
  .memory-tiles .banner-sec{padding: 0 12px;}
  .memory-tiles .video-block{max-width: 85%;}
  .memory-tiles .head-left-icon img{max-width: 25%;}
  .memory-tiles .head-right-icon img{max-width: 20%;}
  .memory-tiles .head-left-icon{top: 2%;}
  .memory-tiles .head-right-icon {right: -337px; top: 2%;}
  .memory-tiles .sec-head-title{font-size: 21px;}
  .memory-tiles .about-us-sec{padding-bottom: 0; border-bottom: 5px solid #ffd200; margin-top: -1px;}
  .memory-tiles .about-us-text{font-size: 16px; padding:12px 5px 10px 5px; z-index: 1; }
  .memory-tiles .grid-one-icon img{max-width: 35%;}
  .memory-tiles .grid-one-icon { left: 4.5%; top: 5%; }
  .memory-tiles .grid-two-icon img{max-width: 26%;}
  .memory-tiles .grid-two-icon {right: -80%;}
  .memory-tiles .btn-bar .base-btn{height: 43px; max-width: 53%;}
  .memory-tiles .button-icon { background: #fff; margin: 0 10px 0 auto;}
  .memory-tiles .button-icon .icon{font-size: 12px;}
  .memory-tiles .about-us-cont{margin: 15px 0 45px 0;}
  .memory-tiles .about-us-cont:before { height: 104%; width: 40%; }
  .memory-tiles .about-btn-title{font-size: 15px; margin-left: -50%; margin-bottom: 3px;}
  .memory-tiles .htw-work-title{font-size: 22px; margin-top: 5px;}
  .memory-tiles .sec-head{margin-top: 0}
  .memory-tiles .expectation-sec-head-outer {margin-top:21px;}
  .memory-tiles-expectation-sec .game-expectation-card-body{padding: 0;}
  .memory-tiles-expectation-sec .game-expect-card-title-bar{height: 35px;}
  .memory-tiles-expectation-sec .game-expect-card-title-bar-alt{height: 25px;}
  .memory-tiles .sec-head-bg{max-width: 75%;}
  .memory-tiles .faq-head-bg{max-width: 100%;}
  .memory-tiles .htw-process-wrap{padding: 0 10px; margin: 25px 0;}
  .memory-tiles .htw-process-wrap .col-left{max-width: 95%;}
  .memory-tiles .htw-show-hide{display: block;}
  .memory-tiles .htw-hide-show{display: none;}
  .memory-tiles .one-theme-icon img{max-width: 32%;}
  .memory-tiles .one-theme-icon{left: 12px;}
  .memory-tiles .two-theme-icon img{max-width: 32%;}
  .memory-tiles .two-theme-icon{ left: 2px; top: 11%;}
  .memory-tiles .htw-layer-two img{max-width: 20%;}
  .memory-tiles .htw-layer-two {left: -6.5%; top: 32%; z-index: -1;}
  .memory-tiles .htw-layer-four img{max-width: 16%;}
  .memory-tiles .htw-layer-four {top: 0; left: -3px;right: auto;}
  .memory-tiles .how-to-work-process-hide{display: none;}
  .memory-tiles .htw-layer-five{display: none;}
  .memory-tiles .htw-process-card-list {margin-top: 0; padding: 5px 50px 0 85px;}
  .memory-tiles .flipping-card .htw-process-card-list{padding-right:0px;}
  .memory-tiles .matching-pairs-card .word-label, .memory-tiles .wrong-pair-card .word-label{display:inline-block;}
  .memory-tiles .htw-process-card-list-item-space{padding: 5px 0 0 85px;}
  .memory-tiles .game-start-card .htw-process-card-body{padding: 0; margin-top: 35px;}
  .memory-tiles .htw-space-right{padding: 0;}
  .memory-tiles .htw-space-game{padding: 0;}
  .memory-tiles .word-label{display: contents;}
  .memory-tiles .how-to-work-process-pairs{margin-top: -35px;}
  .memory-tiles .how-to-work-space{margin-top: -30px;}

  .memory-tiles .htw-process-card-list .htw-process-card-list-item{font-size: 14px; text-align: left;}
  .memory-tiles .power-sec{margin-top: -20px; padding: 40px 0 0 0;}
  .memory-tiles .accordion-item{padding: 0;}
  .memory-tiles .htw-process-card-cont{border-radius: 0;}
  .memory-tiles .htw-sec-grid{z-index: 0; margin-top: 5px;}
  .memory-tiles .htw-layer-one{z-index: 3; top: -7%; right: -288px;}
  .memory-tiles .htw-layer-one img{max-width: 22%;}
  .memory-tiles .htw-layer-three{display: none;}
  .memory-tiles .htw-process-card-outer{padding: 0;}
  .memory-tiles .htw-col-right{margin-top: 0;}
  .memory-tiles .htw-process-card-title-bar{text-align: left; padding-left: 50px;}
  .memory-tiles .htw-process-card-title{font-size: 30px;}
  .memory-tiles .htw-process-card-title-alt{font-size: 30px;}
  .memory-tiles .htw-process-card-title-two{font-size: 30px;}
  .memory-tiles .htw-process-card-title-space{font-size: 30px;}
  .memory-tiles .htw-process-card-title-text{font-size: 30px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-alt{font-size: 14px;}
  .memory-tiles .htw-process-card-list .htw-process-card-list-item-two{font-size: 14px; margin-left: 0; }
  .memory-tiles .htw-process-card-cont-two{padding: 0;}
  .memory-tiles .htw-process-wrap .col-right{padding: 0;}
  .memory-tiles .game-start-card .htw-game-body{padding: 23px 10px 0 10px;}
  .memory-tiles .htw-space-right-body{margin-top: 0;}
  .memory-tiles .htw-space-right-beware{padding: 0;}
  .memory-tiles .htw-power-card-title{font-size: 18px;}
  .memory-tiles .htw-power-card-list .htw-power-card-list-item{font-size: 15px;}
  .memory-tiles .htw-power-card-left{padding-left: 0px;}
  .memory-tiles .htw-power-card-right {padding-right: 50px;}
  .memory-tiles .htw-power-wrap{flex-direction: row-reverse;}
  .memory-tiles .htw-power-wrap-two{flex-direction: row;}
  .memory-tiles .htw-big-head{margin-bottom: 0;}
  .memory-tiles .htw-power-wipe-out{margin-top: 0;}
  .memory-tiles .power-up-bottom-bg {bottom: -10px;}
  .memory-tiles .htw-end-sec{margin-top: 50px;}
  .memory-tiles .endgame-sec{background:var(--endgame-bg-mob) no-repeat bottom center; background-size:100% 100%; position: relative; margin-top: -27px; border-bottom: 4px solid #ffd200;}
  .memory-tiles .endgame-text{font-size: 18px; padding: 60px 5px 15px 5px;}
  .memory-tiles .endgame-btn-title { font-size: 15px; margin: 0 0 11px -40%; }
  .memory-tiles .game-expectation-title{font-size: 23px; margin-bottom: 4px;}
  .memory-tiles .btn-bar .btn-end{margin: 0px 0 30px 0;}
  .memory-tiles .shadow-layer-three{display: none;}
  .memory-tiles-expectation-sec .game-expect-card-fig{padding: 16px 0;}
  .memory-tiles-expectation-sec .game-expect-card-title{font-size: 22px;}
  .memory-tiles-expectation-sec .game-expect-details-item{font-size: 12px;}
  .memory-tiles .game-expectation-card{height: 270px;}  
  .memory-tiles .game-expect-details-item{padding: 20px 0 0 0;}
  .memory-tiles-expectation-sec .game-expectation-card-outer{padding: 2px; border-radius: 20px;}
  .memory-tiles-expectation-sec .game-expectation-card-body{border: 3px solid #03132e; border-radius: 20px;}
  .memory-tiles-expectation-sec .game-expectation-list{margin: 20px 0 70px 0;}
  .memory-tiles .owl-carousel .owl-dot.active span{background-color: #ffffff; border: 1px solid #2196f3;}
  .memory-tiles .owl-carousel .owl-dot span{background-color: #072048; border: 1px solid #2196f3;}
  .memory-tiles .game-expectation-list .owl-stage{padding-bottom: 30px;}
  .memory-tiles .faq-block{margin: 40px 0 40px 0; padding: 0 10px;}
  .memory-tiles .faq-work-title{margin-top: 10px;}
  .memory-tiles .accordion-title{font-size: 14px; padding-right: 10px;}
  .memory-tiles .accordion-text{font-size: 12px;}
  .memory-tiles .is-open .accordion-text{font-size: 12px;}
  .memory-tiles .accordion-body{ margin-bottom: 0; padding: 5px 0 0 30px;}
  .memory-tiles .accordion-cont-bar{padding-left: 0;}
  .memory-tiles .accordion-icon{height: 21px; width: 21px; min-width: 21px;}
  .memory-tiles .button-icon{height: 21px; width: 21px; min-width: 21px;}
  .memory-tiles .accordion-head-outer .accordion-icon .icon{font-size: 10px;}
  .memory-tiles .question-label{font-size: 14px; margin-right: 5px;}
  .memory-tiles .is-open .accordion-title .question-label{font-size: 14px;}
  .memory-tiles .accordion-head{height: 52px;}
  .memory-tiles .accordion-head-outer{min-height: 52px; padding-left: 5px;}
  .memory-tiles .color-label{height: 52px;}
  .memory-tiles .btn-start{margin: 10px 0 38px 0;}
  .memory-tiles .btn-two{padding: 10px 0 20px 0;}
  .memory-tiles .faq-layer-one img{max-width: 13%;}
  .memory-tiles .faq-layer-two img{max-width: 15%;}
  .memory-tiles .faq-layer-one {left: -3px; top: 5px;}
  .memory-tiles .faq-layer-two {right: -170px; bottom: -25px; z-index: -1;}
}
@media(max-width:374px) {
  .memory-tiles .htw-process-card-list{padding:5px 50px 0 75px;}
}
/* ***************************** // Memory Tiles CSS End // ****************************** */



/* ***************************** // Dart Attack CSS Start // ***************************** */
.dart-attack {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.dart-attack .header{box-shadow:none;}
.dart-attack .nav-item-label{font-weight:600;}
@media (hover: hover){
  .dart-attack .active .nav-item-label, .dart-attack .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.dart-attack .word-label{display:grid;}
.dart-attack .col-right-space{margin: 0;}

.dart-attack .game-start-card.htw-process-card:before{display: none;}
.dart-attack .htw-process-card-outer:before, .htw-process-card-outer:after{display: none;} 
.dart-attack .htw-process-wrap-two .col-left:before{display: none;}

.dart-attack .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.dart-attack .btn-bar .base-btn{background-color: #2196f3; max-width: 28%; height: 89px; border-radius: 8px; margin: 50px 0 60px 0;}
.dart-attack .btn-bar .faq-btn{background-color: #fff; max-width: 28%; height: 89px; border-radius: 8px; margin: 60px 0 170px 0;}
.dart-attack .faq-accordion-icon { background: #2196f3;}
.dart-attack .faq-accordion-icon .icon{color: #fff; }
.dart-attack .isg-arrow-up4:before { content: "\e903"; }
.dart-attack .game-logo-fig{max-width:40%;}
.dart-attack  .button-icon { background: #fff; margin: 0 30px 0 auto; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 100%; cursor: pointer;}
.dart-attack  .button-icon .icon{width:auto; width: auto; rotate: 270deg; margin-left: 5px; color: #2196F3; font-size: 24px;}

.dart-attack  .button-icon-alt { background: #2196F3; margin: 0 30px 0 auto; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; border-radius: 100%; cursor: pointer;}
.dart-attack  .button-icon-alt .icon{width:auto; width: auto; rotate: 270deg; margin-left: 5px; color: #ffff; font-size: 24px;}

.dart-attack .banner-sec{background:var(--banner-bg) no-repeat center; background-size:100% 100%; position: relative; z-index: 1; }
.dart-attack .banner-sec-outer{background:transparent; padding:0px;}
.dart-attack .banner-col{float:left; width:100%; flex:0 0 100%;}
.dart-attack .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.dart-attack .banner-sec-video{background:transparent;}
.dart-attack .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.dart-attack .video-block{max-width:55%; position:relative; overflow:inherit;}
.dart-attack .video-frame {position: relative;}
.dart-attack .video-frame::after {z-index: -3; content: ""; opacity: 0.45; height: 50px; bottom: -25px; left: -192px; right: -80px; border-radius: 100%; width: calc(100% + 410px); position: absolute; filter: blur(3px); background: #000710;}
.dart-attack .video-poster, .dart-attack .client-video{top: 2.5%; left: 1.9%; right: 3.5%; height: calc(100% - 5.4%); width: calc(100% - 3.7%); bottom: auto; border-radius: 30px;}
.dart-attack .video-shadow{bottom:-15px;}
.dart-attack .one-theme-icon{position: absolute; left: -9px; bottom: -7.8%;}
.dart-attack .two-theme-icon {position: absolute; right: -2%; top: 2%; z-index: 3;}
.dart-attack .three-theme-icon {position: absolute; right: 0%; top: -25%; }
.dart-attack .four-theme-icon {position: absolute; right: 0%; top: -31.3%; }
.dart-attack .htw-process-theme::after{display: none;}
.dart-attack .how-to-work-bg-space{height: 600px; background: #d5ecff; width: 210%;}
.dart-attack .how-to-work-bg-space-alt{height: 570px;}
.dart-attack .how-to-work-bg-space-alt img{height: 100%;}
.dart-attack .how-to-work-one-bg{position: absolute; left: -109%; z-index: -3; top: -12px;}
.dart-attack .how-to-work-two-bg{position: absolute; right: -110%; z-index: -3; top: -12px;}
.dart-attack .how-to-work-one-icon { position: absolute; bottom: -7px; right: 79px;}
.dart-attack .how-to-work-one-icon-two { position: absolute; bottom: 0; right: 79px; }
.dart-attack .how-to-work-one-icon-three { position: absolute; left: -27%; right: auto; margin-top: 3%; z-index: 1;}
.dart-attack .how-to-work-two-icon { position: absolute; top: -5.5%; left: 0; }
.dart-attack .how-to-work-two-icon-two { position: absolute; top: -8.6%; left: 0; }
.dart-attack .shadow-layer-one{position: absolute; bottom: 0; left: -15%;}
.dart-attack .shadow-layer-two{position: absolute; bottom: 0; right: -12%;}
.dart-attack .side-layer-three{position: absolute; bottom: 0;}

.dart-attack .about-us-sec{background:#081d38; position: relative; margin-top: -390px; padding-bottom: 100px;}
.dart-attack .about-us-content{margin-top: 430px;}
.dart-attack .sec-head-title{font-size: 49px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; text-align: center; font-family: var(--font-base);} 
.dart-attack .about-us-text{font-size: 34px; color: var(--clr-action-alt); font-weight: 400; text-align: center; font-family: var(--font-btn); padding: 10px 200px 0 200px;}
.dart-attack .head-left-icon{position: absolute; top: -60px;}
.dart-attack .head-right-icon{position: absolute; right: 0; top: -107px;}
.dart-attack .about-top-bg-1{position: absolute; top: -13px;}
.dart-attack .btn-start img{position: relative;}
.dart-attack .about-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -55%; font-family: var(--font-base);}
.dart-attack .faq-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: #2196f3; margin-left: -55%; font-family: var(--font-base);}

.dart-attack .game-expect-card-title-bar{ width: 100%; height: 30px; display: flex; align-items: center; }
.dart-attack .scoring-sec-bg{background:var(--scoring-bg) no-repeat bottom center; background-size:100% 100%; position: relative; margin: 120px 0 0 0; z-index: 1;}
.dart-attack .htw-sec-grid{margin-top: 80px; z-index: 1;}
.dart-attack .how-to-work-process-sec-one { position: relative;}
.dart-attack .htw-sec-two{margin: 100px 0; position: relative;}
.dart-attack .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0px;}
.dart-attack .sec-head-bg{max-width: 62%;}
.dart-attack .sec-head-bg img {filter: drop-shadow(2px 13px 3px rgba(0, 0, 0, 0.3));}
.dart-attack .sec-head-bg-expectation img{filter: drop-shadow(2px 13px 3px rgba(0, 0, 0, 0.3));}
.dart-attack .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center; }
.dart-attack .htw-head-outer{margin-top: -94px;}
.dart-attack .htw-process-theme{position: relative; z-index: 2;}
.dart-attack .htw-work-title{ position: absolute; color: var(--clr-action-alt); font-size: 102px; font-family: var(--font-base); font-weight: bold; text-transform: none; text-shadow: -4px -4px 0 #2a030a, 4px -4px 0 #2a030a, -4px 4px 0 #2a030a, 4px 4px 0 #2a030a;}
.dart-attack .expectaion-title{ position: absolute; color: var(--clr-action-alt); font-size: 84px; font-family: var(--font-base); font-weight: bold; text-transform: none; text-shadow: -4px -4px 0 #2a030a, 4px -4px 0 #2a030a, -4px 4px 0 #2a030a, 4px 4px 0 #2a030a;}
.dart-attack .htw-process-card-cont{float: left; width: 100%; position: relative; background: none;}
.dart-attack .htw-process-card-cont-two{float: left; width: 100%; padding: 40px 40px 40px 20px; position: relative;}
.dart-attack .htw-process-card-title-bar{display: flex;}
.dart-attack .htw-process-card-title{font-size: 65px; font-family: var(--font-base); text-transform: uppercase; color: #093c7d; font-weight: bold;}
.dart-attack .htw-process-card-title-alt{font-size: 65px; font-family: var(--font-base); text-transform: uppercase; color: #093c7d; font-weight: bold; padding-left: 10px;}
.dart-attack .one-right-icon { margin: 16px 8px 0 -45px;}
.dart-attack .one-left-icon { margin: 16px 0 0 8px; position: absolute; right: -28px;}
.dart-attack .game-start-card .htw-process-card-body{position: relative; z-index: 1; padding: 40px 50px 0 0 ;}  
.dart-attack .game-start-card .htw-process-card-body-two{position: relative; z-index: 1; padding: 100px 0 0 94px;}  
.dart-attack .htw-process-card-outer{background: none; border-radius: none;}
.dart-attack .htw-process-card-list{padding-left: 91px; margin-top: 5px;}
.dart-attack .htw-process-card-list-alt{padding-left: 55px; margin-top: 5px;}
.dart-attack .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.dart-attack .htw-process-card-list .htw-process-card-list-item{color: #053168; list-style: disc; padding: 0; font-size: 26px; font-family: var(--font-base); font-weight: 500;}
.dart-attack .htw-process-card-list .htw-process-card-list-item::marker, .htw-process-card-list-item-two::marker{font-size: 14px;}
.dart-attack .htw-process-wrap .col-right{position: relative; z-index: -1;}
.dart-attack .htw-process-wrap .col-right-alt{z-index: 3;}
.dart-attack .power-sec{background:var(--power-bg) no-repeat bottom center; background-size:100% 100%; position: relative; padding: 140px 0;}
.dart-attack .htw-process-wrap{margin: 170px 0;}
.dart-attack .htw-process-wrap-alt{margin-top: -85px;}
.dart-attack .htw-process-wrap .col-left{position: relative; max-width: 61%; margin: 0;}
.dart-attack .htw-process-wrap .power-col-left{max-width: 25%;}
.dart-attack .htw-process-wrap .power-col-right{max-width: 65%; z-index: 1;}
.dart-attack .htw-power-card-left {padding-left: 150px;}
.dart-attack .htw-power-card-right {padding-right: 150px;}
.dart-attack .htw-power-card-cont{background: transparent; padding: 0;}
.dart-attack .htw-power-card-title{font-size: 74px; font-family: var(--font-base); color: #ffd100; font-weight: bold;}
.dart-attack .htw-power-card-list .htw-power-card-list-item{color: #fff;font-size: 56px; font-weight: bold;}
.dart-attack .htw-power-wrap{margin: 60px 0; padding: 0;}
.dart-attack .htw-show-hide{display:none;}
.dart-attack .htw-hide-show{display:block;}

.dart-attack .challenges-sec{background:var(--challenges-bg) no-repeat bottom center; background-size:100% 100%; position: relative;  z-index: inherit; margin: 120px 0 0 0;}
.dart-attack .challenges-title-bar{margin: 70px 0 50px 0;}
.dart-attack .challenges-title{font-size: 66px; text-transform: uppercase; color: #ffffff; font-weight: bold; font-family: var(--font-base); text-align: center;}
.dart-attack .challenges-text{font-size: 40px; color: var(--clr-action-alt); font-weight: 500;  text-align: center;  font-family: var(--font-base); padding: 0 200px 10px 200px;}
.dart-attack .challenges-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -50%; font-family: var(--font-base); color: #2196f3;}
.dart-attack .star-icon-one{position: absolute; left: 7%; top: -9%;}
.dart-attack .star-icon-two{position: absolute; right: 16%; bottom: 13%; }
.dart-attack .challenges-theme-icon{position: absolute; bottom: -4%;}

/* Game Expectation CSS Start */
.dart-attack-expectation-sec .sec-head-outer{ height: 0;}
.dart-attack .game-expectation-sec{position: relative;}
.dart-attack .game-expectation-sec-outer{padding: 0;}
.dart-attack .game-expectation-list{gap:0px 25px; margin: 0px 0 128px 0;}
.dart-attack .game-expectation-item{max-width:calc((100% / 4) - 23px);}
.dart-attack .game-expectation-card-body{ padding: 10px 20px 30px 20px; border-radius: 39px; background-image: linear-gradient(240deg, #38b6ff 0%, #0b488a 100%); box-shadow: none;}
.dart-attack .game-expect-icon-block{top:0px; margin-top:0px; min-height:110px; }
.dart-attack .game-expect-card-fig{display:flex; align-items:center; justify-content:center; padding: 0; max-width: 70%;}
.dart-attack .game-expect-card-fig img{width:auto;}
.dart-attack .game-expect-card-fig-alt{margin: 0 -30px -5px 0; max-width: 72%;}
.dart-attack .game-expect-card-title{color:#fff; font-size:24px; font-weight: bold; text-align: center; text-transform: uppercase; font-family: var(--font-base); margin-bottom: 0;}
.dart-attack .game-expect-details-item:before{width:auto; height:auto;}
.dart-attack .game-expect-details-item{color:#fff; font-size:16px; font-weight: 500; text-align: center; font-family: var(--font-base); margin-bottom: 0; padding: 15px 0 0 0;}
.dart-attack .game-start-card .htw-process-card-text-heading{font-size: 52px;}
.dart-attack .game-start-card .htw-process-card-text-level{font-size: 62px;}
.dart-attack .game-start-card .htw-game-over-text{padding-left: 0; margin-left: -35px;}
.dart-attack .btn-bg img{filter: none;}
.dart-attack .btn-bar .btn-end{ padding: 50px 0 175px 0;}
.dart-attack .htw-big-head {margin-bottom: 50px;}
.dart-attack .swap-two{display: none;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.dart-attack .expectations-sec-head{margin-top: 0; margin-bottom: 0;}
.dart-attack .game-expectation-card{width: auto; border-radius: 35px; }
.dart-attack .game-expectation-title{position: absolute; color: #8c0817; font-family: var(--font-base); font-weight: bold; line-height: 40px; font-size: 74px;}
.dart-attack-summary-sec .game-summary-sec-outer{background:#ffc000; padding:0px;}
.dart-attack-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-weight:800; color: #201e48;}
.dart-attack-summary-sec .game-summary-btn-bar{padding-top:0px;}
.dart-attack-summary-sec .game-summary-btn-bar:before{display:none;}
.dart-attack-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:50px 0 50px 0; position:relative;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.dart-attack .game-expectation-card-outer{padding: 0;} 
.dart-attack-faq-sec .sec-head-outer{max-width:58%; margin-top: 7px;}
.dart-attack .faq-sec{background:var(--faq-bg) no-repeat center; background-size:100% 100%;}
.dart-attack .faq-sec-head{margin-bottom:0; margin-top: -67px;}
.dart-attack .faq-sec-outer{padding:0; background: none; }
.dart-attack .faq-block{margin: 100px 0 105px 0;}
.dart-attack .accordion-head{padding:0px; border:none;}
.dart-attack .accordion-card{padding: 0; border:none;}
.dart-attack .accordion-head-outer{ box-shadow: none; background: none; border-radius: 0; min-height: 94px; background: #ffff;}
.dart-attack .color-label {width: 12px;height: 94px;background-image: linear-gradient(-90deg, #fb9f17 0%, #fb9f17 3%, #fde359 100%);}
.dart-attack .accordion-title{color: #071930; font-size:30px; font-weight:500; letter-spacing: 1px; display:flex; align-items:center; font-family: var(--font-base);}

.dart-attack .question-label{ background-image: linear-gradient(90deg, rgba(240,10,48,1) 0%, rgba(135,11,43) 97%); height: 94px; font-size: 44px; font-weight: 900; font-family: var(--font-btn); color: var(--clr-action-alt); margin-right: 0; width: 82px; display: flex; justify-content: center; align-items: center;}
.dart-attack .is-open .accordion-title .question-label{color: #42137b; font-size: 44px; margin-right: 10px;}
.dart-attack .is-open .accordion-card{border: none; background: none;}
.dart-attack .is-open .accordion-text{color: var(--clr-action-alt); font-family: var(--font-btn); font-weight: 400; letter-spacing: 1px; font-size: 25px; padding: 20px 0;}
.dart-attack .accordion-body{background-color: #061c3c; width: 97%; float: right;}
.dart-attack .accordion-cont-bar{min-height:50px; padding:0 0px 0 63px;}
.dart-attack .accordion-text{color: var(--clr-action-alt); font-family: var(--font-btn); font-weight: 400; letter-spacing: 1px; font-size: 25px; padding: 20px 0;}
.dart-attack .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.dart-attack .expectation-sec .game-expectation-card-outer{border-radius: 39px;}
.dart-attack .btn-bar .play-btn-faq{padding: 0; max-width: 60%;}
.dart-attack .accordion-head-outer .accordion-icon .icon{text-shadow: none; font-size: 18px; color: #05133c;}

/*FAQ CSS End */
.dart-attack .footer{height: 50px; background-color: #040a19; display: flex;align-items: center; justify-content: center;}
.dart-attack .copyright-text{font-size: 22px; font-weight: 400; font-family: var(--font-btn);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .dart-attack .video-frame::after{height: 34px; left: -139px; width: calc(100% + 250px);}
  .dart-attack .video-poster, .dart-attack .client-video{border-radius: 22px;}
  .dart-attack .power-sec{padding: 40px 0;}
  .dart-attack .shadow-layer-one img{max-width: 90%;}
  .dart-attack .shadow-layer-one{left: -12%;}
  .dart-attack .shadow-layer-two img{max-width: 90%;}
  .dart-attack .shadow-layer-two{right: -24%; left: 21px;}
  .dart-attack .htw-head-outer { margin-top: -76px; }
  .dart-attack .one-theme-icon img{max-width: 60%;}
  .dart-attack .one-theme-icon{bottom: -5.3%;}
  .dart-attack .two-theme-icon img{max-width: 65%;}
  .dart-attack .two-theme-icon {right: -150px; top: 18%; }
  .dart-attack .how-to-work-two-icon img{max-width: 75%;}
  .dart-attack .three-theme-icon img{max-width: 68%;}
  .dart-attack .how-to-work-two-icon-two img{max-width: 76%;}
  .dart-attack .how-to-work-two-icon-two{top: -17%; left: -61px; }
  .dart-attack .how-to-work-two-icon {top: -13.5%; left: -55px; }
  .dart-attack .three-theme-icon{right: -150px;}
  .dart-attack .star-icon-one img{max-width: 80%;}
  .dart-attack .star-icon-one{top: -9%;}
  .dart-attack .challenges-theme-icon img{max-width: 75%;}
  .dart-attack .star-icon-two img{max-width: 80%;}
  .dart-attack .star-icon-two { right: 11%; bottom: 17%; }
  .dart-attack .one-right-icon { margin: 8px 8px 0 -45px; }
  .dart-attack .one-left-icon { margin: 7px 0 0 8px; }
  .dart-attack .game-start-card .htw-start-body{padding: 0 0px 15px 149px;}
  .dart-attack .game-start-card .htw-process-card-body-two{padding: 70px 0 0 70px;}
  .dart-attack .one-left-icon{right: -47px;}
  .dart-attack .how-to-work-bg-space { height: 440px; }
  .dart-attack .banner-sec {padding: 0 70px 10px 70px;}
  .dart-attack .video-block{max-width: 68%;}
  .dart-attack .btn-bar .base-btn{height: 76px; margin: 40px 0 50px 0;}
  .dart-attack .btn-bar .faq-btn{height: 76px; margin: 38px 0 135px 0;}
  .dart-attack .htw-sec-head{margin-bottom: 0;}
  .dart-attack .sec-head-title{font-size: 47px;}
  .dart-attack .about-us-sec{padding-bottom: 75px;}
  .dart-attack .about-us-content { margin-top: 415px; }
  .dart-attack .about-us-text{padding: 10px 150px 0 150px; font-size: 27px;}
  .dart-attack .challenges-title{font-size: 57px;}
  .dart-attack .about-btn-title{font-size: 27px; margin-left: -50%;}
  .dart-attack .faq-btn-title{font-size: 27px;}
  .dart-attack .btn-start img{max-width: 90%;}
  .dart-attack .sec-head-bg-expectation{max-width: 60%;}
  .dart-attack .sec-head-bg{max-width: 57%;}  
  .dart-attack .faq-sec-head-outer{margin-top: 39px;}
  .dart-attack .htw-power-wrap{margin: 50px 0;}
  .dart-attack .htw-process-wrap{padding: 0 50px; margin: 100px 0;}
  .dart-attack .htw-process-wrap-alt{margin-top: -40px;}
  .dart-attack .how-to-work-bg-space-alt { height: 420px; }
  .dart-attack .how-to-work-bg-space-alt img{max-width: 97%;}
  .dart-attack .htw-process-wrap .col-left{max-width: 59%;}
  .dart-attack .how-to-work-one-bg {left: -85%; top: 4px; }
  .dart-attack .how-to-work-one-icon img{max-width: 60%;}
  .dart-attack .how-to-work-one-icon{bottom: 4px; right: -10%;}
  .dart-attack .how-to-work-one-icon-two img{max-width: 63%;}
  .dart-attack .how-to-work-one-icon-two{bottom: -7px; right: -9.7%;}
  .dart-attack .how-to-work-one-icon-three img{max-width: 70%;}
  .dart-attack .how-to-work-one-icon-three{left: -25.5%;}
  .dart-attack .four-theme-icon img{max-width: 65%;}
  .dart-attack .four-theme-icon {right: -14%; top: -29%; }
  .dart-attack .htw-process-card-list .htw-process-card-list-item{font-size: 18px;}
  .dart-attack .game-expect-card-title{font-size: 21px;}
  .dart-attack .game-expect-details-item{font-size: 14px;}
  .dart-attack .htw-process-card-list {padding-left: 85px;}
  .dart-attack .htw-process-card-list-alt {padding-left: 45px;}
  .dart-attack .htw-sec-two{margin: 60px 0;}
  .dart-attack-expectation-sec .game-expectation-list{gap: 0 20px; margin: 100px 0 90px 0;}
  .dart-attack .challenges-title-bar { margin: 35px 0 25px 0; }
  .dart-attack .htw-process-card-title{font-size: 52px;}
  .dart-attack .htw-process-card-title-alt{font-size: 52px;}
  .dart-attack .power-up-bottom-bg{bottom: -10px;}
  .dart-attack .htw-process-theme::after{width: calc(100% + 130px); left: -84px;}
  .dart-attack .sec-head{margin-bottom: 0;}
  .dart-attack .htw-sec-grid{margin-top: 30px;}
  .dart-attack .htw-sec-bg{padding: 50px 0 30px 0;}
  .dart-attack .htw-process-card-outer{margin-left: 0;}
  .dart-attack .htw-space-left{padding: 12px 50px 20px 28px;}
  .dart-attack .htw-process-card-cont-two{padding: 0 0 0 30px;}
  .dart-attack .game-start-card .htw-space-right-bombs-body{padding-bottom: 0;}
  .dart-attack-expectation-sec .game-expect-card-title{font-size: 25px;}
  .dart-attack-expectation-sec .game-expect-details-item{font-size: 15px;}
  .dart-attack .expectations-head-bg{max-width: 70%;}
  .dart-attack .challenges-text{font-size: 27px;}
  .dart-attack .game-expectation-title{font-size: 68px;}
  .dart-attack .game-expectation-item{margin-top: 0;}
  .dart-attack .game-expectation-list{margin: 0 0 100px 0;}
  .dart-attack .htw-work-title{font-size: 66px; text-shadow: -2.7px -2.7px 0 #2a030a, 2.7px -2.7px 0 #2a030a, -2.7px 2.7px 0 #2a030a, 2.7px 2.7px 0 #2a030a;}
  .dart-attack .expectaion-title{font-size: 57px; text-shadow: -2.9px -2.9px 0 #2a030a, 2.9px -2.9px 0 #2a030a, -2.9px 2.9px 0 #2a030a, 2.9px 2.9px 0 #2a030a;}
  .dart-attack .faq-layer-one img{max-width: 90%;}
  .dart-attack .faq-layer-two img{max-width: 80%;}
  .dart-attack .faq-layer-two{right: -48px;}
  .dart-attack .faq-block{margin: 90px 0 70px 0; padding: 0 120px;}
  .dart-attack .accordion-head-outer{min-height: 90px;}
  .dart-attack .accordion-title{font-size: 27px;}
  .dart-attack .question-label{font-size: 34px; height: 90px; width: 75px;}
  .dart-attack .color-label{height: 90px;}
  .dart-attack .is-open .accordion-title .question-label{font-size: 34px;}
  .dart-attack .accordion-text{font-size: 22px;}
  .dart-attack .is-open .accordion-text{font-size: 22px;}
  .dart-attack .accordion-body{padding: 10px 0 10px 30px;}
  .dart-attack .accordion-cont-bar { padding: 0 10px 0 53px; }
  .dart-attack .side-layer-three img{max-width: 70%;}
  .dart-attack .button-icon{height: 40px; width: 40px; min-width: 40px;}
  .dart-attack .button-icon .icon {font-size: 18px; margin: 0 0 0 3px; }
  .dart-attack .button-icon-alt{height: 40px; width: 40px; min-width: 40px;}
  .dart-attack .button-icon-alt .icon { font-size: 18px; margin: 0 0 0 3px; }
}

@media(max-width:1280px) {
  .dart-attack .video-poster, .dart-attack .client-video{border-radius: 21px;}
  .dart-attack .sec-head-bg { max-width: 50%; }
  .dart-attack .htw-head-outer { margin-top: -53px; }
  .dart-attack-faq-sec .sec-head-outer{margin-top: 22px;}
  .dart-attack .game-expectation-list{margin-bottom: 60px;}
  .dart-attack .one-theme-icon { bottom: -4.9%; }
  .dart-attack .how-to-work-bg-space-alt { height: 355px; }
  .dart-attack .htw-process-theme::after { width: calc(100% + 130px); left: -84px; filter: blur(2px); height: 22px;  bottom: -8px;}
  .dart-attack .about-us-content { padding-top: 10px; }
  .dart-attack .game-logo-fig{max-width: 35%;}
  .dart-attack .video-block{max-width: 65%;}
  .dart-attack .banner-sec{padding: 0;}
  .dart-attack .htw-process-card-cont-two{padding: 0 20px 0 0;}
  .dart-attack .expectations-sec-head{margin-top: 0;}
  .dart-attack .sec-head-title{font-size: 36px;}
  .dart-attack .about-us-text{font-size: 22px; padding: 0 150px 0 150px;}
  .dart-attack .about-btn-title{font-size: 24px;}
  .dart-attack .faq-btn-title{font-size: 24px;}
  .dart-attack .btn-bar .base-btn{margin: 38px 0 28px 0; height: 65px;}
  .dart-attack .btn-bar .faq-btn{margin: 30px 0 90px 0; }
  .dart-attack .challenges-theme-icon img { max-width: 55%; }
  .dart-attack .one-theme-icon img{max-width: 50%;}
  .dart-attack .two-theme-icon img{max-width: 55%;}
  .dart-attack .two-theme-icon { right: -233px; top: 24%; }
  .dart-attack .challenges-btn-title{font-size: 27px;}
  .dart-attack .htw-work-title{font-size: 48px; text-shadow: -2.3px -2.3px 0 #2a030a, 2.3px -2.3px 0 #2a030a, -2.3px 2.3px 0 #2a030a, 2.3px 2.3px 0 #2a030a;}
  .dart-attack .expectaion-title{font-size: 44px; text-shadow: -2.5px -2.5px 0 #2a030a, 2.5px -2.5px 0 #2a030a, -2.5px 2.5px 0 #2a030a, 2.5px 2.5px 0 #2a030a;}
  .dart-attack .game-expect-card-title{font-size: 18px;}
  .dart-attack .game-expect-details-item{font-size: 13px;}
  .dart-attack .one-right-icon { margin: 8px -10px 0 -35px; }
  .dart-attack .htw-process-card-title{font-size: 40px;}
  .dart-attack .htw-process-card-title-alt{font-size: 40px;}
  .dart-attack .htw-process-card-list .htw-process-card-list-item{font-size: 16px;}
  .dart-attack .how-to-work-one-icon-three img { max-width: 56%;}
  .dart-attack .four-theme-icon img { max-width: 56%; }
  .dart-attack .four-theme-icon { right: -19%; top: -32%; }
  .dart-attack .one-right-icon img{max-width: 80%;}
  .dart-attack .one-left-icon img{max-width: 80%;}
  .dart-attack .htw-right-body-space{margin-top: -25px;}
  .dart-attack .htw-space-right { padding: 0 0 0 53px; }
  .dart-attack .htw-space-game { padding: 0 0 13px 53px; }
  .dart-attack .game-start-card .htw-start-body {padding: 0 0px 15px 120px;}
  .dart-attack .btn-bar .btn-end{padding: 50px 0 100px 0;}
  .dart-attack .challenges-title-bar { margin: 30px 0 20px 0; }
  .dart-attack .challenges-title{font-size: 48px;}
  .dart-attack .challenges-text {font-size: 23px;}
  .dart-attack .star-icon-one img { max-width: 70%; }
  .dart-attack .star-icon-one { top: -11%; }
  .dart-attack .star-icon-two img{max-width: 70%;}
  .dart-attack .power-up-bottom-bg{bottom: -30px;}
  .dart-attack .game-expectation-title{font-size: 52px;}
  .dart-attack .htw-process-wrap{padding: 0 70px; margin: 70px 0;}
  .dart-attack .htw-process-wrap-alt{margin-top: -12px}
  .dart-attack .how-to-work-bg-space { height: 360px;}
  .dart-attack .htw-sec-bg {padding: 30px 0 30px 0;}
  .dart-attack .htw-power-wrap{margin: 30px 0;}
  .dart-attack .htw-sec-two {margin: 30px 0;}
  .dart-attack .faq-block{margin: 80px 0; padding: 0;}
  .dart-attack .accordion-item{padding: 0 85px;}
  .dart-attack .expectation-sec-head-outer {margin-top: 50px;}
  .dart-attack-expectation-sec .game-expectation-item {max-width: calc((100% / 4) - 0px); margin-top: 50px;}
  .dart-attack-expectation-sec .game-expectation-list{gap: 0 20px; margin: 70px 0 70px 0;}
  .dart-attack-expectation-sec .game-expect-card-fig{padding: 20px 0;}
  .dart-attack-expectation-sec .game-expect-card-fig img{max-width: 80%;}
  .dart-attack-expectation-sec .game-expect-card-title{font-size: 20px;}
  .dart-attack-expectation-sec .game-expect-details-item{font-size: 14px;}
  .dart-attack .faq-sec-head-outer {margin-top: 32.4px;}
  .dart-attack .faq-layer-one img{max-width: 60%;}
  .dart-attack .faq-layer-two img{max-width: 60%;}
  .dart-attack .faq-layer-two {right: -81px;}
  .dart-attack .htw-process-wrap .col-left{max-width: 58%;}
  .dart-attack .how-to-work-one-bg img { max-width: 100%; }
  .dart-attack .how-to-work-one-icon img{max-width: 51%;}
  .dart-attack .how-to-work-one-icon { bottom: -18px; right: -17%;}
  .dart-attack .how-to-work-one-icon-two img{max-width: 52%;} 
  .dart-attack .how-to-work-one-icon-two{bottom: -24px; right: -16.5%;}
  .dart-attack .how-to-work-two-icon-two {top: -28%; left: -64px;}
  .dart-attack .how-to-work-two-icon-two img { max-width: 68.2%; }
  .dart-attack .htw-process-card-list{max-width: 100%; padding-left: 65px; margin-top: 0;}
  .dart-attack .htw-process-card-list-alt{padding-left: 25px;}
  .dart-attack .how-to-work-two-icon img { max-width: 68%; }
  .dart-attack .how-to-work-two-icon{top: -25%; left: -6.3%;}
  .dart-attack .three-theme-icon img{max-width: 50%;}
  .dart-attack .three-theme-icon { right: -21%; }
  .dart-attack .htw-space-right-beware {padding: 55px 0 75px 0;}
  .dart-attack .htw-power-card-title{font-size: 52px;}
  .dart-attack .htw-power-card-list .htw-power-card-list-item{font-size: 32px;}
  .dart-attack .htw-process-wrap .power-col-right{max-width: 70%;}
  .dart-attack .htw-end-sec{margin-top: 60px;}
  .dart-attack .accordion-title{font-size: 25px;}
  .dart-attack .question-label{font-size: 30px; height: 85px; width: 70px;}
  .dart-attack .is-open .accordion-title .question-label{font-size: 30px;}
  .dart-attack .accordion-text{font-size: 19px;}
  .dart-attack .is-open .accordion-text{font-size: 19px;}
  .dart-attack .accordion-body{padding: 0 0 0 30px;}
  .dart-attack .color-label{height: 85px;}
  .dart-attack .accordion-head-outer{min-height: 85px;}
  .dart-attack .side-layer-three img{max-width: 50%;}
  .dart-attack .button-icon{height: 35px; width: 35px; min-width: 35px;}
  .dart-attack .button-icon .icon { font-size: 16px; margin: 0 0 0 3px; }
  .dart-attack .button-icon-alt{height: 35px; width: 35px; min-width: 35px;}
  .dart-attack .button-icon-alt .icon { font-size: 16px; margin: 0 0 0 3px; }
}
@media(max-width:1023px) {
  .dart-attack .video-poster, .dart-attack .client-video{border-radius: 16px;}
  .dart-attack .scoring-sec-bg{margin-top: 70px;}
  .dart-attack .challenges-sec{margin-top: 90px;}
  .dart-attack .htw-head-outer { margin-top: -38px; }
  .dart-attack-faq-sec .sec-head-outer { margin-top: 15px; }
  .dart-attack .video-block{max-width: 70%;}
  .dart-attack .sec-head-title{font-size: 32px;}
  .dart-attack .about-us-text{font-size: 18px; padding: 0 80px;}
  .dart-attack .btn-start img{max-width: 100%;}
  .dart-attack .about-btn-title { font-size: 21px; margin-left: -47%;}
  .dart-attack .faq-btn-title { font-size: 21px; margin-left: -47%;}
  .dart-attack .btn-bar .base-btn{ margin: 30px 0 0 0; height: 57px; border-radius: 5px; max-width: 30%;}
  .dart-attack .btn-bar .faq-btn{ margin: 30px 0 80px 0; height: 57px; border-radius: 5px; max-width: 30%;}
  .dart-attack .htw-work-title{font-size: 38px; text-shadow: -2.1px -2.1px 0 #2a030a, 2.1px -2.1px 0 #2a030a, -2.1px 2.1px 0 #2a030a, 2.1px 2.1px 0 #2a030a;}
  .dart-attack .expectaion-title{font-size: 34px; text-shadow: -2.2px -2.2px 0 #2a030a, 2.2px -2.2px 0 #2a030a, -2.2px 2.2px 0 #2a030a, 2.2px 2.2px 0 #2a030a;}
  .dart-attack .game-expect-card-title-bar{height: 10px;}
  .dart-attack .expectation-sec-head-outer {margin-top: 37px;}
  .dart-attack .game-expectation-item{max-width: calc((100% / 2) - 80px);}
  .dart-attack .game-expectation-card-outer{margin-top: 40px; background: transparent;}
  .dart-attack .game-expectation-list {margin: 35px 0 65px 0; } 
  .dart-attack .htw-process-theme::after{width: calc(100% + 95px); height: 20px; bottom: -7px;}
  .dart-attack .htw-process-card-title{font-size: 32px;}
  .dart-attack .htw-process-card-title-alt{font-size: 32px;}
  .dart-attack .htw-process-card-list .htw-process-card-list-item{font-size: 14px;}
  .dart-attack .game-start-card .htw-process-card-body{padding: 15px 50px 10px 0;}
  .dart-attack .game-start-card .htw-process-card-body-two{padding: 50px 0 0 40px;}
  .dart-attack .how-to-work-bg-space { height: 275px; }
  .dart-attack .how-to-work-bg-space-alt { height: 285px; }
  .dart-attack .htw-process-wrap-alt { margin-top: -20px; }
  .dart-attack .how-to-work-one-icon-three img { max-width: 47%; }
  .dart-attack .one-left-icon img { max-width: 70%; }
  .dart-attack .one-left-icon{right: -63px; margin-top: 3px;}
  .dart-attack .one-right-icon{margin-top: 5px;}
  .dart-attack .how-to-work-two-icon img { max-width: 48%; }
  .dart-attack .how-to-work-two-icon { top: -17%; left: -7.3%;}
  .dart-attack .how-to-work-two-icon-two img { max-width: 49%; }
  .dart-attack .how-to-work-two-icon-two { top: -25%; left: -55px; }
  .dart-attack .four-theme-icon img { max-width: 47%; }
  .dart-attack .four-theme-icon { right: -32%; top: -34%; }
  .dart-attack .three-theme-icon img { max-width: 40%; }
  .dart-attack .three-theme-icon { right: -34%; }
  .dart-attack .how-to-work-one-icon-two img { max-width: 39%; }
  .dart-attack .how-to-work-one-icon-two { bottom: 0px; right: -30%; }
  .dart-attack .htw-layer-one img{max-width: 40%;}
  .dart-attack .htw-layer-one { top: -8%; right: -220px; }
  .dart-attack .htw-layer-two img{max-width: 40%;}
  .dart-attack .htw-layer-four img{max-width: 40%;}
  .dart-attack .faq-layer-one img{max-width: 40%;}
  .dart-attack .faq-layer-two img{max-width: 40%;}
  .dart-attack .faq-layer-two {right: -119px;}
  .dart-attack .htw-layer-three img {max-width: 40%;}
  .dart-attack .htw-layer-three {right: -185px; bottom: -19px;}
  .dart-attack .htw-layer-four {bottom: 30px; left: -16px;}
  .dart-attack .htw-layer-four img{max-width: 38%;}
  .dart-attack .htw-layer-five img{max-width: 38%;}
  .dart-attack .htw-layer-five { right: -257px; }
  .dart-attack .one-theme-icon img {max-width: 40%; }
  .dart-attack .one-theme-icon {bottom: -4.4%;}
  .dart-attack .two-theme-icon img {max-width: 40%; }
  .dart-attack .two-theme-icon { right: -36%; top: 36.5%; }
  .dart-attack .how-to-work-one-icon img{max-width: 40%;}
  .dart-attack .how-to-work-one-icon { bottom: -10px; right: -30%; }
  .dart-attack .htw-process-card-list{padding-left: 45px;}
  .dart-attack .game-start-card .htw-start-body {padding: 0 0px 0 75px;}
  .dart-attack .star-icon-one img { max-width: 60%; }
  .dart-attack .star-icon-two img { max-width: 60%; }
  .dart-attack .star-icon-two { right: 5%; bottom: 12%; }
  .dart-attack .star-icon-one { top: -10%; }
  .dart-attack .challenges-theme-icon img { max-width: 40%; }
  .dart-attack .challenges-theme-icon{bottom: 0}
  .dart-attack .right-icon-space {right: -56px;}
  .dart-attack .htw-process-card-cont-two {padding: 0 10px 0 0;}
  .dart-attack .htw-space-right-body{margin: 0;}
  .dart-attack .htw-space-right-beware {padding: 0px 0 35px 0;}
  .dart-attack .htw-power-card-title{font-size: 46px;}
  .dart-attack .htw-power-card-list .htw-power-card-list-item{font-size: 27px;}
  .dart-attack .htw-power-card-left{padding-left: 100px;}
  .dart-attack .htw-end-sec{margin-top: 10px;}
  .dart-attack .challenges-title { font-size: 40px; }
  .dart-attack .challenges-text {padding: 0 120px 0px 120px;font-size: 21px;}
  .dart-attack .faq-sec-head-outer {margin-top: 25px;}
  .dart-attack .expectations-sec-head {margin-top: 0;}  
  .dart-attack .btn-bar .btn-end{margin: 0 0 50px 0;}
  .dart-attack .faq-block{margin: 70px 0 50px 0;}
  .dart-attack .game-expectation-title{font-size: 46px;}
  .dart-attack-expectation-sec .game-expectation-item{max-width: calc((100% / 3) - 15px);}
  .dart-attack-expectation-sec .game-expectation-list{margin: 60px 0 70px 0;}
  .dart-attack .accordion-head-outer {min-height: 70px;}
  .dart-attack .color-label{height: 70px;}
  .dart-attack .accordion-title{font-size: 21px;}
  .dart-attack .question-label{font-size: 26px; height: 70px; width: 55px;}
  .dart-attack .is-open .accordion-title .question-label{font-size: 26px;}
  .dart-attack .accordion-text{font-size: 16px;}
  .dart-attack .is-open .accordion-text{font-size: 16px;}
  .dart-attack .accordion-cont-bar{padding-left: 45px;}
  .dart-attack .accordion-head-outer .accordion-icon .icon{font-size: 16px;}
  .dart-attack .htw-process-wrap{padding: 0 40px; margin: 60px 0;}
  .dart-attack .htw-right-body-space { margin-top: 0; }
  .dart-attack .htw-power-wrap{margin: 30px 0;}
  .dart-attack .htw-big-head {margin-bottom: -50px;}
  .dart-attack .power-up-bottom-bg{bottom: -12px;}
  .dart-attack .htw-big-head{margin-bottom: 30px;}
  .dart-attack .htw-power-card-right{padding-right: 0;}
  .dart-attack .word-label{display: inline-block;}
  .dart-attack .accordion-item{padding: 0 60px;}
  .dart-attack .faq-layer-one{top: 19px;}
  .dart-attack .faq-layer-two { right: -135px; bottom: -46px;z-index: -1;}
  .dart-attack .side-layer-three img{max-width: 28%;}
  .dart-attack .side-layer-three{bottom: -5px; width: 150%;}
  .dart-attack .button-icon{height: 32px; width: 32px; min-width: 32px;}
  .dart-attack .button-icon .icon{font-size: 14px;}
  .dart-attack .button-icon-alt{height: 32px; width: 32px; min-width: 32px;}
  .dart-attack .button-icon-alt .icon{font-size: 14px;}
}

@media(max-width:767px) {
  .dart-attack .banner-sec{background:var(--banner-bg-mob) no-repeat center; background-size:100% 100%;}
  .dart-attack .htw-sec-bg{background:var(--about-bg-mob) no-repeat bottom center; background-size:100% 100%;}
  .dart-attack .power-sec{background:var(--power-bg-mob) no-repeat bottom center; background-size:100% 100%; position: relative;}
  .dart-attack .faq-sec{background:var(--faq-bg-mob) no-repeat center; background-size:100% 100%;}
  .dart-attack .video-frame::after {left: -28px; right: -50px; height: 10px; bottom: -10px; width: calc(100% + 55px); filter: blur(0);}
  .dart-attack .video-poster, .dart-attack .client-video{border-radius: 10px;}
  .dart-attack .sec-head-bg img { filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.3)); }
  .dart-attack .sec-head-bg-expectation img { filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.3)); }
  .dart-attack .one-theme-icon{display: none;}
  .dart-attack .htw-head-outer{margin-top: -28px;}
  .dart-attack .faq-sec-head-outer{margin-top: 15px;}
  .dart-attack .htw-process-theme:after{filter: inherit; opacity: 0.23; height: 17px; bottom: -8px; left: -71px; right: -80px; border-radius: 100%; width: calc(100% + 50px); z-index: -1; position: absolute; filter: blur(2px);}
  .dart-attack .how-to-work-sec .container{padding: 0;}
  .dart-attack .how-to-work-process .container{padding: 0;}
  .dart-attack .game-logo-fig{max-width: 60%;}
  .dart-attack .about-top-bg-1{display: none;}
  .dart-attack .video-block{max-width: 85%;}
  .dart-attack .sec-head-title{font-size: 24px;}
  .dart-attack .about-us-sec{padding-bottom: 0; margin-top: -1px;}
  .dart-attack .about-us-content{padding-top: 30px; margin-top: 0;}
  .dart-attack .about-us-text-block{padding: 0;}
  .dart-attack .about-us-text{font-size: 16px; padding: 7px 10px 10px 10px; z-index: 1; }
  .dart-attack .btn-bar .base-btn{max-width: 48%; padding: 0; height: 45px; margin: 15px 0 57px 0;}
  .dart-attack .about-btn-title{font-size: 18px; margin-left: -35%; font-weight: 500;}
  .dart-attack .faq-btn-title{font-size: 18px; margin-left: -35%;}
  .dart-attack .htw-work-title{font-size: 30px; text-shadow: -2px -2px 0 #2a030a, 2px -2px 0 #2a030a, -2px 2px 0 #2a030a, 2px 2px 0 #2a030a;}
  .dart-attack .expectaion-title{font-size: 27px; text-shadow: -2px -2px 0 #2a030a, 2px -2px 0 #2a030a, -2px 2px 0 #2a030a, 2px 2px 0 #2a030a;}
  .dart-attack .sec-head{margin-top: 0}
  .dart-attack .expectation-sec-head-outer {margin-top: 24px;}
  .dart-attack .sec-head-bg{max-width: 75%;}
  .dart-attack .faq-head-bg{max-width: 100%;}
  .dart-attack .htw-process-wrap{padding: 0 ; margin: 25px 0;}
  .dart-attack .htw-process-wrap-alt{margin: 20px 0 -10px 0;}
  .dart-attack .htw-process-wrap .col-left{max-width: 90%;}
  .dart-attack .how-to-work-one-bg {display: none;}
  .dart-attack .how-to-work-two-bg {display: none;}
  .dart-attack .how-to-work-two-icon{display: none;}
  .dart-attack .how-to-work-one-icon-three{display: none;}
  .dart-attack .four-theme-icon{display: none;}
  .dart-attack .three-theme-icon{display: none;}
  .dart-attack .how-to-work-two-icon-two{display: none;}
  .dart-attack .htw-show-hide{display: block; margin: 3px 5px 0;}
  .dart-attack .how-to-work-one-icon-two img{max-width: 23%;}
  .dart-attack .how-to-work-one-icon-two { bottom:-34px; right: -76.8%; }
  .dart-attack .htw-hide-show{display: none;}
  .dart-attack .two-theme-icon img{max-width: 22%;}
  .dart-attack .two-theme-icon{right: -92%; top: 51.5%;}
  .dart-attack .how-to-work-process-hide{display: none;}
  .dart-attack .htw-layer-five{display: none;}
  .dart-attack .htw-process-card-list {margin-top: 0; padding: 5px 44px 0 72px;}
  .dart-attack .htw-process-card-list-alt {margin-top: 0; padding: 5px 44px 0 70px;}
  .dart-attack .htw-process-card-list-two {margin-top: 0; padding: 0 0 0 20px;}
  .dart-attack .htw-card-space{padding: 0 40px 0 45px;}
  .dart-attack .htw-card-space-alt{padding: 0 40px 0 57px;}
  .dart-attack .game-start-card .htw-process-card-body{padding: 0; margin-top: 20px;}
  .dart-attack .game-start-card .htw-process-card-body-two{padding: 0; margin-top: 20px;}
  .dart-attack .htw-space-right{padding: 0;}
  .dart-attack .htw-space-game{padding: 0;}
  .dart-attack .word-label{display: contents;}
  .dart-attack .how-to-work-process-pairs{margin-top: -35px;}
  .dart-attack .how-to-work-space{margin-top: -30px;}
  .dart-attack .htw-process-card-list .htw-process-card-list-item{font-size: 18px; list-style: none; font-weight: 550; text-align:center;}
  .dart-attack .htw-process-card-list .htw-process-card-list-item-alt{font-size: 18px; list-style: none; font-weight: 550;}
  .dart-attack .power-sec{margin-top: -20px; padding: 40px 0 0 0;}
  .dart-attack .accordion-item{padding: 0;}
  .dart-attack .htw-process-card-cont{border-radius: 0;}
  .dart-attack .htw-process-card-outer{margin-top: 89px;}
  .dart-attack .how-to-work-one-icon img{max-width: 25%;}
  .dart-attack .how-to-work-one-icon { bottom: -11px; right: -74.5%; }
  .dart-attack .how-to-work-one-icon-one img{max-width: 20%;}
  .dart-attack .how-to-work-one-icon-one { bottom: -11px; right: -80%; }
  .dart-attack .htw-col-right{margin-top: 0;}
  .dart-attack .htw-process-card-title-bar{padding: 15px 0 0; display: flex;align-items: center; justify-content: center;}
  .dart-attack .htw-process-card-title{font-size: 35px;}
  .dart-attack .htw-process-card-title-alt{font-size: 35px;}
  .dart-attack .htw-process-card-cont-two{padding: 0;}
  .dart-attack .htw-process-wrap .col-right{padding: 0;}
  .dart-attack .htw-process-card { background: #d5ecff; height: 270px; margin-top: -106px;}
  .dart-attack .htw-process-card-two { background: #d5ecff; height: 230px; margin-top: -106px;}
  .dart-attack .side-layer-one{position: absolute; right: 0; bottom: -4px; z-index: 1;}
  .dart-attack .side-layer-two{position: absolute; right: -10px; bottom: -4px; z-index: 1;}
  .dart-attack .game-start-card .htw-game-body{padding: 23px 10px 0 10px;}
  .dart-attack .htw-space-right-body{margin-top: 0;}
  .dart-attack .htw-space-right-beware{padding: 0;}
  .dart-attack .htw-power-card-title{font-size: 18px;}
  .dart-attack .htw-power-card-list .htw-power-card-list-item{font-size: 15px;}
  .dart-attack .htw-power-card-left{padding-left: 0px;}
  .dart-attack .htw-power-card-right {padding-right: 50px;}
  .dart-attack .htw-power-wrap{flex-direction: row-reverse;}
  .dart-attack .htw-power-wrap-two{flex-direction: row;}
  .dart-attack .htw-big-head{margin-bottom: 0;}
  .dart-attack .htw-power-wipe-out{margin-top: 0;}
  .dart-attack .power-up-bottom-bg {bottom: -10px;}
  .dart-attack .htw-end-sec{margin-top: 50px;}
  .dart-attack .star-icon-one img { max-width: 40%; }
  .dart-attack .star-icon-two img { max-width: 37%; }
  .dart-attack .shadow-layer-one{bottom: -2%;}
  .dart-attack .star-icon-one { top: -8%; }
  .dart-attack .challenges-title-bar { margin: 30px 0 5px 0; }
  .dart-attack .challenges-title { font-size: 35px; }
  .dart-attack .challenges-text{font-size: 17px; padding: 0px 12px;}
  .dart-attack .sec-head-bg-expectation{max-width: 75%;}
  .dart-attack .challenges-theme-icon img { max-width: 24%; }
  .dart-attack .challenges-theme-icon { bottom: 14%; left: 1.5%; }
  .dart-attack .star-icon-two { right: -9%; bottom: 15%; }
  .dart-attack .game-expectation-title{font-size: 23px; margin-bottom: 4px;}
  .dart-attack .btn-bar .btn-end{margin: 0px 0 30px 0;}
  .dart-attack .shadow-layer-three{display: none;}
  .dart-attack .scoring-theme-bg{padding:0px 10px;}
  .dart-attack-expectation-sec .game-expect-card-fig{padding: 16px 0;}
  .dart-attack-expectation-sec .game-expect-card-title{font-size: 22px;}
  .dart-attack-expectation-sec .game-expect-details-item{font-size: 12px;}
  .dart-attack .game-expectation-list{margin: 0 0 60px 0;}
  .dart-attack .game-expectation-card-outer{border-radius: 25px;}
  .dart-attack .game-expectation-card-body{border-radius: 25px; padding: 0 12px 10px 12px;}
  .dart-attack .game-expect-card-fig{padding-top: 10px;}
  .dart-attack .game-expect-card-title{font-size: 19px;}
  .dart-attack .game-expect-details-item{padding: 10px 0 10px 0; font-size: 14px;}
  .dart-attack-expectation-sec .game-expectation-card-outer{padding: 2px; border-radius: 20px;}
  .dart-attack-expectation-sec .game-expectation-card-body{border: 3px solid #03132e; border-radius: 20px;}
  .dart-attack-expectation-sec .game-expectation-list{margin: 20px 0 55px 0;}
  .dart-attack .owl-carousel .owl-dot.active span{background: linear-gradient(240deg, #38b6ff 0%, #0b488a 100%); border: 2px solid #318dee;}
  .dart-attack .owl-carousel .owl-dot span{background-color: #fff; border: 2px solid #318dee; width: 19px; height: 19px;}
  .dart-attack .owl-carousel .owl-dot{margin: 4px;}
  .dart-attack .scoring-sec-bg{margin-top: 50px;}
  .dart-attack .faq-block{margin: 30px 0 40px 0; padding: 0 10px;}
  .dart-attack .accordion-title{font-size: 16px; padding-right: 10px;}
  .dart-attack .accordion-text{font-size: 12px;}
  .dart-attack .is-open .accordion-text{font-size: 12px;}
  .dart-attack .accordion-icon{height: 20px; width: 20px; min-width: 20px; margin-right: -5px; display: block;}
  .dart-attack .accordion-body{ margin-bottom: 0; padding: 15px 0 15px 50px;}
  .dart-attack .accordion-cont-bar{padding-left: 0; }
  .dart-attack .is-open .accordion-text{padding:0px;}
  .dart-attack .game-expectation-card{padding-bottom: 7px; filter: drop-shadow(0px 0 9px #d0d0d0);}
  .dart-attack .accordion-head-outer .accordion-icon .icon{font-size: 12px; margin-right: 0;}
  .dart-attack .question-label{font-size: 20px; width: 36px; height: 50px;}
  .dart-attack .is-open .accordion-title .question-label{font-size: 20px;}
  .dart-attack .button-icon{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
  .dart-attack .button-icon-alt{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
  .dart-attack .accordion-head-outer{min-height: 50px; padding-left: 10px;}
  .dart-attack .color-label{height: 50px;}
  .dart-attack .btn-start{margin: 10px 0 38px 0;}
  .dart-attack .btn-two{padding: 10px 0 20px 0;}
  .dart-attack .challenges-sec{margin-top: 21px;}
  .dart-attack-faq-sec .sec-head-outer{max-width: 75%; margin-top: -25px;}
  .dart-attack .faq-layer-one img{max-width: 13%;}
  .dart-attack .faq-layer-two img{max-width: 15%;}
  .dart-attack .faq-layer-one {left: -3px; top: 5px;}
  .dart-attack .faq-layer-two {right: -170px; bottom: -25px; z-index: -1;}
  .dart-attack .copyright-text{font-size: 16px; color: #fff0f4}
  .dart-attack .button-icon{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
  .dart-attack .button-icon-alt{height: 28px; width: 28px; min-width: 28px; margin-right: 10px;}
}
@media(max-width:374px) {
  .dart-attack .accordion-title{font-size:15px;}
}
/* ***************************** // Dart Attack CSS End // ****************************** */



/* ***************************** // Pin Drop Game CSS Start // ***************************** */
.pin-drop-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#072073;
--clr-dark:#02102f;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#06121b;
--bg-primary:#2196f3;

/*Border Colors*/
--bdr1:#191744;
  
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-head:'Geogrotesque', sans-serif;
}
.pin-drop-game .base-btn{float:left; width:100%; background:var(--bg-primary); text-shadow:none; padding:17px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:332px;}
.pin-drop-game .btn-text{position:unset; font-size:40px; font-weight:700; color:#fff;}

.pin-drop-game .banner-sec{background:var(--banner-bg-left-icon) no-repeat, var(--banner-bg-right-icon) no-repeat, var(--banner-bg) no-repeat; background-position:9% 40%, 96% 32%, center top; background-size:5%, 24%, cover;}
.pin-drop-game .banner-sec-outer{background:transparent; padding:0px;}
.pin-drop-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.pin-drop-game .banner-logo .game-logo-fig{max-width:23.5%; margin:20px 0px 10px; filter:drop-shadow(0px 0px 11px rgba(33, 150, 243, 0.8)) drop-shadow(0px 0px 11px rgba(33, 150, 243, 0.8));}

.pin-drop-game .banner-sec-video{background:transparent; margin-bottom:-120px; position:relative; z-index:1;}
.pin-drop-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.pin-drop-game .video-block{max-width:59.2%; margin:0 auto; --radius:40px; border-radius:var(--radius); border:3px solid var(--bdr1); padding:32px; background:#fff; overflow:inherit;}
.pin-drop-game .video-iframe{padding-bottom:62%;}
.pin-drop-game .video-block:after{content:""; position:absolute; z-index:5; top:0; left:0; right:0; bottom:0; border-radius:calc(var(--radius) - 3px); box-shadow:0px -1px 9px rgba(15, 82, 160, 0.8) inset; pointer-events:none;}
.pin-drop-game .video-poster, .pin-drop-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 15px);}
.pin-drop-game .video-frame-shadow-bottom{position:absolute; opacity:0.86; height:20px; bottom:-6px; margin:0 auto; left:-4%; right:-4%; width:calc(59.2% + 10%); background:linear-gradient(to right, rgba(32,29,121,0) 0%,rgba(32,29,121,0.8) 10%,rgba(32,29,121,1) 19%,rgba(32,29,121,1) 20%,rgba(32,29,121,1) 50%,rgba(32,29,121,1) 80%,rgba(32,29,121,1) 81%,rgba(32,29,121,0.8) 90%,rgba(32,29,121,0) 100%);}
.video-block-bottom-icon{position:absolute; left:calc(100% - 11.6%); top:calc(100% - 23.3%); float:left; width:100%; max-width:21.45%;}
.video-block-bottom-icon img{float:left; width:100%;}

.pin-drop-about-us-sec .about-us-sec-outer{float:left; width:100%; background:#02102f; padding:250px 0px 120px; position:relative;}
.about-us-sec-bottom-icon{position:absolute; left:0; bottom:0; float:left; width:100%; max-width:13.2%;}
.about-us-sec-bottom-icon img{float:left; width:100%;}
.pin-drop-about-us-sec .sec-head{margin-bottom:30px;}
.pin-drop-about-us-sec .about-us-text{font-size:36px; color:#fff;font-weight:600; text-align:center; padding:0 70px; text-transform:uppercase;}
.pin-drop-about-us-sec .btn-bar{margin-top:80px;}

.pin-drop-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.pin-drop-game .sec-head:not(.about-sec-head){border-top:3px solid #ffdb00;}
.pin-drop-game .sec-head-outer{float:left; width:100%; max-width:656px; --bg-size:90px; display:flex; align-items:center; justify-content:center; position:relative;}
.pin-drop-game .sec-head-inner{float:left; width:100%; margin-top:-3px; position:relative; padding:30px 66px; border-radius:0px 0px 15px 15px; background:linear-gradient(to bottom, rgb(255,237,0) 0%, rgb(255,237,0) 21%, rgb(255,212,0) 49%, rgb(255,163,0) 100%); z-index:1;}
.pin-drop-game .sec-head-inner:before, .pin-drop-game .sec-head-inner:after{content:""; position:absolute; left:40px; top:0; bottom:0; margin:auto; width:17px; height:17px; background:#07183d; border-radius:100%;}
.pin-drop-game .sec-head-inner:after{left:auto !important; right:40px;}
.pin-drop-game .sec-head-outer:before{content:""; position:absolute; top:-5px; left:calc((var(--bg-size) * -1) + 5px); right:calc((var(--bg-size) * -1) + 5px); margin:auto; background:#02102f; height:4px; z-index:1;}
.pin-drop-game .sec-head-bg{position:absolute; top:-3px; left:calc(var(--bg-size) * -1); right:calc(var(--bg-size) * -1); padding:0px 3px 3px 3px;}
.pin-drop-game .sec-head-bg-inner, .pin-drop-game .sec-head-bg{width:calc(100% + calc(var(--bg-size) * 2)); height:60%; background:#ffdb00; clip-path:polygon(0 0, 100% 0, calc(100% - 40px) 100%, 40px 100%);}
.pin-drop-game .sec-head-bg-inner{float:left; width:100%; height:100%; background:#02102f;}
.pin-drop-game .sec-main-title{font-size:70px; font-weight:700; line-height:0.85em; display:inline-block; color:#07183d; text-transform:uppercase;}
.pin-drop-game .sec-main-title.about-sec-main-title{font-size:60px; color:#fff;}

/* How to Work CSS Start */
.pin-drop-htw-sec .sec-head{margin:0px 0px 80px;}
.pin-drop-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:row-reverse;}
.pin-drop-htw-sec .how-to-work-process{margin-bottom:80px;}
.pin-drop-htw-sec .htw-process-wrap .col-left{max-width:52.45%; z-index:1;}
.pin-drop-htw-sec .htw-process-theme img{position:relative; z-index:1;}
.pin-drop-htw-sec .htw-process-theme:after{opacity:0.86; height:16px; border-radius:20px 20px 0px 0px; bottom:-6px; margin:0 auto; left:-6%; right:-6%; filter:inherit; background:linear-gradient(to right, rgba(32,29,121,0) 0%,rgba(32,29,121,0.8) 10%,rgba(32,29,121,1) 19%,rgba(32,29,121,1) 20%,rgba(32,29,121,1) 50%,rgba(32,29,121,1) 80%,rgba(32,29,121,1) 81%,rgba(32,29,121,0.8) 90%,rgba(32,29,121,0) 100%);}
.pin-drop-htw-sec .htw-process-card:before, .pin-drop-htw-sec .htw-process-card:after, .pin-drop-htw-sec .htw-process-card-outer:before, .pin-drop-htw-sec .htw-process-card-outer:after{display:none;}
.pin-drop-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent;}
.pin-drop-htw-sec .htw-process-card-cont{border-radius:40px 0px 0px 40px; background:linear-gradient(to right, rgb(93,191,244) 0%, rgb(174,223,250) 43%, rgb(255,255,255) 100%);}
.pin-drop-htw-sec .cont-right .htw-process-card-cont{border-radius:0px 40px 40px 0px; background:linear-gradient(to left, rgb(93,191,244) 0%, rgb(174,223,250) 43%, rgb(255,255,255) 100%);}
.pin-drop-htw-sec .htw-process-card-body{background:transparent; min-height:420px; display:flex; flex-wrap:wrap; align-content:center; padding:40px 60px 60px 90px;}
.pin-drop-htw-sec .htw-process-card-title{font-size:65px; font-weight:700; color:var(--clr-dark);}
.pin-drop-htw-sec .htw-process-card-list{padding-left:40px;}
.pin-drop-htw-sec .htw-process-card-list-item, .pin-drop-htw-sec .htw-process-card-list-label{font-size:30px; text-transform:uppercase; font-weight:600; color:var(--clr-dark);}
.pin-drop-htw-sec .how-to-work-process-sec-two{background:var(--htw-process-sec-bg) no-repeat center top; background-size:cover; padding:70px 0px 80px;}
.htw-process-head{margin-bottom:50px;}
.htw-process-head .sec-main-title{float:left; width:100%; text-align:center; color:var(--clr-base); margin-bottom:20px;}
.htw-process-head .sec-sub-title{float:left; width:100%; text-align:center; font-weight:600; font-size:30px; text-transform:uppercase; margin-bottom:20px;}
.pin-drop-htw-sec .htw-process-row .htw-process-theme:after{display:none;}
.pin-drop-htw-sec .htw-process-row .htw-process-theme{max-width:73%;}
.pin-drop-htw-sec .htw-process-row .htw-process-theme img{filter:drop-shadow(0px 2px 30px rgba(0, 48, 73, 1.0));}
.pin-drop-htw-sec .htw-process-wrap .htw-process-row .col{display:inline-flex; justify-content:center; position:relative;}
.htw-process-theme-carousel{display:flex; float:left; width:100%; position:relative;}
.pin-drop-htw-sec .htw-process-theme-carousel:before{content:""; position:absolute; top:0; bottom:21px; left:0; right:0; margin:auto; width:60%; height:3px; border-top:3px dashed #fff;}
.pin-drop-htw-sec .htw-process-row .htw-process-theme-icon{max-width:10.7%; top:0; bottom:25px; left:-20px; display:inline-flex; align-items:center;}
.pin-drop-htw-sec .htw-process-row .htw-process-theme-icon.right{left:auto !important; right:-20px;}
.pin-drop-htw-sec .how-to-work-process-sec-seven{background:var(--bg-base);padding:70px 0px 80px;}
.pin-drop-htw-sec .power-up-pins-row{gap:0 30px; align-items:flex-start;}
.pin-drop-htw-sec .htw-process-wrap .power-up-pins-row .col{flex-wrap:wrap;}
.pin-drop-htw-sec .power-up-pins-row .htw-process-theme{max-width:100%;}
.pin-drop-htw-sec .power-up-pins-row .htw-process-theme img{filter:inherit;}
.pin-drop-htw-sec .htw-process-theme-cont{float:left; width:100%; text-align:center;}
.pin-drop-htw-sec .htw-process-theme-cont .head-title{font-size:20px; font-weight:700; text-transform:uppercase;}
.pin-drop-htw-sec .htw-process-theme-cont .pre{font-size:16px; font-weight:600; text-transform:uppercase;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.pin-drop-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 80px; background:var(--game-expectation-bg) no-repeat center bottom; background-size:cover;}
.pin-drop-game-expect-sec .sec-head{margin-bottom:40px;}
.pin-drop-game-expect-sec .sec-head-bg-inner, .pin-drop-game-expect-sec .sec-head-outer:before{background:var(--bg-body);}
.pin-drop-game-expect-sec .game-expectation-block{padding:0 150px;}
.pin-drop-game-expect-sec .game-expectation-list{--card-gap:40px; gap:20px var(--card-gap);}
.pin-drop-game-expect-sec .game-expectation-item{margin-top:54px; max-width:calc((100% / 3) - (calc(var(--card-gap) * 2) / 3));}
.pin-drop-game-expect-sec .game-expectation-card-outer{margin-top:50px; padding:0px 15px 40px; border-radius:3px; border:3px solid #fff; background:linear-gradient(to top, rgb(32,156,255) 0%, rgb(104,224,207) 100%); box-shadow:0px 10px 30px rgba(0, 67, 118, 1.0), 0px 0px 30px rgba(158, 251, 255, 1.0) inset; min-height:330px;}
.pin-drop-game-expect-sec .game-expect-icon-block{top:0; --icon-size:141px; margin-top:calc((var(--icon-size) / 2)* -1); margin-bottom:40px;}
.pin-drop-game-expect-sec .game-expect-card-fig{max-width:var(--icon-size);}
.pin-drop-game-expect-sec .game-expect-card-title, .pin-drop-game-expect-sec .game-expect-details-item{font-size:30px; font-weight:700; text-transform:uppercase; color:var(--clr-base-light); text-align:center;}
.pin-drop-game-expect-sec .game-expect-details-item{font-size:18px; font-weight:600;}

/* Game Expectation CSS End */

/* Game Summary CSS Start */
.pin-drop-game-summary-sec .game-summary-sec-outer{padding:100px 0px; background:linear-gradient(to bottom, rgb(255,240,0) 0%, rgb(255,156,0) 100%);}
.pin-drop-game-summary-sec .game-summary-text{max-width:1100px; font-size:36px; font-weight:600; text-transform:uppercase; color:#0d182c;}
.pin-drop-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.pin-drop-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.pin-drop-faq-sec .faq-sec-outer{padding:0px 0px 80px; background:#001a35;}
.pin-drop-faq-sec .sec-head{margin-bottom:40px;}
.pin-drop-faq-sec .sec-head-bg-inner, .pin-drop-faq-sec .sec-head-outer:before{background:#ff9c00;}
.pin-drop-faq-sec .sec-head-outer{max-width:486px;}
.pin-drop-faq-sec .accordion-item{margin-bottom:18px;}
.pin-drop-faq-sec .accordion-card{padding:0px; border:none;}
.pin-drop-faq-sec .accordion-head{padding:0px;}
.pin-drop-faq-sec .accordion-head-outer{background:linear-gradient(to left, rgb(79,240,225) 14%, rgb(33,150,243) 100%); box-shadow:none; border-radius:0px; min-height:80px; padding:11px 0px 12px 90px;}
.pin-drop-faq-sec .accordion-title{font-size:30px; font-weight:700; text-transform:uppercase; color:var(--clr-base);}
.pin-drop-faq-sec .question-label{position:absolute; left:0; top:0; height:100%; width:83px; padding-right:6px; display:inline-flex; align-items:center; justify-content:center; font-size:40px; font-weight:700; text-transform:uppercase; color:#001a35; background:url('../images/pin-drop/question-label-bg.webp') no-repeat center; background-size:cover;}
.pin-drop-faq-sec .accordion-body{padding:10px 30px 10px 80px; background:#fff;}
.pin-drop-faq-sec .accordion-cont-bar{min-height:64px;}
.pin-drop-faq-sec .accordion-text{font-size:24px; font-weight:600; text-transform:uppercase; color:#001a35;}
.pin-drop-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:16px; text-shadow:none; color:#001a35;}
/*FAQ CSS End */

.pin-drop-game .footer{background:#000000;}
.pin-drop-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .pin-drop-game .banner-sec-video{margin-bottom:-100px;}
  .pin-drop-game .video-block{padding:20px;}
  .video-block-bottom-icon{left:calc(100% - 13%); top:calc(100% - 25.6%); max-width:24.45%;}

  .pin-drop-about-us-sec .about-us-sec-outer{padding:200px 0px 100px;}
  .pin-drop-game .sec-main-title.about-sec-main-title{font-size:52px;}
  .pin-drop-about-us-sec .about-us-text{font-size:30px; padding:0px 30px;}
  .pin-drop-about-us-sec .btn-bar{margin-top:60px;}

  .pin-drop-game .sec-head-outer{max-width:586px;}
  .pin-drop-faq-sec .sec-head-outer{max-width:426px;}
  .pin-drop-game .sec-main-title{font-size:62px;}
  .pin-drop-game .sec-head-inner:before, .pin-drop-game .sec-head-inner:after{left:30px;}
  .pin-drop-game .sec-head-inner:after{right:30px;}

  .pin-drop-htw-sec .htw-process-card-body{min-height:350px; padding:30px 40px 30px 50px;}
  .pin-drop-htw-sec .htw-process-card-title{font-size:56px;}
  .pin-drop-htw-sec .htw-process-card-list-item, .pin-drop-htw-sec .htw-process-card-list-label, .htw-process-head .sec-sub-title{font-size:26px;}
  .pin-drop-htw-sec .htw-process-theme-cont .head-title{font-size:18px;}
  .pin-drop-htw-sec .htw-process-theme-cont .pre{font-size:14px;}

  .pin-drop-game-expect-sec .game-expectation-block{padding:0px;}
  .pin-drop-game-summary-sec .game-summary-sec-outer{padding:80px 0px;}

  .pin-drop-faq-sec .accordion-head-outer{min-height:74px;}
  .pin-drop-faq-sec .accordion-title{font-size:28px;}
  .pin-drop-faq-sec .accordion-text{font-size:22px;}
}

@media(max-width:1280px) {
  .pin-drop-game .banner-sec-video{margin-bottom:-90px;}
  .pin-drop-game .video-block{padding:17px;}
  .video-block-bottom-icon{left:calc(100% - 14%); top:calc(100% - 28%); max-width:26.45%;}

  .pin-drop-about-us-sec .about-us-sec-outer{padding:180px 0px 80px;}
  .pin-drop-game .sec-main-title.about-sec-main-title{font-size:46px;}
  .pin-drop-about-us-sec .about-us-text{font-size:26px; padding:0px;}
  .pin-drop-about-us-sec .btn-bar{margin-top:50px;}
  .pin-drop-game .base-btn{max-width:286px;}
  .pin-drop-game .btn-text{font-size:34px;}

  .pin-drop-game .sec-head-outer{max-width:486px;}
  .pin-drop-faq-sec .sec-head-outer{max-width:386px;}
  .pin-drop-game .sec-main-title{font-size:54px;}
  .pin-drop-game .sec-head-inner:before, .pin-drop-game .sec-head-inner:after{left:20px;}
  .pin-drop-game .sec-head-inner:after{right:20px;}

  .pin-drop-htw-sec .htw-process-card-body{min-height:300px; padding:30px 40px 30px 60px;}
  .pin-drop-htw-sec .htw-process-card-title{font-size:48px; line-height:1em;}
  .pin-drop-htw-sec .htw-process-card-list{padding-left:30px;}
  .pin-drop-htw-sec .htw-process-card-list-item, .pin-drop-htw-sec .htw-process-card-list-label, .htw-process-head .sec-sub-title{font-size:22px;}
  .pin-drop-htw-sec .power-up-pins-row{gap:0 20px;}
  .pin-drop-htw-sec .htw-process-theme-cont .pre{font-size:13px;}

  .pin-drop-game-expect-sec .game-expectation-list{--card-gap:32px;}
  .pin-drop-game-expect-sec .game-expect-icon-block{--icon-size:128px; margin-bottom:30px;}
  .pin-drop-game-expect-sec .game-expect-card-title{font-size:25px;}
  .pin-drop-game-expect-sec .game-expect-details-item{font-size:17px;}
  .pin-drop-game-expect-sec .game-expectation-card-outer{min-height:280px; margin-top:40px;}

  .pin-drop-game-summary-sec .game-summary-sec-outer{padding:70px 0px;}
  .pin-drop-game-summary-sec .game-summary-text{font-size:32px;}

  .pin-drop-faq-sec .faq-sec-outer{padding:0px 0px 50px;}
  .pin-drop-faq-sec .faq-block{padding:0px;}
  .pin-drop-faq-sec .accordion-title{font-size:26px;}
  .pin-drop-faq-sec .accordion-text{font-size:20px;}
}

@media(max-width:1023px) {
  .pin-drop-game .banner-logo .game-logo-fig{max-width:27.5%;}
  .pin-drop-game .banner-sec-video{margin-bottom:-80px;}
  .pin-drop-game .video-block{padding:15px; max-width:64.2%; border-width:2px;}

  .pin-drop-about-us-sec .about-us-sec-outer{padding:150px 0px 60px;}
  .pin-drop-game .sec-main-title.about-sec-main-title{font-size:40px;}
  .pin-drop-about-us-sec .about-us-text{font-size:22px; padding:0px 20px;}
  .pin-drop-about-us-sec .btn-bar{margin-top:40px;}
  .pin-drop-game .base-btn{max-width:256px; border-radius:7px;}
  .pin-drop-game .btn-text{font-size:28px;}

  .pin-drop-game .sec-head-outer{max-width:400px; --bg-size:76px;}
  .pin-drop-faq-sec .sec-head-outer{max-width:326px;}
  .pin-drop-game .sec-main-title{font-size:44px;}
  .pin-drop-game .sec-head-bg{height:56%;}
  .pin-drop-game .sec-head-inner{padding:26px 36px;}
  .pin-drop-game .sec-head-inner:before, .pin-drop-game .sec-head-inner:after{left:15px; width:14px; height:14px;}
  .pin-drop-game .sec-head-inner:after{right:15px;}
  .pin-drop-htw-sec .sec-head{margin:0px 0px 50px;}

  .pin-drop-htw-sec .htw-process-card-cont{border-radius:30px 0px 0px 30px;}
  .pin-drop-htw-sec .cont-right .htw-process-card-cont{border-radius:0px 30px 30px 0px;}
  .pin-drop-htw-sec .htw-process-card-body{min-height:230px; padding:20px 20px 20px 30px;}
  .pin-drop-htw-sec .htw-process-card-title{font-size:38px;}
  .pin-drop-htw-sec .htw-process-card-list{padding-left:18px;}
  .pin-drop-htw-sec .htw-process-card-list-item, .pin-drop-htw-sec .htw-process-card-list-label, .htw-process-head .sec-sub-title{font-size:18px;}
  .pin-drop-htw-sec .power-up-pins-row{gap:0 10px;}
  .pin-drop-htw-sec .htw-process-theme-cont .pre{font-size:11px;}
  .pin-drop-htw-sec .power-up-pins-row .htw-process-theme{margin-bottom:10px;}
  .pin-drop-htw-sec .how-to-work-process{margin-bottom:60px;}
  .pin-drop-htw-sec .how-to-work-process-sec-two{padding:40px 0px 50px;}
  .htw-process-head{margin-bottom:20px;}
  .pin-drop-htw-sec .htw-process-theme-carousel{gap:0 50px;}
  .pin-drop-htw-sec .htw-process-row .htw-process-theme{max-width:100%;}
  .pin-drop-htw-sec .htw-process-row .htw-process-theme-icon{max-width:13.7%; left:-40px;}
  .pin-drop-htw-sec .htw-process-row .htw-process-theme-icon.right{right:-40px;}
  .pin-drop-htw-sec .how-to-work-process-sec-seven{padding:50px 0px;}

  .pin-drop-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 60px;}
  .pin-drop-game-expect-sec .game-expectation-list{--card-gap:20px;}
  .pin-drop-game-expect-sec .game-expect-icon-block{--icon-size:112px; margin-bottom:20px;}
  .pin-drop-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:10px;}
  .pin-drop-game-expect-sec .game-expect-details-item{font-size:15px;}
  .pin-drop-game-expect-sec .game-expectation-card-outer{min-height:210px; margin-top:30px;}

  .pin-drop-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .pin-drop-game-summary-sec .game-summary-text{font-size:25px;}
  .pin-drop-game-summary-sec .game-summary-btn-bar{padding-top:30px;}

  .pin-drop-faq-sec .faq-sec-outer{padding:0px 0px 40px;}
  .pin-drop-faq-sec .accordion-item{margin-bottom:12px;}
  .pin-drop-faq-sec .accordion-head-outer{min-height:64px; padding:11px 10px 12px 80px;}
  .pin-drop-faq-sec .accordion-title{font-size:22px;}
  .pin-drop-faq-sec .question-label{font-size:34px; width:66px;}
  .pin-drop-faq-sec .accordion-text{font-size:18px;}
  .pin-drop-faq-sec .accordion-cont-bar{min-height:50px;}
}

@media(max-width:767px) {
  .pin-drop-game .banner-logo .game-logo-fig{max-width:35.5%; filter:drop-shadow(0px 0px 60px rgba(33, 150, 243, 0.8)) drop-shadow(0px 0px 20px rgba(33, 150, 243, 0.8));}
  .pin-drop-game .banner-sec{background:var(--banner-bg-mob) no-repeat center bottom; background-size:cover;}
  .pin-drop-game .video-block{padding:10px; max-width:94.2%; --radius:24px;}
  .pin-drop-game .video-poster, .pin-drop-game .client-video{border-radius:calc(var(--radius) - 10px);}
  .pin-drop-game .video-frame-shadow-bottom{width:calc(94.2% + 8%);}
  .pin-drop-about-us-sec .about-us-sec-outer{padding:110px 0px 50px;}
  .pin-drop-game .sec-main-title.about-sec-main-title{font-size:24px;}
  .pin-drop-about-us-sec .about-us-text{font-size:18px; padding:0px;}
  .pin-drop-about-us-sec .sec-head{margin-bottom:15px;}
  .pin-drop-about-us-sec .btn-bar{margin-top:20px;}
  .pin-drop-game .base-btn{max-width:180px; border-radius:4px; padding:10px 20px;}
  .pin-drop-game .btn-text{font-size:20px;}
  .about-us-sec-bottom-icon{left:5px; bottom:7px; max-width:22.2%;}

  .pin-drop-game .sec-head-outer{max-width:236px; --bg-size:40px;}
  .pin-drop-faq-sec .sec-head-outer{max-width:236px;}
  .pin-drop-game .sec-head:not(.about-sec-head){border-width:2px;}
  .pin-drop-game .sec-main-title{font-size:24px;}
  .pin-drop-game .sec-head-bg{top:-2px;}
  .pin-drop-game .sec-head-bg-inner, .pin-drop-game .sec-head-bg{clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%); padding:0px 2px 2px 2px;}
  .pin-drop-game .sec-head-outer:before{left:calc((var(--bg-size) * -1) + 3px); right:calc((var(--bg-size) * -1) + 3px);}
  .pin-drop-game .sec-head-inner{padding:12px 22px;}
  .pin-drop-game .sec-head-inner:before, .pin-drop-game .sec-head-inner:after{left:10px; width:5px; height:5px;}
  .pin-drop-game .sec-head-inner:after{right:10px;}
  .pin-drop-htw-sec .sec-head{margin:0px 0px 50px;}
  
  .pin-drop-htw-sec .container{padding:0px;}
  .pin-drop-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:column;}
  .pin-drop-htw-sec .htw-process-wrap .col-left{max-width:100%;}
  .pin-drop-htw-sec .col-right{padding:0px;}
  .pin-drop-htw-sec .htw-process-theme:after{display:block; border-radius:5px 5px 0px 0px; height:10px; left:-11%; right:-11%;}
  .pin-drop-htw-sec .htw-process-card-cont, .pin-drop-htw-sec .cont-right .htw-process-card-cont{border-radius:0px; background:linear-gradient(to top, rgb(93,191,244) 0%, rgb(174,223,250) 43%, rgb(255,255,255) 100%);}
  .pin-drop-htw-sec .htw-process-card-title{font-size:30px;}
  .pin-drop-htw-sec .htw-process-card-title br{display:none;}
  .pin-drop-htw-sec .htw-process-card{margin-top:-80px;}
  .pin-drop-htw-sec .htw-process-card-body{min-height:inherit; padding:110px 20px 10px;}
  .pin-drop-htw-sec .htw-process-card-list{padding-left:0px;}
  .pin-drop-htw-sec .htw-process-card-list-item, .pin-drop-htw-sec .htw-process-card-list-label{text-align:center;}
  .pin-drop-htw-sec .how-to-work-process{margin-bottom:40px;}
  .pin-drop-htw-sec .how-to-work-process-sec-one, .pin-drop-htw-sec .how-to-work-process-sec-six{margin-bottom:0px;}
  .htw-process-head{display:flex; flex-wrap:wrap; flex-direction:column;}
  .pin-drop-game .htw-process-head .sec-main-title{font-size:30px; margin-bottom:15px;}
  .pin-drop-game .sec-sub-title{max-width:330px; margin:0px auto 5px;}
  .pin-drop-htw-sec .htw-process-wrap .power-up-pins-row{gap:40px 20px;}
  .pin-drop-htw-sec .htw-process-wrap .power-up-pins-row .col{max-width:calc(50% - 10px); padding:0px 10px;}
  .pin-drop-htw-sec .power-up-pins-row .htw-process-theme{margin:0px;}
  .pin-drop-htw-sec .power-up-pins-row .htw-process-theme img{max-height:180px; object-fit:contain;}
  .pin-drop-htw-sec .how-to-work-process-sec-two{padding:30px 0px; background:var(--htw-process-sec-bg-mob) no-repeat center top; background-size:cover;}
  .pin-drop-htw-sec .htw-process-theme-carousel:before{display:none;}
  .pin-drop-htw-sec .htw-process-row .htw-process-theme-icon{display:none;}
  .pin-drop-htw-sec .htw-process-theme-carousel .col{max-width:calc(100vw - 140px); min-width:calc(100vw - 140px); margin-bottom:20px;}
  .pin-drop-htw-sec .how-to-work-process-sec-two .htw-process-row .htw-process-theme img{filter:inherit;}
  .pin-drop-game .owl-carousel .owl-dot span{border:none; background:#00132f;}
  .pin-drop-game .owl-carousel .owl-dot.active span{background:#fff;}

  .pin-drop-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 40px;}
  .pin-drop-game-expect-sec .sec-head{margin-bottom:30px;}
  .pin-drop-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc(100vw - 120px);}
  .pin-drop-game-expect-sec .game-expectation-card-outer{margin:60px 0px 15px; min-height:240px;}

  .pin-drop-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .pin-drop-game-summary-sec .game-summary-text{font-size:20px; padding:0 10px;}
  .pin-drop-game-summary-sec .game-summary-btn-bar{padding-top:25px;}

  .pin-drop-faq-sec .faq-sec-outer{padding:0px 0px 30px;}
  .pin-drop-faq-sec .accordion-item{margin-bottom:10px;}
  .pin-drop-faq-sec .accordion-head-outer{min-height:52px; padding:6px 7px 4px 60px;}
  .pin-drop-faq-sec .accordion-title{font-size:18px; line-height:1em;}
  .pin-drop-faq-sec .question-label{font-size:22px; width:56px;}
  .pin-drop-faq-sec .accordion-text{font-size:14px;}
  .pin-drop-faq-sec .accordion-cont-bar{min-height:auto;}
  .pin-drop-faq-sec .accordion-body{padding:8px 10px 8px 40px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Pin Drop Game CSS End // ***************************** */



/* ***************************** // Dribbling Game CSS Start // ***************************** */
.dribbling-game {
/*Colors*/
--clr-base:#000;
--clr-base-light:#2196f3;
--clr-dark:#000;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#06121b;
--bg-primary:#2196f3;

/*Border Colors*/
--bdr1:#191744;
  
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-head:'Geogrotesque', sans-serif;
}
.dribbling-game .base-btn{float:left; width:100%; background:var(--bg-primary); text-shadow:none; padding:17px 20px; border-radius:4px; display:flex; align-items:center; justify-content:center; max-width:436px;}
.dribbling-game .btn-text{position:unset; font-size:38px; font-weight:700; color:#fff;}

.dribbling-game .banner-sec{background:var(--banner-bg) no-repeat center top; background-size:cover;}
.dribbling-game .banner-sec-outer{background:transparent; padding:0px;}
.dribbling-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.dribbling-game .banner-logo .game-logo-fig{max-width:37.35%; margin:20px 0px 10px; filter:drop-shadow(0px 0px 11px rgba(87, 160, 255, 0.8)) drop-shadow(0px 0px 11px rgba(87, 160, 255, 0.8));}

.dribbling-game .banner-sec-video{background:transparent; margin-bottom:-74px; position:relative; z-index:1;}
.dribbling-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.dribbling-game .video-block{max-width:44.4%; margin:0 auto; border-radius:0px; padding:18px 18px 30px; background:linear-gradient(to top, rgb(218,64,25) 0%, rgb(254,227,89) 98%); overflow:inherit;}
.dribbling-game .video-iframe{padding-bottom:55%;}
.dribbling-game .video-block:after{content:""; position:absolute; z-index:5; top:0; left:0; right:0; bottom:0; box-shadow:0px -12px 24px #ffb400 inset, 0px -10px 16px rgba(0, 0, 0, 0.7) inset; pointer-events:none;}
.dribbling-game .video-poster, .dribbling-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 15px);}
.dribbling-game .video-frame-shadow-bg{position:absolute; bottom:-60px; margin:0 auto; left:0; right:0; width:51.1%;}
.dribbling-game .video-frame-shadow-bg img{float:left; width:100%;}
.dribbling-game .video-block-bottom-icon{left:0; top:30px; max-width:24.54%;}

.dribbling-about-us-sec .about-us-sec-outer{float:left; width:100%; background:var(--about-us-bg) no-repeat center bottom; background-size:cover; padding:150px 0px 120px; position:relative;}
.dribbling-about-us-sec .sec-head{margin-bottom:30px;}
.dribbling-about-us-sec .about-us-text{font-size:38px; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; max-width:1070px;}
.dribbling-about-us-sec .btn-bar{margin-top:40px;}
.dribbling-about-us-sec .about-us-sec-bottom-icon{max-width:12.65%; left:auto; right:6%; bottom:13%;}

.dribbling-game .sec-head{display:flex; align-items:center; justify-content:center; margin-top:-33px; margin-bottom:0px;}
.dribbling-game .sec-head-outer{float:left; width:100%; position:relative; max-width:1001px; display:flex; align-items:center; justify-content:center; margin-bottom:-20px;}
.dribbling-game .sec-head-bg{float:left; width:100%;}
.dribbling-game .sec-head-bg img{float:left; width:100%;}
.dribbling-game .sec-main-title{font-size:60px; font-weight:700; position:absolute; left:0; right:0; top:60px;}


/* How to Work CSS Start */
.dribbling-htw-sec .sec-head{margin:80px 0px 20px;}
.dribbling-htw-sec .sec-head-outer{max-width:811px;}
.dribbling-htw-sec .sec-main-title{top:56px;}
.dribbling-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:row-reverse;}
.dribbling-htw-sec .how-to-work-process{margin-bottom:80px;}
.dribbling-htw-sec .how-to-work-process:last-child{margin-bottom:0px !important;}
.dribbling-htw-sec .htw-process-wrap .col-left{max-width:64%; margin-left:-5%; margin-right:-4%;}
.dribbling-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:3%; right:-1%;}
.dribbling-htw-sec .htw-process-theme:after{display:none;}
.dribbling-htw-sec .htw-process-card:before, .dribbling-htw-sec .htw-process-card:after, .dribbling-htw-sec .htw-process-card-outer:before, .dribbling-htw-sec .htw-process-card-outer:after{display:none;}
.dribbling-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent;}
.dribbling-htw-sec .htw-process-card-cont{border-radius:0px; background:transparent;}
.dribbling-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px 0px 50px 90px; display:flex; flex-wrap:wrap; align-content:center; position:relative;}
.dribbling-htw-sec .htw-process-card-title:before{content:""; position:absolute; left:0; top:0; width:81px; height:111px; background:url('../images/dribbling/title-ribbon.webp') no-repeat center top; background-size:cover;}
.dribbling-htw-sec .user-scoring-card .htw-process-card-body:before{display:none;}
.dribbling-htw-sec .user-scoring-card .htw-process-card-body{margin-bottom:7%; padding-left:50px;}
.dribbling-htw-sec .htw-process-card-title{font-size:75px; line-height:1em; font-weight:700; color:var(--clr-base-light);}
.dribbling-htw-sec .htw-process-card-list{padding-left:0px;}
.dribbling-htw-sec .htw-process-card-list-item, .dribbling-htw-sec .htw-process-card-list-label{font-size:30px; text-transform:uppercase; font-weight:700; color:var(--clr-dark);}
.dribbling-htw-sec .how-to-work-process.cont-left{background:#edf9ff; padding:80px 0px 50px;}
.dribbling-htw-sec .htw-process-row{gap:0px;}
.dribbling-htw-sec .htw-process-row .col{max-width:64%; min-width:64%; margin-left:-7%; margin-right:-7%;}
.dribbling-htw-sec .htw-process-row .col.left{margin-left:-9%; margin-right:-5%;}
.dribbling-htw-sec .htw-process-row .col.right{margin-right:-9%; margin-left:-5%;}
.dribbling-htw-sec .htw-card-main-title{text-align:center; position:relative; margin-bottom:20px;}
.dribbling-htw-sec .htw-card-main-title:before{left:auto; margin-left:-81px;}
.dribbling-htw-sec .htw-card-sub-title{text-align:center;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.dribbling-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 260px; background:var(--game-expectation-bg) no-repeat center bottom; background-size:cover; position:relative;}
.dribbling-game-expect-sec .sec-head{margin:80px 0px -50px;}
.dribbling-game-expect-sec .sec-head-outer{max-width:811px;}
.dribbling-game-expect-sec .sec-main-title{top:56px;}
.game-expect-sec-left-icon{position:absolute; left:0; bottom:8.6%; float:left; width:100%; max-width:39.5%;}
.game-expect-sec-left-icon img{float:left; width:100%;}
.dribbling-game-expect-sec .game-expectation-block{padding-left:42%;}
.dribbling-game-expect-sec .game-expectation-list{--card-gap:40px; gap:20px var(--card-gap); justify-content:space-between;}
.dribbling-game-expect-sec .game-expectation-item{margin-top:74px; max-width:calc((100% / 2) - var(--card-gap));}
.dribbling-game-expect-sec .game-expectation-item:nth-child(even){position:relative; top:100px;}
.dribbling-game-expect-sec .game-expectation-card-outer{margin-top:50px; padding:0px 40px 40px; border-radius:40px; background:#fff; min-height:330px;}
.dribbling-game-expect-sec .game-expect-icon-block{top:0; --icon-size:235px; margin-top:calc((var(--icon-size) / 1.55)* -1);}
.dribbling-game-expect-sec .game-expect-card-fig{max-width:var(--icon-size);}
.dribbling-game-expect-sec .game-expect-card-title{font-size:38px; font-weight:700; text-transform:uppercase; color:#c41313; text-align:center; border-bottom:2px solid #e2e2e2; padding-bottom:10px; margin-bottom:15px;}
.dribbling-game-expect-sec .game-expect-details-item{font-size:26px; font-weight:700; text-transform:uppercase; color:var(--clr-dark); text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.dribbling-game-summary-sec .game-summary-sec-outer{padding:0px;}
.dribbling-game-summary-sec .game-summary-cont{display:flex; justify-content:center;}
.dribbling-game-summary-sec .game-summary-cont-outer{background:#fbc23f; padding:120px 124px 60px; max-width:1200px; margin-top:-110px; clip-path:polygon(0 60px, 100% 0%, 100% 100%, 0% 100%);}
.dribbling-game-summary-sec .game-summary-text{font-size:40px; font-weight:700; text-transform:uppercase;}
.dribbling-game-summary-sec .game-summary-btn-bar{padding-top:50px;}
.dribbling-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.dribbling-faq-sec .faq-sec-outer{padding:80px 0px; background:transparent;}
.dribbling-faq-sec .sec-head{margin:0px 0px 70px;}
.dribbling-faq-sec .sec-head-outer{max-width:506px;}
.dribbling-faq-sec .sec-main-title{top:56px; color:var(--clr-dark);}
.dribbling-faq-sec .faq-list{counter-reset:li;}
.dribbling-faq-sec .accordion-item{margin-bottom:24px; position:relative;}
.dribbling-faq-sec .accordion-item:before{content:"0" counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:10px; top:-20px; margin:auto; width:90px; height:90px; font-size:42px; font-weight:700; color:var(--clr-dark); background:#d17936; display:inline-flex; align-items:center; justify-content:center;}
.dribbling-faq-sec .accordion-card{padding:0px; border:none;}
.dribbling-faq-sec .accordion-head{padding:0px 0px 4px 0px;}
.dribbling-faq-sec .accordion-head-outer{background:#fbc23f; box-shadow:none; border-radius:0px; min-height:80px; padding:11px 0px 12px 124px;}
.dribbling-faq-sec .accordion-title{font-size:42px; font-weight:700; text-transform:uppercase; color:var(--clr-base);}
.dribbling-faq-sec .accordion-body{padding:10px 30px 10px 124px; background:#fce3d1;}
.dribbling-faq-sec .accordion-cont-bar{min-height:64px;}
.dribbling-faq-sec .accordion-text{font-size:30px; font-weight:700; text-transform:uppercase; color:#001a35;}
.dribbling-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px; text-shadow:none; color:#d17936;}
/*FAQ CSS End */

.dribbling-game .footer{background:#2d479b;}
.dribbling-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .dribbling-game .banner-logo .game-logo-fig{filter:drop-shadow(0px 0px 8px rgba(87, 160, 255, 0.8)) drop-shadow(0px 0px 11px rgba(87, 160, 255, 0.8));}
  .dribbling-game .video-block{padding:16px 16px 26px; max-width:54.4%;}
  .dribbling-game .video-frame-shadow-bg{width:58.1%; bottom:-50px;}
  .dribbling-game .video-block-bottom-icon{max-width:21.54%; top:60px;}
  .dribbling-about-us-sec .about-us-sec-outer{padding:150px 0px 100px;}
  .dribbling-about-us-sec .about-us-text{font-size:34px; max-width:950px;}
  .dribbling-game .base-btn{max-width:386px;}
  .dribbling-game .btn-text{font-size:34px;}
  .dribbling-game .sec-head-outer{max-width:840px;}
  .dribbling-game .sec-main-title{font-size:50px; top:48px;}

  .dribbling-htw-sec .sec-head{margin:70px 0px 20px;}
  .dribbling-htw-sec .sec-head-outer{max-width:690px;}
  .dribbling-htw-sec .htw-process-card-title{font-size:58px;}
  .dribbling-htw-sec .htw-process-card-list-item, .dribbling-htw-sec .htw-process-card-list-label{font-size:26px;}
  .dribbling-htw-sec .htw-process-card-title:before{width:65px; height:89px;}
  .dribbling-htw-sec .htw-card-main-title:before{margin-left:-65px;}
  .dribbling-htw-sec .htw-process-card-body{padding:0px 0px 50px 65px;}
  .dribbling-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:5%;}
  .dribbling-htw-sec .user-scoring-card .htw-process-card-body{padding-left:0px;}

  .dribbling-game-expect-sec .sec-head-outer{max-width:680px;}
  .dribbling-game-expect-sec .game-expectation-block{padding-left:36%;}
  .dribbling-game-expect-sec .game-expect-card-title{font-size:34px;}
  .dribbling-game-expect-sec .game-expect-details-item{font-size:22px;}
  .dribbling-game-expect-sec .game-expectation-card-outer{padding:0px 30px 40px;}

  .dribbling-game-summary-sec .game-summary-cont-outer{max-width:1080px; padding:120px 114px 60px;}
  .dribbling-game-summary-sec .game-summary-text{font-size:36px;}

  .dribbling-faq-sec .sec-head{margin:0px 0px 50px;}
  .dribbling-faq-sec .sec-head-outer{max-width:450px;}
  .dribbling-faq-sec .faq-sec-outer{padding:70px 0px 60px;}
  .dribbling-faq-sec .accordion-title{font-size:36px;}
  .dribbling-faq-sec .accordion-text{font-size:26px;}
}

@media(max-width:1280px) {
  .dribbling-game .video-block{padding:12px 12px 22px;}
  .dribbling-game .video-block:after{box-shadow:0px -10px 20px #ffb400 inset, 0px -8px 14px rgba(0, 0, 0, 0.7) inset;}
  .dribbling-game .video-frame-shadow-bg{width:60%; bottom:-40px;}
  .dribbling-about-us-sec .about-us-sec-outer{padding:150px 0px 80px;}
  .dribbling-about-us-sec .about-us-text{font-size:30px; max-width:820px;}
  .dribbling-game .base-btn{max-width:340px;}
  .dribbling-game .btn-text{font-size:30px;}
  .dribbling-game .sec-head-outer{max-width:700px;}
  .dribbling-game .sec-main-title{font-size:44px; top:40px;}

  .dribbling-htw-sec .sec-head{margin:60px 0px 20px;}
  .dribbling-htw-sec .sec-head-outer{max-width:580px;}
  .dribbling-htw-sec .htw-process-card-title{font-size:51px;}
  .dribbling-htw-sec .htw-process-card-list-item, .dribbling-htw-sec .htw-process-card-list-label{font-size:22px;}
  .dribbling-htw-sec .htw-process-card-title:before{width:56px; height:77px;}
  .dribbling-htw-sec .htw-card-main-title:before{margin-left:-56px;}
  .dribbling-htw-sec .htw-process-card-body{padding:0px 0px 40px 50px;}
  .dribbling-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:4%;}
  .dribbling-htw-sec .how-to-work-process{margin-bottom:60px;}
  .dribbling-htw-sec .how-to-work-process.cont-left{padding:60px 0px 40px;}
  .dribbling-htw-sec .htw-process-row .col{max-width:60%; min-width:60%;}
  .dribbling-htw-sec .htw-process-row .col.left{margin-left:-6%; margin-right:-4%;}
  .dribbling-htw-sec .htw-process-row .col.right{margin-left:-4%; margin-right:-6%;}

  .dribbling-game-expect-sec .sec-head{margin:60px 0px -30px;}
  .dribbling-game-expect-sec .sec-head-outer{max-width:580px;}
  .game-expect-sec-left-icon{max-width:32.5%;}
  .dribbling-game-expect-sec .game-expectation-item{margin-top:44px;}
  .dribbling-game-expect-sec .game-expect-icon-block{--icon-size:185px;}
  .dribbling-game-expect-sec .game-expectation-list{--card-gap:24px;}
  .dribbling-game-expect-sec .game-expectation-block{padding-left:28%;}
  .dribbling-game-expect-sec .game-expect-card-title{font-size:30px;}
  .dribbling-game-expect-sec .game-expect-details-item{font-size:20px;}
  .dribbling-game-expect-sec .game-expectation-card-outer{padding:0px 20px 30px;}

  .dribbling-game-summary-sec .game-summary-cont-outer{max-width:860px; padding:100px 50px 50px;}
  .dribbling-game-summary-sec .game-summary-text{font-size:32px;}

  .dribbling-faq-sec .sec-head{margin:0px 0px 40px;}
  .dribbling-faq-sec .sec-head-outer{max-width:380px;}
  .dribbling-faq-sec .faq-block{padding:0px;}
  .dribbling-faq-sec .faq-sec-outer{padding:60px 0px 50px;}
  .dribbling-faq-sec .accordion-title{font-size:32px;}
  .dribbling-faq-sec .accordion-text{font-size:22px;}
  .dribbling-faq-sec .accordion-item:before{top:-10px; width:80px; height:80px; font-size:34px;}
  .dribbling-faq-sec .accordion-head-outer, .dribbling-faq-sec .accordion-body{padding-left:110px;}
  .dribbling-faq-sec .accordion-item{margin-bottom:18px;}
}

@media(max-width:1023px) {
  .dribbling-game .banner-logo .game-logo-fig{filter:drop-shadow(0px 0px 5px rgba(87, 160, 255, 0.8)) drop-shadow(0px 0px 7px rgba(87, 160, 255, 0.8));}
  .dribbling-game .banner-sec-video{margin-bottom:-54px;}
  .dribbling-game .video-block{max-width:58.4%;}
  .dribbling-game .video-frame-shadow-bg{width:62%; bottom:-34px;}
  .dribbling-game .video-block-bottom-icon{max-width:21.54%; top:40px; left:-2%;}
  .dribbling-about-us-sec .about-us-sec-outer{padding:120px 0px 60px;}
  .dribbling-about-us-sec .about-us-text{font-size:26px; max-width:100%; padding:0px 30px;}
  .dribbling-about-us-sec .about-us-sec-bottom-icon{max-width:14.65%; right:-1%; bottom:14%;}
  .dribbling-game .base-btn{max-width:280px;}
  .dribbling-game .btn-text{font-size:26px;}
  .dribbling-game .sec-head-outer{max-width:630px;}
  .dribbling-game .sec-main-title{font-size:40px; top:34px;}

  .dribbling-htw-sec .sec-head{margin:40px 0px 20px;}
  .dribbling-htw-sec .sec-head-outer{max-width:500px;}
  .dribbling-htw-sec .sec-main-title{top:32px;}
  .dribbling-htw-sec .htw-process-card-title{font-size:48px;}
  .dribbling-htw-sec .htw-process-card-list-item, .dribbling-htw-sec .htw-process-card-list-label{font-size:20px;}
  .dribbling-htw-sec .htw-process-card-title:before{width:50px; height:69px;}
  .dribbling-htw-sec .htw-card-main-title:before{margin-left:-50px;}
  .dribbling-htw-sec .htw-card-sub-title{margin-top:0px;}
  .dribbling-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:0px;}
  .dribbling-htw-sec .htw-process-wrap .col-left{margin-right:-6%;}

  .dribbling-game-expect-sec .sec-head{margin:40px 0px -20px;}
  .dribbling-game-expect-sec .sec-head-outer{max-width:510px;}
  .game-expect-sec-left-icon{max-width:28%; bottom:11%;}
  .dribbling-game-expect-sec .game-expectation-item{margin-top:30px;}
  .dribbling-game-expect-sec .game-expect-icon-block{--icon-size:165px;}
  .dribbling-game-expect-sec .game-expectation-list{--card-gap:14px;}
  .dribbling-game-expect-sec .game-expectation-block{padding-left:25%;}
  .dribbling-game-expect-sec .game-expect-card-title{font-size:24px; margin-bottom:10px;}
  .dribbling-game-expect-sec .game-expect-details-item{font-size:17px;}
  .dribbling-game-expect-sec .game-expectation-card-outer{padding:0px 20px 30px; min-height:300px;}

  .dribbling-game-summary-sec .game-summary-cont-outer{max-width:700px; padding:100px 50px 40px;}
  .dribbling-game-summary-sec .game-summary-text{font-size:26px;}
  .dribbling-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .dribbling-faq-sec .sec-head{margin:0px 0px 30px;}
  .dribbling-faq-sec .sec-head-outer{max-width:330px;}
  .dribbling-faq-sec .accordion-title{font-size:26px;}
  .dribbling-faq-sec .accordion-text{font-size:19px;}
}

@media(max-width:767px) {
  .dribbling-game .banner-sec{background:var(--banner-bg-mob) no-repeat center top; background-size:cover;}
  .dribbling-game .banner-logo .game-logo-fig{max-width:56%;}
  .dribbling-game .banner-sec-video{margin-bottom:-44px;}
  .dribbling-game .video-block{max-width:86%; padding:6px 6px 14px;}
  .dribbling-game .video-frame-shadow-bg{width:100%; bottom:-26px;}
  .dribbling-about-us-sec .about-us-sec-outer{padding:110px 0px 35px; background:var(--about-us-bg-mob) no-repeat center bottom; background-size:cover;}
  .dribbling-about-us-sec .about-us-text{font-size:17px; padding:0px 10px;}
  .dribbling-about-us-sec .about-us-sec-bottom-icon{max-width:20.65%; bottom:9%;}
  .dribbling-game .base-btn{max-width:180px; padding:9px 10px;}
  .dribbling-game .btn-text{font-size:19px;}
  .dribbling-about-us-sec .btn-bar{margin-top:25px;}
  .dribbling-about-us-sec .sec-head-outer{margin-bottom:-10px;}
  .dribbling-game .sec-head-outer{max-width:340px;}
  .dribbling-game .sec-main-title{font-size:21px; top:20px;}

  .dribbling-htw-sec .sec-head{margin:30px 0px 30px;}
  .dribbling-htw-sec .sec-head-outer{max-width:320px;}
  .dribbling-htw-sec .sec-main-title{top:24px;}
  .dribbling-htw-sec .htw-process-wrap .col-left{max-width:100%; margin:0 !important; padding:0; display:flex; justify-content:center;}
  .dribbling-htw-sec .htw-process-theme{width:130%; min-width:130%;}
  .dribbling-htw-sec .htw-process-card-title{font-size:30px; width:fit-content; padding-left:30px; position:relative; margin:0px auto 10px;}
  .dribbling-htw-sec .htw-process-card-title br{display:none;}
  .dribbling-htw-sec .htw-process-card-list-item, .dribbling-htw-sec .htw-process-card-list-label{font-size:18px; text-align:center;}
  .dribbling-htw-sec .htw-process-card-list-item br{display:none;}
  .dribbling-htw-sec .htw-process-card-body{padding:0px;}
  .dribbling-htw-sec .htw-process-card-title:before{width:33px; height:46px; top:-4px;}
  .dribbling-htw-sec .htw-card-main-title:before{margin-left:-33px;}
  .dribbling-htw-sec .htw-card-sub-title{margin-top:0px; padding:0 30px;}
  .dribbling-htw-sec .htw-card-sub-title br{display:none;}
  .dribbling-htw-sec .how-to-work-process-sec-three .htw-process-wrap, .dribbling-htw-sec .how-to-work-process-sec-nine .htw-process-wrap{flex-direction:column-reverse;}
  .dribbling-htw-sec .htw-process-row .col.left, .dribbling-htw-sec .htw-process-row .col.right{margin:0px; max-width:100%;}
  .dribbling-htw-sec .htw-process-row .col .htw-process-theme{margin-left:-15%;}
  .dribbling-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:0px;}
  .dribbling-htw-sec .htw-process-wrap .col-left{margin-right:-6%;}
  .dribbling-htw-sec .htw-process-card{margin-top:0px;}
  .dribbling-htw-sec .how-to-work-process{margin-bottom:20px;}
  .dribbling-htw-sec .how-to-work-process.cont-left{padding:40px 0px 20px; margin-bottom:50px;}

  .dribbling-game-expect-sec .game-expectation-sec-outer{background:var(--game-expectation-bg-mob) no-repeat left 78%; background-size:56%; padding:0px 0px 120px;}
  .dribbling-game-expect-sec .game-expectation-sec-outer:before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:#242c58; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px));}
  .dribbling-game-expect-sec .sec-head{margin:30px 0px 0px;}
  .dribbling-game-expect-sec .sec-head-outer{max-width:300px;}
  .game-expect-sec-left-icon{max-width:170px; bottom:12px;}
  .dribbling-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px); margin:0px;}
  .dribbling-game-expect-sec .game-expect-icon-block{--icon-size:160px;}
  .dribbling-game-expect-sec .game-expectation-block{padding-left:0px;}
  .dribbling-game-expect-sec .game-expectation-card-outer{padding:0px 20px 30px; min-height:inherit; border-radius:34px; margin:100px 0px 30px;}
  .dribbling-game .owl-carousel .owl-dot span{background:#000; border:none;}
  .dribbling-game .owl-carousel .owl-dot.active span{background:#fff;}

  .dribbling-game-summary-sec .game-summary-cont-outer{margin-top:-40px; max-width:100%; padding:50px 20px 40px; clip-path:polygon(0 20px, 100% 0%, 100% 100%, 0% 100%);}
  .dribbling-game-summary-sec .container{padding:0px;}
  .dribbling-game-summary-sec .game-summary-text{font-size:18px;}
  .dribbling-game-summary-sec .game-summary-btn-bar{padding-top:20px;}

  .dribbling-faq-sec .faq-sec-outer{padding:40px 0px 30px;}
  .dribbling-faq-sec .sec-head{margin:0px 0px 30px;}
  .dribbling-faq-sec .sec-head-outer{max-width:240px;}
  .dribbling-faq-sec .accordion-item{margin-bottom:8px;}
  .dribbling-faq-sec .accordion-item:before{top:-2px; left:4px; width:46px; height:46px; font-size:26px;}
  .dribbling-faq-sec .accordion-head-outer{min-height:50px; padding:3px 0px 3px 60px;}
  .dribbling-faq-sec .accordion-body{padding:10px 10px 10px 50px;}
  .dribbling-faq-sec .accordion-icon{width:26px; height:26px; min-width:26px;}
  .dribbling-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .dribbling-faq-sec .accordion-title{font-size:18px;}
  .dribbling-faq-sec .accordion-text{font-size:16px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Dribbling Game CSS End // ***************************** */




/* ***************************** // Stadium Smash Game CSS Start // ***************************** */
.stadium-smash-game {
/*Colors*/
--clr-base:#fff;
--clr-base-light:#2196f3;
--clr-dark:#011542;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#0a1945;
--bg-primary:#2196f3;

/*Border Colors*/
--bdr1:#191744;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-head:'Geogrotesque', sans-serif;
--font-action:'Geogrotesque', sans-serif;
}
.stadium-smash-game .base-btn{float:left; width:100%; background:var(--bg-primary); text-shadow:none; padding:17px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:436px; box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.71);}
.stadium-smash-game .btn-text{position:unset; width:auto; font-size:53px; font-weight:500; color:#fff;}
.stadium-smash-game .btn-icon{float:left; width:100%; max-width:64px; margin-left:24px; display:inline-flex; align-items:center;}

.stadium-smash-game .banner-sec{background:var(--banner-bg) no-repeat center top; background-size:cover;}
.stadium-smash-game .banner-sec-outer{background:transparent; padding:0px;}
.stadium-smash-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.stadium-smash-game .banner-logo .game-logo-fig{max-width:72.7%; margin:-65px 0px;}

.stadium-smash-game .banner-sec-video{background:transparent; position:relative; z-index:1; margin-bottom:-184px;}
.stadium-smash-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; --radius:50px;}
.stadium-smash-game .video-block{max-width:57.6%; margin:0 auto; border-radius:var(--radius); background:#fff; border:4px solid #1d58ce; padding:30px; overflow:inherit;}
.stadium-smash-game .video-iframe{padding-bottom:56%;}
.stadium-smash-game .video-poster, .stadium-smash-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:calc(var(--radius) - 24px);}
.stadium-smash-game .video-frame-shadow-bottom{position:absolute; filter:blur(1px); opacity:0.86; height:30px; bottom:-20px; margin:0 auto; left:-21%; right:-21%; width:calc(57.6% + 42%); border-radius:40%; background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);}
.stadium-smash-game .video-block-bottom-icon{left:1.4%; top:-32%; max-width:22.8%;}

.stadium-smash-about-us-sec .about-us-sec-outer{float:left; width:100%; background:var(--about-us-bg) no-repeat center top; background-size:cover; padding:300px 0px 80px; position:relative;}
.stadium-smash-about-us-sec .sec-head{margin-bottom:50px;}
.stadium-smash-about-us-sec .sec-main-title.about-sec-main-title{font-family:var(--font-base); font-weight:900;}
.stadium-smash-about-us-sec .about-us-text{font-size:32px; font-weight:500; text-align:center; max-width:1210px;}
.stadium-smash-about-us-sec .btn-bar{margin-top:80px;}

.stadium-smash-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.stadium-smash-game .sec-head:not(.about-sec-head){margin-top:-20px; position:relative; z-index:-1;}
.stadium-smash-game .sec-head-outer{float:left; width:100%; max-width:656px; --bg-size:100px; display:flex; align-items:center; justify-content:center; position:relative;}
.stadium-smash-game .sec-head-inner{float:left; width:100%; padding:50px 10px 30px; border-radius:0px 0px 15px 15px; background:linear-gradient(to bottom, rgb(255,237,0) 0%, rgb(255,237,0) 21%, rgb(255,212,0) 49%, rgb(255,163,0) 100%); z-index:1;}
.stadium-smash-game .sec-head-outer:before{content:""; position:absolute; left:-25px; margin-top:30px; width:calc(100% + 50px); background:#ffdb00; height:20px; clip-path:polygon(0 0, 100% 0, calc(100% - 8px) 100%, 8px 100%);}
.stadium-smash-game .sec-head-bg{position:absolute; top:0; left:calc(var(--bg-size) * -1); right:calc(var(--bg-size) * -1); padding:0px 3px 3px 3px;}
.stadium-smash-game .sec-head-bg-inner, .stadium-smash-game .sec-head-bg{width:calc(100% + calc(var(--bg-size) * 2)); height:60%; background:#ffdb00; clip-path:polygon(0 0, 100% 0, calc(100% - 40px) 100%, 40px 100%);}
.stadium-smash-game .sec-head-bg-inner{float:left; width:100%; height:100%; background:#021345; position:relative;}
.stadium-smash-game .sec-main-title{font-size:68px; font-weight:700; line-height:0.85em; display:inline-block; color:#07183d; text-transform:uppercase; position:relative;}
.stadium-smash-game .sec-main-title:not(.about-sec-main-title):before, .stadium-smash-game .sec-main-title:not(.about-sec-main-title):after{content:""; position:absolute; left:-34px; top:0; bottom:0; margin:auto; width:17px; height:17px; background:#07183d; border-radius:100%;}
.stadium-smash-game .sec-main-title:not(.about-sec-main-title):after{left:auto !important; right:-34px;}
.stadium-smash-game .sec-main-title.about-sec-main-title{font-size:60px; color:#fff;}
.stadium-smash-game .sec-head-bg-inner:before, .stadium-smash-game .sec-head-bg-inner:after{content:""; position:absolute; left:50px; top:52%; transform:translateY(-50%); width:24px; height:20px; background:#2196f3; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
.stadium-smash-game .sec-head-bg-inner:after{left:auto !important; right:50px;}


/* How to Work CSS Start */
.stadium-smash-htw-sec .htw-sec-head{margin-bottom:130px;}
.stadium-smash-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:row-reverse;}
.stadium-smash-htw-sec .how-to-work-process{margin-bottom:80px; position:relative;}
.stadium-smash-htw-sec .how-to-work-process:last-child{margin-bottom:0px !important;}
.stadium-smash-htw-sec .htw-process-wrap .col-left{max-width:54.15%; position:relative;}
.stadium-smash-htw-sec .htw-process-theme-icon{max-width:34px;}
.stadium-smash-htw-sec .how-to-work-process-sec-one .htw-process-theme-icon{left:50px; bottom:50px; right:auto; top:auto;}
.stadium-smash-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:8%;}
.stadium-smash-htw-sec .cont-right .htw-process-wrap .col-right{padding-right:8%;}
.stadium-smash-htw-sec .how-to-work-process-sec-one .htw-process-wrap .col-right{padding-right:0px;}
.stadium-smash-htw-sec .htw-process-theme:after{bottom:-12px; --shadow-size:180px; left:calc((var(--shadow-size) / 2) * -1); right:calc((var(--shadow-size) / 2) * -1); width:calc(100% + var(--shadow-size)); height:30px; z-index:-1;}
.stadium-smash-htw-sec .htw-process-card:before, .stadium-smash-htw-sec .htw-process-card:after, .stadium-smash-htw-sec .htw-process-card-outer:before, .stadium-smash-htw-sec .htw-process-card-outer:after{display:none;}
.stadium-smash-htw-sec .htw-process-full-sec .htw-process-theme img{position:relative; z-index:2;}
.stadium-smash-htw-sec .htw-process-full-sec .htw-process-theme:after{opacity:0.5; z-index:1;}
.stadium-smash-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent; margin-top:50px;}
.stadium-smash-htw-sec .htw-process-card-cont{border-radius:0px; background:#ffd000; padding:2px;}
.stadium-smash-htw-sec .cont-right .htw-process-card-cont{padding-left:0px;}
.stadium-smash-htw-sec .htw-process-card-body{background:linear-gradient(to right, rgba(23,122,189,1) 0%,rgba(1,21,66,1) 100%); min-height:auto; padding:50px 20px 80px 40px; display:flex; flex-wrap:wrap; align-content:center; position:relative;}
.stadium-smash-htw-sec .htw-process-num{--octagon-size:132px; width:var(--octagon-size); height:var(--octagon-size); background:#02112e; padding:6px; clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); margin:-116px 0px 20px;}
.stadium-smash-htw-sec .htw-process-num-outer{float:left; width:100%; height:100%; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(to right, rgba(241,5,55,1) 0%,rgba(83,6,12,1) 100%); clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); color:#fff; font-size:76px; font-family:var(--font-head); font-weight:bold;}
.stadium-smash-htw-sec .htw-card-icon{max-width:306px; top:calc(100% - 80px); left:-154px;}
.stadium-smash-htw-sec .htw-process-card-title{font-size:60px; line-height:1em;}
.stadium-smash-htw-sec .htw-process-card-list{padding-left:0px; position:relative; z-index:2;}
.stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width:5px; height:5px; background:#fff; border-radius:100%; left:8px; top:8px;}
.stadium-smash-htw-sec .htw-process-card-list-item, .stadium-smash-htw-sec .htw-process-card-list-label{font-size:20px; font-weight:500;}
.stadium-smash-htw-sec .how-to-work-process.cont-left{padding:80px 0px 50px;}
.stadium-smash-htw-sec .htw-process-card-bottom-bar{background:#ffd000; float:left; width:160px; height:46px; clip-path:polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%); padding-right:10px;}
.stadium-smash-htw-sec .htw-process-card-bottom-bar-inner{background:#011542; float:left; width:100%; height:100%; clip-path:polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%);}
.stadium-smash-htw-sec .cont-left .htw-process-card-bottom-bar{clip-path:polygon(0 0, 100% 0%, 100% 100%, 25px 100%); padding-right:0px; padding-left:10px;}
.stadium-smash-htw-sec .cont-left .htw-process-card-bottom-bar-inner{clip-path:polygon(0 0, 100% 0%, 100% 100%, 25px 100%);}
.stadium-smash-htw-sec .cont-left .htw-process-card-cont{padding-right:0px;}
.stadium-smash-htw-sec .cont-left .htw-process-num{margin-left:auto;}
.stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-num-outer{background:#fff; color:#011542;}
.stadium-smash-htw-sec .cont-left .htw-process-card-body{padding-right:40px;}
.stadium-smash-htw-sec .cont-left .htw-process-card-list{padding-left:60px;}
.stadium-smash-htw-sec .cont-left .htw-process-card-bottom-bar{float:right;}
.stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-two{padding:100px 0px 160px; margin:0px;}
.stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-theme-icon{left:-10px; bottom:auto; top:2px;}
.stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{position:absolute; right:0; bottom:-10px; max-width:20%;}
.stadium-smash-htw-sec .htw-process-full-sec{background:var(--bg-primary);}
.stadium-smash-htw-sec .cont-left .targets-card .htw-process-card-cont, .stadium-smash-htw-sec .cont-right .out-card .htw-process-card-cont{padding:0px;}
.stadium-smash-htw-sec .targets-card .htw-process-card-body, .stadium-smash-htw-sec .out-card .htw-process-card-body{background:#fff;}
.stadium-smash-htw-sec .targets-card .htw-process-card-title, .stadium-smash-htw-sec .out-card .htw-process-card-title{color:var(--clr-dark);}
.stadium-smash-htw-sec .targets-card .htw-process-card-list-item, .stadium-smash-htw-sec .targets-card .htw-process-card-list-label, 
.stadium-smash-htw-sec .out-card .htw-process-card-list-item, .stadium-smash-htw-sec .out-card .htw-process-card-list-label{color:var(--clr-dark);}
.stadium-smash-htw-sec .targets-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before, 
.stadium-smash-htw-sec .out-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--clr-dark);}
.stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{position:absolute; width:100%; max-width:15.2%; left:0; top:-10%;}
.stadium-smash-htw-sec .out-card .htw-process-num-outer{background:#fff; color:#011542;}
.stadium-smash-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{position:absolute; left:0px; bottom:0px; width:100%; max-width:10.7%;}
.stadium-smash-htw-sec .htw-process-bg-icon img{float:left; width:100%;}
.stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-left{padding:80px 0px; margin:0px;}
.stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-right{padding:100px 0px; margin:0px;}
.stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-wrap .col-right{padding-left:0px;}
.stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-body{padding-left:120px;}
.stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-list{padding-left:40px;}
.stadium-smash-htw-sec .timer-card .htw-card-icon{top:calc(100% - 120px); left:-50px;}
.stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-five{padding:160px 0px 60px;}
.stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-six .htw-process-wrap{flex-direction:column;}
.stadium-smash-htw-sec .game-summary-card .htw-process-card-cont{padding:0px;background:transparent;}
.stadium-smash-htw-sec .game-summary-card .htw-process-card-body{background:transparent; padding:0px; justify-content:center;}
.stadium-smash-htw-sec .how-to-work-process-sec-six{padding-top:100px; background:var(--htw-process-sec-bg) no-repeat center bottom; background-size:100% auto;}
.stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-wrap .col-left{max-width:74.4%;}
.stadium-smash-htw-sec .how-to-work-process-sec-six:before{content:""; position:absolute; background:var(--bg-base); left:0; right:0; bottom:16%; height:57%;}
.stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-theme{z-index:1;}
.stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-theme:after{background:#08316d; opacity:1; z-index:-1;}
.stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-theme-icon{max-width:40%; bottom:-18%; right:-24%;}
.stadium-smash-htw-sec .game-summary-btn-bar:before{display:none;}
.stadium-smash-game .game-summary-btn-bar{z-index:2; padding:40px 0px 80px;}
.stadium-smash-game .game-summary-btn-bar .base-btn{box-shadow:0px 0px 46px 0px rgba(33, 150, 243, 1.0);}
.stadium-smash-htw-sec .game-summary-card .htw-process-num{margin-top:0px;}
.stadium-smash-htw-sec .game-summary-card .htw-process-card-title-bar{text-align:center;}
.stadium-smash-htw-sec .game-summary-card .htw-process-card-list-item, .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-label{font-size:32px; text-align:center;}
.stadium-smash-htw-sec .game-summary-card .htw-process-num-outer{background:#fff; color:#011542;}
.stadium-smash-htw-sec .htw-process-sec-bg-bottom, .stadium-smash-htw-sec .htw-process-sec-bg-bottom img{float:left; width:100%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.stadium-smash-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 70px;}
.stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head{margin:-30px auto 80px;}
.stadium-smash-game-expect-sec .game-expectation-list{--gap-item:26px; gap:40px var(--gap-item);}
.stadium-smash-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.stadium-smash-game-expect-sec .game-expectation-card-outer{--radius:28px; border-radius:var(--radius); margin:60px 0px 0px; padding:3px; background:var(--bg-primary);}
.stadium-smash-game-expect-sec .game-expect-icon-block{top:0px; margin-top:-90px; margin-bottom:20px;}
.game-expect-icon{background:var(--bg-primary); border-radius:100%; padding:4px;}
.stadium-smash-game-expect-sec .game-expect-card-fig{--circle-size:120px; border:5px solid #03132e; background:#fff; border-radius:100%; max-width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size); padding:5px;}
.stadium-smash-game-expect-sec .game-expect-card-title{font-size:31px; color:#fff; font-family:var(--font-base1); font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:20px;}
.stadium-smash-game-expect-sec .game-expect-details-item{font-family:var(--font-base1); font-weight:500; font-size:18px; line-height:1.2em; text-align:center;}
.stadium-smash-game-expect-sec .game-expectation-card-inner{border:4px solid #03132e; padding:26px 30px 30px; float:left; width:100%; height:100%; border-radius:calc(var(--radius) - 3px);}
/* Game Expectation CSS End */

/*FAQ CSS Start */
.stadium-smash-faq-sec .faq-sec-outer{padding:0px 0px 100px; background:var(--faq-bg) no-repeat center top; background-size:cover;}
.stadium-smash-faq-sec .sec-head.faq-sec-head{margin:0px auto 100px; z-index:1;}
.stadium-smash-faq-sec .sec-head.faq-sec-head .sec-head-inner{padding-top:30px;}
.stadium-smash-faq-sec .accordion-item{margin-bottom:10px;}
.stadium-smash-faq-sec .accordion-item:last-child{margin-bottom:0px;}
.stadium-smash-faq-sec .accordion-card{border-radius:6px; border:none; padding:0px; background:var(--bg-primary);}
.stadium-smash-faq-sec .accordion-head{padding-right:24px; min-height:114px;}
.stadium-smash-faq-sec .accordion-body{background:#e3f3ff; border-radius:0 0 6px 6px; padding-right:24px;}
.stadium-smash-faq-sec .accordion-title{font-size:30px; font-weight:500;}
.stadium-smash-faq-sec .is-open .accordion-title{color:#fff;}
.stadium-smash-faq-sec .answer-label, .stadium-smash-faq-sec .accordion-text{font-size:28px; font-family:var(--font-head); font-weight:500; color:#07183d; line-height:1.1em;}
.stadium-smash-faq-sec .accordion-text{flex:1;}
.stadium-smash-faq-sec .accordion-cont-bar{padding:16px 0px; min-height:90px;}
.stadium-smash-faq-sec .answer-label{margin-right:3px; margin-bottom:auto;}
.stadium-smash-faq-sec .accordion-icon{background:rgba(9, 93, 160, 0.5); --circle-size:48px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.stadium-smash-faq-sec .accordion-icon .icon{color:rgba(255, 255, 255, 1.0); font-size:22px; transition:all 0.3s ease 0s;}
.stadium-smash-faq-sec .is-open .accordion-icon{background:rgba(255, 255, 255, 1.0);}
.stadium-smash-faq-sec .is-open .accordion-icon .icon{color:var(--bg-primary); transform:rotate(-180deg);}
/*FAQ CSS End */

.stadium-smash-game .footer{background:#231b24;}
.stadium-smash-game .copyright-text{color:rgba(255, 255, 255, 0.58);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .stadium-smash-game .banner-video-outer{--radius:40px;}
  .stadium-smash-game .video-block{padding:20px;}
  .stadium-smash-about-us-sec .about-us-sec-outer{padding:270px 0px 80px;}
  .stadium-smash-game .sec-main-title.about-sec-main-title{font-size:48px;}
  .stadium-smash-about-us-sec .sec-head{margin-bottom:30px;}
  .stadium-smash-about-us-sec .about-us-text{font-size:28px; max-width:1080px;}
  .stadium-smash-about-us-sec .btn-bar{margin-top:60px;}
  .stadium-smash-game .btn-text{font-size:44px;}
  .stadium-smash-game .btn-icon{max-width:56px;}
  .stadium-smash-game .base-btn{max-width:386px; padding:16px 15px;}

  .stadium-smash-game .sec-head-outer{max-width:566px;}
  .stadium-smash-game .sec-main-title{font-size:58px;}
  .stadium-smash-htw-sec .htw-sec-head{margin-bottom:100px;}
  .stadium-smash-htw-sec .htw-process-card-title{font-size:48px;}
  .stadium-smash-htw-sec .htw-process-card-list-item, .stadium-smash-htw-sec .htw-process-card-list-label{font-size:18px;}
  .stadium-smash-htw-sec .htw-process-num{--octagon-size:122px; margin:-110px 0px 20px;}
  .stadium-smash-htw-sec .htw-process-num-outer{font-size:66px;}
  .stadium-smash-htw-sec .htw-card-icon{max-width:266px; left:-128px;}
  .stadium-smash-htw-sec .htw-process-theme:after{--shadow-size:100px;}
  .stadium-smash-htw-sec .cont-left .htw-process-wrap .col-right{padding-left:2%;}
  .stadium-smash-htw-sec .htw-process-card-bottom-bar{height:40px;}
  .stadium-smash-htw-sec .countdown-card .htw-process-card-body, .stadium-smash-htw-sec .targets-card .htw-process-card-body, .stadium-smash-htw-sec .out-card .htw-process-card-body{padding-bottom:40px;}
  .stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-two{padding:40px 0px 100px;}
  .stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-right{padding:60px 0px 100px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-body{padding:50px 20px 40px 70px;}
  .stadium-smash-htw-sec .timer-card .htw-card-icon{top:calc(100% - 70px); left:-40px; max-width:226px;}
  .stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-five{margin-bottom:20px;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-item, .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-label{font-size:28px;}

  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head{margin:-34px auto 80px;}
  .stadium-smash-game-expect-sec .game-expect-card-title{font-size:26px;}
  .stadium-smash-game-expect-sec .game-expect-details-item{font-size:16px;}
  .stadium-smash-game-expect-sec .game-expectation-card-inner{padding:26px 20px 20px;}

  .stadium-smash-faq-sec .faq-sec-outer{padding:0px 0px 80px;}
  .stadium-smash-faq-sec .sec-head.faq-sec-head{margin:0px auto 80px;}
  .stadium-smash-faq-sec .accordion-head{min-height:100px;}
  .stadium-smash-faq-sec .accordion-title{font-size:27px;}
  .stadium-smash-faq-sec .answer-label, .stadium-smash-faq-sec .accordion-text{font-size:26px;}
}

@media(max-width:1280px) {
  .stadium-smash-game .banner-logo .game-logo-fig{margin:-45px 0px;}
  .stadium-smash-game .sec-main-title.about-sec-main-title{font-size:42px;}
  .stadium-smash-about-us-sec .about-us-text{font-size:24px; max-width:930px;}
  .stadium-smash-game .btn-text{font-size:38px;}
  .stadium-smash-game .btn-icon{max-width:50px;}
  .stadium-smash-game .base-btn{max-width:356px; box-shadow:0px 0px 56px 0px rgba(0, 0, 0, 0.71);}

  .stadium-smash-game .sec-main-title{font-size:52px;}
  .stadium-smash-game .sec-head-outer{max-width:496px;}
  .stadium-smash-htw-sec .htw-process-card-title{font-size:40px;}
  .stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item, .stadium-smash-htw-sec .htw-process-card-list-label{font-size:17px;}
  .stadium-smash-htw-sec .htw-process-num{--octagon-size:106px; padding:5px; margin:-100px 0px 10px;}
  .stadium-smash-htw-sec .htw-process-num-outer{font-size:56px;}
  .stadium-smash-htw-sec .htw-card-icon{max-width:206px; left:-98px; top:calc(100% - 40px);}
  .stadium-smash-htw-sec .htw-process-card-body{padding-bottom:40px;}
  .stadium-smash-htw-sec .cont-left .htw-process-card-body{padding-right:20px;}
  .stadium-smash-htw-sec .countdown-card .htw-process-card-body, .stadium-smash-htw-sec .targets-card .htw-process-card-body, .stadium-smash-htw-sec .out-card .htw-process-card-body{padding-bottom:30px;}
  .stadium-smash-htw-sec .cont-left .htw-process-card-list{padding-left:0px;}
  .stadium-smash-htw-sec .timer-card .htw-card-icon{top:calc(100% - 60px); left:-30px; max-width:196px;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-item, .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-label{font-size:24px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{max-width:25%;}
  .stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-five{padding:110px 0px 60px;}

  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head{margin:-44px auto 60px;}
  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head .sec-head-inner{padding:70px 10px 30px;}
  .stadium-smash-game-expect-sec .game-expectation-list{--gap-item:20px;}
  .stadium-smash-game-expect-sec .game-expect-card-title{font-size:22px;}
  .stadium-smash-game-expect-sec .game-expect-details-item{font-size:15px;}

  .stadium-smash-faq-sec .sec-head-outer{max-width:416px;}
  .stadium-smash-faq-sec .faq-block{padding:0px;}
  .stadium-smash-faq-sec .accordion-head{min-height:90px;}
  .stadium-smash-faq-sec .accordion-title{font-size:24px;}
  .stadium-smash-faq-sec .answer-label, .stadium-smash-faq-sec .accordion-text{font-size:24px;}
}

@media(max-width:1023px) {
  .stadium-smash-game .banner-logo .game-logo-fig{margin:-25px 0px;}
  .stadium-smash-game .banner-video-outer{--radius:30px;}
  .stadium-smash-game .video-block{padding:15px; border-width:3px;}
  .stadium-smash-game .video-poster, .stadium-smash-game .client-video{border-radius:calc(var(--radius) - 14px);}
  .stadium-smash-game .video-frame-shadow-bottom{height:20px; bottom:-8px;}

  .stadium-smash-about-us-sec .about-us-sec-outer{padding:240px 0px 60px;}
  .stadium-smash-game .sec-main-title.about-sec-main-title{font-size:36px;}
  .stadium-smash-about-us-sec .about-us-text{font-size:20px; max-width:100%;}
  .stadium-smash-game .btn-text{font-size:34px;}
  .stadium-smash-game .btn-icon{max-width:48px;}
  .stadium-smash-game .base-btn{max-width:326px;}
  .stadium-smash-about-us-sec .btn-bar{margin-top:40px;}

  .stadium-smash-game .sec-main-title{font-size:46px;}
  .stadium-smash-game .sec-head-outer{max-width:446px;}
  .stadium-smash-game .sec-main-title:not(.about-sec-main-title):before, .stadium-smash-game .sec-main-title:not(.about-sec-main-title):after{width:15px; height:15px;}
  .stadium-smash-htw-sec .htw-sec-head{margin-bottom:60px;}
  .stadium-smash-htw-sec .htw-process-card-outer{margin-top:10px;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-outer{margin-top:30px;}
  .stadium-smash-htw-sec .htw-process-card-title{font-size:31px;}
  .stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item, .stadium-smash-htw-sec .htw-process-card-list-label{font-size:14px;}
  .stadium-smash-htw-sec .htw-process-num{--octagon-size:76px; padding:3px; margin:-80px 0px 10px;}
  .stadium-smash-htw-sec .htw-process-num-outer{font-size:40px;}
  .stadium-smash-htw-sec .htw-card-icon{max-width:176px; left:-78px; top:calc(100% - 30px);}
  .stadium-smash-htw-sec .htw-process-card-body{padding:40px 15px 30px 15px;}
  .stadium-smash-htw-sec .cont-left .htw-process-card-list{margin-top:10px;}
  .stadium-smash-htw-sec .timer-card .htw-card-icon{top:calc(100% - 60px); left:-25px; max-width:146px;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-item, .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-label{font-size:20px;}
  .stadium-smash-htw-sec .htw-process-card-bottom-bar{height:32px; width:120px;}
  .stadium-smash-htw-sec .how-to-work-process{margin-bottom:60px;}
  .stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-two{padding:40px 0px 60px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{max-width:25%;}
  .stadium-smash-htw-sec .how-to-work-process.how-to-work-process-sec-five{padding:80px 0px 0px;}
  .stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-left{padding:60px 0px;}
  .stadium-smash-htw-sec .cont-right .htw-process-wrap .col-right{padding-right:2%;}
  .stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:4px;}
  .stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-right{padding:20px 0px 80px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-body{padding:50px 20px 40px 50px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-six:before{bottom:13%;}

  .stadium-smash-game-expect-sec .game-expectation-sec-outer{padding:0px 0px 30px;}
  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head{margin:-44px auto 40px;}
  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head .sec-head-inner{padding:70px 10px 30px;}
  .stadium-smash-game-expect-sec .game-expectation-list{--gap-item:0px;}
  .stadium-smash-game-expect-sec .owl-stage{display:flex;}
  .stadium-smash-game-expect-sec .game-expectation-card-outer{margin:60px 0px 20px;}
  .stadium-smash-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .stadium-smash-game .owl-carousel .owl-dot span{border:none; background:#d0d0d0;}
  .stadium-smash-game .owl-carousel .owl-dot.active span{background:#004eab;}

  .stadium-smash-faq-sec .faq-sec-outer{padding:0px 0px 60px;}
  .stadium-smash-faq-sec .sec-head.faq-sec-head{margin:0px auto 50px;}
  .stadium-smash-faq-sec .sec-head-outer{max-width:346px;}
  .stadium-smash-faq-sec .accordion-head{min-height:80px;}
  .stadium-smash-faq-sec .accordion-icon{--circle-size:42px;}
  .stadium-smash-faq-sec .accordion-icon .icon{font-size:18px;}
  .stadium-smash-faq-sec .accordion-title{font-size:22px;}
  .stadium-smash-faq-sec .accordion-cont-bar{min-height:80px;}
  .stadium-smash-faq-sec .answer-label, .stadium-smash-faq-sec .accordion-text{font-size:20px;}
}

@media(max-width:767px) {
  .stadium-smash-game .banner-sec{background:var(--banner-bg-mob) no-repeat center top;}
  .stadium-smash-game .banner-logo .game-logo-fig{margin:-15px 0px;}
  .stadium-smash-game .banner-sec-video{margin-bottom:-100px;}
  .stadium-smash-game .banner-video-outer{--radius:20px;}
  .stadium-smash-game .video-block{padding:8px; border-width:2px; max-width:88.6%;}
  .stadium-smash-game .video-poster, .stadium-smash-game .client-video{border-radius:calc(var(--radius) - 6px);}
  .stadium-smash-game .video-frame-shadow-bottom{width:calc(88.6% + 10%); left:-5%; right:-5%; height:8px; bottom:-6px; border-radius:0px; background:linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.2) 100%);}

  .stadium-smash-game .sec-main-title.about-sec-main-title{font-size:25px; line-height:1.2em;}
  .stadium-smash-game .sec-main-title.about-sec-main-title .word-label{display:block;}
  .stadium-smash-about-us-sec .about-us-sec-outer{padding:120px 0px 20px; background:var(--about-us-bg-mob) no-repeat center top; background-size:cover;}
  .stadium-smash-about-us-sec .sec-head{margin-bottom:10px;}
  .stadium-smash-about-us-sec .about-us-text{font-size:14px; padding:0 30px;}
  .stadium-smash-game .btn-text{font-size:22px;}
  .stadium-smash-game .btn-icon{max-width:28px; margin-left:20px;}
  .stadium-smash-game .base-btn{max-width:170px; padding:6px 10px; border-radius:4px; box-shadow:0px 0px 13px 0px rgba(0, 0, 0, 0.5);}
  .stadium-smash-about-us-sec .btn-bar{margin-top:20px;}

  .stadium-smash-game .sec-main-title{font-size:24px;}
  .stadium-smash-game .sec-head-outer{max-width:214px; --bg-size:36px;}
  .stadium-smash-game .sec-main-title:not(.about-sec-main-title):before, .stadium-smash-game .sec-main-title:not(.about-sec-main-title):after{width:5px; height:5px; left:-18px;}
  .stadium-smash-game .sec-main-title:not(.about-sec-main-title):after{right:-18px;}
  .stadium-smash-game .sec-head-bg-inner, .stadium-smash-game .sec-head-bg{clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 10px 100%);}
  .stadium-smash-game .sec-head-bg{padding:0px 2px 2px 2px;}
  .stadium-smash-game .sec-head-bg-inner:before, .stadium-smash-game .sec-head-bg-inner:after{width:7px; height:7px; left:17px; top:60%;}
  .stadium-smash-game .sec-head-bg-inner:after{right:17px;}
  .stadium-smash-game .sec-head-inner{padding:26px 20px 5px; border-radius:0px 0px 5px 5px;}
  .stadium-smash-game .sec-head-outer:before{left:-10px; margin-top:10px; width:calc(100% + 20px); height:6px; clip-path:polygon(0 0, 100% 0, calc(100% - 4px) 100%, 4px 100%);}
  .stadium-smash-htw-sec .container{padding:0px;}
  .stadium-smash-htw-sec .cont-right .htw-process-wrap .col-right{padding:0px !important;}
  .stadium-smash-htw-sec .htw-process-card{margin-top:0px;}
  .stadium-smash-htw-sec .htw-process-card-cont{padding:2px 0px;}
  .stadium-smash-htw-sec .htw-process-card-outer{margin-top:0px;}
  .stadium-smash-htw-sec .htw-process-wrap .col-left{max-width:100%; margin-bottom:-100px; z-index:1;}
  .stadium-smash-htw-sec .htw-process-card-title{font-size:24px;}
  .stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item, .stadium-smash-htw-sec .htw-process-card-list-label{text-align:center; padding:0px;}
  .stadium-smash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .stadium-smash-htw-sec .htw-process-num{--octagon-size:68px; margin:0px; position:absolute; z-index:2; left:50px; top:-30px;}
  .stadium-smash-htw-sec .cont-left .htw-process-num{left:auto; right:50px;}
  .stadium-smash-htw-sec .htw-process-num-outer{font-size:35px;}
  .stadium-smash-htw-sec .htw-process-card-body{padding:120px 15px 10px 15px !important;}
  .stadium-smash-htw-sec .htw-process-theme-icon{max-width:20px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-theme-icon{left:44px; top:-6px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-num{left:50px; right:auto;}
  .stadium-smash-htw-sec .htw-card-icon{max-width:156px; left:-64px; top:calc(100% - 50px);}
  .stadium-smash-htw-sec .cont-left .htw-process-card-bottom-bar, .stadium-smash-htw-sec .how-to-work-process-sec-four .htw-process-card-bottom-bar{padding-left:6px; clip-path:polygon(0 0, 100% 0%, 100% 100%, 15px 100%);}
  .stadium-smash-htw-sec .cont-left .htw-process-card-bottom-bar-inner, .stadium-smash-htw-sec .how-to-work-process-sec-four .htw-process-card-bottom-bar-inner{clip-path:polygon(0 0, 100% 0%, 100% 100%, 15px 100%);}
  .stadium-smash-htw-sec .htw-process-card-bottom-bar, .stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-card-bottom-bar, .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-bottom-bar{height:24px; width:90px; clip-path:polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%); padding-right:5px;}
  .stadium-smash-htw-sec .htw-process-card-bottom-bar-inner, .stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-card-bottom-bar-inner, .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-bottom-bar-inner{clip-path:polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);}
  .stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-card-bottom-bar, .stadium-smash-htw-sec .how-to-work-process-sec-five .htw-process-card-bottom-bar{float:left; padding-left:0px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-four .htw-process-card-bottom-bar{float:right; padding-right:0px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-one .htw-process-theme-icon{left:34px; bottom:14px;}
  .stadium-smash-htw-sec .timer-card .htw-card-icon{top:calc(100% - 52px); left:auto; max-width:156px; right:-65px;}
  .stadium-smash-htw-sec .how-to-work-process{margin-bottom:20px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{top:-35px; bottom:auto; z-index:1;}
  .stadium-smash-htw-sec .cont-left .htw-process-wrap .col-right{padding:0px !important;}
  .stadium-smash-htw-sec .countdown-card .htw-process-card-body, .stadium-smash-htw-sec .targets-card .htw-process-card-body, .stadium-smash-htw-sec .out-card .htw-process-card-body{padding-bottom:10px;}
  .stadium-smash-htw-sec .htw-process-full-sec .how-to-work-process.cont-right{padding:20px 0px 100px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{max-width:70px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-six:before{bottom:13%; border-top:2px solid #ffd000;}
  .stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{max-width:22.2%; top:-5%;}
  .stadium-smash-htw-sec .how-to-work-process-sec-three .htw-process-num{left:50px; right:auto;}
  .stadium-smash-htw-sec .cont-left .targets-card .htw-process-card-cont, .stadium-smash-htw-sec .cont-right .out-card .htw-process-card-cont{padding:2px 0px;}
  .stadium-smash-htw-sec .how-to-work-process-sec-six{padding-top:70px; background:var(--htw-process-sec-bg-mob) no-repeat center bottom; background-size:100% auto;}
  .stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-wrap .col-left{max-width:100%;}
  .stadium-smash-htw-sec .how-to-work-process-sec-six .htw-process-theme-icon{max-width:24%; top:44%; right:3%; bottom:auto;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-num{position:unset; margin:0px auto 20px;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-body{padding:90px 15px 10px 15px !important;}
  .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-item, .stadium-smash-htw-sec .game-summary-card .htw-process-card-list-label{font-size:14px; padding:0px 20px;}
  .stadium-smash-game .game-summary-btn-bar{padding:10px 0px 20px;}
  .stadium-smash-game .game-summary-btn-bar .base-btn{box-shadow:0px 0px 26px 0px rgba(33, 150, 243, 1.0), 0px 0px 26px 0px rgba(33, 150, 243, 1.0);}

  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head{margin:-16px auto 40px;}
  .stadium-smash-game-expect-sec .sec-head.game-expectation-sec-head .sec-head-inner{padding:20px 20px 5px;}
  .stadium-smash-game-expect-sec .game-expectation-card-outer{margin:40px 0px 20px;}
  .stadium-smash-game-expect-sec .game-expectation-card-inner{padding:26px 8px 10px;}
  .stadium-smash-game-expect-sec .game-expect-icon-block{margin-top:-70px;}
  .stadium-smash-game-expect-sec .game-expect-card-fig{--circle-size:82px; border-width:3px;}
  .stadium-smash-game-expect-sec .game-expectation-card-inner{border-width:3px;}
  .stadium-smash-game-expect-sec .game-expect-card-title{font-size:18px;}
  .stadium-smash-game-expect-sec .game-expect-details-item{font-size:14px;}

  .stadium-smash-faq-sec .faq-sec-outer{padding:0px 0px 30px; background:var( --faq-bg-mob) no-repeat center top; background-size:cover;}
  .stadium-smash-faq-sec .sec-head.faq-sec-head{margin:0px auto 20px;}
  .stadium-smash-faq-sec .sec-head.faq-sec-head .sec-head-inner{padding:9px 20px;}
  .stadium-smash-faq-sec .accordion-item{margin-bottom:4px;}
  .stadium-smash-faq-sec .accordion-card{border-radius:3px;}
  .stadium-smash-faq-sec .accordion-head{min-height:32px; padding:4px 7px;}
  .stadium-smash-faq-sec .accordion-icon{--circle-size:20px;}
  .stadium-smash-faq-sec .accordion-icon .icon{font-size:10px;}
  .stadium-smash-faq-sec .accordion-title{font-size:13px;}
  .stadium-smash-faq-sec .accordion-cont-bar{min-height:48px; padding:8px 0px;}
  .stadium-smash-faq-sec .accordion-body{border-radius:0 0 3px 3px; padding-right:10px;}
  .stadium-smash-faq-sec .answer-label, .stadium-smash-faq-sec .accordion-text{font-size:13px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Stadium Smash Game CSS End // ***************************** */




/* ***************************** // Hit The Spot CSS Start // ***************************** */
.hit-the-spot {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
  
  }

.hit-the-spot .header{box-shadow:none;}
.hit-the-spot .nav-item-label{font-weight:600;}
@media (hover: hover){.hit-the-spot .active .nav-item-label, .hit-the-spot .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.hit-the-spot .word-label{display:grid;}
.hit-the-spot .game-logo-fig{max-width: 80%; margin-top: 2px;}
.hit-the-spot .game-start-card.htw-process-card:before{display: none;}
.hit-the-spot .htw-process-card-outer:before, .htw-process-card-outer:after{display: none;} 
.hit-the-spot .htw-process-wrap-two .col-left:before{display: none;}
.hit-the-spot .htw-process-wrap-two{position: relative;}

.hit-the-spot .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.hit-the-spot .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.hit-the-spot .btn-bar .base-btn{background-color: #2196f3; max-width: 28%; height: 77px; border-radius: 4px; margin: 65px 0 75px 0;}
.hit-the-spot .btn-bar .faq-btn{background: #235ba6;; max-width: 28%; height: 77px; border-radius: 4px; margin: 50px 0;}
.hit-the-spot .faq-accordion-icon { background: #2196f3;}
.hit-the-spot .faq-accordion-icon .icon{color: #fff; }
.hit-the-spot .isg-arrow-up4:before { content: "\e903"; }

.hit-the-spot .banner-sec{background:var(--banner-bg) no-repeat center; background-size: 100% 117%; position: relative; padding-bottom: 60px; }
.hit-the-spot .banner-sec-outer{background:transparent; padding:0px;}
.hit-the-spot .banner-col{float:left; width:100%; flex:0 0 100%;}
.hit-the-spot .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.hit-the-spot .banner-sec-video{background:transparent;}
.hit-the-spot .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.hit-the-spot .video-block{max-width:54.5%; position:relative; overflow:inherit; margin-right: -6.8%; margin-top: -6.8%;}
.hit-the-spot .video-frame {position: relative;}
.hit-the-spot .video-frame::after {display: none;}
.hit-the-spot .video-poster, .hit-the-spot .client-video{ top: 21.5%; left: 1.3%; right: 3.5%; height: calc(100% - 26.5%); width: calc(100% - 14.7%); bottom: auto; border-radius: 0;}
.hit-the-spot .video-shadow{bottom:-15px;}
.hit-the-spot .one-theme-icon{position: absolute; right: 15px; bottom: -6.1%;}
.hit-the-spot .two-theme-icon {position: absolute; right: 15%; bottom: -7%;}
.hit-the-spot .three-theme-icon {position: absolute; top: -53%; right: 0px; filter: drop-shadow(21.047px 84.416px 50.5px rgba(0,0,0,0.25));} 
.hit-the-spot .four-theme-icon {position: absolute; right: 35%; top: -37%; }
.hit-the-spot .five-theme-icon {position: absolute; left: 1px; top: 13%; z-index: 3; }
.hit-the-spot .six-theme-icon { position: absolute; right: -2%; top: 10%; filter: drop-shadow(21.047px 84.416px 50.5px rgba(0,0,0,0.35));}
.hit-the-spot .htw-process-theme::after{display: none;}
.hit-the-spot .art-icon { position: absolute; left: 0; top: -22px; }
.hit-the-spot .art-icon img{ max-width: 97%;}

.hit-the-spot .about-us-sec{margin-top: -94px; z-index: 2; position: relative;  background-color: #2a3e51; filter: drop-shadow(0px -25px 64px rgba(253,193,19,0.65)); border-top-left-radius: 50px; border-top-right-radius: 50px;}
.hit-the-spot .sec-head-title{font-size: 49px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; text-align: center; font-family: var(--font-base);} 
.hit-the-spot .about-us-text{text-transform: uppercase; font-size: 38px; color: var(--clr-action-alt); font-weight: bold; text-align: center; font-family: var(--font-base); padding: 50px 200px 0 200px; letter-spacing: 1px;}
.hit-the-spot .about-us-text-block{padding: 0;}
.hit-the-spot .about-btn-title{text-transform: uppercase; position: absolute; font-size: 38px; font-weight: 600; letter-spacing: 1px;color: var(--clr-action-alt); text-align: center; font-family: var(--font-base);}
.hit-the-spot .faq-btn-title{position: absolute; font-size: 38px; font-weight: 600; letter-spacing: 1px; color: #fff; font-family: var(--font-base); text-transform: uppercase;}

.hit-the-spot .how-to-work-sec{overflow: hidden;}
.hit-the-spot .how-to-work-process-sec-five { position: relative;}
.hit-the-spot .how-to-work-process-sec-six{margin-top: -70px; position: relative;}
.hit-the-spot .how-to-work-process-sec-eight{margin: -45px 0;}
.hit-the-spot .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0px;}
.hit-the-spot .sec-head-bg{position: relative; max-width: 62%;}
.hit-the-spot .sec-head-bg::after{ opacity: 0.55; height: 9px; bottom: -1px; left: 58px; right: -80px; width: calc(85% + -29px); z-index: -1; position: absolute; filter: blur(5px); background: rgb(0 0 0); content: ""; border-radius: 100%;}

.hit-the-spot .about-head-bg{max-width: 62%; position: relative;}
.hit-the-spot .about-head-bg::after{ opacity: 0.55; height: 9px; bottom: -1px; left: 58px; right: -80px; width: calc(85% + -29px); z-index: -1; position: absolute; filter: blur(5px); background: rgb(0 0 0); content: ""; border-radius: 100%;}
.hit-the-spot .faq-head-bg{max-width: 35%; position: relative;}
.hit-the-spot .faq-head-bg::after{ opacity: 0.55; height: 9px; bottom: -1px; left: 58px; right: -80px; width: calc(85% + -29px); z-index: -1; position: absolute; filter: blur(5px); background: rgb(0 0 0); content: ""; border-radius: 100%;}
.hit-the-spot .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center; z-index: 2;}
.hit-the-spot .htw-process-theme{position: relative;}
.hit-the-spot .htw-process-theme-alt{filter: drop-shadow(0px 37px 31px rgba(0,0,0,0.35));}
.hit-the-spot .about-work-title{ position: absolute; color: var(--clr-action-alt); font-size: 50px; font-family: var(--font-base); font-weight: bold;letter-spacing: 2px; margin-bottom: 20px;}
.hit-the-spot .htw-work-title{ position: absolute; color: var(--clr-action-alt); font-size: 50px; font-family: var(--font-base); font-weight: bold;letter-spacing: 2px; margin-bottom: 18px;}
.hit-the-spot .expectaion-title{ position: absolute; color: var(--clr-action-alt); font-size: 50px; font-family: var(--font-base); font-weight: bold;letter-spacing: 2px; margin-bottom: 18px;}
.hit-the-spot .faq-title{ position: absolute; color: var(--clr-action-alt); font-size: 50px; font-family: var(--font-base); font-weight: bold;letter-spacing: 2px; margin-bottom: 12px;}
.hit-the-spot .htw-process-card-cont{float: left; width: 100%; position: relative; background: none;}
.hit-the-spot .htw-process-card-cont-two{float: left; width: 100%; margin: 36% 0 0 30%; position: relative;}
.hit-the-spot .htw-process-card-cont-three{float: left; width: 100%; margin-top: 20%;position: relative;}
.hit-the-spot .htw-process-card-title-bar{display: flex; justify-content: center; align-items: center; clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%); background: #2196f3; height: 91px; width: 95%;}
.hit-the-spot .htw-process-card-title-bar-alt{display: flex; align-items: center; clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%); background: #2196f3; height: 100px; width: 71%;}
.hit-the-spot .htw-process-card-title{font-size: 50px; font-family: var(--font-base); text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
.hit-the-spot .htw-process-card-title-alt{font-size: 50px; padding-left: 22%; color: var(--clr-action-alt); font-family: var(--font-base); text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
.hit-the-spot .one-right-icon { position: absolute; z-index: 1; top: -5%; left: 10px;}
.hit-the-spot .right-icon-tilt{position: absolute; right: 30px;}
.hit-the-spot .left-icon-tilt{position: absolute; left: 6px;}
.hit-the-spot .one-left-icon {position: absolute; z-index: 1; top: -3%; right: 31.5%;}
.hit-the-spot .htw-process-card-body{position: relative; z-index: 1; padding: 0; margin: 27% 0 0 -0.8%; width: 85%;}   
.hit-the-spot .htw-process-card-body-two{position: relative; z-index: 1; padding: 0; margin: 0;}   
.hit-the-spot .missing-the-goal-body{position: relative; z-index: 1; padding: 0; margin: 0;}   
.hit-the-spot .htw-process-card-body-three{position: relative; z-index: 1; padding: 0; margin-top: 50px;}   
.hit-the-spot .wind-arrow-body{position: relative; z-index: 1; padding: 0; margin: 0;}   
.hit-the-spot .htw-process-card-outer{background: none; border-radius: none;}
.hit-the-spot .htw-process-card-list{padding-left: 0; margin-top: 0;}
.hit-the-spot .htw-process-card-list-alt{padding-left: 55px; margin-top: 5px;}
.hit-the-spot .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.hit-the-spot .htw-process-card-list .htw-process-card-list-item{color: #000000; padding: 35px 0 0 60px; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; font-family: var(--font-base);}
.hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{color: #000000; padding: 40px 200px 0 110px; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; font-family: var(--font-base);}
.hit-the-spot .htw-process-wrap{margin: 55px 0; position: relative;}
.hit-the-spot .htw-process-wrap-one{margin-top: 90px;}
.hit-the-spot .htw-process-wrap-alt{display: flex; justify-content: center; gap: 137px; margin: 25px 0 100px 0;}
.hit-the-spot .htw-process-wrap-four{display: flex; justify-content: center; gap: 50px; margin-top: 40px;}
.hit-the-spot .htw-process-wrap-six{display: flex; justify-content: center; gap: 50px;}
.hit-the-spot .htw-process-earn-points{ margin: 14px 0 65px 0;}
.hit-the-spot .htw-process-wrap .col-left{position: relative; max-width: 55%; margin: 0; filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.30));}
.hit-the-spot .htw-process-wrap .col-left-alt{position: relative; max-width: 45%; margin: 0; padding: 0; filter: none;}
.hit-the-spot .htw-process-wrap .col-right{position: relative; padding-left: 0;}
.hit-the-spot .htw-process-wrap .col-right-alt{position: relative; max-width: 45%;}
.hit-the-spot .htw-process-wrap-outer{text-align: center;}
.hit-the-spot .htw-process-wrap-title{font-size: 50px; letter-spacing: 2px; text-transform: uppercase; color: #2196f3; font-weight: bold; font-family: var(--font-base);}
.hit-the-spot .htw-process-wrap-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding-top: 10px;}
.hit-the-spot .exhausting-wrap-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding-top: 10px;}
.hit-the-spot .htw-process-wrap-text-alt{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding: 0 150px 120px 50px;}
.hit-the-spot .missing-the-goal-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding: 0 150px 120px 50px;}

.hit-the-spot .htw-power-card-left {padding-left: 150px;}
.hit-the-spot .htw-power-card-right {padding-right: 150px;}
.hit-the-spot .htw-power-card-cont{background: transparent; padding: 0;}
.hit-the-spot .htw-power-card-title{font-size: 74px; font-family: var(--font-base); color: #ffd100; font-weight: bold;}
.hit-the-spot .htw-power-card-list .htw-power-card-list-item{color: #fff;font-size: 56px; font-weight: bold;}
.hit-the-spot .htw-power-wrap{margin: 60px 0; padding: 0;}
.hit-the-spot .htw-show-hide{display:none;}
.hit-the-spot .htw-hide-show{display:block;}

.hit-the-spot .challenges-sec.block { margin-top: -280px; }
.hit-the-spot .challenges-sec-outer{background: linear-gradient(0deg, rgba(0, 82, 206, 1) 0%, rgba(1, 30, 74, 1) 100%); padding: 5px;}
.hit-the-spot .challenges-cont{background: linear-gradient(0deg, rgba(98, 245, 255, 1) 0%, rgba(49, 216, 255, 1) 100%);}
.hit-the-spot .challenges-title-bar{margin: 70px 0 50px 0;}
.hit-the-spot .challenges-title{font-size: 66px; text-transform: uppercase; color: #ffffff; font-weight: bold; font-family: var(--font-base); text-align: center;}
.hit-the-spot .challenges-text{padding: 70px 70px 0 70px; font-size: 42px; letter-spacing: 1px; color: #235ba6; text-transform: uppercase; font-weight: bold;  text-align: center;  font-family: var(--font-base); }
.hit-the-spot .challenges-btn-title{position: absolute; font-size: 33px; font-weight: 600; letter-spacing: 1px; line-height: 50px; color: var(--clr-action-alt); margin-left: -50%; font-family: var(--font-base); color: #2196f3;}
.hit-the-spot .challenges-icon-one{position: absolute; left: 0; top: -5.5%;}
.hit-the-spot .challenges-icon-two{position: absolute; right: 4.1%; bottom: 32%; filter: drop-shadow(21.047px 84.416px 50.5px rgba(0,0,0,0.35));}
.hit-the-spot .challenges-theme-icon{position: absolute; bottom: -4%;}

/* Game Expectation CSS Start */
.hit-the-spot-expectation-sec .sec-head-outer{ height: 0;}
.hit-the-spot .game-expectation-sec{position: relative;}
.hit-the-spot .game-expectation-sec-outer{padding: 0; background-image: linear-gradient(0deg, #2963b6 0%, #03274b 100%); height: 1120px;}
.hit-the-spot .game-expectation-list{gap:0px 63px; margin: 0px 0 128px 0;}
.hit-the-spot .game-expectation-item{max-width:calc((100% / 3) - 43px);}
.hit-the-spot .game-expectation-card-body{border-radius: 0; border: 5px solid #ffff; filter: drop-shadow(0px 7px 7px rgba(0,0,0,0.4)); background-image: linear-gradient(0deg, #fde359 0%, #fde359 34%, #fb9f17 100%); box-shadow: none;}
.hit-the-spot .game-expect-icon-block{top: -145px;  margin-bottom: -143px;}
.hit-the-spot .game-expect-card-fig{display:flex; align-items:center; justify-content:center; padding: 0; max-width: 100%;}
.hit-the-spot .game-expect-card-fig img{width:auto;}
.hit-the-spot .game-expect-card-title{color: #733a00;font-size:46px; letter-spacing: 1px; font-weight: bold; text-align: left; text-transform: uppercase; font-family: var(--font-base); margin-bottom: 0;}
.hit-the-spot .game-expect-details-item:before{width:auto; height:auto; display: none;}
.hit-the-spot .game-expect-details-item{letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-size:28px; font-family: var(--font-base); margin-bottom: 0; padding: 30px 0 0 0;}
.hit-the-spot .game-start-card .htw-process-card-text-heading{font-size: 52px;}
.hit-the-spot .game-start-card .htw-process-card-text-level{font-size: 62px;}
.hit-the-spot .game-start-card .htw-game-over-text{padding-left: 0; margin-left: -35px;}
.hit-the-spot .btn-bg img{filter: none;}
.hit-the-spot .btn-bar .btn-end{ padding: 50px 0 175px 0;}
.hit-the-spot .game-expectation-card .word-label{display:inline-block;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.hit-the-spot .expectations-sec-head{margin-top: 0; margin-bottom: 0;}
.hit-the-spot .game-expectation-card{width: auto; border-radius: 35px; }
.hit-the-spot .game-expectation-title{position: absolute; color: #8c0817; font-family: var(--font-base); font-weight: bold; line-height: 40px; font-size: 74px;}
.hit-the-spot-summary-sec .game-summary-sec-outer{background:#ffc000; padding:0px;}
.hit-the-spot-summary-sec .game-summary-text{max-width:100%; padding:0px 40px; font-weight:800; color: #201e48;}
.hit-the-spot-summary-sec .game-summary-btn-bar{padding-top:0px;}
.hit-the-spot-summary-sec .game-summary-btn-bar:before{display:none;}
.hit-the-spot-summary-sec .game-summary-cont-outer{float:left; width:100%; padding:50px 0 50px 0; position:relative;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.hit-the-spot .game-expectation-card-outer{padding: 0; border-radius: 0;} 
.hit-the-spot-faq-sec .sec-head-outer{max-width:58%; margin-top: 7px;}
.hit-the-spot .faq-sec-head{margin-bottom:0; margin-top: -67px;}
.hit-the-spot .faq-sec-outer{padding:0; background: none; margin-top: 110px;}
.hit-the-spot .faq-block{margin: 100px 0 105px 0;}
.hit-the-spot .accordion{counter-reset: li;}
.hit-the-spot .accordion-item{margin-bottom: 15px; position: relative;}
.hit-the-spot .accordion-item::before { content: '0' counter(li); counter-increment: li; z-index: 2; position: absolute; pointer-events: none; background: #fdbb11; width: 120px; min-height: 94px; font-size: 46px; font-weight: bold; font-family: var(--font-base); color: #235ba6; letter-spacing: 1px; left: 0; top: 0; margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.hit-the-spot .accordion-head{padding:0 0 0 119px; border:none; background: #fdbb11; margin-bottom: 1px;}
.hit-the-spot .accordion-card{padding: 0; border:none;}
.hit-the-spot .accordion-head-outer{ box-shadow: none; background: none; border-radius: 0; min-height: 94px; background: #235ba6; margin: 0 0 7px 0px; padding: 0;}
.hit-the-spot .accordion-head-outer .accordion-icon{margin-right: 20px;}
.hit-the-spot .accordion-head-outer .accordion-icon .icon{text-shadow: none; font-size: 32px;}
.hit-the-spot .accordion-title{padding-left: 15px; font-size: 46px; font-weight: bold; font-family: var(--font-base); color: #235ba6; letter-spacing: 1px; color: var(--clr-action-alt); text-transform: uppercase;}

.hit-the-spot .question-label{ background: #fdbb11; width: 120px; min-height: 120px; font-size: 46px; font-weight: bold; font-family: var(--font-base); color: #235ba6; letter-spacing: 1px; margin-right: 0; display: flex; justify-content: center; align-items: center;}
.hit-the-spot .is-open .accordion-title .question-label{color: #42137b; font-size: 44px; margin-right: 10px;}
.hit-the-spot .is-open .accordion-card{border: none; background: none;}
.hit-the-spot .is-open .accordion-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: 650; font-family: var(--font-base);}
.hit-the-spot .accordion-body{background: #fd9c11;  float: right; padding-right:10px;}
.hit-the-spot .accordion-cont-bar{padding: 20px 0 20px 100px; min-height: 90px;}
.hit-the-spot .accordion-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base);}
.hit-the-spot .is-open .accordion-icon .icon{transform:inherit; width: auto; }
.hit-the-spot .btn-bar .play-btn-faq{padding: 0; max-width: 60%;}

/*FAQ CSS End */
.hit-the-spot .footer{height: 100px; background-color: #235ba6;}
.hit-the-spot .copyright-text{font-size: 20px; line-height: 41px; color: #ffffff; font-weight: 400; font-family: var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .hit-the-spot .video-frame::after{height: 34px; left: -139px; width: calc(100% + 250px);}
  .hit-the-spot .game-logo-fig{max-width: 72%; margin-top: -14px;}
  .hit-the-spot .video-block{margin-top: -8.8%; max-width: 63%; margin-right: -7.5%;}
  .hit-the-spot .faq-head-bg::after{height: 8px; width: calc(81% + -29px);}
  .hit-the-spot .about-us-sec{margin-top: -86px ;}
  .hit-the-spot .about-head-bg{max-width: 57%;}
  .hit-the-spot .faq-head-bg {max-width: 35%;}
  .hit-the-spot .about-work-title{font-size: 36px;}
  .hit-the-spot .about-us-text{padding: 30px 180px 0 180px; font-size: 24px;}
  .hit-the-spot .one-theme-icon img{max-width: 60%;}
  .hit-the-spot .one-theme-icon{bottom: -2%; right: -15%;}
  .hit-the-spot .two-theme-icon img{max-width: 68%;}
  .hit-the-spot .two-theme-icon {right: 6%; bottom: -6%; }
  .hit-the-spot .about-btn-title{font-size: 24px;}
  .hit-the-spot .faq-btn-title{font-size: 24px;}
  .hit-the-spot .btn-bar .base-btn{height: 63px; margin: 40px 0 50px 0; max-width: 25%;}
  .hit-the-spot .btn-bar .faq-btn{height: 63px; margin: 30px 0 40px 0; max-width: 25%;}
  .hit-the-spot .sec-head-bg{max-width: 40%;} 
  .hit-the-spot .sec-head-bg-expectation{max-width: 60%;}
  .hit-the-spot .htw-work-title{font-size: 40px;}
  .hit-the-spot .expectaion-title{font-size: 40px;}

  .hit-the-spot .faq-title{font-size: 40px;}
  .hit-the-spot .htw-process-card-title{font-size: 40px;}
  .hit-the-spot .htw-process-card-title-alt{font-size: 40px; padding-left: 27%;}
  .hit-the-spot .one-right-icon img{max-width: 80%;}
  .hit-the-spot .one-left-icon img{max-width: 80%;}
  .hit-the-spot .one-left-icon{right: 55px;}
  .hit-the-spot .left-icon-tilt { left: -4px; }
  .hit-the-spot .right-icon-tilt { right: -4px; }
  .hit-the-spot .htw-process-card-title-bar{height: 76px; clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%); width: 100%;}
  .hit-the-spot .htw-process-card-title-bar-alt{height: 76px; width: 85%;}
  .hit-the-spot .htw-process-card-body{margin: 33% 0 0 -1.1%; width: 100%;}

  .hit-the-spot .how-to-work-process-sec-eight{margin: -40px 0 0 0;}
  .hit-the-spot .wind-arrow-body{margin: 12% 0 0 -1.1%;}
  .hit-the-spot .missing-the-goal-body{margin: 12% 0 0 -1.1%; }
  .hit-the-spot .missing-the-goal-text{ padding: 0 120px 120px 50px; font-size: 21px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item{font-size: 21px; padding: 20px 80px 0 50px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{font-size: 21px; padding: 20px 80px 0 110px;}
  .hit-the-spot .htw-process-card-cont-two{margin: 36% 0 0 16.3%;}
  .hit-the-spot .htw-process-wrap-title{font-size: 40px;}
  .hit-the-spot .htw-process-wrap-text{font-size: 21px; padding-right: 25px;}
  .hit-the-spot .exhausting-wrap-text{font-size: 21px; padding-right: 25px;}
  .hit-the-spot .htw-process-wrap-text-alt{font-size: 21px;}
  .hit-the-spot .htw-process-wrap{padding: 0 50px;}
  .hit-the-spot .htw-process-wrap-one{margin-top: 70px;}
  .hit-the-spot .htw-process-wrap-alt{margin-bottom: 0; gap: 108px;}
  .hit-the-spot .htw-process-earn-points { margin: 70px 0 35px 0; }
  .hit-the-spot .htw-process-wrap .col-left{max-width: 59%;}
  .hit-the-spot .htw-process-wrap .col-left-alt{max-width: 45%;}
  .hit-the-spot .three-theme-icon img{max-width: 65%;}
  .hit-the-spot .three-theme-icon{right: -19%; top: -47%;}
  .hit-the-spot .four-theme-icon img{max-width: 65%;}
  .hit-the-spot .four-theme-icon {right: 19%; top: -33%; }
  .hit-the-spot .five-theme-icon img{max-width: 57%;}
  .hit-the-spot .five-theme-icon {top: 31%;}
  .hit-the-spot .art-icon img{max-width: 65%;}
  .hit-the-spot .art-icon {left: 7%; top: 2%; }
  .hit-the-spot .htw-process-wrap-two{margin-top: 10px;}
  .hit-the-spot .six-theme-icon img{max-width: 75%;}
  .hit-the-spot .six-theme-icon{right: -3%; top: 0;}
  .hit-the-spot .star-icon-one img{max-width: 70%;}
  .hit-the-spot .game-expectation-list{gap: 0 50px;}
  .hit-the-spot .game-expectation-sec-outer{height: 900px;}
  .hit-the-spot .challenges-sec.block{margin-top: -225px; padding: 0 100px;}
  .hit-the-spot .challenges-text{font-size: 28px; padding:70px 50px 0 50px;}
  .hit-the-spot .game-expect-card-title{font-size: 34px;}
  .hit-the-spot .game-expect-details-item{font-size: 21px;}
  .hit-the-spot .game-expect-icon-block{margin: 0 0 -120px 0; top: -125px;}
  .hit-the-spot .challenges-icon-two img{max-width: 70%;}
  .hit-the-spot .challenges-icon-two { right: -3.1%; bottom: 31%; }
  .hit-the-spot .faq-sec-outer{margin-top: 80px;}
  .hit-the-spot .accordion-item { margin-bottom: 14px; }
  .hit-the-spot .accordion-head { padding: 0 0 0 100px;}
  .hit-the-spot .accordion-head-outer{min-height: 87px;}
  .hit-the-spot .accordion-item::before{min-height: 87px; font-size: 32px; width: 100px;}
  .hit-the-spot .accordion-cont-bar{min-height: 77px; padding: 20px 0 20px 75px;}
  .hit-the-spot .accordion-title{font-size: 27px;}
  .hit-the-spot .accordion-text{font-size: 24px;}
  .hit-the-spot .is-open .accordion-text{font-size: 24px;}
  .hit-the-spot .accordion-head-outer .accordion-icon .icon{font-size: 27px;}
  .hit-the-spot .faq-block{margin: 70px 0 70px 0; padding: 0 20px;}
  .hit-the-spot .footer{height: 80px;}
  .hit-the-spot .copyright-text{font-size: 19px;}
}

@media(max-width:1280px) {
  .hit-the-spot .about-us-sec{margin-top: -81px;}
  .hit-the-spot .sec-head-bg::after{height: 6px; width: calc(81% + -29px);}
  .hit-the-spot .video-block{max-width: 61%;}
  .hit-the-spot .about-head-bg { max-width: 51.5%; }
  .hit-the-spot .about-work-title{font-size: 27px; margin-bottom: 12px;}
  .hit-the-spot .htw-work-title{font-size: 30px; margin-bottom: 14px;}
  .hit-the-spot .expectaion-title{font-size: 30px; margin-bottom: 14px}
  .hit-the-spot .faq-title{font-size: 34px; margin-bottom: 10px}
  .hit-the-spot .about-us-text{font-size: 19px;}
  .hit-the-spot .htw-process-wrap-one { margin-top: 60px; }
  .hit-the-spot .one-theme-icon { bottom: -2%; right: -24%; }
  .hit-the-spot .one-theme-icon img{max-width: 50%;}
  .hit-the-spot .two-theme-icon img{max-width: 55%;}
  .hit-the-spot .two-theme-icon { right: 3%; bottom: -6%; } 
  .hit-the-spot .btn-bar .base-btn {height: 56px; margin: 30px 0 40px 0; max-width: 23%;}
  .hit-the-spot .about-btn-title{font-size: 21px;}
  .hit-the-spot .faq-btn-title{font-size: 21px;}
  .hit-the-spot .sec-head-bg { max-width: 37%; }
  .hit-the-spot .htw-process-card-title-bar{height: 65px;}
  .hit-the-spot .htw-process-card-title-bar-alt{height: 64px;}
  .hit-the-spot .htw-process-card-title{font-size: 30px;}
  .hit-the-spot .htw-process-card-title-alt{font-size: 30px;}
  .hit-the-spot .how-to-work-process-sec-eight{margin: -45px 0 0 0;}
  .hit-the-spot .one-right-icon img{max-width: 70%;}
  .hit-the-spot .one-right-icon{left: 5px;}
  .hit-the-spot .one-left-icon img{max-width: 70%;}
  .hit-the-spot .one-left-icon { right: 30px; top: -6%;}
  .hit-the-spot .right-icon-tilt{right: -12px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item{font-size: 16px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{font-size: 16px; padding: 20px 80px 0 90px;}
  .hit-the-spot .left-icon-tilt{left: -10px;}
  .hit-the-spot .htw-process-wrap-title{font-size: 30px;}
  .hit-the-spot .htw-process-wrap-text{font-size: 18px;}
  .hit-the-spot .exhausting-wrap-text{font-size: 18px;}
  .hit-the-spot .htw-process-wrap-text-alt{font-size: 18px;}
  .hit-the-spot .missing-the-goal-text{font-size: 18px; padding: 0 80px 120px 50px;}
  .hit-the-spot .htw-process-wrap-alt{gap: 85px;}
  .hit-the-spot .htw-process-earn-points { margin: 60px 0 25px 0; }
  .hit-the-spot .htw-process-wrap-six{margin-top: 25px;}
  .hit-the-spot .three-theme-icon img{max-width: 52%;}
  .hit-the-spot .three-theme-icon { right: -36.1%; top: -43%;}
  .hit-the-spot .four-theme-icon img { max-width: 55%; }
  .hit-the-spot .four-theme-icon { right: 7%; top: -32%; }
  .hit-the-spot .five-theme-icon img { max-width: 45%; }
  .hit-the-spot .five-theme-icon { top: 33%; left: -2%; }
  .hit-the-spot .art-icon img { max-width: 55%; }
  .hit-the-spot .htw-process-wrap-two{margin: 0 0 30px 0;}
  .hit-the-spot .six-theme-icon img{max-width: 60%;}
  .hit-the-spot .six-theme-icon { right: -3%; top: 0; }
  .hit-the-spot .challenges-icon-one  img { max-width: 60%; }
  .hit-the-spot .challenges-icon-one  { top: -4.5%; }
  .hit-the-spot .game-expect-card-title{font-size: 27px;}
  .hit-the-spot .game-expect-details-item{font-size: 17px;}
  .hit-the-spot .game-expectation-card-body{padding-bottom: 7px;}
  .hit-the-spot .game-expectation-list .owl-stage{padding-bottom: 25px;}
  .hit-the-spot .game-expectation-sec-outer { height: 645px; }
  .hit-the-spot .challenges-sec.block { margin-top: -144px;}
  .hit-the-spot .challenges-icon-two img{max-width: 65%;}
  .hit-the-spot .challenges-icon-two { right: -4.3%; bottom: 29%;}
  .hit-the-spot .challenges-text {font-size: 21px; padding: 40px 50px 0 50px;}
  .hit-the-spot .faq-sec-outer { margin-top: 50px; }
  .hit-the-spot .faq-block{margin: 60px 0; padding: 0 50px;}
  .hit-the-spot .accordion-item { margin-bottom: 13px; }
  .hit-the-spot .accordion-head-outer { min-height: 74px; }
  .hit-the-spot .accordion-item::before{min-height: 74px; width: 90px; font-size: 28px;}
  .hit-the-spot .accordion-head { padding: 0 0 0 90px; }
  .hit-the-spot .accordion-title{font-size: 23px;}
  .hit-the-spot .accordion-head-outer .accordion-icon .icon{font-size: 23px;}
  .hit-the-spot .accordion-text{font-size: 19px;}
  .hit-the-spot .is-open .accordion-text{font-size: 19px;}
  .hit-the-spot .accordion-cont-bar { padding: 20px 0 20px 60px; min-height: 70px; }
  .hit-the-spot .faq-head-bg { max-width: 35%; }
  .hit-the-spot .footer{height: 70px; }
  .hit-the-spot .copyright-text{font-size: 18px; line-height: 30px; }
}

@media(max-width:1023px) {
  .hit-the-spot .sec-head-bg::after{height: 10px; width: calc(81% + -29px); bottom: 2px; left: 40px;}
  .hit-the-spot .faq-head-bg::after{bottom: 2px; left: 45px;}
  .hit-the-spot .video-block{max-width: 65%;}
  .hit-the-spot .about-us-sec { margin-top: -76px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
  .hit-the-spot .about-head-bg { max-width: 55%; }
  .hit-the-spot .about-work-title{font-size: 21px;}
  .hit-the-spot .about-us-text{font-size: 15px; padding: 20px 144px 0 144px;}
  .hit-the-spot .one-theme-icon img {max-width: 35%; }
  .hit-the-spot .one-theme-icon {bottom: 13%; right: -42%; }
  .hit-the-spot .htw-process-wrap{margin: 30px 0;}
  .hit-the-spot .htw-process-wrap-alt{gap: 63px; margin: 15px 0;}
  .hit-the-spot .htw-process-wrap-one { margin-top: 50px; }
  .hit-the-spot .htw-process-theme-alt{ filter: drop-shadow(0px 21px 31px rgba(0, 0, 0, 0.35));}
  .hit-the-spot .htw-process-wrap-two{margin: 0 0 15px 0;}
  .hit-the-spot .htw-process-wrap-outer{padding-top: 0;}
  .hit-the-spot .htw-process-wrap-six{margin-top:40px ;}
  .hit-the-spot .two-theme-icon img {max-width: 40%; }
  .hit-the-spot .two-theme-icon { right: -7%; top: 54.5%; }
  .hit-the-spot .btn-bar .base-btn{ height: 48px; max-width: 25%; margin: 20px 0 30px 0;}
  .hit-the-spot .about-btn-title { font-size: 18px;}
  .hit-the-spot .faq-btn-title { font-size: 18px;}
  .hit-the-spot .htw-work-title { font-size: 24px;}
  .hit-the-spot .expectaion-title{font-size: 24px;}
  .hit-the-spot .faq-title{font-size: 24px;}
  .hit-the-spot .htw-process-card-title-bar{height: 54px; clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);}
  .hit-the-spot .htw-process-card-title-bar-alt{height: 52px; width: 100%; clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);}
  .hit-the-spot .htw-process-card-cont-two { margin: 36% 0 0 1.3%; }
  .hit-the-spot .htw-process-card-title{font-size: 24px;}
  .hit-the-spot .htw-process-card-title-alt{font-size: 24px;}
  .hit-the-spot .one-right-icon img{max-width: 50%;}
  .hit-the-spot .one-right-icon{margin-top: 5px; left: 2px; top: -7%;}
  .hit-the-spot .one-left-icon img{max-width: 50%;}
  .hit-the-spot .one-left-icon { right: -19%; top: -1px; }
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item{ font-size: 14px; padding: 10px 0px 0 20px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{ font-size: 14px; padding: 10px 35px 0 60px;}
  .hit-the-spot .right-icon-tilt { right: -55px; }
  .hit-the-spot .right-icon-tilt img{max-width: 55%;}
  .hit-the-spot .left-icon-tilt { left: 4px; }
  .hit-the-spot .left-icon-tilt img{ max-width: 55%; }
  .hit-the-spot .htw-process-wrap-title{font-size: 24px;}
  .hit-the-spot .htw-process-wrap-text{font-size: 16px;}
  .hit-the-spot .exhausting-wrap-text{font-size: 16px;}
  .hit-the-spot .htw-process-wrap-text-alt{padding: 0 0 0 20px;}
  .hit-the-spot .htw-process-earn-points{margin: 25px 0 15px 0;}
  .hit-the-spot .three-theme-icon img { max-width: 40%; }
  .hit-the-spot .three-theme-icon { right: -57.5%; top: -46%;}
  .hit-the-spot .four-theme-icon img { max-width: 41%; }
  .hit-the-spot .four-theme-icon { right: -12%; }
  .hit-the-spot .how-to-work-process-sec-six{margin-top: -55px;}
  .hit-the-spot .five-theme-icon img { max-width: 35%; }
  .hit-the-spot .art-icon img { max-width: 40%; }
  .hit-the-spot .art-icon { left: 7%; top: 1%; }
  .hit-the-spot .how-to-work-process-sec-eight{margin: -20px 0 0 0;}
  .hit-the-spot .six-theme-icon { right: -10%; top: 15%; }
  .hit-the-spot .six-theme-icon img { max-width: 48%; }
  .hit-the-spot .word-label-alt{display: inline;}
  .hit-the-spot .missing-the-goal-text{padding: 0 0 0 20px;}
  .hit-the-spot .challenges-icon-one  img { max-width: 50%; }
  .hit-the-spot .challenges-icon-one { top: -4%;}
  .hit-the-spot .game-expect-card-title { font-size: 24px; }
  .hit-the-spot .game-expect-details-item{font-size: 15px;}
  .hit-the-spot .game-expectation-item{max-width: calc((100% / 2) - 80px); margin-top: 70px;}
  .hit-the-spot .game-expectation-list {margin: -15px 0 65px 0; } 
  .hit-the-spot .game-expectation-sec-outer { height: 960px; }
  .hit-the-spot .challenges-sec.block { padding: 0 60px; margin-top: -110px;}
  .hit-the-spot .challenges-text {font-size: 17px; padding: 20px 30px 0 30px;}
  .hit-the-spot .challenges-icon-two img { max-width: 48%; }
  .hit-the-spot .challenges-icon-two  { right: -12.5%; bottom: 18.5%; }
  .hit-the-spot .faq-sec-outer { margin-top: 30px; }
  .hit-the-spot .faq-block{margin: 30px 0 40px 0; padding: 0;}
  .hit-the-spot .accordion-title{font-size: 19px;}
  .hit-the-spot .game-expectation-card-outer{margin-top: 40px; background: transparent;}
  .hit-the-spot .accordion-item::before {min-height: 65px; width: 53px; font-size: 24px; left: 8%; }
  .hit-the-spot .accordion-head { padding: 0 0 0 53px; }
  .hit-the-spot .accordion-item { margin-bottom: 12px; }
  .hit-the-spot .accordion-head-outer .accordion-icon .icon{font-size: 19px;}
  .hit-the-spot .accordion-head-outer{margin-bottom: 4px; min-height: 65px;}
  .hit-the-spot .accordion-cont-bar{padding-left: 35px; min-height: 64px;}
  .hit-the-spot .is-open .accordion-text{font-size: 16px;}
  .hit-the-spot .accordion-text{font-size: 16px;}
  .hit-the-spot .accordion-item{padding: 0 60px;}
  .hit-the-spot .footer{height: 60px; }
  .hit-the-spot .copyright-text{font-size: 17px;}
}

@media(max-width:767px) {
  .hit-the-spot .htw-launch-card .word-label{display: grid;}
  .hit-the-spot .banner-sec{background:var(--banner-bg-mob) no-repeat center; background-size:100% 120%; padding-bottom: 0;}
  .hit-the-spot .sec-head-bg { max-width: 72%; }
  .hit-the-spot .game-logo-fig{max-width: 100%; margin-top: 0;}
  .hit-the-spot .video-block{max-width: 87%; margin-right: -10%;}
  .hit-the-spot .about-head-bg { max-width: 83%; }
  .hit-the-spot .about-work-title { font-size: 16px; letter-spacing: 1px;}
  .hit-the-spot .about-us-sec{margin-top: -12px; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 3; filter: drop-shadow(0px -25px 70px rgba(253, 193, 19,));}
  .hit-the-spot .sec-head-outer{z-index: 3;}
  .hit-the-spot .one-theme-icon {display: none;}
  .hit-the-spot .two-theme-icon {display: none;}
  .hit-the-spot .about-us-text{font-size: 18px; padding: 18px 10px 10px 10px; z-index: 1; }
  .hit-the-spot .btn-bar .base-btn{max-width: 57%; padding: 0; height: 39px; margin: 15px 0 36px 0;}
  .hit-the-spot .btn-bar .faq-btn{max-width: 57%; padding: 0; height: 39px; margin: 25px 0 36px 0;}
  .hit-the-spot .about-btn-title{font-size: 18px;}
  .hit-the-spot .htw-work-title{font-size: 18px; margin-bottom: 9px; letter-spacing: 1px;}
  .hit-the-spot .htw-process-wrap .col-left{max-width: 95%; padding: 0;}
  .hit-the-spot .htw-process-wrap .col-right{padding: 0;} 
  .hit-the-spot .htw-process-wrap .col-left-alt{max-width: 80%;}
  .hit-the-spot .htw-process-wrap .col-right-alt{max-width: 80%;}
  .hit-the-spot .faq-btn-title{font-size: 18px;}
  .hit-the-spot .htw-process-card-title{font-size: 19px;}
  .hit-the-spot .htw-process-card-title-alt{font-size: 19px;}
  .hit-the-spot .htw-process-card-title-bar{height: 48px; clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); justify-content: start; padding-left: 75px;}
  .hit-the-spot .htw-process-card-title-bar-alt{height: 48px; clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);}
  .hit-the-spot .htw-process-card-body{padding: 0 5px 0 44px; margin-top: 20px;}
  .hit-the-spot .one-right-icon{display: block; left: 13.2%;}
  .hit-the-spot .right-icon-tilt { right: -18px; }
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item{font-size: 15px; text-align: center; padding: 15px 21px 0 0;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{font-size: 15px; text-align: center; padding: 15px 1px 0 23px;;}
  .hit-the-spot .htw-process-wrap-title{font-size: 19px; letter-spacing: 1px;}
  .hit-the-spot .htw-process-wrap-text{padding: 0 27px;font-size: 16px; letter-spacing: 0;}
  .hit-the-spot .exhausting-wrap-text{padding: 10px 20px 0 20px; font-size: 16px; letter-spacing: 0;}
  .hit-the-spot .htw-process-wrap-text-alt{padding: 10px 0 0; font-size: 16px;}
  .hit-the-spot .htw-process-theme-alt { filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.35)); }
  .hit-the-spot .htw-process-wrap-alt{gap: 12px;}
  .hit-the-spot .htw-process-wrap-outer-alt{text-align: center;}
  .hit-the-spot .five-theme-icon{display: none;}
  .hit-the-spot .six-theme-icon{display: none;}
  .hit-the-spot .htw-process-wrap{padding: 0 ; margin: 15px 0;}
  .hit-the-spot .how-to-work-process-sec-two{margin: -25px 0 10px 0;}
  .hit-the-spot .htw-process-wrap-one{margin-top: 30px;}
  .hit-the-spot .htw-process-earn-points{margin: 20px 0 0 0;}
  .hit-the-spot .htw-process-wrap-four{gap: 10px;}
  .hit-the-spot .htw-process-wrap-six{gap: 10px;}
  .hit-the-spot .how-to-work-process-sec-six{margin: -19px 0 10px 0;}
  .hit-the-spot .how-to-work-process-sec-eight{margin: 5px 0 0 0 ;}
  .hit-the-spot .how-to-work-sec{margin-bottom:20px;}
  .hit-the-spot .art-icon{display: none;}
  .hit-the-spot .accordion-item::before {min-height: 50px; width: 53px; font-size: 19px; left: 0; }
  .hit-the-spot .htw-process-card-cont-three{margin-top: 0;}
  .hit-the-spot .missing-the-goal-text{padding: 0 40px; font-size: 16px; letter-spacing: 0;}
  .hit-the-spot .challenges-icon-one{display: none;}
  .hit-the-spot .expectaion-title{font-size: 18px; letter-spacing: 1px; margin-bottom: 4px;}
  .hit-the-spot .faq-title{font-size: 18px; letter-spacing: 1px; margin-bottom: 4px;}
  .hit-the-spot .how-to-work-sec .container{padding: 0;}
  .hit-the-spot .htw-show-hide{display: block; margin: 3px 5px 0;}
  .hit-the-spot .htw-hide-show{display: none;}
  .hit-the-spot .three-theme-icon{display: none;}
  .hit-the-spot .four-theme-icon{display: none;}
  .hit-the-spot .faq-head-bg { max-width: 71%; }
  .hit-the-spot .faq-sec-outer{margin-top: 0;}
  .hit-the-spot .accordion-item{padding: 0;}
  .hit-the-spot .accordion-head-outer{min-height: 50px;}
  .hit-the-spot .accordion-head-outer .accordion-icon .icon{font-size: 16px;}
  .hit-the-spot .accordion-head-outer .accordion-icon{margin-right: 10px;}
  .hit-the-spot .htw-process-card-body-two{padding: 0 35px 0 25px; margin-top: 0;}
  .hit-the-spot .missing-the-goal-body{padding: 0; margin-top: 10px;}
  .hit-the-spot .wind-arrow-body{padding: 0; margin-top: 10px;}
  .hit-the-spot .htw-space-right{padding: 0;}
  .hit-the-spot .htw-space-game{padding: 0;}
  .hit-the-spot .word-label{display: contents;}
  .hit-the-spot .how-to-work-process-pairs{margin-top: -35px;}
  .hit-the-spot .how-to-work-space{margin-top: -30px;}
  .hit-the-spot .power-sec{margin-top: -20px; padding: 40px 0 0 0;}
  .hit-the-spot .htw-process-card-cont{border-radius: 0;}
  .hit-the-spot .how-to-work-one-icon img{max-width: 25%;}
  .hit-the-spot .how-to-work-one-icon { bottom: -11px; right: -74.5%; }
  .hit-the-spot .how-to-work-one-icon-one img{max-width: 20%;}
  .hit-the-spot .how-to-work-one-icon-one { bottom: -11px; right: -80%; }
  .hit-the-spot .htw-col-right{margin-top: 0;}
  .hit-the-spot .htw-process-card-cont-two{padding: 0; margin:0;}
  .hit-the-spot .one-left-icon { right: -4%; top: -5px; }
  .hit-the-spot .left-icon-tilt { left: 9%; }
  .hit-the-spot .game-expect-icon-block { top: -113px;  margin: 0 0 -110px 0;}
  .hit-the-spot .game-expect-card-fig img{min-width: 120%;}
  .hit-the-spot .game-expect-card-title{font-size: 22px; letter-spacing: 1px;}  
  .hit-the-spot .game-expect-details-item{font-size: 16px; letter-spacing: 0px; padding-top: 10px;}
  .hit-the-spot .game-expectation-item{margin: 22px 0 0 0;}
  .hit-the-spot .game-expectation-list{margin: 15px 0 65px 0;}
  .hit-the-spot .owl-carousel .owl-dot.active span{background: #fee359; border: 0;}
  .hit-the-spot .owl-carousel .owl-dot span{background: #011e4a; width: 15px; height: 15px; border: 0;}
  .hit-the-spot .owl-carousel .owl-dot{margin: 0 7px;}
  .hit-the-spot .game-expectation-sec-outer { height: 480px; }
  .hit-the-spot .challenges-sec.block{margin: 0; padding: 0;}
  .hit-the-spot .challenges-sec-outer{padding: 3px 0;}
  .hit-the-spot .challenges-text{font-size: 16px; letter-spacing: 1px; padding:30px 17px 0 17px;}
  .hit-the-spot .challenges-icon-two{display: none;}
  .hit-the-spot .faq-block{margin: 30px 0 30px 0; padding: 0;}
  .hit-the-spot .question-label{font-size: 20px; letter-spacing: 1px; width: 50px; min-height: 50px;}
  .hit-the-spot .accordion-item { margin-bottom: 10px; }
  .hit-the-spot .accordion-title{font-size: 16px; letter-spacing: 0px; margin-left: 0px;}
  .hit-the-spot .accordion-text{font-size: 16px; letter-spacing: 0px; padding: 5px;}
  .hit-the-spot .is-open .accordion-text{font-size: 16px; letter-spacing: 0px; padding: 5px;}
  .hit-the-spot .accordion-cont-bar{min-height: 70px; padding: 0 0 0 35px;}
  .hit-the-spot .accordion-body{padding-right:0px;}
  .hit-the-spot .footer{height: 50px; }
  .hit-the-spot .copyright-text{font-size: 16px; color: #fff0f4; line-height: 40px; }
}
@media(max-width:374px) {
  .hit-the-spot .htw-process-wrap-text{padding:0 15px;}
  .hit-the-spot .htw-process-card-list .htw-process-card-list-item-alt{padding:15px 0px 0 0px;}
}
/* ***************************** // Hit The Spot CSS End // ****************************** */




/* ***************************** // Perfect Penalties Game CSS Start // ***************************** */
.perfect-penalties-game {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.perfect-penalties-game .header{box-shadow:none;}
.perfect-penalties-game .nav-item-label{font-weight:600;}
@media (hover: hover){.perfect-penalties-game .active .nav-item-label, .perfect-penalties-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.perfect-penalties-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.perfect-penalties-game .btn-text{width:100%; height:100%; float:left; color:#075a1b; font-size:54px; font-family:var(--font-btn); position:absolute; top:0; left:0; z-index:1; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:var(--shadow-text); font-weight:normal; padding-bottom:1.8vmin;}
.perfect-penalties-game .btn-bar{display:flex; justify-content:center; margin-top:40px;}
.perfect-penalties-game .btn-bar .base-btn{background: #0ecfff; max-width: 28%; height: 77px; border-radius: 4px; margin-top: 25px;}
.perfect-penalties-game .btn-text {font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base); text-shadow: none; padding: 0;}

.perfect-penalties-game .game-logo-fig{max-width:60%;}

.perfect-penalties-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; padding-bottom: 15px;}
.perfect-penalties-game .banner-sec-outer{background:transparent; padding:0px;}
.perfect-penalties-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.perfect-penalties-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.perfect-penalties-game .banner-sec-video{background:transparent;}
.perfect-penalties-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative;}
.perfect-penalties-game .video-block { max-width: 50%; position: relative; overflow: inherit; margin-top: -20.5%; }
.perfect-penalties-game .video-poster, .perfect-penalties-game .client-video { top: 43.4%; left: 7.5%; right: 3.5%; border-radius: 0; height: calc(100% - 48.6%); width: calc(100% - 14.9%); bottom: auto; }
.perfect-penalties-game .video-shadow{bottom:-15px;}
.perfect-penalties-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.perfect-penalties-game .sec-main-title{ position: absolute; color: var(--clr-action-alt); font-size: 50px; letter-spacing: 2px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); margin-bottom: 43px;}

.perfect-penalties-about-us-sec .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0px;}
.perfect-penalties-about-us-sec{background:  #2a549f; position: relative;}
.perfect-penalties-about-us-sec .about-us-outer{margin: 100px 0;}
.perfect-penalties-about-us-sec .about-us-text-block{padding: 0;}
.perfect-penalties-about-us-sec .about-head-bg{position: relative;}
.perfect-penalties-about-us-sec .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.perfect-penalties-about-us-sec .about-us-text {font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; padding: 0 180px; font-weight: bold; text-align: center; font-family: var(--font-base);}
.perfect-penalties-about-us-sec .about-theme-icon-one{position: absolute; bottom: 31%;}
.perfect-penalties-about-us-sec .about-theme-icon-two{position: absolute; right: 0; bottom: -12%;}

.perfect-penalties-how-to-work-sec {margin-top: 110px;}
.perfect-penalties-how-to-work-sec .htw-process-theme:after{display: none;}
.perfect-penalties-how-to-work-sec .htw-process-wrap .col-left{position: relative; max-width: 53%;}
.perfect-penalties-how-to-work-sec .htw-process-wrap .col-right{position: relative; padding-left: 40px;}
.perfect-penalties-how-to-work-sec .game-start-card.htw-process-card:before{display: none;}
.perfect-penalties-how-to-work-sec .htw-process-card:before{display: none;}
.perfect-penalties-how-to-work-sec .htw-process-card-outer:before, .htw-process-card-outer:before{display: none;}
.perfect-penalties-how-to-work-sec .game-start-card.htw-process-card:after{display: none;}
.perfect-penalties-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display: none;}
.perfect-penalties-how-to-work-sec .htw-process-card-title-bar{padding-left: 30px; position: relative; background: #2a549f; height: 76px; width: 80%; display: flex; align-items: center; clip-path: polygon(0% 0%, 93% 0%, 100% 50%, 93% 100%, 0% 100%); border-left: 13px solid #eb232a;}
.perfect-penalties-how-to-work-sec .htw-process-card-title-bar::before{content: ""; position: absolute; right: 0; width: 112px; height: 76px; background: #eb232a; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 64% 100%, 94% 50%, 64% 0);}
.perfect-penalties-how-to-work-sec .htw-process-card-title{font-size: 50px; font-family: var(--font-base); text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
.perfect-penalties-how-to-work-sec .htw-process-card-outer{box-shadow: inset -8px 4px 70px 31px #25e36d; background: #fff; border-radius: 0; padding: 0;} 
.perfect-penalties-how-to-work-sec .htw-process-card{height: 305px;}
.perfect-penalties-how-to-work-sec .htw-process-card-begin-balls { height: 300px;}
.perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-body{padding: 60px 0 0 70px;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-one{ position: absolute;top: -69%;right: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-two{ position: absolute;top: -70%;left: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-three{ position: absolute;top: -69%;right: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-four{ position: absolute;top: -69%;left: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-five{ position: absolute;top: -45%;right: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-five-art-icon{ position: absolute; top: -53.5%; right: 40%;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-six{ position: absolute;top: -69%;left: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-seven{ position: absolute;top: -69%;right: 0;}
.perfect-penalties-how-to-work-sec .htw-theme-icon-eight{ position: absolute;top: -69%;left: 0;}
.perfect-penalties-how-to-work-sec .htw-process-wrap{margin: 50px 0; position: relative;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-one{margin-top: -10px;}
.perfect-penalties-how-to-work-sec .htw-wrap-two .col-right{padding: 0 40px 0 0;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-three .col-left{padding: 0;}
.perfect-penalties-how-to-work-sec .htw-wrap-four .col-right{padding: 0 40px 0 0;}
.perfect-penalties-how-to-work-sec .htw-wrap-six .col-right{padding: 0 40px 0 0;}
.perfect-penalties-how-to-work-sec .htw-wrap-eight .col-right{padding: 0 40px 0 0;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-five{flex-direction: row; padding: 0;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-five .col-right{max-width: 100%;}
.perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base);}
.perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item:before{display:none;}
.perfect-penalties-how-to-work-sec .htw-process-card-list{margin-top: 75px; max-width: 75% ; padding: 0;}
.perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list-item{padding-left: 30px; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base);}
.perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list{margin-top: 15px; max-width: 60%; padding-left: 15px;}
.perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list{max-width: 85%; margin-top: 70px;}
.perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind{margin-top: 50px; max-width: 100%;}
.perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-body{padding:  10px 0 0 80px ;}
.perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-list .htw-process-card-list-item{padding: 0;}
.perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-list{max-width: 80%; padding-left: 15px;}
.perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-list{max-width: 80%; padding-left: 15px;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-seven{flex-direction: row; padding: 0;}
.perfect-penalties-how-to-work-sec .htw-process-wrap-seven .col-right{padding: 0 0 0 40px;}
.perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-body{padding: 12px 0 50px 90px;}
.perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-list .htw-process-card-list-item{padding: 0;}
.perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-body{padding: 0 30px 0 50px;}
.perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-list{max-width: 95%; margin-top: 70px;}
.perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list{max-width:95%;}

.perfect-penalties-game-expectation-sec{background:var(--htw-bg) no-repeat top center; background-size:100% 100%; position: relative; z-index: -2;}
.perfect-penalties-game-expectation-sec .expectations-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.perfect-penalties-game-expectation-sec .expectations-head-bg{max-width: 45%;}
.perfect-penalties-game-expectation-sec .game-expectation-card-outer{background: none; padding: 0;}
.perfect-penalties-game-expectation-sec .game-expectation-card-body{background: #fff; box-shadow: none; border-radius: 0; padding: 0 27px 50px 27px; height: auto;}
.perfect-penalties-game-expectation-sec .game-expect-card-title{font-size: 40px; letter-spacing: 1px; color: #19328f; font-weight: bold; font-family: var(--font-base); text-align: left;}
.perfect-penalties-game-expectation-sec .game-expect-details-item{font-size: 26px; letter-spacing: 1px; color: #000000; font-weight: 500; padding: 0;}
.perfect-penalties-game-expectation-sec .game-expect-details-item:before{display: none;}
.perfect-penalties-game-expectation-sec .game-expectation-sec-outer{padding: 100px 0 315px 0; position: relative;}
.perfect-penalties-game-expectation-sec .game-expectation-list{gap: 0 26px;  position: relative; margin-top: -25px;}
.perfect-penalties-game-expectation-sec .game-expectation-item{margin: 0; max-width: calc((100% / 4) - 20px);}
.perfect-penalties-game-expectation-sec .game-expect-icon-block{top: -81px; margin: 0 0 -42% -29%;}
.perfect-penalties-game-expectation-sec .game-expect-icon-block-two{top: -122px; margin: 0 0 -42% -30%;}
.perfect-penalties-game-expectation-sec .game-expect-icon-block-three{top: -110px; margin: 0 0 -42% -28.5%;}
.perfect-penalties-game-expectation-sec .game-expect-icon-block-four{top: -79px; margin: 0 0 -42% -28%;}
.perfect-penalties-game-expectation-sec .game-expect-card-fig{max-width: 65%;}
.perfect-penalties-game-expectation-sec .game-expect-card-title-bar { position: relative; width: 100%; display: flex; float: left; }
.perfect-penalties-game-expectation-sec .game-expect-card-title-bar::after { position: absolute; content: ''; border-bottom: 2px solid #da1334; width: 158px; bottom: 11px; left: 1px;}
.perfect-penalties-game-expectation-sec .game-expectation-item-two{margin-top: 18%;}
.perfect-penalties-game-expectation-sec .game-expectation-item-three{margin-top: 18%;}
.perfect-penalties-game-expectation-sec .expectations-theme-icon-one{position: absolute; left: 35%; top: 20.5%; z-index: -1;}

.perfect-penalties-game-experience-sec{margin-top: -358px;}
.perfect-penalties-game-experience-sec .experience-sec-outer{background:var(--experience-bg) no-repeat top center; position: relative; background-size:90% 100%; margin-left: 4%; height: 670px;}
.perfect-penalties-game-experience-sec .experience-cont{position: absolute; background: #2a549f; width: calc(100% - 300px); height: calc(100% - 149px); left: 5.9%; top: 19.7%;}
.perfect-penalties-game-experience-sec .experience-text{font-size: 40px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; font-weight: bold; font-family: var(--font-base); padding: 70px 110px 0 110px; text-align: center;}
.perfect-penalties-game-experience-sec .experience-icon-one{position: absolute; right: -152px; top: -19%;}
.perfect-penalties-game-experience-sec .btn-bar .experience-btn{margin-top: 0; max-width: 37%;}

.perfect-penalties-faq-sec .faq-sec-outer{padding: 100px 0 80px 0;}
.perfect-penalties-faq-sec .faq-block{margin-top: 20px;}
.perfect-penalties-faq-sec .faq-head-bg{max-width: 40%;}
.perfect-penalties-faq-sec .faq-list.accordion { counter-reset: li; }
.perfect-penalties-faq-sec .accordion-head{padding: 0 0 0 80px;}
.perfect-penalties-faq-sec .accordion-head-outer{background: #113576; min-height: 80px; padding: 0; border-radius: 0; box-shadow: none;}
.perfect-penalties-faq-sec .accordion-item{margin-bottom: 11px; position: relative;}
.perfect-penalties-faq-sec .accordion-item::before { content:'0' counter(li); counter-increment: li; z-index: 2; position: absolute; pointer-events: none; font-size: 42px; letter-spacing: 1px; text-transform: uppercase; color: #113576; font-weight: bold; font-family: var(--font-base); left: 0; top: 0; width: 80px; min-height: 80px; margin: 0; background-image: linear-gradient(180deg, #fde359 0%, #fde359 2%, #f38519 100%); display: inline-flex; align-items: center; justify-content: center; }
.perfect-penalties-faq-sec .accordion-card{padding: 0; border: none;}
.perfect-penalties-faq-sec .accordion-title{font-size: 42px; letter-spacing: 1px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: var(--font-base); padding-left: 15px;}
.perfect-penalties-faq-sec .accordion-body{background: #e3e3e3; padding: 0;}
.perfect-penalties-faq-sec .accordion-cont-bar{min-height: 100px; padding: 0 50px 0 100px;}
.perfect-penalties-faq-sec .accordion-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding: 10px 0;}
.perfect-penalties-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #fff;}
.perfect-penalties-faq-sec .is-open .accordion-head-outer .accordion-icon .icon { transform: rotate(0deg); }
.perfect-penalties-faq-sec .accordion-head-outer .accordion-icon{margin-right: 10px;}

.perfect-penalties-game .footer{background: #235ba6;}
.perfect-penalties-game .copyright-text{font-size: 20px; line-height: 41px; color: #ffffff; font-weight: 400; font-family: var(--font-mono); text-align: center;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .perfect-penalties-game .game-logo-fig{max-width: 55%;}
  .perfect-penalties-game .video-block{max-width: 52%;}
  .perfect-penalties-game .sec-main-title{font-size: 40px; margin-bottom: 32px;}
  .perfect-penalties-game .btn-bar .base-btn{height: 70px; margin-top: 5px; max-width: 26%;}
  .perfect-penalties-game .btn-text{font-size: 33px;}

  .perfect-penalties-about-us-sec .about-theme-icon-one img{max-width: 70%;}
  .perfect-penalties-about-us-sec .about-theme-icon-one { bottom: 40%; }
  .perfect-penalties-about-us-sec .about-theme-icon-two img{max-width: 80%;}
  .perfect-penalties-about-us-sec .about-theme-icon-two { right: 0; bottom: -11%; right: -4.1%; }
  .perfect-penalties-about-us-sec .about-us-outer{margin: 70px 0 60px 0;}
  .perfect-penalties-about-us-sec .about-head-bg{max-width: 59%;}
  .perfect-penalties-about-us-sec .about-us-text{font-size: 33px; padding: 0 110px ;}

  .perfect-penalties-how-to-work-sec .sec-head-bg{max-width: 43%;}
  .perfect-penalties-how-to-work-sec{margin-top: 70px; padding: 0 70px;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-left{max-width: 50%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title{font-size: 40px;}
  .perfect-penalties-how-to-work-sec .htw-process-card{height: 270px;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-body{padding: 54px 0 0 70px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar{height: 65px; width: 75%; border-left: 10px solid #eb232a;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar::before { right: -5px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 64% 100%, 90% 50%, 64% 0); }
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list{max-width: 65%;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list-item{font-size: 24px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{font-size: 24px;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon img{max-width: 75%;}
  .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon{max-width: 50%;}
  .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon { top: -37.5%; right: 44%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-one { top: -58%; right: -8%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-two{top: -58.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-three { top: -58%; right: -8%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-four{top: -58.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-five { top: -34%; right: -8%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-six{top: -58.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-seven { top: -58.5%; right: -8%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-eight{top: -58.5%;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-right{padding-left: 20px;}
  .perfect-penalties-how-to-work-sec .htw-wrap-two .col-right{padding: 0 20px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-wrap-four .col-right{padding: 0 20px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-wrap-six .col-right{padding: 0 20px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-wrap-eight .col-right{padding: 0 20px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list{margin-top: 60px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list{max-width: 83%; margin-top: 68px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-swipe-across .htw-process-card-list{max-width: 60%; margin-top: 68px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-list{padding-left: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list{max-width: 70%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-list{padding-left: 0;}
  
  .perfect-penalties-game-expectation-sec .game-expectation-sec-outer{padding: 80px 0 240px 0;}
  .perfect-penalties-game-expectation-sec .game-expect-card-title{font-size: 29px;}
  .perfect-penalties-game-expectation-sec .game-expect-details-item{font-size: 20px}
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one img{max-width: 75%;}
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one {left: 32%; top: 22.7%}
  .perfect-penalties-game-expectation-sec .game-expect-card-title-bar::after{width: 115px;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block{top: -60px;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-two{top: -99px;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-three{top: -90px;}
  .perfect-penalties-game-expectation-sec .game-expectation-card-body{padding: 0 20px 30px 20px;}

  .perfect-penalties-game-experience-sec { margin-top: -258px; }
  .perfect-penalties-game-experience-sec .experience-sec-outer{background-size: 80% 100%; height: 510px;}
  .perfect-penalties-game-experience-sec .experience-cont {width: calc(100% - 347px); height: calc(100% - 108px); left: 11%; top: 18.7%; }
  .perfect-penalties-game-experience-sec .experience-text { font-size: 28px; padding: 50px 70px 0 70px; }
  .perfect-penalties-game-experience-sec .btn-bar .experience-btn{max-width: 30%; height: 57px; margin-top: 0;}
  .perfect-penalties-game-experience-sec .experience-btn-text{font-size: 28px;}
  .perfect-penalties-game-experience-sec .experience-icon-one img{max-width: 60%;}
  .perfect-penalties-game-experience-sec .experience-icon-one { position: absolute; right: -202px; top: -13%; }

  .perfect-penalties-faq-sec .faq-title{margin-bottom: 40px;}
  .perfect-penalties-faq-sec .faq-head-bg { max-width: 36%; }
  .perfect-penalties-faq-sec .accordion-head-outer{min-height: 74px;}
  .perfect-penalties-faq-sec .accordion-item::before{min-height: 74px; font-size: 34px;}
  .perfect-penalties-faq-sec .accordion-title{font-size: 34px;}
  .perfect-penalties-faq-sec .accordion-text{font-size: 23px;}
  .perfect-penalties-faq-sec .accordion-cont-bar{min-height: 90px;}
  .perfect-penalties-faq-sec .faq-sec-outer{padding: 80px 0 60px 0;}
  .perfect-penalties-faq-sec .faq-block{padding: 0;}
}

@media(max-width:1280px) {
  .perfect-penalties-game .game-logo-fig { max-width: 53%; }
  .perfect-penalties-game .btn-text{font-size: 28px;}
  .perfect-penalties-game .sec-head{margin-bottom: 0;}

  .perfect-penalties-about-us-sec .about-theme-icon-one img{max-width: 53%;}
  .perfect-penalties-about-us-sec .about-theme-icon-one { bottom: 44.5%; }
  .perfect-penalties-game .sec-main-title{font-size: 34px; margin-bottom: 28px;}
  .perfect-penalties-about-us-sec .about-us-outer { margin: 50px 0; }
  .perfect-penalties-about-us-sec .about-us-text{font-size: 28px; padding: 0 89px;}
  .perfect-penalties-game .btn-bar .base-btn { height: 57px; margin-top: 0; max-width: 25%; }
  .perfect-penalties-about-us-sec .about-theme-icon-two img{max-width: 68%;}
  .perfect-penalties-about-us-sec .about-theme-icon-two{right: -8.2%;}

  .perfect-penalties-how-to-work-sec .sec-head-bg { max-width: 46%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-outer { box-shadow: inset -8px 0px 49px 16px #25e36d;}
  .perfect-penalties-how-to-work-sec{margin-top: 50px;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap{margin: 40px 0;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-left { max-width: 54%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar{width: 80%; height: 52px; border-left: 8px solid #eb232a; padding-left: 20px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar::before{clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 64% 100%, 92% 50%, 64% 0);}
  .perfect-penalties-how-to-work-sec .htw-process-card-title{font-size: 30px;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list { max-width: 75%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{font-size: 21px; padding-left: 15px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list .htw-process-card-list-item{font-size: 21px; padding: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card { height: 210px;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-body{padding: 30px 0 30px 40px;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon img { max-width: 65%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-one { top: -65%; right: -20%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-two{top: -65.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-three { top: -65%; right: -20%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-four{top: -65.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-five { top: -34%; right: -20%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-six{top: -65.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon-seven { top: -65.5%; right: -20%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-eight{top: -65.5%;}
  .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon { top: -31.5%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list {margin-top: 55px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list{margin-top: 40px; max-width:100%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list { margin-top: 45px; max-width: 93%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-body{ padding: 10px 12px 0 35px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-list { margin-top: 45px; max-width: 100%; padding: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-body { padding: 10px 25px 0px 37px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-list{max-width: 100%; margin-top: 45px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-body{padding: 9px 10px 0 19px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-swipe-across .htw-process-card-list{max-width:100%;  margin-top: 40px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-list{margin-top: 25px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-list .htw-process-card-list-item{padding: 0;}

  .perfect-penalties-game-expectation-sec .game-expect-card-title { font-size: 25px; }
  .perfect-penalties-game-expectation-sec .game-expect-icon-block { top: -52px; }
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-two { top: -84px; }
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-three { top: -75px; }
  .perfect-penalties-game-expectation-sec .game-expect-details-item { font-size: 17px; }
  .perfect-penalties-game-expectation-sec .game-expectation-card-body { padding: 0 14px 20px 15px; }
  .perfect-penalties-game-expectation-sec .game-expect-card-title-bar::after { width: 100px; }
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one img { max-width: 70%; }
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one{top: 21%; left: 31%;}
  .perfect-penalties-game-expectation-sec .game-expectation-sec-outer { padding: 70px 0 230px 0; }

  .perfect-penalties-game-experience-sec .experience-sec-outer { background-size: 75% 100%; height: 420px; margin-left: 2%;}
  .perfect-penalties-game-experience-sec .experience-text { font-size: 24px; padding: 30px 30px 0 30px;}
  .perfect-penalties-game-experience-sec .experience-btn-text{font-size: 24px;}
  .perfect-penalties-game-experience-sec .experience-btn{margin-top: 35px;}
  .perfect-penalties-game-experience-sec .btn-bar .experience-btn{height: 50px; max-width: 35%;}
  .perfect-penalties-game-experience-sec .experience-cont { width: calc(100% - 338px); height: calc(100% - 93px); left: 13.4%; top: 19.7%; }
  .perfect-penalties-game-experience-sec .experience-icon-one {right: -225px }
  .perfect-penalties-game-experience-sec .experience-icon-one img{max-width: 53%;}

  .perfect-penalties-faq-sec .faq-head-bg { max-width: 33%; }
  .perfect-penalties-faq-sec .faq-sec-outer { padding: 55px 0 45px 0; }
  .perfect-penalties-faq-sec .accordion-item::before { min-height: 67px; font-size: 28px;}
  .perfect-penalties-faq-sec .accordion-head-outer { min-height: 67px; }
  .perfect-penalties-faq-sec .accordion-title { font-size: 28px; }
  .perfect-penalties-faq-sec .accordion-text { font-size: 21px; }
  .perfect-penalties-faq-sec .accordion-cont-bar { min-height: 80px; }
}

@media(max-width:1023px) {
  .perfect-penalties-game .sec-main-title{font-size: 22px; letter-spacing: 1px; margin-bottom: 24px;}
  .perfect-penalties-game .btn-bar .base-btn { height: 50px; max-width: 33%; }
  .perfect-penalties-game .btn-text{font-size: 21px;}

  .perfect-penalties-about-us-sec .about-theme-icon-one img { max-width: 40%; }
  .perfect-penalties-about-us-sec .about-theme-icon-one { bottom: 49.5%; }
  .perfect-penalties-about-us-sec .about-theme-icon-two img { max-width: 48%; }
  .perfect-penalties-about-us-sec .about-theme-icon-two { right: -17.8%; bottom: -10%; }
  .perfect-penalties-about-us-sec .about-us-outer { margin: 45px 0; }
  .perfect-penalties-about-us-sec .about-us-text { font-size: 21px; padding: 0 52px; }

  .perfect-penalties-how-to-work-sec{padding: 0 40px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-outer { box-shadow: inset 3px 1px 50px 11px #25e36d; }
  .perfect-penalties-how-to-work-sec .htw-process-wrap{margin: 35px 0;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-left { max-width: 55%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-title { font-size: 23px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar{padding-left: 15px; border-left: 6px solid #eb232a; width: 87%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar::before{ clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 64% 100%, 84% 50%, 64% 0); right: -14px;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon img { max-width: 55%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-one { top: -65%; right: -39%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-two { top: -64.5%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-three { top: -65%; right: -39%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-four { top: -64.5%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-five { top: -29%; right: -39%; }
  .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon img{max-width: 90%;}
  .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon { top: -14%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-six { top: -64.5%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-seven { top: -65%; right: -39%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-eight { top: -64.5%; }
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-right{padding-left: 10px;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-body { padding: 30px 0 30px 40px; }
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list { max-width: 82%; }
  .perfect-penalties-how-to-work-sec .htw-process-card { height: 180px; }
  .perfect-penalties-how-to-work-sec .htw-wrap-two .col-right{padding: 0 10px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-wrap-four .col-right{padding: 0 10px 0 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item { font-size: 17px; padding-left: 11px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list .htw-process-card-list-item { font-size: 17px; padding: 0; }
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-list {  max-width: 100%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-balls .htw-process-card-list {  max-width: 100%; }
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-list{margin-top: 35px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-body { padding: 19px 12px 0 18px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list{max-width: 95%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list .htw-process-card-list-item{padding: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-list{margin-top: 40px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-body { padding: 16px 16px 0px 16px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-list { margin-top: 10px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-body { padding: 25px 10px 0 12px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-list .htw-process-card-list-item{font-size: 16px;}
  .perfect-penalties-how-to-work-sec .htw-wrap-six .col-right{padding: 0 10px 0 0;}
  
  .perfect-penalties-game-expectation-sec .game-expectation-list{margin-top: 10px;}
  .perfect-penalties-game-expectation-sec .game-expectation-sec-outer { padding: 60px 0 230px 0; }
  .perfect-penalties-game-expectation-sec .game-expectation-item {max-width: calc((100% / 2) - 80px); }
  .perfect-penalties-game-expectation-sec .game-expect-icon-block { top: -57px; margin: 0 0 -30% -29%;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-two{top: -92px; margin: 0 0 -30% -35%;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-three { top: -83px; margin: 0 0 -30% -34%; }
  .perfect-penalties-game-expectation-sec .game-expect-card-fig { max-width: 50%; }
  .perfect-penalties-game-expectation-sec .game-expectation-item-two , .perfect-penalties-game-expectation-sec .game-expectation-item-three{margin-top: 0;}
  .perfect-penalties-game-expectation-sec .game-expect-card-title-bar{height:40px; display: flex; align-items: center;}
  .perfect-penalties-game-expectation-sec .game-expect-card-title{font-size: 22px;}
  .perfect-penalties-game-expectation-sec .game-expect-details-item{font-size: 16px;}
  .perfect-penalties-game-expectation-sec .game-expectation-card-body { padding: 0 10px 20px 10px; }
  .perfect-penalties-game-experience-sec .experience-text{font-size: 22px; padding: 0;}
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one img{max-width: 50%;}
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one { top: 12%; }

  .perfect-penalties-game-experience-sec { margin-top: -190px; }
  .perfect-penalties-game-experience-sec .experience-sec-outer { background-size: 91% 100%; height: 349px; margin-left: 5px; }
  .perfect-penalties-game-experience-sec .experience-cont { width: calc(100% - 146px); height: calc(100% - 77px); left: 5.4%; top: 19.5%; }
  .perfect-penalties-game-experience-sec .experience-text { font-size: 22px; padding: 20px 20px 0 20px; }
  .perfect-penalties-game-experience-sec .experience-btn { margin-top: 20px; }
  .perfect-penalties-game-experience-sec .experience-icon-one img { max-width: 30%; }
  .perfect-penalties-game-experience-sec .experience-icon-one { right: -354px; top: -4%; }

  .perfect-penalties-faq-sec .accordion-title { font-size: 21px; padding-left: 20px;}
  .perfect-penalties-faq-sec .accordion-text { font-size: 16px;}
  .perfect-penalties-faq-sec .accordion-item::before{min-height: 60px; width: 60px; font-size: 21px;}
  .perfect-penalties-faq-sec .accordion-head { padding: 0 0 0 60px; }
  .perfect-penalties-faq-sec .accordion-head-outer{min-height: 60px;}
  .perfect-penalties-faq-sec .accordion-cont-bar { min-height: 70px; }

  .perfect-penalties-game .copyright-text{font-size: 14px;}
}

@media(max-width:767px) {
  .perfect-penalties-game .game-logo-fig { max-width: 85%;}
  .perfect-penalties-game .video-block { max-width: 95%; margin-top: -37.5%; }
  .perfect-penalties-game .sec-main-title{font-size: 21px; margin-bottom: 18px;}
  .perfect-penalties-game .btn-bar .base-btn { height: 47px; max-width: 68%; }
  .perfect-penalties-game .btn-text{font-size: 20px; letter-spacing: 1px;}
  .perfect-penalties-game .btn-bar{margin-top: 15px;}

  .perfect-penalties-about-us-sec .about-head-bg{max-width: 98%;}
  .perfect-penalties-about-us-sec .about-theme-icon-one , .perfect-penalties-about-us-sec .about-theme-icon-two, .perfect-penalties-how-to-work-sec .htw-theme-five-art-icon, .perfect-penalties-game-experience-sec .experience-icon-one img{display: none;}
  .perfect-penalties-about-us-sec .about-us-outer{margin:40px 0;}
  .perfect-penalties-about-us-sec .about-us-text { font-size: 17px; letter-spacing: 1px; padding: 0;}

  .perfect-penalties-how-to-work-sec { margin-top: 35px; padding: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-card-outer { box-shadow: inset 3px 3px 39px 16px #25e36d; }
  .perfect-penalties-how-to-work-sec .container{padding: 0;}
  .perfect-penalties-how-to-work-sec .sec-head-bg { max-width: 90%; }
  .perfect-penalties-how-to-work-sec .htw-work-title{margin-bottom: 22px;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-left{max-width: 94%; margin: 0;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap .col-right{padding: 0; margin-top: 35px;}
  .perfect-penalties-how-to-work-sec .htw-theme-icon img { max-width: 30%; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-one { top: 15%; left: 0; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-two { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-three { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-four { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-five { top: 11%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-six { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-seven { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-theme-icon-eight { top: 15%; left: 2%; right: auto; z-index: 1; }
  .perfect-penalties-how-to-work-sec .htw-process-card-title{font-size: 30px; letter-spacing: 1px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{font-size: 18px; padding: 0;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-list{max-width: 100%; padding: 0;}
  .perfect-penalties-how-to-work-sec .game-start-card .htw-process-card-body { padding: 57px 0 30px 90px; }
  .perfect-penalties-how-to-work-sec .htw-process-card { height: 181px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar { padding-left: 15px; border-left: 7px solid #eb232a; width: 96%; height: 46px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-title-bar::before { clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 64% 100%, 91% 50%, 64% 0); right: -5px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-list { margin-top: 40px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-balls .htw-process-card-body { padding: 45px 70px 30px 100px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-swipe-across .htw-process-card-body { padding: 45px 10px 30px 100px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-swipe-across .htw-process-card-list{max-width: 100%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-begin-arsenal .htw-process-card-body { padding: 30px 10px 30px 100px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind{margin-top: -19px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-monitor-wind .htw-process-card-body { padding: 19px 0px 0 94px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-list{max-width: 100%;}
  .perfect-penalties-how-to-work-sec .htw-process-card-goal-target .htw-process-card-body { padding: 40px 5px 30px 90px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-users-view .htw-process-card-body { padding: 19px 5px 0 94px; }
  .perfect-penalties-how-to-work-sec .htw-process-card-after-up .htw-process-card-body { padding: 35px 5px 0 94px; }
  .perfect-penalties-how-to-work-sec .htw-process-wrap{margin: 0; justify-content: center;}
  .perfect-penalties-how-to-work-sec .htw-process-wrap-one{margin-top: -14px  ;}
  
  .perfect-penalties-game-expectation-sec{z-index: 0; margin-top: -20px; padding-bottom: 10px;}
  .perfect-penalties-game-expectation-sec .expectations-head-bg { max-width: 85%; }
  .perfect-penalties-game-expectation-sec .game-expect-card-title-bar{height: 60px;}
  .perfect-penalties-game-expectation-sec .expectations-title{margin-bottom: 20px;}
  .perfect-penalties-game-expectation-sec .game-expectation-sec-outer { padding: 35px 0 35px 0; } 
  .perfect-penalties-game-expectation-sec .game-expectation-list{margin-top: 0;}
  .perfect-penalties-game-expectation-sec .game-expect-card-fig { max-width: 44%; }
  .perfect-penalties-game-expectation-sec .game-expect-icon-block { top: -40px; margin: 0 0 -26% -37%; }  
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-two{top: -59px; margin: 0 0 -25.5% -37%;}
  .perfect-penalties-game-expectation-sec .game-expect-icon-block-three { top: -57px; margin: 0 0 -26% -36%; }
  .perfect-penalties-game-expectation-sec .game-expect-card-title{font-size: 20px;}
  .perfect-penalties-game-expectation-sec .game-expect-details-item{font-size: 13px; letter-spacing: 0px;}
  .perfect-penalties-game-expectation-sec .game-expectation-item{margin-right: 14px;}
  .perfect-penalties-game-expectation-sec .game-expectation-card-body { padding: 0 20px 20px 20px; }
  .perfect-penalties-game-expectation-sec .owl-carousel .owl-dot {margin: 0 5px;}
  .perfect-penalties-game-expectation-sec .owl-carousel .owl-dot span {background-color: #001634; border: 2px solid #001634;}
  .perfect-penalties-game-expectation-sec .owl-carousel .owl-dot.active span {background-color: #16335c; border: 2px solid #ffffff;}
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one { left: 53%; top: 20%; }
  .perfect-penalties-game-expectation-sec .expectations-theme-icon-one img { max-width: 100%; }

  .perfect-penalties-game-experience-sec{margin-top: -52px;}
  .perfect-penalties-game-experience-sec .container{padding: 0;}
  .perfect-penalties-game-experience-sec .experience-sec-outer{background-size: 130% 95%; margin-left: 0;}
  .perfect-penalties-game-experience-sec .experience-cont { width: calc(100% - 0px); height: calc(100% - 80px); left: 0; top: 16.5%; }
  .perfect-penalties-game-experience-sec .experience-text{font-size: 15px; letter-spacing: 1px; padding: 30px 5px 0 5px;}
  .perfect-penalties-game-experience-sec .experience-btn{margin-top: 27px;}
  .perfect-penalties-game-experience-sec .btn-bar .experience-btn{max-width: 63%;}

  .perfect-penalties-faq-sec .faq-block{padding: 0; margin-top: 0;}
  .perfect-penalties-faq-sec .faq-sec-outer{padding: 10px 0 20px 0;}
  .perfect-penalties-faq-sec .faq-head-bg { max-width: 85%; }
  .perfect-penalties-faq-sec .faq-title { margin-bottom: 25px; }
  .perfect-penalties-faq-sec .accordion-item::before{min-height: 50px; width: 50px; top: 0; left: 0; font-size: 22px; letter-spacing: 1px;}
  .perfect-penalties-faq-sec .accordion-head { padding: 0 0 0 49px; }
  .perfect-penalties-faq-sec .accordion-head-outer{min-height: 50px;}
  .perfect-penalties-faq-sec .accordion-title{font-size: 16px; letter-spacing: 1px; padding-left: 7px;}
  .perfect-penalties-faq-sec .accordion-text{font-size: 14px; letter-spacing: 0px;}
  .perfect-penalties-faq-sec .accordion-cont-bar{padding: 0 5px 0 50px; min-height: 60px;}
  .perfect-penalties-faq-sec .accordion-item{margin-bottom: 8px;}
  .perfect-penalties-faq-sec .accordion-head-outer .accordion-icon{margin-right: 4px;}
}
@media(max-width:374px) {
  .perfect-penalties-game .sec-main-title{font-size:19px;}
  .perfect-penalties-how-to-work-sec .htw-process-card-list .htw-process-card-list-item{font-size:16px;}
  .perfect-penalties-faq-sec .accordion-text{font-size:13px;}
}
/* ***************************** // Perfect Penalties Game CSS End // ****************************** */




/* ***************************** // Puck Luck Game CSS Start // ***************************** */
.puck-luck-game {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-base1:'Helvetica', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.puck-luck-game .header{box-shadow:none;}
.puck-luck-game .nav-item-label{font-weight:600;}
@media (hover: hover){.puck-luck-game .active .nav-item-label, .puck-luck-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.puck-luck-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.puck-luck-game .btn-bar{display:flex; justify-content:center;}
.puck-luck-game .btn-bar .base-btn{height: 77px; border-radius: 4px; background: #0a9af9; margin: 45px 0 85px 0;}
.puck-luck-game .btn-text {font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base); text-shadow: none; padding: 0;}
.puck-luck-game .sec-main-title{position: absolute; font-size: 50px; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base);}
.puck-luck-game .word-label{display: grid;}

.puck-luck-game .game-logo-fig{max-width:32%; position: relative;}
.puck-luck-game .game-logo-outer::before { position: absolute; left: 21px; right: 0px; top: 0; bottom: 0px; height: 57%; width: 69%; border-radius: 39%; content: ''; margin: auto; background: linear-gradient(to right, rgba(0, 234, 255, 1) 0%, rgba(0, 72, 255, 1) 100%); filter: blur(18px);}
.puck-luck-game .game-logo-mob{display: none;}

.puck-luck-game .banner-sec{background:var(--banner-bg) no-repeat center; background-size:100% 100%; margin-top: -80px; padding-bottom: 175px;}
.puck-luck-game .banner-sec-outer{background:transparent; padding:0px;}
.puck-luck-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.puck-luck-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin-top: 75px;}
.puck-luck-game .banner-sec-video{background:transparent;}
.puck-luck-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index: 2; margin-top: -25px;}
.puck-luck-game .video-block { max-width: 70%; position: relative; overflow: inherit;}
.puck-luck-game .video-poster, .puck-luck-game .client-video { border-radius: 15px; top: 5%; left: 23.4%; right: 3.5%; height: calc(100% - 28%); width: calc(100% - 45.6%); bottom: auto; }
.puck-luck-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}

.puck-luck-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position: relative; margin-top: -22.2%;}
.puck-luck-about-us-sec .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0px;}
.puck-luck-about-us-sec .about-us-outer { margin: 154px 0 0 0; }
.puck-luck-about-us-sec .about-work-title{ font-size: 53px; padding-bottom: 12px; color: var(--clr-action-alt); text-transform: uppercase; font-weight: bold; font-family: var(--font-base);}
.puck-luck-about-us-sec .about-us-text-block{padding: 0;}
.puck-luck-about-us-sec .about-head-bg{position: relative;}
.puck-luck-about-us-sec .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.puck-luck-about-us-sec .about-us-text {padding: 35px 160px 0 160px; font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); text-align: center; }
.puck-luck-about-us-sec .htw-process-card-title{font-family: var(--font-base); font-size: 67px; text-transform: uppercase; color: #10369c; font-weight: bold;}
.puck-luck-about-us-sec .about-icon-one{position: absolute; top: -36%;}
.puck-luck-about-us-sec .about-icon-two { position: absolute; right: 10%; bottom: 5%; }

.puck-luck-how-to-work-sec .htw-process-wrap{margin: 20px 0;}
.puck-luck-how-to-work-sec .htw-process-theme:after{display: none;}
.puck-luck-how-to-work-sec .game-start-card.htw-process-card:before{display: none;}
.puck-luck-how-to-work-sec .htw-process-card:before{display: none;}
.puck-luck-how-to-work-sec .htw-process-card-outer:before, .htw-process-card-outer:before{display: none;}
.puck-luck-how-to-work-sec .game-start-card.htw-process-card:after{display: none;}
.puck-luck-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display: none;}
.puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.puck-luck-how-to-work-sec .htw-process-card-outer{background: none; border-radius: 0; padding: 0;} 
.puck-luck-how-to-work-sec .htw-process-card-title{font-family: var(--font-base); font-size: 50px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; text-align: center;}
.puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding: 0; font-family: var(--font-base); font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: 650;}
.puck-luck-how-to-work-sec .col-right{padding: 0;}
.puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar{position: relative; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); background: #4e6275; height: 87px; display: flex; align-items: center; padding-left: 70px; margin-left: -60px;}
.puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar::after { content: ""; position: absolute; background: #2196f3; width: 20px; height: 139%; right: 53px; transform: rotate(145deg); }
.puck-luck-how-to-work-sec .game-start-card .htw-process-card-body{padding: 0 30px 0 60px;}
.puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{padding: 0; max-width: 80%; margin-top: 35px;}
.puck-luck-how-to-work-sec .game-start-card .htw-cone-icon{position: absolute; left: -14%; top: -14.5%; z-index: 1;}
.puck-luck-how-to-work-sec .htw-cone-icon-two { position: absolute; right: -3%; top: 3.6%; z-index: 1; }
.puck-luck-how-to-work-sec .how-to-work-process-sec-one{margin-top: 80px;}
.puck-luck-how-to-work-sec .htw-process-wrap-one{margin-top: 60px;}
.puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar{padding-left: 120px; position: relative; clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%); background: #4e6275; height: 87px; display: flex; align-items: center; margin-left: -60px;}
.puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar::after { content: ""; position: absolute; background: #2196f3; width: 20px; height: 139%; left: 53px; transform: rotate(37deg); }
.puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding: 40px 0 50px 80px;}
.puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{max-width:100%; margin-top: 35px; padding-left: 50px;}
.puck-luck-how-to-work-sec .htw-cone-icon{position: absolute; left: -14%; top: -13%; z-index: 1;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-process-theme{display: flex; justify-content: center;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-process-theme img{max-width: 38%;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-body{margin-left: 16%; padding: 40px 0 50px 66px;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two { position: absolute; right: -17%;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-list{max-width: 100%; padding-left: 103px;}
.puck-luck-how-to-work-sec .htw-process-wrap-five{flex-direction: row; padding: 0;}
.puck-luck-how-to-work-sec .htw-process-wrap .col-left{margin: 0; padding: 0; position: relative;}
.puck-luck-how-to-work-sec .htw-process-wrap .col-left{max-width: 62.4%;}
.puck-luck-how-to-work-sec .htw-wrap-four .col-left{max-width: 57.4%;}
.puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding: 0 30px 0 30px;}
.puck-luck-how-to-work-sec .htw-process-wrap-five .htw-cone-icon { position: absolute; left: -20%;}
.puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar{max-width: 93%;}
.puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar{max-width: 87%; margin-left: 0;}
.puck-luck-how-to-work-sec .htw-process-wrap-outer{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.puck-luck-how-to-work-sec .htw-process-wrap-title-bar{background: #4e6275; padding: 12px 120px; clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); position: relative;}
.puck-luck-how-to-work-sec .htw-process-wrap-title-bar::before { content: ""; position: absolute; background: #2196f3; width: 20px; height: calc(100% + 34%); left: 49px; top: -14px; transform: rotate(33deg); }
.puck-luck-how-to-work-sec .htw-process-wrap-title-bar::after { content: ""; position: absolute; background: #2196f3; width: 20px; height: calc(100% + 34%); right: 49px; top: -14px; transform: rotate(146deg); }
.puck-luck-how-to-work-sec .htw-process-wrap-title{font-size: 50px; letter-spacing: 2px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; font-family: var(--font-base);}
.puck-luck-how-to-work-sec .htw-process-wrap-text{text-align: center; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); padding-top: 40px;}
.puck-luck-how-to-work-sec .htw-process-wrap-seven{flex-direction: row; margin-top: 30px; padding: 0; margin-left: 2%;}
.puck-luck-how-to-work-sec .htw-process-wrap-seven .col-left{max-width: 50%;}
.puck-luck-how-to-work-sec .htw-process-wrap-seven .col-right{max-width: 50%;}
.puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-list{max-width: 100%;}
.puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-body{padding: 0 23px 0 60px;}
.puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar{max-width: 95%;}
.puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-list{padding-left: 50px;}
.puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-body { padding: 40px 0 50px 56px; }
.puck-luck-how-to-work-sec .htw-process-card-title-bar{position: relative; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); background: #4e6275; height: 87px; display: flex; align-items: center; padding-left: 70px; margin-left: -60px;}
.puck-luck-how-to-work-sec .htw-process-card-title-bar::after { content: ""; position: absolute; background: #2196f3; width: 20px; height: 139%; right: 53px; transform: rotate(145deg); }
.puck-luck-how-to-work-sec .htw-process-card-body{padding: 0 30px 0 60px;}
.puck-luck-how-to-work-sec .htw-process-card-list{padding: 0; max-width: 90%; margin-top: 35px;}
.puck-luck-how-to-work-sec .how-to-work-process-sec-six{margin-top: 40px;}
.puck-luck-how-to-work-sec .obstacles-icon { position: absolute; left: -16.5%; top: 14%; z-index: 1; }
.puck-luck-how-to-work-sec .htw-process-puck-count .htw-process-card-list-block, .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list-block{margin-left:-100px; width:calc(100% + 100px);}
.puck-luck-how-to-work-sec .htw-process-puck-count .htw-process-card-list, .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list{max-width:100%;}
.puck-luck-game .htw-process-shooting .word-label, .puck-luck-game .how-to-work-process-sec-six .word-label{display:inline-block;}

.puck-luck-game-expectation-sec .expectation-head-bg{max-width: 85%;}
.puck-luck-game-expectation-sec{background:var(--htw-bg) no-repeat top center; background-size:100% 100%; position: relative;}
.puck-luck-game-expectation-sec .game-expect-details-item{font-size: 24px; letter-spacing: 1px; text-transform: uppercase; color: #000000; text-align: left; font-weight: bold; font-family: var(--font-base);}
.puck-luck-game-expectation-sec .game-expect-details-item:before{display: none;}
.puck-luck-game-expectation-sec .game-expectation-item{ max-width: calc((100% / 3) - 78px); margin-top: -10px;}
.puck-luck-game-expectation-sec .game-expectation-list{gap: 50px 70px;}
.puck-luck-game-expectation-sec .game-expectation-card-outer{border-radius: 0; padding:0; transform: skewX(-11deg); position:relative;}
.puck-luck-game-expectation-sec .game-expectation-card-outer:before{content:''; position: absolute; top:16px; left:16px; background:#f00; width: 100%; height:100%;}
.puck-luck-game-expectation-sec .game-expectation-card-body{background: none; box-shadow: none; background: var(--bg-body); border-radius: 0; z-index:1; position: relative; padding: 56px 36px 20px 42px;}
.puck-luck-game-expectation-sec .game-expectation-card-body-inner{transform: skewX(11deg); float: left;}
.puck-luck-game-expectation-sec .game-expect-card-fig{max-width: 62%;}
.puck-luck-game-expectation-sec .game-expect-icon-block{justify-content: start; top: -180px; margin-bottom: -145px; left: -15px;}
.puck-luck-game-expectation-sec .game-expect-icon-block-two{top: -148px; left: -25px;}
.puck-luck-game-expectation-sec .game-expect-icon-block-three{top: -152px; left: -52px;}
.puck-luck-game-expectation-sec .game-expect-icon-block-four{top: -137px; left: -33px;}
.puck-luck-game-expectation-sec .game-expect-icon-block-five{top: -148px; left: 3px;}
.puck-luck-game-expectation-sec .game-expect-card-title-bar{display: flex; width: 100%; height: 100px;}
.puck-luck-game-expectation-sec .game-expect-card-title{max-width: 90%; font-size: 42px; letter-spacing: 1px; text-transform: uppercase; color: #ff2e32; font-weight: bold; font-family: var(--font-base); text-align: left;}
.puck-luck-game-expectation-sec .game-expectation-item-four{margin-left: 34%;}
.puck-luck-game-expectation-sec .expectation-theme-icon-one {position: absolute; bottom: -12.5%;}
.puck-luck-game-expectation-sec .expectation-theme-icon-two {position: absolute; bottom: -6.5%; right: 0;} 
.puck-luck-game-expectation-sec .game-expectation-sec-outer{padding: 63px 0 132px; position: relative;}

.puck-luck-game-dive-sec .dive-sec-outer{background:var(--dive-sec-bg) no-repeat top center; background-size:100% 100%; position: relative; margin-top: 195px; border-bottom:10px solid #0a9af9;}
.puck-luck-game-dive-sec .dive-text{font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base); text-align: center; padding: 70px 135px 10px 135px;}
.puck-luck-game .dive-text .word-label{display:inline-block;}
.puck-luck-game-dive-sec .btn-bar .dive-btn{margin: 0 0 42px 0; max-width: 30%;}
.puck-luck-game-dive-sec .dive-bg{position: relative; text-align: center;}
.puck-luck-game-dive-sec .dive-bg-icon{position: relative;}
.puck-luck-game-dive-sec .dive-bg-icon img{max-width: 9.2%; opacity: 0.5; filter: drop-shadow(2px 2px 0px #000);}
.puck-luck-game-dive-sec .dive-bg-icon::before{content: ""; position: absolute; background: rgb(255 0 0 / 65%); height: 30px; width: calc(100% - 55.5%); opacity: 0.85; left: 0; top: 28%; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.puck-luck-game-dive-sec .dive-bg-icon::after{content: ""; position: absolute; background: rgb(255 0 0 / 65%); height: 30px; width: calc(100% - 52.8%); opacity: 0.85; right: 0; top: 28%; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.puck-luck-faq-sec .accordion-item{margin-bottom: 20px; position: relative;}
.puck-luck-faq-sec .accordion-card{border: none; padding: 0;}
.puck-luck-faq-sec .accordion-head{padding: 0;}
.puck-luck-faq-sec .accordion-head-outer{background: #2196f3; box-shadow: none; border-radius: 0; min-height: 80px; padding: 0 0 0 135px;}
.puck-luck-faq-sec .accordion-title{font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; font-weight: bold; font-family: var(--font-base); }
.puck-luck-faq-sec .accordion-body{background: #75d2f8; padding: 0 100px 0 135px;}
.puck-luck-faq-sec .accordion-cont-bar{min-height: 100px; padding: 10px 0;}
.puck-luck-faq-sec .accordion-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: 650; font-family: var(--font-base);}
.puck-luck-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: var(--clr-action-alt); font-size: 29px}
.puck-luck-faq-sec .accordion-item::before { content: '0' counter(li); counter-increment: li; z-index: 2; position: absolute; pointer-events: none; background: #ff2e32; width: 110px; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); min-height: 80px; font-size: 38px; letter-spacing: 1px; color: #ffffff; font-weight: bold; font-family: var(--font-base); left: 0; top: 0; margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.puck-luck-faq-sec .accordion { counter-reset: li; }
.puck-luck-faq-sec .is-open .accordion-icon .icon { transform: inherit; width: auto; }
.puck-luck-faq-sec .faq-sec-outer{padding: 97px 0 75px ;}
.puck-luck-faq-sec .faq-block{margin-top: 35px; padding: 0;}

.puck-luck-game .footer{background: #4e6275; padding: 20px 0;}
.puck-luck-game .copyright-text{font-size: 20px; line-height: 41px; color: #ffffff; font-weight: 400; font-family: var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .puck-luck-game .game-logo-fig{max-width: 30%;}
  .puck-luck-game .video-block{max-width: 80%;}
  .puck-luck-game .sec-head-bg{max-width: 68%;}
  .puck-luck-game .sec-main-title{font-size: 37px;}
  .puck-luck-game .video-poster, .puck-luck-game .client-video {left: 23.3%;width: calc(100% - 45.5%);}
  .puck-luck-game .btn-text{font-size: 30px;}
  .puck-luck-game .btn-bar .base-btn{max-width: 29.5%; height: 65px; margin: 25px 0 55px 0;}
  .puck-luck-game .banner-sec{margin-top: -65px;}
  .puck-luck-game .banner-logo{margin-top: 65px;}
  .puck-luck-game .banner-video-outer{margin-top: -20px;}

  .puck-luck-about-us-sec{margin-top: -27.5%;}
  .puck-luck-about-us-sec .sec-head-outer{margin-top: -57px;}
  .puck-luck-about-us-sec .about-icon-one img{max-width: 62%;}
  .puck-luck-about-us-sec .about-icon-one {top: -30%; }
  .puck-luck-about-us-sec .about-icon-two img{max-width: 80%;}
  .puck-luck-about-us-sec .about-us-text{font-size: 30px; padding: 10px 160px 0 160px;}
  
  .puck-luck-how-to-work-sec .htw-head-bg{max-width: 56%;}
  .puck-luck-how-to-work-sec .htw-process-card-title{font-size: 37px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar{height: 75px; padding-left: 88px;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-one{margin-top: 60px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar::after{width: 17px; left: 42px; transform: rotate(34deg);}
  .puck-luck-how-to-work-sec .htw-cone-icon img{max-width: 85%;}
  .puck-luck-how-to-work-sec .htw-cone-icon-two img{max-width: 85%;}
  .puck-luck-how-to-work-sec .htw-cone-icon-two{top: 5.4%;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-body{padding: 0 30px 0 60px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{margin-top: 30px;}
  .puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 25px;}
  .puck-luck-how-to-work-sec .htw-process-wrap .col-left{max-width: 60%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top: 30px; padding-left: 25px;}
  .puck-luck-how-to-work-sec .htw-cone-icon{top: -11.3%;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar{height: 75px; padding-left: 55px;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar::after{width: 17px; right: 43px; transform: rotate(146deg);}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar{height: 75px; padding-left: 55px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar::after{width: 17px; right: 43px; transform: rotate(146deg);}
  .puck-luck-how-to-work-sec .htw-process-card-list{margin-top: 30px; max-width: 80%;}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list{max-width: 100%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar{max-width: 100%; padding-left: 65px;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two { right: -20%; top: 5.8%;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-theme img{max-width: 30%;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding: 40px 0 50px 0;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar::after{transform: rotate(35deg);}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-list{padding-left: 85px;}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-title-bar::after{transform: rotate(148deg); right: 38px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title{font-size: 38px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar{padding: 10px 80px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::before { width: 15px; height: calc(100% + 41%); left: 38px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::after {width: 15px; height: calc(100% + 41%); right: 38px; transform: rotate(148deg);}
  .puck-luck-how-to-work-sec .htw-process-wrap-text{font-size: 25px; padding-top: 25px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-seven .col-left{max-width: 50%;}
  .puck-luck-how-to-work-sec .obstacles-icon img{max-width: 65%;}
  .puck-luck-how-to-work-sec .obstacles-icon { left: -11.1%; top: 23%;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar{max-width: 100%;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-body { padding: 0 18px 0 55px; }
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-title-bar::after{transform: rotate(35deg);}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-cone-icon-two{top: 5.3%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-one{margin-top: 45px;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-six { margin-top: 30px; }

  .puck-luck-game-expectation-sec .game-expectation-sec-outer { padding: 50px 0 110px;}
  .puck-luck-game-expectation-sec .expectation-head-bg{max-width: 57%;}
  .puck-luck-game-expectation-sec .game-expectation-list{gap: 45px 60px;}
  .puck-luck-game-expectation-sec .game-expectation-card-body{padding: 56px 12px 20px 23px;}
  .puck-luck-game-expectation-sec .game-expect-card-title{font-size: 32px; max-width: 98%;} 
  .puck-luck-game-expectation-sec .game-expect-details-item{font-size: 20px; padding: 0;}
  .puck-luck-game-expectation-sec .game-expectation-card-outer{transform: skewX(-8deg);}
  .puck-luck-game-expectation-sec .game-expectation-card-body-inner{transform: skewX(8deg);}
  .puck-luck-game-expectation-sec .game-expect-card-title-bar{height: 77px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block{top: -135px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-two{top: -112px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-three{top: -115px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-four{top: -103px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-five{top: -110px;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-one img{max-width: 77%;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-one{bottom: -11.5%;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-two img{max-width: 70%;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-two{bottom: -5%; right: -13.2%;}
  .puck-luck-game-expectation-sec .game-expectation-item{margin-top: -20px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block { top: -136px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-two { top: -111px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-three { top: -116px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-four { top: -105px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-five { top: -111px; }
  
  .puck-luck-game-dive-sec{padding: 0 145px;}
  .puck-luck-game-dive-sec .dive-sec-outer{margin-top: 140px;}
  .puck-luck-game-dive-sec .dive-text{font-size: 29px; padding: 50px 10px 0 10px;}
  .puck-luck-game-dive-sec .btn-bar .dive-btn{margin: 0 0 30px 0; max-width: 29%;}
  .puck-luck-game-dive-sec .dive-bg-icon::before{height: 27px; width: calc(100% - 56.5%); top: 28%;}
  .puck-luck-game-dive-sec .dive-bg-icon::after{height: 27px; width: calc(100% - 53.5%); top: 28%;}
  .puck-luck-game-dive-sec .dive-bg-icon img { max-width: 11.5%; }
  
  .puck-luck-faq-sec .faq-sec-outer { padding: 80px 0 55px; }
  .puck-luck-faq-sec .faq-block{margin-top: 25px;}
  .puck-luck-faq-sec .faq-head-bg {max-width: 48%;}
  .puck-luck-faq-sec .accordion-title{font-size: 30px;}
  .puck-luck-faq-sec .accordion-item::before{font-size: 30px; width: 95px; min-height: 75px;}
  .puck-luck-faq-sec .accordion-head-outer{padding: 0 0 0 115px; min-height: 75px;}
  .puck-luck-faq-sec .accordion-head-outer .accordion-icon .icon{font-size: 25px;}
  .puck-luck-faq-sec .accordion-text{font-size: 24px;}
  .puck-luck-faq-sec .accordion-body {padding: 0 65px 0 118px;}
  .puck-luck-faq-sec .accordion-cont-bar{min-height: 80px;}
  .puck-luck-faq-sec .accordion-item{margin-bottom: 17px;}
}

@media(max-width:1280px) {
  .puck-luck-game .banner-sec{margin-top: -60px;}
  .puck-luck-game .game-logo-fig { max-width: 29%; }
  .puck-luck-game .video-block { max-width: 83%; }
  .puck-luck-game .video-poster, .puck-luck-game .client-video{border-radius: 10px;}
  .puck-luck-game .sec-head-bg { max-width: 65%; }
  .puck-luck-game .sec-main-title { font-size: 29px; }
  .puck-luck-game .btn-text{font-size: 23px;}
  .puck-luck-game .btn-bar .base-btn{max-width: 28%; height: 57px; margin: 20px 0 42px 0;}
  .puck-luck-game .banner-logo { margin-top: 60px; }
  .puck-luck-game .banner-video-outer { margin-top: -16px; }

  .puck-luck-about-us-sec { margin-top: -31.5%; }
  .puck-luck-about-us-sec .sec-head-outer { margin-top: -65px; }
  .puck-luck-about-us-sec .about-icon-one img { max-width: 50%; }
  .puck-luck-about-us-sec .about-icon-one { top: -27%; }
  .puck-luck-about-us-sec .about-us-text{font-size: 23px;}
  .puck-luck-about-us-sec .about-icon-two img { max-width: 70%; }

  .puck-luck-how-to-work-sec .htw-head-bg{max-width: 54%;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-one{margin-top: 45px;}
  .puck-luck-how-to-work-sec .htw-process-wrap{padding: 0 50px; margin: 15px 0;}
  .puck-luck-how-to-work-sec .htw-process-wrap .col-left{max-width: 57%;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar{height: 66px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-body { padding: 0 0 0 60px; }
  .puck-luck-how-to-work-sec .htw-cone-icon img{max-width: 75%;}
  .puck-luck-how-to-work-sec .htw-cone-icon-two img{max-width: 75%;}
  .puck-luck-how-to-work-sec .htw-process-card-title {font-size: 30px;}
  .puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 22px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar{height: 66px; max-width: 100%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-body { padding:40px 0 50px 46px; }
  .puck-luck-how-to-work-sec .htw-cone-icon-two{right: -9.7%}
  .puck-luck-how-to-work-sec .htw-process-card-body{padding: 0 0 0 60px;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar::after {transform: rotate(150deg); } 
  .puck-luck-how-to-work-sec .htw-process-controls .htw-process-card-body{padding: 40px 0 50px 0; margin-left: 0;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two { right: -20%;}
  .puck-luck-how-to-work-sec .htw-process-controls .htw-process-card-title-bar{height: 66px;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-list{padding-left: 53px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .col-right{max-width: 40.5%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar{height: 66px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding: 0 0 0 30px;}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-cone-icon { top: -11.4%; }
  .puck-luck-how-to-work-sec .htw-process-wrap-title{font-size: 30px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-text{font-size: 21px; padding-top: 21px;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar{height: 66px; margin-left: -40px; max-width: 93%;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-cone-icon { top: -10% }
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-body { padding: 0 0 0 32px; }
  .puck-luck-how-to-work-sec .obstacles-icon img { max-width: 47%; }
  .puck-luck-how-to-work-sec .htw-cone-icon-two { right: -9.3%; }
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{margin-top: 25px; max-width: 100%;}
  .puck-luck-how-to-work-sec .htw-process-card-list{margin-top: 25px;}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-list { margin-top: 25px; padding-left: 19px; max-width: 100%; }
  .puck-luck-how-to-work-sec .htw-process-wrap-one{margin-top: 30px;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-six { margin-top: 20px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-seven{margin-top: 20px; margin-left: 2%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-seven .col-left{max-width: 50%;}
  
  .puck-luck-game-expectation-sec .expectation-head-bg{max-width: 53%;}
  .puck-luck-game-expectation-sec .game-expectation-sec-outer{padding: 40px 0 100px 0;}
  .puck-luck-game-expectation-sec .game-expectation-list { gap: 30px 55px; }
  .puck-luck-game-expectation-sec .game-expect-card-title { font-size: 26px; max-width: 90%; }
  .puck-luck-game-expectation-sec .game-expect-details-item { font-size: 16px; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-one img { max-width: 63%; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two img { max-width: 60%; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two {right: -22.2%;}
  .puck-luck-game-expectation-sec .game-expect-icon-block { top: -114px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-two { top: -94px; left: -21px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-three { top: -98px; left: -30px}
  .puck-luck-game-expectation-sec .game-expect-icon-block-four { top: -89px; left: -22px}
  .puck-luck-game-expectation-sec .game-expect-icon-block-five { top: -93px; }

  .puck-luck-game-dive-sec{padding: 0 120px;}
  .puck-luck-game-dive-sec .dive-sec-outer{margin-top: 120px;}
  .puck-luck-game-dive-sec .btn-bar .dive-btn{margin:0 0 30px 0; max-width: 32%;}
  .puck-luck-game-dive-sec .dive-text { font-size: 22px; padding: 40px 15px 0 15px; }
  .puck-luck-game-dive-sec .dive-bg-icon::before{height: 25px; top: 29%;}
  .puck-luck-game-dive-sec .dive-bg-icon::after{height: 25px; top: 29%;}

  .puck-luck-faq-sec .faq-head-bg{max-width: 47%;}
  .puck-luck-faq-sec .faq-sec-outer { padding: 65px 0 45px; }
  .puck-luck-faq-sec .accordion-title { font-size: 24px; }
  .puck-luck-faq-sec .accordion-item::before{font-size: 24px; width: 85px; min-height: 70px;}
  .puck-luck-faq-sec .accordion-head-outer { padding: 0 0 0 105px; min-height: 70px;}
  .puck-luck-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 21px; }
  .puck-luck-faq-sec .accordion-body { padding: 0 50px 0 105px; }
  .puck-luck-faq-sec .accordion-text { font-size: 20px; }
  .puck-luck-faq-sec .accordion-cont-bar { min-height: 70px; }
  .puck-luck-faq-sec .accordion-item { margin-bottom: 14px; }
}         

@media(max-width:1023px) {
  .puck-luck-game .banner-sec { margin-top: -45px; }
  .puck-luck-game .banner-logo { margin-top: 50px; }
  .puck-luck-game .game-logo-fig { max-width: 30%; }
  .puck-luck-game .video-block { max-width: 90%; }
  .puck-luck-game .banner-video-outer { margin-top: -10px; }
  .puck-luck-game .sec-main-title { font-size: 20px; }
  .puck-luck-game .sec-head-bg { max-width: 63%; }
  .puck-luck-game .btn-bar .base-btn{height: 47px; max-width: 30%; margin: 15px 0 32px 0;}
  .puck-luck-game .btn-text{font-size: 19px;}
  
  .puck-luck-about-us-sec { margin-top: -38%; }
  .puck-luck-about-us-sec .sec-head-outer { margin-top: -76px; }
  .puck-luck-about-us-sec .about-icon-one img { max-width: 40%; }
  .puck-luck-about-us-sec .about-icon-one { top: -24%; left: -12px;}
  .puck-luck-how-to-work-sec .htw-cone-icon-two { top: 9.4%; }
  .puck-luck-about-us-sec .about-icon-two img{max-width: 60%;}
  .puck-luck-about-us-sec .about-icon-two{right: 3%; bottom: 3%;}
  .puck-luck-about-us-sec .about-us-text { font-size: 19px; padding: 0 80px 0 80px;}

  .puck-luck-how-to-work-sec .htw-head-bg{max-width: 55%;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-one { margin-top: 35px; }
  .puck-luck-how-to-work-sec .htw-process-card-title{font-size: 20px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar { height: 57px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar { height: 57px; }
  .puck-luck-how-to-work-sec .htw-cone-icon img { max-width: 63%; }
  .puck-luck-how-to-work-sec .htw-cone-icon-two img { max-width: 63%; }
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-body { padding: 0 0 0 55px; }
  .puck-luck-how-to-work-sec .htw-process-wrap{padding: 0 10px; margin: 10px 0;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar::after { width: 15px; right: 31px; transform: rotate(149deg); }
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{max-width: 70%;}
  .puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 16px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-title-bar::after { width: 15px; left: 31px; transform: rotate(30deg); }
  .puck-luck-how-to-work-sec .htw-process-card-list{margin-top: 20px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top: 20px;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar{ height: 57px; }
  .puck-luck-how-to-work-sec .htw-process-card-title-bar::after{right: 32px;}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-body { padding: 40px 0 50px 56px; margin-left: 7%; }
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-cone-icon-two { right: -16.3%; }
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-title-bar{padding-left: 65px;}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-list{padding: 0; max-width: 86%;}
  .puck-luck-how-to-work-sec .htw-cone-icon {top: -13.3%;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar{padding-left: 48px;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar::after { width: 15px; left: 34px; transform: rotate(30deg); }
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-title-bar::after{ width: 15px;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar::after{ width: 15px;}
  .puck-luck-how-to-work-sec .htw-process-controls .htw-process-card-body { padding: 40px 0 50px 10px; margin-left: 5%; }
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar{max-width: 85%; padding-left: 65px;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two{top: 10.8%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar{height: 57px; margin-left: -53px}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list { margin-top: 20px; padding-left: 15px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-title { font-size: 20px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-text { font-size: 16px; padding-top: 15px; }
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar{height: 57px;}
  .puck-luck-how-to-work-sec .obstacles-icon { left: -7.1%;}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-cone-icon-two { right: -12.3%; top: 9%; }
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-list{padding-left: 0; max-width: 91%;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-six{margin-top: 12px;}
  .puck-luck-how-to-work-sec .htw-process-wrap{margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::before { width: 12px; height: calc(100% + 51%); left: 33px; }
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::after { width: 12px; height: calc(100% + 51%); right: 33px;}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list { max-width: 80%; }
  
  .puck-luck-game-expectation-sec .expectation-head-bg{max-width: 53%;}
  .puck-luck-game-expectation-sec .game-expectation-card-outer:before{top: 13px; left: 13px;}
  .puck-luck-game-expectation-sec .game-expectation-sec-outer { padding: 30px 0 80px 0; }
  .puck-luck-game-expectation-sec .game-expectation-list { gap: 0 46px; }
  .puck-luck-game-expectation-sec .game-expectation-item { max-width: calc((100% / 3) - 70px); }
  .puck-luck-game-expectation-sec .game-expect-card-title { font-size: 18px; max-width: 100%; }
  .puck-luck-game-expectation-sec .game-expect-details-item { font-size: 13px; }
  .puck-luck-game-expectation-sec .game-expectation-card-body { padding: 56px 10px 20px 15px; }
  .puck-luck-game-expectation-sec .game-expect-card-title-bar { height: 45px; }
  .puck-luck-game-expectation-sec .game-expect-card-fig { max-width: 66%; }
  .puck-luck-game-expectation-sec .game-expect-icon-block { top: -78px; left: -5px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-two { top: -62px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-three { top: -65px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-four { top: -57px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-five { top: -58px; left: 8px;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-one img { max-width: 48%; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two { right: -38.4%; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two img{max-width: 48%;}

  .puck-luck-game-dive-sec { padding: 0 90px; }
  .puck-luck-game-dive-sec .dive-sec-outer { margin-top: 98px; }
  .puck-luck-game-dive-sec .btn-text { font-size: 16px; } 
  .puck-luck-game-dive-sec .btn-bar .dive-btn{max-width: 35%; }
  .puck-luck-game-dive-sec .dive-text { font-size: 16px; padding: 30px 10px 0 10px; }
  .puck-luck-game-dive-sec .btn-bar .dive-btn{margin: 0 0 15px 0; height: 45px;}
  .puck-luck-game-dive-sec .dive-bg-icon img { max-width: 12.5%; }
  .puck-luck-game-dive-sec .dive-bg-icon::before { height: 21px; width: calc(100% - 57.5%); top: 31%;}
  .puck-luck-game-dive-sec .dive-bg-icon::after { height: 21px; width: calc(100% - 54%); top: 31%;}

  .puck-luck-faq-sec .faq-head-bg{max-width: 43%;}
  .puck-luck-faq-sec .accordion-title { font-size: 20px; }
  .puck-luck-faq-sec .accordion-item::before { font-size: 20px; width: 80px; min-height: 65px;} 
  .puck-luck-faq-sec .accordion-head-outer { padding: 0 0 0 95px; min-height: 65px;}
  .puck-luck-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 18px; }
  .puck-luck-faq-sec .accordion-cont-bar { min-height: 60px; } 
  .puck-luck-faq-sec .accordion-text { font-size: 16px; }
  .puck-luck-faq-sec .accordion-body { padding: 0 40px 0 95px; }
  .puck-luck-faq-sec .accordion-item { margin-bottom: 11px; }
  .puck-luck-faq-sec .faq-sec-outer { padding: 45px 0 30px; }
  .puck-luck-faq-sec .faq-block { margin-top: 0px; padding: 0; }

  .puck-luck-game .footer{padding: 12px 0;}
  .puck-luck-game .copyright-text{font-size: 18px;}
}

@media(max-width:767px) {
  .puck-luck-game .banner-sec{background:var(--banner-bg-mob) no-repeat center; padding: 0; background-size: 105% 91%;}
  .puck-luck-game .video-block{max-width: 100%;}
  .puck-luck-game .game-logo-fig { max-width: 48%; }
  .puck-luck-game .banner-video-outer { margin-top: -5px; width: calc(100% + 42%); left: -22%; }
  .puck-luck-game .banner-logo { margin-top: 43px; }
  .puck-luck-game .sec-head-bg { max-width: 100%; }
  .puck-luck-game .sec-main-title { font-size: 17px; letter-spacing: 1px;}
  .puck-luck-game .btn-bar .base-btn{height: 37px; max-width: 53.5%; margin: 18px 0 35px 0;}
  .puck-luck-game .btn-text { font-size: 18px; }
  
  .puck-luck-about-us-sec .sec-head-outer{margin: 0;}
  .puck-luck-about-us-sec .about-icon-one{display: none;}
  .puck-luck-about-us-sec .container{padding: 0;}
  .puck-luck-about-us-sec{background:var(--about-bg-mob) no-repeat top center; background-size: cover; position: relative; margin-top: -42%;}
  .puck-luck-about-us-sec .about-us-outer { margin: 108px 0 0 0; }
  .puck-luck-about-us-sec .about-us-text { font-size: 16px; padding: 5px 20px 0 20px; }
  .puck-luck-about-us-sec .about-icon-two img { max-width: 38%; }
  .puck-luck-about-us-sec .about-icon-two { right: -10%; bottom: 8%; }

  .puck-luck-how-to-work-sec .container{padding: 0;}
  .puck-luck-how-to-work-sec .htw-head-bg{max-width: 65%;}
  .puck-luck-how-to-work-sec .htw-head-bg { max-width: 93%; }
  .puck-luck-how-to-work-sec .htw-process-wrap{padding: 0; margin: 7px 0;}
  .puck-luck-how-to-work-sec .htw-process-wrap .col-left{max-width: 100%; left: -2%;}
  .puck-luck-how-to-work-sec .htw-process-wrap .col-left .htw-process-theme img{width: auto; max-width: calc(100% + 12%);}
  .puck-luck-how-to-work-sec .htw-process-card-title {font-size: 18px; letter-spacing: 1px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-body{padding: 40px 0 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%;}
  .puck-luck-how-to-work-sec .htw-process-card-list-block{display: flex; align-items: center;  justify-content: center; text-align: center;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{text-align: center; max-width: 45%;}
  .puck-luck-how-to-work-sec .htw-cone-icon img { max-width: 50%; }
  .puck-luck-how-to-work-sec .game-start-card .htw-cone-icon { top: 16.7%; left: 14%;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-title-bar::after { width: 10px; right: 27px; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 14px; letter-spacing: 0px;}
  .puck-luck-how-to-work-sec .game-start-card .htw-process-card-list{margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-body{padding: 40px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-cone-icon-two img { max-width: 50%; }
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-cone-icon-two { right: auto; top: 16.7%; left: 14%;}
  .puck-luck-how-to-work-sec .htw-process-countdown .htw-process-card-list { padding: 0; max-width: 80%; text-align: center; margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-card-body{padding: 40px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%;}
  .puck-luck-how-to-work-sec .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-cone-icon { top: 16.7%; left: 14%;}
  .puck-luck-how-to-work-sec .htw-process-card-list{margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-wrap-four .col-left{max-width: 62%; left: 0;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding: 70px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two img { max-width: 50%; }
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-cone-icon-two { right: auto; top: 28.5%; left: 14%;}
  .puck-luck-how-to-work-sec .htw-wrap-four .htw-process-card-list { padding: 0; max-width: 60%; text-align: center; margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .col-right { max-width: 100%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding: 40px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-five .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-cone-icon { top: 15.6%; left: 14%;}
  .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list { margin-top: 15px; padding: 0; max-width: 83%; }
  .puck-luck-how-to-work-sec .htw-process-wrap-title{font-size: 18px; letter-spacing: 1px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::before { width: 10px; height: calc(100% + 64%); left: 23px; transform: rotate(32deg);}
  .puck-luck-how-to-work-sec .htw-process-wrap-title-bar::after { width: 10px; height: calc(100% + 64%); right: 23px;}
  .puck-luck-how-to-work-sec .htw-process-wrap-text{font-size: 14px; letter-spacing: 0px; padding: 15px 30px 15px 30px}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-six .word-label{display: inline-flex;}
  .puck-luck-how-to-work-sec .htw-process-wrap-seven .col-left .htw-process-theme img { width: auto; max-width: calc(100% + 4%); }
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-body{padding: 40px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-cone-icon { top: 15%;}
  .puck-luck-how-to-work-sec .htw-process-obstacles .htw-process-card-list { padding: 0; max-width: 80%; text-align: center; margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-title-bar{height: 42px; display: flex; justify-content: center; padding: 0; margin-left: 0; max-width: 57%; clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-body{padding: 40px 0 0 0; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-title-bar::after { width: 10px; right: 27px; left: auto; transform: rotate(144deg); }
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-cone-icon-two img { max-width: 50%; }
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-cone-icon-two { right: auto; top: 15%; left: 14%;}
  .puck-luck-how-to-work-sec .htw-process-game-end .htw-process-card-list { padding: 0; max-width: 80%; text-align: center; margin-top: 15px;}
  .puck-luck-how-to-work-sec .htw-process-game-end .word-label { display: inline-block;}
  .puck-luck-how-to-work-sec .how-to-work-process-sec-one{margin-top: 25px;}
  .puck-luck-how-to-work-sec .htw-process-wrap.htw-process-wrap-seven{flex-direction: column;}
  .puck-luck-how-to-work-sec .htw-process-wrap-seven .col-right{max-width: 100%; left: 5.5%;}
  .puck-luck-how-to-work-sec .htw-process-wrap-seven .col-right .htw-process-theme img{max-width: calc(100% + 4%); width: auto;}
  .puck-luck-how-to-work-sec .obstacles-icon { left: -12px; right: -17%; top: 15%; }
  .puck-luck-how-to-work-sec .obstacles-icon img{ max-width: 52%;}
  .puck-luck-how-to-work-sec .htw-process-puck-count .htw-process-card-list-block, .puck-luck-how-to-work-sec .htw-process-shooting .htw-process-card-list-block{margin-left:0px; width:100%;}
  .puck-luck-game .htw-process-shooting .word-label{display:grid;}

  .puck-luck-game-expectation-sec{background:var(--htw-bg-mob) no-repeat top center; background-size:100% 100%; position: relative; margin-top: 12px;}
  .puck-luck-game-expectation-sec .expectation-title{font-size: 21px;}
  .puck-luck-game-expectation-sec .expectation-head-bg{max-width: 93%;}
  .puck-luck-game-expectation-sec .game-expectation-card-outer:before{top: 12px; left: 12px;}
  .puck-luck-game-expectation-sec .game-expectation-card-outer{margin-right: 22px; margin-bottom: 44px;}
  .puck-luck-game-expectation-sec .game-expect-card-fig { max-width: 57%; }
  .puck-luck-game-expectation-sec .game-expect-card-title{font-size: 21px; max-width: 70%;}
  .puck-luck-game-expectation-sec .game-expect-icon-block { top: -93px; left: -5px; }
  .puck-luck-game-expectation-sec .game-expect-icon-block-two { top: -74px; left: -7px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-three { top: -78px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-four { top: -70px;}
  .puck-luck-game-expectation-sec .game-expect-icon-block-five { top: -71px; left: 7px; }
  .puck-luck-game-expectation-sec .game-expectation-item-four{margin-left: 0;}
  .puck-luck-game-expectation-sec .game-expect-card-title-bar{height: 52px;}
  .puck-luck-game-expectation-sec .game-expect-details-item{padding: 0; font-size: 12px;}
  .puck-luck-game-expectation-sec .game-expectation-card-body { padding: 42px 10px 10px 15px; }
  .puck-luck-game-expectation-sec .game-expectation-item {margin-top: 18px; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two img { max-width: 21%; }
  .puck-luck-game-expectation-sec .expectation-theme-icon-two { right: -115.4%;}
  .puck-luck-game-expectation-sec .expectation-theme-icon-one{display: none;}
  .puck-luck-game-expectation-sec .owl-carousel .owl-dot span{filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.31)); background: rgba(255,255,255,0); border: 2px solid #ffffff; height: 18px; width: 18px;}
  .puck-luck-game-expectation-sec .game-expectation-sec-outer { padding: 20px 0 38px 0; }
  .puck-luck-game-expectation-sec .owl-carousel .owl-dot.active span{filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.31)); background: var(--bg-body);}
  .puck-luck-game-expectation-sec .owl-carousel .owl-dot{margin: 0 5px; margin-top: 12px;}

  .puck-luck-game-dive-sec{padding: 0;}
  .puck-luck-game-dive-sec .container{padding: 0;}
  .puck-luck-game-dive-sec .dive-sec-outer { margin-top: 31px; border-bottom-width:7px;}
  .puck-luck-game-dive-sec .dive-bg-icon img { max-width: 25.5%; }
  .puck-luck-game-dive-sec .dive-bg-icon::before { height: 21px; width: calc(100% - 64.5%); top: 31%; }
  .puck-luck-game-dive-sec .dive-bg-icon::after { height: 21px; width: calc(100% - 57.5%); top: 31%; }
  .puck-luck-game-dive-sec .btn-bar .dive-btn{margin: 0 0 20px 0;}
  .puck-luck-game-dive-sec .word-label{margin-top: 10px;}
  .puck-luck-game-dive-sec .dive-text{padding: 40px 10px 0 10px;}

  .puck-luck-faq-sec .faq-title{font-size: 19px;}
  .puck-luck-faq-sec .faq-head-bg { max-width: 75%; }
  .puck-luck-faq-sec .faq-sec-outer { padding: 30px 0 25px; }
  .puck-luck-faq-sec .accordion-title{font-size: 16px; letter-spacing: 0px; padding-right: 10px;}
  .puck-luck-faq-sec .accordion-head-outer{min-height: 50px; padding: 0 0 0 60px;}
  .puck-luck-faq-sec .accordion-item::before{min-height: 50px; width: 55px; font-size: 16px;}
  .puck-luck-faq-sec .accordion-text{font-size: 14px; letter-spacing: 0px;}
  .puck-luck-faq-sec .accordion-body { padding: 0 35px 0 60px; }
  .puck-luck-faq-sec .accordion-head-outer .accordion-icon{margin-right: 10px;}
  .puck-luck-faq-sec .accordion-head-outer .accordion-icon .icon{font-size: 16px;}

  .puck-luck-game .footer{padding: 7px 0;}
  .puck-luck-game .copyright-text{font-size: 16px;}
}
@media(max-width:374px) {
  .puck-luck-game .sec-main-title{font-size:16px;}
  .puck-luck-game-expectation-sec .expectation-title{font-size:20px;}
  .puck-luck-game-expectation-sec .game-expect-card-title{font-size:19px;}
  .puck-luck-faq-sec .accordion-title{font-size:14px;}
  .puck-luck-faq-sec .accordion-body{padding:0 15px 0 60px;}
  .puck-luck-faq-sec .accordion-text{font-size:14px;}
}
/* ***************************** // Puck Luck Game CSS End // ***************************** */




/* ***************************** // Run Game CSS Start // ***************************** */
.run-game {
  /*Colors*/
  --clr-base:#0d6cd8;
  --clr-base-light:#ffde00;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#0e5fbb;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#0d6cd8;
  --bg-primary:#0e5fbb;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-base1:'Helvetica', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
  
}

.run-game .header{box-shadow:none;}
.run-game .nav-item-label{font-weight:600;}
@media (hover: hover){.run-game .active .nav-item-label, .run-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.run-game .base-btn{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt);}
.run-game .btn-bar{display:flex; justify-content:center; margin:30px 0 20px 0;}
.run-game .btn-bar .base-btn{height: 103px; background: #0a9af9; margin-top: 25px;}
.run-game .btn-text {font-size: 45px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base); text-shadow: none; padding: 0;}
.run-game .sec-main-title{position: absolute; color: var(--clr-action-alt); text-transform: uppercase; font-weight: bold; font-family: var(--font-base);}
.run-game .sec-head-bg {filter: drop-shadow(0px 15px 17.5px rgba(0,0,0,0.2));}

.run-game .game-logo-outer{max-width:40.5%; position: relative;}
.run-game .game-logo-fig{max-width: 100%; position: relative;}
.run-game .game-logo-outer::before { position: absolute; left: 21px; right: 0px; top: 0; bottom: 0px; height: 57%; width: 69%; border-radius: 39%; content: ''; margin: auto; background: linear-gradient(to right, rgba(0, 234, 255, 1) 0%, rgba(0, 72, 255, 1) 100%); filter: blur(18px);}
.run-game .game-logo-mob{display: none;}

.run-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; padding-bottom: 4px;}
.run-game .banner-sec-outer{background:transparent; padding:0px;}
.run-game .banner-col{float:left; width:100%; flex:0 0 100%;}
.run-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.run-game .banner-sec-video{background:transparent;}
.run-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; margin-top: 1.5%;}
.run-game .video-block { max-width: 56%; position: relative; overflow: inherit;}
.run-game .video-poster, .run-game .client-video { top: 3%; left: 2%; border-radius: 28px; right: 3.5%; height: calc(100% - 6%); width: calc(100% - 3.9%); bottom: auto; }
.run-game .video-shadow{bottom:-15px; z-index: 1;}
.run-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}

.run-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position: relative;}
.run-about-us-sec .sec-head { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0px;}
.run-about-us-sec .about-us-outer{margin: 45px 0 100px 0;}
.run-about-us-sec .about-work-title{ font-size: 53px; padding-bottom: 12px; color: var(--clr-action-alt); text-transform: uppercase; font-weight: bold; font-family: var(--font-base);}
.run-about-us-sec .about-us-text-block{padding: 0;}
.run-about-us-sec .about-head-bg{position: relative;}
.run-about-us-sec .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.run-about-us-sec .about-us-text {font-size: 27px; color: #ffffff; font-weight: 500; text-align: center; font-family: var(--font-btn); padding: 0 123px;}
.run-about-us-sec .htw-process-card-title{font-family: var(--font-base); font-size: 67px; text-transform: uppercase; color: #10369c; font-weight: bold;}

.run-how-to-work-sec { margin-top: -68px; }
.run-how-to-work-sec .htw-work-title{font-size: 82px; line-height: 40px; margin-bottom: 7px;}
.run-how-to-work-sec .htw-process-wrap .col-left{position: relative; max-width: 57.2%;}
.run-how-to-work-sec .htw-process-wrap .col-right{position: relative; margin: 0;}
.run-how-to-work-sec .htw-process-wrap-seven .col-right{position: relative; padding: 0;}
.run-how-to-work-sec .game-start-card.htw-process-card:before{display: none;}
.run-how-to-work-sec .htw-process-card:before{display: none;}
.run-how-to-work-sec .htw-process-card-outer:before, .htw-process-card-outer:before{display: none;}
.run-how-to-work-sec .htw-process-wrap-five { flex-direction: row; padding: 0; }
.run-how-to-work-sec .game-start-card.htw-process-card:after{display: none;}
.run-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display: none;}
.run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display: none;}
.run-how-to-work-sec .htw-process-card-outer{background: none; border-radius: 0; padding: 0;} 
.run-how-to-work-sec .htw-process-card-list-item{list-style: disc;}
.run-how-to-work-sec .htw-process-card-list-item::marker{font-size: 16px;}
.run-how-to-work-sec .game-start-card .htw-process-card-body{padding: 40px 0 50px 50px;}
.run-how-to-work-sec .htw-process-card-body { padding: 80px 0px 50px 50px;  }
.run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-body { padding: 50px 0 0 ;margin-bottom: -10px;}
.run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-list{ padding: 0}
.run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-body { padding: 40px 0px 50px 0px; }
.run-how-to-work-sec .game-start-card .htw-process-card-list{margin-top: 15px; max-width: 100%; padding-left: 80px;}
.run-how-to-work-sec .game-start-card .htw-process-card-outer{background: #fff; border-radius: 0; padding: 0;} 
.run-how-to-work-sec .htw-process-wrap{margin: 50px 0; position: relative;}
.run-how-to-work-sec .htw-process-wrap-one{margin: 150px 0 190px 0;}
.run-how-to-work-sec .htw-wrap-six{margin-top: 230px;}    
.run-how-to-work-sec .how-to-work-process-sec-one .htw-process-theme:after{filter: inherit; opacity: 0.76; border-radius: 100px 100px 0px 0px; height: 18px; bottom: -6px; left: -80px; right: -80px; width: calc(100% + 135px); z-index: -1; background: linear-gradient(to right, rgba(32, 29, 121, 0) 0%, rgba(32, 29, 121, 0.8) 10%, rgba(32, 29, 121, 1) 19%, rgba(32, 29, 121, 1) 20%, rgba(32, 29, 121, 1) 50%, rgba(32, 29, 121, 1) 80%, rgba(32, 29, 121, 1) 81%, rgba(32, 29, 121, 0.8) 90%, rgba(32, 29, 121, 0) 100%);}
.run-how-to-work-sec .how-to-work-process-wrap .col-left{max-width: 58.7%; margin: 0; padding:0;}
.run-how-to-work-sec .htw-process-theme:after{ filter: inherit; opacity: 0.76; border-radius: 100px 100px 0px 0px; height: 18px; bottom: -10px; left: -80px; right: -80px; width: calc(100% + 135px); z-index: -1; background: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(23 22 47 / 80%) 10%, rgb(0 0 0) 19%, rgb(0 0 0) 20%, rgb(0 0 0) 50%, rgb(0 0 0) 80%, rgb(0 0 0) 81%, rgb(17 17 28 / 80%) 90%, rgba(32, 29, 121, 0) 100%);}
.run-how-to-work-sec .how-to-work-process-wrap{background:var(--htw-sec-bg) no-repeat top center; background-size:100% 100%; position: relative; padding: 87px 0;}
.run-how-to-work-sec .how-to-work-process-wrap .htw-process-theme{z-index:1;}
.run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-title{font-family: var(--font-base); font-size: 52px; text-transform: uppercase; color: #ffffff; font-weight: bold;}
.run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-family: var(--font-base); font-size: 27px; color: #ffffff; font-weight: 600; padding-left: 0;}
.run-how-to-work-sec .game-start-card .htw-process-card-list-item{font-size: 27px; color: #102662; font-weight: 600; font-family: var(--font-base); padding-left: 0;}
.run-how-to-work-sec .htw-process-card-forest-terrain .htw-process-card-body{padding: 72px 20px 50px 64px;}
.run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-body{ padding: 70px 0 50px 175px;}
.run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-title-bar{padding: 35px 0px 35px 165px; background: linear-gradient(to right, rgb(15 40 99 / 0%) 0%, rgb(15 40 99 / 10%) 10%, rgb(15 40 99 / 20%) 20%, rgb(15 40 99 / 30%) 30%, rgb(15 40 99 / 70%) 45%, rgb(15 40 99), rgba(15, 40, 99, 1) 100%)}
.run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-title-bar{padding: 35px 100px 35px 40px; background: linear-gradient(to left, rgb(15 40 99 / 0%) 0%, rgb(15 40 99 / 10%) 10%, rgb(15 40 99 / 20%) 20%, rgb(15 40 99 / 30%) 30%, rgb(15 40 99 / 70%) 45%, rgb(15 40 99), rgba(15, 40, 99, 1) 100%)}
.run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-body{ padding: 70px 70px 50px 0;}
.run-how-to-work-sec .htw-process-card-title{font-size: 52px; text-transform: uppercase; color: #10369c; font-weight: bold; font-family: var(--font-base)}
.run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-title{font-size: 63px; text-transform: uppercase; color: #10369c; font-weight: bold; font-family: var(--font-base)}
.run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-title{font-size: 52px; text-transform: uppercase; color: #10369c; font-weight: bold; font-family: var(--font-base)}
.run-how-to-work-sec .htw-process-card-list{padding-left: 70px;}
.run-how-to-work-sec .htw-process-obstacles .htw-process-card-list{padding-left: 38px;}
.run-how-to-work-sec .htw-process-obstacles .htw-process-card-list-item::marker{color: #ffd200;}
.run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-family: var(--font-base) ;font-size: 27px; color: #102662; font-weight: 600; padding: 0;}
.run-how-to-work-sec .game-start-card .htw-process-card-title{font-size: 67px; text-transform: uppercase; color: #10369c; font-weight: bold; font-family: var(--font-base)}
.run-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-family: var(--font-base) ;font-size: 27px; color: #102662; font-weight: 600;}
.run-how-to-work-sec .htw-process-wrap-seven{flex-direction: row; padding: 0; margin-top: 100px;}
.run-how-to-work-sec .htw-process-wrap-eight{padding: 0; margin-top: 150px;}
.run-how-to-work-sec .htw-process-wrap-eight .col-right{padding: 0;}
.run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-body{padding: 80px 0px 50px 10px;}
.run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-list{padding:0 60px 0 60px}
.run-how-to-work-sec .htw-arrow-one { position: absolute; bottom: -16%; left: -23%; }
.run-how-to-work-sec .htw-arrow-two { position: absolute; right: -18.7%; bottom: -17%; }
.run-how-to-work-sec .htw-arrow-three { position: absolute; bottom: -16%; left: -23%; }
.run-how-to-work-sec .htw-arrow-four { position: absolute; bottom: -27%; left: -26%;}
.run-how-to-work-sec .shoe-icon { position: absolute; left: -11.8%; top: -17%; }
.run-how-to-work-sec .hand-icon{position: absolute; right: 1%; bottom: -8%;}
.run-how-to-work-sec .control-arrow-icon { position: absolute; right: -47%; top: 7%; }
.run-how-to-work-sec .control-btn-icon { position: absolute; right: -75%; top: 10%; }
.run-how-to-work-sec .bottle-icon { position: absolute; left: -19.5%; bottom: -17%; }
.run-how-to-work-sec .htw-process-wrap-nine { display: flex; flex-direction: column-reverse;}
.run-how-to-work-sec .htw-process-wrap-nine .col-left{max-width: 59%;}
.run-how-to-work-sec .htw-process-wrap-nine .col-right{text-align: center;}
.run-how-to-work-sec .htw-process-wrap-nine .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{list-style: none;}
.run-how-to-work-sec .how-to-work-process-sec-nine{position: relative;}
.run-how-to-work-sec .sec-nine-icon-one{position: absolute; bottom: -24%; }
.run-how-to-work-sec .sec-nine-icon-two{position: absolute; right: 0; bottom: -25.5%;}

.run-game-expectation-sec{background: #192a20; margin-top: 100px;}
.run-game-expectation-sec .expectation-head-outer{margin-top: -66px;}
.run-game-expectation-sec .game-expectation-sec-outer{padding: 0 0 100px 0; position: relative;}
.run-game-expectation-sec .game-expectation-list{gap: 0;}
.run-game-expectation-sec .game-expectation-item{max-width: calc((100% / 3) - 110px);}
.run-game-expectation-sec .expectation-title{font-size: 82px; line-height: 40px; margin-bottom: 7px; font-weight: 800;}
.run-game-expectation-sec .game-expectation-card-outer{background: none; padding: 0 10px;}
.run-game-expectation-sec .game-expectation-card-body{box-shadow: 0px 0px 50px inset #00ffa8; padding: 56px 17px 40px 17px; background: linear-gradient(0deg, #2065d1 0%, #60b8ff 46%, #2ef0ff 100%); border: 3px solid #00ffa8; border-radius: 4px;}
.run-game-expectation-sec .game-expect-card-title-bar{display: flex; width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}
.run-game-expectation-sec .game-expect-card-title{font-size: 30px; color: #072073; font-weight: bold; font-family: var(--font-base); max-width:80%;}
.run-game-expectation-sec .game-expect-details-item{font-size: 18px; color: #072073; font-weight: 600; font-family: var(--font-mono); text-align: center; padding: 0;}
.run-game-expectation-sec .game-expect-details-item:before{display: none;}
.run-game-expectation-sec .game-expect-card-fig { max-width: 47%; }
.run-game-expectation-sec .game-expect-icon-block{top: -135px; margin-bottom: -120px;}
.run-game-expectation-sec .game-expect-icon-block-two { top: -125px; }
.run-game-expectation-sec .game-expect-icon-block-three { top: -123px; }  
.run-game-expectation-sec .game-expect-icon-block-four { top: -147px; }
.run-game-expectation-sec .game-expect-icon-block-five { top: -128px; }
.run-game-expectation-sec .expectation-sec-icon-one{position: absolute; bottom: 21%;}
.run-game-expectation-sec .expectation-sec-icon-two{position: absolute; right: 0; bottom: 1%;}

.run-game-race-sec{background:var(--race-sec-bg) no-repeat top center; background-size:100% 100%; position: relative;}
.run-game-race-sec .race-text{font-size: 36px; color: #ffffff; font-weight: 600; font-family: var(--font-base); text-align: center; padding: 60px 100px 0px 100px;}
.run-game-race-sec .btn-bar .race-btn{margin: 40px 0 100px 0; max-width: 33%;}

.run-faq-sec{background:var(--faq-sec-bg) no-repeat top center; background-size:100% 100%; margin-bottom: -2px;}
.run-faq-sec .faq-head-outer{margin-top: -66px;}
.run-faq-sec .faq-title{font-size: 82px; line-height: 40px; margin-bottom: 12px; font-weight: 800;}
.run-faq-sec .faq-sec-outer{padding: 0;}
.run-faq-sec .faq-block{padding: 40px 0 70px 0;}
.run-faq-sec .accordion-card{border: none; background-color: rgba(5,25,44,0.74); border: 4px solid rgba(255,255,255,0.42);}
.run-faq-sec .is-open .accordion-card{background: var(--bg-body); padding: 0;}
.run-faq-sec .accordion-head{ padding: 0}
.run-faq-sec .accordion-head-outer{ min-height: auto; border-radius: 0; box-shadow: none; background: none;}
.run-faq-sec .is-open .accordion-head-outer{background: none; border: none;}
.run-faq-sec .accordion-body{padding: 0;}
.run-faq-sec .accordion-cont-bar{padding: 0;}
.run-faq-sec .accordion-title{font-size: 36px; font-weight: 650; font-family: var(--font-base);}
.run-faq-sec .is-open .accordion-title{font-size: 36px; color: #29236c; font-weight: bold; font-family: var(--font-base);}
.run-faq-sec .accordion-text{font-size: 31px; color: #1a0632; font-weight: 400; font-family: var(--font-btn); padding:0 40px 10px 70px;}
.run-faq-sec .accordion-icon { background: rgba(255,255,255,0.49); height: 50px; width: 50px; min-width: 50px;}
.run-faq-sec .is-open .accordion-icon { background: #29236c; }
.run-faq-sec .is-open .accordion-icon .icon { transform: inherit; width: auto; }
.run-faq-sec .accordion-head-outer .accordion-icon .icon { text-shadow: none; color: #fff; font-size: 21px; }
.run-faq-sec .isg-arrow-up4:before { content: "\e901"; }
.run-faq-sec .isg-arrow-down4:before { content: "\e900"; color: #082a4a;}

.run-game .footer{background: #041434;}
.run-game .copyright-text{color:rgba(255, 255, 255, 0.58); font-weight: 400; font-family: var(--font-btn);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .run-game .game-logo-outer { max-width: 40%; }
  .run-game .btn-bar .base-btn{height: 88px;}
  .run-game .btn-text{font-size: 34px;}
  .run-game .video-poster, .run-game .client-video{border-radius: 17px;}
  .run-game .video-shadow { bottom: -10px;}
  
  .run-about-us-sec .about-work-title{font-size: 46px;}
  .run-about-us-sec .about-us-outer { margin: 30px 0 100px 0; }
  .run-about-us-sec .about-us-text{font-size: 24px; padding: 0 48px;}
  
  .run-how-to-work-sec .htw-process-wrap{margin: 40px 0;}
  .run-how-to-work-sec .htw-process-wrap-one { margin: 90px 0 110px 0; }
  .run-how-to-work-sec .htw-wrap-six{margin-top: 160px;}
  .run-how-to-work-sec .htw-process-wrap-seven{margin-top: 75px;}
  .run-how-to-work-sec .htw-work-title{font-size: 68px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-title{font-size: 54px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 24px;}
  .run-how-to-work-sec .htw-process-wrap .col-left{max-width: 54%; padding-left:0;}
  .run-how-to-work-sec .how-to-work-process-sec-one .htw-process-theme:after {width: calc(100% + 78px);}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-title{font-size: 44px;}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 24px;}
  .run-how-to-work-sec .how-to-work-process-wrap{padding: 80px 0;}
  .run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-body { padding: 10px 0 50px 175px; }
  .run-how-to-work-sec .htw-arrow-one img{max-width: 80%;}
  .run-how-to-work-sec .htw-arrow-one {bottom: -18.5%; }
  .run-how-to-work-sec .htw-arrow-two img{max-width: 80%;}
  .run-how-to-work-sec .htw-arrow-two{right: -24.7%;}
  .run-how-to-work-sec .htw-arrow-three img{max-width: 80%;}
  .run-how-to-work-sec .htw-arrow-three{bottom: -20%;}
  .run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-title-bar { padding: 34px 0px 35px 140px;}
  .run-how-to-work-sec .htw-process-card-forest-terrain .htw-process-card-body { padding: 55px 20px 50px 46px; }
  .run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-body { padding: 70px 55px 50px 0; }
  .run-how-to-work-sec .shoe-icon img{max-width: 75%;}
  .run-how-to-work-sec .htw-process-card-title{font-size: 44px;}
  .run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 24px;}
  .run-how-to-work-sec .htw-process-card-shoes-boost .htw-process-card-list{padding: 0 40px 0 50px;}
  .run-how-to-work-sec .htw-arrow-four img{max-width: 80%;}
  .run-how-to-work-sec .htw-arrow-four { bottom: -28%; left: -28%; }
  .run-how-to-work-sec .control-arrow-icon img{max-width: 80%;}
  .run-how-to-work-sec .control-arrow-icon {right: -78%; top: 3%; }
  .run-how-to-work-sec .control-btn-icon img{max-width: 80%;}
  .run-how-to-work-sec .control-btn-icon {right: -91%; top: 10%; }
  .run-how-to-work-sec .hand-icon img{max-width: 80%;}
  .run-how-to-work-sec .hand-icon {right: -2%; bottom: -9%; }
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-title{font-size: 44px;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-title{font-size: 52px;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-list{margin-top: 4px;}
  .run-how-to-work-sec .bottle-icon img{max-width: 75%;}
  .run-how-to-work-sec .bottle-icon { left: -19.2%; }
  .run-how-to-work-sec .sec-nine-icon-one img{max-width: 70%;}
  .run-how-to-work-sec .sec-nine-icon-one{bottom: -29%;}
  .run-how-to-work-sec .sec-nine-icon-two img{max-width: 66%;}
  .run-how-to-work-sec .sec-nine-icon-two { right: -163px; bottom: -29.5%;}
  .run-how-to-work-sec .htw-process-wrap-nine .col-left{max-width: 50%;}
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-body { padding: 80px 0px 30px 10px; }
  .run-how-to-work-sec .htw-process-theme:after{ width: calc(100% + 78px) }
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-body {margin-bottom: -25px;}
  .run-how-to-work-sec .htw-process-wrap-nine{margin: 40px 0 20px 0;}
  .run-how-to-work-sec .game-start-card .htw-process-card-list{padding-left: 63px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-body { padding: 40px 0 50px 36px; }
  
  .run-game-expectation-sec .expectation-title{font-size: 68px;}
  .run-game-expectation-sec .game-expectation-sec-outer { padding: 0 0 60px 0;}
  .run-game-expectation-sec .expectation-head-bg{max-width: 60%;}
  .run-game-expectation-sec .expectation-head-outer { margin-top: -57px; }
  .run-game-expectation-sec .game-expectation-item { max-width: calc((100% / 3) - 50px); margin-top: 30px;}
  .run-game-expectation-sec .game-expect-icon-block { top: -103px;}
  .run-game-expectation-sec .game-expect-icon-block-two { top: -99px;}
  .run-game-expectation-sec .game-expect-icon-block-three { top: -99px;}
  .run-game-expectation-sec .game-expect-icon-block-four { top: -115px;}
  .run-game-expectation-sec .game-expect-icon-block-five { top: -100px;}
  .run-game-expectation-sec .game-expect-card-title{font-size: 26px;}
  .run-game-expectation-sec .game-expect-details-item{font-size: 16px;}
  .run-game-expectation-sec .game-expect-card-fig { max-width: 44%; }
  .run-game-expectation-sec .game-expectation-card-body{padding: 56px 10px 30px 10px;}
  .run-game-expectation-sec .game-expect-card-title-bar{height: 70px;}
  .run-game-expectation-sec .expectation-sec-icon-one img{max-width: 80%;}
  .run-game-expectation-sec .expectation-sec-icon-two img{max-width: 80%;}
  .run-game-expectation-sec .expectation-sec-icon-two{right: -30px;}
  
  .run-game-race-sec .race-text{font-size: 27px; padding: 60px 110px 0px 110px;}
  .run-game-race-sec .btn-bar .race-btn{ margin: 10px 0 90px 0;}
  
  .run-faq-sec .faq-title{font-size: 68px;}
  .run-faq-sec .faq-head-outer { margin-top: -50px; }
  .run-faq-sec .faq-head-bg{max-width: 54%; }
  .run-faq-sec .accordion-title{font-size: 32px;}
  .run-faq-sec .accordion-head-outer{padding: 7px 20px;}
  .run-faq-sec .is-open .accordion-title{font-size: 32px;}
  .run-faq-sec .accordion-text{font-size: 24px; padding: 0 60px 10px 60px;}
  .run-faq-sec .accordion-card{padding: 15px 0;}
  .run-faq-sec .accordion-icon { background: rgba(255, 255, 255, 0.49); height: 45px; width: 45px; min-width: 45px; margin-right: 0;}
}

@media(max-width:1280px) {
  .run-game .video-shadow{bottom: -8px;}
  .run-game .btn-bar .base-btn { height: 74px; }
  .run-game .btn-text { font-size: 27px; }
  .run-game .sec-head-bg{max-width: 57%;}
  .run-game .btn-bar{margin: 0;}
  .run-game .video-poster, .run-game .client-video { border-radius: 15px; }
  .run-game .game-logo-outer { max-width: 37%; }

  .run-about-us-sec .about-us-outer { margin: 15px 0 80px 0; }
  .run-about-us-sec .about-work-title{font-size: 38px}
  .run-about-us-sec .about-us-text { font-size: 21px; padding: 0 27px; } 
  
  .run-how-to-work-sec .htw-head-outer{margin-top: 22px;}
  .run-how-to-work-sec .htw-work-title { font-size: 57px; }
  .run-how-to-work-sec .htw-process-wrap { margin: 35px 0; padding: 0 50px; }
  .run-how-to-work-sec .htw-process-wrap-one { margin: 60px 0 80px 0; }
  .run-how-to-work-sec .how-to-work-process-wrap{padding: 70px 0;}
  .run-how-to-work-sec .game-start-card .htw-process-card-title { font-size: 44px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 20px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-body { padding: 40px 0 50px 0px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-list { padding-left: 52px; margin-top: 10px;}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-title{font-size: 36px;}
  .run-how-to-work-sec .htw-process-obstacles .htw-process-card-list{margin-top: 10px;}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 20px;}
  .run-how-to-work-sec .htw-arrow-one img { max-width: 60%; }
  .run-how-to-work-sec .htw-arrow-one { bottom: -21.5%; }
  .run-how-to-work-sec .htw-arrow-two img { max-width: 60%; }
  .run-how-to-work-sec .htw-arrow-two { right: -32.7%; bottom: -22%;}
  .run-how-to-work-sec .htw-arrow-three img { max-width: 60%; }
  .run-how-to-work-sec .htw-arrow-three { bottom: -24%; }
  .run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-body { padding: 10px 0 50px 80px; }
  .run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-body { padding: 70px 0 50px 0; }
  .run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-title-bar { padding: 35px 78px 35px 40px;}
  .run-how-to-work-sec .shoe-icon img { max-width: 55%; }
  .run-how-to-work-sec .htw-process-card-title{font-size: 36px;}
  .run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 20px;}
  .run-how-to-work-sec .htw-process-card-body { padding: 80px 0px 50px 0px; }
  .run-how-to-work-sec .htw-arrow-four img { max-width: 60%; }
  .run-how-to-work-sec .htw-wrap-six{margin-top: 110px;}
  .run-how-to-work-sec .htw-process-wrap-seven{margin-top: 55px;}
  .run-how-to-work-sec .control-arrow-icon img{max-width: 57%;}
  .run-how-to-work-sec .control-arrow-icon { right: -120%; top: 3%; }
  .run-how-to-work-sec .control-btn-icon img{max-width: 60%;}
  .run-how-to-work-sec .control-btn-icon { right: -97%; top: 8%; }
  .run-how-to-work-sec .htw-process-card-control .htw-process-card-body { padding: 80px 0px 50px 30px; }
  .run-how-to-work-sec .htw-process-card-list{padding-left: 50px; margin-top: 10px;}
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-title{font-size: 36px;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-title{font-size: 42px;}
  .run-how-to-work-sec .bottle-icon img { max-width: 55%; }
  .run-how-to-work-sec .bottle-icon { left: -18.5%; }
  .run-how-to-work-sec .sec-nine-icon-one img { max-width: 60%; }
  .run-how-to-work-sec .sec-nine-icon-one { bottom: -38%; }
  .run-how-to-work-sec .sec-nine-icon-two img { max-width: 56%; }
  .run-how-to-work-sec .sec-nine-icon-two { right: -211px; bottom: -39.5%;}
  .run-how-to-work-sec .htw-process-wrap-nine { margin: 10px 0 0 0; }
  .run-how-to-work-sec .hand-icon img { max-width: 68%; }
  .run-how-to-work-sec .hand-icon { right: -6%; bottom: -14%; }
  .run-how-to-work-sec .htw-process-theme:after {height: 13px; bottom: -6px; width: calc(100% + 40px);}

  .run-game-expectation-sec .expectation-title{font-size: 52px;}
  .run-game-expectation-sec .expectation-head-bg{ max-width: 52%; }
  .run-game-expectation-sec .expectation-head-outer{ margin-top: -42px; }
  .run-game-expectation-sec .game-expect-icon-block { top: -94px; }
  .run-game-expectation-sec .game-expect-icon-block-two { top: -87px; }
  .run-game-expectation-sec .game-expect-icon-block-three { top: -87px; }
  .run-game-expectation-sec .game-expect-icon-block-four { top: -102px }
  .run-game-expectation-sec .game-expect-icon-block-five { top: -91px; }
  .run-game-expectation-sec .game-expect-card-title { font-size: 23px; }
  .run-game-expectation-sec .game-expect-details-item { font-size: 14px; }
  .run-game-expectation-sec .game-expectation-item { max-width: calc((100% / 3) - 38px); margin-top: 10px;}
  .run-game-expectation-sec .game-expect-card-title-bar { height: 60px; }
  .run-game-expectation-sec .expectation-sec-icon-one img { max-width: 65%; }
  .run-game-expectation-sec .expectation-sec-icon-one { bottom: 17%; }
  .run-game-expectation-sec .expectation-sec-icon-two img { max-width: 65%; }
  .run-game-expectation-sec .expectation-sec-icon-two { right: -52px; }
  .run-game-expectation-sec .game-expectation-sec-outer{padding: 0 0 50px 0;}
  
  .run-game-race-sec .race-text { font-size: 24px; padding: 40px 110px 0px 110px; }
  .run-game-race-sec .btn-bar .race-btn { margin: 30px 0 85px 0;}
  
  .run-faq-sec{margin-top:-2px;}
  .run-faq-sec .faq-title{font-size: 57px;}
  .run-faq-sec .faq-head-bg{max-width: 54%;}
  .run-faq-sec .faq-head-outer { margin-top: -45px; }
  .run-faq-sec .is-open .accordion-title { font-size: 28px; }
  .run-faq-sec .accordion-icon { height: 38px; width: 38px; min-width: 38px;}
  .run-faq-sec .accordion-title { font-size: 28px; }
  .run-faq-sec .accordion-text { font-size: 21px; padding: 0 70px 10px 50px;}
  .run-faq-sec .accordion-head-outer { padding: 5px 10px; }
}
@media(max-width:1023px) {
  .run-game .game-logo-outer { max-width: 34%; }
  .run-game .video-block{max-width: 57%;}
  .run-game .btn-bar .base-btn { height: 60px; }
  .run-game .btn-text { font-size: 24px; }
  .run-game .video-poster, .run-game .client-video { border-radius: 10px; }
  .run-game .banner-sec{padding-bottom: 6px;}

  .run-about-us-sec .about-us-outer { margin: 10px 0 80px 0; }
  .run-about-us-sec .about-work-title { font-size: 33px; }
  .run-about-us-sec .about-us-text{font-size: 17px; padding: 0;}

  .run-how-to-work-sec .htw-work-title { font-size: 42px; }
  .run-how-to-work-sec .htw-head-outer { margin-top: 28px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-title { font-size: 36px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 17px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-body { padding: 40px 0 40px 0px; }
  .run-how-to-work-sec .game-start-card .htw-process-card-list { padding-left: 42px; margin-top: 6px; }
  .run-how-to-work-sec .how-to-work-process-wrap{padding: 45px 0;}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-title { font-size: 27px; }
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 17px; }
  .run-how-to-work-sec .htw-arrow-one img { max-width: 40%; }
  .run-how-to-work-sec .htw-arrow-two img { max-width: 40%; }
  .run-how-to-work-sec .htw-arrow-three img { max-width: 40%; }
  .run-how-to-work-sec .htw-arrow-one { bottom: -22.5%; left: -21%; }
  .run-how-to-work-sec .htw-arrow-two { right: -44.7%; bottom: -23%; }
  .run-how-to-work-sec .htw-arrow-three { bottom: -20%; left: -22%; }
  .run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-title-bar { padding: 34px 0px 35px 70px; }
  .run-how-to-work-sec .htw-process-wrap{margin: 25px 0;}
  .run-how-to-work-sec .htw-process-wrap-one { margin: 30px 0 50px 0; padding:0 20px;}
  .run-how-to-work-sec .htw-process-wrap-five{margin: 0;}
  .run-how-to-work-sec .htw-process-card-title { font-size: 30px; }
  .run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 17px;}
  .run-how-to-work-sec .htw-process-card-title { font-size: 30px; }
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-title{font-size: 32px;}
  .run-how-to-work-sec .htw-arrow-four img{max-width: 40%;}
  .run-how-to-work-sec .control-btn-icon img{max-width: 50%;}
  .run-how-to-work-sec .htw-process-wrap-seven{margin-top: -15px;}
  .run-how-to-work-sec .control-btn-icon { right: -117%; top: 0; }
  .run-how-to-work-sec .control-arrow-icon img{max-width: 42%;}
  .run-how-to-work-sec .control-arrow-icon { right: -183%; } 
  .run-how-to-work-sec .shoe-icon img { max-width: 42%; }
  .run-how-to-work-sec .hand-icon img { max-width: 52%; }
  .run-how-to-work-sec .hand-icon { right: -13%; bottom: -15%; }
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-title{font-size: 30px;}
  .run-how-to-work-sec .bottle-icon img { max-width: 40%; }
  .run-how-to-work-sec .sec-nine-icon-one img { max-width: 42%; }
  .run-how-to-work-sec .sec-nine-icon-two img { max-width: 42%; }
  .run-how-to-work-sec .sec-nine-icon-two { right: -279px; bottom: -49.5%}
  .run-how-to-work-sec .htw-process-wrap-nine .col-left{max-width: 48%;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-body { margin-bottom: 10px; padding: 0;}
  .run-how-to-work-sec .sec-nine-icon-one { bottom: -47.5%; }
  .run-how-to-work-sec .htw-process-wrap-nine{padding: 0; margin-bottom: -15px;}
  .run-how-to-work-sec .htw-process-card-forest-terrain .htw-process-card-body { padding: 55px 20px 50px 23px; }

  .run-game-expectation-sec .expectation-head-outer { margin-top: -31px; }
  .run-game-expectation-sec .expectation-title{font-size: 42px;}
  .run-game-expectation-sec .game-expectation-item { max-width: calc((100% / 3) - 0px); margin-top: -10px;}
  .run-game-expectation-sec .game-expect-card-title-bar { height: 60px; padding: 0 10px;}
  .run-game-expectation-sec .game-expectation-card-outer { padding: 0 7px; }
  .run-game-expectation-sec .game-expect-card-title { font-size: 21px; max-width:100%;}
  .run-game-expectation-sec .game-expect-card-fig { max-width: 39%; }
  .run-game-expectation-sec .game-expect-details-item { font-size: 12px; }
  .run-game-expectation-sec .game-expect-icon-block { top: -40px; }
  .run-game-expectation-sec .game-expect-icon-block-two { top: -37px; }
  .run-game-expectation-sec .game-expect-icon-block-three { top: -35px; }
  .run-game-expectation-sec .game-expect-icon-block-four { top: -48px; }
  .run-game-expectation-sec .game-expect-icon-block-five { top: -39px; }
  .run-game-expectation-sec .game-expectation-card-body { padding: 35px 8px 15px 8px; }
  .run-game-expectation-sec .expectation-sec-icon-one { bottom: 13%; }
  .run-game-expectation-sec .expectation-sec-icon-one img{max-width: 55%}
  .run-game-expectation-sec .expectation-sec-icon-two { right: -67px; bottom: -4%;}
  .run-game-expectation-sec .expectation-sec-icon-two img { max-width: 55%; }
  .run-game-expectation-sec .game-expectation-sec-outer { padding: 0 0 40px 0; }

  .run-game-race-sec .race-text { font-size: 21px; padding: 30px 20px 0px 20px; }

  .run-faq-sec .faq-title { font-size: 42px; margin-bottom: 7px;}
  .run-faq-sec .faq-head-outer { margin-top: -37px; }
  .run-faq-sec .accordion-title { font-size: 24px; }
  .run-faq-sec .is-open .accordion-title { font-size: 24px; }
  .run-faq-sec .accordion-text { font-size: 18px; padding: 0 53px 10px 33px;}
  .run-game-race-sec .btn-bar .race-btn {margin: 30px 0 70px 0; max-width: 35%;}
  .run-faq-sec .accordion-icon { height: 35px; width: 35px; min-width: 35px;}
}

@media(max-width:767px) {
  .run-game .game-logo-fig{display: none;}
  .run-game .game-logo-mob{display: block; z-index: 1; position: relative;}
  .run-game .game-logo-outer{margin: 25px 0 7px 0; max-width: 42%;}
  .run-game .game-logo-outer::before { position: absolute; left: 0; right: 0px; top: 0; bottom: 0px; height: 103%; width: 100%; border-radius: 39%; content: ''; margin: auto; background: linear-gradient(to right, rgba(0, 234, 255, 1) 0%, rgba(0, 72, 255, 1) 100%); filter: blur(21px); }
  .run-game .banner-sec{background:var(--banner-bg-mob); padding-bottom: 12px;}
  .run-game .video-block { max-width: 83%; }
  .run-game .btn-bar .base-btn{height: 41px; max-width: 53%;}
  .run-game .btn-text{font-size: 18px;}
  .run-game .sec-head-bg { max-width: 77%; }
  
  .run-about-us-sec .about-work-title{font-size: 24px; text-align: center;}
  .run-about-us-sec{background:var(--about-bg-mob) no-repeat top center; background-size:cover;}
  .run-about-us-sec .about-us-outer { margin: 10px 0 50px 0; }
  .run-about-us-sec .about-us-text { font-size: 16px;}
  
  .run-how-to-work-sec .htw-head-outer { margin-top: 45px; }
  .run-how-to-work-sec .htw-work-title{font-size: 26px; line-height: 14px;}
  .run-how-to-work-sec .htw-process-wrap{padding: 0; margin: 12px 0;}
  .run-how-to-work-sec .htw-process-wrap .col-left { max-width: 97%; z-index: 1; padding: 0;}
  .run-how-to-work-sec .game-start-card .htw-process-card-title{font-size: 24px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-list{padding: 0; text-align: center; margin-top: 2px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 14px; list-style: none; margin-bottom: 5px;}
  .run-how-to-work-sec .game-start-card .htw-process-card-body { padding: 59px 0 0 0; }
  .run-how-to-work-sec .how-to-work-process-sec-one .htw-process-theme:after {width: calc(100% + 10px); height: 9px; bottom: -5px;}
  .run-how-to-work-sec .how-to-work-process-wrap{background:var(--htw-sec-bg-mob) no-repeat top center; background-size:100% 100%; position: relative; padding: 27px 0 4px 0; margin-top: 15px; }
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-title{font-size: 24px}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 14px; text-align: center; list-style: none; margin: 0;}
  .run-how-to-work-sec .htw-process-obstacles .htw-process-card-list{padding: 0 20px; margin-top: 2px;}
  .run-how-to-work-sec .how-to-work-process-wrap .htw-process-card-body{ padding: 59px 0 0 0; }
  .run-how-to-work-sec .htw-process-theme:after{background: linear-gradient(to right, rgba(32, 29, 121, 0) 0%, rgba(32, 29, 121, 0.8) 10%, rgba(32, 29, 121, 1) 19%, rgba(32, 29, 121, 1) 20%, rgba(32, 29, 121, 1) 50%, rgba(32, 29, 121, 1) 80%, rgba(32, 29, 121, 1) 81%, rgba(32, 29, 121, 0.8) 90%, rgba(32, 29, 121, 0) 100%); width: calc(100% + 10px); height: 9px; bottom: -5px;}
  .run-how-to-work-sec .htw-arrow-one{display: none;}
  .run-how-to-work-sec .htw-arrow-two{display: none;}
  .run-how-to-work-sec .htw-arrow-three{display: none;}
  .run-how-to-work-sec .htw-process-card-side-mountain .htw-process-card-title-bar{padding: 0; background: none;}
  .run-how-to-work-sec .htw-process-card-snow-field .htw-process-card-title-bar{padding: 0; background: none;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-title{font-size: 24px;}
  .run-how-to-work-sec .htw-process-wrap-five{flex-direction: column;}
  .run-how-to-work-sec .htw-wrap-six{margin-top: 35px;}
  .run-how-to-work-sec .htw-process-wrap-seven{flex-direction: column;}
  .run-how-to-work-sec .shoe-icon img { max-width: 25%; }
  .run-how-to-work-sec .shoe-icon { position: absolute; left: -3.5%; top: -9%; }
  .run-how-to-work-sec .hand-icon img { max-width: 32%; }
  .run-how-to-work-sec .hand-icon { right: -50px; bottom: -5%; }
  .run-how-to-work-sec .htw-process-card-title{font-size: 24px;}
  .run-how-to-work-sec .htw-process-card-body { padding: 59px 0px 0 0px; }
  .run-how-to-work-sec .htw-process-card-shoes-boost .htw-process-card-list{padding: 0; text-align: center; margin-top: 2px;}
  .run-how-to-work-sec .htw-process-card-control .htw-process-card-list{padding: 0; text-align: center; margin-top: 2px;}
  .run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 14px; list-style: none; margin: 0;}
  .run-how-to-work-sec .htw-process-card-control .htw-process-card-body{ padding: 59px 0px 0 0px; }
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-body{ padding: 59px 0px 0 0px; }
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-title{font-size: 24px;}
  .run-how-to-work-sec .htw-process-card-energy-boost .htw-process-card-list{padding: 0; text-align: center; margin-top: 2px;}
  .run-how-to-work-sec .htw-process-wrap-nine{margin:10px 0 0 0  ; flex-direction: column;}
  .run-how-to-work-sec .control-arrow-icon{display: none;}
  .run-how-to-work-sec .control-btn-icon{display: none;}
  .run-how-to-work-sec .sec-nine-icon-one{display: none ;}
  .run-how-to-work-sec .sec-nine-icon-two{display: none ;}
  .run-how-to-work-sec .bottle-icon img { max-width: 29%; }
  .run-how-to-work-sec .htw-arrow-four{display: none;}
  .run-how-to-work-sec .bottle-icon { left: -6.3%; bottom: -11%;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-body{ padding: 59px 0px 0 0px; margin-bottom: 0;}
  .run-how-to-work-sec .htw-process-card-essential-tools .htw-process-card-list{margin-top: 2px;}
  .run-how-to-work-sec .htw-process-wrap .col-right{padding: 0;}
  
  .run-game-expectation-sec .game-expect-card-fig { max-width: 48%; }
  .run-game-expectation-sec .expectation-title{font-size: 26px;}
  .run-game-expectation-sec .expectation-head-outer { margin-top: -22px; }
  .run-game-expectation-sec{margin-top: 60px;}
  .run-game-expectation-sec .game-expect-card-title-bar { height: 50px; display: flex; align-items: center; padding: 0;}
  .run-game-expectation-sec .game-expect-card-title{font-size: 20px;}
  .run-game-expectation-sec .game-expect-icon-block { top: -70px; margin-bottom: -52px;}
  .run-game-expectation-sec .game-expect-icon-block-two { top: -66px; }
  .run-game-expectation-sec .game-expect-icon-block-three { top: -64px; }
  .run-game-expectation-sec .game-expect-icon-block-four { top: -78px; }
  .run-game-expectation-sec .game-expect-icon-block-five { top: -67px; }
  .run-game-expectation-sec .game-expectation-card-outer{padding: 0 2px}
  .run-game-expectation-sec .game-expectation-card-body { padding: 35px 12px 15px 12px; }
  .run-game-expectation-sec .game-expectation-list .owl-stage{margin-bottom: 10px;}
  .run-game-expectation-sec .owl-carousel .owl-dot.active span{background: #00ffa8;}
  .run-game-expectation-sec .game-expectation-item{margin-top: 0;}
  .run-game-expectation-sec .owl-carousel .owl-dot span{background: #1495b9; border: none; width: 12px; height: 12px;}
  .run-game-expectation-sec .owl-carousel .owl-dot{margin: 0 5px;}
  .run-game-expectation-sec .expectation-sec-icon-one{display: none;}
  .run-game-expectation-sec .expectation-sec-icon-two{display: none;}

  .run-game-race-sec{background:var(--race-bg-mob); margin: -1px 0; position: relative; background-size: cover;}
  .run-game-race-sec .race-text{font-size: 18px; padding: 30px 10px 0px 10px;}

  .run-faq-sec .faq-title{font-size: 26px;}
  .run-faq-sec .faq-head-outer { margin-top: -21px; }
  .run-game-race-sec .btn-bar .race-btn{margin: 20px 0 55px 0;}
  .run-faq-sec .is-open .accordion-title{font-size: 14px;}
  .run-faq-sec .accordion-card{border: 2px solid rgba(255, 255, 255, 0.42); padding: 7px 0;}
  .run-faq-sec .accordion-head-outer{padding: 7px 10px;}
  .run-faq-sec .accordion-title{font-size: 14px;}
  .run-faq-sec .accordion-text{font-size: 12px; padding:0 10px 5px 23px;}
  .run-faq-sec .accordion-icon{height: 20px; width: 20px; min-width: 20px;}
  .run-faq-sec .accordion-head-outer .accordion-icon .icon{font-size: 9px;}
  .run-faq-sec .faq-block { padding: 10px 0 30px 0; }
}
/* ***************************** // Run Game CSS End // ***************************** */




/* ***************************** // Punt Run Game CSS Start // ***************************** */
.punt-run-game {
  /*Colors*/
  --clr-base: #000000;
  --clr-base-light:#008592;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#ab0b0a;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#000000;
  --bg-primary:#ffece2;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-base1:'Helvetica', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.punt-run-game .header{box-shadow:none;}
.punt-run-game .nav-item-label{font-weight:600;}
@media (hover: hover){.punt-run-game .active .nav-item-label, .punt-run-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.punt-run-game .base-btn{float:left; max-width: 35.5%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); margin: 65px 0 70px 0;}
.punt-run-game .btn-bar{display:flex; justify-content:center;}
.punt-run-game .sec-main-title{margin-bottom: 38px; position: absolute; font-size: 60px; letter-spacing: 2px; text-transform: uppercase; color: #000000; font-weight: bold; text-align: center; font-family: var(--font-base);}
.punt-run-game .game-logo-fig{max-width:37%; position: relative; margin-top: 2.7%;}
.punt-run-game .btn-bar .base-btn { height: 77px; border-radius: 4px; background: #2196f3; margin: 45px 0 85px 0; max-width: 29%;}
.punt-run-game .btn-bar .btn-text{text-shadow: none; font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; font-family: var(--font-base);}

.punt-run-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; position: relative; margin-top: -4.3%; padding-bottom: 25px;}
.punt-run-game .banner-sec-outer{background:transparent; padding:0px;}
.punt-run-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin-top: 2%;}
.punt-run-game .banner-sec-video{background:transparent;}
.punt-run-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index: 2;}
.punt-run-game .video-block { max-width: 44.3%; position: relative; overflow: inherit; margin-top: -0.5%;}
.punt-run-game .video-poster, .punt-run-game .client-video { border-radius: 0; top: 2.5%; left: 1.8%; right: 3.5%; height: calc(100% - 8%); width: calc(100% - 3.5%); bottom: auto; } .punt-run-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.punt-run-game .video-shadow{left: -11%; bottom: -70px; width: calc(100% + 19%);}
.punt-run-game .banner-icon-one { position: absolute; z-index: 3; left: 12.2%; bottom: -12%; }
.punt-run-game .banner-icon-two{position: absolute; bottom: 1.5%; right: 0; z-index: 1;}
.punt-run-game .banner-icon-two { position: absolute; bottom: -11%; right: 8%; z-index: 3; }
.punt-run-game .sec-head-bg{filter: drop-shadow(0px 12px 10px rgba(0,0,0,0.4));}

.punt-run-about-us-sec{background: #2d479b; position: relative; margin-top: -3.3%;}
.punt-run-about-us-sec .about-us-text {padding: 30px 169px 0 169px; font-size: 38px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base);}
.punt-run-about-us-sec .about-us-outer{margin-top: 145px;}
.punt-run-about-us-sec .about-icon-one{position: absolute; bottom: -23%;}
.punt-run-about-us-sec .about-icon-two{position: absolute; right: 5%; bottom: -8.5%;}

.punt-run-how-to-work-sec{margin-top: 95px;}
.punt-run-how-to-work-sec .game-start-card.htw-process-card:before{display: none;}
.punt-run-how-to-work-sec .htw-process-card:before, .punt-run-how-to-work-sec .htw-process-card:after{display: none;}
.punt-run-how-to-work-sec .htw-process-theme:after{display: none;}
.punt-run-how-to-work-sec .how-to-work-theme-shadow{position: absolute; left: -42%; bottom: -36px; z-index: -1;}
.punt-run-how-to-work-sec .htw-process-wrap .col-left { max-width: 44.4%; z-index: 1; position: relative;}
.punt-run-how-to-work-sec .col-right{padding-left: 0; background: #edf9ff; height: 433px; margin-bottom: -70px; position: relative;}
.punt-run-how-to-work-sec .col-right::before{position: absolute; content: ''; background: #edf9ff;  height: 433px; width: 330px; left: -330px;}
.punt-run-how-to-work-sec .col-right::after{position: absolute; content: ''; background: #e3f0f7;  height: 433px; width: 330px; right: 0; clip-path: polygon(74% 0, 100% 0, 100% 100%, 0% 100%);}
.punt-run-how-to-work-sec .htw-process-card-outer { background: none; border-radius: 0; position: relative;}
.punt-run-how-to-work-sec .htw-process-card-title{position: relative; font-size: 75px; letter-spacing: 2px; line-height: 1em; text-transform: uppercase; color: #2196f3; font-weight: bold; font-family: var(--font-base);}
.punt-run-how-to-work-sec .htw-process-card-title::before{content: ''; position: absolute; clip-path: polygon(78% 0, 100% 0, 100% 100%, 22% 100%); background: #fdc53c; height: 58px; width: 53px; left: -60px; top: 18px;}
.punt-run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding: 0; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; font-family: var(--font-base);}
.punt-run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.punt-run-how-to-work-sec .htw-process-card-list{margin: 8px 0 0; padding: 0 50px 0 0;}
.punt-run-how-to-work-sec .how-to-work-process-sec-four .htw-process-card-list{padding: 0;}
.punt-run-how-to-work-sec .htw-process-wrap{align-items: flex-end; flex-wrap: nowrap;}
.punt-run-how-to-work-sec .htw-process-wrap-one{margin-top: 90px;}
.punt-run-how-to-work-sec .htw-wrap-two{margin-top: 150px;}
.punt-run-how-to-work-sec .htw-process-wrap-three{margin-top: 290px;}
.punt-run-how-to-work-sec .htw-process-wrap-four{flex-direction: row; gap: 0 140px; margin-top: -162px;}
.punt-run-how-to-work-sec .how-to-work-process-sec-four {margin-top: 170px;}
.punt-run-how-to-work-sec .htw-wrap-five {margin-top: 100px;}
.punt-run-how-to-work-sec .htw-process-wrap-six {margin-top: 160px;}
.punt-run-how-to-work-sec .htw-wrap-seven {margin-top: 170px;}
.punt-run-how-to-work-sec .htw-process-card-body { padding: 85px 310px 0 120px;}
.punt-run-how-to-work-sec .htw-process-wrap-two .col-right::before{clip-path: polygon(0 0, 25% 0, 100% 100%, 0% 100%); background: #e3f0f7;  height: 433px; width: 330px; left: 0;}
.punt-run-how-to-work-sec .htw-process-wrap-two .col-right::after{position: absolute; content: ''; background: #edf9ff;  height: 433px; width: 330px; right: -330px; clip-path: none;}
.punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body {padding: 95px 0 0 305px;}
.punt-run-how-to-work-sec .htw-process-controls .htw-process-card-body { padding: 108px 70px 0 50px; position: relative; z-index: 1;}
.punt-run-how-to-work-sec .htw-process-wrap-three .htw-process-theme img{max-width: 80%; margin: 0 0 5% 12%;}
.punt-run-how-to-work-sec .htw-process-wrap-four .col-right::before{display: none;}
.punt-run-how-to-work-sec .htw-process-wrap-four .col-right::after{display: none;}
.punt-run-how-to-work-sec .htw-process-wrap-four .col-left{max-width: 45%;}
.punt-run-how-to-work-sec .htw-process-wrap-four .col-right{max-width: 45%; height: auto; margin: 0; background: none;}
.punt-run-how-to-work-sec .htw-process-outer{float: left; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body{max-width: 80%; padding: 50px 120px 0 120px; height: 425px; background: #edf9ff; position: relative;}
.punt-run-how-to-work-sec .htw-process-outer .htw-process-card-title::after{content: ''; position: absolute; clip-path: polygon(0 0, 22% 0, 78% 100%, 0% 100%); background: #fdc53c; height: 58px; width: 53px; right: -60px; top: 18px;}
.punt-run-how-to-work-sec .htw-process-obstacles .htw-process-card-body { padding: 95px 0 0 283px; }
.punt-run-how-to-work-sec .htw-process-obstacles .htw-process-card-list{padding: 0 10px 0 0;}
.punt-run-how-to-work-sec .htw-process-score .htw-process-card-body { padding: 86px 114px 0 108px; position: relative; z-index:1;}

.punt-run-game-expectation-sec {margin-top: 190px;}
.punt-run-game-expectation-sec .game-expectation-sec-outer{background:var(--expectation-bg) no-repeat top center; background-size:100% 100%; position: relative; padding: 110px 0 155px}
.punt-run-game-expectation-sec .game-expectation-card-body{background: none; box-shadow: none; padding: 0 0 50px;}
.punt-run-game-expectation-sec .game-expectation-card-outer{border-radius: 73px; filter: drop-shadow(0px 12px 10px rgba(0,0,0,0.14)); border: 4px solid #217aa9;}
.punt-run-game-expectation-sec .game-expectation-item{max-width: calc((100% / 4) - 12px);}
.punt-run-game-expectation-sec .game-expect-card-title-bar{float: left; display: flex; width: 100%; text-align: center; justify-content: center;}
.punt-run-game-expectation-sec .game-expect-card-title{position: relative; margin-bottom: 30px; max-width: 80%; font-size: 38px; letter-spacing: 1px; line-height: 40px; text-transform: uppercase; color: #c41313; font-weight: bold; font-family: var(--font-base);}
.punt-run-game-expectation-sec .game-expect-card-title::after { position: absolute; content: ''; height: 2px; background: #e2e2e2; width: calc(100% + 20%); bottom: -14px; left: -25px; }
.punt-run-game-expectation-sec .game-expect-details-item{padding: 0; font-size: 26px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: bold; text-align: center;}
.punt-run-game-expectation-sec .game-expectation-list{gap: 0 15px;}
.punt-run-game-expectation-sec .game-expect-details-item:before{display: none;}
.punt-run-game-expectation-sec .game-expect-card-fig{max-width: 80%;}
.punt-run-game-expectation-sec .game-expectation-card{height: auto;}
.punt-run-game-expectation-sec .game-expect-icon-block{top: -91px; left: -30px; margin-bottom: -135px;}
.punt-run-game-expectation-sec .game-expect-icon-block-two{top: -111px;}
.punt-run-game-expectation-sec .game-expect-icon-block-three{top: -131px}
.punt-run-game-expectation-sec .game-expect-icon-block-four{top: -115px; left: -55px;}
.punt-run-game-expectation-sec .game-expectation-item-two{margin-top: 8%; }
.punt-run-game-expectation-sec .game-expectation-item-three { margin-top: 12%; }
.punt-run-game-expectation-sec .game-expectation-item-four { margin-top: 16%; }

.punt-run-dive-heart{background:var(--dive-bg) no-repeat top center; background-size:100% 100%; position: relative; padding-bottom: 195px;}
.punt-run-dive-heart .dive-heart-text{font-size: 40px; padding: 50px 220px 0 220px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; font-family: var(--font-base); text-align: center;}
.punt-run-dive-heart .dive-icon-one{position: absolute; top: -36.4%;}
.punt-run-dive-heart .dive-icon-two{position: absolute; right: 0; top: -21.6%;}
.punt-run-dive-heart .dive-icon-three{position: absolute; top: 31%;}

.punt-run-faq-sec .faq-sec-outer{padding: 0 0 90px;;}
.punt-run-faq-sec .faq-block{margin-top: 120px;}
.punt-run-faq-sec .accordion-card{border: none; padding: 0;}
.punt-run-faq-sec .accordion-head{padding: 0 0 14px 0;}
.punt-run-faq-sec .accordion-head-outer{background: #2196f3; box-shadow: none; border-radius: 0; min-height: 80px; padding: 0 10px 0 210px;}
.punt-run-faq-sec .accordion-title{font-size: 42px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); font-weight: bold; font-family: var(--font-base);}
.punt-run-faq-sec .accordion-head-outer .accordion-icon .icon{color: #b4eff6; text-shadow: none;}
.punt-run-faq-sec .accordion-body{background: #b4eff6; padding: 0 50px 0 139px;}
.punt-run-faq-sec .accordion-cont-bar{ min-height: 100px;}
.punt-run-faq-sec .accordion-text{font-size: 30px; letter-spacing: 1px; text-transform: uppercase; color: #000000; font-weight: 650; font-family: var(--font-base)}
.punt-run-faq-sec .accordion-item::before { content: '0' counter(li); counter-increment: li; z-index: 2; position: absolute; pointer-events: none; clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); background: #fdc53c; width: 135px; min-height: 94px; font-size: 42px; letter-spacing: 1px; color: #000; font-weight: bold; font-family: var(--font-base); left: 0; top: 0; margin: 0; display: inline-flex; align-items: center; padding-left: 50px; }
.punt-run-faq-sec .accordion-item:after { position: absolute; content: ''; background: #000000; width: 57px; min-height: 80px; left: 128px; opacity: 0.2; clip-path: polygon(0 0, 100% 0, 54% 100%, 0% 100%); }
.punt-run-faq-sec .accordion {counter-reset: li;}
.punt-run-faq-sec .accordion-item{position: relative;}
.punt-run-faq-sec .is-open .accordion-icon .icon { transform: inherit; width: auto; }

.punt-run-game .footer{background: #2d479b;}
.punt-run-game .copyright-text{color: #ffffff; font-family: var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .punt-run-game .game-logo-fig { max-width: 34%;}
  .punt-run-game .banner-icon-one img{max-width: 69%;}
  .punt-run-game .banner-icon-two img{max-width: 69%;}
  .punt-run-game .banner-icon-one {left: 11.9%; bottom: -9%; }
  .punt-run-game .banner-icon-two {bottom: -9.7%; right: -1.8%;}
  .punt-run-game .video-shadow{bottom: -46px;}
  .punt-run-game .btn-bar .btn-text{font-size: 30px;}
  .punt-run-game .btn-bar .base-btn{height: 70px; max-width: 27%; margin: 40px 0 70px 0;}

  .punt-run-game .sec-main-title{font-size: 44px; margin-bottom: 29px;}
  .punt-run-game .sec-head-bg{max-width: 70%;}

  .punt-run-about-us-sec .about-us-outer { margin-top: 92px; }
  .punt-run-about-us-sec .about-us-text{font-size: 30px; padding: 20px 150px 0 150px;}
  .punt-run-about-us-sec .about-icon-one img{max-width: 80%;}
  .punt-run-about-us-sec .about-icon-two img{max-width: 80%;}
  .punt-run-about-us-sec .about-icon-one{bottom: -22.8%;}
  .punt-run-about-us-sec .about-icon-two{right: 0; bottom: -8.2%;}

  .punt-run-how-to-work-sec { margin-top: 80px; }
  .punt-run-how-to-work-sec .htw-head-bg{max-width: 57%;}
  .punt-run-how-to-work-sec .htw-process-card-title{font-size: 60px; letter-spacing: 1.8px;}
  .punt-run-how-to-work-sec .htw-process-card-title::before{top: 9px; height: 55px;}
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-title::after{top: 9px; height: 55px;}
  .punt-run-how-to-work-sec .col-right{height: 340px;}
  .punt-run-how-to-work-sec .col-right::before{height: 340px; width: 240px; left: -240px;}
  .punt-run-how-to-work-sec .col-right::after{height: 340px; clip-path: polygon(78% 0, 100% 0, 100% 100%, 25% 100%);}
  .punt-run-how-to-work-sec .htw-process-card-body { padding: 31px 160px 0 95px}
  .punt-run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 26px;}
  .punt-run-how-to-work-sec .htw-process-wrap{padding: 0 50px;}
  .punt-run-how-to-work-sec .htw-process-wrap-one { margin-top: 75px; }
  .punt-run-how-to-work-sec .htw-wrap-two { margin-top: 140px; }
  .punt-run-how-to-work-sec .htw-process-wrap-three { margin-top: 250px; }
  .punt-run-how-to-work-sec .how-to-work-process-sec-four { margin-top: 160px; }
  .punt-run-how-to-work-sec .htw-wrap-five { margin-top: 90px; }
  .punt-run-how-to-work-sec .htw-process-wrap-six { margin-top: 150px; }
  .punt-run-how-to-work-sec .htw-wrap-seven { margin-top: 160px; }
  .punt-run-how-to-work-sec .htw-process-wrap-four{gap: 0 120px; margin-top: -125px;}
  .punt-run-how-to-work-sec .htw-process-wrap-four .col-left { max-width: 44.5%; }
  .punt-run-how-to-work-sec .htw-process-wrap-four .col-right { max-width: 44.5%;}
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::before{height: 340px; clip-path: polygon(0 0, 21% 0, 75% 100%, 0% 100%);}
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::after{height: 340px; width: 240px; right: -240px;}
  .punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body { padding: 55px 0 0 222px; }
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-body { padding: 50px 45px 0 36px;}
  .punt-run-how-to-work-sec .how-to-work-theme-shadow{bottom: -27px;}
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body{padding: 40px 65px 0 65px; height: 360px;}
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-body { padding: 30px 100px 0 75px; position: relative; z-index: 1;}
  .punt-run-how-to-work-sec .htw-process-game-over .htw-process-card-body { padding: 42px 0 0 207px; }

  .punt-run-game-expectation-sec { margin-top: 180px; }
  .punt-run-game-expectation-sec .expectation-head-bg{max-width: 54%;}
  .punt-run-game-expectation-sec .game-expectation-sec-outer{padding: 90px 0 100px;}
  .punt-run-game-expectation-sec .game-expect-card-title{font-size: 30px; line-height: 38px;}
  .punt-run-game-expectation-sec .game-expect-details-item{font-size: 21px;}
  .punt-run-game-expectation-sec .game-expectation-card-outer{padding: 0 12px 0; border-radius: 70px;}
  .punt-run-game-expectation-sec .game-expect-icon-block { top: -56px; margin-bottom: -94px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-two { top: -73px; left: -38px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-three { top: -86px; }
  .punt-run-game-expectation-sec .game-expect-icon-block-four { top: -75px; left: -30px;}
  .punt-run-game-expectation-sec .game-expectation-card-body{padding: 0 0 45px 0;}
  .punt-run-game-expectation-sec .game-expect-card-title::after{width: calc(100% + 18%); left: -18px;}
  
  .punt-run-dive-heart{padding-bottom: 140px;}
  .punt-run-dive-heart .dive-heart-text{font-size: 31px; padding: 40px 190px 0 190px;}
  .punt-run-dive-heart .dive-icon-one img{max-width: 60%;}
  .punt-run-dive-heart .dive-icon-one{top: -26.5%;}
  .punt-run-dive-heart .dive-icon-two img{max-width: 60%;}
  .punt-run-dive-heart .dive-icon-two {right: -13.5%; top: -16%; }
  .punt-run-dive-heart .dive-icon-three img{max-width: 70%;}
  .punt-run-dive-heart .dive-icon-three{top: 29%;}

  .punt-run-faq-sec .faq-head-bg { max-width: 48%; }
  .punt-run-faq-sec .faq-title {margin-bottom: 24px; }
  .punt-run-faq-sec .faq-block { margin-top: 90px; }
  .punt-run-faq-sec .accordion-title{font-size: 34px;}
  .punt-run-faq-sec .accordion-head { padding: 0 0 12px 0;}
  .punt-run-faq-sec .accordion-item::before{font-size: 34px; width: 120px; min-height: 87px; padding-left: 45px;}
  .punt-run-faq-sec .accordion-head-outer{min-height: 75px; padding: 0 10px 0 187px;}
  .punt-run-faq-sec .accordion-item:after{ width: 43px; min-height: 75px; clip-path: polygon(0 0, 100% 0, 44% 100%, 0% 100%); left: 122px;}
  .punt-run-faq-sec .accordion-text{font-size: 24px;}
  .punt-run-faq-sec .accordion-body{padding: 0 25px 0 128px;}
  .punt-run-faq-sec .faq-sec-outer { padding: 0 0 70px; }
  .punt-run-faq-sec .accordion-cont-bar { min-height: 95px; }
  .punt-run-faq-sec .accordion-item{margin-bottom: 10px;}
}

@media(max-width:1280px) {
  .punt-run-game .banner-icon-one img { max-width: 55.5%; }
  .punt-run-game .banner-icon-two img { max-width: 55.5%; }
  .punt-run-game .banner-icon-two{right: -9%;}
  .punt-run-game .game-logo-fig { max-width: 29%; }
  .punt-run-game .video-shadow { bottom: -39px; }
  .punt-run-game .sec-main-title{font-size: 37px;}
  .punt-run-game .btn-bar .base-btn { height: 60px; max-width: 26%; margin: 35px 0 65px 0;}
  .punt-run-game .btn-bar .btn-text{font-size: 24px;}

  .punt-run-about-us-sec .about-us-outer { margin-top: 75px; }
  .punt-run-about-us-sec .about-us-text{font-size: 24px; padding:15px 140px 0 140px;}
  .punt-run-about-us-sec .about-icon-one img { max-width: 65%; }
  .punt-run-about-us-sec .about-icon-one { bottom: -22.5%; }
  .punt-run-about-us-sec .about-icon-two img { max-width: 65%; }
  .punt-run-about-us-sec .about-icon-two { right: -6%; bottom: -8.5%; }

  .punt-run-how-to-work-sec { margin-top: 70px; }
  .punt-run-how-to-work-sec .htw-head-bg { max-width: 53%; }
  .punt-run-how-to-work-sec .htw-process-card-title { font-size: 48px; letter-spacing: 1.5px;}
  .punt-run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 22px; }
  .punt-run-how-to-work-sec .htw-process-card-body { padding: 30px 141px 0 72px; }
  .punt-run-how-to-work-sec .htw-process-wrap-one { margin-top: 60px; }
  .punt-run-how-to-work-sec .htw-wrap-two { margin-top: 125px; }
  .punt-run-how-to-work-sec .htw-process-wrap-three { margin-top: 200px; }
  .punt-run-how-to-work-sec .how-to-work-process-sec-four { margin-top: 140px; }
  .punt-run-how-to-work-sec .htw-process-wrap-four { gap: 0 99px; margin-top: -95px; }
  .punt-run-how-to-work-sec .htw-wrap-five { margin-top: 75px; }
  .punt-run-how-to-work-sec .htw-process-wrap-six { margin-top: 135px; }
  .punt-run-how-to-work-sec .htw-wrap-seven { margin-top: 145px; }

  .punt-run-how-to-work-sec .col-right { height: 280px; margin-bottom: -55px;}
  .punt-run-how-to-work-sec .col-right::before { height: 280px; width: 200px; left: -200px; }
  .punt-run-how-to-work-sec .col-right::after { height: 280px; clip-path: polygon(83% 0, 100% 0, 100% 100%, 35% 100%); }
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::before { height: 280px; clip-path: polygon(0 0, 17% 0, 68% 100%, 0% 100%); }
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::after { height: 280px; width: 200px; right: -200px; }
  .punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body { padding: 40px 0 0 192px; }
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-body { padding: 50px 55px 0 25px; }
  .punt-run-how-to-work-sec .htw-process-card-title::before { top: 7px; height: 48px; width: 48px; }
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body { padding: 30px 50px 0 50px; height: 290px; }
  .punt-run-how-to-work-sec .how-to-work-theme-shadow { bottom: -24px; }
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-body { padding: 40px 90px 0 68px;}
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-list{padding: 0;}
  .punt-run-how-to-work-sec .htw-process-game-over .htw-process-card-body { padding: 30px 0 0 175px; }
  .punt-run-how-to-work-sec .htw-process-game-over .htw-process-card-list{padding: 0 30px 0 0;}
  
  .punt-run-game-expectation-sec { margin-top: 165px; }
  .punt-run-game-expectation-sec .game-expectation-card-outer{border-radius: 65px;}
  .punt-run-game-expectation-sec .game-expectation-sec-outer { padding: 75px 0 85px; }
  .punt-run-game-expectation-sec .game-expect-card-title { font-size: 24px; line-height: 35px; }
  .punt-run-game-expectation-sec .game-expect-details-item { font-size: 17px; }
  .punt-run-game-expectation-sec .game-expectation-card-body{padding: 0 0 40px 0;}
  .punt-run-game-expectation-sec .game-expect-icon-block { top: -46px; margin-bottom: -77px; }
  .punt-run-game-expectation-sec .game-expect-icon-block-two { top: -57px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-three { top: -70px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-four { top: -60px; left: -17px;}
  .punt-run-game-expectation-sec .game-expect-card-title::after{left: -17px;}

  .punt-run-dive-heart { padding-bottom: 100px; }
  .punt-run-dive-heart .dive-heart-text { font-size: 24px;}
  .punt-run-dive-heart .dive-icon-one img { max-width: 50%; }
  .punt-run-dive-heart .dive-icon-one { top: -28.5%; }
  .punt-run-dive-heart .dive-icon-two img { max-width: 50%; }
  .punt-run-dive-heart .dive-icon-two { right: -21.1%; top: -17%;}
  .punt-run-dive-heart .dive-icon-three img { max-width: 60%; }

  .punt-run-faq-sec .faq-block { margin-top: 75px; padding: 0; }
  .punt-run-faq-sec .accordion-title { font-size: 29px; }
  .punt-run-faq-sec .accordion-item::before { font-size: 29px; width: 100px; min-height: 80px; padding-left: 40px;}
  .punt-run-faq-sec .accordion-item:after { width: 40px; min-height: 75px; clip-path: polygon(0 0, 100% 0, 51% 100%, 0% 100%); left: 100px; min-height: 70px;}
  .punt-run-faq-sec .accordion-head { padding: 0 0 10px 0; }
  .punt-run-faq-sec .accordion-head-outer{min-height: 70px; padding: 0 10px 0 157px;}
  .punt-run-faq-sec .accordion-cont-bar { min-height: 90px; }
  .punt-run-faq-sec .accordion-body { padding: 0 20px 0 105px; }
  .punt-run-faq-sec .faq-sec-outer { padding: 0 0 60px; }
  .punt-run-faq-sec .accordion-text{font-size: 21px;}
  .punt-run-faq-sec .accordion-item{margin-bottom: 9px;}
}

@media(max-width:1023px) {
  .punt-run-game .banner-icon-one img { max-width: 41.5%; }
  .punt-run-game .banner-icon-two img { max-width: 41.5%; }
  .punt-run-game .banner-icon-two { right: -22.5%; }
  .punt-run-game .game-logo-fig { max-width: 28%; }
  .punt-run-game .sec-main-title { font-size: 27px; margin-bottom: 19px; }
  .punt-run-game .btn-bar .base-btn { height: 50px; max-width: 27%; margin: 30px 0 57px 0;}
  .punt-run-game .btn-bar .btn-text{ font-size: 20px;}
  .punt-run-game .video-shadow { bottom: -30px; }
  .punt-run-game .video-block { max-width: 46.3%;}
  .punt-run-game .banner-icon-one { left: 10.9%;}

  .punt-run-about-us-sec{margin-top: -6.5%;}
  .punt-run-about-us-sec .about-us-outer { margin-top: 75px; }
  .punt-run-about-us-sec .about-us-text { font-size: 20px; padding: 10px 70px 0 70px; }
  .punt-run-about-us-sec .about-icon-one img { max-width: 55%; }
  .punt-run-about-us-sec .about-icon-two img { max-width: 55%; }
  .punt-run-about-us-sec .about-icon-two { right: -14%;}

  .punt-run-how-to-work-sec { margin-top: 55px; }
  .punt-run-how-to-work-sec .htw-process-wrap{padding: 0;}
  .punt-run-how-to-work-sec .htw-process-wrap-one { margin-top: 45px; }
  .punt-run-how-to-work-sec .htw-wrap-two { margin-top: 100px; }
  .punt-run-how-to-work-sec .htw-process-wrap-three { margin-top: 150px; }
  .punt-run-how-to-work-sec .how-to-work-process-sec-four { margin-top: 110px; }
  .punt-run-how-to-work-sec .htw-wrap-five { margin-top: 60px; }
  .punt-run-how-to-work-sec .htw-process-wrap-six { margin-top: 120px; }
  .punt-run-how-to-work-sec .htw-wrap-seven { margin-top: 130px; }

  .punt-run-how-to-work-sec .htw-process-card-title { font-size: 40px; letter-spacing: 1.2px;}
  .punt-run-how-to-work-sec .htw-process-card-body { padding: 20px 107px 0 72px; }
  .punt-run-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 18px; }
  .punt-run-how-to-work-sec .col-right { height: 230px; margin-bottom: -45px; }
  .punt-run-how-to-work-sec .col-right::before { height: 230px; width: 170px; left: -170px; }
  .punt-run-how-to-work-sec .col-right::after { height: 230px; clip-path: polygon(88% 0, 100% 0, 100% 100%, 50% 100%); }
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::before { height: 230px; clip-path: polygon(0 0, 12% 0, 52% 100%, 0% 100%); }
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::after { height: 230px; width: 170px; right: -170px; }
  .punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body { padding: 40px 0 0 147px; }
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-list{padding: 0 20px 0 0;}
  .punt-run-how-to-work-sec .htw-process-card-title::before { top: 6px; height: 40px; width: 40px; left: -47px; }
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-title::after { top: 6px; height: 40px; width: 40px; right: -47px; }
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body { padding: 30px 30px 0 30px; height: 250px; }
  .punt-run-how-to-work-sec .htw-process-wrap-four { gap: 0 82px; margin-top: -85px; }
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-body { padding: 30px 70px 0 59px; }
  .punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body { padding: 20px 0 0 140px; }
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-body { padding: 50px 45px 0 25px; }
  .punt-run-how-to-work-sec .how-to-work-theme-shadow { bottom: -22px; }

  .punt-run-game-expectation-sec { margin-top: 140px; }
  .punt-run-game-expectation-sec .game-expectation-sec-outer { padding: 55px 0 65px; }
  .punt-run-game-expectation-sec .game-expect-card-title { font-size: 20px; line-height: 25px; }
  .punt-run-game-expectation-sec .game-expect-details-item { font-size: 13px; }
  .punt-run-game-expectation-sec .game-expectation-card-outer { border-radius: 54px; padding: 0 5px 0;}
  .punt-run-game-expectation-sec .game-expectation-list { gap: 0 10px; }
  .punt-run-game-expectation-sec .game-expectation-item { max-width: calc((100% / 4) - 8px); }
  .punt-run-game-expectation-sec .game-expect-card-title::after { left: -11px; width: calc(100% + 15%); }
  .punt-run-game-expectation-sec .game-expect-card-fig { max-width: 65%; }
  .punt-run-game-expectation-sec .game-expect-icon-block{top: 0; left: -23px; margin-bottom: -20px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-two { top: -12px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-three { top: -19px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-four { top: -11px; left: -15px; }
  .punt-run-game-expectation-sec .game-expectation-item-two{margin-top: 5%; }
  
  .punt-run-dive-heart { padding-bottom: 60px; }
  .punt-run-dive-heart .dive-heart-text { font-size: 18px; padding: 30px 135px 0 135px; }
  .punt-run-dive-heart .dive-icon-one img { max-width: 39%; }
  .punt-run-dive-heart .dive-icon-one { top: -30%; }
  .punt-run-dive-heart .dive-icon-two img { max-width: 39%; }
  .punt-run-dive-heart .dive-icon-two { right: -34.5%; top: -18%; }
  .punt-run-dive-heart .dive-icon-three img {max-width: 50%;}
  .punt-run-dive-heart .dive-icon-three { top: 27%; }

  .punt-run-faq-sec .faq-title{margin-bottom: 12px;}
  .punt-run-faq-sec .faq-block { margin-top: 50px;}
  .punt-run-faq-sec .accordion-title { font-size: 24px; }
  .punt-run-faq-sec .accordion-item::before { font-size: 24px; width: 82px; min-height: 73px; padding-left: 35px;}
  .punt-run-faq-sec .accordion-item:after{width: 36px; left: 82px; min-height: 65px; clip-path: polygon(0 0, 100% 0, 47% 100%, 0% 100%);}
  .punt-run-faq-sec .accordion-head-outer { min-height: 65px; padding: 0 10px 0 133px; }
  .punt-run-faq-sec .accordion-head { padding: 0 0 8px 0; }
  .punt-run-faq-sec .accordion-text { font-size: 18px; }
  .punt-run-faq-sec .accordion-body { padding: 0 20px 0 88px; }
  .punt-run-faq-sec .accordion-cont-bar { min-height: 85px; }
  .punt-run-faq-sec .accordion-item{margin-bottom: 8px;}
  .punt-run-faq-sec .faq-sec-outer { padding: 0 0 50px; }
}

@media(max-width:767px) {
  .punt-run-game .banner-icon-one{display: none;}
  .punt-run-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size: 100% 100%; position: relative; padding: 0; margin-top: -3.3%;}
  .punt-run-game .game-logo-fig { max-width: 51%; margin-top: 4%;}
  .punt-run-game .video-block { max-width: 84%; margin-top: 1.5%;}
  .punt-run-game .sec-main-title{font-size: 18px; letter-spacing: 1px; margin-bottom: 15px;}
  .punt-run-game .sec-head-bg{max-width: 92%;}
  .punt-run-game .btn-bar .btn-text{font-size: 17px; letter-spacing: 1px;}
  .punt-run-game .btn-bar .base-btn{height: 38px; max-width: 55%; margin: 15px 0 33px 0;} 
  .punt-run-game .sec-head-bg { filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.4)); }

  .punt-run-game .video-shadow { bottom: -22px; width: calc(100% + 5%); left: -3%; }
  .punt-run-game .banner-icon-two img { max-width: 14%; }
  .punt-run-game .banner-icon-two { right: -350px; bottom: -6.5%; }

  .punt-run-about-us-sec{margin-top: -10%;}
  .punt-run-about-us-sec .about-us-outer { margin-top: 52px; }
  .punt-run-about-us-sec .about-us-text { font-size: 16px; letter-spacing: 1px; padding: 12px 10px 0; }
  .punt-run-about-us-sec .about-icon-one{display: none;}
  .punt-run-about-us-sec .about-icon-two { right: -185px; bottom: -5.5%;}
  .punt-run-about-us-sec .about-icon-two img { max-width: 25%; }

  .punt-run-how-to-work-sec { margin-top: 28px; }
  .punt-run-how-to-work-sec .htw-head-bg{max-width: 81%;}
  .punt-run-how-to-work-sec .how-to-work-process .container{padding: 0;}
  .punt-run-how-to-work-sec .htw-process-wrap{align-items: center; flex-wrap: wrap;}
  .punt-run-how-to-work-sec .htw-process-wrap .col-left { max-width: 92%; padding: 0;}
  .punt-run-how-to-work-sec .htw-process-card-title{font-size: 34px; letter-spacing: 0; line-height: normal;}
  .punt-run-how-to-work-sec .htw-process-card-list{padding: 0 10px;}
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-list{padding: 0 10px;}
  .punt-run-how-to-work-sec .htw-process-card-body{padding: 60px 0 10px 0; position: relative; z-index: 1; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .punt-run-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding: 60px 0 10px 0; position: relative; z-index: 1; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-body{padding: 60px 0 10px 0; position: relative; z-index: 1; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-body{padding: 60px 0 10px 0; position: relative; z-index: 1; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .punt-run-how-to-work-sec .col-right{margin-bottom: 0; padding: 0;}
  .punt-run-how-to-work-sec .col-right::after { height: 259px; clip-path: polygon(90% 0, 100% 0, 100% 100%, 53% 100%); top: -74px; }
  .punt-run-how-to-work-sec .htw-process-wrap-six .col-right::after { height: 239px;}
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::after { height: 239px; width: 330px; clip-path: polygon(90% 0, 100% 0, 100% 100%, 53% 100%); top: -74px; right: 0; background: #e3f0f7;}
  .punt-run-how-to-work-sec .col-right::before { height: 100px; width: 100%; left: 0; top: -75px;}
  .punt-run-how-to-work-sec .htw-process-wrap-two .col-right::before { height: 100px; clip-path: none; background: #edf9ff; width: 100%; left: 0; top: -75px;}
  .punt-run-how-to-work-sec .how-to-work-theme-shadow { bottom: -22px; }
  .punt-run-how-to-work-sec .htw-process-wrap-one { margin-top: 10px; }
  .punt-run-how-to-work-sec .htw-wrap-two { margin-top: 30px; }
  .punt-run-how-to-work-sec .htw-process-wrap-three{margin-top: 30px;}
  .punt-run-how-to-work-sec .htw-wrap-seven{margin-top: 30px;}
  .punt-run-how-to-work-sec .how-to-work-process-sec-four{margin-top: 30px;}
  .punt-run-how-to-work-sec .htw-process-wrap-one .col-right::after { height: 217px;}
  .punt-run-how-to-work-sec .htw-wrap-five{margin-top: 30px;}
  .punt-run-how-to-work-sec .htw-process-wrap-six{margin-top: 30px;}
  .punt-run-how-to-work-sec .htw-process-wrap-three .col-left{padding: 0; display: flex; justify-content: center; align-items: center;}
  .punt-run-how-to-work-sec .htw-process-wrap-three .htw-process-theme{display: flex; justify-content: center;}
  .punt-run-how-to-work-sec .htw-process-wrap-three .htw-process-theme img{margin: 0; max-width: 67%;}
  .punt-run-how-to-work-sec .htw-process-wrap-three .col-right::before{top: -48px;}
  .punt-run-how-to-work-sec .htw-process-controls .htw-process-card-title-bar {max-width: 100%;}
  .punt-run-how-to-work-sec .htw-process-wrap-three .col-right::after{top: -48px; height: 213px;}
  .punt-run-how-to-work-sec .htw-process-wrap-four{gap: 18px 0; margin: 0; flex-direction: column; z-index: 1;}
  .punt-run-how-to-work-sec .htw-process-wrap-four .col-right{max-width: 92%; padding: 0;}
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body{padding: 0; max-width: 100%; height: 210px;}
  .punt-run-how-to-work-sec .how-to-work-process-sec-four .htw-process-card-list{padding: 0 10px;}
  .punt-run-how-to-work-sec .htw-process-obstacles .htw-process-card-list{padding: 0 10px;}
  .punt-run-how-to-work-sec .htw-wrap-five .col-right::after{height: 217px;}
  .punt-run-how-to-work-sec .htw-process-score .htw-process-card-list { padding: 0 10px; }
  .punt-run-how-to-work-sec .htw-process-game-over .htw-process-card-list{padding: 0 10px;}
  .punt-run-how-to-work-sec .htw-process-four-body{flex-direction: column-reverse; display: flex;}
  .punt-run-how-to-work-sec .htw-process-card-title::before { top: 10px; height: 25px; width: 23px; left: -28px; }
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-title::after { top: 10px; height: 25px; width: 23px; right: -28px; }
  .punt-run-how-to-work-sec .htw-process-outer{position: relative;}
  .punt-run-how-to-work-sec .htw-process-outer::before { height: 100px; background: #edf9ff; width: 100%;top: -75px; position: absolute; content: '';}
  .punt-run-how-to-work-sec .htw-process-outer .htw-process-card-body::after {z-index: -1; top: -75px; height: 285px; width: 330px; clip-path: polygon(90% 0, 100% 0, 100% 100%, 53% 100%); right: 0; background: #e3f0f7; position: absolute; content: '';}

  .punt-run-game-expectation-sec{margin-top: 0;}
  .punt-run-game-expectation-sec .game-expectation-sec-outer{background:var(--expectation-bg-mob) no-repeat top center; background-size:100% 100%; position: relative; padding: 40px 0;}
  .punt-run-game-expectation-sec .game-expectation-item-two{margin-top: 0;}
  .punt-run-game-expectation-sec .game-expectation-item-three{margin-top: 0;}
  .punt-run-game-expectation-sec .game-expectation-item-four{margin-top: 0;}
  .punt-run-game-expectation-sec .game-expectation-card{height: 100%;}
  .punt-run-game-expectation-sec .game-expectation-card-outer{margin-top: 100px; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.14)); border-radius: 50px;}
  .punt-run-game-expectation-sec .game-expect-card-title{font-size: 30px; letter-spacing: 1px; line-height: 28px;}
  .punt-run-game-expectation-sec .game-expect-details-item{font-size: 18px; letter-spacing: 1px; padding: 0 6px;}
  .punt-run-game-expectation-sec .game-expect-card-fig { max-width: 70%;}
  .punt-run-game-expectation-sec .game-expect-icon-block { top: -42px; margin-bottom: -65px;}
  .punt-run-game-expectation-sec .game-expect-icon-block-two { top: -56px; }
  .punt-run-game-expectation-sec .game-expect-icon-block-three { top: -70px; opacity: 0.8}
  .punt-run-game-expectation-sec .game-expect-icon-block-four { top: -58px; }
  .punt-run-game-expectation-sec .owl-carousel .owl-dot.active span{background: #ffffff; border: 3px solid #217aa9;}
  .punt-run-game-expectation-sec .owl-carousel .owl-dot span{background: #227ba9; border: 2px solid #217aa9; width: 21px; height: 21px; opacity: 0.8}
  .punt-run-game-expectation-sec .owl-carousel .owl-dot{margin: 2px 4px;}

  .punt-run-dive-heart{background:var(--dive-bg-mob) no-repeat top center; background-size:100% 100%; position: relative; padding-bottom: 178px; margin-top:-2px;}
  .punt-run-dive-heart .dive-icon-one{display: none;}
  .punt-run-dive-heart .dive-icon-two{display: none;}
  .punt-run-dive-heart .dive-icon-three{display: none;}
  .punt-run-dive-heart .dive-heart-text { font-size: 18px; padding: 35px 0 0; }
  .punt-run-dive-heart .btn-bar .base-btn{margin: 25px 0;}

  .punt-run-faq-sec{margin-top: -100px;}
  .punt-run-faq-sec .faq-title{font-size: 20px;}
  .punt-run-faq-sec .faq-head-bg{max-width: 80%;} 
  .punt-run-faq-sec .faq-sec-outer { padding: 0 0 7px; }
  .punt-run-faq-sec .accordion-title{font-size: 17px; letter-spacing: 1px;}
  .punt-run-faq-sec .accordion-item::before{width: 70px; min-height: 55px; font-size: 30px; letter-spacing: 1px; padding-left: 7px; clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);}
  .punt-run-faq-sec .accordion-head { padding: 0 0 5px 0; }
  .punt-run-faq-sec .accordion-head-outer { min-height: 50px; padding: 0 8px 0 83px; }
  .punt-run-faq-sec .accordion-item:after { width: 28px; left: 49px; min-height: 50px; clip-path: polygon(0 0, 100% 0, 22% 100%, 0% 100%); }
  .punt-run-faq-sec .accordion-text{font-size: 15px; letter-spacing: 0px;}
  .punt-run-faq-sec .accordion-body { padding: 0 10px 0 20px; }
  .punt-run-faq-sec .accordion-cont-bar { min-height: 70px; }
  .punt-run-faq-sec .faq-block { margin-top: 15px; }
  .punt-run-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 14px; }
}
/* ***************************** // Punt Run Game End // ***************************** */




/* ***************************** // Gem Quest Game CSS Start // ***************************** */
.gem-quest-game {
  /*Colors*/
  --clr-base: #000000;
  --clr-base-light:#008592;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#ab0b0a;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#000000;
  --bg-primary:#ffece2;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Squirk', sans-serif;
  --font-base1:'Comic', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}

.gem-quest-game .header{box-shadow:none;}
.gem-quest-game .nav-item-label{font-weight:600;}
@media (hover: hover){.gem-quest-game .active .nav-item-label, .gem-quest-game .nav-item-label:hover {background:var(--clr-action);color: var(--clr-action-alt);}
}

.gem-quest-game .base-btn{float:left; max-width: 35.5%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); margin: 65px 0 70px 0;}
.gem-quest-game .btn-bar{display:flex; justify-content:center;}
.gem-quest-game .sec-main-title{position: absolute; font-size: 50px; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; font-weight: bold; text-align: center; font-family: var(--font-base);}
.gem-quest-game .game-logo-fig{max-width:32%; position: relative; margin-top: 4.5%;}
.gem-quest-game .game-logo-outer::before { position: absolute; left: 21px; right: 0px; top: 0; bottom: 0px; height: 57%; width: 69%; border-radius: 39%; content: ''; margin: auto; background: linear-gradient(to right, rgba(0, 234, 255, 1) 0%, rgba(0, 72, 255, 1) 100%); filter: blur(18px);}
.gem-quest-game .game-logo-mob{display: none;}
.gem-quest-game .sec-head-bg{filter: drop-shadow(2px 15px 3px rgba(0, 0, 0, 0.2));}

.gem-quest-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; position: relative; margin-top: -4%;}
.gem-quest-game .banner-sec-outer{background:transparent; padding:0px;}
.gem-quest-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin-top: 2%;}
.gem-quest-game .video-frame{z-index: 3;}
.gem-quest-game .banner-sec-video{background:transparent;}
.gem-quest-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index: 2;}
.gem-quest-game .video-block { max-width: 66.5%; position: relative; overflow: inherit;}
.gem-quest-game .video-poster, .gem-quest-game .client-video { border-radius: 0; top: 16%; left: 15%; right: 3.5%; height: calc(100% - 28.4%); width: calc(100% - 30.3%); bottom: auto; }
.gem-quest-game .sec-head-outer { float: left; width: 100%; position: relative;  display: flex; align-items: center; justify-content: center;}
.gem-quest-game .banner-icon-one{position: absolute; bottom: 1.5%; z-index: 1;}
.gem-quest-game .banner-icon-two{position: absolute; bottom: 1.5%; right: 0; z-index: 1;}
.gem-quest-game .banner-icon-three{position: absolute; bottom: -3.3%; left: 15.5%; z-index: 3;}

.gem-quest-game .banner-icon-one-mob ,.gem-quest-game .banner-icon-two-mob, .gem-quest-game .banner-icon-four-mob, .gem-quest-game .banner-icon-five-mob{display: none;}
.gem-quest-game .word-font{font-family:var(--font-base1);}

.gem-quest-about-us-sec{background-image: linear-gradient(180deg, rgba(232, 149, 31, 1) 0%, rgba(62, 29, 10, 1) 100%); position: relative; margin-top: -8%;}
.gem-quest-about-us-sec .about-bg-bottom{position: absolute; bottom: -7%;}
.gem-quest-about-us-sec .about-us-content{ margin-top: 12%;}
.gem-quest-about-us-sec .about-us-text {padding: 10px 120px 0 120px; font-size: 35px; letter-spacing: 1px; color: var(--clr-action-alt); text-align: center; font-family: var(--font-base);}
.gem-quest-about-us-sec .about-icon-one { position: absolute; top: 18%; left: 4%; }
.gem-quest-about-us-sec .about-icon-two { position: absolute; right: 3.5%; bottom: 12%; }

.gem-quest-how-to-work-sec{margin-top: 150px;}
.gem-quest-how-to-work-sec .game-start-card.htw-process-card:before{display: none;}
.gem-quest-how-to-work-sec .htw-process-card:before, .gem-quest-how-to-work-sec .htw-process-card:after{display: none;}
.gem-quest-how-to-work-sec .htw-process-theme:after{display: none;}
.gem-quest-how-to-work-sec .htw-process-wrap{margin: 55px 0;}
.gem-quest-how-to-work-sec .htw-process-card-outer{filter: drop-shadow(0px 14px 6px rgba(0,0,0,0.26)); background: var(--bg-primary); border: 6px solid #e58c33; border-radius: 0;}
.gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 30px; letter-spacing: 1px; color: var(--clr-base); padding: 0;}
.gem-quest-how-to-work-sec .word-alt{color: var(--clr-base-light);}
.gem-quest-how-to-work-sec .game-start-card .htw-process-card-body { padding: 40px 55px 80px 70px; }
.gem-quest-how-to-work-sec .htw-process-wrap .col-left{max-width: 52%; padding: 0;}
.gem-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left: 70px;}
.gem-quest-how-to-work-sec .game-start-card .htw-process-card-head-bg { position: relative; margin: -10% 0 0 3%; display: flex; justify-content: center; align-items: center;}
.gem-quest-how-to-work-sec .htw-card-title{position: absolute; font-size: 35px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); text-align: center;}
.gem-quest-how-to-work-sec .htw-card-icon img{max-width: 63%;}
.gem-quest-how-to-work-sec .htw-card-icon{position: relative; top: 0; left: 0; z-index: 0; display: flex; justify-content: center;align-items: center;}
.gem-quest-how-to-work-sec .game-start-card .htw-process-card-icon { position: relative; margin: -14% 0 0 -100%; display: flex; justify-content: center; align-items: center;}
.gem-quest-how-to-work-sec .htw-card-num{position: absolute; font-size: 35px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; text-align: center;}
.gem-quest-how-to-work-sec .htw-lantern-icon{position: absolute; left: 1.5%; top: 15%;}
.gem-quest-how-to-work-sec .htw-process-card-head-bg { position: relative; margin: -10% 0 0 3%; display: flex; justify-content: center; align-items: center; }
.gem-quest-how-to-work-sec .htw-process-card-icon { position: relative; margin: -14% 0 0 -100%; display: flex; justify-content: center; align-items: center; }
.gem-quest-how-to-work-sec .htw-process-card-body { padding: 40px 75px 80px 70px; }
.gem-quest-how-to-work-sec .htw-process-wrap-two .htw-lantern-icon { position: absolute; left: 1.5%; top: 12%; }
.gem-quest-how-to-work-sec .htw-process-wrap-two .col-right{padding-right: 60px;}
.gem-quest-how-to-work-sec .htw-process-wrap-three .col-right{padding-left: 60px;}
.gem-quest-how-to-work-sec .htw-process-wrap-three .htw-process-card-body { padding: 40px 47px 80px 70px; }
.gem-quest-how-to-work-sec .htw-process-wrap-outer{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.gem-quest-how-to-work-sec .htw-process-wrap-treasure-box{filter: drop-shadow(0px 14px 6px rgba(0,0,0,0.26)); background: var(--bg-primary); border: 6px solid #e58c33; border-radius: 0; max-width: 72%; padding: 50px; margin: 27px 0 87px 0;}
.gem-quest-how-to-work-sec .treasure-box-text{font-size: 30px; letter-spacing: 1px; font-family: var(--font-base); text-align: center;}
.gem-quest-how-to-work-sec .htw-wrap-four .col-left { max-width: 38%; }
.gem-quest-how-to-work-sec .htw-wrap-four .col-left .htw-process-theme{ margin: 0 0 0 -13%; }
.gem-quest-how-to-work-sec .htw-wrap-four .col-right{padding-right: 0;}
.gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-outer{max-width: 72%;}
.gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-body { padding: 20px 25px 0 56px; }
.gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before { content: ""; position: absolute; left: -71px; top: -8px; width: 66px; height: 66px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-how-to-work-sec .treasure-box-text::before { content: ""; position: absolute; left: 29px; top: 37px; width: 66px; height: 66px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-how-to-work-sec .htw-process-card-theme-icon {display: flex; justify-content: space-between; width: 100%; padding: 0 10px 30px 10px;}
.gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-bottom: 38px;}
.gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:last-child{margin-bottom: 10px;}
.gem-quest-how-to-work-sec .htw-process-wrap-five{flex-direction: row; padding: 0; margin-top: 115px;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .col-right{max-width: 100%; margin: 0; padding-left: 60px;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before { content: ""; position: absolute; left: -71px; top: -8px; width: 66px; height: 66px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::before{display: none;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{position: relative; margin: -10px 0;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-body { padding: 30px 25px 10px 25px; }
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list{padding: 0;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-item{display: flex; align-items: center;}
.gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-title{font-size: 30px; letter-spacing: 1px; color: var(--clr-base); margin-bottom: 30px;}
.gem-quest-how-to-work-sec .htw-box-icon{width: auto; min-width: 140px;}
.gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-list{padding: 0;}
.gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-body { padding:20px 50px 60px 70px; }
.gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item-two{margin: 0; padding-left: 10px;}
.gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item-two:before{ content: ""; position: absolute; left: -71px; top: -22px; width: 80px; height: 80px; background: url(../images/gem-quest/htw-point-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-how-to-work-sec .htw-wrap-six .col-left {margin-top: 120px;}
.gem-quest-how-to-work-sec .htw-wrap-six .col-left .htw-process-card-outer{max-width: 84%; margin-left: 15%}
.gem-quest-how-to-work-sec .wrap-six-icon-one{margin: 0 0 6% 31%;}
.gem-quest-how-to-work-sec .wrap-six-icon-two{margin: 0 0 -12% 27%;}
.gem-quest-how-to-work-sec .wrap-six-icon-three{margin: 0 0 6% 46%;}
.gem-quest-how-to-work-sec .htw-process-wrap-track-progress{max-width: 74%; text-align: center; margin-top: 150px;}
.gem-quest-how-to-work-sec .track-progress-text{font-size: 30px; letter-spacing: 1px; font-family: var(--font-base); text-align: center;}
.gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-icon { margin: -8% 0 0 -100%;}
.gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-head-bg { position: relative; margin: -6% 0 0 3%;}
.gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-body { padding: 10px 75px 34px 75px; }
.gem-quest-how-to-work-sec .htw-process-theme-outer { max-width: 52%; margin-top: -6.1%; }
.gem-quest-how-to-work-sec .htw-wrap-eight {margin-top: 75px;}
.gem-quest-how-to-work-sec .htw-wrap-eight .col-left{max-width: 39%; margin-left: 10%;}
.gem-quest-how-to-work-sec .htw-wrap-eight .htw-process-card-body{padding: 30px 70px 40px 70px;}
.gem-quest-how-to-work-sec .htw-process-wrap-nine{margin-top: 0;}
.gem-quest-how-to-work-sec .htw-process-wrap-nine .col-left{max-width: 42%; margin-right: 13%;}
.gem-quest-how-to-work-sec .htw-process-wrap-nine .htw-process-card-body { padding: 34px 23px 10px 70px; }

.gem-quest-game-summary{display: flex; justify-content: center; align-items: center; text-align: center; margin: 4.5% 0 -35.8% 0; z-index: 1; position: relative;}
.gem-quest-game-summary .game-summary-sec-outer{margin: 0; padding: 0; max-width: 73%; filter: drop-shadow(0px 14px 6px rgba(0,0,0,0.26)); background: var(--bg-primary); border: 6px solid #e58c33; border-radius: 0;}
.gem-quest-game-summary .game-summary-card-head-bg{ position: relative; margin: -4.5% 0 0 3%; display: flex; justify-content: center; align-items: center;}
.gem-quest-game-summary .game-summary-title{position: absolute; font-size: 35px; letter-spacing: 1px; text-transform: uppercase; color: var(--clr-action-alt); text-align: center;}
.gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item{padding: 20px 0; font-size: 30px; letter-spacing: 1px; color: var(--clr-base); position: relative;}
.gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item::before { content: ""; position: absolute; left: -54px; top: 10px;; width: 66px; height: 66px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-game-summary .game-summary-card-list{padding: 10px 100px 15px 100px;}
.gem-quest-game-summary .game-summary-card-theme{display: flex; margin-bottom: 70px;}
.gem-quest-game-summary .game-summary-card-theme .htw-process-theme:after{display: none;}

.game-expectation-sec-outer{padding: 70px 0 85px;}
.gem-quest-game-expectation-sec{background: #008592; padding-top: 36%; position: relative;}
.gem-quest-game-expectation-sec .game-expectation-card-outer{background: linear-gradient(0deg, #ffe546 0%, #fbc23f 100%); padding: 0; filter: drop-shadow(2px 2px 17px #ffe380);}
.gem-quest-game-expectation-sec .game-expectation-card-body{box-shadow: inset 0 0 10.5px var(--bg-base); background: url(../images/gem-quest/expectation-bg-theme.webp) no-repeat bottom right; background-size: 53%; border: 7px solid #c45e29; border-radius: 0;}
.gem-quest-game-expectation-sec .game-expect-details-item{font-size: 25px; letter-spacing: 1px; color: var(--clr-base); padding-left: 70px}
.gem-quest-game-expectation-sec .game-expect-details-item:before{top: -10px; width: 80px; height: 80px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; }
.gem-quest-game-expectation-sec .game-expectation-item { max-width: calc((100% / 2) - 110px); margin-top: 0;}
.gem-quest-game-expectation-sec .game-expect-card-fig{max-width: 53%;}
.gem-quest-game-expectation-sec .game-expect-icon-block{top: -170px; left: -150px; margin-bottom: -175px;}
.gem-quest-game-expectation-sec .game-expect-icon-block-two{top: -140px;}
.gem-quest-game-expectation-sec .game-expect-icon-block-three{top: -155px}
.gem-quest-game-expectation-sec .game-expect-icon-block-four{top: -170px; left: -115px}
.gem-quest-game-expectation-sec .game-expect-card-title-bar{float: left; width: 100%; height: 125px; max-width: 68%; padding-left: 20px;}
.gem-quest-game-expectation-sec .game-expect-card-title{font-size: 42px; letter-spacing: 1px; color: var(--clr-action); font-family: var(--font-base); text-align: left; margin: 0;}
.gem-quest-game-expectation-sec .game-expectation-list{gap: 80px 85px; margin-top: 56px;}
.gem-quest-game-expectation-sec .game-expectation-item-one{margin-left: -10%;}
.gem-quest-game-expectation-sec .game-expectation-item-three{margin-left: 9%;}
.gem-quest-game-expectation-sec .expectation-theme-icon-one{position: absolute; top: 30%; right: 4%;}
.gem-quest-game-expectation-sec .expectation-theme-icon-two{position: absolute; bottom: 25.5%; left: 3%;}
.gem-quest-game-expectation-sec .expectation-bg-bottom{opacity: 0.50;}

.gem-quest-begin-exciting{display: flex; justify-content: center; align-items: center; margin-top: -21%; position: relative;}
.gem-quest-begin-exciting .begin-exciting-wrap{position: relative; display: flex; justify-content: center; align-items: center;}
.gem-quest-begin-exciting .begin-exciting-text{font-size: 42px; letter-spacing: 1px; color: var(--clr-action-alt); font-family: var(--font-base);}
.gem-quest-begin-exciting .begin-exciting-inner{position: absolute; max-width: 65%; text-align: center;}
.gem-quest-begin-exciting .begin-exciting-btn-bar{margin-top: 35px;}

.gem-quest-faq-sec .faq-sec-outer{padding: 0 0 120px 0;}
.gem-quest-faq-sec .accordion-card{border: none; background: #008592; padding: 0;}
.gem-quest-faq-sec .accordion-head{ filter: drop-shadow(0px 8px 10px rgba(0,0,0,0.12)); background: #008592; padding: 6px;}
.gem-quest-faq-sec .accordion-head-outer{box-shadow: none; background: #ffe546; border-radius: 0; padding: 0 0 0 102px; min-height: 104px;}
.gem-quest-faq-sec .accordion-title{font-size: 38px; letter-spacing: 1px; color: #8d4c0b; font-family: var(--font-base);}
.gem-quest-faq-sec .accordion-item::before { content: '0' counter(li); counter-increment: li; z-index: 2; position: absolute; pointer-events: none; background: #8d4c0b; width: 73px; min-height: 73px; font-size: 36px; letter-spacing: 1px; color: #f7f7f7; font-weight: bold; font-family: var(--font-base); left: 17px; top: 21px; margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.gem-quest-faq-sec .accordion { counter-reset: li; }
.gem-quest-faq-sec .accordion-item{position: relative;}
.gem-quest-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow: none; color: #8d4c0b; font-size: 37px;}
.gem-quest-faq-sec .accordion-text{font-size: 30px; letter-spacing: 1px; color: #f7f7f7; font-family: var(--font-base);}
.gem-quest-faq-sec .accordion-body { padding: 0 20px 0 110px;}
.gem-quest-faq-sec .accordion-cont-bar{min-height: 135px;}
.gem-quest-faq-sec .is-open .accordion-icon .icon { transform: inherit; width: auto; }
.gem-quest-faq-sec .faq-block{margin-top: 30px; padding: 0;}

.gem-quest-game .footer{background: #65390f;}
.gem-quest-game .copyright-text{color: var(--clr-action-alt); font-family: var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .gem-quest-game .banner-sec{margin-top: -2%;}
  .gem-quest-game .game-logo-fig { max-width: 30%; margin-top: 2%;}
  .gem-quest-game .banner-icon-one img{max-width: 70%;}
  .gem-quest-game .banner-icon-two { right: -15.5%; }
  .gem-quest-game .banner-icon-two img{max-width: 70%;}
  .gem-quest-game .banner-icon-three {bottom: -5%; left: 15%;}
  .gem-quest-game .banner-icon-three img{max-width: 80%;}
  .gem-quest-game .banner-video-outer{margin-top: -0.5%;}

  .gem-quest-game .sec-head-bg{max-width: 60%; filter: drop-shadow(2px 12.5px 3px rgba(0, 0, 0, 0.2));}
  .gem-quest-game .base-btn{max-width: 32.5%; margin: 45px 0 55px 0;}

  .gem-quest-about-us-sec .about-us-content{margin-top: 10.5%;}
  .gem-quest-about-us-sec .about-icon-one img{max-width: 70%;}
  .gem-quest-about-us-sec .about-icon-one {top: 15%; left: 0%; }
  .gem-quest-about-us-sec .about-icon-two {right: -3.5%;}
  .gem-quest-about-us-sec .about-icon-two img{max-width: 70%;}
  .gem-quest-about-us-sec .about-us-text{font-size: 27px;}

  .gem-quest-how-to-work-sec { margin-top: 120px; }
  .gem-quest-how-to-work-sec .htw-head-bg{max-width: 46%;}
  .gem-quest-how-to-work-sec .htw-process-wrap{margin: 40px 0; padding: 0 50px;}
  .gem-quest-how-to-work-sec .htw-process-wrap .col-left { max-width: 47%; }
  .gem-quest-how-to-work-sec .htw-card-title {font-size: 27px;}
  .gem-quest-how-to-work-sec .htw-card-num{font-size: 27px;}
  .gem-quest-how-to-work-sec .htw-card-head-bg{max-width: 80%;}
  .gem-quest-how-to-work-sec .htw-card-icon img { max-width: 60%;}
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 23px;}
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-body { padding: 20px 25px 40px 60px; }
  .gem-quest-how-to-work-sec .htw-process-card-body { padding: 20px 25px 40px 60px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left: 60px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-two .col-right { padding-right: 50px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-three .htw-process-card-body{ padding: 20px 25px 40px 60px; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{width: 58px; height: 58px; left: -60px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-three .col-right{padding-left: 50px;}
  .gem-quest-how-to-work-sec .treasure-box-text{font-size: 24px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-treasure-box{padding: 50px; margin: 25px 0 77px 0;}
  .gem-quest-how-to-work-sec .treasure-box-text::before{left: 10px; width: 58px; height: 58px;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-outer{max-width: 85%;}
  .gem-quest-how-to-work-sec .htw-wrap-four .col-left{max-width: 35%;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five{margin-top: 85px;}
  .gem-quest-how-to-work-sec .gem-icon img{max-width: 90%;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-bottom: 30px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-title{font-size: 24px; margin-bottom: 22px;}
  .gem-quest-how-to-work-sec .htw-box-icon { min-width: 130px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-body { padding: 23px 15px 10px 15px; }
  .gem-quest-how-to-work-sec .wrap-six-icon-one img{max-width: 57%;}
  .gem-quest-how-to-work-sec .wrap-six-icon-one { margin: 0 0 6% 22%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-two img{max-width: 80%;}
  .gem-quest-how-to-work-sec .wrap-six-icon-two { margin: 0 0 -13% 19%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-three img{max-width: 80%;}
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left .htw-process-card-outer { max-width: 100%; margin-left: 8%; }
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-body { padding: 15px 34px 35px 61px; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item-two:before{width: 70px; height: 70px;}
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item-two{max-width: 98%;}
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left { margin-top: 76px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress { max-width: 87%; margin-top: 120px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-card-head-bg img{max-width: 80%;}
  .gem-quest-how-to-work-sec .htw-process-theme-outer {max-width: 51%; margin-top: -5.7%;}
  .gem-quest-how-to-work-sec .htw-wrap-eight{margin-top: 60px;}
  .gem-quest-how-to-work-sec .htw-wrap-eight .col-left { max-width: 41%;}
  .gem-quest-how-to-work-sec .htw-wrap-eight .col-right{padding: 0;}
  .gem-quest-how-to-work-sec .htw-wrap-eight .htw-process-card-body { padding: 20px 27px 30px 43px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-nine{margin-top: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .col-left { max-width: 43%; margin-right: 8%;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-body { padding: 15px 25px 0 56px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .htw-process-card-body { padding: 34px 23px 10px 60px; }
  
  .gem-quest-game-summary{margin: 4.5% 0 -42.8% 0;}
  .gem-quest-game-summary .game-summary-sec-outer{max-width: 90%;}
  .gem-quest-game-summary .game-summary-head-bg img{max-width: 80%;}
  .gem-quest-game-summary .game-summary-card-list { padding: 10px 60px 15px 60px; }
  .gem-quest-game-summary .game-summary-title{font-size: 27px;}
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item::before{left: -32px; top: 7px;}
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item{font-size: 24px;}
  .gem-quest-game-summary .game-summary-card-theme img{max-width: 95%;} 
  .gem-quest-game-summary .game-summary-card-theme{margin-bottom: 60px;}
  
  .gem-quest-game-expectation-sec{padding-top: 41%;}
  .gem-quest-game-expectation-sec .expectation-head-bg{max-width: 51%}
  .gem-quest-game-expectation-sec .game-expectation-sec-outer { padding: 70px 0 75px; }
  .gem-quest-game-expectation-sec .game-expect-card-title{font-size: 34px;}
  .gem-quest-game-expectation-sec .game-expect-icon-block { top: -121px; left: -118px; margin-bottom: -119px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block-two { top: -98px;}
  .gem-quest-game-expectation-sec .game-expect-icon-block-three { top: -115px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block-four { top: -121px; }
  .gem-quest-game-expectation-sec .game-expect-details-item{font-size: 21px; padding-left: 53px;}
  .gem-quest-game-expectation-sec .game-expect-details-item:before{height: 66px; width: 66px; left: -12px;}
  .gem-quest-game-expectation-sec .game-expectation-card-body{padding: 56px 5px 45px; background-size: 50%;}
  .gem-quest-game-expectation-sec .game-expect-card-title-bar{height: 93px}
  .gem-quest-game-expectation-sec .game-expectation-list{gap: 40px 80px; margin-top: 30px;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-one img{max-width: 70%;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-one { top: 28%; right: -5%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-two img{max-width: 70%;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-two{left: 0;}

  .gem-quest-begin-exciting{margin-top: -21.5%;}
  .gem-quest-begin-exciting .begin-exciting-text{font-size: 34px;}
  .gem-quest-begin-exciting .begin-exciting-inner{max-width: 77%;}
  .gem-quest-begin-exciting .play-now-btn{max-width: 42%;}
  
  .gem-quest-faq-sec .faq-head-bg { max-width: 50%; }
  .gem-quest-faq-sec .faq-block { margin-top: 25px; }
  .gem-quest-faq-sec .accordion-title{font-size: 30px;}
  .gem-quest-faq-sec .accordion-item::before{font-size: 28px; width: 68px; min-height: 68px;}
  .gem-quest-faq-sec .accordion-head-outer .accordion-icon .icon{font-size: 29px;}
  .gem-quest-faq-sec .accordion-head-outer{min-height: 95px; padding: 0 0 0 97px;}
  .gem-quest-faq-sec .accordion-body { padding: 0 40px 0 102px; }
  .gem-quest-faq-sec .accordion-text{font-size: 24px;}
  .gem-quest-faq-sec .accordion-cont-bar { min-height: 123px; }
  .gem-quest-faq-sec .faq-sec-outer { padding: 0 0 110px 0; }
}
  
@media(max-width:1280px) {
  .gem-quest-game .game-logo-fig { max-width: 29%; margin-top: 1.5%; }
  .gem-quest-game .banner-icon-one img { max-width: 50%; }
  .gem-quest-game .banner-icon-two img { max-width: 50%; }
  .gem-quest-game .banner-icon-two { right: -32%; }
  .gem-quest-game .banner-icon-three { bottom: -4%; }
  .gem-quest-game .banner-icon-three img { max-width: 60%; }
  .gem-quest-game .base-btn { max-width: 29.5%; margin: 35px 0 45px 0; }

  .gem-quest-game .sec-head-bg { max-width: 56%; filter: drop-shadow(2px 11px 3px rgba(0, 0, 0, 0.2));}

  .gem-quest-about-us-sec .about-us-content { margin-top: 9%; }
  .gem-quest-about-us-sec .about-icon-one img { max-width: 52%; }
  .gem-quest-about-us-sec .about-icon-two { right: -8.5%; }
  .gem-quest-about-us-sec .about-icon-two img { max-width: 52%; }
  .gem-quest-about-us-sec .about-us-text { font-size: 24px; padding: 0 80px;}
  
  .gem-quest-how-to-work-sec { margin-top: 95px; }
  .gem-quest-how-to-work-sec .htw-head-bg{max-width: 43%;}
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-body { padding: 10px 20px 40px 35px; }
  .gem-quest-how-to-work-sec .htw-process-card-body { padding: 10px 20px 40px 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-three .htw-process-card-body { padding: 10px 15px 40px 35px; }
  .gem-quest-how-to-work-sec .htw-card-title{ font-size: 23px; }
  .gem-quest-how-to-work-sec .htw-card-num { font-size: 23px; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before { width: 55px; height: 55px; left: -58px; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { font-size: 20px; }
  .gem-quest-how-to-work-sec .treasure-box-text{font-size: 20px;}
  .gem-quest-how-to-work-sec .treasure-box-text::before { left: 7px; width: 55px; height: 55px; top: 29px;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-bottom: 20px;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-body { padding: 10px 25px 0 56px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-body { padding: 10px 10px 10px 10px; }
  .gem-quest-how-to-work-sec .htw-box-icon { min-width: 110px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five .col-right{padding-left: 49px}
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-title{font-size: 21px; margin-bottom: 18px;}
  .gem-quest-how-to-work-sec .wrap-six-icon-one img { max-width: 54%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-one { margin: 0 0 6% 25%; }
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-body { padding: 15px 10px 25px 51px; }
  .gem-quest-how-to-work-sec .wrap-six-icon-two img { max-width: 38%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-three img { max-width: 75%; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-body { padding: 10px 69px 24px 46px; }
  .gem-quest-how-to-work-sec .htw-process-theme-outer{margin-top: -5%;}
  .gem-quest-how-to-work-sec .htw-wrap-eight .col-left{margin-left: 7%;}
  .gem-quest-how-to-work-sec .htw-process-wrap{margin: 25px 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-treasure-box{padding: 40px; margin: 20px 0 60px 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five{margin-top: 60px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress{margin-top: 80px;}
  .gem-quest-how-to-work-sec .htw-wrap-eight{margin-top: 40px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine{margin-top: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .htw-process-card-body { padding: 30px 23px 10px 35px; }
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left { margin-top: 54px; }

  .gem-quest-game-summary { margin: 4.5% 0 -42% 0; }
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item{font-size: 21px;}
  .gem-quest-game-summary .game-summary-card-theme{margin-bottom: 50px;}

  .gem-quest-game-expectation-sec { padding-top: 40%; }
  .gem-quest-game-expectation-sec .game-expectation-sec-outer { padding: 70px 0 60px; }
  .gem-quest-game-expectation-sec .expectation-head-bg{max-width: 46%;}
  .gem-quest-game-expectation-sec .game-expect-card-title { font-size: 30px; }
  .gem-quest-game-expectation-sec .game-expect-card-title-bar{max-width: 75%;}
  .gem-quest-game-expectation-sec .game-expect-details-item{font-size: 17px; padding-left: 43px;}
  .gem-quest-game-expectation-sec .game-expect-details-item:before { height: 57px; width: 57px; }
  .gem-quest-game-expectation-sec .game-expectation-list { gap: 0 65px; margin-top: 0; }
  .gem-quest-game-expectation-sec .game-expectation-item { max-width: calc((100% / 2) - 120px); margin-top: 0; }  
  .gem-quest-game-expectation-sec .expectation-theme-icon-one img{max-width: 55%;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-one { top: 31%; right: -11%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-two img{max-width: 55%;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-two{bottom: 27.5%;}
  .gem-quest-game-expectation-sec .game-expect-card-fig { max-width: 50%; }
  .gem-quest-game-expectation-sec .game-expect-icon-block { top: -105px; left: -94px; margin-bottom: -105px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block-two { top: -84px; left: -84px;}
  .gem-quest-game-expectation-sec .game-expect-icon-block-three { top: -98px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block-four {top: -104px; left: -66px;}

  .gem-quest-begin-exciting .begin-exciting-text { font-size: 27px; }
  .gem-quest-begin-exciting .begin-exciting-inner { max-width: 80.5%; margin-top: 10px;}
  .gem-quest-begin-exciting .play-now-btn { max-width: 40%; }
  .gem-quest-begin-exciting .begin-exciting-btn-bar { margin-top: 30px; }

  .gem-quest-faq-sec .faq-head-bg { max-width: 45%; }
  .gem-quest-faq-sec .faq-block { margin-top: 20px; }
  .gem-quest-faq-sec .faq-sec-outer { padding: 0 0 80px 0; }
  .gem-quest-faq-sec .accordion-title { font-size: 27px; }
  .gem-quest-faq-sec .accordion-item::before{font-size: 25px; width: 60px; min-height: 60px; top: 19px;}
  .gem-quest-faq-sec .accordion-head-outer{min-height: 85px; padding: 0 0 0 90px}
  .gem-quest-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 27px; }
  .gem-quest-faq-sec .accordion-body { padding: 0 40px 0 96px; }
  .gem-quest-faq-sec .accordion-cont-bar { min-height: 110px; }
  .gem-quest-faq-sec .accordion-text { font-size: 21px; }
}      
  
@media(max-width:1023px) {
  .gem-quest-game .banner-icon-one img { max-width: 40%; }
  .gem-quest-game .banner-icon-two img { max-width: 40%; }
  .gem-quest-game .banner-icon-two { right: -51.5%; }

  .gem-quest-game .game-logo-fig { max-width: 28%; margin-top: 2%; }
  .gem-quest-game .banner-icon-three { bottom: -4.7%; }
  .gem-quest-game .banner-icon-three img { max-width: 50%; }
  
  .gem-quest-game .base-btn { max-width: 32.5%; margin: 30px 0 35px 0; }
  .gem-quest-game .sec-head-bg { max-width: 53%; filter: drop-shadow(2px 9px 3px rgba(0, 0, 0, 0.2));}

  .gem-quest-about-us-sec .about-us-text { font-size: 19px; padding: 0 10px; }
  .gem-quest-about-us-sec .about-icon-one img { max-width: 40%; }
  .gem-quest-about-us-sec .about-icon-one { top: 13%; left: -1%; }
  .gem-quest-about-us-sec .about-icon-two img { max-width: 40%; }
  .gem-quest-about-us-sec .about-icon-two { right: -16.5%; }

  .gem-quest-how-to-work-sec{margin-top: 70px;}
  .gem-quest-how-to-work-sec .htw-head-bg{max-width: 42%;}
  .gem-quest-how-to-work-sec .htw-process-wrap { margin: 15px 0; padding: 0 30px; }
  .gem-quest-how-to-work-sec .htw-card-title{font-size: 17px;}
  .gem-quest-how-to-work-sec .htw-card-num{font-size: 17px;}
  .gem-quest-how-to-work-sec .htw-card-head-bg { max-width: 86%; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before { width: 45px; height: 45px; left: -43px; top: -8px;}
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size: 16px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-one .col-right { padding-left: 30px; }
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-body { padding: 0 20px 0 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-two .col-right { padding-right: 30px; }
  .gem-quest-how-to-work-sec .htw-wrap-eight .col-right { padding-right: 0; }
  .gem-quest-how-to-work-sec .htw-process-card-body { padding: 0 20px 0 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-three .col-right { padding-left: 12px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-three .htw-process-card-body{ padding: 0 20px 0 35px; }
  .gem-quest-how-to-work-sec .treasure-box-text{font-size: 16px;}
  .gem-quest-how-to-work-sec .htw-process-card-theme-icon{padding: 0 10px 15px 10px;}
  .gem-quest-how-to-work-sec .htw-box-icon { min-width: 80px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-body { padding: 0 3px 10px 5px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five .col-right { padding-left: 30px; }  
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-title{font-size: 16px; margin-bottom: 12px;}
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-body { padding: 0 0px 25px 35px; }
  .gem-quest-how-to-work-sec .htw-process-card-list-item, .htw-process-card-list-label{margin-bottom: 14px;}
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left { margin-top: 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-body { padding: 10px 20px 0 37px; }
  .gem-quest-how-to-work-sec .htw-process-theme-outer { margin-top: -4.5%; }
  .gem-quest-how-to-work-sec .htw-wrap-eight .htw-process-card-body{ padding: 0 20px 0 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .col-left{margin-right: 5%;}
  .gem-quest-how-to-work-sec .htw-process-wrap-treasure-box { padding: 30px; margin: 10px 0 45px 0; }
  .gem-quest-how-to-work-sec .treasure-box-text::before { left: -5px; width: 45px; height: 45px; top: 21px; }
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item { margin-bottom: 10px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-five { margin-top: 40px; }
  .gem-quest-how-to-work-sec .htw-wrap-six { margin-top: 0; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress { margin-top: 60px; }
  .gem-quest-how-to-work-sec .htw-wrap-eight{margin-top: 30px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine{margin-top: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .htw-process-card-body { padding: 0 20px 0 35px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .htw-process-card{margin-top: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-nine .col-right{margin-top: 12px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-head-bg{margin:-8.2% 0 0 3%; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-icon{margin:-11% 0 0 -100%;}
  
  .gem-quest-game-summary { margin: 4.5% 0 -38% 0; }
  .gem-quest-game-summary .game-summary-card-head-bg { margin:-7.5% 0 0 3%;}
  .gem-quest-how-to-work-sec .htw-process-card-head-bg {margin: -11% 0 0 3%;}
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item{font-size: 16px; padding: 10px 0px;}
  .gem-quest-game-summary .game-summary-card-list { padding: 10px 14px 15px 20px; } 
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item::before{height: 55px; width: 55px; top: -3px;}
  .gem-quest-game-summary .game-summary-card-theme { margin-bottom: 35px; margin-bottom: 12px;}
  
  .gem-quest-game-expectation-sec { padding-top: 37%; }
  .gem-quest-game-expectation-sec .game-expectation-list { gap: 0 35px;}
  .gem-quest-game-expectation-sec .game-expectation-sec-outer { padding: 50px 0 ;}
  .gem-quest-game-expectation-sec .game-expectation-item { max-width: calc((100% / 2) - 48px);}
  .gem-quest-game-expectation-sec .game-expectation-item-one { margin-left: -5%; }
  .gem-quest-game-expectation-sec .game-expectation-item-three { margin-left: 5%; }
  
  .gem-quest-game-expectation-sec .game-expect-card-title-bar{height: 75px; max-width: 80%;}
  .gem-quest-game-expectation-sec .game-expect-card-title { font-size: 26px; }
  .gem-quest-game-expectation-sec .game-expect-details-item { font-size: 16px; padding-left: 35px;}
  .gem-quest-game-expectation-sec .game-expect-details-item:before { height: 50px; width: 50px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block { top: -76px; margin-bottom: -74px;}
  .gem-quest-game-expectation-sec .game-expect-icon-block-two { top: -57px; }
  .gem-quest-game-expectation-sec .game-expect-icon-block-three { top: -70px; }
  .gem-quest-game-expectation-sec .game-expectation-card-body { padding: 56px 5px 25px; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-one img { max-width: 35%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-two img { max-width: 35%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-one {right: -22%; top: 28%;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-two { bottom: 35.5%; }
  
  .gem-quest-begin-exciting .begin-exciting-text { font-size: 20px; }
  .gem-quest-begin-exciting .begin-exciting-btn-bar { margin-top: 24px; }
  .gem-quest-begin-exciting .play-now-btn { max-width: 37%; }

  .gem-quest-faq-sec .faq-head-bg { max-width: 43%; }
  .gem-quest-faq-sec .faq-block{margin-top: 10px;}
  .gem-quest-faq-sec .faq-sec-outer { padding: 0 0 60px 0; }
  .gem-quest-faq-sec .accordion-title { font-size: 22px }
  .gem-quest-faq-sec .accordion-item::before{font-size: 22px; width: 55px; min-height: 55px;}
  .gem-quest-faq-sec .accordion-head-outer { min-height: 77px; padding: 0 0 0 80px; }
  .gem-quest-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 23px; }
  .gem-quest-faq-sec .accordion-text { font-size: 18px; }
  .gem-quest-faq-sec .accordion-body { padding: 0 55px 0 85px; }
  .gem-quest-faq-sec .accordion-cont-bar { min-height: 90px; }
  .gem-quest-faq-sec .accordion-item{margin-bottom: 10px;}
}
  
@media(max-width:767px) {
  .gem-quest-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size: cover; margin-top: -13%;}
  .gem-quest-game .game-logo-fig { max-width: 51%; margin-top: 13%; }
  .gem-quest-game .video-block{max-width: 89%;}
  .gem-quest-game .banner-video-outer { margin-top: -4%; }
  .gem-quest-game .banner-icon-one img { max-width: 30%; }
  .gem-quest-game .banner-icon-two img { max-width: 20%; }
  .gem-quest-game .banner-icon-two { right: -140.5%; left: auto; }
  .gem-quest-game .banner-icon-three img { max-width: 30%; }
  .gem-quest-game .banner-icon-three { bottom: -4.7%; left: 4% }
  .gem-quest-game .banner-icon-one-mob ,.gem-quest-game .banner-icon-two-mob, .gem-quest-game .banner-icon-four-mob, .gem-quest-game .banner-icon-five-mob{display: block;}
  .gem-quest-game .banner-icon-one ,.gem-quest-game .banner-icon-two{display: none;}
  .gem-quest-game .banner-icon-one-mob { position: absolute; left: 0; bottom: 0.5%; z-index: 2; max-width:130px;}
  .gem-quest-game .banner-icon-two-mob {position: absolute; right: 0; bottom: 0.5%; z-index: 2; max-width:160px; }
  .gem-quest-game .banner-icon-four-mob { position: absolute; left: 0; bottom: -12.5%; z-index: 2; }
  .gem-quest-game .banner-icon-five-mob {position: absolute; right: 0; bottom: -12.5%; z-index: 2; }
  .gem-quest-game .base-btn { max-width: 55%; margin: 25px 0 30px 0; }

  .gem-quest-game .sec-head-bg { max-width: 85%; filter: drop-shadow(2px 7px 4px rgba(0, 0, 0, 0.2));}

  .gem-quest-about-us-sec .about-us-content { margin-top: 12%; }
  .gem-quest-about-us-sec .about-us-text{font-size: 16px; letter-spacing: 0px; text-shadow: 0px 2px 0px rgba(255,255,255,0.23); padding: 0;}
  .gem-quest-about-us-sec .about-icon-one img { max-width: 20%; }
  .gem-quest-about-us-sec .about-icon-two img { max-width: 20%; }
  .gem-quest-about-us-sec .about-icon-two { right: -46%; bottom: 17%;}
  .gem-quest-about-us-sec .about-bg-bottom { bottom: -3%; }

  .gem-quest-how-to-work-sec .htw-head-bg{max-width: 83%;}
  .gem-quest-how-to-work-sec { margin-top: 38px; }
  .gem-quest-how-to-work-sec .htw-process-wrap{padding: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap .col-left{max-width: 100%;}
  .gem-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding: 0 15px;}
  .gem-quest-how-to-work-sec .htw-process-card{margin-top: 25px;}
  .gem-quest-how-to-work-sec .htw-process-card-outer { filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.26));}
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{letter-spacing: 0;}
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item-two{max-width:100%; padding-left:0px;}
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-body { padding: 20px 15px 20px 40px; }
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-icon { margin: -24% 0 0 -100%;}
  .gem-quest-how-to-work-sec .htw-card-icon img { max-width: 70%; }
  .gem-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{height: 35px; width: 35px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-two .col-right{padding: 0 15px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-three .htw-process-card-body { padding: 10px 12px 0 35px; }
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-list{margin-top:0;}
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit-left .htw-process-card{margin-top:0;}
  .gem-quest-how-to-work-sec .htw-process-card-icon { margin: -24% 0 0 -100%;}
  .gem-quest-how-to-work-sec .htw-process-card-body { padding: 15px 15px 10px 40px; }
  .gem-quest-how-to-work-sec .htw-process-wrap .col-left{padding: 0;}
  .gem-quest-how-to-work-sec .treasure-box-text::before{height: 35px; width: 35px; left: 0px; top: 10px;}
  .gem-quest-how-to-work-sec .treasure-box-text{letter-spacing: 0;}
  .gem-quest-how-to-work-sec .htw-wrap-four .col-left .htw-process-theme{margin: 0;}
  .gem-quest-how-to-work-sec .htw-wrap-four .col-left {max-width: 84%;}
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-outer { max-width: 100%; }
  .gem-quest-how-to-work-sec .htw-wrap-four .htw-process-card-body { padding: 10px 4px 0 42px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-three .col-right{padding: 0 15px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five .col-right{padding: 0 15px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-list-title{letter-spacing: 0; padding-left: 20px;}
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left{margin: 0;}
  .gem-quest-how-to-work-sec .htw-wrap-six .col-left .htw-process-card-outer{margin-left: 0;}
  .gem-quest-how-to-work-sec .wrap-six-icon-two img { max-width: 33%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-three img { max-width: 70%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-two { margin: 5% 0 -20% 19%; }
  .gem-quest-how-to-work-sec .wrap-six-icon-three { margin: 0 0 0% 43%; }
  .gem-quest-how-to-work-sec .htw-process-card-manage-limit .htw-process-card-body { padding: 20px 0px 25px 35px; }
  .gem-quest-how-to-work-sec .wrap-six-icon-one { margin: 0 0 0 25%; }
  .gem-quest-how-to-work-sec .htw-process-theme-outer{margin: 0; max-width: 100%;}
  .gem-quest-how-to-work-sec .htw-process-wrap-five .htw-process-card-body { padding: 10px 3px 10px 5px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-icon { margin: -26% 0 0 -100%; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-card-head-bg img { max-width: 95%; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-head-bg { position: relative; margin: -10% 0 0 3%; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-body { padding: 15px 9px 0 23px; }
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left: -24px; top: -9px;}
  .gem-quest-how-to-work-sec .game-start-card .htw-process-card-head-bg {  margin: -11% 0 0 3%;}
  .gem-quest-how-to-work-sec .htw-process-card-head-bg{margin: -11% 0 0 3%;}
  .gem-quest-how-to-work-sec .htw-process-wrap .col-left{margin: 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap{margin: 12px 0;}
  .gem-quest-how-to-work-sec .htw-process-wrap-one{margin-top: -21px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-treasure-box{max-width: 100%; padding: 20px 30px; margin: 15px 0 25px 0; filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.26));}
  .gem-quest-how-to-work-sec .htw-wrap-four .col-right{margin-top: -63px;}
  .gem-quest-how-to-work-sec .htw-wrap-six{flex-direction: column-reverse; margin-top: 27px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-outer{flex-direction: column-reverse; margin-top: 12px;}
  .gem-quest-how-to-work-sec .htw-process-wrap-track-progress{margin: 30px 0 10px 0;}
  .gem-quest-how-to-work-sec .htw-wrap-eight .htw-process-card{margin-top: 12px;}
  
  .gem-quest-game-summary { margin: 10% 0 -140% 0; }
  .gem-quest-game-summary .game-summary-card-head-bg { margin: -9.5% 0 0 3%;}
  .gem-quest-game-summary .game-summary-sec-outer{filter: drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.26));}
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item{letter-spacing: 0;}
  .gem-quest-game-summary .game-summary-card-list:not(.list-style-none) .game-summary-card-list-item::before{height: 35px; width: 35px; }
  .gem-quest-game-summary .game-summary-card-theme{flex-direction: column;}
  .gem-quest-game-summary .game-summary-card-theme img{max-width: 100%;}
  .gem-quest-game-summary .game-summary-title{font-size: 19px;}

  .gem-quest-game-expectation-sec { padding-top: 134%; }
  .gem-quest-game-expectation-sec .game-expectation-sec-outer { padding: 50px 0 25px 0; }
  .gem-quest-game-expectation-sec .game-expectation-item-one{margin: 0;}
  .gem-quest-game-expectation-sec .game-expectation-item-three{margin: 0;}
  .gem-quest-game-expectation-sec .game-expect-card-title-bar{max-width: 90%; height: 55px;}
  .gem-quest-game-expectation-sec .game-expect-card-title{font-size: 20px;}
  .gem-quest-game-expectation-sec .game-expect-details-item{font-size: 13px; letter-spacing: 0px;}
  .gem-quest-game-expectation-sec .game-expect-details-item:before { height: 35px; width: 35px; top: -3px; left: -4px;}
  .gem-quest-game-expectation-sec .game-expect-card-fig { max-width: 63%; }
  .gem-quest-game-expectation-sec .game-expect-icon-block { top: -93px; margin-bottom: -86px; left: -55px;}
  .gem-quest-game-expectation-sec .game-expectation-card-body{border: 4px solid #c45e29; background-size: 66%;}
  .gem-quest-game-expectation-sec .game-expect-icon-block-two { top: -75px; left: -45px; }   
  .gem-quest-game-expectation-sec .game-expect-icon-block-four{left: -32px;}
  .gem-quest-game-expectation-sec .game-expectation-card-outer { filter: drop-shadow(2px 0px 7px #ffe380); margin-bottom: 13px;}
  .gem-quest-game-expectation-sec .expectation-theme-icon-one img { max-width: 24%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-one { right: -52%; top: 52.5%; }
  .gem-quest-game-expectation-sec .expectation-theme-icon-two{display: none;}
  .gem-quest-game-expectation-sec .owl-carousel .owl-dot.active span{width: 37px; height: 34px; background: url(../images/gem-quest/htw-lantern-icon.webp) no-repeat center center; background-size: cover; border: none;}
  .gem-quest-game-expectation-sec .owl-carousel .owl-dot span{width: 37px; height: 34px; background: url(../images/gem-quest/htw-lantern-icon-two.webp) no-repeat center center; background-size: cover; border: none;}
  .gem-quest-game-expectation-sec .owl-carousel .owl-dot{margin: 0;}
  
  .gem-quest-begin-exciting { margin-top: -23%; }
  .gem-quest-begin-exciting .begin-exciting-btn-bar { margin-top: 6px; }
  .gem-quest-begin-exciting .begin-exciting-text { font-size: 11px; line-height: 1rem; display: inline-block; letter-spacing: 0;}

  .gem-quest-faq-sec .accordion-title{font-size: 16px; letter-spacing: 0px;}
  .gem-quest-faq-sec .accordion-item::before{font-size: 18px; width: 36px; min-height: 36px; top: 9px; left: 7px;}
  .gem-quest-faq-sec .accordion-head-outer { min-height: 50px; padding: 0 0 0 50px; }
  .gem-quest-faq-sec .faq-block{padding: 0; margin-top: 5px;}
  .gem-quest-faq-sec .accordion-head{padding: 2px;}
  .gem-quest-faq-sec .accordion-head-outer .accordion-icon{margin-right: 10px;}
  .gem-quest-faq-sec .accordion-head-outer .accordion-icon .icon { font-size: 16px; }
  .gem-quest-faq-sec .accordion-body { padding: 0 6px 0 52px; }
  .gem-quest-faq-sec .accordion-cont-bar { min-height: 75px; }
  .gem-quest-faq-sec .accordion-text{font-size: 16px; letter-spacing: 0px; padding: 5px 0;}
  .gem-quest-faq-sec .accordion-item { margin-bottom: 9px; }
  .gem-quest-faq-sec .faq-head-bg{max-width: 77%;}
  .gem-quest-faq-sec .faq-sec-outer{padding: 0 0 35px 0; margin-top: -6px;}
}
/* ***************************** // Gem Quest CSS End // ***************************** */




/* ***************************** // Footy Flicks Game CSS Start // ***************************** */
.footy-flicks-game {
/*Colors*/
--clr-base:#0a9af9;
--clr-base-light:#fff;
--clr-dark:#002252;
--clr-primary:#004eab;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#00b2ff;
--bg-primary:#2196f3;
--bg-dark:#0c3e7b;

/*Border Colors*/
--bdr1:rgba(33, 150, 243, 0.35);

/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Geogrotesque', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'Roboto', sans-serif;
}
.footy-flicks-game .base-btn{float:left; width:100%; background:#fff; padding:22px 20px; border-radius:7px; display:flex; align-items:center; justify-content:center; max-width:426px;}
.footy-flicks-game .btn-text{float:left; width:auto; position:unset; font-size:45px; font-weight:700; color:var(--clr-base);}
.footy-flicks-game .btn-icon{float:left; width:100%; max-width:64px; margin-left:24px; display:inline-flex; align-items:center;}

.footy-flicks-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.footy-flicks-game .banner-sec-outer{background:transparent; padding:0px;}
.footy-flicks-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.footy-flicks-game .banner-logo .game-logo-fig{max-width:27%; margin:40px 0px 50px; filter:drop-shadow(0px 0px 30px rgba(0, 152, 255, 1.0));}

.footy-flicks-game .banner-sec-video{background:transparent;}
.footy-flicks-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; --video-block-size:57.4%; --radius:40px;}
.footy-flicks-game .video-frame-shadow-bg{position:absolute; top:0; left:0; right:0; width:100%; max-width:var(--video-block-size); margin:0 auto; height:66%; border-radius:var(--radius); box-shadow:0px 0px 30px rgba(10, 154, 249, 0.6), 0px -10px 40px rgba(10, 154, 249, 0.4);}
.footy-flicks-game .video-block{max-width:var(--video-block-size); margin:0 auto; border-radius:var(--radius); background:#030303; border:4px solid #f2f2f2; padding:30px; overflow:inherit;}
.footy-flicks-game .video-iframe{padding-bottom:56%;}
.footy-flicks-game .video-poster, .footy-flicks-game .client-video{background:#fff; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; border-radius:10px;}
.footy-flicks-game .video-block:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.8;border-radius:100%;height:15px;bottom:-17px; --shadow-size:40%; left:calc((var(--shadow-size) / 2)* -1);right:calc((var(--shadow-size) / 2)* -1);width:calc(100% + var(--shadow-size));z-index:-1;background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 81%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%);}

.footy-flicks-about-us-sec{float:left; width:100%; padding:80px 0px;}
.footy-flicks-about-us-sec .sec-head{margin-bottom:20px;}
.footy-flicks-about-us-sec .about-us-text{font-size:32px; color:#fff; font-weight:500; text-align:center; padding:0 60px;}
.footy-flicks-about-us-sec .btn-bar{margin-top:50px;}

.footy-flicks-game .sec-main-title{font-size:75px; font-family:var(--font-base); color:var(--clr-dark); font-weight:900;}
.footy-flicks-game .sec-main-title.about-sec-main-title{font-size:55px; color:#fff;}
.footy-flicks-game .sec-main-title.faqs-sec-main-title{text-transform:inherit; color:#fff;}

/* How to Work CSS Start */
.footy-flicks-htw-sec .how-to-work-process{position:relative;}
.footy-flicks-htw-sec .htw-process-card:before, .footy-flicks-htw-sec .htw-process-card:after{display:none;}
.footy-flicks-htw-sec .htw-process-card-outer:before, .footy-flicks-htw-sec .htw-process-card-outer:after{display:none;}
.footy-flicks-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.footy-flicks-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.footy-flicks-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.footy-flicks-htw-sec .htw-process-wrap .col-left{max-width:54.85%;}
.footy-flicks-htw-sec .htw-process-bg-icon{position:absolute; float:left;}
.footy-flicks-htw-sec .htw-process-bg-icon img{float:left; width:100%;}
.footy-flicks-htw-sec .htw-process-bg-icon.icon-left{left:0; top:0px; width:100%; max-width:5.8%;}
.footy-flicks-htw-sec .htw-process-bg-icon.icon-right{right:0; bottom:0px; width:100%; max-width:23%;}
.footy-flicks-htw-sec .htw-process-num{float:left; width:100%; margin:0 0 10px 0; font-size:206px; font-family:var(--font-base1); font-weight:700; line-height:0.85em; color:var(--clr-base); justify-content:flex-end;}
.footy-flicks-htw-sec .htw-process-card-title-bar{text-align:right;}
.footy-flicks-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:75px; font-weight:900;}
.footy-flicks-htw-sec .htw-process-card-list-item{font-family:var(--font-base1); font-weight:500; color:var(--clr-dark); font-size:22px;}
.footy-flicks-htw-sec .htw-process-card-list{margin:0px; padding-left:8%;}
.footy-flicks-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.footy-flicks-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:10px; width:4px; height:4px; background:#1e1e1e; border-radius:100%;}
.footy-flicks-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.footy-flicks-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.5;border-radius:30%;height:10px;bottom:-6px;left:-30px;right:-30px;width:76%;z-index:1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}

.footy-flicks-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon.icon-left{max-width:5.8%;}
.footy-flicks-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon.icon-right{max-width:23%;}
.footy-flicks-htw-sec .cont-right .htw-process-card-list{padding-left:34%;}
.footy-flicks-htw-sec .cont-right .swipe-card .htw-process-card-list{padding-left:20%;}
.footy-flicks-htw-sec .how-to-work-process{padding:80px 0px 80px;}
.footy-flicks-htw-sec .cont-left .htw-process-wrap{flex-direction:row-reverse;}
.footy-flicks-htw-sec .how-to-work-process-sec-one, .footy-flicks-htw-sec .how-to-work-process-sec-three, .footy-flicks-htw-sec .how-to-work-process-sec-five{background:#fcfcfc;}
.footy-flicks-htw-sec .cont-left .htw-process-num{justify-content:flex-start;}
.footy-flicks-htw-sec .cont-left .htw-process-card-title-bar{text-align:left;}
.footy-flicks-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon.icon-left{top:auto; bottom:-28%; max-width:10.7%; z-index:1;}
.footy-flicks-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon.icon-right{bottom:auto; top:0; max-width:20.6%;}
.footy-flicks-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon.icon-left{left:auto; right:0; max-width:4.58%;}
.footy-flicks-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon.icon-left{max-width:23%; top:auto; bottom:0;}
.footy-flicks-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon.icon-right{bottom:auto; top:0; max-width:20.6%;}
.footy-flicks-htw-sec .htw-process-full-sec{background:#00b2ff var(--htw-process-full-bg) no-repeat center bottom; background-size:100% auto; position:relative; z-index:1;}

.htw-kicks-head{margin-bottom:40px;}
.htw-kicks-head .htw-process-sec-title{float:left; width:100%; text-align:center; text-transform:uppercase; font-size:75px; color:var(--clr-dark); font-weight:900;}
.htw-kicks-head .htw-process-sec-sub-title{float:left; width:100%; text-align:center; font-size:26px; font-weight:500; color:var(--clr-dark); font-family:var(--font-base1);}
.htw-kicks-row{float:left; width:100%; display:flex; align-items:center; margin:40px 0px;}
.htw-kicks-row .col{float:left; width:100%;}
.htw-kicks-row .col-left{max-width:54.85%;}
.htw-kicks-row .col-right{flex:1;}
.htw-kicks-row:nth-child(odd){flex-direction:row-reverse;}
.htw-kicks-row:nth-child(even) .col-right{padding-left:75px;}
.htw-kicks-row:nth-child(odd) .col-right{padding-right:75px;}
.footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-theme:after{--shadow-size:30%; width:calc(100% + var(--shadow-size)); left:calc((var(--shadow-size) / 2)* -1); right:calc((var(--shadow-size) / 2)* -1); border-radius:100%; bottom:-10px;}

.htw-kicks-process-card{float:left; width:100%; background:#fff; padding:5px; position:relative; --radius:30px; border-radius:var(--radius); box-shadow: 0px 0px 18px 2px rgba(0, 46, 76, 0.4);}
.htw-kicks-process-card-outer{float:left; width:100%; display:flex; align-items:center; border-radius:calc(var(--radius) - 5px); min-height:280px; padding:45px; background:linear-gradient(to top, rgb(0,55,137) -10%, rgb(0,109,187) 26%, rgb(0,163,236) 100%);}

.htw-process-kicks-card-title{float:left; width:100%; font-size:40px; font-weight:700; text-transform:uppercase; color:#fff;}
.htw-process-kicks-card-label{float:left; width:100%; font-size:26px; font-weight:500; font-family:var(--font-base1); color:#fff; margin-top:10px; position:relative; padding-left:24px;}
.htw-process-kicks-card-label:before{content:""; position:absolute; left:0; top:12px; width:10px; height:10px; background:#fff; border-radius:100%;}
.footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-bg-icon.icon-left{top:auto; bottom:-7%; max-width:12.25%;}
.footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-bg-icon.icon-right{bottom:auto; top:-5.5%; max-width:13.4%;}
.footy-flicks-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon.icon-right{bottom:auto; top:0px; max-width:6.94%;}
.footy-flicks-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-left{top:auto; bottom:0px; max-width:19.6%;}
.footy-flicks-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-right{bottom:auto; top:0px; max-width:14.1%;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.footy-flicks-game-expect-sec .game-expectation-sec-outer{background:var(--bg-primary); padding:80px 0 128px; position:relative;}
.footy-flicks-game-expect-sec .game-expect-bg-icon{position:absolute; right:0; top:-15%; width:100%; max-width:12.56%;}
.footy-flicks-game-expect-sec .game-expect-bg-icon img{float:left; width:100%;}
.footy-flicks-game-expect-sec .sec-head{margin-bottom:70px;}
.footy-flicks-game-expect-sec .sec-main-title{color:#fff;}
.footy-flicks-game-expect-sec .game-expectation-list{--gap-item:30px; gap:40px var(--gap-item);}
.footy-flicks-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.footy-flicks-game-expect-sec .game-expectation-card-outer{border-radius:28px; margin:86px 0px 0px; padding:26px 30px 30px; background:#fff; min-height:352px; box-shadow:0px 11px 0px rgba(0, 94, 169, 1.0);}
.footy-flicks-game-expect-sec .game-expect-icon-block{top:0px; margin-top:-110px; margin-bottom:45px;}
.footy-flicks-game-expect-sec .game-expect-card-fig{--circle-size:168px; border:7px solid #fff; background:#ffbd04; border-radius:100%; overflow:hidden; max-width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.footy-flicks-game-expect-sec .game-expect-card-title{font-size:28px; color:var(--clr-dark); font-family:var(--font-base1); font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:30px;}
.footy-flicks-game-expect-sec .game-expect-details-item{font-family:var(--font-base1); font-weight:500; font-size:20px; color:var(--clr-dark); line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.footy-flicks-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg) no-repeat center center; background-size:100% 100%; padding:90px 0px 80px; position:relative;}
.footy-flicks-game-summary-sec .game-summary-bg-icon{position:absolute; left:0; bottom:-20%; width:100%; max-width:8.5%;}
.footy-flicks-game-summary-sec .game-summary-bg-icon img{float:left; width:100%;}
.footy-flicks-game-summary-sec .game-summary-text{max-width:1380px; font-size:30px; color:#fff; font-weight:700; text-transform:uppercase;}
.footy-flicks-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
.footy-flicks-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.footy-flicks-faq-sec .faq-sec-outer{padding:60px 0px 100px; background:var(--faq-bg) no-repeat center bottom; background-size:cover;}
.footy-flicks-faq-sec .sec-head{margin-bottom:70px;}
.footy-flicks-faq-sec .accordion-card{border-color:var(--bdr1); background:rgba(0,0,0, 0.55);}
.footy-flicks-faq-sec .is-open .accordion-card{background:#fff; border-color:#fff;}
.footy-flicks-faq-sec .accordion-head{padding:14px 15px 14px 30px;}
.footy-flicks-faq-sec .accordion-title{font-weight:700; font-size:36px;}
.footy-flicks-faq-sec .accordion-body{padding:0 30px 0 100px;}
.footy-flicks-faq-sec .answer-label{margin-right:5px;margin-bottom:auto;}
.footy-flicks-faq-sec .accordion-text{flex:1;}
.footy-flicks-faq-sec .accordion-text, .footy-flicks-faq-sec .answer-label{font-weight:500; color:var(--clr-dark); font-size:31px;}
.footy-flicks-faq-sec .accordion-icon{--circle-size:34px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.footy-flicks-faq-sec .accordion-icon .icon{color:var(--clr-base-light); font-size:16px;}
.footy-flicks-faq-sec .is-open .accordion-icon{background:var(--bg-primary);}
.footy-flicks-faq-sec .is-open .accordion-icon .icon{color:var(--clr-base-light);}
.footy-flicks-faq-sec .is-open .accordion-title{color:var(--clr-dark);}
/*FAQ CSS End */

.footy-flicks-game .footer{background:#151324;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .footy-flicks-game .banner-video-outer{--radius:32px;}
  .footy-flicks-game .video-block{padding:20px;}
  .footy-flicks-about-us-sec{padding:70px 0px;}
  .footy-flicks-game .sec-main-title.about-sec-main-title{font-size:44px;}
  .footy-flicks-about-us-sec .about-us-text{font-size:24px;}
  .footy-flicks-game .base-btn{max-width:356px;}
  .footy-flicks-game .btn-text{font-size:38px;}
  .footy-flicks-about-us-sec .btn-bar{margin-top:40px;}

  .footy-flicks-htw-sec .htw-process-num{font-size:166px;}
  .footy-flicks-htw-sec .htw-process-card-title, .htw-kicks-head .htw-process-sec-title{font-size:62px;}
  .footy-flicks-htw-sec .htw-process-card-list-item{font-size:20px;}
  .htw-kicks-head .htw-process-sec-sub-title{font-size:22px;}
  .footy-flicks-htw-sec .cont-right .htw-process-card-list{padding-left:26%;}
  .footy-flicks-htw-sec .cont-right .swipe-card .htw-process-card-list{padding-left:10%;}
  .htw-kicks-process-card-outer{min-height:240px; padding:35px;}
  .htw-process-kicks-card-title{font-size:34px;}
  .htw-process-kicks-card-label{font-size:20px; padding-left:14px;}
  .htw-process-kicks-card-label:before{top:10px; width:5px; height:5px;}
  
  .footy-flicks-game-expect-sec .game-expectation-sec-outer{padding:70px 0 118px;}
  .footy-flicks-game-expect-sec .sec-head{margin-bottom:60px;}
  .footy-flicks-game-expect-sec .game-expectation-card-outer{padding:26px 20px 30px;  min-height:322px;}
  .footy-flicks-game-expect-sec .game-expect-icon-block{margin-top:-100px; margin-bottom:40px;}
  .footy-flicks-game-expect-sec .game-expect-card-fig{--circle-size:150px;}
  .footy-flicks-game-expect-sec .game-expect-card-title{font-size:24px;}
  .footy-flicks-game-expect-sec .game-expect-details-item{font-size:18px;}

  .footy-flicks-game-summary-sec .game-summary-sec-outer{padding:80px 0px 70px;}
  .footy-flicks-game-summary-sec .game-summary-text{font-size:26px;}

  .footy-flicks-faq-sec .faq-sec-outer{padding:60px 0px 90px;}
  .footy-flicks-game .sec-main-title{font-size:62px;}
  .footy-flicks-faq-sec .sec-head{margin-bottom:50px;}
  .footy-flicks-faq-sec .accordion-title{font-size:32px;}
  .footy-flicks-faq-sec .accordion-text, .footy-flicks-faq-sec .answer-label{font-size:27px;}
}

@media(max-width:1280px) {
  .footy-flicks-game .banner-logo .game-logo-fig{margin:30px 0px 40px; filter:drop-shadow(0px 0px 25px rgba(0, 152, 255, 1.0));}
  .footy-flicks-game .video-frame-shadow-bg{box-shadow:0px 0px 25px rgba(10, 154, 249, 0.6), 0px -5px 30px rgba(10, 154, 249, 0.4);}
  .footy-flicks-game .video-block:after{height:10px; bottom:-13px;}
  .footy-flicks-about-us-sec{padding:60px 0px;}
  .footy-flicks-game .sec-main-title.about-sec-main-title{font-size:40px;}
  .footy-flicks-about-us-sec .about-us-text{font-size:22px; padding:0px 15px;}
  .footy-flicks-game .base-btn{max-width:316px;}
  .footy-flicks-game .btn-text{font-size:34px;}

  .footy-flicks-htw-sec .htw-process-num{font-size:136px;}
  .footy-flicks-htw-sec .htw-process-card-title, .htw-kicks-head .htw-process-sec-title{font-size:54px;}
  .footy-flicks-htw-sec .htw-process-card-list-item{font-size:18px;}
  .htw-kicks-head .htw-process-sec-sub-title{font-size:20px;}
  .footy-flicks-htw-sec .cont-right .htw-process-card-list{padding-left:20%;}
  .footy-flicks-htw-sec .how-to-work-process{padding:70px 0px;}
  .htw-kicks-row:nth-child(even) .col-right{padding-left:45px;}
  .htw-kicks-row:nth-child(odd) .col-right{padding-right:45px;}
  .htw-kicks-process-card-outer{min-height:200px; padding:35px;}
  .htw-process-kicks-card-title{font-size:30px;}
  .htw-process-kicks-card-label{font-size:18px;}
  .footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-bg-icon.icon-left{bottom:-5%;}
  .footy-flicks-game-expect-sec .game-expect-bg-icon{top:-8%;}

  .footy-flicks-game-expect-sec .game-expectation-sec-outer{padding:60px 0 100px;}
  .footy-flicks-game-expect-sec .sec-head{margin-bottom:40px;}
  .footy-flicks-game-expect-sec .game-expectation-card-outer{padding:26px 10px 30px; min-height:auto;}
  .footy-flicks-game-expect-sec .game-expect-icon-block{margin-top:-90px; margin-bottom:35px;}
  .footy-flicks-game-expect-sec .game-expect-card-fig{--circle-size:130px; border-width:5px;}
  .footy-flicks-game-expect-sec .game-expect-card-title{font-size:22px;}
  .footy-flicks-game-expect-sec .game-expect-details-item{font-size:17px;}

  .footy-flicks-game-summary-sec .game-summary-sec-outer{padding:70px 0px 60px;}
  .footy-flicks-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
  .footy-flicks-game-summary-sec .game-summary-text{font-size:23px; padding:0px 34px;}
  .footy-flicks-game-summary-sec .game-summary-bg-icon{bottom:-16%;}

  .footy-flicks-faq-sec .faq-sec-outer{padding:40px 0px 60px;}
  .footy-flicks-faq-sec .faq-block{padding:0px;}
  .footy-flicks-game .sec-main-title{font-size:54px;}
  .footy-flicks-faq-sec .sec-head{margin-bottom:30px;}
  .footy-flicks-faq-sec .accordion-title{font-size:28px;}
  .footy-flicks-faq-sec .accordion-text, .footy-flicks-faq-sec .answer-label{font-size:22px;}
  .footy-flicks-faq-sec .accordion-body{padding:0 10px 0 70px;}
}

@media(max-width:1023px) {
  .footy-flicks-game .banner-logo .game-logo-fig{margin:20px 0px 30px; max-width:30%;}
  .footy-flicks-game .banner-video-outer{--video-block-size:64.4%; --radius:26px;}
  .footy-flicks-game .video-block{padding:16px; border-width:3px;}
  .footy-flicks-about-us-sec{padding:50px 0px;}
  .footy-flicks-game .sec-main-title.about-sec-main-title{font-size:36px;}
  .footy-flicks-about-us-sec .about-us-text{font-size:18px; padding:0px;}
  .footy-flicks-game .base-btn{max-width:286px; padding:17px 20px;}
  .footy-flicks-game .btn-text{font-size:30px;}

  .footy-flicks-htw-sec .htw-process-num{font-size:106px;}
  .footy-flicks-htw-sec .htw-process-card-title, .htw-kicks-head .htw-process-sec-title{font-size:42px;}
  .footy-flicks-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-bg-icon.icon-right{top:-3.5%;}
  .footy-flicks-htw-sec .cont-right .htw-process-card-list{padding-left:15%;}
  .footy-flicks-htw-sec .how-to-work-process{padding:60px 0px;}
  .footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-theme:after{bottom:-7px; height:7px; --shadow-size:10%;}
  .htw-kicks-head{margin-bottom:10px;}
  .htw-kicks-row:nth-child(even) .col-right{padding-left:35px;}
  .htw-kicks-row:nth-child(odd) .col-right{padding-right:35px;}
  .htw-kicks-process-card-outer{min-height:170px; padding:20px;}
  .htw-process-kicks-card-title{font-size:24px;}
  .htw-process-kicks-card-label{font-size:16px;}
  .footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-bg-icon.icon-left{bottom:-4.5%;}

  .footy-flicks-game-expect-sec .game-expectation-sec-outer{padding:50px 0 70px;}
  .footy-flicks-game-expect-sec .game-expectation-list{--gap-item:20px;}
  .footy-flicks-game-expect-sec .game-expectation-card-outer{margin:56px 0px 0px; box-shadow:0px 7px 0px rgba(0, 94, 169, 1.0);}
  .footy-flicks-game-expect-sec .game-expect-icon-block{margin-top:-80px; margin-bottom:25px;}
  .footy-flicks-game-expect-sec .game-expect-card-fig{--circle-size:110px; border-width:4px;}
  .footy-flicks-game-expect-sec .game-expect-card-title{font-size:18px; margin-bottom:15px;}
  .footy-flicks-game-expect-sec .game-expect-details-item{font-size:15px;}

  .footy-flicks-game-summary-sec .game-summary-sec-outer{padding:50px 0px 40px;}
  .footy-flicks-game-summary-sec .game-summary-btn-bar{padding-top:30px;}
  .footy-flicks-game-summary-sec .game-summary-text{font-size:20px; padding:0px 10px;}
  .footy-flicks-game-summary-sec .game-summary-bg-icon{bottom:-14%;}

  .footy-flicks-faq-sec .faq-sec-outer{padding:30px 0px 50px;}
  .footy-flicks-game .sec-main-title{font-size:44px;}
  .footy-flicks-faq-sec .sec-head{margin-bottom:20px;}
  .footy-flicks-faq-sec .accordion-title{font-size:24px;}
  .footy-flicks-faq-sec .accordion-text, .footy-flicks-faq-sec .answer-label{font-size:18px;}
  .footy-flicks-faq-sec .accordion-head{padding:10px 12px;}
  .footy-flicks-faq-sec .accordion-body{padding:0 10px 0 40px;}
}

@media(max-width:767px) {
  .footy-flicks-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .footy-flicks-game .banner-logo .game-logo-fig{margin:15px 0px; max-width:35%;}
  .footy-flicks-game .banner-video-outer{--video-block-size:85.4%; --radius:16px;}
  .footy-flicks-game .video-block{padding:6px; border-width:1px;}
  .footy-flicks-game .video-frame-shadow-bg{box-shadow:0px 0px 7px rgba(10, 154, 249, 0.6), 0px -2px 30px rgba(10, 154, 249, 0.4);}
  .footy-flicks-game .video-block:after{height:4px; bottom:-5px; --shadow-size:20%;}

  .footy-flicks-about-us-sec{padding:30px 0px 40px;}
  .footy-flicks-about-us-sec .sec-head{margin-bottom:10px;}
  .footy-flicks-game .sec-main-title.about-sec-main-title{font-size:20px;}
  .footy-flicks-about-us-sec .about-us-text{font-size:14px;}
  .footy-flicks-about-us-sec .btn-bar{margin-top:20px;}
  .footy-flicks-game .base-btn{max-width:178px; padding:9px 15px; border-radius:4px;}
  .footy-flicks-game .btn-text{font-size:18px; line-height:normal;}

  .footy-flicks-htw-sec{padding:20px 0px;}
  .footy-flicks-htw-sec .how-to-work-process{padding:20px 0px;}
  .footy-flicks-htw-sec .htw-process-theme:after, .footy-flicks-htw-sec .htw-kicks-process-sec .htw-process-theme:after{display:block; width:90%; height:4px; bottom:-3px;}
  .footy-flicks-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 8px;}
  .footy-flicks-htw-sec .htw-process-card-title-bar{display:flex; align-items:center; justify-content:center;}
  .footy-flicks-htw-sec .htw-process-num{font-size:70px; width:auto; margin:0px 10px 0px 0px;}
  .footy-flicks-htw-sec .htw-process-card-title, .htw-kicks-head .htw-process-sec-title{font-size:24px;}
  .footy-flicks-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item, .htw-kicks-head .htw-process-sec-sub-title{font-size:18px; padding:0px;}
  .footy-flicks-htw-sec .cont-right .htw-process-card-list{padding:0px; text-align:center;}
  .footy-flicks-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .footy-flicks-htw-sec .htw-process-card{margin-top:20px;}
  .footy-flicks-htw-sec .htw-process-card-list{padding:0px; text-align:center;}
  .footy-flicks-htw-sec .htw-process-card-list .htw-process-card-list-item:last-child{margin-bottom:0px;}
  .footy-flicks-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon.icon-right{max-width:34%;}
  .footy-flicks-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon.icon-right{max-width:34%; bottom:auto; top:0;}
  .footy-flicks-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon.icon-right{max-width:34%;}
  .footy-flicks-htw-sec .htw-process-card-list .htw-process-card-list-item br{display:none;}
  .htw-kicks-row, .htw-kicks-row:nth-child(odd){flex-direction:column; margin:20px 0px;}
  .htw-kicks-row .col-left{max-width:100%; padding:0 8px;}
  .htw-kicks-row:nth-child(even) .col-right, .htw-kicks-row:nth-child(odd) .col-right{padding:0px 8px; margin-top:25px;}
  .htw-kicks-process-card{padding:2px; --radius:20px;}
  .htw-kicks-process-card-outer{border-radius:calc(var(--radius) - 2px); min-height:110px; padding:10px;}
  .htw-process-kicks-card-title{font-size:20px; text-align:center;}
  .htw-process-kicks-card-label{font-size:18px; text-align:center; padding:0px; margin-top:4px;}
  .htw-process-kicks-card-label:before{display:none;}
  .how-to-work-process.htw-kicks-process-sec{padding-top:40px;}
  .footy-flicks-htw-sec .how-to-work-process-sec-five .htw-process-bg-icon.icon-right, .footy-flicks-htw-sec .how-to-work-process-sec-six .htw-process-bg-icon.icon-right{max-width:28%;}
  .footy-flicks-htw-sec .how-to-work-process-sec-five{padding-top:40px;}

  .footy-flicks-game .sec-main-title{font-size:30px;}
  .footy-flicks-game-expect-sec .game-expectation-sec-outer{padding:25px 0px 30px;}
  .footy-flicks-game-expect-sec .sec-head{margin-bottom:20px;}
  .footy-flicks-game-expect-sec .game-expectation-item{max-width:calc(100vw - 120px);}
  .footy-flicks-game-expect-sec .game-expectation-card-outer{border-radius:20px; margin:55px 0px 20px; box-shadow:0px 5px 0px rgba(0, 94, 169, 1.0);}
  .footy-flicks-game-expect-sec .game-expect-icon-block{margin-top:-75px;}
  .footy-flicks-game-expect-sec .game-expect-card-fig{--circle-size:100px;}
  .footy-flicks-game-expect-sec .game-expect-card-title{font-size:16px; margin-bottom:10px;}
  .footy-flicks-game-expect-sec .game-expect-details-item{font-size:14px;}
  .footy-flicks-game .owl-carousel .owl-dot span{width:18px; height:18px; background:var(--bg-primary); box-shadow:0px 3px 6px rgba(0, 0, 0, 0.3);}
  .footy-flicks-game .owl-carousel .owl-dot.active span{background:#fff;}

  .footy-flicks-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg-mob) no-repeat center center; background-size:cover; padding:40px 0px;}
  .footy-flicks-game-summary-sec .game-summary-text{font-size:14px;}
  .footy-flicks-game-summary-sec .game-summary-btn-bar{padding-top:25px;}

  .footy-flicks-faq-sec .faq-sec-outer{padding:30px 0px 40px; background:var(--faq-bg-mob) no-repeat center bottom; background-size:cover;}
  .footy-flicks-faq-sec .accordion-title{font-size:17px;}
  .footy-flicks-faq-sec .accordion-text, .footy-flicks-faq-sec .answer-label{font-size:15px;}
  .footy-flicks-faq-sec .accordion-icon{--circle-size:22px;}
  .footy-flicks-faq-sec .accordion-icon .icon{font-size:12px;}
  .footy-flicks-faq-sec .accordion-head{padding:7px 0px;}
  .footy-flicks-faq-sec .accordion-body{padding:0px 0px 0px 16px;}
  .footy-flicks-faq-sec .accordion-body .accordion-cont-bar{padding:10px 0px;}
  .footy-flicks-faq-sec .accordion-card{border-width:2px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Footy Flicks Game CSS End // ***************************** */




/* ***************************** // Mini Golf Islands Game CSS Start // ***************************** */
.mg-islands-game {
/*Colors*/
--clr-base:#fff;
--clr-dark:#000;
--clr-dark-alt:#efaf0f;
--clr-primary:#7d3b16;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#157abb;
--bg-primary:#7d3b16;
--bg-secondary:#f6e177;

/*Border Colors*/
--bdr1:#09293d;
  
/*Fonts*/
--font-base:"Exo", sans-serif;
--font-head:"Exo", sans-serif;
}
.mg-islands-game .base-btn{float:left; width:100%; background:linear-gradient(to top, rgb(252,160,24) 0%, rgb(254,227,89) 66%); text-shadow:none; padding:15px 20px; border-radius:5px; display:flex; align-items:center; justify-content:center; max-width:420px; box-shadow:0px 5px 6px 0px rgba(0, 0, 0, 0.25);}
.mg-islands-game .btn-text{position:unset; font-size:30px; font-weight:900; color:#000;}

.mg-islands-game .banner-sec{background:var(--banner-bg) no-repeat center bottom; background-size:cover;}
.mg-islands-game .banner-sec-outer{background:transparent; padding:0px;}
.mg-islands-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.mg-islands-game .banner-logo .game-logo-fig{max-width:30.1%; margin:30px 0px -4px; filter:drop-shadow(0px 0px 21px rgba(39, 164, 189, 1)) drop-shadow(0px 0px 21px rgba(39, 164, 189, 1));}

.mg-islands-game .banner-sec-video{background:transparent;}
.mg-islands-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.mg-islands-game .video-block{max-width:898px; border-radius:0; overflow:inherit;}
.mg-islands-game .video-poster, .mg-islands-game .client-video{--vertical-pos:94px; top:calc(var(--vertical-pos) - 26px); bottom:auto; --horizontal-pos:32px; left:calc(var(--horizontal-pos)); right:calc(var(--horizontal-pos)); height:calc(100% - (var(--vertical-pos) * 2)); width:calc(100% - (var(--horizontal-pos) * 2)); border-radius:0px;}

.mg-islands-about-us-sec .about-us-content{position:relative; z-index:1;}
.mg-islands-about-us-sec{position:relative; padding-bottom:270px;}
.mg-islands-about-us-sec .about-us-player-icon{position:absolute; left:0; bottom:calc(100% - 36%); max-width:22%;}
.about-us-player-icon img{float:left; width:100%;}
.mg-islands-about-us-sec .sec-head{margin-bottom:30px;}
.mg-islands-about-us-sec .about-us-text{font-size:38px; color:#fff;font-weight:600; text-align:center; max-width:1100px;}
.mg-islands-about-us-sec .btn-bar{margin-top:30px;}

.mg-islands-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin:0px auto 30px;}
.mg-islands-game .sec-head-outer{float:left; width:100%; max-width:max-content; display:flex; align-items:center; justify-content:center; position:relative;}
.mg-islands-game .sec-head-bg, .mg-islands-game .sec-head-bg img{float:left; width:100%; height:100%; object-fit:contain;}
.mg-islands-game .sec-main-title{font-size:50px; line-height:0.85em; display:inline-block; color:var(--clr-dark-alt); text-transform:inherit; font-weight:800;}
.mg-islands-game .sec-main-title{float:left; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:10px; display:flex; align-items:center; justify-content:center;}
.mg-islands-game .sec-head .sec-head-bg{height:100px;}
.mg-islands-game .sec-head .sec-title-icon{max-width:160px; position:absolute; right:-22px; bottom:8px;}

/* How to Work CSS Start */
.mg-islands-htw-sec .sec-head{margin:70px 0px 100px;}
.mg-islands-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:row-reverse;}
.mg-islands-htw-sec .how-to-work-process{margin-bottom:80px;}
.mg-islands-htw-sec .htw-process-wrap{padding:0px 70px 0px 70px;}
.mg-islands-htw-sec .cont-right .htw-process-card{left:-40px;}
.mg-islands-htw-sec .htw-process-wrap .col-left{max-width:53.2%; z-index:1; position:relative;}
.mg-islands-htw-sec .htw-process-wrap .col-right{padding-bottom:12%;}
.mg-islands-htw-sec .htw-process-card-icon{position:absolute; top:-26%; right:-16%; width:100%; max-width:30.2%; z-index:1;}
.mg-islands-htw-sec .cont-left .htw-process-card-icon{right:auto; left:-16%;}
.mg-islands-htw-sec .cont-left .htw-process-card{right:-40px;}
.mg-islands-htw-sec .htw-process-card-icon img{float:left; width:100%;}
.mg-islands-htw-sec .htw-process-theme img{position:relative; z-index:1;}
.mg-islands-htw-sec .htw-process-theme:after{display:none;}
.mg-islands-htw-sec .htw-process-theme-icon{bottom:25%; right:auto; left:-6%; max-width:18.85%;}
.mg-islands-htw-sec .cont-left .htw-process-theme-icon{left:auto; right:-6%;}
.mg-islands-htw-sec .htw-process-card:before, .mg-islands-htw-sec .htw-process-card:after, .mg-islands-htw-sec .htw-process-card-outer:before, .mg-islands-htw-sec .htw-process-card-outer:after{display:none;}
.mg-islands-htw-sec .htw-process-card-outer{border-radius:0px; padding:0px; background:transparent;}
.mg-islands-htw-sec .htw-process-card-cont{--radius:14px; padding:4px; border-radius:var(--radius); background:linear-gradient(to top, rgba(67,240,255,1) 0%,rgba(11,149,224,1) 100%);}
.mg-islands-htw-sec .htw-process-card-body{min-height:290px; border-radius:calc(var(--radius) - 4px); display:flex; flex-wrap:wrap; align-content:center; padding:40px 58px 60px 58px; background:linear-gradient(to top, rgb(197,244,251) 0%, rgb(221,245,249) 49%, rgb(165,218,247) 100%);}
.mg-islands-htw-sec .htw-process-card-list{padding-left:40px;}
.mg-islands-htw-sec .htw-process-card-list-item, .mg-islands-htw-sec .htw-process-card-list-label{font-size:30px; font-weight:900; color:var(--clr-dark);}
.htw-process-full-theme{margin:-19% 0px -12%;}
.htw-process-full-theme, .htw-process-full-theme img{float:left; width:100%;}
.hole-sec{float:left; width:100%; padding:0px 115px; margin-bottom:80px;}
.hole-card{float:left; width:100%; --radius:14px; padding:4px; border-radius:var(--radius); background:linear-gradient(to top, rgba(67,240,255,1) 0%,rgba(11,149,224,1) 100%);}
.hole-card-outer{display:flex; align-items:center; padding:0px 40px; float:left; width:100%; border-radius:calc(var(--radius) - 4px); background:linear-gradient(to top, rgb(197,244,251) 0%, rgb(221,245,249) 49%, rgb(165,218,247) 100%); position:relative;}
.htw-hole-theme, .htw-hole-theme img{float:left; width:100%;}
.hole-card .col{float:left; width:100%;}
.hole-card .col.left{max-width:45.4%; flex:0 0 auto;}
.octopus-theme{max-width:21.05%; position:absolute; top:calc(100% - 22%); left:-3.5%;}
.fort-theme{margin-top:-10%;}
.hole-card .col.right{padding-left:40px; width:100%; display:flex; align-items:center; justify-content:center;}
.hole-card .htw-process-card-list-label{text-align:left; width:auto;}
.hole-step-row{float:left; width:100%; display:flex; align-items:center; gap:10%;}
.hole-step-row .col{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:56px 0px;}
.hole-theme-block{float:left; width:100%;}
.htw-hole-icon{float:left; width:100%; margin-top:-22px;}
.htw-hole-icon img{float:left; width:100%;}
.htw-hole-icon.rock-icon-one img{max-width:29.2%;}
.htw-hole-icon.rock-icon-two img{max-width:10.75%;}
.htw-hole-icon.rock-icon-three img{max-width:24.55%;}
.col.right .htw-hole-icon{display:flex; justify-content:flex-end;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.mg-islands-game-expect-sec .game-expectation-sec-outer{padding:90px 0px 170px; background:var(--game-expectation-bg) no-repeat center bottom; background-size:cover;}
.mg-islands-game-expect-sec .sec-head{margin-bottom:60px;}
.mg-islands-game-expect-sec .game-expectation-list{--card-gap:30px; gap:var(--card-gap);}
.mg-islands-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--card-gap) * 2) / 3));}
.mg-islands-game-expect-sec .game-expectation-card{--radius:10px; border-radius:var(--radius); padding:5px; background:linear-gradient(to bottom, rgba(255,234,57,1) 0%,rgba(223,142,25,1) 100%); box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.35);}
.mg-islands-game-expect-sec .game-expectation-card-outer{margin-top:0px; padding:0px 30px 30px; border-radius:calc(var(--radius) - 5px); background:linear-gradient(to bottom, rgb(236,244,251) 0%, rgb(238,242,228) 100%); min-height:inherit;}
.mg-islands-game-expect-sec .game-expect-icon-block{top:0 !important; margin:0px !important;}
.mg-islands-game-expect-sec .game-expect-card-fig{max-width:inherit;}
.mg-islands-game-expect-sec .game-expect-card-fig img{object-fit:contain; max-height:150px;}
.mg-islands-game-expect-sec .game-expect-card-title{font-size:36px; font-weight:700; color:var(--clr-dark); text-align:center; padding-bottom:20px; border-bottom:2px solid rgba(0, 0, 0, 0.2);}
.mg-islands-game-expect-sec .game-expect-details-item{font-size:26px; font-weight:500; color:var(--clr-dark); text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.mg-islands-game-summary-sec .game-summary-sec-outer{padding:100px 0px; background:linear-gradient(to bottom, rgb(255,239,212) 50%, rgb(255,255,255) 50%);}
.mg-islands-game-summary-sec .game-summary-cont{background:var(--bg-base); border:7px solid var(--bdr1); border-radius:10px; padding:60px 80px 80px; box-shadow:0px 10px 12px rgba(0, 0, 0, 0.35);}
.mg-islands-game-summary-sec .game-summary-text{max-width:100%; font-size:44px; font-weight:700; color:#fff;}
.mg-islands-game-summary-sec .game-summary-btn-bar{padding-top:40px;}
.mg-islands-game-summary-sec .game-summary-btn-bar:before{display:none;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.mg-islands-faq-sec .faq-sec-outer{padding:20px 0px 80px;}
.mg-islands-faq-sec .sec-head{margin-bottom:120px;}
.mg-islands-faq-sec .faq-list{counter-reset:li;}
.mg-islands-faq-sec .accordion-item{margin-bottom:20px; position:relative;}
.mg-islands-faq-sec .accordion-item:before{content:'0' counter(li); counter-increment:li; position:absolute; z-index:2; pointer-events:none; left:15px; top:17px; width:76px; height:76px; font-family:var(--font-head); font-size:44px; font-weight:700; color:#7d3b16; border-radius:10px; background:#ffefd4; display:inline-flex; align-items:center; justify-content:center;}
.mg-islands-faq-sec .accordion-card{padding:0px; border:none; --radius:10px; border-radius:var(--radius); box-shadow:0px 4px 12px rgba(0,0,0, 0.2);}
.mg-islands-faq-sec .accordion-card, .mg-islands-faq-sec .is-open .accordion-card{background:var(--bg-secondary);}
.mg-islands-faq-sec .accordion-head{padding:0px;}
.mg-islands-faq-sec .accordion-head-outer{background:var(--bg-primary); box-shadow:none; border-radius:var(--radius); min-height:110px; padding:11px 0px 12px 140px;}
.mg-islands-faq-sec .accordion-title{font-size:44px; font-weight:700; color:var(--clr-base);}
.mg-islands-faq-sec .question-label{position:absolute; left:0; top:0; height:100%; width:83px; padding-right:6px; display:inline-flex; align-items:center; justify-content:center; font-size:40px; font-weight:700; text-transform:uppercase; color:#001a35;}
.mg-islands-faq-sec .accordion-body{padding:10px 30px 10px 140px; background:var(--bg-secondary); border-radius:var(--radius);}
.mg-islands-faq-sec .accordion-cont-bar{min-height:100px;}
.mg-islands-faq-sec .accordion-text{font-size:30px; color:var(--clr-dark);}
.mg-islands-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px; text-shadow:none; color:var(--clr-base);}
/*FAQ CSS End */

.mg-islands-game .footer{background:#2196f3;}
.mg-islands-game .copyright-text{color:rgba(255, 255, 255, 1);}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .mg-islands-game .video-block{max-width:798px;}
  .mg-islands-game .video-poster, .mg-islands-game .client-video{--horizontal-pos:28px; --vertical-pos:83px; top:calc(var(--vertical-pos) - 24px);}
  .mg-islands-about-us-sec{padding-bottom:220px;}
  .mg-islands-about-us-sec .about-us-player-icon{bottom:calc(100% - 22%); left:-4%;}
  .mg-islands-about-us-sec .about-us-text{max-width:940px; font-size:32px;}
  .mg-islands-game .base-btn{max-width:356px;}
  .mg-islands-game .btn-text{font-size:27px;}
  .mg-islands-game .sec-head .sec-head-bg{height:85px;}
  .mg-islands-game .sec-main-title{font-size:44px;}

  .mg-islands-htw-sec .sec-head{margin:60px 0px 80px;}
  .mg-islands-htw-sec .htw-process-wrap{padding:0px 40px;}
  .mg-islands-htw-sec .htw-process-card-list-item, .mg-islands-htw-sec .htw-process-card-list-label{font-size:25px;}
  .mg-islands-htw-sec .htw-process-card-list{padding-left:20px;}
  .mg-islands-htw-sec .htw-process-card-body{padding:40px 50px 60px 50px;}

  .mg-islands-game-expect-sec .game-expectation-sec-outer{padding:70px 0px 100px;}
  .mg-islands-game-expect-sec .sec-head{margin-bottom:50px;}
  .mg-islands-game-expect-sec .game-expect-card-title{font-size:30px;}
  .mg-islands-game-expect-sec .game-expect-card-fig img{max-height:126px;}
  .mg-islands-game-expect-sec .game-expect-details-item{font-size:22px;}

  .mg-islands-game-summary-sec .game-summary-cont{padding:50px 60px 60px;}
  .mg-islands-game-summary-sec .game-summary-text{font-size:38px;}

  .mg-islands-faq-sec .sec-head{margin-bottom:80px;}
  .mg-islands-faq-sec .accordion-head-outer{padding:11px 0px 12px 120px; min-height:110px;}
  .mg-islands-faq-sec .accordion-title{font-size:36px;}
  .mg-islands-faq-sec .accordion-item:before{left:15px; top:20px; width:70px; height:70px;}
  .mg-islands-faq-sec .accordion-body{padding:10px 30px 10px 120px;}
  .mg-islands-faq-sec .accordion-cont-bar{min-height:90px;}
  .mg-islands-faq-sec .accordion-text{font-size:26px;}
}

@media(max-width:1280px) {
  .mg-islands-game .video-block{max-width:658px;}
  .mg-islands-game .video-poster, .mg-islands-game .client-video{--horizontal-pos:23px; --vertical-pos:69px; top:calc(var(--vertical-pos) - 19px);}
  .mg-islands-about-us-sec{padding-bottom:190px;}
  .mg-islands-about-us-sec .about-us-text{max-width:820px; font-size:28px;}
  .mg-islands-game .base-btn{max-width:316px;}
  .mg-islands-game .btn-text{font-size:24px;}
  .mg-islands-game .sec-head .sec-head-bg{height:80px;}
  .mg-islands-game .sec-main-title{font-size:38px;}

  .mg-islands-htw-sec .sec-head{margin:50px 0px 70px;}
  .mg-islands-htw-sec .htw-process-card-list-item, .mg-islands-htw-sec .htw-process-card-list-label{font-size:23px;}
  .mg-islands-htw-sec .htw-process-card-body{min-height:220px; padding:40px 40px 60px 20px;}

  .mg-islands-game-expect-sec .game-expectation-sec-outer{padding:60px 0px 80px;}
  .mg-islands-game-expect-sec .sec-head{margin-bottom:40px;}
  .mg-islands-game-expect-sec .game-expectation-card-outer{padding:0px 20px 30px;}
  .mg-islands-game-expect-sec .game-expect-card-title{font-size:25px;}
  .mg-islands-game-expect-sec .game-expect-card-fig img{max-height:100px;}
  .mg-islands-game-expect-sec .game-expect-details-item{font-size:20px;}

  .mg-islands-game-summary-sec .game-summary-sec-outer{padding:60px 20px;}
  .mg-islands-game-summary-sec .game-summary-cont{padding:50px 50px 50px;}
  .mg-islands-game-summary-sec .game-summary-text{font-size:28px;}

  .mg-islands-faq-sec .faq-sec-outer{padding:20px 0px 60px;}
  .mg-islands-faq-sec .faq-block{padding:0px 10px;}
  .mg-islands-faq-sec .sec-head{margin-bottom:60px;}
  .mg-islands-faq-sec .accordion-head-outer{padding:11px 0px 12px 110px; min-height:90px;}
  .mg-islands-faq-sec .accordion-title{font-size:32px;}
  .mg-islands-faq-sec .accordion-item:before{left:10px; top:10px; font-size:40px;}
  .mg-islands-faq-sec .accordion-body{padding:10px 30px 10px 110px;}
  .mg-islands-faq-sec .accordion-cont-bar{min-height:80px;}
  .mg-islands-faq-sec .accordion-text{font-size:25px;}
}

@media(max-width:1023px) {
  .mg-islands-game .video-block{max-width:548px;}
  .mg-islands-game .video-poster, .mg-islands-game .client-video{--horizontal-pos:19px; --vertical-pos:57px; top:calc(var(--vertical-pos) - 16px);}
  .mg-islands-about-us-sec{padding-bottom:150px;}
  .mg-islands-about-us-sec .about-us-text{max-width:640px; font-size:22px;}
  .mg-islands-game .base-btn{max-width:286px;}
  .mg-islands-game .btn-text{font-size:22px;}
  .mg-islands-game .sec-head .sec-head-bg{height:74px;}
  .mg-islands-game .sec-main-title{font-size:35px;}

  .mg-islands-htw-sec .sec-head{margin:50px 0px 50px;}
  .mg-islands-htw-sec .htw-process-card-list-item, .mg-islands-htw-sec .htw-process-card-list-label{font-size:19px;}
  .mg-islands-htw-sec .htw-process-card-body{min-height:200px; padding:30px 20px 40px 10px;}
  .mg-islands-htw-sec .htw-process-card-cont{--radius:10px;}
  .mg-islands-htw-sec .htw-process-wrap{padding:0px 30px;}
  .mg-islands-htw-sec .htw-process-card-icon{top:-20%;}
  .mg-islands-htw-sec .cont-right .htw-process-card{left:-18px;}
  .mg-islands-htw-sec .cont-left .htw-process-card{right:-18px;}
  .mg-islands-htw-sec .how-to-work-process{margin-bottom:40px;}
  .hole-sec{padding-right:60px; margin-bottom:60px;}
  .hole-step-row{gap:7%;}
  .hole-step-row .col{gap:36px 0px;}

  .mg-islands-game-expect-sec .game-expectation-sec-outer{padding:50px 0px 50px;}
  .mg-islands-game-expect-sec .sec-head{margin-bottom:20px;}
  .mg-islands-game-expect-sec .game-expectation-card{height:calc(100% - 40px); margin:20px 8px; width:calc(100% - 16px);}
  .mg-islands-game-expect-sec .game-expect-card-title{font-size:24px;}
  .mg-islands-game-expect-sec .game-expect-details-item{font-size:18px;}
  .mg-islands-game-expect-sec .owl-stage{display:flex;}
  .mg-islands-game-expect-sec .game-expectation-item{max-width:100%; height:100%; margin:0px;}
  .mg-islands-game .owl-carousel .owl-dot span{border:none; background:rgba(123, 59, 22, 0.5); border-radius:0px;}
  .mg-islands-game .owl-carousel .owl-dot.active span{background:rgba(123, 59, 22, 1.0);}

  .mg-islands-game-summary-sec .game-summary-sec-outer{padding:40px 20px;}
  .mg-islands-game-summary-sec .game-summary-cont{padding:40px 40px 40px;}
  .mg-islands-game-summary-sec .game-summary-text{font-size:24px;}

  .mg-islands-faq-sec .faq-sec-outer{padding:20px 0px 40px;}
  .mg-islands-faq-sec .sec-head{margin-bottom:40px;}
  .mg-islands-faq-sec .accordion-head-outer{padding:11px 0px 12px 100px; min-height:84px;}
  .mg-islands-faq-sec .accordion-title{font-size:25px;}
  .mg-islands-faq-sec .accordion-item:before{width:64px; height:64px; font-size:36px;}
  .mg-islands-faq-sec .accordion-body{padding:10px 20px 10px 100px;}
  .mg-islands-faq-sec .accordion-cont-bar{min-height:68px;}
  .mg-islands-faq-sec .accordion-text{font-size:23px;}
  .mg-islands-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:20px;}
}

@media(max-width:767px) {
  .mg-islands-game .banner-sec{background:var(--banner-bg-mob) no-repeat center bottom; background-size:cover;}
  .mg-islands-game .banner-logo .game-logo-fig{max-width:40%; filter:drop-shadow(0px 0px 10px rgba(39, 164, 189, 1)); margin:10px 0px -4px;}
  .mg-islands-game .video-block{max-width:348px;}

  .mg-islands-game .video-poster, .mg-islands-game .client-video{--horizontal-pos:12px; --vertical-pos:36px; top:calc(var(--vertical-pos) - 10px);}
  .mg-islands-about-us-sec{padding-bottom:85px;}
  .mg-islands-about-us-sec .about-us-text{max-width:100%; font-size:16px; padding:0px 4px;}
  .mg-islands-about-us-sec .btn-bar{margin-top:15px;}
  .mg-islands-game .base-btn{max-width:176px; padding:10px 20px;}
  .mg-islands-game .btn-text{font-size:16px;}
  .mg-islands-game .sec-head{margin:0px auto 10px;}
  .mg-islands-game .sec-head .sec-head-bg{height:40px;}
  .mg-islands-game .sec-main-title{font-size:20px; padding-bottom:4px;}

  .mg-islands-htw-sec .how-to-work-process .container{padding:0px;}
  .mg-islands-htw-sec .sec-head{margin:25px auto 15px;}
  .mg-islands-htw-sec .how-to-work-process{margin-bottom:20px;}
  .mg-islands-htw-sec .htw-process-wrap{flex-direction:column-reverse; padding:0px;}
  .mg-islands-htw-sec .cont-right .htw-process-card, .mg-islands-htw-sec .cont-left .htw-process-card{left:0; right:0; margin:0px;}
  .mg-islands-htw-sec .htw-process-card-list-item, .mg-islands-htw-sec .htw-process-card-list-label{text-align:center;}
  .mg-islands-htw-sec .htw-process-wrap .col-right{padding:0px;}
  .mg-islands-htw-sec .htw-process-card-cont, .hole-card{--radius:0px; padding:4px 0px;}
  .mg-islands-htw-sec .htw-process-card-body{min-height:170px; padding:30px 20px 50px;}
  .mg-islands-htw-sec .htw-process-card-list-item br, .mg-islands-htw-sec .htw-process-card-list-label br{display:none;}
  .mg-islands-htw-sec .htw-process-card-list.list-style-none{padding:0px;}
  .mg-islands-htw-sec .htw-process-wrap .col-left{max-width:100%; padding:0px 20px; margin-top:-40px;}
  .mg-islands-htw-sec .htw-process-theme-icon{top:auto; bottom:24%; left:1%;}
  .mg-islands-htw-sec .cont-left .htw-process-theme-icon{right:1%;}
  .mg-islands-htw-sec .how-to-work-process.cont-left .htw-process-wrap{flex-direction:column-reverse;}
  .htw-process-full-theme{margin:-22% 0px 0px;}
  .hole-sec{padding:0px; margin-bottom:40px;}
  .hole-card-outer{flex-direction:column-reverse; padding:0px 10px;}
  .hole-card .col.left{max-width:100%; padding:0px 40px;}
  .fort-theme{margin-top:10px;}
  .hole-card .col.right{padding:10px 0px 0px;}
  .octopus-theme{max-width:52%; top:calc(100% - 16.5%); left:1%;}
  .hole-step-row{flex-direction:column; gap:0px; padding:0px 25px;}
  .col.right .htw-hole-icon.desk-fig{display:none;}
  .hole-step-row .col{gap:20px 0px;}

  .mg-islands-game-expect-sec .game-expectation-sec-outer{padding:30px 0px 52px; background:var(--game-expectation-bg-mob) no-repeat center bottom; background-size:cover;}
  .mg-islands-game-expect-sec .game-expectation-card{width:100%; margin:20px 0px; padding:3px;}
  .mg-islands-game-expect-sec .game-expectation-card-outer{margin:0px; border-radius:calc(var(--radius) - 3px);}
  .mg-islands-game-expect-sec .game-expect-card-title{font-size:20px; border-width:1px; padding-bottom:10px; margin-bottom:10px;}
  .mg-islands-game-expect-sec .game-expect-details-item{font-size:14px;}
  .mg-islands-game-expect-sec .game-expect-card-fig img{max-height:90px;}

  .mg-islands-game-summary-sec .game-summary-sec-outer{padding:0px;}
  .mg-islands-game-summary-sec .container{padding:0px;}
  .mg-islands-game-summary-sec .game-summary-cont{border-width:4px 0px; border-radius:0px; padding:25px 20px 25px; box-shadow:0px 6px 8px rgba(0, 0, 0, 0.35);}
  .mg-islands-game-summary-sec .game-summary-text{font-size:16px;}
  .mg-islands-game-summary-sec .game-summary-btn-bar{padding-top:15px;}

  .mg-islands-faq-sec .faq-sec-outer{padding:20px 0px;}
  .mg-islands-faq-sec .faq-block{padding:0px 0px;}
  .mg-islands-faq-sec .sec-head{margin:10px auto 15px;}
  .mg-islands-faq-sec .accordion-card{--radius:6px; box-shadow:none;}
  .mg-islands-faq-sec .accordion-title, .mg-islands-faq-sec .accordion-text{font-size:14px;}
  .mg-islands-faq-sec .accordion-head-outer{padding:5px 0px 6px 56px; min-height:50px;}
  .mg-islands-faq-sec .accordion-item:before{width:40px; height:40px; font-size:20px; left:5px; top:5px; border-radius:6px;}
  .mg-islands-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .mg-islands-faq-sec .accordion-body{padding:10px 10px 10px 56px;}
  .mg-islands-faq-sec .accordion-cont-bar{min-height:inherit;}
  .mg-islands-faq-sec .accordion-item{margin-bottom:10px;}
  .mg-islands-faq-sec .accordion-head-outer .accordion-icon{margin-right:4px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Mini Golf Islands Game CSS End // ***************************** */



/* ***************************** // Liquid Logic Quest Game CSS Start // ***************************** */
.liquid-logic-quest-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Angry Birds Movie';
--font-base1:'Helvetica', sans-serif;
--font-mono:'Montserrat', sans-serif;
--font-btn:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.liquid-logic-quest-game .header{box-shadow:none;}
.liquid-logic-quest-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.liquid-logic-quest-game .active .nav-item-label, .liquid-logic-quest-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.liquid-logic-quest-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; position:relative;}
.liquid-logic-quest-game .video-poster, .liquid-logic-quest-game .client-video{top:3.5%; left:2.5%; right:3.5%; height:calc(100% - 7.3%); width:calc(100% - 4.6%); bottom:auto; border-radius:22px;}
.liquid-logic-quest-game .video-iframe{padding-bottom:66%; box-shadow:0px 0px 85px rgba(0, 255, 156, 0.35); border-radius:39px;}
.liquid-logic-quest-game .game-logo-fig{max-width:29%; margin-left:2.7%; position:relative;}
.liquid-logic-quest-game .video-block{max-width:51.7%; position:relative; overflow:inherit; border:4px solid #170b00; background:linear-gradient(69deg, #5c3716 0%, #ffbb7d 100%); border-radius:39px; margin-top:24px;}
.liquid-logic-quest-game .banner-sec-outer{background:transparent; padding:0px; position:relative;}
.liquid-logic-quest-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.liquid-logic-quest-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; padding-bottom:100px;}
.liquid-logic-quest-game .banner-sec-video{background:transparent;}
.liquid-logic-quest-game .video-shadow{left:-21%; bottom:-83px; width:calc(100% + 49%); z-index:-1;}
.liquid-logic-quest-game .sec-head-outer{float:left; width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.liquid-logic-quest-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center; margin-top:-26px;}
.liquid-logic-quest-game .sec-main-title{position:absolute;font-size:42px; letter-spacing:1px; font-family:var(--font-base);}
.liquid-logic-quest-game .sec-main-title.outline{-webkit-text-stroke:0.12em #3c0002;}
.liquid-logic-quest-game .sec-main-title.outline::before{content:attr(data-content); filter:drop-shadow(0px 6px 0px #3c0002); -webkit-text-stroke:0; background:linear-gradient(0deg, rgba(255, 108, 5, 1) 0%, rgba(254, 141, 0, 1) 18%, rgba(254, 208, 1, 1) 52%, rgba(253, 223, 1, 1) 72%), rgba(255, 222, 1, 1) 100%; position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.liquid-logic-quest-game .video-frame-shadow-bottom{position:absolute; opacity:0.43; height:38px; bottom:81px; margin:0 auto; left:-8%; right:-8%; width:calc(57.3% + 16%); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.5) 19%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 81%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0) 100%);}
.liquid-logic-quest-game .sec-head-bg-mob{display:none;}
/* About us CSS Start */
.liquid-logic-quest-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position:relative;}
.liquid-logic-quest-about-us-sec .about-us-text{font-size:32px; color:var(--clr-action-alt); font-weight: 500; font-family:var(--font-btn); text-align: center; max-width:87%; margin:75px 0 0;}
.liquid-logic-quest-about-us-sec .about-us-cont{margin:90px 0 170px 0; float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative;}
.liquid-logic-quest-about-us-sec .about-us-cont::before{position:absolute; left:0px; right:0px; top:-5px; bottom:0px; height:100%; width:21%; border-radius:38%; content:''; margin:auto; background:rgba(177, 16, 255, 1); filter:drop-shadow(0px 0px 22px rgba(177, 16, 255, 1)) drop-shadow(0px 0px 24px rgba(177, 16, 255, 0.5)) drop-shadow(0px 0px 48px rgba(177, 16, 255, 0.5));}
/* About us CSS End */

/* How to Work CSS Start */
.liquid-logic-quest-how-to-work-sec{background:var(--htw-bg) no-repeat top center; background-size:100% 100%; padding-bottom:300px; position:relative;}
.liquid-logic-quest-how-to-work-sec .star-icon-one{position:absolute; left:4px; bottom:45px; z-index:1;}
.liquid-logic-quest-how-to-work-sec .star-icon img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .star-icon-two{position:absolute; right:10px; bottom:45px; z-index:1;}
.liquid-logic-quest-how-to-work-sec .star-icon-three{position:absolute; left:60px; bottom:-16px; z-index:1;}
.liquid-logic-quest-how-to-work-sec .star-icon-four{display:none;}
.liquid-logic-quest-how-to-work-sec .htw-outer-icon img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-outer-icon{display:none;}
.liquid-logic-quest-how-to-work-sec .htw-jar-mobile{display:none;}
.liquid-logic-quest-how-to-work-sec .htw-head{margin-top:-39px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap .col-left{max-width:56%; padding:0; margin:0; position:relative;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap{padding:0 50px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-one{margin-top:45px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-two{margin-top:210px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:90px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-left{padding-left:0; z-index:1;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-right{margin:-135px 75px 0 0;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-three{padding:0; gap:0 80px; margin:65px 0 140px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-left{max-width:47.3%;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-right{position:relative;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-four{flex-direction:row; margin-top:150px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:90px;}
.liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-five{position:relative;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse; margin-top:160px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%; margin:-135px 80px 0 0;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-six{margin-top:160px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-six .col-right{padding-left:90px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven{margin-top:100px; position:relative; z-index:1;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven .col-right{padding:0; margin-right:81px; z-index:-1;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight{flex-direction:row-reverse; margin-top:190px;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight .col-right{padding:0; margin:0 80px 0 0;}
.liquid-logic-quest-how-to-work-sec .htw-process-wrap-nine{margin-top:100px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-outer{border-radius:11px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-body{min-height:auto; background:linear-gradient(90deg, rgba(177, 94, 225, 1) 0%, rgba(32, 2, 49, 1) 100%); border-radius:11px; padding:45px 15px 30px 95px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-title{font-size:35px; text-transform:uppercase; font-weight:700; font-family:var(--font-btn);}
.liquid-logic-quest-how-to-work-sec .highlight-text{color:#ffd783; font-weight:500;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-list{margin-top:10px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:19px; font-weight:400; font-family:var(--font-btn); padding-left:26px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:10px; top:6px;}
.liquid-logic-quest-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
.liquid-logic-quest-how-to-work-sec .htw-icon{position:absolute; top:-28px; left:-35px;}
.liquid-logic-quest-how-to-work-sec .htw-icon img{float:left; width:100%}
.liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-three{background:var(--htw-bg-three) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-138px;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-heading-bar{margin-top:206px; float:left; width:100%; display:flex; justify-content:center; background:linear-gradient(to right, rgba(120,13,164,0) 0%,rgba(76,7,111,0.8) 15%,rgba(64,5,97,1) 19%,rgba(61,5,93,1) 20%,rgba(67,6,103,1) 50%,rgba(50,6,76,1) 80%,rgba(49,6,75,1) 81%,rgba(45,5,70,0.8) 85%,rgba(32,2,49,0) 100%);}
.liquid-logic-quest-how-to-work-sec .htw-process-card-heading{font-size:36px; height:103px; position:relative; display:flex; align-items:center; font-weight:400; font-family:var(--font-btn); color:var(--clr-action-alt);}
.liquid-logic-quest-how-to-work-sec .htw-process-card-heading .htw-process-card-list{text-align:center; margin:0; padding:0;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-heading::before{content:""; position:absolute; left:-18px; width:12px; height:12px; background:url(../images/liquid-logic-quest/htw-list-icon-two.webp) no-repeat center center; background-size: cover;}
.liquid-logic-quest-how-to-work-sec .htw-process-card-heading::after{content:""; position:absolute; right:-18px; width:12px; height:12px; background:url(../images/liquid-logic-quest/htw-list-icon-two.webp) no-repeat center center; background-size: cover;}
.liquid-logic-quest-how-to-work-sec .htw-process-theme img{position:relative; z-index:1;}
.liquid-logic-quest-how-to-work-sec .htw-process-theme:after{bottom:-12px; left:-72px; width:calc(100% + 150px); height:25px; background:#000; filter:blur(1px);}
.liquid-logic-quest-how-to-work-sec .htw-jar-icon-one img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-jar-icon-one{position:absolute; right:0; bottom:0;}
.liquid-logic-quest-how-to-work-sec .htw-jar-icon-two img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-jar-icon-two{position:absolute; top:-74px; z-index:-1;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-one img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-one{position:absolute; bottom:-265px; right:48px; z-index:2;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-one-mob img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-one-mob{display:none;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-two-mob img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-two-mob{display:none;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-two img{float:left; width:100%;}
.liquid-logic-quest-how-to-work-sec .htw-arrow-two{position:absolute; bottom:-265px; left:185px; z-index:1;}
/* How to Work CSS End */

/* Game Expectations Start */
.liquid-logic-quest-game-expectation-sec{background:var(--expectation-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-28px;}
.liquid-logic-quest-game-expectation-sec .game-expectation-sec-outer{padding:0 0 90px 0;}
.liquid-logic-quest-game-expectation-sec .game-expectation-card-outer{filter:drop-shadow(0px 14px 0px rgba(0,14,28,0.58)); padding:3px; border-radius:35px; background:linear-gradient(0deg, rgba(251, 174, 3, 1) 0%, rgba(255, 230, 12, 1) 24%, rgba(246, 139, 5, 1) 52%, rgba(255, 231, 24, 1) 78%, rgba(255, 248, 175, 1) 100%);}
.liquid-logic-quest-game-expectation-sec .game-expectation-card-body{border-radius:33px; padding:0 20px 50px; box-shadow:inset 0 0 6px #0a062a; background:linear-gradient(-25deg, #4491bf 0%, #3d4dc8 31%, #451dad 69%, #804bd7 100%);}
.liquid-logic-quest-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; margin-bottom:25px; display:flex; justify-content:center; align-items:center; text-align:center;}
.liquid-logic-quest-game-expectation-sec .game-expect-card-title{display:flex; height:65px; margin:0; max-width:84%; justify-content:center; align-items:center; font-size:28px; text-transform:uppercase; color:transparent; font-weight:700; font-family:var(--font-btn);}
.liquid-logic-quest-game-expectation-sec .game-expect-card-title.outline{-webkit-text-stroke:0.12em #3c0002;}
.liquid-logic-quest-game-expectation-sec .game-expect-card-title::before{content:attr(data-content); max-width:75%; filter:drop-shadow(0px 6px 2px rgba(33,0,32,0.82)); -webkit-text-stroke:0; background:linear-gradient(0deg, rgba(255, 239, 199, 1) 0%, rgba(255, 253, 156 ,1) 23%, rgba(255, 236, 90, 1) 42%, rgba(245, 231, 36, 1) 68%, rgba(252, 205, 53, 1) 87%, rgba(238, 217, 48, 1) 100% ); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.liquid-logic-quest-game-expectation-sec .game-expect-details-item{font-size:18px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-btn);}
.liquid-logic-quest-game-expectation-sec .game-expect-details-item:before{background:url(../images/hit-the-middle/htw-list-icon.png) no-repeat center center; background-size:cover; top:5px; left:-13px; width:11px; height:11px;}
.liquid-logic-quest-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 90px); margin-top:20px;}
.liquid-logic-quest-game-expectation-sec .game-expectation-list{gap:10px 50px;} 
.liquid-logic-quest-game-expectation-sec .game-expect-card-fig{max-width:130px;}
.liquid-logic-quest-game-expectation-sec .game-expect-icon-block{top:-81px; margin-bottom:-73px;}
.liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one img{float:left; width:100%; max-width:90%;}
.liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one{position:absolute; bottom:0;}
.liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two img{float:left; width:100%;}
.liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two{position:absolute; bottom:0; right:0;}
/* Game Expectations End */

/* Game Summary Start */
.liquid-logic-quest-game-summary{background:#720e75; border-bottom:4px solid #55075c; position:relative; margin-top:-2px;}
.liquid-logic-quest-game-summary .game-summary-text{font-size:30px; padding-top:65px; max-width:1205px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn); text-align: center;}
.liquid-logic-quest-game-summary .game-summary-cont{margin:70px 0 65px 0; float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative;}
.liquid-logic-quest-game-summary .game-summary-cont::before{position:absolute; left:0px; right:0px; top:-5px; bottom:0px; height:94%; width:21%; border-radius:38%; content:''; margin:auto; background:rgba(0, 255, 156, 1); filter:drop-shadow(0px 0px 22px rgba(0, 255, 156, 0.45)) drop-shadow(0px 0px 24px rgba(0, 255, 156, 0.45)) drop-shadow(0px 0px 48px rgba(0, 255, 156, 0.45));}
.liquid-logic-quest-game-summary .game-summary-icon-one img{float:left; width:100%;}
.liquid-logic-quest-game-summary .game-summary-icon-one{position:absolute; bottom:0;}
.liquid-logic-quest-game-summary .game-summary-icon-two img{float:left; width:100%;}
.liquid-logic-quest-game-summary .game-summary-icon-two{position:absolute; bottom:0; right:0;}
.liquid-logic-quest-game-summary .btn-bar .base-btn{max-width:23.5%;}
/* Game Summary End */

/* Faq Start */
.liquid-logic-quest-faq-sec{position:relative;}
.liquid-logic-quest-faq-sec .faq-bg-one img{float:left; width:100%;}
.liquid-logic-quest-faq-sec .faq-bg-one{position:absolute; bottom:0;}
.liquid-logic-quest-faq-sec .faq-bg-two img{float:left; width:100%;}
.liquid-logic-quest-faq-sec .faq-bg-two{position:absolute; bottom:-42px; right:0;}
.liquid-logic-quest-faq-sec .faq-sec-outer{padding:70px 0 100px;}
.liquid-logic-quest-faq-sec .faq-block{margin-top:40px; padding:0;}
.liquid-logic-quest-faq-sec .faq-head-title{font-size:75px; color:#2e0f7e; font-family:var(--font-base); text-transform:none;}
.liquid-logic-quest-faq-sec .accordion-item{margin-bottom:22px;}
.liquid-logic-quest-faq-sec .accordion-card{padding:0; border:none; background:#450658; border-radius:13px; position:relative;}
.liquid-logic-quest-faq-sec .accordion-card::before{content:''; position:absolute; z-index:-1; border-radius:14px; width:calc(100% + 4px); left:-2px; height:100%; bottom:-2px; background:linear-gradient(0deg, rgba(255, 240, 155, 1) 0%, rgba(255, 216, 1, 1) 17%, rgba(255, 236, 127, 1) 36%, rgba(255, 192, 0, 1) 48%, rgba(255, 236, 127, 1) 60%, rgba(255, 216, 1, 1) 79%, rgba(255, 234, 120, 1) 100%);}
.liquid-logic-quest-faq-sec .accordion-head{padding:4px 3px; border-radius:10px; background:linear-gradient(0deg, rgba(251, 174, 3, 1) 0%, rgba(255, 230, 12, 1) 24%, rgba(246, 139, 5, 1) 52%, rgba(255, 231, 24, 1) 78%, rgba(255, 248, 175, 1) 100%);}
.liquid-logic-quest-faq-sec .accordion-head-outer{padding:20px 20px 20px 25px; border-radius:10px; box-shadow:none; background:linear-gradient(180deg, #4491bf 0%, #3d4dc8 31%, #451dad 69%, #804bd7 100%);}
.liquid-logic-quest-faq-sec .accordion-title{font-size:30px; letter-spacing:1px; color:transparent; font-weight:700; font-family:var(--font-btn);}
.liquid-logic-quest-faq-sec .accordion-title.outline{-webkit-text-stroke:0.12em #3c0002;}
.liquid-logic-quest-faq-sec .accordion-title::before{content:attr(data-content); filter:drop-shadow(0px 3px 1px rgba(33,0,32,0.82)); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(255, 239, 199, 1) 0%, rgba(255, 253, 156 ,1) 23%, rgba(255, 236, 90, 1) 42%, rgba(245, 231, 36, 1) 68%, rgba(252, 205, 53, 1) 87%, rgba(238, 217, 48, 1) 100% ); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.liquid-logic-quest-faq-sec .accordion-text{font-size:28px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn);}
.liquid-logic-quest-faq-sec .accordion-body{padding:0 40px 0 100px;}
.liquid-logic-quest-faq-sec .accordion-cont-bar{min-height:90px; padding:10px 0;}
/* Faq End */

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .liquid-logic-quest-game .game-logo-fig{max-width:25%;}
  .liquid-logic-quest-game .sec-head-bg{max-width:74%;}
  .liquid-logic-quest-game .sec-main-title{font-size:30px;}
  .liquid-logic-quest-game .video-block{margin-top:10px; border-radius:30px;}
  .liquid-logic-quest-game .video-poster, .liquid-logic-quest-game .client-video{border-radius:14px; left:2.4%;}
  .liquid-logic-quest-game .video-iframe{border-radius:30px;}
  .liquid-logic-quest-game .video-frame-shadow-bottom{height:34px; bottom:62px;}
  .liquid-logic-quest-game .banner-video-outer{padding-bottom:75px;}
  .liquid-logic-quest-game .sec-head{margin-top:-1.52%}
  .liquid-logic-quest-game .btn-bar .base-btn{max-width:25%;}

  .liquid-logic-quest-about-us-sec .about-us-text{font-size:25px; max-width:85%; margin:50px 0 0;}
  .liquid-logic-quest-about-us-sec .about-us-cont{margin:70px 0 125px 0;}

  .liquid-logic-quest-how-to-work-sec{padding-bottom:235px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-one{left:2px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-two{right:8px;}
  .liquid-logic-quest-how-to-work-sec .htw-head{margin-top:-2.3%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-title{font-size:30px;}
  .liquid-logic-quest-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .liquid-logic-quest-how-to-work-sec .htw-icon img{max-width:80%;}
  .liquid-logic-quest-how-to-work-sec .htw-icon{top:-25px; left:-28px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list{padding:0; margin-top:8px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-body{padding:40px 15px 25px 75px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap{padding:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one{margin-top:40px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:75px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two{margin-top:180px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four{margin-top:127px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five{margin-top:145px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six{margin-top:145px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven .col-right{margin-right:70px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight{margin-top:160px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px; padding-left:17px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:0px; top:3px;}
  .liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-three{margin-top:-118px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading-bar{margin-top:165px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading{font-size:28px; height:93px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three{margin:54px 0 108px; padding:0 60px; gap:0 70px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-left{max-width:46.7%;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-one{max-width:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-two{max-width:190px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-one{bottom:-218px; max-width:184px; right:48px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-two{left:169px; max-width:34%; bottom:-210px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-theme:after{bottom:-11px; left:-49px; width:calc(100% + 110px); height:23px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-right{margin:-130px 57px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five .col-right{margin:-130px 57px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight .col-right{margin:0 57px 0 0;}

  .liquid-logic-quest-game-expectation-sec .game-expectation-list{gap:0 50px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title-bar{margin-bottom:18px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title::before{max-width:85%;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title{font-size:25px; max-width:100%;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-fig{max-width:125px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-icon-block{top:-55px; margin-bottom:-52px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-item{margin-top:10px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-sec-outer{padding:0 0 80px 0;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one img{max-width:58%;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two{max-width:200px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-body{padding:0 20px 30px;}
  
  .liquid-logic-quest-game-summary .game-summary-text{font-size:26px; padding-top:57px; max-width:1076px;}
  .liquid-logic-quest-game-summary .game-summary-icon-one img{max-width:70%;}
  .liquid-logic-quest-game-summary .game-summary-icon-two{max-width:165px;}
  .liquid-logic-quest-game-summary .game-summary-cont{margin:60px 0 55px 0;}

  .liquid-logic-quest-faq-sec .faq-head-title{font-size:60px;}
  .liquid-logic-quest-faq-sec .faq-sec-outer{padding:65px 0 75px;}
  .liquid-logic-quest-faq-sec .faq-block{margin-top:32px;}
  .liquid-logic-quest-faq-sec .accordion-title{font-size:27px;}
  .liquid-logic-quest-faq-sec .accordion-text{font-size:25px;}
  .liquid-logic-quest-faq-sec .accordion-head-outer{padding:20px;}
  .liquid-logic-quest-faq-sec .accordion-body{padding:0 33px 0 90px;}
  .liquid-logic-quest-faq-sec .accordion-cont-bar{min-height:85px;}
  .liquid-logic-quest-faq-sec .accordion-item{margin-bottom:20px;}
  .liquid-logic-quest-faq-sec .faq-bg-two{max-width:280px; bottom:-28px;}
}

@media(max-width:1280px) {
  .liquid-logic-quest-game .game-logo-fig{max-width:24%;}
  .liquid-logic-quest-game .sec-main-title{font-size:24px;}
  .liquid-logic-quest-game .banner-video-outer{padding-bottom:60px;}
  .liquid-logic-quest-game .video-frame-shadow-bottom{height:28px; bottom:48px;}
  .liquid-logic-quest-game .sec-head{margin-top:-1.5%;}
  .liquid-logic-quest-game .video-block{border-radius:27px;}
  .liquid-logic-quest-game .video-iframe{border-radius:27px;}
  .liquid-logic-quest-game .video-poster, .liquid-logic-quest-game .client-video{border-radius:10px;}

  .liquid-logic-quest-about-us-sec .about-us-text{font-size:22px; margin:35px 0 0;}
  .liquid-logic-quest-about-us-sec .about-us-cont{margin:60px 0 105px 0;}

  .liquid-logic-quest-how-to-work-sec{padding-bottom:200px;}
  .liquid-logic-quest-how-to-work-sec .star-icon img{max-width:80%;}
  .liquid-logic-quest-how-to-work-sec .star-icon-one{bottom:37px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-two{right:0; bottom:37px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-three{bottom:-12px; left:50px;}
  .liquid-logic-quest-how-to-work-sec .htw-head{margin-top:-2.34%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap{padding:0 30px}
  .liquid-logic-quest-how-to-work-sec .htw-icon img{max-width:70%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-title{font-size:27px;}
  .liquid-logic-quest-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list{margin-top:7px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-body{padding:35px 10px 20px 53px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one{margin-top:35px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:50px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-theme:after{bottom:-10px; left:-38px; width:calc(100% + 86px); height:21px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two{margin-top:155px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-right{margin:-95px 40px 0 0; }
  .liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-three{margin-top:-95px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading-bar{margin-top:145px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading{font-size:24px; height:83px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three{margin:50px 0 90px; gap:0 65px; padding:0 50px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-left{max-width:46.5%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four{margin-top:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:60px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five{margin-top:115px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five .col-right{margin:-95px 40px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-two{max-width:130px; top:-49px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six{margin-top:115px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six .col-right{padding-left:60px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven{margin-top:75px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-one{bottom:-213px; max-width:172px; right:12px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven .col-right{margin-right:52px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight{margin-top:130px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight .col-right{margin:0 43px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-nine{margin-top:75px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-two{left:133px; max-width:34%; bottom:-166px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-one{max-width:62px;}
  
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-outer{border-radius:32px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-body{border-radius:30px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-list{gap:0 40px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title{font-size:20px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-fig{max-width:115px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 80px); margin-top:0;}
  .liquid-logic-quest-game-expectation-sec .game-expect-icon-block{top:-48px;}

  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one img{max-width:44%;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two{max-width:170px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-sec-outer{padding:0 0 70px 0;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title-bar{margin-bottom:16px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title::before{filter:drop-shadow(0px 5px 2px rgba(33,0,32,0.82))}

  .liquid-logic-quest-game-summary .game-summary-text{font-size:21px; padding-top:50px; max-width:976px;}
  .liquid-logic-quest-game-summary .game-summary-cont{margin:50px 0 45px 0;}
  .liquid-logic-quest-game-summary .game-summary-icon-one img{max-width:55%;}
  .liquid-logic-quest-game-summary .game-summary-icon-two{max-width:135px;}

  .liquid-logic-quest-faq-sec .faq-head-title{font-size:54px;}
  .liquid-logic-quest-faq-sec .accordion-title{font-size:24px;}
  .liquid-logic-quest-faq-sec .accordion-head-outer{min-height:75px; padding:15px;}
  .liquid-logic-quest-faq-sec .accordion-text{font-size:22px;}
  .liquid-logic-quest-faq-sec .accordion-body{padding:0 25px 0 80px;}
  .liquid-logic-quest-faq-sec .accordion-item{margin-bottom:18px;}
  .liquid-logic-quest-faq-sec .accordion-cont-bar{min-height:80px;}
  .liquid-logic-quest-faq-sec .faq-sec-outer{padding:60px 0 60px;}
  .liquid-logic-quest-faq-sec .faq-block{margin-top:25px;}
  .liquid-logic-quest-faq-sec .faq-bg-two{max-width:235px; bottom:-23px;}
}

@media(max-width:1023px) { 
  .liquid-logic-quest-game .sec-main-title{font-size:18px;}
  .liquid-logic-quest-game .sec-head{margin-top:-11px;}
  .liquid-logic-quest-game .video-block{border-radius:21px;}
  .liquid-logic-quest-game .video-iframe{border-radius:21px;}
  .liquid-logic-quest-game .video-poster, .liquid-logic-quest-game .client-video{border-radius:9px;}
  .liquid-logic-quest-game .banner-video-outer{padding-bottom:48px;}
  .liquid-logic-quest-game .video-frame-shadow-bottom{height:20px; bottom:39px;}

  .liquid-logic-quest-about-us-sec .about-us-text{font-size:19px; margin:20px 0 0;}
  .liquid-logic-quest-about-us-sec .about-us-cont{margin:50px 0 75px 0;}

  .liquid-logic-quest-how-to-work-sec{padding-bottom:172px;}
  .liquid-logic-quest-how-to-work-sec .star-icon img{max-width:70%;}
  .liquid-logic-quest-how-to-work-sec .star-icon-one{bottom:26px; left:0;}
  .liquid-logic-quest-how-to-work-sec .star-icon-two{right:-7px; bottom:26px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-three{bottom:-12px; left:35px;}
  .liquid-logic-quest-how-to-work-sec .htw-head{margin-top:-18px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap{padding:0 20px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one{margin-top:25px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two{margin-top:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-right{margin:-94px 27px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three{margin:45px 0 65px; gap:0 48px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four{margin-top:80px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four .col-right{padding-left:38px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five{margin-top:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five .col-right{margin:-20px 30px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six{margin-top:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six .col-right{padding-left:37px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven{margin-top:65px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven .col-right{margin-right:36px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight{margin-top:100px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight .col-right{margin:0 32px 0 0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-nine{margin-top:50px;}
  .liquid-logic-quest-how-to-work-sec .htw-icon img{max-width:55%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .liquid-logic-quest-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:13px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-body{padding:30px 10px 20px 48px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding-left:42px;}
  .liquid-logic-quest-how-to-work-sec .htw-icon{top:-18px; left:-21px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list{margin-top:6px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-theme:after{bottom:-6px; left:-9px; width:calc(100% + 26px); height:18px;}
  .liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-three{margin-top:-72px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading-bar{margin-top:115px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading{font-size:20px; height:66px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-one{max-width:35px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-two{max-width:100px; top:-17px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-one{bottom:-154px; max-width:125px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-two{left:103px; bottom:-126px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-left{max-width:46.7%;}

  .liquid-logic-quest-game-expectation-sec .game-expectation-list{gap:0 35px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 42px); margin-top:-10px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title{font-size:16px; height:45px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-details-item{font-size:12px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title-bar{margin-bottom:14px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-fig{max-width:100px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-icon-block{top:-18px; margin-bottom:-15px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-body{padding: 0 17px 25px; border-radius:26px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-outer{filter:drop-shadow(0px 9px 0px rgba(0, 14, 28, 0.58)); border-radius:28px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title::before{filter:drop-shadow(0px 4px 2px rgba(33,0,32,0.82))}
  .liquid-logic-quest-game-expectation-sec .game-expectation-sec-outer{padding:0 0 60px 0;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one img{max-width:30%;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two{max-width:120px;}
  
  .liquid-logic-quest-game-summary .game-summary-text{font-size:17px; padding-top:40px; max-width:717px;}
  .liquid-logic-quest-game-summary .game-summary-icon-one img{max-width:35%;}
  .liquid-logic-quest-game-summary .game-summary-icon-two{max-width:90px;}
  .liquid-logic-quest-game-summary .game-summary-cont{margin:40px 0 35px 0;}
  .liquid-logic-quest-game-summary .game-summary-cont::before{top:-2px;}
  
  .liquid-logic-quest-faq-sec .faq-sec-outer{padding:50px 0 40px;}
  .liquid-logic-quest-faq-sec .accordion-head{padding:3px 2px;}
  .liquid-logic-quest-faq-sec .accordion-head-outer{min-height:65px; padding:12px;}
  .liquid-logic-quest-faq-sec .faq-block{margin-top:15px;}
  .liquid-logic-quest-faq-sec .faq-head-title{font-size:45px;}
  .liquid-logic-quest-faq-sec .accordion-title{font-size:21px;}
  .liquid-logic-quest-faq-sec .accordion-text{font-size:18px;}
  .liquid-logic-quest-faq-sec .accordion-item{margin-bottom:16px;}
  .liquid-logic-quest-faq-sec .accordion-cont-bar{min-height:75px;}
  .liquid-logic-quest-faq-sec .accordion-body{padding:0 20px 0 70px;}
  .liquid-logic-quest-faq-sec .faq-bg-two{max-width:170px; bottom:-17px;}
}

@media(max-width:767px) {
  .liquid-logic-quest-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 100%;}
  .liquid-logic-quest-game .game-logo-fig{max-width:31%;}
  .liquid-logic-quest-game .video-block{border:2px solid #170b00; max-width:71%; border-radius:13px;}
  .liquid-logic-quest-game .video-iframe{border-radius:13px; box-shadow:none;}
  .liquid-logic-quest-game .banner-video-outer{padding-bottom:20px;}
  .liquid-logic-quest-game .sec-head-bg{display:none;}
  .liquid-logic-quest-game .sec-head-bg-mob{display:block;}
  .liquid-logic-quest-game .sec-main-title{font-size:13px; letter-spacing:0px; filter:drop-shadow(0px 2px 0px #3c0002);}
  .liquid-logic-quest-game .sec-main-title.outline::before{filter:drop-shadow(0px 2px 0px #3c0002);}
  .liquid-logic-quest-game .video-frame-shadow-bottom{height:10px; bottom:17px; left:-8%; width:calc(76% + 16%);}
  .liquid-logic-quest-game .sec-head{margin-top:-13px;}
  .liquid-logic-quest-game .btn-bar .base-btn{max-width:44%;}
  .liquid-logic-quest-game .video-poster, .liquid-logic-quest-game .client-video{border-radius:6px;}
  
  .liquid-logic-quest-about-us-sec{background:var(--about-bg-mob) no-repeat top center; background-size:100% 100%;}
  .liquid-logic-quest-about-us-sec .about-us-text{font-size:14px; margin:-5px 0 0; max-width:100%;}
  .liquid-logic-quest-about-us-sec .about-us-cont::before{top:-5px; height:100%; width:41%; border-radius:30%; filter:blur(4px);}
  .liquid-logic-quest-about-us-sec .about-us-cont{margin:23px 0 40px 0;}
  
  .liquid-logic-quest-how-to-work-sec{background:var(--htw-bg-mob) no-repeat top center; background-size:100% 100%; padding-bottom:370px;}
  .liquid-logic-quest-how-to-work-sec .how-to-work-process-sec-three{background:var(--htw-bg-three-mob) no-repeat top center; background-size:100% 100%; margin-top:-61px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-one{bottom:60px; left:1px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading .htw-process-card-list{padding:0 20px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-two{bottom:62px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-three{bottom:60px; left:1px;}
  .liquid-logic-quest-how-to-work-sec .star-icon-four{display:block; position:absolute; bottom:30px; right:-8px;}
  .liquid-logic-quest-how-to-work-sec .htw-outer-icon{display:block; position:absolute;}
  .liquid-logic-quest-how-to-work-sec .htw-outer-icon-one{left:-7px; bottom:13px;}
  .liquid-logic-quest-how-to-work-sec .htw-outer-icon-two{right:-4px; top:-2px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap{padding:0; flex-direction:column;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap .col-left{max-width:92%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one{margin-top:15px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-one .col-right{padding:0 5px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-two .col-right{padding:0 10px; margin:0; z-index:1;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three{gap:20px 0; margin:20px 0 55px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-three .col-right{max-width:92%; padding:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four{margin-top:90px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-four .col-right{padding:0 5px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-five .col-right{padding:0 10px; margin:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-six .col-right{padding:0 5px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven{margin-top:102px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-seven .col-right{padding:0 5px; margin:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-eight .col-right{padding:0 10px; margin:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-wrap-nine{margin-top:30px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-theme img{z-index:0;}
  .liquid-logic-quest-how-to-work-sec .htw-icon{display:block; top:-30px; left:19px;}
  .liquid-logic-quest-how-to-work-sec .htw-icon img{max-width:50%;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-title-bar{text-align:left;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-title{font-size:18px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:7px; top:4px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin:0;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-body{padding:37px 18px 18px 40px; border-radius:8px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-one{max-width:53px;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-icon-two{max-width:120px; top:-52px; z-index:1;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading-bar{margin-top:83px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading{font-size:14px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading::before{height:8px; width:8px; left:15px;}
  .liquid-logic-quest-how-to-work-sec .htw-process-card-heading::after{height:8px; width:8px; right:15px;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-one{display:none;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-two{display:none;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-one-mob{display:block; position:absolute; right:-10px; bottom:-204px; z-index:3;}
  .liquid-logic-quest-how-to-work-sec .htw-arrow-two-mob{display:block; position:absolute; right:-12px; bottom:-269px; z-index:3;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-mobile{display:block; position:absolute; bottom:105px; z-index:-1;}
  .liquid-logic-quest-how-to-work-sec .htw-jar-mobile img{float:left; width:100%;}

  .liquid-logic-quest-game-expectation-sec{background:var(--expectation-bg-mob) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-28px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-title{font-size:18px;}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-outer{border-radius:18px; padding:2px; filter:drop-shadow(5.664px 6.994px 0px #150335);}
  .liquid-logic-quest-game-expectation-sec .game-expectation-card-body{border-radius:17px;}
  .liquid-logic-quest-game-expectation-sec .game-expect-card-fig{max-width:80px;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-one img{max-width:38%;}
  .liquid-logic-quest-game-expectation-sec .expectation-theme-icon-two{max-width:72px;}
  .liquid-logic-quest-game-expectation-sec .owl-carousel .owl-dot span{background:#1b088f; border:2px solid rgba(255,255,255,0.35); height:18px; width:18px;}
  .liquid-logic-quest-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ff0c77; border:2px solid #ffe400;}
  .liquid-logic-quest-game-expectation-sec .owl-carousel .owl-dots{margin:30px 0 -35px 0;}

  .liquid-logic-quest-game-summary{border:none;}
  .liquid-logic-quest-game-summary .game-summary-text{font-size:14px; letter-spacing:0; padding-top:25px;}
  .liquid-logic-quest-game-summary .game-summary-cont::before{top:-3px; height:calc(100% + 11%); width:45%; border-radius:30%; filter:blur(6px);}
  .liquid-logic-quest-game-summary .game-summary-cont{margin:22px 0 18px 0;}
  .liquid-logic-quest-game-summary .game-summary-icon-one img{max-width:25%;}
  .liquid-logic-quest-game-summary .game-summary-icon-two{max-width:70px;}

  .liquid-logic-quest-faq-sec .faq-head-title{font-size:30px;}
  .liquid-logic-quest-faq-sec .faq-block{margin-top:0;}
  .liquid-logic-quest-faq-sec .faq-sec-outer{padding:30px 0;}
  .liquid-logic-quest-faq-sec .faq-bg-two{max-width:135px; bottom:-13px;}
  .liquid-logic-quest-faq-sec .accordion-head{border-radius:3px; padding:1px 0;}
  .liquid-logic-quest-faq-sec .accordion-card::before{left:-1px; width: calc(100% + 2px); bottom:-1px; border-radius:4px;}
  .liquid-logic-quest-faq-sec .accordion-head-outer{min-height:41px; padding:10px; border-radius:3px;}
  .liquid-logic-quest-faq-sec .accordion-title{font-size:13px; letter-spacing:0;}
  .liquid-logic-quest-faq-sec .accordion-title::before{filter:drop-shadow(0px 2px 0.5px rgba(33,0,32,0.82));}
  .liquid-logic-quest-faq-sec .accordion-text{font-size:13px; letter-spacing:0;}
  .liquid-logic-quest-faq-sec .accordion-body{padding:0 10px 0 40px;}
  .liquid-logic-quest-faq-sec .accordion-card{border-radius:5px;}
  .liquid-logic-quest-faq-sec .accordion-cont-bar{min-height:60px;}
  .liquid-logic-quest-faq-sec .accordion-item{margin-bottom:5px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Liquid Logic Quest Game CSS End // ***************************** */

  
  
  
/* ***************************** // Hexa Puzzle Game CSS Start // ***************************** */
.hexa-puzzle-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'A-AbsoluteEmpire';
--font-base1:'Helvetica', sans-serif;
--font-mono:'Montserrat', sans-serif;
--font-btn:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.hexa-puzzle-game .header{box-shadow:none;}
.hexa-puzzle-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.hexa-puzzle-game .active .nav-item-label, .hexa-puzzle-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.hexa-puzzle-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; margin-top:-75px; position:relative;}
.hexa-puzzle-game .banner-content{margin-top:94px;}
.hexa-puzzle-game .video-poster, .hexa-puzzle-game .client-video{top:7.9%; left:6.3%; right:3.5%; height:calc(100% - 15.9%); width:calc(100% - 12.5%); bottom:auto; border-radius:0;}
.hexa-puzzle-game .video-iframe{filter:drop-shadow(0px 11px 13px rgba(0,0,0,0.65));}
.hexa-puzzle-game .game-logo-fig{max-width:33%; position:relative;}
.hexa-puzzle-game .video-block{max-width:51.7%; margin-top:-45px; position:relative; overflow:inherit;}
.hexa-puzzle-game .banner-sec-outer{background:transparent; padding:0px; position:relative;}
.hexa-puzzle-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.hexa-puzzle-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.hexa-puzzle-game .banner-sec-video{background:transparent;}
.hexa-puzzle-game .video-shadow{left:-21%; bottom:-83px; width:calc(100% + 49%); z-index:-1;}
.hexa-puzzle-game .banner-icon img{float:left; width:100%;}
.hexa-puzzle-game .banner-icon{position:absolute; filter:drop-shadow(0px 11px 13px rgba(0,0,0,0.65));}
.hexa-puzzle-game .banner-icon-one{left:-13.5%; top:-19.7%;}
.hexa-puzzle-game .banner-icon-two{right:-13.5%; top:-19.7%;}
.hexa-puzzle-game .btn-bar{margin:30px 0 100px 0;}
.hexa-puzzle-game .btn-bar .base-btn{filter:drop-shadow(0px 11px 4px rgba(0,0,0,0.8));}
.hexa-puzzle-game .play-now-btn{float:left; width:100%; display:flex; justify-content:center; align-items:center;}
.hexa-puzzle-game .btn-text{text-shadow:none; font-weight:normal; font-size:38px; filter:drop-shadow(0px 8px 4px rgba(0,0,0,0.8)); font-family:var(--font-base); padding-top:1.3vmin;}

.hexa-puzzle-game .sec-head-outer{float:left; width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.hexa-puzzle-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.hexa-puzzle-game .sec-head-bg{float:left; width:100%;}
.hexa-puzzle-game .sec-main-title{position:absolute; color:#fdb63b; font-size: 56px; letter-spacing:1px; font-family:var(--font-base); text-shadow:-2px -2px 0 #53220f, 2px -2px 0 #53220f, -2px 2px 0 #53220f, 2px 2px 0 #53220f; filter:drop-shadow(0px 0px 3px #fbb837);}

/* About us CSS Start */
.hexa-puzzle-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-11.9%;}
.hexa-puzzle-about-us-sec .about-us-content{margin-top:280px;}
.hexa-puzzle-about-us-sec .about-us-text{font-size:35px; color:var(--clr-action-alt); font-family:var(--font-base); text-align: center; max-width:87%; margin-top:22px;}
.hexa-puzzle-about-us-sec .about-icon-one img{float:left; width:100%}
.hexa-puzzle-about-us-sec .about-icon-two img{float:left; width:100%}
.hexa-puzzle-about-us-sec .about-icon-one{position:absolute; filter:drop-shadow(24.969px 49.005px 28.5px rgba(0,0,0,0.45)); left:5%; top:5%;}
.hexa-puzzle-about-us-sec .about-icon-two{position:absolute; filter:drop-shadow(24.969px 49.005px 28.5px rgba(0,0,0,0.45)); right:5%; bottom:5%;}
/* About us CSS End */

/* How to work CSS Start */
.hexa-puzzle-how-to-work-sec .htw-process-wrap .col-left{max-width:52%; padding:0; margin:0; position:relative;}
.hexa-puzzle-how-to-work-sec .htw-process-card-outer{background:none;}
.hexa-puzzle-how-to-work-sec .htw-process-card-title-bar{background:url("../images/hexa-puzzle/title-bg-1.webp") no-repeat center; background-size:100% 100%; width:100%; height:114px; position:relative; display:flex; justify-content:center; align-items:center;}
.hexa-puzzle-how-to-work-sec .htw-process-card-title{position:absolute; font-size:45px; font-family:var(--font-base); font-weight:normal;}
.hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-title{margin-left:-30px;}
.hexa-puzzle-how-to-work-sec .htw-process-card-list{margin-top:30px;}
.hexa-puzzle-how-to-work-sec .game-card-eight .htw-process-card-list{padding-left:0px;}
.hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:30px; color:#000000; font-family:var(--font-base); padding-left:32px;}
.hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0;}
.hexa-puzzle-how-to-work-sec .htw-process-card-body{padding:40px 80px 50px 54px;}
.hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 112px 50px 65px;}
.hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:40px 65px 50px 112px;}
.hexa-puzzle-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.hexa-puzzle-how-to-work-sec .htw-process-theme:after{display:none;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-one .col-right{padding:0;}
.hexa-puzzle-how-to-work-sec .htw-icon img{float:left; width:100%;}
.hexa-puzzle-how-to-work-sec .htw-icon{position:absolute;}
.hexa-puzzle-how-to-work-sec .htw-icon-one{right:-14.9%; top:32%;}
.hexa-puzzle-how-to-work-sec .htw-icon-two{left:-27.3%; bottom:33%;}
.hexa-puzzle-how-to-work-sec .htw-icon-three{left:-40%;}
.hexa-puzzle-how-to-work-sec .htw-icon-four{bottom:5%; right:-40%;}
.hexa-puzzle-how-to-work-sec .htw-icon-five{right:-11.9%; bottom:-5px;}
.hexa-puzzle-how-to-work-sec .htw-icon-six{left:-14%; bottom:17%;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:96px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:60px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:105px;}
.hexa-puzzle-how-to-work-sec .htw-process-card-block{display:flex; justify-content:center; align-items:center;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-three{gap:0 48px; margin-top:70px;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center{margin-top:82px;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .col-left{max-width:48.4%;}
.hexa-puzzle-how-to-work-sec .htw-process-card-title-bar-block{float:left; width:100%; display:flex; justify-content:center; align-items: center;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .htw-process-card-title-bar{max-width:43%; background:url("../images/hexa-puzzle/title-bg-2.webp") no-repeat center; background-size:100% 100%;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .htw-process-card-list{padding:0; display:flex; justify-content:center; align-items:center;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0; max-width:74%; text-align:center;}
.hexa-puzzle-how-to-work-sec .how-to-work-process-sec-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:60%;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-four{flex-direction:column; margin-top:77px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-five{padding:0; flex-direction:row;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-five{gap:0 48px; margin-top:70px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%; margin:0;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:85px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-seven .col-right{padding:0;}
.hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-title-bar{background:url("../images/hexa-puzzle/title-bg-2.webp") no-repeat center; background-size:100% 100%;}
.hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:40px 65px 50px 0px;}
.hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-list{max-width:90%;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-seven{padding:0; margin-top:100px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:85px; padding:0;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-eight .col-right{padding:0;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-eight .htw-process-card-title{margin-left:-48%;}
.hexa-puzzle-how-to-work-sec .game-card-eight .htw-process-card-title-bar{max-width:93%;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-nine{flex-direction:row-reverse; margin-top:100px;}
.hexa-puzzle-how-to-work-sec .htw-process-wrap-ten{margin-top:85px;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.hexa-puzzle-game-expectation-sec .game-expectation-sec-outer{margin-top:100px; padding:3.7% 0 20%;}
.hexa-puzzle-game-expectation-sec .game-expectation-list{gap:0 160px;}
.hexa-puzzle-game-expectation-sec .game-expectation-card-outer{padding:0; border-radius:0; margin-top:0; background:none; margin-top:-230px; height:100%;}
.hexa-puzzle-game-expectation-sec .game-expectation-card-body{background:none; box-shadow:none; padding:0; border-radius:0;}
.hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-one{float:left; width:100%; padding:8px; height:100%; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background:rgba(255,255,255,0.14);}
.hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-inner{float:left; padding:150px 30px 130px; height:100%; width:100%; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);background:linear-gradient(90deg, rgba(177,91,27,0.99) 0%, rgba(229,137,69,0.99) 100%);}
.hexa-puzzle-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.hexa-puzzle-game-expectation-sec .game-expect-card-title-bar::after{content:''; position:absolute; width:58%; height:2px; background:#981b1b; bottom:-20px;}
.hexa-puzzle-game-expectation-sec .game-expect-card-title{filter:drop-shadow(0px 7px 4.5px rgba(0,0,0,0.38)); font-size:34px; color:#ffd52b; font-family:var(--font-base);  margin:0;}
.hexa-puzzle-game-expectation-sec .game-expect-details-item{font-size:24px; padding:0 12px; color:var(--clr-action-alt); text-align:center; margin-top:40px;}
.hexa-puzzle-game-expectation-sec .game-expect-details-item:before{display:none;}
.hexa-puzzle-game-expectation-sec .game-expect-card-fig{max-width:245px; z-index:1;}
.hexa-puzzle-game-expectation-sec .game-expect-icon-block{top:153px;}
.hexa-puzzle-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 240px); margin-top:100px;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:first-child{margin-left:-23%;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:nth-child(3){margin-top:0;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:nth-child(4){margin-top:0;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:last-child{margin-right:-23%;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:nth-child(3) .word-label{display:grid;}
.hexa-puzzle-game-expectation-sec .game-expectation-item:last-child .game-expect-card-title .word-label{display:grid;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.hexa-puzzle-game-summary{margin-top:-12%;}
.hexa-puzzle-game-summary .game-summary-outer{background:url("../images/hexa-puzzle/game-summary-bg.webp") no-repeat center; background-size:100% 100%; position:relative;}
.hexa-puzzle-game-summary .game-summary-text{font-size:38px; color:var(--clr-action-alt); font-family:var(--font-base); text-transform:uppercase; max-width:1220px; padding-top:100px;}
.hexa-puzzle-game-summary .game-summary-icon-one img{float:left; width:100%;}
.hexa-puzzle-game-summary .game-summary-icon-one{position:absolute; bottom:-3.3%; left:-5%;}
.hexa-puzzle-game-summary .game-summary-icon-two img{float:left; width:100%;}
.hexa-puzzle-game-summary .game-summary-icon-two{position:absolute; bottom:-5.5%; right:-8%;}
.hexa-puzzle-game-summary .btn-bar{margin:40px 0 80px 0;}
/* Game Summary CSS End */

/* Faq CSS End */
.hexa-puzzle-faq-sec .accordion-card{border:none; padding:0;}
.hexa-puzzle-faq-sec .accordion-head{padding:0 0 9px}
.hexa-puzzle-faq-sec .accordion-head-outer{filter:drop-shadow(0px 7px 0px #981b1b); background:#b2895e; box-shadow:none; border-radius:0; min-height:90px; padding:5px 20px 0 105px;}
.hexa-puzzle-faq-sec .accordion-body{background:#981b1b; padding:0 40px 0 110px;}
.hexa-puzzle-faq-sec .accordion-cont-bar{min-height:126px;}
.hexa-puzzle-faq-sec .accordion-title{font-size:40px; color:var(--clr-action-alt); font-family:var(--font-base);}
.hexa-puzzle-faq-sec .accordion-text{font-size:30px; color:var(--clr-action-alt); font-family:var(--font-base);}
.hexa-puzzle-faq-sec .accordion{counter-reset:li;}
.hexa-puzzle-faq-sec .accordion-item{position:relative; margin-bottom:16px;}
.hexa-puzzle-faq-sec .accordion-item::before{content:'0' counter(li); counter-increment:li; z-index:2; position:absolute; padding-top:2px; pointer-events:none; background:#981b1b; width:70px; min-height:70px; font-size:40px; font-family: var(--font-base); color:var(--clr-action-alt); left:15px; top:11px; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.hexa-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#981b1b; font-size:32px;}
.hexa-puzzle-faq-sec .is-open .accordion-icon .icon{transform:inherit; width:auto;}
.hexa-puzzle-faq-sec .faq-sec-outer{padding:100px 0 130px;}
.hexa-puzzle-faq-sec .faq-block{margin-top:35px;}
/* Faq CSS End */

.hexa-puzzle-game .footer{background:#4e1809;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .hexa-puzzle-game .banner-sec{margin-top:-63px;}
  .hexa-puzzle-game .banner-icon img{max-width:66.9%;}
  .hexa-puzzle-game .game-logo-fig{max-width:27%;}
  .hexa-puzzle-game .banner-content{margin-top:63px;}
  .hexa-puzzle-game .video-block{margin-top:-30px;}
  .hexa-puzzle-game .banner-icon-two{right:-24%;}
  .hexa-puzzle-game .sec-head-bg{max-width:71%;}
  .hexa-puzzle-game .sec-main-title{font-size:40px;}
  .hexa-puzzle-game .btn-bar{margin:27px 0 90px;}
  .hexa-puzzle-game .btn-text{font-size:32px;}

  .hexa-puzzle-about-us-sec .about-us-content{margin-top:200px;}
  .hexa-puzzle-about-us-sec .about-icon-one{left:3%; top:3%;}
  .hexa-puzzle-about-us-sec .about-icon-one img{max-width:75%;}
  .hexa-puzzle-about-us-sec .about-icon-two img{max-width:70%;}
  .hexa-puzzle-about-us-sec .about-icon-two{right:-2%;}
  .hexa-puzzle-about-us-sec .about-us-text{font-size:29px; margin-top:18px;}

  .hexa-puzzle-how-to-work-sec .htw-head-bg{max-width:50%;}
  .hexa-puzzle-how-to-work-sec .htw-icon img{max-width:70%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-one{right:-19%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two{left:-23.3%; bottom:40%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-four{right:-46%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five{right:-25%; bottom:4px;}
  .hexa-puzzle-how-to-work-sec .htw-icon-six{left:-13%; bottom:24%;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 72px 50px 55px;}
  .hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:40px 55px 50px 72px;}
  .hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:40px 35px 50px 30px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-body{padding:40px 55px 50px 54px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:40px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:85px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:90px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center{margin-top:72px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:45px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:65px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:45px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:70px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:85px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:75px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-nine{margin-top:85px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-ten{margin-top:75px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title-bar{height:90px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title{font-size:36px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list{margin-top:25px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px; padding-left:12px;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:12px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .col-left{max-width:48%;}

  .hexa-puzzle-game-expectation-sec .expectation-head-bg{max-width:57%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-sec-outer{margin-top:85px; padding:3.7% 0 19%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-list{gap:0 84px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 162px); margin-top:80px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title{font-size:28px;}
  .hexa-puzzle-game-expectation-sec .game-expect-details-item{font-size:21px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-fig{max-width:200px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-inner{padding:135px 30px 140px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item{margin-top:120px;}
  .hexa-puzzle-game-expectation-sec .game-expect-icon-block{top:130px;}

  .hexa-puzzle-game-summary{margin-top:-15%;}
  .hexa-puzzle-game-summary .game-summary-text{font-size:31px; max-width:1031px; padding-top:85px;}
  .hexa-puzzle-game-summary .game-summary-icon-one img{max-width:80.5%;}
  .hexa-puzzle-game-summary .game-summary-icon-two img{max-width:80%;}
  .hexa-puzzle-game-summary .btn-bar{margin:30px 0 70px;}

  .hexa-puzzle-faq-sec .faq-sec-outer{padding:85px 0 100px;}
  .hexa-puzzle-faq-sec .faq-head-bg{max-width:38%;}
  .hexa-puzzle-faq-sec .faq-block{margin-top:30px;}
  .hexa-puzzle-faq-sec .faq-title{font-size:45px;}
  .hexa-puzzle-faq-sec .accordion-title{font-size:34px;}
  .hexa-puzzle-faq-sec .accordion-item::before{font-size:34px; min-height:60px;}
  .hexa-puzzle-faq-sec .accordion-text{font-size:27px;}
  .hexa-puzzle-faq-sec .accordion-head-outer{min-height:80px;}
  .hexa-puzzle-faq-sec .accordion-cont-bar{min-height:115px;}
}
@media(max-width:1280px) {
  .hexa-puzzle-game .banner-sec{margin-top:-50px;}
  .hexa-puzzle-game .banner-content{margin-top:53px;}
  .hexa-puzzle-game .video-block{margin-top:-20px;}
  .hexa-puzzle-game .game-logo-fig{max-width:23%;}
  .hexa-puzzle-game .banner-icon img{max-width:53.5%;}
  .hexa-puzzle-game .banner-icon-two{right:-32%;}
  .hexa-puzzle-game .sec-main-title{font-size:34px;}
  .hexa-puzzle-game .btn-bar{margin:24px 0 74px;}
  .hexa-puzzle-game .btn-text{font-size:27px;}
  
  .hexa-puzzle-about-us-sec .about-icon-one img{max-width:57%;}
  .hexa-puzzle-about-us-sec .about-icon-two img{max-width:57%;}
  .hexa-puzzle-about-us-sec .about-icon-two{right:-8%; bottom:3%;}
  .hexa-puzzle-about-us-sec .about-icon-one{top:2%;}
  .hexa-puzzle-about-us-sec .about-us-content{margin-top:160px;}
  .hexa-puzzle-about-us-sec .about-us-text{font-size:24px; margin-top:14px;}

  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:75px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:30px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:80px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:35px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:55px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:35px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:60px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:75px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:65px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-nine{margin-top:75px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-ten{margin-top:65px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-body{padding:40px 43px 50px 53px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title{font-size:30px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list{margin-top:20px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 60px 50px 37px;}
  .hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:40px 40px 50px 90px;}
  .hexa-puzzle-how-to-work-sec .htw-icon img{max-width:60%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-one{right:-23%; top:35%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two{left:-25.5%; bottom:42%;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center{margin-top:65px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .col-left{max-width:47.7%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five img{max-width:70%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five{right:-30%; bottom:0;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title-bar{height:80px;}
  
  .hexa-puzzle-game-expectation-sec .game-expectation-sec-outer{margin-top:70px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-outer{margin-top:-210px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 155px);}
  .hexa-puzzle-game-expectation-sec .game-expectation-list{gap:0 70px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:first-child{margin-left:-17%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:last-child{margin-right:-17%;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .hexa-puzzle-game-expectation-sec .game-expect-details-item{font-size:18px; padding:0;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-inner{padding:110px 15px 165px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-fig{max-width:175px;}
  .hexa-puzzle-game-expectation-sec .game-expect-icon-block{top:117px;}

  .hexa-puzzle-game-summary{margin-top:-16%;}
  .hexa-puzzle-game-summary .game-summary-text{font-size:27px; max-width:904px; padding-top:70px;}
  .hexa-puzzle-game-summary .game-summary-icon-one img{max-width:70%;}
  .hexa-puzzle-game-summary .game-summary-icon-two img{max-width:70%;}
  .hexa-puzzle-game-summary .game-summary-icon-two{right:-11%;}
  .hexa-puzzle-game-summary .btn-bar{margin:24px 0 65px;}

  .hexa-puzzle-faq-sec .faq-title{font-size:37px;}
  .hexa-puzzle-faq-sec .faq-sec-outer{padding:65px 0 70px;}
  .hexa-puzzle-faq-sec .faq-block{margin-top:25px; padding:0;}
  .hexa-puzzle-faq-sec .accordion-title{font-size:27px;}
  .hexa-puzzle-faq-sec .accordion-item::before{font-size:30px; min-height:55px; width:60px;}
  .hexa-puzzle-faq-sec .accordion-head-outer{min-height:75px; padding:4px 15px 0 95px;}
  .hexa-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:30px;}
  .hexa-puzzle-faq-sec .accordion-text{font-size:21px;}
  .hexa-puzzle-faq-sec .accordion-body{padding:0 30px 0 100px;}
  .hexa-puzzle-faq-sec .accordion-cont-bar{min-height:100px;}
  .hexa-puzzle-faq-sec .accordion-item{margin-bottom:14px;}
}
@media(max-width:1023px) { 
  .hexa-puzzle-game .banner-icon img{max-width:40.2%;}
  .hexa-puzzle-game .banner-icon-two{right:-45.5%;}
  .hexa-puzzle-game .video-block{margin-top:-15px;}
  .hexa-puzzle-game .sec-main-title{font-size:24px;}
  .hexa-puzzle-game .btn-bar{margin:20px 0 60px;}
  .hexa-puzzle-game .btn-bar .base-btn{max-width:29%;}
  .hexa-puzzle-game .btn-text{font-size:21px;}

  .hexa-puzzle-about-us-sec .about-icon-one img{max-width:45%;}
  .hexa-puzzle-about-us-sec .about-icon-two{right:-16%;}
  .hexa-puzzle-about-us-sec .about-icon-two img{max-width:45%;}
  .hexa-puzzle-about-us-sec .about-us-content{margin-top:120px;}
  .hexa-puzzle-about-us-sec .about-us-text{font-size:18px; margin-top:8px;}

  .hexa-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:3.7% 0 26%;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:55px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:60px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:10px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center{margin-top:50px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:25px; gap:0 38px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:45px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:25px; gap:0 38px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:50px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:60px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:50px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-nine{margin-top:60px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-ten{margin-top:25px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title-bar{height:70px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-body{padding:40px 20px 50px 24px;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 30px 50px 16px;}
  .hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:40px 26px 50px 40px;}
  .hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:40px 15px 50px;}
  .hexa-puzzle-how-to-work-sec .htw-icon img{max-width:40%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-one{right:-30%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two img{max-width:35%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two{left:-17%; bottom:63%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-four{right:-60%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five{right:-42%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five img{max-width:55%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-six{left:-11.5%; bottom:33%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-six img{max-width:45%;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list{margin-top:15px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:65%;}

  .hexa-puzzle-game-expectation-sec .game-expectation-card-outer{margin-top:-80px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-list{gap:40px 50px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item{max-width: calc((100% / 2) - 70px); margin-top:50px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title{font-size:21px;}
  .hexa-puzzle-game-expectation-sec .game-expect-details-item{font-size:15px; margin-top:35px; padding:0 10px;}
  .hexa-puzzle-game-expectation-sec .game-expect-icon-block{top:96px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title-bar::after{bottom:-16px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-fig{max-width:145px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:first-child{margin-left:-10%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:last-child{margin-right:-10%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-inner{padding:90px 10px 60px;}

  .hexa-puzzle-game-summary .game-summary-text{font-size:21px; max-width:680px; padding-top:60px;}
  .hexa-puzzle-game-summary .game-summary-icon-one img{max-width:50%;}
  .hexa-puzzle-game-summary .game-summary-icon-two img{max-width:50%;}
  .hexa-puzzle-game-summary .game-summary-icon-two{right:-23%;}
  .hexa-puzzle-game-summary .btn-bar{margin:20px 0 55px;}

  .hexa-puzzle-faq-sec .faq-sec-outer{padding:55px 0 60px;}
  .hexa-puzzle-faq-sec .faq-title{font-size:27px;}
  .hexa-puzzle-faq-sec .faq-block{margin-top:17px;}
  .hexa-puzzle-faq-sec .accordion-head-outer{min-height:70px; padding:4px 12px 0 72px;}
  .hexa-puzzle-faq-sec .accordion-title{font-size:21px;}
  .hexa-puzzle-faq-sec .accordion-item::before{font-size:21px; min-height:50px; width:50px; left:8px;}
  .hexa-puzzle-faq-sec .accordion-text{font-size:18px;}
  .hexa-puzzle-faq-sec .accordion-body{padding:0 20px 0 75px;}
  .hexa-puzzle-faq-sec .accordion-cont-bar{min-height:80px;}
  .hexa-puzzle-faq-sec .accordion-item{margin-bottom:12px;}
}

@media(max-width:767px) {
  .hexa-puzzle-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 100%; margin:0;}
  .hexa-puzzle-game .banner-content{margin:0;}
  .hexa-puzzle-game .game-logo-fig{max-width:43%;}
  .hexa-puzzle-game .video-block{max-width:80%;}
  .hexa-puzzle-game .banner-icon img{max-width:34.2%;}
  .hexa-puzzle-game .banner-icon-one{left:-30px; top:auto; bottom:47px;}
  .hexa-puzzle-game .banner-icon-two{right:-175px; top:auto; bottom:47px;}
  .hexa-puzzle-game .sec-main-title{font-size:17px; letter-spacing:0;}
  .hexa-puzzle-game .sec-head-bg{max-width:100%;}
  .hexa-puzzle-game .btn-bar .base-btn{max-width:52%; filter:drop-shadow(0px 8px 5px rgba(0,0,0,0.8));}
  .hexa-puzzle-game .btn-bar{margin:15px 0 35px;}
  .hexa-puzzle-game .btn-text{font-size:19px;}

  .hexa-puzzle-about-us-sec{margin-top:-47px;}
  .hexa-puzzle-about-us-sec .about-icon-one img{max-width:20%;}
  .hexa-puzzle-about-us-sec .about-icon-one{left:0; top:5%;}
  .hexa-puzzle-about-us-sec .about-icon-two img{max-width:100%;}
  .hexa-puzzle-about-us-sec .about-icon-two{right:0; bottom:9%; max-width:60px;}
  .hexa-puzzle-about-us-sec .about-us-content{margin-top:72px;}
  .hexa-puzzle-about-us-sec .about-us-text{font-size:16px; max-width:100%; padding:0 12px; margin-top:0; filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.8));}

  .hexa-puzzle-how-to-work-sec .htw-head-bg{max-width:70%;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:35px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:30px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center{margin-top:40px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-three{gap:20px 0; flex-direction:column;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:20px;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-five{gap:20px 0; flex-direction:column;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-six{flex-direction:column-reverse;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:30px; flex-direction:column-reverse;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:30px; flex-direction:column-reverse;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-eight .htw-process-card-title{margin-left:0;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-nine{margin-top:30px; flex-direction:column-reverse;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap-ten{margin-top:30px; flex-direction:column-reverse;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap .col-left{max-width:100%;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title{font-size:22px;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px; text-align:center; margin:0; padding:0;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0;}
  .hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-list{max-width:100%;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-body{padding:30px 0 10px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
  .hexa-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:45px 0 0;}
  .hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:45px 0 0;}
  .hexa-puzzle-how-to-work-sec .game-card-six .htw-process-card-body{padding:5px 0 10px;}
  .hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:30px 0 10px;}
  .hexa-puzzle-how-to-work-sec .game-card-eight .htw-process-card-body{padding:30px 0 10px;}
  .hexa-puzzle-how-to-work-sec .htw-icon{display:block;}
  .hexa-puzzle-how-to-work-sec .htw-icon-one{right:-103px; top:20px;}
  .hexa-puzzle-how-to-work-sec .htw-icon-one img{max-width:40%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two img{max-width:30%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-two{left:-17%; bottom:7%;}
  .hexa-puzzle-how-to-work-sec .htw-process-card-title-bar{height:60px; max-width:85%;}
  .hexa-puzzle-how-to-work-sec .game-card-two .htw-process-card-title-bar{max-width:75%;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .htw-process-card-title-bar{max-width:80%;}
  .hexa-puzzle-how-to-work-sec .game-card-seven .htw-process-card-title-bar{max-width:95%;}
  .hexa-puzzle-how-to-work-sec .game-card-eight .htw-process-card-title-bar{max-width:80%;}
  .hexa-puzzle-how-to-work-sec .htw-process-wrap .col-right{padding:0;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five{right:-45%; bottom:-4px;}
  .hexa-puzzle-how-to-work-sec .htw-icon-five img{max-width:45%;}
  .hexa-puzzle-how-to-work-sec .htw-icon-six{bottom:5px; left:-30px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-center .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%; padding:0px;}
  .hexa-puzzle-how-to-work-sec .how-to-work-process-sec-five .word-label{display:inline-block;}
  
  .hexa-puzzle-game-expectation-sec .game-expectation-sec-outer{margin-top:42px; padding:25px 0 35px;}
  .hexa-puzzle-game-expectation-sec .game-expect-icon-block {top:80px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title{font-size:17px;}
  .hexa-puzzle-game-expectation-sec .game-expect-details-item{font-size:12px; margin-top:30px; padding:0 10px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-fig{max-width:120px;}
  .hexa-puzzle-game-expectation-sec .game-expect-card-title-bar::after{bottom:-15px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-one{clip-path:polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%); height:100%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-hexa-inner{clip-path:polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%); padding:75px 5px 0; height:100%;}
  
  .hexa-puzzle-game-expectation-sec .expectation-head-bg{max-width:70%;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:first-child{margin-left:0;}
  .hexa-puzzle-game-expectation-sec .game-expectation-item:last-child{margin-right:0;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card-outer{margin-top:-102px; height:100%;}
  .hexa-puzzle-game-expectation-sec .owl-carousel .owl-dot span{background:var(--bg-body); opacity:0.800; clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); border-radius:0; border:none; width:18px; height:20px;}
  .hexa-puzzle-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ffda00;}
  .hexa-puzzle-game-expectation-sec .owl-carousel .owl-dot{margin:2px 5px;}
  .hexa-puzzle-game-expectation-sec .game-expectation-card{padding-bottom:65px;}
  
  .hexa-puzzle-game-summary{margin:0;}
  .hexa-puzzle-game-summary .container{padding:0;}
  .hexa-puzzle-game-summary .btn-bar{margin:20px 0 55px;}
  .hexa-puzzle-game-summary .game-summary-outer{background:url("../images/hexa-puzzle/game-summary-bg-mob.webp") no-repeat center; background-size:100% 100%;}
  .hexa-puzzle-game-summary .game-summary-text{font-size:18px; max-width:379px; padding-top:50px;}
  .hexa-puzzle-game-summary .game-summary-icon-one{left:-2%;}
  .hexa-puzzle-game-summary .game-summary-icon-one img{max-width:30%;}
  .hexa-puzzle-game-summary .game-summary-icon-two{max-width:20%; right:0; bottom:-2.3%;}
  .hexa-puzzle-game-summary .game-summary-icon-two img{max-width:100%;}

  .hexa-puzzle-faq-sec .faq-head-bg{max-width:60%;}
  .hexa-puzzle-faq-sec .faq-block{margin:0;}
  .hexa-puzzle-faq-sec .faq-title{font-size:20px;}
  .hexa-puzzle-faq-sec .faq-sec-outer{padding:25px 0;}
  .hexa-puzzle-faq-sec .accordion-title{font-size:14px;}
  .hexa-puzzle-faq-sec .accordion-item::before{font-size:20px; top:0; left:5px; min-height:37px; width:40px;}
  .hexa-puzzle-faq-sec .accordion-head{padding:0 0 3px;}
  .hexa-puzzle-faq-sec .accordion-head-outer{min-height:43px; padding:3px 10px 0 52px; filter:drop-shadow(0px 2px 0px #981b1b);}
  .hexa-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .hexa-puzzle-faq-sec .accordion-text{font-size:14px;}
  .hexa-puzzle-faq-sec .accordion-body{padding:0 10px 0 20px;}
  .hexa-puzzle-faq-sec .accordion-item{margin-bottom:8px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Hexa Puzzle Game CSS End // ***************************** */

  
  
/* ***************************** // Wide Receiver Game CSS Start // ***************************** */
.wide-receiver-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Geogrotesque';
--font-base1:'Barlow';
--font-mono:'Montserrat', sans-serif;
--font-btn:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.wide-receiver-game .header{box-shadow:none;}
.wide-receiver-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.wide-receiver-game .active .nav-item-label, .wide-receiver-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.wide-receiver-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 51%; position:relative;}
.wide-receiver-game .video-poster, .wide-receiver-game .client-video{top:0.7%; left:6.5%; right:auto; height:calc(100% - 7.5%); width:calc(100% - 12.9%); bottom:auto;}
.wide-receiver-game .game-logo-fig{max-width:43%; position:relative;}
.wide-receiver-game .video-block{max-width:61%; margin-top:-75px; position:relative; overflow:inherit;}
.wide-receiver-game .banner-sec-outer{background:transparent; padding:0px; position:relative;}
.wide-receiver-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.wide-receiver-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.wide-receiver-game .banner-sec-video{background:transparent;}
.wide-receiver-game .video-frame:after{content:""; position:absolute; z-index:-1; bottom:-11px; margin:0 auto; left:-138px; right:-50px; width:calc(100% + 280px); height:14px; border-radius:100%; background:linear-gradient(to right, rgba(0,0,0, 0.1)0% , rgba(0,0,0, 0.2)5%, rgba(0,0,0, 0.4)10%, rgba(0,0,0, 0.5)15%, rgba(0,0,0, 0.8)20% , rgba(0,0,0, 0.9)25% , rgba(0,0,0, 1)30% , rgba(0,0,0, 1)40%, rgba(0,0,0, 1)45%,rgba(0,0,0, 1)50% , rgba(0,0,0, 1)55%, rgba(0,0,0, 1)60%, rgba(0,0,0, 1)70% , rgba(0,0,0, 0.9)75%, rgba(0,0,0, 0.8)80% , rgba(0,0,0, 0.5)85%,  rgba(0,0,0, 0.4)90%, rgba(0,0,0, 0.2)95%, rgba(0,0,0, 0.1)100%); filter:blur(1px); opacity:0.62;}

.wide-receiver-game .base-btn{background:var(--bg-body); height:103px; margin:70px 0 90px; max-width:28.5%;}
.wide-receiver-game .button-icon{background:#0a9af9; margin:0 50px 0 auto; display:flex; align-items:center; justify-content:center; width:64px; min-width:64px; height:64px; border-radius:100%; cursor:pointer;}
.wide-receiver-game .button-icon .icon{width:auto; width:auto; rotate:270deg; margin-left:5px; color:var(--clr-action-alt); font-size:29px;}
.wide-receiver-game .btn-text{justify-content:normal; padding-left:42px; text-shadow:none; font-size: 53px; text-transform:uppercase; color:#0a9af9; font-weight:bold; font-family:var(--font-base); }

.wide-receiver-game .sec-head-outer{float:left; width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.wide-receiver-game .sec-main-title{font-size:75px; font-family:var(--font-btn); font-weight:900; color:var(--clr-action-alt);}

/* About us CSS Start */
.wide-receiver-about-us-sec{background:linear-gradient(0deg, rgba(0,156,255,1)53%, rgba(6,8,5,1)100%); margin-top:-27.6%; position:relative; padding-top:30.5%;}
.wide-receiver-about-us-sec .about-head-title{font-size:54px;}
.wide-receiver-about-us-sec .about-us-text{font-size:32px; font-family:var(--font-btn); font-weight:500; color:var(--clr-action-alt); text-align:center;}
/* About us CSS End */

/* How to work CSS Start */
.wide-receiver-how-to-work-sec .htw-process-wrap .col-left{max-width:58%; margin:0; padding:0;}
.wide-receiver-how-to-work-sec .htw-process-wrap .col-right{padding:0;}
.wide-receiver-how-to-work-sec .htw-process-card-outer{background:#06356d; border-radius:0;}
.wide-receiver-how-to-work-sec .htw-process-card-title{font-size:70px; text-transform:uppercase; font-weight:900; font-family:var(--font-btn);}
.wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{left:-11px; top:13px; background:var(--bg-body); height:4px; width:4px; border-radius:100%;}
.wide-receiver-how-to-work-sec .htw-process-card-list{padding-left:100px; margin-top:0;}
.wide-receiver-how-to-work-sec .game-card-six .htw-process-card-list{padding-left:80px;}
.wide-receiver-how-to-work-sec .game-start-card .htw-process-card-list{padding-left:50px; max-width:90%;}
.wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px; font-weight:500; padding:0; font-family:var(--font-base);}
.wide-receiver-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.wide-receiver-how-to-work-sec .htw-process-card-body{padding:50px 0px 185px 0px;}
.wide-receiver-how-to-work-sec .game-start-card .htw-process-card-body{padding:70px 40px 165px 10px; position:relative;}
.wide-receiver-how-to-work-sec .game-card-four .htw-process-card-body{padding:30px 165px 80px 0px;}
.wide-receiver-how-to-work-sec .game-card-four .htw-process-card-list{padding-left:25px;}
.wide-receiver-how-to-work-sec .game-card-right .htw-process-card-body::after{content:''; position:absolute; width:calc(100% + 44%); top:-2px; left:-51px; height:calc(100% + 4px); background:#06356d; z-index:-1;}
.wide-receiver-how-to-work-sec .game-card-left .htw-process-card-body::after{content:''; position:absolute; width:calc(100% + 42.4%); top:-2px; right:-49px; height:calc(100% + 4px); background:#06356d; z-index:-1;}
.wide-receiver-how-to-work-sec .htw-process-card-num-block-right{position:absolute; right:0; bottom:-42px;}
.wide-receiver-how-to-work-sec .htw-process-card-num-block-left{position:absolute; left:0; bottom:-42px;}
.wide-receiver-how-to-work-sec .htw-process-card-num-block-three{position:absolute; top:-123px; right:200px;}
.wide-receiver-how-to-work-sec .htw-process-card-num-block-four{position:absolute; bottom:-42px; right:-75px;}
.wide-receiver-how-to-work-sec .htw-process-card-num{float:left; width:100%;}
.wide-receiver-how-to-work-sec .htw-process-card-num-item{font-family:var(--font-base1); color:var(--clr-action-alt); font-weight:900; font-size:200px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-one{margin-top:100px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-two{margin-top:95px;}
.wide-receiver-how-to-work-sec .how-to-work-process-sec-three{background:#2196f3; margin-top:100px; padding:60px 0 100px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-three{display:flex; justify-content:center; align-items:center; width:100%; gap:25px;}
.wide-receiver-how-to-work-sec .col-center{float:left; width:100%; max-width:32.2%;}
.wide-receiver-how-to-work-sec .htw-process-card-block{display:grid; justify-content:center; text-align:center; float:left; width:100%; position:relative;}
.wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list{padding:0; margin:10px 0 75px; display:flex; justify-content:center;}
.wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{list-style:none; font-size:30px; max-width:66%;}
.wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.wide-receiver-how-to-work-sec .htw-process-wrap-four{flex-direction:row; margin-top:82px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse; padding:0; margin-top:100px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%; margin:0;}
.wide-receiver-how-to-work-sec .htw-process-wrap-six{margin-top:100px;}
.wide-receiver-how-to-work-sec .htw-process-wrap-seven{padding:0; margin-top:100px;} 
.wide-receiver-how-to-work-sec .game-card-seven .htw-process-card-outer{background:#2196f3;}
.wide-receiver-how-to-work-sec .game-card-seven .htw-process-card-body::after{background:#2196f3;}
.wide-receiver-how-to-work-sec .htw-process-theme img{position:relative; z-index:2;}
.wide-receiver-how-to-work-sec .htw-process-theme:after{height:15px; bottom:-7px; left:-30px; width: calc(100% + 30px); filter:blur(1px); opacity:0.62; background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%);}
/* How to work CSS End */

/* Game Expectations CSS Start */
.wide-receiver-game-expectation-sec .game-expectation-sec-outer{padding:100px 0; margin-top:100px; background:#f6f6f6;}
.wide-receiver-game-expectation-sec .expectation-head-title{color:#06356d;}
.wide-receiver-game-expectation-sec .game-expectation-card-outer{background:#004eab; border-radius:0; padding:0;}
.wide-receiver-game-expectation-sec .game-expectation-card-body{background:none; box-shadow:none; border-radius:0; padding:0 20px 50px;}
.wide-receiver-game-expectation-sec .game-expect-card-title{font-size:28px; text-transform:uppercase; font-weight:bold; color:var(--clr-action-alt); font-family:var(--font-base);}
.wide-receiver-game-expectation-sec .game-expect-details-item{font-size:18px; padding:0; font-weight:500; color:var(--clr-action-alt); font-family:var(--font-base); text-align:center;}
.wide-receiver-game-expectation-sec .game-expect-details-item:before{display:none;}
.wide-receiver-game-expectation-sec .game-expectation-list{gap:0 30px;}
.wide-receiver-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 23px); margin-top:10px;}
.wide-receiver-game-expectation-sec .game-expect-card-fig{max-width:150px;}
.wide-receiver-game-expectation-sec .game-expect-icon-block{top:-71px; margin-bottom:-25px;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.wide-receiver-game-summary{background:var(--game-summary-bg) no-repeat top center; background-size:100% 100%; position:relative;}
.wide-receiver-game-summary .game-summary-text{font-size:33px; padding-top:85px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-base); max-width:1340px;}
.wide-receiver-game-summary .base-btn{background:#0a9af9; margin:60px 0 115px;}
.wide-receiver-game-summary .btn-text{color:var(--clr-action-alt);}
.wide-receiver-game-summary .button-icon{background:var(--bg-body);}
.wide-receiver-game-summary .button-icon .icon{color:#0a9af9;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.wide-receiver-faq-sec .faq-sec-outer{background:#004eab; padding:70px 0 130px 0;}
.wide-receiver-faq-sec .faq-block{margin-top:60px;}
.wide-receiver-faq-sec .faq--head-title{text-transform:none;}
.wide-receiver-faq-sec .accordion-card{border:none; padding:0; background:rgba(255,255,255,0); border:4px solid rgba(255,255,255,0.5);}
.wide-receiver-faq-sec .is-open .accordion-card{background:var(--bg-body);}
.wide-receiver-faq-sec .accordion-head{padding:0;}
.wide-receiver-faq-sec .accordion-head-outer{box-shadow:none; background:none; padding:0 20px 0 28px;}
.wide-receiver-faq-sec .accordion-title{font-weight:700; font-family:var(--font-btn);}
.wide-receiver-faq-sec .is-open .accordion-title{color:#004eab;}
.wide-receiver-faq-sec .accordion-text{color:#004eab; font-weight:500; font-family:var(--font-base);}
.wide-receiver-faq-sec .accordion-icon{background:rgba(255,255,255,0.301); height: 50px; width: 50px; min-width: 50px;}
.wide-receiver-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-action-alt); font-size: 21px;}
.wide-receiver-faq-sec .accordion-cont-bar{align-items:normal; align-content:normal;}
.wide-receiver-faq-sec .is-open .accordion-icon{background:#004eab;}
.wide-receiver-faq-sec .isg-arrow-up4:before{content:"\e901";}
.wide-receiver-faq-sec .isg-arrow-down4:before{content:"\e900"; color:#004eab;}
.wide-receiver-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.wide-receiver-faq-sec .accordion-body{padding:0 40px 0 108px;}
/* FAQs CSS End */

.wide-receiver-game .footer{background:#052040;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .wide-receiver-game .banner-sec{background-size:100% 52.3%;}
  .wide-receiver-game .game-logo-fig{max-width:39%;}
  .wide-receiver-game .video-block{margin-top:-53px;}
  .wide-receiver-game .video-frame:after{left:-65px;  width:calc(100% + 135px); height:12px; bottom:-9px;}
  .wide-receiver-game .base-btn{height:95px; margin:60px 0 80px; max-width:30%;}
  .wide-receiver-game .btn-text{font-size:45px; padding-left:36px;}
  .wide-receiver-game .button-icon{margin:0 45px 0 auto; width:58px; min-width:58px; height:58px;}
  .wide-receiver-game .button-icon .icon{font-size:27px;}
  .wide-receiver-game .sec-main-title{font-size:64px;}

  .wide-receiver-about-us-sec .about-head-title{font-size:46px;}
  .wide-receiver-about-us-sec .about-us-text{font-size:26px;}

  .wide-receiver-how-to-work-sec .htw-process-card-title{font-size:59px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-item{font-size:160px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-one{margin-top:85px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-two{margin-top:80px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three{margin-top:85px; padding:50px 0 90px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-four{margin-top:67px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-five{margin-top:85px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-six{margin-top:85px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-seven{margin-top:85px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list{padding-left:80px;}
  .wide-receiver-how-to-work-sec .htw-process-theme:after{bottom:-6px; left:-42px; width:calc(100% + 75px);}
  .wide-receiver-how-to-work-sec .game-card-six .htw-process-card-list{padding-left:70px;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-list{padding-left:40px; max-width:100%;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-body{padding:55px 40px 145px 10px;}
  .wide-receiver-how-to-work-sec .game-card-right .htw-process-card-body::after{width:calc(100% + 19%); left:-41px;}
  .wide-receiver-how-to-work-sec .game-card-left .htw-process-card-body::after{width:calc(100% + 17.5%); right:-39px;}
  .wide-receiver-how-to-work-sec .htw-process-card-body{padding:35px 0px 155px 0px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-right{right:15px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:27px; max-width:72%;}
  .wide-receiver-how-to-work-sec .col-center{max-width:31.92%;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list{margin:8px 0 60px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-three{top:-100px; right:100px;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-body{padding:30px 105px 55px 0px; margin-left:-23px;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-list{max-width:83%;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-four{right:-18px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-three .htw-process-theme:after { bottom: -7px; left: -51px; width: calc(100% + 30px); height: 7px; }

  .wide-receiver-game-expectation-sec .game-expectation-sec-outer{margin-top:85px; padding:85px 0;}
  .wide-receiver-game-expectation-sec .game-expect-card-fig{max-width:120px;}
  .wide-receiver-game-expectation-sec .game-expect-card-title{font-size:24px; margin-bottom:18px;}
  .wide-receiver-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .wide-receiver-game-expectation-sec .game-expectation-list{gap:0 26px;}
  .wide-receiver-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 20px); margin-top:0;}
  .wide-receiver-game-expectation-sec .game-expectation-card-body{padding:0 14px 50px;}
  .wide-receiver-game-expectation-sec .game-expect-icon-block{top:-40px; margin-bottom:0;}
  
  .wide-receiver-game-summary .game-summary-text{font-size:29px; padding-top:72px;}
  .wide-receiver-game-summary .base-btn{margin:55px 0 100px;}
  
  .wide-receiver-faq-sec .faq-sec-outer{padding:55px 0 105px 0;}
  .wide-receiver-faq-sec .faq-block{margin-top:45px;}
  .wide-receiver-faq-sec .accordion-body{padding:0px 5px 0px 65px;}
  .wide-receiver-faq-sec .accordion-text{font-size:26px;}
  .wide-receiver-faq-sec .accordion-icon{height:48px; width:48px; min-width:48px;}
  .wide-receiver-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:20px;}
}

@media(max-width:1280px) {
  .wide-receiver-game .game-logo-fig{max-width:37%;}
  .wide-receiver-game .banner-sec{background-size:100% 51%;}
  .wide-receiver-game .video-block{margin-top:-44px; max-width:67%;}
  .wide-receiver-game .btn-text{font-size:39px; padding-left:25px;}
  .wide-receiver-game .base-btn{height:80px; margin:50px 0 70px;}
  .wide-receiver-game .button-icon{width:52px; min-width:52px; height:52px; margin:0 38px 0 auto;}
  .wide-receiver-game .button-icon .icon{font-size:24px;}
  .wide-receiver-game .video-frame:after{left:-46px; width:calc(100% + 97px); bottom:-7px;}

  .wide-receiver-about-us-sec{margin-top: -30.2%; padding-top:33.2%;}
  .wide-receiver-about-us-sec .about-head-title{font-size:40px;}
  .wide-receiver-about-us-sec .about-us-text{font-size:22px; max-width:935px;}

  .wide-receiver-how-to-work-sec .htw-process-card-title{font-size:49px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-item{font-size:145px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap{padding:0 20px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-one{margin-top:70px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-two{margin-top:65px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three{margin-top:70px; padding:40px 0 80px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-four{margin-top:52px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-five{margin-top:70px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-six{margin-top:70px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-seven{margin-top:70px;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-list{padding-left:33px;}
  .wide-receiver-how-to-work-sec .htw-process-card-body{padding:30px 0px 135px 0px;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-body{padding:45px 15px 120px 10px;}
  .wide-receiver-how-to-work-sec .game-card-right .htw-process-card-body::after{width:calc(100% + 17%); left:-34px;}
  .wide-receiver-how-to-work-sec .game-card-left .htw-process-card-body::after{width:calc(100% + 15.5%); right:-33px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list{padding-left:72px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-three{top:-85px; right:60px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-three{padding:0}
  .wide-receiver-how-to-work-sec .col-center{max-width:31.6%;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list{margin:6px 0 45px;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-body{padding:30px 45px 55px 0;}
  .wide-receiver-how-to-work-sec .game-card-six .htw-process-card-list{padding-left:60px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-four{right:-23px; bottom:-38px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-left{bottom:-38px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-right{bottom:-38px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-three .htw-process-theme:after{bottom:-6px; left:-30px; width:calc(100% + 30px);}

  .wide-receiver-game-expectation-sec .game-expectation-sec-outer{margin-top:70px; padding:70px 0;}
  .wide-receiver-game-expectation-sec .game-expect-card-title{font-size:21px; margin-bottom:16px;}
  .wide-receiver-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .wide-receiver-game-expectation-sec .game-expectation-list{gap:0 20px;}
  .wide-receiver-game-expectation-sec .game-expectation-item{max-width: calc((100% / 4) - 15px); margin-top:-15px;}
  .wide-receiver-game-expectation-sec .game-expect-card-fig{max-width:110px;}
  .wide-receiver-game-expectation-sec .game-expect-icon-block{top:-33px;}
  .wide-receiver-game-expectation-sec .game-expectation-card-body{padding:0 9px 35px;}

  .wide-receiver-game-summary .game-summary-text{font-size:24px; padding-top:60px; max-width:990px;}
  .wide-receiver-game-summary .base-btn{margin:50px 0 85px;}

  .wide-receiver-faq-sec .faq-sec-outer{padding:40px 0 90px 0;}
  .wide-receiver-faq-sec .faq-block{margin-top:30px; padding:0;}
  .wide-receiver-faq-sec .accordion-head-outer{padding:0 15px 0 25px;}
  .wide-receiver-faq-sec .accordion-body{padding:0px 5px 0px 60px;}
  .wide-receiver-faq-sec .accordion-text{font-size:22px;}
  .wide-receiver-faq-sec .accordion-icon{height:45px; width:45px; min-width:45px;}
  .wide-receiver-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:18px;}
}

@media(max-width:1023px) { 
  .wide-receiver-game .video-block{margin-top:-33px;}
  .wide-receiver-game .base-btn{height:70px; margin:40px 0 60px;}
  .wide-receiver-game .btn-text{font-size:29px; padding-left:20px;}
  .wide-receiver-game .button-icon{width:44px; min-width:44px; height:44px; margin:0 24px 0 auto;}
  .wide-receiver-game .button-icon .icon{font-size:21px; margin-left:3px;}
  .wide-receiver-game .sec-main-title{font-size:44px;}

  .wide-receiver-about-us-sec{margin-top:-30.2%; padding-top:33.5%;}
  .wide-receiver-about-us-sec .about-head-title{font-size:30px;}
  .wide-receiver-about-us-sec .about-us-text{font-size:18px;}

  .wide-receiver-how-to-work-sec .htw-process-wrap{padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-one{margin-top:55px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-two{margin-top:50px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three{margin-top:55px; padding:30px 0 70px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-four{margin-top:37px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-five{margin-top:55px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-six{margin-top:55px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-seven{margin-top:55px;}
  .wide-receiver-how-to-work-sec .htw-process-card-title{font-size:36px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-item{font-size:105px;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-body{padding:20px 0 100px 0px;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-list{padding-left:25px;}
  .wide-receiver-how-to-work-sec .game-card-right .htw-process-card-body::after{width:calc(100% + 12%); left:-27px;}
  .wide-receiver-how-to-work-sec .game-card-left .htw-process-card-body::after{width:calc(100% + 10.5%); right:-25px;}
  .wide-receiver-how-to-work-sec .htw-process-card-list{padding-left:55px;}
  .wide-receiver-how-to-work-sec .htw-process-card-body{padding:10px 0px 100px 20px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px; max-width:85%;}
  .wide-receiver-how-to-work-sec .game-card-six .htw-process-card-list{padding-left:43px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-three{top:-65px; right:30px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-right{bottom:-28px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-left{bottom:-28px;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-four{bottom:-28px; right:-8px;}

  .wide-receiver-how-to-work-sec .col-center{max-width:31.1%;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-body{padding:5px 45px 10px 0;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-list{padding-left:15px;}

  .wide-receiver-game-expectation-sec .game-expectation-sec-outer{margin-top:55px; padding:55px 0;}
  .wide-receiver-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 70px); margin-top:0;}
  .wide-receiver-game-expectation-sec .game-expect-card-fig{max-width:100px;}
  .wide-receiver-game-expectation-sec .game-expect-icon-block{top:-30px;}
  .wide-receiver-game-expectation-sec .game-expectation-card-body{padding:23px 10px 35px;}
  .wide-receiver-game-expectation-sec .game-expect-card-title{font-size:20px; margin-bottom:14px;}
  .wide-receiver-game-expectation-sec .game-expect-details-item{font-size:13px;}

  .wide-receiver-game-summary .game-summary-text{font-size:21px; padding-top:50px; max-width:696px;}
  .wide-receiver-game-summary .base-btn{margin:40px 0 65px;}

  .wide-receiver-faq-sec .faq-sec-outer{padding:30px 0 60px 0;}
  .wide-receiver-faq-sec .faq-block{margin-top:20px;}
  .wide-receiver-faq-sec .accordion-head-outer{padding:0 10px 0 15px;}
  .wide-receiver-faq-sec .accordion-text{font-size:16px;}
  .wide-receiver-faq-sec .accordion-icon{height:38px; width:38px; min-width:38px;}
  .wide-receiver-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:16px;}
}

@media(max-width:767px) {
  .wide-receiver-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 77.8%;}
  .wide-receiver-game .video-block{max-width:93%; margin-top:-31px;} 
  .wide-receiver-game .video-frame:after{left:-50px; width:calc(100% + 19px); bottom:-2px; height:3px;}
  .wide-receiver-game .game-logo-fig{max-width:61%;}
  .wide-receiver-game .base-btn{height:51px; max-width:200px; margin:25px 0 50px;}
  .wide-receiver-game .button-icon{height:32px; width:32px; min-width:32px; margin:0 24px 0 auto;}
  .wide-receiver-game .button-icon .icon{font-size:15px;}
  .wide-receiver-game .btn-text{font-size:26px;}
  .wide-receiver-game .sec-main-title{font-size:36px; padding:0 15px;}

  .wide-receiver-about-us-sec{margin-top:-20%; padding-top:29%;}
  .wide-receiver-about-us-sec .about-head-title{font-size:22px; padding:0;}
  .wide-receiver-about-us-sec .about-us-text{font-size:16px;}

  .wide-receiver-how-to-work-sec .container{padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-wrap .col-left{max-width:95%; z-index:2;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-left{display:none;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-right{display:none;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-three{display:none;}
  .wide-receiver-how-to-work-sec .htw-process-card-num-block-four{display:none;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-body{padding:42px 0 0; text-align:center;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-body{padding:42px 0 0; margin:0; text-align:center;}
  .wide-receiver-how-to-work-sec .htw-process-card-body{padding:42px 0 0; text-align:center;}
  .wide-receiver-how-to-work-sec .game-start-card .htw-process-card-list{padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-card-list{padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-card-title{font-size:35px;}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-title{padding:0 10px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap{margin-top:38px; flex-direction:column;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three{margin-top:38px; padding:30px 0 40px;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list{margin:5px 0 0px;}
  .wide-receiver-how-to-work-sec .htw-process-wrap-three{flex-direction:column; margin-top:0;}
  .wide-receiver-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px; max-width:100%;}
  .wide-receiver-how-to-work-sec .col-center{max-width:92%;}
  .wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px; padding:0 29px; margin:5px 0 32px;}
  .wide-receiver-how-to-work-sec .game-card-right .htw-process-card-body::after{width:calc(100% + 4px); left:-2px; top:-150px; height:calc(100% + 50px);}
  .wide-receiver-how-to-work-sec .game-card-left .htw-process-card-body::after{width:calc(100% + 4px); left:-2px; right:0; top:-145px; height:calc(100% + 50px);}
  .wide-receiver-how-to-work-sec .game-card-four .htw-process-card-list{max-width:100%; padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .wide-receiver-how-to-work-sec .game-card-six .htw-process-card-list{padding:0;}
  .wide-receiver-how-to-work-sec .htw-process-theme:after{display:block; height:4px; bottom:-5px; left:-21px; width:calc(100% + 42px);}
  .wide-receiver-how-to-work-sec .htw-process-wrap-three .htw-process-theme:after{bottom:-6px; left:-17px; width:calc(100% + 39px); height:8px;}

  .wide-receiver-game-expectation-sec .game-expectation-sec-outer{margin:0; padding:38px 0;}
  .wide-receiver-game-expectation-sec .game-expect-card-title{font-size:22px;}
  .wide-receiver-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .wide-receiver-game-expectation-sec .game-expectation-card-body{padding:0 10px 30px;}
  .wide-receiver-game-expectation-sec .owl-carousel .owl-dot span{opacity:0.302; width:16px; height:4px; background:#004eab; border:none; border-radius:0;}
  .wide-receiver-game-expectation-sec .owl-carousel .owl-dot.active span{background:#004eab; opacity:1;}
  .wide-receiver-game-expectation-sec .owl-carousel .owl-dot{margin:2px 5px;}
  .wide-receiver-game-expectation-sec .game-expectation-card-outer{margin-bottom:10px;}

  .wide-receiver-game-summary{background:var(--game-summary-bg-mob) no-repeat top center; background-size:100% 100%;}
  .wide-receiver-game-summary .game-summary-text{font-size:16px; letter-spacing:0; padding-top:42px;}
  .wide-receiver-game-summary .base-btn{margin:25px 0 45px;}

  .wide-receiver-faq-sec .accordion-head-outer{padding:0 10px 0 8px;}
  .wide-receiver-faq-sec .accordion-body{padding:0 10px 0 25px;}
  .wide-receiver-faq-sec .accordion-text{font-size:14px;}
  .wide-receiver-faq-sec .accordion-icon{height:23px; width:23px; min-width:23px;}
  .wide-receiver-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .wide-receiver-faq-sec .accordion-card{border:2px solid rgba(255, 255, 255, 0.5);}
  .wide-receiver-faq-sec .faq-block{margin-top:5px;}
  .wide-receiver-faq-sec .faq-sec-outer{padding:30px 0 40px 0;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Wide Receiver Game CSS End // ***************************** */



/* ***************************** // Baseball Bash Game CSS Start // ***************************** */
.baseball-bash-game {
/*Colors*/
--clr-base:#0a9af9;
--clr-base-light:#fff;
--clr-dark:#06356d;
--clr-primary:#004eab;

/*Background Colors*/
--bg-body:#ffffff;
--bg-base:#0a9af9;
--bg-primary:#004eab;
--bg-dark:#0c3e7b;

/*Border Colors*/
--bdr1:#feba25;
  
/*Fonts*/
--font-base:'Roboto', sans-serif;
--font-base1:'Geogrotesque', sans-serif;
--font-head:'Roboto', sans-serif;
--font-action:'Geogrotesque', sans-serif;
}
.baseball-bash-game .base-btn{float:left; width:100%; background:#fff; padding:16px 20px; border-radius:10px; display:flex; align-items:center; justify-content:center; max-width:426px;}
.baseball-bash-game .btn-text{float:left; width:auto; position:unset; font-size:53px; font-weight:700; color:var(--clr-base);}
.baseball-bash-game .btn-icon{float:left; width:100%; max-width:64px; margin-left:24px; display:inline-flex; align-items:center;}

.baseball-bash-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover;}
.baseball-bash-game .banner-sec-outer{background:transparent; padding:0px;}
.baseball-bash-game .banner-logo{display:flex; align-items:center; justify-content:center; position:relative;}
.baseball-bash-game .banner-logo .game-logo-fig{max-width:31%; margin:20px 0px 20px; filter:drop-shadow(0px 0px 26px rgba(0, 167, 253, 0.5)) drop-shadow(0px 0px 22px rgba(0, 167, 253, 1.0));}

.baseball-bash-game .banner-sec-video{background:transparent;}
.baseball-bash-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center;}
.banner-video-icon{position:absolute; right:-8.2%; bottom:0; max-width:22%;}
.banner-video-icon img{float:left; width:100%;}
.baseball-bash-game .video-block{max-width:61.5%; border-radius:0px; overflow:inherit;}
.baseball-bash-game .video-poster, .baseball-bash-game .client-video{top:1%; bottom:auto; left:6.4%; right:6.4%; height:calc(100% - 7.6%); width:calc(100% - 12.8%); border-radius:20px;}
.baseball-bash-game .video-frame:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.4;border-radius:100%;height:10px;bottom:-6px;left:-100px;right:-100px;width:calc(100% + 200px);z-index:-1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}

.baseball-bash-about-us-sec{float:left; width:100%; padding:50px 0px 30px; position:relative;}
.baseball-bash-about-us-sec .about-us-player-icon{position:absolute; left:0; bottom:-16%; max-width:21%;}
.baseball-bash-about-us-sec .sec-head{margin-bottom:20px;}
.baseball-bash-about-us-sec .about-us-text{font-size:32px; color:#fff; font-weight:500; text-align:center; position:relative;}
.baseball-bash-about-us-sec .btn-bar{margin-top:40px;}

.baseball-bash-game .sec-main-title{font-size:75px; font-family:var(--font-base); color:var(--clr-dark); font-weight:900;}
.baseball-bash-game .sec-main-title.about-sec-main-title{font-size:55px; color:#fff;}
.baseball-bash-game .sec-main-title.faqs-sec-main-title{text-transform:inherit; color:#fff;}

/* How to Work CSS Start */
.baseball-bash-htw-sec .how-to-work-process{position:relative;}
.baseball-bash-htw-sec .htw-process-card:before, .baseball-bash-htw-sec .htw-process-card:after{display:none;}
.baseball-bash-htw-sec .htw-process-card-outer:before, .baseball-bash-htw-sec .htw-process-card-outer:after{display:none;}
.baseball-bash-htw-sec .htw-process-card-outer{background:transparent; padding:0px; border-radius:0px;}
.baseball-bash-htw-sec .htw-process-card-cont{background:transparent; border-radius:0px; padding:0px;}
.baseball-bash-htw-sec .htw-process-card-body{background:transparent; min-height:auto; padding:0px;}
.baseball-bash-htw-sec .htw-process-wrap .col-left{max-width:58.35%; position:relative;}
.baseball-bash-htw-sec .cont-right .htw-process-wrap .col-left{margin-left:-3%;}
.baseball-bash-htw-sec .cont-left .htw-process-wrap .col-left{margin-right:-3%;}
.baseball-bash-htw-sec .cont-left .htw-process-wrap{flex-direction:row-reverse;}
.baseball-bash-htw-sec .htw-process-bg-icon{position:absolute; float:left;}
.baseball-bash-htw-sec .htw-process-bg-icon img{float:left; width:100%;}
.baseball-bash-htw-sec .htw-process-num{float:left; width:100%; margin:0 0 10px 0; font-size:176px; font-family:var(--font-base1); font-weight:700; line-height:0.85em; color:var(--clr-base); justify-content:flex-end;}
.baseball-bash-htw-sec .htw-process-card-title-bar{text-align:right;}
.baseball-bash-htw-sec .htw-process-card-title{color:var(--clr-dark); font-size:75px; font-weight:900;}
.baseball-bash-htw-sec .htw-process-card-list-item{font-family:var(--font-base1); font-weight:500; color:#1e1e1e; font-size:25px;}
.baseball-bash-htw-sec .htw-process-card-list{margin:0px; padding-left:50px;}
.baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding-left:10px;}
.baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:10px; width:4px; height:4px; background:#1e1e1e; border-radius:100%;}
.baseball-bash-htw-sec .htw-process-theme img{position:relative; z-index:2;}
.baseball-bash-htw-sec .htw-process-theme:after{content:""; position:absolute; filter:blur(0.5px);opacity:0.4;border-radius:30%;height:10px;bottom:-6px;left:-30px;right:-30px;width:calc(100% + 60px);z-index:1;background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 81%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0) 100%);}
.baseball-bash-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{right:0; bottom:-25%; max-width:27%;}
.baseball-bash-htw-sec .how-to-work-process-sec-one{padding:150px 0px 100px;}
.baseball-bash-htw-sec .how-to-work-process-sec-one .col-right{padding-right:8.5%;}
.baseball-bash-htw-sec .how-to-work-process-sec-one .htw-process-wrap{align-items:flex-start;}
.baseball-bash-htw-sec .htw-process-full-sec{background:var(--bg-dark);}
.baseball-bash-htw-sec .how-to-work-process-sec-two{padding:100px 0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-two .htw-process-bg-icon{left:0px; top:0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:40px 0px;}
.baseball-bash-htw-sec .htw-process-full-sec .htw-process-num, .baseball-bash-htw-sec .htw-process-full-sec .htw-process-card-title, .baseball-bash-htw-sec .htw-process-full-sec .htw-process-card-list-item{color:#fff;}
.baseball-bash-htw-sec .htw-process-full-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff;}
.baseball-bash-htw-sec .cont-left .htw-process-num{justify-content:flex-start;}
.baseball-bash-htw-sec .cont-left .htw-process-card-title-bar{text-align:left;}
.baseball-bash-htw-sec .cont-left .htw-process-card-list{padding-left:30px;}

.baseball-bash-htw-sec .how-to-work-process-sec-three .col-right{padding-left:5.5%;}
.baseball-bash-htw-sec .how-to-work-process-sec-three{padding:60px 0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{top:-15%; left:0; max-width:26%;}
.baseball-bash-htw-sec .pitches-card .htw-process-card-title-bar{text-align:left;}
.baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-wrap{flex-direction:row-reverse;}
.baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{left:0; top:30%;}
.baseball-bash-htw-sec .how-to-work-process-sec-four{padding:140px 0px 0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-wrap:last-child{flex-direction:row-reverse; align-items:flex-start;}
.baseball-bash-htw-sec .how-to-work-process-sec-five{padding:340px 0px 0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-five .htw-process-wrap{align-items:flex-start;}
.baseball-bash-htw-sec .how-to-work-process-sec-five .htw-process-theme-icon{bottom:auto; z-index:2; right:-5%; top:-17%;}
.baseball-bash-htw-sec .how-to-work-process-sec-six{padding:140px 0px; background:var(--bg-primary);}
.baseball-bash-htw-sec .how-to-work-process-sec-six .col-right{padding-right:4%;}
.baseball-bash-htw-sec .strike-card .htw-process-num, .baseball-bash-htw-sec .strike-card .htw-process-card-title, .baseball-bash-htw-sec .strike-card .htw-process-card-list-item{color:#fff;}
.baseball-bash-htw-sec .strike-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#fff;}
.baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2){flex-direction:row; margin-top:260px;}
.baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2) .col-left{margin-left:-3%; margin-right:0;}
.baseball-bash-htw-sec .htw-process-wrap:nth-child(2) .htw-process-theme-icon{position:relative; z-index:5; left:-26%; margin-top:-51%; right:auto; top:0; bottom:auto; max-width:93.3%;}
.baseball-bash-htw-sec .how-to-work-process-sec-six .htw-process-wrap:nth-child(2) .col-right{padding-right:0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-seven{padding:140px 0px;}
.baseball-bash-htw-sec .outs-card .htw-process-card-title-bar{text-align:left;}
.baseball-bash-htw-sec .outs-card .htw-process-card-list{padding-left:30px;}
.baseball-bash-htw-sec .how-to-work-process-sec-eight{padding:100px 0px;}
.baseball-bash-htw-sec .how-to-work-process-sec-nine{padding:100px 0px 160px;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.baseball-bash-game-expect-sec .game-expectation-sec-outer{background:#f6f6f6 var(--game-expectation-bg) no-repeat center top; background-size:cover; padding:60px 0 100px;}
.baseball-bash-game-expect-sec .sec-head{margin-bottom:50px;}
.baseball-bash-game-expect-sec .game-expectation-list{--gap-item:30px; gap:40px var(--gap-item);}
.baseball-bash-game-expect-sec .game-expectation-item{margin-top:0px; max-width:calc((100% / 3) - (calc(var(--gap-item) * 2) / 3));}
.baseball-bash-game-expect-sec .game-expectation-card-outer{border-radius:28px; margin:86px 0px 0px; padding:26px 50px 80px; background:var(--bg-primary);}
.baseball-bash-game-expect-sec .game-expect-icon-block{top:0px; margin-top:-110px; margin-bottom:45px;}
.baseball-bash-game-expect-sec .game-expect-card-fig{--circle-size:160px; border:7px solid #fff; background:var(--bg-base); border-radius:100%; max-width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.baseball-bash-game-expect-sec .game-expect-card-title{font-size:28px; color:#fff; font-family:var(--font-base1); font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:20px; min-height:60px;}
.baseball-bash-game-expect-sec .game-expect-details-item{font-family:var(--font-base1); font-weight:500; font-size:18px; color:#fff; line-height:1.4em; text-align:center;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.baseball-bash-game-summary-sec .game-summary-sec-outer{background:var(--game-summary-bg) no-repeat center bottom; padding:90px 0px 80px; background-size:cover;}
.baseball-bash-game-summary-sec .game-summary-text{max-width:1140px; font-size:33px; color:#fff; font-family:var(--font-base1); font-weight:500;}
.baseball-bash-game-summary-sec .game-summary-btn-bar{padding-top:90px;}
.baseball-bash-game-summary-sec .game-summary-btn-bar:before{display:none;}
.baseball-bash-game-summary-sec .game-summary-btn-bar .btn-bg img{filter:drop-shadow(var(--shadow-btn));}
.baseball-bash-game .game-summary-btn-bar .base-btn{background:var(--bg-base);}
.baseball-bash-game .game-summary-btn-bar .btn-text{color:#fff;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.baseball-bash-faq-sec .faq-sec-outer{padding:60px 0px 100px; background:var(--bg-primary) var(--faq-bg) no-repeat center top; background-size:cover;}
.baseball-bash-faq-sec .accordion-card{border-color:rgba(255, 255, 255, 0.5); padding:20px 0px;}
.baseball-bash-faq-sec .accordion-title{font-family:var(--font-base1); font-weight:600; font-size:36px;}
.baseball-bash-faq-sec .accordion-body{padding:0px 20px 0px 90px;}
.baseball-bash-faq-sec .answer-label{margin-right:5px;margin-bottom:auto;}
.baseball-bash-faq-sec .accordion-text{flex:1;}
.baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-family:var(--font-base1); font-weight:500; color:var(--clr-primary); font-size:31px;}
.baseball-bash-faq-sec .accordion-icon{--circle-size:48px; width:var(--circle-size); min-width:var(--circle-size); height:var(--circle-size);}
.baseball-bash-faq-sec .accordion-icon .icon{color:var(--clr-primary); font-size:22px;}
.baseball-bash-faq-sec .is-open .accordion-icon{background:var(--bg-primary);}
.baseball-bash-faq-sec .is-open .accordion-icon .icon{color:var(--clr-base-light);}
.baseball-bash-faq-sec .is-open .accordion-title{color:var(--clr-primary);}
/*FAQ CSS End */

.baseball-bash-game .footer{background:#052040;}


/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .baseball-bash-about-us-sec{padding:40px 0px 30px;}
  .baseball-bash-game .sec-main-title.about-sec-main-title{font-size:44px;}
  .baseball-bash-about-us-sec .about-us-text{font-size:26px; margin:0 auto; max-width:860px;}
  .baseball-bash-game .base-btn{max-width:346px;}
  .baseball-bash-game .btn-text{font-size:44px;}
  .baseball-bash-game .btn-icon{max-width:54px; margin-left:20px;}

  .baseball-bash-htw-sec .htw-process-num{font-size:132px;}
  .baseball-bash-htw-sec .htw-process-card-title{font-size:58px;}
  .baseball-bash-htw-sec .htw-process-card-list{padding-left:40px;}
  .baseball-bash-htw-sec .htw-process-card-list-item{font-size:22px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-one{padding:100px 0px 60px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-two{padding:50px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four{padding:60px 0px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{padding-left:11%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{max-width:30%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-five{padding:240px 0px 0px;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2){margin-top:210px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-six{padding:100px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-seven{padding:100px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-nine{padding:60px 0px 100px;}

  .baseball-bash-game-summary-sec .game-summary-sec-outer{padding:70px 0px 70px;}
  .baseball-bash-game-summary-sec .game-summary-btn-bar{padding-top:60px;}
  .baseball-bash-game .sec-main-title{font-size:60px;}
  .baseball-bash-faq-sec .faq-sec-outer{padding:40px 0px 80px;}
  .baseball-bash-faq-sec .accordion-card{padding:15px 0px;}
  .baseball-bash-faq-sec .accordion-head{padding:10px 20px 10px 30px;}
  .baseball-bash-faq-sec .accordion-title{font-size:32px;}
  .baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-size:28px;}
}

@media(max-width:1280px) {
  .baseball-bash-about-us-sec{padding:30px 0px 30px;}
  .baseball-bash-about-us-sec .sec-head{margin-bottom:10px;}
  .baseball-bash-game .sec-main-title.about-sec-main-title{font-size:36px;}
  .baseball-bash-about-us-sec .about-us-text{font-size:22px; margin:0 auto; max-width:780px;}
  .baseball-bash-game .base-btn{max-width:316px;}
  .baseball-bash-game .btn-text{font-size:38px;}
  .baseball-bash-game .btn-icon{max-width:50px;}

  .baseball-bash-htw-sec .htw-process-num{font-size:118px;}
  .baseball-bash-htw-sec .htw-process-card-title{font-size:46px;}
  .baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .baseball-bash-htw-sec .htw-process-wrap .col-left{max-width:52%;}
  .baseball-bash-htw-sec .cont-right .htw-process-wrap .col-left{margin-left:0;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap .col-left{margin-right:0;}
  .baseball-bash-htw-sec .how-to-work-process-sec-two .htw-process-wrap{align-items:flex-start;}
  .baseball-bash-htw-sec .how-to-work-process-sec-five{padding:200px 0px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-six{padding:80px 0px;}
  .baseball-bash-htw-sec .htw-process-wrap:nth-child(2) .htw-process-theme-icon{max-width:73.3%;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2){margin-top:170px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-seven{padding:80px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-eight{padding:50px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-nine{padding:40px 0px 80px;}

  .baseball-bash-game-expect-sec .game-expectation-sec-outer{padding:40px 0 80px;}
  .baseball-bash-game-expect-sec .sec-head{margin-bottom:30px;}
  .baseball-bash-game .sec-main-title{font-size:52px;}
  .baseball-bash-game-expect-sec .game-expectation-card-outer{margin:70px 0px 0px; padding:26px 13px 40px;}
  .baseball-bash-game-expect-sec .game-expect-card-fig{--circle-size:130px; border-width:4px;}
  .baseball-bash-game-expect-sec .game-expect-card-title{font-size:24px; min-height:50px; margin-bottom:20px;}
  .baseball-bash-game-expect-sec .game-expect-details-item{font-size:16px;}

  .baseball-bash-game-summary-sec .game-summary-sec-outer{padding:50px 0px;}
  .baseball-bash-game-summary-sec .game-summary-text{max-width:960px; font-size:28px;}
  .baseball-bash-game-summary-sec .game-summary-btn-bar{padding-top:50px;}

  .baseball-bash-faq-sec .faq-sec-outer{padding:40px 0px 70px;}
  .baseball-bash-faq-sec .faq-sec-head{margin-bottom:30px;}
  .baseball-bash-faq-sec .accordion-card{padding:10px 0px;}
  .baseball-bash-faq-sec .accordion-cont-bar{min-height:60px;}
  .baseball-bash-faq-sec .accordion-title{font-size:28px;}
  .baseball-bash-faq-sec .accordion-icon{--circle-size:40px;}
  .baseball-bash-faq-sec .accordion-icon .icon{font-size:18px;}
  .baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-size:24px;}
  .baseball-bash-faq-sec .accordion-body{padding:0px 10px 0px 70px;}
}

@media(max-width:1023px) {
  .baseball-bash-game .banner-logo .game-logo-fig{filter:drop-shadow(0px 0px 16px rgba(0, 167, 253, 0.5)) drop-shadow(0px 0px 12px rgba(0, 167, 253, 0.6));}
  .baseball-bash-about-us-sec .about-us-text{max-width:640px; font-size:18px;}
  .baseball-bash-game .sec-main-title.about-sec-main-title{font-size:26px;}
  .baseball-bash-about-us-sec .btn-bar{margin-top:30px;}
  .baseball-bash-game .base-btn{max-width:280px;}
  .baseball-bash-game .btn-text{font-size:32px;}
  .baseball-bash-game .btn-icon{max-width:44px; margin-left:15px;}
  .baseball-bash-game .video-frame:after{left:-50px; right:-50px; width:calc(100% + 100px);}
  .baseball-bash-about-us-sec .about-us-player-icon{bottom:-10%; max-width:21%;}

  .baseball-bash-htw-sec .htw-process-num{font-size:100px;}
  .baseball-bash-htw-sec .htw-process-card-title{font-size:34px;}
  .baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
  .baseball-bash-htw-sec .htw-process-card-list{padding-left:0px;}
  .baseball-bash-htw-sec .htw-process-wrap .col-left{max-width:51%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-one{padding:60px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-two .htw-process-wrap{padding:0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-three{padding:40px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{top:-6%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-five{padding:160px 0px 0px;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2){margin-top:140px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-seven{padding:60px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-nine{padding:40px 0px 70px;}

  .baseball-bash-game-expect-sec .game-expectation-sec-outer{padding:40px 0 60px;}
  .baseball-bash-game .sec-main-title{font-size:38px;}
  .baseball-bash-game-expect-sec .sec-head{margin-bottom:10px;}
  .baseball-bash-game-expect-sec .game-expectation-list{--gap-item:15px; gap:10px var(--gap-item);}
  .baseball-bash-game-expect-sec .game-expectation-card-outer{padding:26px 10px 40px;}
  .baseball-bash-game-expect-sec .game-expect-icon-block{margin-bottom:25px; margin-top:-95px;}
  .baseball-bash-game-expect-sec .game-expect-card-title{font-size:20px; margin-bottom:15px;}
  .baseball-bash-game-expect-sec .game-expect-details-item{font-size:16px; line-height:1.2em;}
  .baseball-bash-game-expect-sec .game-expect-card-fig{--circle-size:120px;}

  .baseball-bash-game-summary-sec .game-summary-sec-outer{padding:40px 0px;}
  .baseball-bash-game-summary-sec .game-summary-text{max-width:690px; font-size:20px;}
  .baseball-bash-game-summary-sec .game-summary-btn-bar{padding-top:40px;}

  .baseball-bash-faq-sec .faq-sec-outer{padding:40px 0px 70px;}
  .baseball-bash-faq-sec .faq-block{padding:0px;}
  .baseball-bash-faq-sec .faq-sec-head{margin-bottom:30px;}
  .baseball-bash-faq-sec .accordion-card{padding:10px 0px;}
  .baseball-bash-faq-sec .accordion-cont-bar{min-height:60px;}
  .baseball-bash-faq-sec .accordion-title{font-size:28px;}
  .baseball-bash-faq-sec .accordion-icon{--circle-size:40px;}
  .baseball-bash-faq-sec .accordion-icon .icon{font-size:18px;}
  .baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-size:24px;}
  .baseball-bash-faq-sec .accordion-body{padding:0px 10px 0px 70px;}
  .baseball-bash-faq-sec .accordion-title{font-size:20px;}
  .baseball-bash-faq-sec .accordion-head{padding:0px 10px 0px 15px;}
  .baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-size:18px;}
  .baseball-bash-faq-sec .faq-sec-outer{padding:40px 0px 60px;}
}

@media(max-width:767px) {
  .baseball-bash-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover;}
  .baseball-bash-game .banner-logo .game-logo-fig{margin:10px 0px; max-width:22%; filter:drop-shadow(0px 0px 6px rgba(0, 167, 253, 0.5)) drop-shadow(0px 0px 10px rgba(0, 167, 253, 0.6));}
  .baseball-bash-game .video-block{max-width:86%;}
  .baseball-bash-game .sec-main-title.about-sec-main-title{font-size:25px;}
  .baseball-bash-about-us-sec{padding:10px 0px 20px;}
  .baseball-bash-about-us-sec .about-us-text{font-size:14px;}
  .baseball-bash-about-us-sec .btn-bar{margin-top:15px;}
  .baseball-bash-game .base-btn{max-width:165px; border-radius:4px; padding:8px 10px;}
  .baseball-bash-game .btn-text{font-size:22px;}
  .baseball-bash-game .btn-icon{max-width:28px; margin-left:10px;}
  .baseball-bash-game .video-frame:after{opacity:0.3; height:6px;}
  .baseball-bash-game .banner-video-icon{right:-4.2%; max-width:18%;}

  .baseball-bash-htw-sec .htw-process-wrap .col-left{max-width:100%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-one .col-right{padding-right:8px;}
  .baseball-bash-htw-sec .cont-right .htw-process-wrap .col-left{padding:0px 8px;}
  .baseball-bash-htw-sec .htw-process-theme:after{display:block; height:6px; opacity:0.3; width:calc(100% + 32px); left:-16px; right:-16px; bottom:-3px; border-radius:100%;}
  .baseball-bash-htw-sec .htw-process-card{margin-top:15px;}
  .baseball-bash-htw-sec .htw-process-card-cont{display:flex; align-items:flex-start; gap:10px;}
  .baseball-bash-htw-sec .htw-process-num{font-size:92px; flex:1; margin:0;}
  .baseball-bash-htw-sec .htw-process-card-title-bar{text-align:left; margin-top:15px;}
  .baseball-bash-htw-sec .htw-process-card-title{font-size:24px;}
  .baseball-bash-htw-sec .htw-process-card-list{padding-left:10px;}
  .baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:6px; width:3px; height:3px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-one{padding:40px 0px 20px;}
  .baseball-bash-htw-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-one .htw-process-bg-icon{display:none;}
  .baseball-bash-htw-sec .how-to-work-process-sec-two{padding:0px;}
  .baseball-bash-htw-sec .cont-left .htw-process-card-cont{flex-direction:row-reverse;}
  .baseball-bash-htw-sec .cont-left .htw-process-card-list{padding-left:0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-three{padding:30px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-three .col-right{padding-left:0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-three .htw-process-bg-icon{top:3%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four{padding:0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-bg-icon{display:none;}
  .baseball-bash-htw-sec .how-to-work-process-sec-four .htw-process-wrap .col-right{padding-left:8px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-five{padding:40px 0px 0px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-six{padding:30px 0px;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2){margin-top:20px;}
  .baseball-bash-htw-sec .cont-left .htw-process-wrap:nth-child(2) .col-left{margin-left:0;}
  .baseball-bash-htw-sec .htw-process-wrap:nth-child(2) .htw-process-theme-icon{max-width:24%; left:auto; right:0; position:absolute; margin-top:0; bottom:25%; top:auto;}
  .baseball-bash-htw-sec .how-to-work-process-sec-five .htw-process-theme-icon{right:0.5%; top:-12%;}
  .baseball-bash-htw-sec .how-to-work-process-sec-seven, .baseball-bash-htw-sec .how-to-work-process-sec-nine{padding:40px 0px 30px;}
  .baseball-bash-htw-sec .how-to-work-process-sec-eight{padding:0px;}

  .baseball-bash-game-expect-sec .game-expectation-sec-outer{padding:20px 0 15px;}
  .baseball-bash-game .sec-main-title{font-size:25px;}
  .baseball-bash-game-expect-sec .sec-head{margin-bottom:15px;}
  .baseball-bash-game-expect-sec .game-expectation-card-outer{padding:25px 8px 20px; margin:50px 0px 30px;}
  .baseball-bash-game-expect-sec .game-expect-icon-block{margin-bottom:15px; margin-top:-75px;}
  .baseball-bash-game-expect-sec .game-expect-card-title{font-size:18px; min-height:inherit; margin-bottom:15px;}
  .baseball-bash-game-expect-sec .game-expect-details-item{font-size:14px;}
  .baseball-bash-game-expect-sec .game-expect-card-fig{--circle-size:90px;}
  .baseball-bash-game-expect-sec .owl-carousel .owl-dot span{background:#d0d0d0;}
  .baseball-bash-game-expect-sec .owl-carousel .owl-dot.active span{background:var(--bg-primary);}

  .baseball-bash-game-summary-sec .game-summary-sec-outer{padding:20px 0px 15px; background:var(--game-summary-bg-mob) no-repeat center bottom; background-size:cover;}
  .baseball-bash-game-summary-sec .game-summary-text{max-width:100%; font-size:14px;}
  .baseball-bash-game-summary-sec .game-summary-btn-bar{padding-top:15px;}

  .baseball-bash-faq-sec .faq-sec-outer{padding:16px 0px 26px;}
  .baseball-bash-faq-sec .faq-sec-head{margin-bottom:15px;}
  .baseball-bash-faq-sec .accordion-card{padding:6px 0px;}
  .baseball-bash-faq-sec .accordion-cont-bar{min-height:38px;}
  .baseball-bash-faq-sec .accordion-title{font-size:15px;}
  .baseball-bash-faq-sec .accordion-head{padding:0px 6px;}
  .baseball-bash-faq-sec .accordion-icon{--circle-size:20px;}
  .baseball-bash-faq-sec .accordion-icon .icon{font-size:12px;}
  .baseball-bash-faq-sec .accordion-text, .baseball-bash-faq-sec .answer-label{font-size:14px;}
  .baseball-bash-faq-sec .accordion-body{padding:0px 6px 0px 32px;}
}
@media(max-width:374px) {
  .baseball-bash-htw-sec .outs-card .htw-process-card-list{padding-left:10px;}
  .baseball-bash-game-expect-sec .game-expectation-card-outer{padding:25px 10px 20px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Baseball Bash Game CSS End // ***************************** */



/* ***************************** // Gaelic Hit the Spot Game CSS Start // ***************************** */
.gaelic-hit-the-spot-game {
  /*Colors*/
  --clr-base:#000000;
  --clr-base-light:#008592;
  --clr-dark:#490000;
  --clr-dark-alt:#770909;
  --clr-action:#ab0b0a;
  --clr-action-alt:#fff;
  
  /*Background Colors*/
  --bg-body:#fff;
  --bg-base:#000000;
  --bg-primary:#ffece2;
  --bg-secondary:#ffde00;
  --bg-dark:#074286;
  --bg-action:#0d6cd8;
  
  /*Border Colors*/
  --bdr1:#0d6cd8;
  /*Fonts*/
  --font-base:'Geogrotesque', sans-serif;
  --font-base1:'Helvetica', sans-serif;
  --font-mono:'Montserrat', sans-serif;
  --font-btn:'Roboto', sans-serif;
  
  /*Btn Shadow*/
  --shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
  --shadow-btn:0px 11px 11px rgba(0,0,0,0.2);
  
  /* Text Shadow */
  --text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.gaelic-hit-the-spot-game .header{box-shadow:none;}
.gaelic-hit-the-spot-game .nav-item-label{font-weight:600;}
@media (hover:hover){
  .gaelic-hit-the-spot-game .active .nav-item-label, .gaelic-hit-the-spot-game .nav-item-label:hover{background:var(--clr-action); color:var(--clr-action-alt);}
}

.gaelic-hit-the-spot-game .base-btn{float:left; max-width:35.5%; text-align:center; display:flex; align-items:center; justify-content:center; position:relative; color:var(--clr-action-alt); margin:65px 0 70px 0;}
.gaelic-hit-the-spot-game .btn-bar{display:flex; justify-content:center;}
.gaelic-hit-the-spot-game .game-logo-fig{max-width:41%; position:relative; margin-top:1.5%;}
.gaelic-hit-the-spot-game .btn-bar .base-btn{height:96px; border-radius:8px; filter:drop-shadow(0 0 38px rgba(0,0,0,0.71)); background:#2196f3; margin:50px 0; max-width:22%;}
.gaelic-hit-the-spot-game .btn-bar .btn-text{text-shadow:none; position:inherit; width:auto; font-size:53px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); justify-content:start; font-weight:500; font-family:var(--font-base);}
.gaelic-hit-the-spot-game .button-icon{background:#fff; display:flex; align-items:center; margin-left:20px; justify-content:center; width:64px; min-width:64px; height:64px; border-radius:100%; cursor:pointer;}
.gaelic-hit-the-spot-game .button-icon .icon{width:auto; width:auto; transform:rotate(270deg); margin-left:5px; color:#2196F3; font-size:29px;}
.gaelic-hit-the-spot-game .sec-main-title{display:inline-block; font-size:68px; text-transform:uppercase; color:#07183d; font-weight:bold; font-family:var(--font-base);}

.gaelic-hit-the-spot-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 92%; position:relative;}
.gaelic-hit-the-spot-game .banner-sec-outer{background:transparent; padding:0px;}
.gaelic-hit-the-spot-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; margin-top:2%;}
.gaelic-hit-the-spot-game .banner-sec-video{background:transparent;}
.gaelic-hit-the-spot-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.gaelic-hit-the-spot-game .video-block{max-width:58%; position:relative; overflow:inherit; margin-top:1%; background:linear-gradient(69deg, #e6e6e6 0%, #ffffff 100%); border-radius:48px; border:4px solid #1d58ce;}
.gaelic-hit-the-spot-game .video-iframe{padding-bottom:58%;}
.gaelic-hit-the-spot-game .video-poster, .gaelic-hit-the-spot-game .client-video{box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.15); border-radius:0; top:4.2%; left:2.5%; right:3.5%; height:calc(100% - 8.5%); width:calc(100% - 5%); bottom:auto; border-radius:26px;}
.gaelic-hit-the-spot-game .banner-net-frame{position:absolute; right:10.5%; bottom:0; z-index:1;}
.gaelic-hit-the-spot-game .banner-net-frame img{float:left; width:100%;}

.gaelic-hit-the-spot-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.gaelic-hit-the-spot-game .sec-head-outer{float:left; width:100%; max-width:656px; --bg-size:95px; display:flex; align-items:center; justify-content:center; position:relative;}
.gaelic-hit-the-spot-game .sec-head-bg{position:absolute; top:-4px; left:calc(var(--bg-size)* -1); right:calc(var(--bg-size)* -1); padding:0px 3px 3px 3px;}
.gaelic-hit-the-spot-game .sec-head-inner:before, .gaelic-hit-the-spot-game .sec-head-inner:after{content:""; position:absolute; left:78px; top:0; bottom:0; margin:auto; width:17px; height:17px; background:#07183d; border-radius:100%;}
.gaelic-hit-the-spot-game .sec-head-inner:after{left:auto !important; right:78px;}
.gaelic-hit-the-spot-game .sec-head-inner{float:left; width:100%; margin-top:-4px; position:relative; padding:20px 66px; border-radius:0px 0px 15px 15px; background:linear-gradient(to bottom, rgb(255, 237, 0) 0%, rgb(255, 237, 0) 21%, rgb(255, 212, 0) 49%, rgb(255, 163, 0) 100%); z-index:1;}
.gaelic-hit-the-spot-game .sec-head-outer:before{content:""; position:absolute; top:-3px; left:calc((var(--bg-size)* -1) + 10px); right:calc((var(--bg-size)* -1) + 10px); margin:auto; background:#02102f; height:4px; z-index:1;}
.gaelic-hit-the-spot-game .sec-head-outer:after{content:''; position:absolute; width:calc(100% + 7%); height:17px; top:59px; background:#ffdb00; clip-path:polygon(0 0, 100% 0, calc(100% - 1%) 100%, 1% 100%);}
.gaelic-hit-the-spot-game .sec-head-bg-inner, .gaelic-hit-the-spot-game .sec-head-bg{width:calc(100% + calc(var(--bg-size)* 2)); height:53%; background:#ffdb00; clip-path:polygon(0 0, 100% 0, calc(100% - 40px) 100%, 40px 100%);}
.gaelic-hit-the-spot-game .sec-head-bg-inner{float:left; width:100%; height:100%; background:#02102f;}

.gaelic-hit-the-spot-game .video-shadow{left:-19%; bottom:-14px; width:calc(100% + 40%); z-index:-1;}
.gaelic-hit-the-spot-game .banner-icon-one{position:absolute; left:10.3%; bottom:-1%; z-index:1;}
.gaelic-hit-the-spot-game .banner-icon-two{position:absolute; bottom:-11%; right:8%; z-index:3;}

.gaelic-hit-the-spot-game .sec-head{border-top:4px solid #ffdb00; z-index:1; position:relative;}

/* About us CSS Start */
.gaelic-hts-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-5.7%; padding-top:135px;}
.gaelic-hts-about-us-sec .container{max-width:100%;}
.gaelic-hts-about-us-sec .about-head-outer{display:flex; justify-content:center; align-items:center;}
.gaelic-hts-about-us-sec .about-head-title{font-size:60px; letter-spacing:2px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:900; font-family:var(--font-btn); text-align:center; position:relative;}
.gaelic-hts-about-us-sec .about-us-text{font-size:32px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn);  text-align:center; max-width:63%;}
.gaelic-hts-about-us-sec .about-us-content{float:left; padding:15px 0 20px 0; background:linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 40%) 20%, rgb(20 20 20 / 40%) 19%, rgb(0 0 0 / 40%) 20%, rgb(0 0 0 / 40%) 50%, rgb(0 0 0 / 40%) 80%, rgb(0 0 0 / 40%) 81%, rgb(0 0 0 / 10%) 90%, rgb(0 0 0 / 0%) 100%);}
/* About us CSS End */

/* How to Work CSS Start */
.gaelic-hts-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.gaelic-hts-how-to-work-sec .htw-process-card:before, .gem-quest-how-to-work-sec .htw-process-card:after{display:none;}
.gaelic-hts-how-to-work-sec .htw-process-theme:after{bottom:-12px; left:-105px; width:calc(100% + 210px); height:27px; filter:blur(2px); z-index:-1;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-one .htw-process-theme:after{bottom:-11px;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-three .htw-process-theme:after{bottom:1px;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-five .htw-process-theme:after{bottom:1px;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-eight .htw-process-theme:after{bottom:1px;}
.gaelic-hts-how-to-work-sec .htw-process-wrap .col-left{max-width:52%; position:relative; padding:0;}
.gaelic-hts-how-to-work-sec .htw-process-card-outer{background:none; border-radius:0;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-one{position:relative;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-one::before{content:''; position:absolute;  background:linear-gradient(180deg, #0a1945, #2196f3); height:496px; width:100%;}
.gaelic-hts-how-to-work-sec .htw-process-card-title-bar{display:flex; flex-direction:column;}
.gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-num{font-size:89px; line-height:0.85em; text-transform:uppercase; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base);}
.gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-title{font-size:57px; line-height:0.85em; text-transform:uppercase; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base);}
.gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{list-style:disc; padding-left:0; font-size:24px; color:#092b74; font-weight:500; font-family:var(--font-btn);}
.gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::marker{font-size:13px;}
.gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::before{display:none;}
.gaelic-hts-how-to-work-sec .htw-process-wrap{margin:95px 0;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-one{margin-top:80px;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-three{position:relative;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-four{position:relative;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-eight{position:relative;}
.gaelic-hts-how-to-work-sec .htw-wrap-seven{margin-top:110px; flex-direction:row-reverse;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-eight{padding:0;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-five{padding:0; flex-direction:row; margin:95px 0 75px 0;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%;}
.gaelic-hts-how-to-work-sec .htw-wrap-four{flex-direction:row-reverse; margin-top:90px;}
.gaelic-hts-how-to-work-sec .htw-wrap-six{margin:80px 0 0 0; flex-direction:row-reverse;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-six-two{margin:35px 0 120px 0;}
.gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-body{padding:40px 40px 0px 115px;}
.gaelic-hts-how-to-work-sec .htw-process-card-num{font-size:89px; line-height:0.85em; text-transform:uppercase; color:#092b74; font-weight:bold; font-family:var(--font-base);}
.gaelic-hts-how-to-work-sec .htw-process-card-title{font-size:57px; line-height:0.85em; text-transform:uppercase; color:#092b74; font-weight:bold; font-family:var(--font-base);}
.gaelic-hts-how-to-work-sec .htw-process-card-list{padding-left:80px; margin-top:10px;}
.gaelic-hts-how-to-work-sec .htw-icon-one{position:absolute; right:-148px; bottom:100px;}
.gaelic-hts-how-to-work-sec .htw-icon-two{position:absolute; left:0; bottom:-10px;}
.gaelic-hts-how-to-work-sec .htw-icon-three{position:absolute; left:0; bottom:-192px;}
.gaelic-hts-how-to-work-sec .htw-icon-four{position:absolute; left:0; top:0;}
.gaelic-hts-how-to-work-sec .htw-arrow-icon{position:absolute; right:-245px; top:-12px;;}
.gaelic-hts-how-to-work-sec .htw-icon-five{position:absolute; left:0; bottom:-10px;}
.gaelic-hts-how-to-work-sec .htw-process-card-body{padding:40px 0px 50px 70px;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-eight .col-right{padding:0; margin:0;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:0px 0 50px 180px;}
.gaelic-hts-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding:0px 40px 50px 200px;}
.gaelic-hts-how-to-work-sec .htw-wrap-six .htw-process-card-body{padding:85px 0 0px 108px;}
.gaelic-hts-how-to-work-sec .htw-wrap-seven .htw-process-card-body{padding:0px 0 50px 145px;}
.gaelic-hts-how-to-work-sec .htw-process-points .htw-process-card-num{color:var(--clr-action-alt);}
.gaelic-hts-how-to-work-sec .htw-process-points .htw-process-card-title{color:var(--clr-action-alt);}
.gaelic-hts-how-to-work-sec .htw-process-points .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{color:var(--clr-action-alt);}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg{background:var(--htw-bg) no-repeat top center; background-size:100% 100%; position:relative;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme img{position:relative; z-index:2;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme:after{position:absolute; content:""; opacity:0.95; height:32px; bottom:-11px; left:-119px; right:-80px; border-radius:100%; width:calc(100% + 250px); filter:blur(3px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 0.4) 19%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.4) 81%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%); z-index:1;}
.gaelic-hts-how-to-work-sec .how-to-work-process-sec-nine{background:var(--htw-game-summary) no-repeat top center; background-size:100% 100%; position:relative; margin-top:388px;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-nine{flex-direction:column; margin:0;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-nine .col-right{text-align:center;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-nine .col-left{max-width:75%; margin:-20.5% 0 0; position:relative;}
.gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame img{max-width:50%;}
.gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame::after{display:none;}
.gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-title{color:var(--clr-action-alt); line-height:1.2em;}
.gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-num{color:var(--clr-action-alt); line-height:1.2em;}
.gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list{padding:0; margin-top:20px;}
.gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{list-style:none; font-size:32px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn); text-align:center;}
.gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-body{padding:20px 100px 50px 100px;}
.gaelic-hts-how-to-work-sec .htw-game-summary-icon-one{position:absolute; bottom:0; left:-205px;}
.gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame{position:absolute; right:-68%; z-index:1 !important;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme{z-index:2;}
.gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme::after{z-index:-1; position:absolute; content:""; opacity:0.95; height:32px; bottom:-11px; left:-60px; right:-80px; border-radius:100%; width:calc(100% + 250px); filter:blur(3px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0.4) 81%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%);}
.gaelic-hts-how-to-work-sec .htw-hide{display:none;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.gaelic-hts-game-expectation-sec .game-expectation-sec-outer{padding:0;}
.gaelic-hts-game-expectation-sec .game-expectation-head{border-top:4px solid #2196f3}
.gaelic-hts-game-expectation-sec .expectation-head-bg{background:#2196f3;}
.gaelic-hts-game-expectation-sec .sec-head-outer:after{background:#2196f3;}
.gaelic-hts-game-expectation-sec .game-expectation-card-outer{background:#2196f3; padding:3px; border-radius:35px;}
.gaelic-hts-game-expectation-sec .game-expectation-card-body{border-radius:35px; background:#2196f3; box-shadow:none; border:4px solid #03132e; padding:0px 15px 40px;}
.gaelic-hts-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; height:70px; display:flex; justify-content:center; align-items:center;}
.gaelic-hts-game-expectation-sec .game-expect-card-title{margin-bottom:0; font-size:31px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base); text-align:center;}
.gaelic-hts-game-expectation-sec .game-expect-details-item{padding:0; margin-top:30px; font-size:18px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn); text-align:center;}
.gaelic-hts-game-expectation-sec .game-expect-details-item:before{display:none;}
.gaelic-hts-game-expectation-sec .game-expectation-item{max-width:calc((100% / 4) - 15px); margin-top:38px;}
.gaelic-hts-game-expectation-sec .game-expectation-list{gap:0 20px;}
.gaelic-hts-game-expectation-sec .game-expect-card-fig{max-width:43%;}
.gaelic-hts-game-expectation-sec .game-expect-icon-block{top:-68px; margin-bottom:-35px;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.gaelic-hts-game-summary{background:#092b74; margin-top:60px;}
.gaelic-hts-game-summary .game-summary-text{font-size:36px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn); text-align:center; margin:50px auto 20px auto;}
.gaelic-hts-game-summary .btn-bar .base-btn{margin:40px 0 60px 0; max-width:28%; filter:none; box-shadow:0px 0px 50px 5px #2196f3;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.gaelic-hts-faq-sec .faq-wrap{margin-top:48px;}
.gaelic-hts-faq-sec .faq-sec-outer{padding:0 0 65px;}
.gaelic-hts-faq-sec .faq-head-title{text-transform:none;}
.gaelic-hts-faq-sec .accordion-card{border:none; padding:0; background:#092b74; border-radius:8px;}
.gaelic-hts-faq-sec .accordion-head{padding:0;}
.gaelic-hts-faq-sec .accordion-head-outer{box-shadow:none; background:#2196f3; min-height:114px; padding:0 20px 0 25px;}
.gaelic-hts-faq-sec .accordion-title{font-size:30px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:700; font-family:var(--font-btn);}
.gaelic-hts-faq-sec .accordion-text{font-size:28px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-btn);}
.gaelic-hts-faq-sec .accordion-cont-bar{min-height:90px;}
.gaelic-hts-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-action-alt); font-size:14px;}
.gaelic-hts-faq-sec .is-open .accordion-icon .icon{transform:inherit; width:auto;}
.gaelic-hts-faq-sec .accordion-icon{width:31px; height:31px; min-width:31px;}
.gaelic-hts-faq-sec .accordion-body{padding:0 27px;}
.gaelic-hts-faq-sec .accordion-head-outer .accordion-icon{background:#092b74;}
.gaelic-hts-faq-sec .accordion-item{margin-bottom:7px;}
/*FAQ CSS End */

.gaelic-hit-the-spot-game .footer{background:#001a33;}
  
/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .gaelic-hit-the-spot-game .game-logo-fig{max-width:35%;}
  .gaelic-hit-the-spot-game .video-block{max-width:60%; border-radius:39px;}
  .gaelic-hit-the-spot-game .video-poster, .gaelic-hit-the-spot-game .client-video{border-radius:14px;}
  .gaelic-hit-the-spot-game .banner-icon-one{position:absolute; left:8.8%; bottom:-2%;}
  .gaelic-hit-the-spot-game .banner-icon-one img{max-width:70%;}
  .gaelic-hit-the-spot-game .video-shadow{left:-29%; bottom:-13px; width:calc(100% + 53%);}
  .gaelic-hit-the-spot-game .btn-bar .base-btn{height:84px ;max-width:28%; margin:45px 0;}
  .gaelic-hit-the-spot-game .btn-bar .btn-text{font-size:42px;}
  .gaelic-hit-the-spot-game .button-icon{height:55px; width:55px; min-width:55px;}
  .gaelic-hit-the-spot-game .button-icon .icon{font-size:27px;}
  .gaelic-hit-the-spot-game .sec-main-title{font-size:57px;}
  .gaelic-hit-the-spot-game .sec-head-outer{max-width:573px;}
  .gaelic-hit-the-spot-game .sec-head-outer:after{top:52px;}
  .gaelic-hit-the-spot-game .sec-head-inner:before, .gaelic-hit-the-spot-game .sec-head-inner:after{width:14px; height:14px;}
  .gaelic-hit-the-spot-game .banner-net-frame{right:9%; max-width:30%;}
  .gaelic-hit-the-spot-game .sec-head-outer{--bg-size:92px;}
  
  .gaelic-hts-about-us-sec{padding-top:90px;}
  .gaelic-hts-about-us-sec .about-us-content{padding:15px 0;}
  .gaelic-hts-about-us-sec .about-head-title{font-size:48px;}
  .gaelic-hts-about-us-sec .about-us-text{font-size:27px; max-width:78%;}
  
  .gaelic-hts-how-to-work-sec .htw-process-wrap{margin:75px 0; padding:0 50px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one{margin-top:65px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-five{margin:75px 0 60px 0;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six{margin:60px 0 0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-six-two{margin-top:35px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-nine{margin-top:275px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine{margin:0;}
  .gaelic-hts-how-to-work-sec .htw-icon-one{right:-178px; bottom:67px;}
  .gaelic-hts-how-to-work-sec .htw-icon-one img{max-width:80%;}
  .gaelic-hts-how-to-work-sec .htw-icon-two img{max-width:90%;}
  .gaelic-hts-how-to-work-sec .htw-icon-two{bottom:0;}
  .gaelic-hts-how-to-work-sec .htw-icon-three img{max-width:70%;}
  .gaelic-hts-how-to-work-sec .htw-icon-three{bottom:-145px;}
  .gaelic-hts-how-to-work-sec .htw-icon-four img{max-width:66.5%;}
  .gaelic-hts-how-to-work-sec .htw-arrow-icon img{max-width:72%;}
  .gaelic-hts-how-to-work-sec .htw-icon-five{bottom:-17px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding:0px 25px 50px 155px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six .htw-process-card-body{padding:85px 0 0px 100px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-seven .htw-process-card-body{padding:0px 40px 50px 110px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-num{font-size:75px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-title{font-size:49px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-one::before{height:386px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-body{padding:15px 40px 0px 86px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:0px 0 50px 60px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list{padding-left:60px;}
  .gaelic-hts-how-to-work-sec .htw-process-theme:after{left:-85px; width:calc(100% + 170px); height:23px; bottom:-9px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one .htw-process-theme:after{bottom:-9px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-num{font-size:75px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-title{font-size:49px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme:after{height:20px; bottom:-9px; width:calc(100% + 193px); left:-90px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list{margin-top:21px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:27px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-body{padding:20px 40px 40px;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one img{max-width:75%;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame img{max-width:51%;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame{bottom:0}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one{left:-154px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme::after{height:24px; bottom:-10px; width:calc(100% + 202px);}
  
  .gaelic-hts-game-expectation-sec .game-expect-card-title{font-size:26px;}
  .gaelic-hts-game-expectation-sec .game-expect-details-item{font-size:16px; margin-top:20px;}
  .gaelic-hts-game-expectation-sec .game-expectation-card-body{padding:0px 10px 33px;}
  .gaelic-hts-game-expectation-sec .game-expect-icon-block{top:-36px; margin-bottom:-20px;}
  .gaelic-hts-game-expectation-sec .game-expectation-item{margin-top:13px;}

  .gaelic-hts-game-summary{margin-top:50px;}
  .gaelic-hts-game-summary .game-summary-text{font-size:34px; margin:45px auto 15px auto;}
  .gaelic-hts-game-summary .btn-bar .base-btn{max-width:32%; margin:30px 0 50px 0;}
  
  .gaelic-hts-faq-sec .accordion-title{font-size:27px;}
  .gaelic-hts-faq-sec .accordion-head-outer{min-height:100px; padding:0 20px 0 22px;}
  .gaelic-hts-faq-sec .accordion-body{padding:0 25px;}
  .gaelic-hts-faq-sec .accordion-text{font-size:25px;}
  .gaelic-hts-faq-sec .accordion-cont-bar{min-height:80px;}
  .gaelic-hts-faq-sec .faq-wrap{margin-top:44px;}
  .gaelic-hts-faq-sec .faq-sec-outer{padding:0 0 60px;}
}
  
@media(max-width:1280px) {
  .gaelic-hit-the-spot-game .game-logo-fig{max-width:33%;}
  .gaelic-hit-the-spot-game .banner-icon-one img{max-width:60%;}
  .gaelic-hit-the-spot-game .banner-icon-one{left:8%;}
  .gaelic-hit-the-spot-game .btn-bar .btn-text{font-size:36px;}
  .gaelic-hit-the-spot-game .btn-bar .base-btn{height:76px; max-width:30%; margin:40px 0;}
  .gaelic-hit-the-spot-game .button-icon{height:48px; width:48px; min-width:48px;}
  .gaelic-hit-the-spot-game .button-icon .icon{font-size:25px;}
  .gaelic-hit-the-spot-game .sec-main-title{font-size:48px;}
  .gaelic-hit-the-spot-game .sec-head-outer{max-width:505px;}
  .gaelic-hit-the-spot-game .sec-head-inner:before, .gaelic-hit-the-spot-game .sec-head-inner:after{width:11px; height:11px;}
  .gaelic-hit-the-spot-game .video-block{border-radius:30px;}
  .gaelic-hit-the-spot-game .sec-head-outer:after{top:45px;}
  .gaelic-hit-the-spot-game .sec-head-outer{--bg-size:87px;}
  .gaelic-hit-the-spot-game .video-shadow{bottom:-12px;}
  .gaelic-hit-the-spot-game .sec-head{top:-1px;}
  
  .gaelic-hts-about-us-sec{padding-top:70px;}
  .gaelic-hts-about-us-sec .about-head-title{font-size:37px;}
  .gaelic-hts-about-us-sec .about-us-text{font-size:23px; max-width:85%;}
  
  .gaelic-hts-how-to-work-sec .htw-icon-one{right:-195px; bottom:52px;}
  .gaelic-hts-how-to-work-sec .htw-icon-one img{max-width:70%;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one{margin-top:50px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-num{font-size:66px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-title{font-size:42px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-body{padding:15px 0px 0px 57px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-num{font-size:66px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-title{font-size:42px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list{padding-left:54px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-one::before{height:327px;}
  .gaelic-hts-how-to-work-sec .htw-process-theme:after{left:-55px; width:calc(100% + 115px); height:21px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap{margin:50px 0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:0px 15px 50px 130px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-body{padding:40px 0px 50px 40px;}
  .gaelic-hts-how-to-work-sec .htw-arrow-icon img{max-width:56%;}
  .gaelic-hts-how-to-work-sec .htw-icon-three img{max-width:55%;}
  .gaelic-hts-how-to-work-sec .htw-icon-three{bottom:-102px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding:0px 2px 50px 145px;}
  .gaelic-hts-how-to-work-sec .htw-icon-four img{max-width:53%;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six .htw-process-card-body{padding:6px 0px 0px 112px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-seven .htw-process-card-body{padding:0px 0px 50px 93px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six{margin:50px 0 0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-six-two{margin-top:35px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-nine{margin-top:235px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine{margin:0;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one img{max-width:70%;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-body{padding:15px 0px 35px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list{margin-top:14px;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one{left:-143px;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame{right:-66%;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .col-left{max-width:72%;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme::after{height:17px; bottom:-8px; width:calc(100% + 159px);}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme:after{height:18px; bottom:-9px; width:calc(100% + 154px); left:-80px;}

  .gaelic-hts-game-expectation-sec .game-expect-card-title{font-size:22px;}
  .gaelic-hts-game-expectation-sec .game-expect-details-item{font-size:14px; margin-top:10px;}
  .gaelic-hts-game-expectation-sec .game-expectation-card-body{padding:0px 10px 27px;}
  .gaelic-hts-game-expectation-sec .game-expect-icon-block{top:-27px; margin-bottom:-15px;}
  .gaelic-hts-game-expectation-sec .game-expectation-item{margin-top:-12px;}

  .gaelic-hts-game-summary{margin-top:40px;}
  .gaelic-hts-game-summary .game-summary-text{font-size:28px; margin:40px auto 15px auto;}
  .gaelic-hts-game-summary .btn-bar .base-btn{margin:20px 0 40px 0;}

  .gaelic-hit-the-spot-game .faq-head-outer{max-width:420px;}
  .gaelic-hts-faq-sec .faq-block{padding:0;}
  .gaelic-hts-faq-sec .faq-wrap{margin-top:35px;}
  .gaelic-hts-faq-sec .accordion-title{font-size:24px;}
  .gaelic-hts-faq-sec .accordion-text{font-size:22px;}
  .gaelic-hts-faq-sec .accordion-head-outer{min-height:87px; padding:0 20px;}
  .gaelic-hts-faq-sec .accordion-body{padding:0 22px;}
  .gaelic-hts-faq-sec .accordion-cont-bar{min-height:72px;}
  .gaelic-hts-faq-sec .faq-sec-outer{padding:0 0 50px;}
}
  
@media(max-width:1023px) {
  .gaelic-hit-the-spot-game .banner-icon-one img{max-width:50%;}
  .gaelic-hit-the-spot-game .banner-icon-one{left:6.6%;}
  .gaelic-hit-the-spot-game .btn-bar .base-btn{height:65px; max-width:34%; margin:35px 0;}
  .gaelic-hit-the-spot-game .button-icon{height:43px; width:43px; min-width:43px;}
  .gaelic-hit-the-spot-game .btn-bar .btn-text{font-size:30px;}
  .gaelic-hit-the-spot-game .button-icon .icon{font-size:22px;}
  .gaelic-hit-the-spot-game .sec-main-title{font-size:37px;}
  .gaelic-hit-the-spot-game .sec-head-inner:before, .gaelic-hit-the-spot-game .sec-head-inner:after{width:8px; height:8px;}
  .gaelic-hit-the-spot-game .video-block{border-radius:25px; border:3px solid #1d58ce;}
  .gaelic-hit-the-spot-game .sec-head-outer{max-width:425px;}
  .gaelic-hit-the-spot-game .sec-head-outer{--bg-size:75px;}
  .gaelic-hit-the-spot-game .sec-head-outer:after{width:calc(100% + 8%); height:13px; top:38px;}
  .gaelic-hit-the-spot-game .video-shadow{bottom:-9px;}

  .gaelic-hts-about-us-sec{padding-top:50px;}
  .gaelic-hts-about-us-sec .about-head-title{font-size:30px;}
  .gaelic-hts-about-us-sec .about-us-text-block{padding-top:0;}
  .gaelic-hts-about-us-sec .about-us-text{font-size:19px; max-width:92%;}

  .gaelic-hts-how-to-work-sec .htw-process-wrap{margin:40px 0; padding:0;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-num{font-size:57px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-title{font-size:36px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-body{padding:0px 0px 40px 28px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-num{font-size:57px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-title{font-size:36px;}
  .gaelic-hts-how-to-work-sec .htw-icon-one{right:-210px; bottom:40px;}
  .gaelic-hts-how-to-work-sec .htw-icon-one img{max-width:60%;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-one::before{height:275px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list{padding-left:45px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:0px 0px 50px 80px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-body{padding:40px 0px 50px 30px;}
  .gaelic-hts-how-to-work-sec .htw-icon-three img{max-width:45%;}
  .gaelic-hts-how-to-work-sec .htw-icon-three{bottom:-80px;}
  .gaelic-hts-how-to-work-sec .htw-icon-four img{max-width:40%;}
  .gaelic-hts-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding:0px 2px 0px 128px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six{margin:40px 0 0;}
  .gaelic-hts-how-to-work-sec .htw-wrap-seven .htw-process-card-body{padding:0px 0px 50px 65px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine{margin:0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-six-two{margin-top:35px;}
  .gaelic-hts-how-to-work-sec .htw-arrow-icon img{max-width:47%;}
  .gaelic-hts-how-to-work-sec .htw-process-precision .htw-process-card-body{padding:0px 0px 50px 15px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-nine{margin-top:190px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .col-left{max-width:70%;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one img{max-width:60%;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one{left:-123px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-body{padding:10px 0px 30px;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame{right:-63%;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme::after{height:17px; bottom:-8px; width:calc(100% + 159px);}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme:after{height:12px; bottom:-6px; width:calc(100% + 70px); left:-88px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one .htw-process-theme:after{bottom:-5px; left:-9px; width:calc(100% + 29px); height:15px;}
  .gaelic-hts-how-to-work-sec .htw-process-theme:after{bottom:-6px; left:-20px; width:calc(100% + 29px); height:15px;}

  .gaelic-hts-game-expectation-sec .game-expectation-list{gap:0 18px;}
  .gaelic-hts-game-expectation-sec .game-expect-card-title{font-size:17px;}
  .gaelic-hts-game-expectation-sec .game-expect-details-item{font-size:12px; margin-top:0;}
  .gaelic-hts-game-expectation-sec .game-expectation-card-body{padding:0px 5px 20px;}
  .gaelic-hts-game-expectation-sec .game-expectation-item{margin-top:-22px; max-width:calc((100% / 2) - 130px);}
  .gaelic-hts-game-expectation-sec .game-expect-icon-block{top:2px; margin-bottom:0px;}

  .gaelic-hts-game-summary .btn-bar .base-btn{margin:10px 0 30px 0;}
  .gaelic-hts-game-summary .game-summary-text{font-size:21px; margin:35px auto 15px auto;}

  .gaelic-hit-the-spot-game .faq-head-outer{max-width:380px;}
  .gaelic-hts-faq-sec .faq-wrap{margin-top:27px;}
  .gaelic-hts-faq-sec .accordion-title{font-size:21px;}
  .gaelic-hts-faq-sec .accordion-text{font-size:19px;}
  .gaelic-hts-faq-sec .accordion-head-outer{min-height:78px; padding:0 15px;}
  .gaelic-hts-faq-sec .accordion-body{padding:0 18px;}
  .gaelic-hts-faq-sec .accordion-cont-bar{min-height:65px;}
  .gaelic-hts-faq-sec .faq-sec-outer{padding:0 0 40px;}
}
  
@media(max-width:767px) {
  .gaelic-hit-the-spot-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 100%;}
  .gaelic-hit-the-spot-game .game-logo-fig{max-width:62%; margin-top:0;}
  .gaelic-hit-the-spot-game .banner-logo{margin-top:0;}
  .gaelic-hit-the-spot-game .video-block{margin-top:1.5%; max-width:84%; border:1.5px solid #1d58ce; border-radius:15px;}
  .gaelic-hit-the-spot-game .video-poster, .gaelic-hit-the-spot-game .client-video{border-radius:9px;}
  .gaelic-hit-the-spot-game .video-frame{max-width:32%; margin-left:75%; margin-top:25%;}
  .gaelic-hit-the-spot-game .banner-icon-one{left:-10px;}
  .gaelic-hit-the-spot-game .banner-icon-one img{max-width:25%;}
  .gaelic-hit-the-spot-game .video-shadow{display:none;}
  .gaelic-hit-the-spot-game .btn-bar .base-btn{height:45px; max-width:54%; margin:15px 0 33px 0; border-radius:4px;} 
  .gaelic-hit-the-spot-game .btn-bar .btn-text{font-size:22px;}
  .gaelic-hit-the-spot-game .button-icon{height:30px; width:30px; min-width:30px; margin-left:10px;}
  .gaelic-hit-the-spot-game .button-icon .icon{font-size:14px; margin-left:3px;}
  .gaelic-hit-the-spot-game .sec-main-title{font-size:22px;}
  .gaelic-hit-the-spot-game .sec-head-inner{padding:3px 0; border-radius:0 0 5px 5px; margin-top:-2px;}
  .gaelic-hit-the-spot-game .sec-head-inner:before, .gaelic-hit-the-spot-game .sec-head-inner:after{width:4px; height:4px; left:11px;}
  .gaelic-hit-the-spot-game .sec-head-inner:after{left:auto !important; right:11px;}
  .gaelic-hit-the-spot-game .sec-head-outer{max-width:185px; --bg-size:53px;}
  .gaelic-hit-the-spot-game .sec-head-bg-inner, .gaelic-hit-the-spot-game .sec-head-bg{height:65%; clip-path:polygon(0 -35px, 90% 0, calc(100% - 40px) 100%, 40px 100%)}
  .gaelic-hit-the-spot-game .sec-head-bg-inner{height:100%;}
  .gaelic-hit-the-spot-game .sec-head-outer:before{left:calc((var(--bg-size)* -1) + 34px); right:calc((var(--bg-size)* -1) + 34px); top:-2px;}
  .gaelic-hit-the-spot-game .sec-head{border-top:2px solid #ffdb00;}
  .gaelic-hit-the-spot-game .sec-head-bg{top:-2px; left:calc(var(--bg-size)* -1); right:calc(var(--bg-size)* -1); padding:0px 2px 2px 2px;}
  .gaelic-hit-the-spot-game .sec-head-outer:after{width:calc(100% + 6%); height:4px; top:17px;}
  .gaelic-hit-the-spot-game .banner-net-frame{right:2%; max-width:24%; bottom:6px;}
  .gaelic-hit-the-spot-game .video-iframe{padding-bottom:59%;}

  .gaelic-hts-about-us-sec{background:var(--about-bg-mob) no-repeat top center; background-size:100% 100%; position:relative; padding-top:35px; margin-top:-8%;}
  .gaelic-hts-about-us-sec .about-head-title{font-size:22px; letter-spacing:0;}
  .gaelic-hts-about-us-sec .about-us-text{font-size:18px; max-width:100%; margin-top:12px;}
  .gaelic-hts-about-us-sec .about-us-content{background:linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 20%, rgb(20 20 20 / 25%) 19%, rgb(0 0 0 / 25%) 20%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 25%) 80%, rgb(0 0 0 / 25%) 81%, rgb(0 0 0 / 15%) 90%, rgb(0 0 0 / 0%) 100%)}

  .gaelic-hts-how-to-work-sec .htw-hide{display:block;}
  .gaelic-hts-how-to-work-sec .htw-show{display:none;}
  .gaelic-hts-how-to-work-sec .htw-icon-one{display:none;}
  .gaelic-hts-how-to-work-sec .htw-icon-two{display:none;}
  .gaelic-hts-how-to-work-sec .htw-icon-three{display:none;}
  .gaelic-hts-how-to-work-sec .htw-icon-four{display:none;}
  .gaelic-hts-how-to-work-sec .htw-icon-five{display:none;}
  .gaelic-hts-how-to-work-sec .htw-arrow-icon{display:none;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-icon-one{display:none;}
  .gaelic-hts-how-to-work-sec .htw-game-summary-theme-frame{display:none;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap{margin:4px 0; flex-direction:column;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap .col-left{max-width:95%;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-num{font-size:40px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-title{font-size:22px; line-height:1.8em;}
  .gaelic-hts-how-to-work-sec .htw-process-card-num{font-size:40px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-title{font-size:22px; line-height:1.8em;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-list{margin-top:25px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-list{margin-top:0; padding-left:40px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-one::before{height:84%;} 
  .gaelic-hts-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .gaelic-hts-how-to-work-sec .game-start-card .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-four .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-seven .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-process-precision .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-body{padding:55px 0 0 10px;}
  .gaelic-hts-how-to-work-sec .htw-process-card-title-bar{text-align:left;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-three .col-left{padding-right:0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-five .col-left{margin-right:0;}
  .gaelic-hts-how-to-work-sec .htw-wrap-six{flex-direction:column; margin:30px 0 0;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-six-two{margin:18px 0 30px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one{margin-top:8px;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-nine{margin-top:10px;}
  .gaelic-hts-how-to-work-sec .htw-wrap-seven{margin-top:27px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine{margin:30px 0 7px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .col-left{margin:0;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list{margin-top:8px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-title-bar{text-align:center;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .gaelic-hts-how-to-work-sec .htw-process-game-summary .htw-process-card-body{padding:55px 0px 0px;}
  .gaelic-hts-how-to-work-sec .htw-process-theme:after{left:-27px; width:calc(100% + 53px); height:13px; bottom:-7px; display:block;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg .htw-process-theme:after{height:14px; bottom:-7px;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-nine .htw-process-theme::after{display:none;}
  .gaelic-hts-how-to-work-sec .how-to-work-process-sec-bg{background:var(--htw-bg-mob) no-repeat top center; background-size:100% 100%;}
  .gaelic-hts-how-to-work-sec .htw-process-wrap-one .htw-process-theme:after{z-index:1;}
  
  .gaelic-hts-game-expectation-sec .game-expectation-head{border-top:2px solid #2196f3;}
  .gaelic-hts-game-expectation-sec .game-expect-card-fig{max-width:40%;}
  .gaelic-hts-game-expectation-sec .game-expect-icon-block{top:-31px; margin-bottom:-15px;}
  .gaelic-hts-game-expectation-sec .game-expect-card-title{font-size:20px;}
  .gaelic-hts-game-expectation-sec .game-expect-details-item{font-size:13px;}
  .gaelic-hts-game-expectation-sec .game-expectation-card-outer{border-radius:20px;}
  .gaelic-hts-game-expectation-sec .game-expectation-card-body{border-radius:20px; padding:0px 10px 35px;}
  .gaelic-hts-game-expectation-sec .game-expectation-item{margin-top:0;}
  .gaelic-hts-game-expectation-sec .owl-carousel .owl-dot span{background:#2196f3; height:11px; width:11px; border:none;}
  .gaelic-hts-game-expectation-sec .owl-carousel .owl-dot.active span{background:#03132e;}
  .gaelic-hts-game-expectation-sec .owl-carousel .owl-dot{margin:2px 5px;}
  
  .gaelic-hts-game-summary .game-summary-text{font-size:18px;}
  .gaelic-hts-game-summary{margin-top:25px;}
  
  .gaelic-hts-faq-sec .accordion-title{font-size:14px; letter-spacing:0px;}
  .gaelic-hts-faq-sec .accordion-head-outer{min-height:50px; border-radius:5px;}
  .gaelic-hts-faq-sec .accordion-text{font-size:14px; letter-spacing:0px;}
  .gaelic-hts-faq-sec .accordion-cont-bar{min-height:60px;}
  .gaelic-hts-faq-sec .accordion-card{border-radius:5px;}
  .gaelic-hts-faq-sec .accordion-icon{height:21px; width:21px; min-width:21px;}
  .gaelic-hts-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:9px;}
  .gaelic-hts-faq-sec .faq-wrap{margin-top:15px;}
  .gaelic-hts-faq-sec .faq-sec-outer{padding:0 0 20px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Gaelic Hit the Spot Game CSS End // ***************************** */



/* ***************************** // Quarterback Game CSS Start // ***************************** */
.quarterback-game {
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Geometos', sans-serif;
--font-base1:'Helvetica', sans-serif;
--font-mono:'Montserrat', sans-serif;
--font-btn:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.quarterback-game .header{box-shadow:none;}
.quarterback-game .nav-item-label{font-weight:600;}
@media (hover:hover){
  .quarterback-game .active .nav-item-label, .quarterback-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.quarterback-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 103%; position:relative; margin-top:-85px;}
.quarterback-game .video-poster, .quarterback-game .client-video{box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.15); top:1.5%; left:0.8%; right:3.5%; height:calc(100% - 2.7%); width:calc(100% - 1.6%); bottom:auto; border-radius:0;}
.quarterback-game .video-iframe{padding-bottom:56%;}
.quarterback-game .game-logo-fig{max-width:50%; position:relative; margin-top:5.9%;}
.quarterback-game .video-block{max-width:54%; position:relative; overflow:inherit; background:var(--bg-body); border-radius:7px; margin-top:3%;}
.quarterback-game .banner-sec-outer{background:transparent; padding:0px; position:relative;}
.quarterback-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.quarterback-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.quarterback-game .banner-sec-video{background:transparent;}
.quarterback-game .video-shadow{left:-21%; bottom:-83px; width:calc(100% + 49%); z-index:-1;}
.quarterback-game .sec-head-outer{float:left; width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.quarterback-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.quarterback-game .sec-main-title{position:absolute; font-size:50px; padding-bottom:32px; color:var(--clr-action-alt); font-weight:800; text-align:center; font-family:var(--font-base);}
.quarterback-game .banner-icon-one{position:absolute; right:0; bottom:-75px;}
.quarterback-game .banner-icon-two{position:absolute; left:218px; top:155px;}

.quarterback-game .base-btn{margin:55px 0 120px 0; height:80px; border-radius:40px; background:#00d4fc;}
.quarterback-game .btn-bar .btn-text{text-shadow:none; font-size:36px; top:3px; font-weight:bold; font-family:var(--font-base);}
  
/* About us CSS Start */
.quarterback-about-us-sec{background:#091c6a; clip-path:polygon(7% 0, 93.3% 0, 100% 7%, 100% 100%, 0 100%, 0 7%); margin-top:-11.3%; position:relative;}
.quarterback-about-us-sec .about-head-title{font-size:46px; padding-bottom:35px;}
.quarterback-about-us-sec .about-us-content{margin-top:19%;}
.quarterback-about-us-sec .about-us-text-block{padding-top:0;}
.quarterback-about-us-sec .about-us-text{font-size:36px; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base); text-transform:uppercase; text-align:center; max-width:90%;}
.quarterback-about-us-sec .about-icon-one{position:absolute; bottom:-5px; right:90px;}
/* About us CSS End */

/* How to Work CSS Start */
.quarterback-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.quarterback-how-to-work-sec .htw-process-card:before, .gem-quest-how-to-work-sec .htw-process-card:after{display:none;}
.quarterback-how-to-work-sec .htw-process-theme:after{display:none;}
.quarterback-how-to-work-sec .htw-head-outer{margin:77px 0 0;}
.quarterback-how-to-work-sec .htw-process-wrap .col-left{max-width:58%; padding:0; margin:0; position:relative; z-index:2;}
.quarterback-how-to-work-sec .htw-process-wrap-one .col-left::before{content:''; position:absolute; height:40%; width:4%; background:#000; left:0px; top:30%; filter:blur(13px);}
.quarterback-how-to-work-sec .htw-process-wrap-two .col-left::before{content:''; position:absolute; height:40%; width:4%; background:#000; left:auto; right:1px; top:30%; filter:blur(13px);}
.quarterback-how-to-work-sec .htw-process-wrap-three .col-left::before{content:''; position:absolute; height:40%; width:4%; background:#000; left:0px; top:30%; filter:blur(13px);}
.quarterback-how-to-work-sec .htw-process-wrap-four .col-left::before{content:''; position:absolute; height:40%; width:4%; background:#000; left:auto; right:1px; top:30%; filter:blur(13px);}
.quarterback-how-to-work-sec .htw-process-wrap-five .col-left::before{content:''; position:absolute; height:40%; width:4%; background:#000; left:0px; top:30%; filter:blur(13px);}
.quarterback-how-to-work-sec .htw-process-wrap .col-right{padding:0; max-width:100%; position:relative;}
.quarterback-how-to-work-sec .htw-icon-one{position:absolute; top:-219px; left:50px;}
.quarterback-how-to-work-sec .htw-icon-two{position:absolute; top:-215px; left:-40px;}
.quarterback-how-to-work-sec .htw-icon-three{position:absolute; top:-323px; left:-30px; z-index:1;}
.quarterback-how-to-work-sec .htw-icon-four{position:absolute; right:70px; bottom:-5px;}
.quarterback-how-to-work-sec .htw-process-wrap{padding:0 90px; margin:77px 0;}
.quarterback-how-to-work-sec .htw-process-wrap-one{flex-direction:row-reverse; margin-top:120px;}
.quarterback-how-to-work-sec .htw-process-wrap-two{flex-direction:row;}
.quarterback-how-to-work-sec .htw-process-wrap-three{flex-direction:row-reverse;}
.quarterback-how-to-work-sec .htw-process-wrap-four{flex-direction:row;}
.quarterback-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse;}
.quarterback-how-to-work-sec .htw-process-card-list{padding:0; margin:0;}
.quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0; margin:0; font-size:30px; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base); text-transform:uppercase;}
.quarterback-how-to-work-sec .htw-process-card-outer{border-radius:30px 0 0 30px; padding:5px 0 5px 5px; filter:drop-shadow(9.08px 17.82px 20px rgba(0,0,0,0.45)); background:linear-gradient(90deg, rgba(255, 222, 0, 1) 0%, rgba(242, 181, 17, 1) 100%);}
.quarterback-how-to-work-sec .htw-process-card-body{border-radius:26px 0 0 26px; padding:85px 60px 85px 90px; background:linear-gradient(0deg, rgba(0,223,255,0.99) 0%, rgba(0,89,221,0.99) 75%, rgba(0,89,221,0.99) 100%); position:relative;}
.quarterback-how-to-work-sec .game-card-two .htw-process-card-body{border-radius:0 26px 26px 0; padding:70px 60px 70px 65px;}
.quarterback-how-to-work-sec .game-card-two .htw-process-card-outer{border-radius:0 30px 30px 0; padding:5px 5px 5px 0;}
.quarterback-how-to-work-sec .game-card-three .htw-process-card-body{padding:70px 45px 70px 47px;}
.quarterback-how-to-work-sec .game-card-three .htw-process-card-outer{border-radius:30px 0 0 30px;}
.quarterback-how-to-work-sec .game-card-four .htw-process-card-body{border-radius:0 26px 26px 0; padding:70px 35px 70px 55px;}
.quarterback-how-to-work-sec .game-card-four .htw-process-card-outer{border-radius:0 30px 30px 0; padding:5px 5px 5px 0;}
.quarterback-how-to-work-sec .game-card-five .htw-process-card-body{padding:62px 35px 62px 55px;}
.quarterback-how-to-work-sec .how-to-work-process-sec-six .htw-process-wrap{padding:0px 215px; margin:167px 0 0 0;}
.quarterback-how-to-work-sec .game-card-six{position:relative;}
.quarterback-how-to-work-sec .game-card-six .htw-process-card-outer{border-radius:30px; padding:5px;}
.quarterback-how-to-work-sec .game-card-six .htw-process-card-body{border-radius:26px; padding:45px 25px 45px 25px;}
.quarterback-how-to-work-sec .game-card-six .word-label{display:grid; margin-top:35px;}
.quarterback-how-to-work-sec .game-card-six .htw-process-card-list{text-align:center;}
.quarterback-how-to-work-sec .game-card-seven{display:flex; justify-content:center; float:left; width:100%; align-items:center;}
.quarterback-how-to-work-sec .game-card-seven .htw-process-theme{max-width:58%;}
.quarterback-how-to-work-sec .htw-process-card-title{position:absolute; font-size:50px; color:#000000; font-weight:800; font-family:var(--font-base); margin:5px 0 0 210px;}
.quarterback-how-to-work-sec .htw-process-wrap-seven{margin:50px 0 0;}
.quarterback-how-to-work-sec .htw-process-wrap-eight{padding:0; gap:0 20px; margin:67px 0 35px;}
.quarterback-how-to-work-sec .htw-process-wrap-eight .col-left{max-width:49.3%;}
.quarterback-how-to-work-sec .game-card-nine{display:flex; justify-content:center; float:left; width:100%; align-items:center;}
.quarterback-how-to-work-sec .game-card-nine .htw-process-theme{max-width:59%;}
.quarterback-how-to-work-sec .htw-process-wrap-ten{padding:0; gap:0 20px; margin:0 0 45px;}
.quarterback-how-to-work-sec .htw-process-wrap-ten .col-left{max-width:49.3%;}
.quarterback-how-to-work-sec .game-card-eleven{display:flex; justify-content:center; float:left; width:100%; align-items:center;}
.quarterback-how-to-work-sec .game-card-eleven .htw-process-theme{max-width:73%;}
.quarterback-how-to-work-sec .htw-process-wrap-twelve{padding:0; gap:0 20px; margin:0;}
.quarterback-how-to-work-sec .htw-process-wrap-twelve .col-left{max-width:49.3%;}
.quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{padding:0px 215px; margin:145px 0 205px 0;}
.quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-outer{border-radius:30px; padding:5px;}
.quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-body{border-radius:26px; padding:55px 25px 370px 25px; position:relative;}
.quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-list{text-align:center;}
.quarterback-how-to-work-sec .htw-process-card-theme{float:left; width:100%; display:flex; justify-content:center; margin-top:-30.5%;}
.quarterback-how-to-work-sec .htw-process-card-theme .htw-process-theme{max-width:69%;}
.quarterback-how-to-work-sec .how-to-work-process-sec-thirteen{position:relative;}
.quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
/* How to Work CSS End */

/* Game Expectation CSS Start */
.quarterback-game-expectation-sec{background:linear-gradient(0deg, rgba(0,223,255,0.99) 0%, rgba(0,89,221,0.99) 75%, rgba(0,89,221,0.99) 100%); position:relative;}
.quarterback-game-expectation-sec .game-expectation-card-outer{padding:5px; border-radius:0; filter:drop-shadow(0px 20px 20px rgba(0,0,0,0.45)); background:linear-gradient(0deg, rgba(253, 227, 89, 1) 0%, rgba(252, 189, 53, 1) 50%, rgba(252, 160, 24, 1) 100%);}
.quarterback-game-expectation-sec .game-expectation-card-body{box-shadow:none; border-radius:0; background:linear-gradient(0deg, #c5f4fb 0%, #ddf5f9 49%, #a5daf7 100%); padding:0 30px 35px;}
.quarterback-game-expectation-sec .game-expect-card-title{font-size:36px; text-transform:uppercase; max-width:80%; margin-bottom:15px; color:#0f12a2; font-weight:bold; font-family:var(--font-base);}
.quarterback-game-expectation-sec .game-expect-details-item{font-size:24px; color:#000000; text-transform:uppercase; font-weight:bold; font-family:var(--font-base); text-align:center; padding:0; margin-top:20px;}
.quarterback-game-expectation-sec .game-expect-details-item:before{display:none;}
.quarterback-game-expectation-sec .game-expect-card-fig{max-width:203px;}
.quarterback-game-expectation-sec .game-expect-icon-block{top:-100px; margin-bottom:-100px;}
.quarterback-game-expectation-sec .game-expectation-list{gap:40px 50px;}
.quarterback-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 34px); margin-top:0;}
.quarterback-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; display:flex; justify-content:center; position:relative;}
.quarterback-game-expectation-sec .game-expect-card-title-bar::after{content:''; position:absolute; height:2px; width:75%; bottom:0; height:2px; background:#0f12a2;}
.quarterback-game-expectation-sec .game-expectation-sec-outer{padding:65px 0 243px;}
.quarterback-game-expectation-sec .expectation-theme-icon-one{position:absolute; top:-150px;}
.quarterback-game-expectation-sec .expectation-theme-icon-two{position:absolute; bottom:-50px; z-index:2;}
/* Game Expectation CSS End */

/* Game Summary CSS Start */
.quarterback-game-summary{margin-top:-147px; z-index:3; position:relative;}
.quarterback-game-summary .game-summary-text-alt{display:grid; margin-top:30px; font-size:46px;}
.quarterback-game-summary .game-summary-outer{background:linear-gradient(0deg, #011e4a 0%, #0052ce 100%); position:relative;}
.quarterback-game-summary .game-summary-outer::before{position:absolute; content:''; height:65px; width:100%; top:-64px; background:linear-gradient(0deg, #d4f2ff 0%, #d4f2ff 26%, #ffffff 70%, #ffffff 100%); clip-path:polygon(0% 0%, 100% 0%, 91% 0%, 100% 100%, 0% 100%, 9% 0%);;}
.quarterback-game-summary .game-summary-text{font-size:40px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:800; font-family:var(--font-base); text-align:center; max-width:1270px; margin:60px auto 0 auto;}
.quarterback-game-summary .game-summary-icon{position:absolute; right:13px; top:-232px;}
.quarterback-game-summary .base-btn{margin:45px 0 70px 0;}
/* Game Summary CSS End */

/*FAQ CSS Start */
.quarterback-faq-sec .faq-list.accordion{counter-reset:li;}
.quarterback-faq-sec .faq-sec-outer{padding:110px 0 84px;}
.quarterback-faq-sec .faq-wrap{margin-top:65px;}
.quarterback-faq-sec .accordion-item{position:relative; margin-bottom:18px;}
.quarterback-faq-sec .accordion-card{padding:0; border:none; background:#ffe346;}
.quarterback-faq-sec .accordion-head{background:linear-gradient(90deg, rgba(253, 227, 89, 1) 0%, rgba(252, 189, 53, 1) 50%, rgba(252, 160, 24, 1) 100%); padding:6px;}
.quarterback-faq-sec .accordion-head-outer{box-shadow:none; background:linear-gradient(0deg, #0052ce 0%, #011e4a 100%); padding:0; border-radius:0; padding:0 20px 0 235px;}
.quarterback-faq-sec .accordion-title{font-size:42px; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base); text-transform:uppercase;}
.quarterback-faq-sec .accordion-item::before{background:#00c7f9; font-size:42px; color:var(--clr-action-alt); clip-path:polygon(35% 0%, 100% 0, 59% 100%, 0 100%, 0 78%); content:'0' counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; letter-spacing:1px; text-transform:uppercase; font-weight:bold; font-family:var(--font-base); left:5px; top:6px; width:210px; min-height:112px; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.quarterback-faq-sec .accordion-item::after{content:''; position:absolute; width:100px; min-height:100px; background:#ffe346; left:121px; clip-path:polygon(35% 0, 100% 0, 22% 100%, 0% 100%); top:18px;}
.quarterback-faq-sec .accordion-body{padding:0 40px 0 80px;}
.quarterback-faq-sec .accordion-cont-bar{min-height:125px;}
.quarterback-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#ffe346; font-size:38px;}
.quarterback-faq-sec .accordion-text{font-size:30px; color:#000000; font-weight:bold; font-family:var(--font-base); text-transform:uppercase;}
.quarterback-faq-sec .is-open .accordion-icon .icon{transform:inherit; width:auto;}
/*FAQ CSS End */

.quarterback-game .footer{background:#2196f3;}
.quarterback-game .copyright-text{color:var(--clr-action-alt); font-family:var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .quarterback-game .banner-sec{margin-top:-65px; background-size:100% 104%;}
  .quarterback-game .game-logo-fig{max-width:42%; margin-top:4.9%;}
  .quarterback-game .banner-icon-one{max-width:28%; bottom:-50px;}
  .quarterback-game .banner-icon-one img{width:100%; float:left;}
  .quarterback-game .banner-icon-two img{max-width:67%;}
  .quarterback-game .banner-icon-two{left:146px; top:109px;}
  .quarterback-game .base-btn{height:75px; margin:45px 0 90px 0; max-width:30%;}
  .quarterback-game .banner-icon-one{bottom:-40px}
  .quarterback-game .video-poster, .quarterback-game .client-video{top:1.5%;left:0.9%; right:3.5%; height:calc(100% - 3%); width:calc(100% - 1.9%); border-radius:4px;}

  .quarterback-game .sec-main-title{font-size:37px; padding-bottom:27px;}
  .quarterback-game .sec-head-bg{max-width:73%;}
  .quarterback-game .video-shadow{left:-21%; bottom:-70px; width:calc(100% + 40%);}

  .quarterback-about-us-sec{clip-path:polygon(7% 0, 93.3% 0, 100% 6%, 100% 100%, 0 100%, 0 6%); margin-top:-10.8%;}
  .quarterback-about-us-sec .about-us-content{margin-top:16%;}
  .quarterback-about-us-sec .about-us-text{font-size:29px; max-width:91%;}
  .quarterback-game .btn-bar .btn-text{font-size:29px; top:0;}
  .quarterback-about-us-sec .about-icon-one img{max-width:70%;}
  .quarterback-about-us-sec .about-icon-one{right:0;}

  .quarterback-how-to-work-sec .htw-head-bg{max-width:48%;}
  .quarterback-how-to-work-sec .htw-head-outer{margin:65px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap{margin:65px 0;} 
  .quarterback-how-to-work-sec .htw-process-wrap-one{margin-top:90px;}
  .quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:25px;}
  .quarterback-how-to-work-sec .htw-icon-one img{max-width:85%;}
  .quarterback-how-to-work-sec .htw-icon-one{top:-185px;}
  .quarterback-how-to-work-sec .htw-icon-two img{max-width:85%;}
  .quarterback-how-to-work-sec .htw-icon-two{top:-182px;}
  .quarterback-how-to-work-sec .htw-icon-three img{max-width:85%;}
  .quarterback-how-to-work-sec .htw-icon-three{top:-274px;}
  .quarterback-how-to-work-sec .htw-process-card-title{font-size:37px; margin:5px 0 0 155px;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-six .htw-process-wrap{margin:160px 0 0 0; padding:0 178px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(9.08px 14.82px 20px rgba(0, 0, 0, 0.45));}
  .quarterback-how-to-work-sec .htw-process-card-body{padding:50px 63px 50px 67px;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-body{padding:50px 30px 50px 45px;}
  .quarterback-how-to-work-sec .game-card-three .htw-process-card-body{padding:50px 33px 50px 25px;}
  .quarterback-how-to-work-sec .game-card-four .htw-process-card-body{padding:50px 35px 50px 55px;}
  .quarterback-how-to-work-sec .game-card-five .htw-process-card-body{padding:40px 35px 40px 55px;}
  .quarterback-how-to-work-sec .htw-process-wrap-seven{margin:40px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight{gap:0 15px; margin:57px 0 25px;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten{gap:0 15px; margin:0 0 35px;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve{gap:0 15px; margin:0;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{margin:125px 0 165px 0; padding:0px 200px;}
  .quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-body{padding:50px 25px 270px 25px;}
  .quarterback-how-to-work-sec .htw-icon-four{right:-60px;}
  .quarterback-how-to-work-sec .htw-icon-four img{max-width:65%;}
  .quarterback-how-to-work-sec .game-card-six .word-label{margin-top:30px;}

  .quarterback-game-summary{margin-top:-122px;}
  .quarterback-game-summary .game-summary-outer::before{height:60px; top:-60px;}
  .quarterback-game-expectation-sec .game-expectation-sec-outer{padding:55px 0 210px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one img{max-width:80%;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one{top:-120px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two img{max-width:55%;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two{bottom:63px;}
  .quarterback-game-expectation-sec .expectation-head-bg{max-width:54%;}
  .quarterback-game-expectation-sec .game-expect-card-fig{max-width:150px;}
  .quarterback-game-expectation-sec .game-expect-icon-block{top:-55px; margin-bottom:-59px;}
  .quarterback-game-expectation-sec .game-expect-card-title{font-size:32px; max-width:85%;}
  .quarterback-game-expectation-sec .game-expect-details-item{font-size:21px;}
  .quarterback-game-expectation-sec .game-expectation-card-body{padding:0 20px 30px;}
  .quarterback-game-expectation-sec .game-expectation-item{margin-top:-25px;}
  .quarterback-game-expectation-sec .game-expectation-list{gap:40px 45px;}
  
  .quarterback-game-summary .game-summary-text{font-size:31px; max-width:1024px; margin:50px auto 0 auto;}
  .quarterback-game-summary .game-summary-text-alt{font-size:37px; margin-top:25px;}
  .quarterback-game-summary .game-summary-icon{right:-37px; top:-176px;}
  .quarterback-game-summary .game-summary-icon img{max-width:76%;}
  .quarterback-game-summary .base-btn{margin:40px 0 65px 0;}

  .quarterback-faq-sec .faq-head-bg{max-width:36%;}
  .quarterback-faq-sec .accordion-head-outer{padding:0 20px 0 195px;}
  .quarterback-faq-sec .faq-wrap{margin-top:50px;}
  .quarterback-faq-sec .faq-sec-outer{padding:90px 0 65px;}
  .quarterback-faq-sec .accordion-title{font-size:35px;}
  .quarterback-faq-sec .accordion-item::before{min-height:90px; font-size:35px; clip-path:polygon(30% 0%, 100% 0, 60% 100%, 0 100%, 0 78%); width:178px;}
  .quarterback-faq-sec .accordion-item::after{left:87px;clip-path:polygon(35% 0, 100% 0, 40% 100%, 0% 100%); min-height:80px;}
  .quarterback-faq-sec .accordion-text{font-size:27px;}
  .quarterback-faq-sec .accordion-cont-bar{min-height:110px;}
  .quarterback-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:32px;}
  .quarterback-faq-sec .accordion-body{padding:0 40px 0 75px;}
}
@media(max-width:1280px) {
  .quarterback-game .banner-sec{margin-top:-40px;}
  .quarterback-game .game-logo-fig{margin-top:3.9%;}
  .quarterback-game .banner-icon-two img{max-width:50%;}
  .quarterback-game .banner-icon-two{left:123px; top:93px;}
  .quarterback-game .sec-main-title{font-size:31px; padding-bottom:23px;}
  .quarterback-game .btn-bar .btn-text{font-size:25px; top:0;}
  .quarterback-game .base-btn{height:65px; margin:40px 0 85px 0; max-width:26%;}
  .quarterback-game .video-shadow{left:-14%; bottom:-50px; width:calc(100% + 36%);}

  .quarterback-about-us-sec{clip-path:polygon(7% 0, 93.3% 0, 100% 5.7%, 100% 100%, 0 100%, 0 5.7%); margin-top:-10.9%;}
  .quarterback-about-us-sec .about-us-text{font-size:25px; max-width:92%;}
  .quarterback-about-us-sec .about-icon-one img{max-width:55%;}
  .quarterback-about-us-sec .about-us-content{margin-top:15%;}

  .quarterback-how-to-work-sec .htw-head-outer{margin:55px 0 0;}
  .quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:22px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(9.08px 10.82px 20px rgba(0, 0, 0, 0.45));}
  .quarterback-how-to-work-sec .htw-process-card-body{padding:40px 40px 40px 48px;}
  .quarterback-how-to-work-sec .htw-icon-one img{max-width:65%;}
  .quarterback-how-to-work-sec .htw-icon-one{top:-143px;}
  .quarterback-how-to-work-sec .htw-icon-two img{max-width:70%;}
  .quarterback-how-to-work-sec .htw-icon-two{top:-138px; left:-20px;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-body{padding:30px 20px 30px 31px;}
  .quarterback-how-to-work-sec .game-card-three .htw-process-card-body{padding:40px 33px 40px 44px;}
  .quarterback-how-to-work-sec .game-card-four .htw-process-card-body{padding:40px 35px 40px 40px;}
  .quarterback-how-to-work-sec .game-card-five .htw-process-card-body{padding:40px 35px 40px 40px;}
  .quarterback-how-to-work-sec .htw-process-wrap{margin:55px 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-one{margin-top:70px;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-six .htw-process-wrap{margin:135px 0 0 0; padding:0 135px;}
  .quarterback-how-to-work-sec .htw-icon-three img{max-width:70%;}
  .quarterback-how-to-work-sec .htw-icon-three{top:-225px;}
  .quarterback-how-to-work-sec .game-card-six .word-label{margin-top:25px;}
  .quarterback-how-to-work-sec .htw-process-card-title{font-size:31px; margin:5px 0 0 130px;}
  .quarterback-how-to-work-sec .htw-process-wrap-seven{margin:35px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight .col-left{max-width:49%;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight{margin:50px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten{margin:0 0 20px;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten .col-left{max-width:49%;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve .col-left{max-width:49%;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve{margin:0;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{margin:105px 0 100px 0; padding:0px 152px;}
  .quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-body{padding:45px 25px 230px 25px;}
  .quarterback-how-to-work-sec .htw-icon-four img{max-width:50%;}
  .quarterback-how-to-work-sec .htw-icon-four{right:-127px;}
  .quarterback-how-to-work-sec .game-card-six .htw-process-card-body{padding:40px 25px 40px 25px;}

  .quarterback-game-expectation-sec .expectation-theme-icon-one{top:-98px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one img{max-width:65%;}
  .quarterback-game-expectation-sec .game-expectation-sec-outer{padding:45px 0 177px;}
  .quarterback-game-expectation-sec .game-expect-card-fig{max-width:125px;}
  .quarterback-game-expectation-sec .game-expect-card-title{font-size:27px;}
  .quarterback-game-expectation-sec .game-expect-details-item{font-size:18px;}
  .quarterback-game-expectation-sec .game-expectation-card-body{padding:0 15px 25px;}
  .quarterback-game-expectation-sec .game-expect-icon-block{top:-45px; margin-bottom:-45px;}
  .quarterback-game-expectation-sec .game-expectation-list{gap:40px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two img{max-width:41%;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two{bottom:87px;}

  .quarterback-game-summary{margin-top:-105px;}
  .quarterback-game-summary .game-summary-outer::before{height:50px; top:-50px;}
  .quarterback-game-summary .game-summary-text{font-size:26px; max-width:863px; margin:40px auto 0 auto;}
  .quarterback-game-summary .game-summary-text-alt{font-size:32px; margin-top:20px;}
  .quarterback-game-summary .base-btn{margin:35px 0 60px 0;}
  .quarterback-game-summary .game-summary-icon img{max-width:61%;}
  .quarterback-game-summary .game-summary-icon{right:-70px; top:-142px;}

  .quarterback-faq-sec .faq-wrap{margin-top:35px;}
  .quarterback-faq-sec .faq-block{padding:0;}
  .quarterback-faq-sec .faq-sec-outer{padding:60px 0 50px;}
  .quarterback-faq-sec .accordion-head-outer{padding:0 20px 0 150px;}
  .quarterback-faq-sec .accordion-title{font-size:28px;}
  .quarterback-faq-sec .accordion-item::before{font-size:28px; min-height:70px; clip-path:polygon(28% 0%, 100% 0, 62% 100%, 0 100%, 0 78%); width:140px;}
  .quarterback-faq-sec .accordion-item::after{left:71px; clip-path:polygon(35% 0, 100% 0, 40% 100%, 0% 100%); min-height:60px; width:75px;}
  .quarterback-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:28px;}
  .quarterback-faq-sec .accordion-text{font-size:24px;}
  .quarterback-faq-sec .accordion-cont-bar{min-height:95px;}
  .quarterback-faq-sec .accordion-body{padding:0 40px 0 60px;}
}

@media(max-width:1023px) {
  .quarterback-game .banner-sec{margin-top:-25px;}
  .quarterback-game .game-logo-fig{margin-top:4%;}
  .quarterback-game .banner-icon-one{bottom:-30px;}
  .quarterback-game .base-btn{height:55px; margin:30px 0 60px 0; max-width:30%;}
  .quarterback-game .btn-bar .btn-text{font-size:20px;}

  .quarterback-game .sec-main-title{font-size:24px;}
  .quarterback-game .banner-icon-two img{max-width:36%;}
  .quarterback-game .banner-icon-two{left:95px; top:68px;}
  .quarterback-game .video-shadow{left:-14%; bottom:-42px; width:calc(100% + 35%);}

  .quarterback-about-us-sec .about-us-text{font-size:20px; max-width:99%;}
  .quarterback-about-us-sec .about-icon-one img{max-width:40%;}
  .quarterback-about-us-sec .about-icon-one{right:-35px;}

  .quarterback-how-to-work-sec .htw-head-outer{margin:40px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap{margin:40px 0; padding:0 10px;}
  .quarterback-how-to-work-sec .htw-process-wrap-one{margin-top:60px;}
  .quarterback-how-to-work-sec .htw-process-wrap-seven{margin:25px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight{margin:40px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten{margin:0 0 10px;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve{margin:0;}
  .quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(9.08px 7.82px 20px rgba(0, 0, 0, 0.45));}
  .quarterback-how-to-work-sec .htw-process-card-body{padding:30px 40px 30px 48px; border-radius:16px 0 0 16px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{border-radius:20px 0 0 20px;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-outer{border-radius:0 20px 20px 0;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-body{border-radius:0 16px 16px 0;}
  .quarterback-how-to-work-sec .game-card-three .htw-process-card-body{padding:30px 33px 30px 44px; border-radius:26px 0 0 26px;}
  .quarterback-how-to-work-sec .game-card-four .htw-process-card-body{padding:30px 35px 30px 40px;}
  .quarterback-how-to-work-sec .game-card-five .htw-process-card-body{padding:30px 35px 30px 40px;}
  .quarterback-how-to-work-sec .htw-icon-two img{max-width:65%;}
  .quarterback-how-to-work-sec .htw-icon-two{top:-110px; left:-10px;}
  .quarterback-how-to-work-sec .htw-icon-one img{max-width:57%;}
  .quarterback-how-to-work-sec .htw-icon-one{top:-125px;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-six .htw-process-wrap{margin:90px 0 0 0; padding:0 70px;}
  .quarterback-how-to-work-sec .htw-icon-three img{max-width:50%;}
  .quarterback-how-to-work-sec .htw-icon-three{top:-162px; left:0;}
  .quarterback-how-to-work-sec .game-card-six .word-label{margin-top:20px;}
  .quarterback-how-to-work-sec .game-card-six .htw-process-card-body{padding:35px 25px 35px 25px;}
  .quarterback-how-to-work-sec .game-card-seven .htw-process-theme{max-width:53%;}
  .quarterback-how-to-work-sec .htw-process-card-title{font-size:25px; margin:1px 0 0 110px;}
  .quarterback-how-to-work-sec .game-card-nine .htw-process-theme{max-width:55%;}
  .quarterback-how-to-work-sec .game-card-eleven .htw-process-theme{max-width:67%;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{margin:90px 0 70px 0; padding:0px 85px;}
  .quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-body{padding:40px 25px 190px 25px;}
  .quarterback-how-to-work-sec .htw-icon-four img{max-width:35%;}
  .quarterback-how-to-work-sec .htw-icon-four{right:-173px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one img{max-width:50%;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one{top:-75px;}

  .quarterback-game-expectation-sec .game-expectation-sec-outer{padding:35px 0 150px;}
  .quarterback-game-expectation-sec .game-expectation-list{gap:15px 24px;}
  .quarterback-game-expectation-sec .game-expect-card-title{font-size:22px; max-width:100%;}
  .quarterback-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 16px)}
  .quarterback-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .quarterback-game-expectation-sec .game-expectation-card-body{padding:0 12px 20px;}
  .quarterback-game-expectation-sec .game-expect-card-fig{max-width:100px;}
  .quarterback-game-expectation-sec .game-expect-icon-block{top:-12px; margin-bottom:-10px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two img{max-width:31%;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two{bottom:60px;}

  .quarterback-game-summary{margin-top:-87px;}
  .quarterback-game-summary .game-summary-outer::before{height:43px; top:-43px;}
  .quarterback-game-summary .game-summary-text{font-size:20px; max-width:660px; margin:35px auto 0 auto;}
  .quarterback-game-summary .game-summary-text-alt{font-size:25px; margin-top:15px; display:grid;}
  .quarterback-game-summary .base-btn{margin:30px 0 53px 0;}
  .quarterback-game-summary .game-summary-icon img{max-width:45%;}
  .quarterback-game-summary .game-summary-icon{right:-115px; top:-106px;}

  .quarterback-faq-sec .faq-wrap{margin-top:20px;}
  .quarterback-faq-sec .faq-sec-outer{padding:50px 0 30px;}
  .quarterback-faq-sec .accordion-head-outer{padding:0 10px 0 120px;}
  .quarterback-faq-sec .accordion-title{font-size:24px;}
  .quarterback-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
  .quarterback-faq-sec .accordion-item::before{font-size:24px; min-height:61px; width:115px;}
  .quarterback-faq-sec .accordion-item::after{left:50px; min-height:50px; width:70px; clip-path:polygon(35% 0, 100% 0, 50% 100%, 0% 100%);}
  .quarterback-faq-sec .accordion-body{padding:0 25px 0 50px;}
  .quarterback-faq-sec .accordion-cont-bar{min-height:80px;}
  .quarterback-faq-sec .accordion-text{font-size:21px}
}

@media(max-width:767px) {
  .quarterback-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:cover; margin-top:-18px;}
  .quarterback-game .game-logo-fig{margin-top:6%; max-width:61%;}
  .quarterback-game .banner-icon-two{display:none;}
  .quarterback-game .video-block{max-width:78%;}
  .quarterback-game .video-shadow{left:-27%; bottom:-18px; width:calc(100% + 46%);}
  .quarterback-game .banner-icon-one{bottom:-8px; right:-40px; max-width:34%;}
  .quarterback-game .base-btn{height:33px; max-width:48%; margin:23px 0 35px 0;}
  .quarterback-game .btn-bar .btn-text{font-size:14px;}

  .quarterback-game .sec-main-title{font-size:20px; padding-bottom:14px;}
  .quarterback-game .sec-head-bg{max-width:100%;}
  .quarterback-game .sec-head{margin-bottom:0;}

  .quarterback-about-us-sec{clip-path:polygon(4.7% 0, 95.3% 0, 100% 1.7%, 100% 100%, 0 100%, 0 1.7%); margin-top:-23.2%;}
  .quarterback-about-us-sec .about-head-title{font-size:15px; padding-bottom:14px;}
  .quarterback-about-us-sec .about-us-content{margin-top:30%;}
  .quarterback-about-us-sec .about-us-text{max-width:100%; font-size:15px;}
  .quarterback-about-us-sec .about-icon-one img{max-width:29%;}
  .quarterback-about-us-sec .about-icon-one{right:-74px; bottom:-28px;}

  .quarterback-how-to-work-sec .htw-icon-two{display:none;}
  .quarterback-how-to-work-sec .htw-icon-three{display:none;}
  .quarterback-how-to-work-sec .how-to-work-process .container{padding:0;}
  .quarterback-how-to-work-sec .how-to-work-process .htw-process-card{margin-top:0;}
  .quarterback-how-to-work-sec .htw-head-outer{margin:10px 0 0;}
  .quarterback-how-to-work-sec .htw-head-bg{max-width:88%;}
  .quarterback-how-to-work-sec .htw-process-wrap{padding:0; margin:20px 0; display:flex; flex-direction:column;}
  .quarterback-how-to-work-sec .htw-process-wrap-one{margin-top:10px;}
  .quarterback-how-to-work-sec .htw-process-wrap .col-left{max-width:90%; z-index:1;}
  .quarterback-how-to-work-sec .htw-process-wrap .col-right{margin-top:-33px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{border-radius:0; padding:3px 0;}
  .quarterback-how-to-work-sec .htw-process-card-body{border-radius:0;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-outer{border-radius:0; padding:3px 0;}
  .quarterback-how-to-work-sec .game-card-two .htw-process-card-body{border-radius:0; padding:58px 20px 30px 20px;}
  .quarterback-how-to-work-sec .game-card-three .htw-process-card-outer{border-radius:0; padding:3px 0;}
  .quarterback-how-to-work-sec .htw-process-card-body{padding:58px 20px 30px 20px;}
  .quarterback-how-to-work-sec .game-card-three .htw-process-card-body{border-radius:0; padding:58px 20px 30px 20px;}
  .quarterback-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(0px 2px 11px rgba(0, 0, 0, 0.45));}
  .quarterback-how-to-work-sec .game-card-four .htw-process-card-outer{border-radius:0; padding:3px 0;}
  .quarterback-how-to-work-sec .game-card-four .htw-process-card-body{border-radius:0; padding:58px 20px 30px 20px;}
  .quarterback-how-to-work-sec .game-card-five .htw-process-card-body{border-radius:0; padding:58px 20px 30px 20px;}
  .quarterback-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px; text-align:center;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-six .htw-process-wrap{margin:20px 0 0; padding:0;}
  .quarterback-how-to-work-sec .game-card-six .htw-process-card-outer{border-radius:0; padding:3px 0;}
  .quarterback-how-to-work-sec .game-card-six .htw-process-card-body{border-radius:0; padding:20px;}
  .quarterback-how-to-work-sec .game-card-six .word-label{margin-top:10px;}
  .quarterback-how-to-work-sec .htw-process-card-title{font-size:20px; margin:0px 0 0 80px;}
  .quarterback-how-to-work-sec .game-card-seven .htw-process-theme{max-width:86%;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight .col-right{max-width:90%; margin:0;}
  .quarterback-how-to-work-sec .htw-process-wrap-eight{gap:10px 0; margin:-10px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten{gap:10px 0; margin:-10px 0 10px;}
  .quarterback-how-to-work-sec .htw-process-wrap-ten .col-right{max-width:90%; margin:0;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve{gap:10px 0; margin:-10px 0 0;}
  .quarterback-how-to-work-sec .htw-process-wrap-twelve .col-right{max-width:90%; margin:0;}
  .quarterback-how-to-work-sec .game-card-nine .htw-process-theme{max-width:87%;}
  .quarterback-how-to-work-sec .game-card-eleven .htw-process-theme{max-width:85%;}
  .quarterback-how-to-work-sec .htw-process-card-title-bigger{font-size:16px;margin:0px 0 0 65px;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{padding:0;}
  .quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-outer{border-radius:0; padding:3px 0; margin-top:-33px;}
  .quarterback-how-to-work-sec .game-card-thirteen .htw-process-card-body{border-radius:0; padding:58px 10px 30px 10px;}
  .quarterback-how-to-work-sec .game-card-thirteen{display:flex; flex-direction:column-reverse;}
  .quarterback-how-to-work-sec .htw-process-card-theme{margin:0; position:relative;}
  .quarterback-how-to-work-sec .htw-process-card-theme .htw-process-theme{max-width:90%;}
  .quarterback-how-to-work-sec .how-to-work-process-sec-thirteen .htw-process-wrap{margin:40px 0 0;}
  .quarterback-how-to-work-sec .htw-icon-one{display:none;}
  .quarterback-how-to-work-sec .htw-icon-four{display:none;}
  .quarterback-how-to-work-sec .htw-process-wrap-one .col-left::before{height:9px; width:calc(100% - -11%); z-index:1; left:-36px; top:auto; bottom:-9px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
  .quarterback-how-to-work-sec .htw-process-wrap-two .col-left::before{height:9px; width:calc(100% - -11%); z-index:1; left:-36px; top:auto; bottom:30px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
  .quarterback-how-to-work-sec .htw-process-wrap-three .col-left::before{height:9px; width:calc(100% - -11%); z-index:1; left:-36px; top:auto; bottom:24px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
  .quarterback-how-to-work-sec .htw-process-wrap-four .col-left::before{height:9px; width:calc(100% - -11%); left:-36px; top:auto; bottom:24px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
  .quarterback-how-to-work-sec .htw-process-wrap-five .col-left::before{height:9px; width:calc(100% - -11%); left:-36px; top:auto; bottom:6px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}
  .quarterback-how-to-work-sec .htw-process-card-theme::before{content:''; position:absolute; height:9px; width:calc(100% - -1%); left:-17px; top:auto; bottom:-8px; filter:blur(7px); background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(6 6 6 / 20%) 10%, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 81%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}

  .quarterback-game-expectation-sec .game-expectation-sec-outer{padding:18px 0 100px;}
  .quarterback-game-expectation-sec .expectation-theme-icon-one{display:none;}
  .quarterback-game-expectation-sec .expectation-theme-icon-two{display:none;}
  .quarterback-game-expectation-sec .game-expect-card-fig{max-width:110px;}
  .quarterback-game-expectation-sec .game-expect-icon-block{top:-39px; margin-bottom:-38px;}
  .quarterback-game-expectation-sec .game-expect-card-title{font-size:18px; max-width:160px;}
  .quarterback-game-expectation-sec .game-expect-details-item{font-size:13px;}
  .quarterback-game-expectation-sec .game-expectation-card-body{padding:0 12px 40px;}
  .quarterback-game-expectation-sec .game-expectation-item{margin-top:-4px;}
  .quarterback-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ffffff;}
  .quarterback-game-expectation-sec .owl-carousel .owl-dot span{filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.31)); background:rgba(255,255,255,0); border:2px solid #ffffff; width:18px; height:18px;}
  .quarterback-game-expectation-sec .owl-carousel .owl-dot{margin:13px 5px 0;}
  .quarterback-game-expectation-sec .game-expectation-card-outer{filter:drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.45));}

  .quarterback-game-summary{margin-top:-45px;}
  .quarterback-game-summary .game-summary-icon{display:none;}
  .quarterback-game-summary .container{padding:0;}
  .quarterback-game-summary .game-summary-text{font-size:15px; max-width:95%; margin:30px auto 0 auto;}
  .quarterback-game-summary .game-summary-text-alt{font-size:19px; margin-top:12px;}
  .quarterback-game-summary .base-btn{margin:20px 0 30px 0; max-width:45%;}
  .quarterback-game-summary .game-summary-outer::before{height:21px; top:-21px;}

  .quarterback-faq-sec .faq-head-bg{max-width:80%;} 
  .quarterback-faq-sec .faq-wrap{margin-top:5px;}
  .quarterback-faq-sec .faq-sec-outer{padding:18px 0;}
  .quarterback-faq-sec .accordion-item{margin-bottom:10px;}
  .quarterback-faq-sec .accordion-item::before{padding-left:5px; justify-content:start; width:50px; min-height:40px; font-size:18px; clip-path:polygon(0% 0%, 100% 0, 35% 100%, 0 100%, 0 78%); left:2px; top:2px;}
  .quarterback-faq-sec .accordion-title{font-size:13px;}
  .quarterback-faq-sec .accordion-head{padding:2px;}
  .quarterback-faq-sec .accordion-head-outer{padding:0 10px 0 65px;}
  .quarterback-faq-sec .accordion-item::after{left:14px; min-height:37px; width:44px; clip-path:polygon(35% 0, 100% 0, 26% 100%, 0% 100%); top:5px;}
  .quarterback-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .quarterback-faq-sec .accordion-text{font-size:13px;}
  .quarterback-faq-sec .accordion-body{padding:0 10px 0 67px;}
  .quarterback-faq-sec .accordion-cont-bar{min-height:60px;}
}
/* **************** RESPONSIVE CSS END **************** */
/* ***************************** // Quarterback Game CSS End // ***************************** */



/* ***************************** // Tumble Game CSS Start // ***************************** */
.tumble-game {
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Paytone One';
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.tumble-game .header{box-shadow:none;}
.tumble-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.tumble-game .active .nav-item-label, .tumble-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.tumble-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 77%; position:relative; margin-top:-4.2%;}
.tumble-game .video-poster, .tumble-game .client-video{top:0%; left:0%; right:auto; height:calc(100% - 0%); width:calc(100% - 0%); bottom:auto; border-radius:27px;}
.tumble-game .game-logo-fig{max-width:26%; position:relative; filter:drop-shadow(18.385px 18.385px 22.5px rgba(0,0,0,0.8));}
.tumble-game .video-block{max-width:60%; margin-top:20px; position:relative; overflow:inherit; border-radius:32px; background:rgba(255,255,255,0.20); box-shadow:0px 0.7vmin 1.5vmin rgba(0, 0, 0, 0.55); padding:6px;}
.tumble-game .banner-sec-outer{background:transparent; padding:0px; position:relative; margin-top:5.3%;}
.tumble-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.tumble-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.tumble-game .banner-sec-video{background:transparent;}
.tumble-game .video-iframe{padding-bottom:53%;}
.tumble-game .video-shadow{left:100px; bottom:12px; width:calc(100% + -210px);}

.tumble-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.tumble-game .sec-head-bg{position:relative; filter:drop-shadow(0px 0.8vmin 0.7vmin rgba(0,0,0,0.4));}
.tumble-game .sec-head-bg:not(.faq-head-bg, .expectation-head-bg){margin-top:-2px;}
.tumble-game .sec-main-title{position:absolute; font-size:55px;color:var(--clr-action-alt); text-transform:none; font-weight:400; font-family:var(--font-base); filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.5));}

.tumble-game .btn-bar .base-btn{filter:drop-shadow(0px 1vmin 0.7vmin rgba(0,0,0,0.7));}
.tumble-game .btn-text{text-shadow:none; padding-bottom:1.2vmin; font-size:40px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-base); filter:drop-shadow(0px 3px 2.5px rgba(0,0,0,0.5));}
.tumble-game .btn-primary-mob{display:none;}

/* About us CSS Start */
.tumble-about-us-sec{background:linear-gradient(0deg, #f05022 0%, #fbb12a 100%); filter:drop-shadow(0px -10px 0px #ffffff); margin-top:-12%; padding-top:11%;}
.tumble-about-us-sec .about-us-text{text-align:center; padding-top:34px; font-size:34px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-base); max-width:1280px;}
.tumble-about-us-sec .about-us-btn-bar{margin:50px 0 100px;}
/* About us CSS End */

/* How to work CSS Start */
.tumble-how-to-work-sec .htw-process-wrap .col-left{max-width:47%; margin:0; padding:0; position:relative;}
.tumble-how-to-work-sec .htw-process-wrap .col-right{max-width:100%; margin:0; padding:0; position:relative;}
.tumble-how-to-work-sec .htw-process-wrap{padding:0 50px;}
.tumble-how-to-work-sec .htw-process-wrap-one{flex-direction:row-reverse; margin-top:160px;}
.tumble-how-to-work-sec .htw-process-wrap-one .col-right{margin-right:170px;}
.tumble-how-to-work-sec .htw-process-wrap-right .col-left::after{content:''; position:absolute; background:#fcedf6; z-index:-2; width:calc(100% + 19%); height:calc(100% + 35%); right:-40.5%; top:-17.5%;}
.tumble-how-to-work-sec .htw-process-wrap-left .col-left::after{content:''; position:absolute; background:#fcedf6; z-index:-2; width:calc(100% + 16%); height:calc(100% + 35%); left:-40.5%; top:-17.5%;}
.tumble-how-to-work-sec .htw-process-wrap-one .col-left::after{width:calc(100% + 28%);}
.tumble-how-to-work-sec .htw-theme-shadow{position:absolute; bottom:-36px; left:-43%; width:calc(100% + 88%); z-index:-1;}
.tumble-how-to-work-sec .how-to-work-process-sec-two{margin-top:180px;}
.tumble-how-to-work-sec .htw-process-wrap-two{flex-direction:row; gap:0 83px; margin-top:-350px; padding:0 70px;}
.tumble-how-to-work-sec .htw-process-wrap-two .col-right{max-width:47%;}
.tumble-how-to-work-sec .how-to-work-process-sec-three{margin-top:180px;}
.tumble-how-to-work-sec .htw-process-wrap-three .col-right{margin-left:130px;}
.tumble-how-to-work-sec .htw-process-wrap-four{flex-direction:row; gap:0 83px;}
.tumble-how-to-work-sec .htw-process-wrap-four .htw-process-theme img{position:relative; z-index:1;}
.tumble-how-to-work-sec .how-to-work-process-sec-four{position:relative; margin-top:180px;}
.tumble-how-to-work-sec .how-to-work-process-sec-four::before{content:''; position:absolute; height:82.3%; width:100%; background:#fcedf6;}
.tumble-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse; margin-top:180px;}
.tumble-how-to-work-sec .htw-process-wrap-five .col-right{margin-right:80px;}
.tumble-how-to-work-sec .htw-process-wrap-six{margin-top:180px;}
.tumble-how-to-work-sec .htw-process-wrap-six .col-right{margin-left:80px;}
.tumble-how-to-work-sec .htw-process-wrap-seven{margin-top:180px;}
.tumble-how-to-work-sec .htw-process-wrap-seven .col-right{margin-right:80px;}
.tumble-how-to-work-sec .htw-process-card-outer{background:linear-gradient(rgba(253,83,146,1)0%, rgba(248,111,100,1)100%); filter:drop-shadow(0px 1vmin 1vmin rgba(0,0,0,0.6)); padding:0 2px 2px 2px; border-radius:32px;}
.tumble-how-to-work-sec .htw-process-card-body{padding:40px 100px 50px 65px; border-radius:0 0 30px 30px;  background:#3a0326; }
.tumble-how-to-work-sec .game-start-card .htw-process-card-body{padding:70px 40px 70px 55px;}
.tumble-how-to-work-sec .htw-process-card-title-bar{border-radius:32px 32px 0 0; left:-2px; width:calc(100% + 4px); height:86px; position:relative; display:flex; align-items:center; background:linear-gradient(180deg, rgba(249,201,83,0.99) 0%, rgba(243,131,73,0.99) 23%, rgba(249,213,89,0.99) 69%, rgba(240,134,101,0.99) 97%, rgba(240,134,101,0.99) 100%);}
.tumble-how-to-work-sec .htw-process-card-title{font-size:44px; font-weight: 400; padding-left:50px; font-family:var(--font-base); filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.5));}
.tumble-how-to-work-sec .htw-process-card-list{margin:0; padding:0;}
.tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:30px; font-weight: 400; font-family:var(--font-base); padding:0;}
.tumble-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.tumble-how-to-work-sec .htw-process-theme:after{display:none;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-outer{border-radius:32px 32px 7px 7px;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-body{padding:30px 0 0; border-radius:0 0 5px 5px; min-height:450px; text-align:center;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-title-bar{justify-content:center;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-title{padding:0;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-list{display:flex; align-items:center; justify-content:center;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:60%;}
.tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::after{content:''; position:absolute; background:url('../images/tumble/htw-arrow-icon.webp') no-repeat center; background-size:100% 100%; height:76px; width:85px; right:-15px; top:-10px;}
.tumble-how-to-work-sec .game-card-three .htw-process-card-outer{padding:2px;}
.tumble-how-to-work-sec .game-card-three .htw-process-card-body{border-radius:30px; display:flex; align-items:center;}
.tumble-how-to-work-sec .game-card-four .htw-process-card-outer{background:none; filter:none;}
.tumble-how-to-work-sec .game-card-four .htw-process-card-body{background:none; padding:95px 230px;}
.tumble-how-to-work-sec .game-card-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{text-align:center; color:var(--clr-base);}
.tumble-how-to-work-sec .game-card-five .htw-process-card-outer{padding:2px;}
.tumble-how-to-work-sec .game-card-five .htw-process-card-body{border-radius:30px; display:flex; align-items:center;}
.tumble-how-to-work-sec .game-card-six .htw-process-card-outer{padding:2px;}
.tumble-how-to-work-sec .game-card-six .htw-process-card-body{border-radius:30px; display:flex; align-items:center;}
.tumble-how-to-work-sec .game-card-seven .htw-process-card-outer{padding:2px;}
.tumble-how-to-work-sec .game-card-seven .htw-process-card-body{border-radius:30px; display:flex; align-items:center;}
.tumble-how-to-work-sec .htw-theme-shadow img{float:left; width:100%;}
.tumble-how-to-work-sec .htw-icon img{float:left; width:100%;}
.tumble-how-to-work-sec .htw-icon{position:absolute; top:-80px;}
.tumble-how-to-work-sec .htw-icon-two{top:-26px;}
.tumble-how-to-work-sec .htw-icon-four{top:-42px;}
.tumble-how-to-work-sec .htw-sm-icon img{float:left; width:100%;}
.tumble-how-to-work-sec .htw-sm-icon{position:absolute; top:-51px; filter:drop-shadow(0px 8px 7.5px rgba(0,0,0,0.6));}
.tumble-how-to-work-sec .htw-set-icon{right:10px;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.tumble-game-expectation-sec .game-expectation-sec-outer{background:linear-gradient(0deg, #620933 0%, #620933 1%, #a80e56 100%); padding:0 0 340px; margin-top:89px;}
.tumble-game-expectation-sec .game-expectation-card-outer{background:linear-gradient(rgba(255,255,0,1)0%, rgba(242,29,174,1)100%); filter:drop-shadow(2.5vmin 1.5vmin 3vmin rgba(0,0,0,0.48)); border-radius:34px; padding:6px;}
.tumble-game-expectation-sec .game-expectation-card-body{box-shadow:none; background:#fcedf6; border-radius:30px; padding:0 71px 50px;}
.tumble-game-expectation-sec .game-expect-card-fig{max-width:235px;}
.tumble-game-expectation-sec .game-expect-icon-block{top:-145px; margin-bottom:-150px;}
.tumble-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; position:relative; margin-bottom:25px;}
.tumble-game-expectation-sec .game-expect-card-title{font-size:40px; color:#a70e56; font-weight:400; font-family:var(--font-base); margin:0;}
.tumble-game-expectation-sec .game-expect-card-title .word-label{display:grid;}
.tumble-game-expectation-sec .game-expect-card-title-bar::after{content:''; position:absolute; height:2px; background:#e37058; width:100%; bottom:-15px; left:0;}
.tumble-game-expectation-sec .game-expect-details-item{font-size:26px; font-weight:400; font-family:var(--font-base); text-align:center; padding:0;}
.tumble-game-expectation-sec .game-expect-details-item:before{display:none;}
.tumble-game-expectation-sec .game-expectation-list{gap:10px 155px;}
.tumble-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 78px); margin-top:87px;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.tumble-game-summary {margin-top:-258px;}
.tumble-game-summary .game-summary-outer{background:linear-gradient(rgba(255,255,0,1)0%, rgba(242,29,174,1)100%); filter:drop-shadow(18.385px 18.385px 22.5px rgba(0,0,0,0.48)); border-radius:54px; padding:6px;}
.tumble-game-summary .game-summary-inner{background:linear-gradient(0deg, #51127f 0%, #d70a83 100%); float:left; width:100%; border-radius:50px;}
.tumble-game-summary .game-summary-text{font-size:40px; padding-top:60px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-base); max-width:1240px;}
.tumble-game-summary .btn-bar .base-btn{margin:50px 0 85px;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.tumble-faq-sec .faq-sec-outer{padding:0 0 90px;}
.tumble-faq-sec .faq-block{padding-top:65px;}
.tumble-faq-sec .accordion-card{padding:0; border:none; background:#fcedf6; border-radius:50px;}
.tumble-faq-sec .accordion-head{background:linear-gradient(rgba(253,83,146,1)0%, rgba(248,111,100,1)100%); border-radius:48px; padding:2px; filter:drop-shadow(0px 1vmin 1vmin rgba(0,0,0,0.6));}
.tumble-faq-sec .accordion-head-outer{background:#3a0326; box-shadow:none; border-radius:48px; min-height:96px; padding:0 20px 0 100px;}
.tumble-faq-sec .accordion{counter-reset:li;}
.tumble-faq-sec .accordion-item{position:relative; margin-bottom:20px;}
.tumble-faq-sec .accordion-item::before{content:counter(li); padding-bottom:1vmin; counter-increment:li; z-index:2; position:absolute; pointer-events:none; background:#fcedf6; width:80px; min-height:73px; border-radius:50%; font-size:40px; color:#3a0326; font-weight:400; font-family: var(--font-base); left:10px; top:9px; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.tumble-faq-sec .accordion-title{font-size:34px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-base); padding-bottom:1vmin;}
.tumble-faq-sec .accordion-text{font-size:30px; color:var(--clr-action-alt); color:var(--clr-base); font-weight:400; font-family:var(--font-base);}
.tumble-faq-sec .accordion-body{padding:0 40px 0 110px;}
.tumble-faq-sec .accordion-cont-bar{min-height:128px;}
.tumble-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.tumble-faq-sec .accordion-head-outer .accordion-icon .icon{color:#fcedf6; font-size:29px;}
/* FAQs CSS End */

.tumble-game .footer{background:#a70e56;}
.tumble-game .copyright-text{font-family:var(--font-mono); color:var(--clr-action-alt);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .tumble-game .game-logo-fig{max-width:24%;}
  .tumble-game .video-block{border-radius:20px;}
  .tumble-game .video-poster, .tumble-game .client-video{border-radius:14px;}
  .tumble-game .banner-sec{background-size:100% 78%;}
  .tumble-game .sec-head-bg{max-width:57%;}
  .tumble-game .sec-main-title{font-size:43px;}
  .tumble-game .btn-text{font-size:34px;}
  
  .tumble-about-us-sec .about-us-text{padding-top: 27px; font-size:27px; max-width:1010px;}
  .tumble-about-us-sec .about-us-btn-bar{margin:40px 0 90px;}

  .tumble-how-to-work-sec .htw-head-bg{max-width:41%;}
  .tumble-how-to-work-sec .htw-process-card-title-bar{height:75px;}
  .tumble-how-to-work-sec .htw-process-card-title{font-size:35px;}
  .tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px;}
  .tumble-how-to-work-sec .htw-process-wrap-one{margin-top:120px;}
  .tumble-how-to-work-sec .htw-process-wrap-one .col-right{margin-right:100px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-two{margin-top:135px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-three{margin-top:140px;}
  .tumble-how-to-work-sec .htw-process-wrap-three .col-right{margin-left:100px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-four{margin-top:140px;}
  .tumble-how-to-work-sec .htw-process-wrap-four{gap:0 70px;}
  .tumble-how-to-work-sec .htw-process-wrap .col-left{max-width:46.6%;}
  .tumble-how-to-work-sec .htw-process-wrap-five{margin-top:140px;}
  .tumble-how-to-work-sec .htw-process-wrap-six{margin-top:140px;}
  .tumble-how-to-work-sec .htw-process-wrap-seven{margin-top:140px;}
  .tumble-how-to-work-sec .htw-process-card-body{padding:40px 90px 50px 55px;}
  .tumble-how-to-work-sec .game-start-card .htw-process-card-body{padding:45px 102px 50px 50px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::after{height:66px; width:75px; right:-20px;}
  .tumble-how-to-work-sec .htw-process-wrap-two{gap:0 63px; margin-top:-272px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-body{min-height:360px; padding:27px 0 0;}
  .tumble-how-to-work-sec .game-card-four .htw-process-card-body{padding:75px 190px 80px 190px;}
  .tumble-how-to-work-sec .htw-theme-shadow{bottom:-28px;}
  .tumble-how-to-work-sec .htw-icon img{max-width:90%;}
  .tumble-how-to-work-sec .htw-icon{top:-70px;}
  .tumble-how-to-work-sec .htw-sm-icon img{max-width:80%;}
  .tumble-how-to-work-sec .htw-sm-icon{top:-44px;}
  .tumble-how-to-work-sec .htw-set-icon{right:-50px;}
  .tumble-how-to-work-sec .htw-icon-two{top:-23px;}
  .tumble-how-to-work-sec .htw-icon-four{top:-40px;}

  .tumble-game-expectation-sec .expectation-head-bg{max-width:42%;}
  .tumble-game-expectation-sec .game-expect-card-fig{max-width:200px;}
  .tumble-game-expectation-sec .game-expectation-list{gap:20px 130px;}
  .tumble-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 65px); margin-top:60px;}
  .tumble-game-expectation-sec .game-expect-card-title{font-size:34px;}
  .tumble-game-expectation-sec .game-expect-details-item{font-size:23px;}
  .tumble-game-expectation-sec .game-expectation-card-body{padding:0 70px 37px;}
  .tumble-game-expectation-sec .game-expect-icon-block{top:-105px; margin-bottom:-100px;}
  .tumble-game-expectation-sec .game-expectation-sec-outer{padding:0 0 290px; margin-top:68px;}

  .tumble-game-summary{margin-top:-220px;}
  .tumble-game-summary .btn-bar .base-btn{margin:43px 0 65px;}
  .tumble-game-summary .game-summary-text{font-size:34px; padding-top:55px; max-width:1080px;}
  .tumble-game-summary .game-summary-outer{border-radius:49px;}
  .tumble-game-summary .game-summary-inner{border-radius:43px;}

  .tumble-faq-sec .faq-head-bg{max-width:28%;}
  .tumble-faq-sec .faq-block{padding-top:55px;}
  .tumble-faq-sec .faq-sec-outer{padding:0 0 80px;}
  .tumble-faq-sec .accordion-card{border-radius:45px;}
  .tumble-faq-sec .accordion-head-outer{min-height:86px;}
  .tumble-faq-sec .accordion-item::before{width:70px; min-height:63px;}
  .tumble-faq-sec .accordion-title{font-size:30px;}
  .tumble-faq-sec .accordion-item::before{font-size:36px;}
  .tumble-faq-sec .accordion-text{font-size:27px;}
  .tumble-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:27px;}
  .tumble-faq-sec .accordion-cont-bar{min-height:118px;}
  .tumble-faq-sec .accordion-item{margin-bottom:18px;}
}
@media(max-width:1280px){
  .tumble-game .game-logo-fig{max-width:22%;}
  .tumble-game .video-block{max-width:63%;}
  .tumble-game .sec-main-title{font-size:36px;}
  .tumble-game .btn-text{font-size:28px;}

  .tumble-about-us-sec .about-us-text{padding-top:20px; font-size:24px; max-width:900px;}
  .tumble-about-us-sec .about-us-btn-bar{margin:35px 0px 70px;}

  .tumble-how-to-work-sec .htw-process-card-title-bar{height:65px;}
  .tumble-how-to-work-sec .htw-process-card-title{font-size:30px; padding-left:44px;}
  .tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .tumble-how-to-work-sec .htw-process-wrap-one .col-right{margin-right:80px;}
  .tumble-how-to-work-sec .htw-process-wrap-three .col-right{margin-left:80px;}
  .tumble-how-to-work-sec .game-start-card .htw-process-card-body{padding:42px 102px 50px 44px;}
  .tumble-how-to-work-sec .htw-process-wrap-one{margin-top:115px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-two{margin-top:120px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-three{margin-top:125px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-four{margin-top:120px;}
  .tumble-how-to-work-sec .htw-process-wrap-five{margin-top:125px;}
  .tumble-how-to-work-sec .htw-process-wrap-six{margin-top:125px;}
  .tumble-how-to-work-sec .htw-process-wrap-seven{margin-top:125px;}
  .tumble-how-to-work-sec .htw-process-wrap-seven .col-right{margin-right:65px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::after{height:56px; width:65px; right:-15px;}
  .tumble-how-to-work-sec .htw-process-wrap-two{padding:0 60px; gap:0 53px; margin-top:-230px;}
  .tumble-how-to-work-sec .htw-process-card-body{padding:40px 50px 50px 40px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-body{padding:22px 0 0; min-height:300px;}
  .tumble-how-to-work-sec .game-card-four .htw-process-card-body{padding:55px 158px 65px 158px;}
  .tumble-how-to-work-sec .htw-process-wrap-four{gap:0 55px;}
  .tumble-how-to-work-sec .htw-icon img{max-width:70%;}
  .tumble-how-to-work-sec .htw-icon{top:-53px; left:40px;}
  .tumble-how-to-work-sec .htw-icon-two{top:-16px;}
  .tumble-how-to-work-sec .htw-icon-four{top:-30px;}
  .tumble-how-to-work-sec .htw-sm-icon img{max-width:70%;}
  .tumble-how-to-work-sec .htw-sm-icon{top:-40px;}
  .tumble-how-to-work-sec .htw-set-icon{right:-67px;}
  .tumble-how-to-work-sec .htw-theme-shadow{bottom:-24px;}

  .tumble-game-expectation-sec .game-expectation-sec-outer{padding:0 0 240px; margin-top:56px;}
  .tumble-game-expectation-sec .game-expect-card-fig{max-width:175px;}
  .tumble-game-expectation-sec .game-expect-card-title{font-size:31px;}
  .tumble-game-expectation-sec .game-expect-details-item{font-size:20px;}
  .tumble-game-expectation-sec .game-expect-icon-block{top:-90px; margin-bottom:-95px;}
  .tumble-game-expectation-sec .game-expectation-list{gap:15px 96px;}
  .tumble-game-expectation-sec .game-expectation-item{margin-top:38px;}
  .tumble-game-expectation-sec .game-expectation-card-body{padding:0 54px 30px;}

  .tumble-game-summary{margin-top:-182px;}
  .tumble-game-summary .btn-bar .base-btn{margin:35px 0 57px;}
  .tumble-game-summary .game-summary-text{font-size:28px; padding-top:45px; max-width:881px;}
  .tumble-game-summary .game-summary-inner{border-radius:37px;}
  .tumble-game-summary .game-summary-outer{border-radius:41px;}

  .tumble-faq-sec .faq-block{padding:45px 0 0;}
  .tumble-faq-sec .faq-sec-outer{padding:0 0 65px;}
  .tumble-faq-sec .accordion-head-outer{min-height:76px; padding:0 20px 0 85px;}
  .tumble-faq-sec .accordion-item::before{width:60px; min-height:53px; font-size:33px;}
  .tumble-faq-sec .accordion-title{font-size:27px;}
  .tumble-faq-sec .accordion-text{font-size:24px;}
  .tumble-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:25px;}
  .tumble-faq-sec .accordion-body{padding:0 30px 0 90px;}
  .tumble-faq-sec .accordion-cont-bar{min-height:105px;}
  .tumble-faq-sec .accordion-item{margin-bottom:16px;}
  .tumble-faq-sec .accordion-card{border-radius:40px;}
}
@media(max-width:1023px){
  .tumble-game .video-block{margin-top:12px; border-radius:19px; padding:5px;}
  .tumble-game .sec-main-title{font-size:27px;}
  .tumble-game .btn-text{font-size:23px;}

  .tumble-about-us-sec .about-us-btn-bar{margin:30px 0px 55px;}
  .tumble-about-us-sec .about-us-text{padding-top:10px; font-size:20px; max-width:684px;}

  .tumble-how-to-work-sec .htw-process-wrap{padding:0 20px;}
  .tumble-how-to-work-sec .htw-process-card-title-bar{height:50px; border-radius:18px 18px 0 0;}
  .tumble-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .tumble-how-to-work-sec .htw-process-wrap-one{margin-top:75px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-two{margin-top:95px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-three{margin-top:95px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-four{margin-top:95px;}
  .tumble-how-to-work-sec .htw-process-wrap-five{margin-top:95px;}
  .tumble-how-to-work-sec .htw-process-wrap-six{margin-top:95px;}
  .tumble-how-to-work-sec .htw-process-wrap-seven{margin-top:95px;}
  .tumble-how-to-work-sec .htw-process-wrap-one .col-right{margin-right:40px;}
  .tumble-how-to-work-sec .htw-process-wrap-three .col-right{margin-left:40px;}
  .tumble-how-to-work-sec .htw-process-wrap-six .col-right{margin-left:40px;}
  .tumble-how-to-work-sec .htw-process-card-body{padding:40px 25px 40px 34px;}
  .tumble-how-to-work-sec .game-start-card .htw-process-card-body{padding:25px 38px 30px 25px; border-radius:0 0 18px 18px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-body{padding:18px 0 0; min-height:240px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::after{height:46px; width:56px; right:-33px;}
  .tumble-how-to-work-sec .game-card-three .htw-process-card-body{border-radius:20px;}
  .tumble-how-to-work-sec .game-card-four .htw-process-card-body{padding:40px 110px 45px 110px;}
  .tumble-how-to-work-sec .game-card-five .htw-process-card-body{border-radius:20px;}
  .tumble-how-to-work-sec .game-card-six .htw-process-card-body{border-radius:20px; padding:40px 20px 30px 30px;}
  .tumble-how-to-work-sec .game-card-seven .htw-process-card-body{border-radius:20px;}
  .tumble-how-to-work-sec .htw-process-wrap-two{gap:0 43px; margin-top:-185px;}
  .tumble-how-to-work-sec .htw-process-wrap-four{gap: 0 43px;}
  .tumble-how-to-work-sec .htw-process-card-outer{border-radius:20px;}
  .tumble-how-to-work-sec .htw-process-wrap .col-left{max-width:50%;}
  .tumble-how-to-work-sec .htw-process-wrap-two .col-left{max-width:47%;}
  .tumble-how-to-work-sec .htw-process-wrap-four .col-left{max-width:47%;}
  .tumble-how-to-work-sec .htw-icon img{max-width:60%;}
  .tumble-how-to-work-sec .htw-icon{top:-48px;}
  .tumble-how-to-work-sec .htw-icon-two{top:-12px;}
  .tumble-how-to-work-sec .htw-icon-four{top:-25px;}
  .tumble-how-to-work-sec .htw-sm-icon{top:-31px;}
  .tumble-how-to-work-sec .htw-sm-icon img{max-width:60%;}
  .tumble-how-to-work-sec .htw-theme-shadow{bottom:-19px;}

  .tumble-game-expectation-sec .game-expectation-sec-outer{padding:0 0 190px; margin-top:48px;}
  .tumble-game-expectation-sec .game-expectation-list{gap:0 75px;}
  .tumble-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 55px); margin-top:30px;}
  .tumble-game-expectation-sec .game-expectation-card-body{padding:0 20px 23px;}
  .tumble-game-expectation-sec .game-expect-icon-block{top:-48px; margin-bottom:-50px;}
  .tumble-game-expectation-sec .game-expect-card-fig{max-width:140px;}
  .tumble-game-expectation-sec .game-expect-card-title{font-size:26px;}
  .tumble-game-expectation-sec .game-expect-details-item{font-size:17px;}
  
  .tumble-game-summary{margin-top:-150px;}
  .tumble-game-summary .btn-bar .base-btn{margin:28px 0 45px;}
  .tumble-game-summary .game-summary-text{font-size:23px; padding-top:40px; max-width:670px;}
  .tumble-game-summary .game-summary-inner{border-radius:33px;}
  .tumble-game-summary .game-summary-outer{border-radius:37px;}

  .tumble-faq-sec .faq-sec-outer{padding:0 0 55px;}
  .tumble-faq-sec .faq-block{padding:32px 0 0;}
  .tumble-faq-sec .accordion-head-outer{min-height:66px; padding:0 15px 0 73px;}
  .tumble-faq-sec .accordion-item{margin-bottom:14px;}
  .tumble-faq-sec .accordion-item::before{width:52px; min-height:45px; font-size:30px;}
  .tumble-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:23px;}
  .tumble-faq-sec .accordion-title{font-size:24px;}
  .tumble-faq-sec .accordion-text{font-size:21px;}
  .tumble-faq-sec .accordion-body{padding:0 20px 0 75px;}
  .tumble-faq-sec .accordion-cont-bar{min-height:95px;}
  .tumble-faq-sec .accordion-card{border-radius:30px;}
}
@media(max-width:767px){
  .tumble-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 84%; margin:0;}
  .tumble-game .banner-sec-outer{margin:0;}
  .tumble-game .game-logo-fig{max-width:36%;}
  .tumble-game .video-block{max-width:90%; padding:3px; border-radius:10px; margin-top:3px;}
  .tumble-game .video-poster, .tumble-game .client-video{border-radius:8px;}
  .tumble-game .sec-head-bg{max-width:90%;}
  .tumble-game .sec-head-bg:not(.faq-head-bg, .expectation-head-bg){margin-top:1px;}
  .tumble-game .sec-main-title{font-size:20px; filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.5));}
  .tumble-game .btn-primary{display:none;}
  .tumble-game .btn-primary-mob{display:block;}
  .tumble-game .btn-text{font-size:22px;}

  .tumble-about-us-sec{filter:drop-shadow(0px -6px 0px #ffffff);}
  .tumble-about-us-sec .about-us-text{font-size:19px;}
  .tumble-about-us-sec .about-us-btn-bar{margin:25px 0px 40px;}

  .tumble-how-to-work-sec .htw-head-bg{max-width:75%;}
  .tumble-how-to-work-sec .htw-process-theme img{z-index:2;}
  .tumble-how-to-work-sec .htw-process-wrap-right .col-left::after{display:none;}
  .tumble-how-to-work-sec .htw-process-wrap-left .col-left::after{display:none;}
  .tumble-how-to-work-sec .htw-process-wrap .col-left{max-width:95%;}
  .tumble-how-to-work-sec .htw-process-wrap .col-right{margin:0;}
  .tumble-how-to-work-sec .htw-process-wrap .col-right{margin:42px 0 0;}
  .tumble-how-to-work-sec .htw-process-wrap{padding:0; flex-direction:column;}
  .tumble-how-to-work-sec .htw-process-card-title-bar{display:flex; justify-content:center; font-size:24px; border-radius:15px 15px 0 0;}
  .tumble-how-to-work-sec .htw-process-card-title{padding:0;}
  .tumble-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .tumble-how-to-work-sec .htw-process-card-body{text-align:center; padding:50px 15px;}
  .tumble-how-to-work-sec .game-start-card .htw-process-card-body{padding:50px 15px;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-outer{border-radius:15px 15px 0 0;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-body{padding:20px 0 120%; min-height:auto; border-radius:0;}
  .tumble-how-to-work-sec .game-card-four .htw-process-card-body{padding:48px 15px 35px;}
  .tumble-how-to-work-sec .game-card-six .htw-process-card-body{padding:50px 15px 10px;}
  .tumble-how-to-work-sec .game-card-seven .htw-process-card-body{padding:30px 15px 10px;}
  .tumble-how-to-work-sec .htw-theme-shadow{bottom:-7.5%; z-index:1;}
  .tumble-how-to-work-sec .htw-process-wrap-one{margin:0;}
  .tumble-how-to-work-sec .how-to-work-process-sec-two{margin-top:50px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-three{margin-top:35px;}
  .tumble-how-to-work-sec .how-to-work-process-sec-four{margin-top:35px;}
  .tumble-how-to-work-sec .htw-process-wrap-five{margin-top:35px;}
  .tumble-how-to-work-sec .htw-process-wrap-six{margin-top:35px;}
  .tumble-how-to-work-sec .htw-process-wrap-seven{margin-top:35px;}
  .tumble-how-to-work-sec .htw-process-wrap-two .col-right{max-width:95%; margin:0;}
  .tumble-how-to-work-sec .htw-process-wrap-four .col-right{max-width:95%; margin:50px 0 0;}
  .tumble-how-to-work-sec .how-to-work-process-sec-four::before{height:89%;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list{justify-content:start; padding-left:35px;}
  .tumble-how-to-work-sec .htw-process-wrap-two{padding:0 20px; gap:20px 0; margin-top:-117%;}
  .tumble-how-to-work-sec .htw-process-wrap-three .col-right{margin:85px 0 0;}
  .tumble-how-to-work-sec .htw-process-wrap-six .col-right{margin:50px 0 0;}
  .tumble-how-to-work-sec .htw-process-wrap-seven .col-right{margin:50px 0 0;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:80%; text-align:left;}
  .tumble-how-to-work-sec .game-card-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item::after{height:36px; width:46px; right:-31px; top:17px;}
  .tumble-how-to-work-sec .htw-icon{display:block; left:20px;}
  .tumble-how-to-work-sec .htw-icon img{max-width:55%;}
  .tumble-how-to-work-sec .htw-icon-three{top:-20px;}
  .tumble-how-to-work-sec .htw-icon-four{top:-15px;}
  .tumble-how-to-work-sec .htw-sm-icon img{max-width:55%;}
  .tumble-how-to-work-sec .htw-set-icon{right:-125px;}

  .tumble-game-expectation-sec .game-expectation-sec-outer{padding:0 0 35px;}
  .tumble-game-expectation-sec .expectation-head-bg{max-width:77%;}
  .tumble-game-expectation-sec .game-expect-card-title-bar::after{height:1px;}
  .tumble-game-expectation-sec .game-expect-card-title{font-size:18px;}
  .tumble-game-expectation-sec .game-expect-details-item{font-size:12px;}
  .tumble-game-expectation-sec .game-expect-card-fig{max-width:100px;}
  .tumble-game-expectation-sec .game-expectation-card-outer{border-radius:22px; padding:3px; margin-bottom:30px; filter:drop-shadow(4.243px 4.243px 7.5px rgba(0,0,0,0.48));}
  .tumble-game-expectation-sec .game-expectation-card-body{border-radius:20px; padding: 0 20px 10px;}
  .tumble-game-expectation-sec .game-expect-icon-block{top:-42px; margin-bottom:-45px;}
  .tumble-game-expectation-sec .game-expectation-item{margin-top:9px;}
  .tumble-game-expectation-sec .owl-carousel .owl-dot span{background:#fcedf6; width:12px; height: 12px; border:none;}
  .tumble-game-expectation-sec .owl-carousel .owl-dot.active span{background:#eccd11;}
  .tumble-game-expectation-sec .owl-carousel .owl-dot{margin:2px 4px;}

  .tumble-game-summary{margin:0;}
  .tumble-game-summary .container{padding:0;}
  .tumble-game-summary .btn-bar .base-btn{margin:25px 0 32px;}
  .tumble-game-summary .game-summary-outer{padding:3px 0; border-radius:0;}
  .tumble-game-summary .game-summary-inner{border-radius:0;}
  .tumble-game-summary .game-summary-text{font-size:18px; max-width:100%; padding:35px 8px 0;}

  .tumble-faq-sec .faq-head-bg{max-width:65%;}
  .tumble-faq-sec .faq-block{padding:7px 0 0;}
  .tumble-faq-sec .faq-sec-outer{padding:0 0 27px;}
  .tumble-faq-sec .accordion-title{font-size:14px;}
  .tumble-faq-sec .accordion-text{font-size:14px;}
  .tumble-faq-sec .accordion-head-outer{min-height:50px; padding:0 8px 0 50px;}
  .tumble-faq-sec .accordion-item::before{width:34px; min-width:34px; min-height:34px; font-size:20px; top:9px; left:8px; padding:0px;}
  .tumble-faq-sec .accordion-body{padding:0 10px 0 42px;}
  .tumble-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .tumble-faq-sec .accordion-cont-bar{min-height:74px;}
  .tumble-faq-sec .accordion-card{border-radius:25px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Tumble Game Game CSS End // ***************************** */



/* ***************************** // Tetragram Puzzle Game CSS Start // ***************************** */
.tetragram-puzzle-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Bungee';
--font-base1:'KimberleyBl-Regular';
--font-base2:'Geogrotesque', sans-serif;
--font-btn:'Roboto', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.tetragram-puzzle-game .header{box-shadow:none;}
.tetragram-puzzle-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.tetragram-puzzle-game .active .nav-item-label, .tetragram-puzzle-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.tetragram-puzzle-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:cover; position:relative; margin-top:-80px;}
.tetragram-puzzle-game .video-poster, .tetragram-puzzle-game .client-video{top:12.3%; left:7.7%; right:auto; height:calc(100% - 23.9%); width:calc(100% - 15.5%); bottom:auto; border-radius:0;}
.tetragram-puzzle-game .game-logo-fig{max-width:40%; position:relative;}
.tetragram-puzzle-game .video-block{max-width:53%; margin-top:-159px; position:relative; overflow:inherit;}
.tetragram-puzzle-game .banner-sec-outer{background:transparent; padding:0px; position:relative; margin-top:65px;}
.tetragram-puzzle-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.tetragram-puzzle-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.tetragram-puzzle-game .banner-sec-video{background:transparent;}
.tetragram-puzzle-game .video-frame:after{display:none;}
.tetragram-puzzle-game .video-shadow{left:100px; bottom:12px; width:calc(100% + -210px);}

.tetragram-puzzle-game .sec-head-outer{float:left; width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.tetragram-puzzle-game .sec-head{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.tetragram-puzzle-game .sec-head-bg{float:left; width:100%; filter:drop-shadow(0 0 13px #ff19b0);}
.tetragram-puzzle-game .sec-main-title{position:absolute; font-size:50px; letter-spacing:1px; color:var(--clr-action-alt); text-transform:uppercase; font-weight:400; font-family:var(--font-base);}
.tetragram-puzzle-game .title-right{display:grid; text-align:right;}
.tetragram-puzzle-game .text-right{text-align:right;}
.tetragram-puzzle-game .highlight-text{color:#ff9222;}

.tetragram-puzzle-game .btn-bar .base-btn{margin:30px 0 65px;}
.tetragram-puzzle-game .btn-text{font-size:30px; padding-bottom:0.5vmin; letter-spacing:1px; text-transform:uppercase; font-weight:400; filter:drop-shadow(0px 2px 0px #043e35); font-family:var(--font-base); text-shadow:none;}

/* About us CSS Start */
.tetragram-puzzle-about-us-sec{background:linear-gradient(180deg, #e1afcb 0%, #7530e3 100%); position:relative; margin-top:-12.3%; padding-top:13.9%;}
.tetragram-puzzle-about-us-sec .about-us-text{font-size:40px; letter-spacing:1px; padding-top:20px; max-width:1130px; color:var(--clr-action-alt); text-transform:uppercase; font-family:var(--font-base1); text-align:center;}
.tetragram-puzzle-about-us-sec .about-icon img{float:left; width:100%;}
.tetragram-puzzle-about-us-sec .about-icon{position:absolute;}
.tetragram-puzzle-about-us-sec .about-icon-one{bottom:0;}
.tetragram-puzzle-about-us-sec .about-icon-two{bottom:0; right:0;}
/* About us CSS End */

/* How to work CSS Start */
.tetragram-puzzle-how-to-work-sec .htw-process-wrap .col-left{max-width:48%; position:relative; padding:0;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap .col-right{position:relative; padding:0; max-width:100%;}
.tetragram-puzzle-how-to-work-sec .htw-process-theme{filter:drop-shadow(0 0 15px rgba(0,255,246,0.2));}
.tetragram-puzzle-how-to-work-sec .htw-process-card-outer{background:none; border-radius:0;}
.tetragram-puzzle-how-to-work-sec .htw-process-card-title{font-size:80px; letter-spacing:2px; line-height:1em; font-family:var(--font-base);  color:#ff007e; font-weight:400;}
.tetragram-puzzle-how-to-work-sec .htw-process-card-title .word-label{display:grid;}
.tetragram-puzzle-how-to-work-sec .htw-process-card-list{padding:0; margin-top:10px;}
.tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:32px; padding-left:4px; text-transform:uppercase; color:var(--clr-base); font-family:var(--font-base1);}
.tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.tetragram-puzzle-how-to-work-sec .htw-process-theme:after{display:none;}
.tetragram-puzzle-how-to-work-sec .theme-icon{position:absolute;}
.tetragram-puzzle-how-to-work-sec .theme-icon img{float:left; width:100%;}
.tetragram-puzzle-how-to-work-sec .theme-icon-one{right:-46px; top:-48px;}
.tetragram-puzzle-how-to-work-sec .theme-icon-two{bottom:-49px; left:-49px;}
.tetragram-puzzle-how-to-work-sec .arrow-icon img{float:left; width:100%;}
.tetragram-puzzle-how-to-work-sec .arrow-icon{position:absolute;}
.tetragram-puzzle-how-to-work-sec .arrow-right{top:-100px; left:55px;}
.tetragram-puzzle-how-to-work-sec .arrow-left{top:38px; right:38px;}
.tetragram-puzzle-how-to-work-sec .arrow-left-two{top:30px;}
.tetragram-puzzle-how-to-work-sec .arrow-left-four{top:84px;}
.tetragram-puzzle-how-to-work-sec .htw-process-card-body{padding:135px 195px 0 0;}
.tetragram-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:4px 100px 40px 210px;}
.tetragram-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:140px 195px 0 20px;}
.tetragram-puzzle-how-to-work-sec .game-card-three .htw-process-card-body{padding:4px 19px 14px 210px;}
.tetragram-puzzle-how-to-work-sec .game-card-four .htw-process-card-body{padding:190px 195px 0 20px;}
.tetragram-puzzle-how-to-work-sec .game-card-five .htw-process-card-body{padding:0px 65px 130px 215px;}
.tetragram-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0px 55px 180px 215px;}
.tetragram-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:90px;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:100px;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:200px;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:240px;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:190px;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:240px; padding:0; flex-direction:row;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:190px; flex-direction:row-reverse;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:240px; padding:0; flex-direction:row;}
.tetragram-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:190px; flex-direction:row-reverse;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.tetragram-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:95px 0 380px; margin-top:187px;}
.tetragram-puzzle-game-expectation-sec .game-expectation-card-outer{padding:0; border-radius:0; margin-top:0;}
.tetragram-puzzle-game-expectation-sec .game-expectation-card-body{background:none; box-shadow:none; padding:10px 20px 50px;}
.tetragram-puzzle-game-expectation-sec .game-expect-card-title{font-size:42px; letter-spacing:1px; line-height:1em; text-transform:uppercase; color:#ff007e; font-weight:400; font-family:var(--font-base);}
.tetragram-puzzle-game-expectation-sec .game-expect-details-item{font-size:26px; padding:0; text-transform:uppercase; text-align:center; color:var(--clr-base); font-family:var(--font-base1);}
.tetragram-puzzle-game-expectation-sec .game-expect-details-item:before{display:none;}
.tetragram-puzzle-game-expectation-sec .game-expect-card-fig{max-width:250px;}
.tetragram-puzzle-game-expectation-sec .game-expect-icon-block{top:0; margin-bottom:-15px;}
.tetragram-puzzle-game-expectation-sec .game-expectation-item{margin-top:36px;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.tetragram-puzzle-game-summary {margin-top:-253px;}
.tetragram-puzzle-game-summary .btn-bar .base-btn{margin:15px 0 63px;}
.tetragram-puzzle-game-summary .game-summary-outer{background:linear-gradient(180deg, #0941fb 0%, #070156 100%, #070156 100%); position:relative;}
.tetragram-puzzle-game-summary .game-summary-text{font-size:40px; max-width:980px; padding-top:75px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:bold; font-family:var(--font-base2);}
.tetragram-puzzle-game-summary .game-summary-icon-one img{float:left; width:100%}
.tetragram-puzzle-game-summary .game-summary-icon-two img{float:left; width:100%}
.tetragram-puzzle-game-summary .game-summary-icon-one{position:absolute; left:5px; top:40px; filter:drop-shadow(-3.363px 75.5px 28.5px rgba(0,4,14,0.53));}
.tetragram-puzzle-game-summary .game-summary-icon-two{position:absolute; right:-65px; bottom:25px; filter:drop-shadow(-3.363px 57px 28.5px rgba(0,4,14,0.53));}
/* Game Summary CSS End */

/* FAQs CSS Start */
.tetragram-puzzle-faq-sec .faq-sec-outer{padding:114px 0 115px;}
.tetragram-puzzle-faq-sec .faq-block{padding-top:72px;}
.tetragram-puzzle-faq-sec .faq-list.accordion{counter-reset:li;}
.tetragram-puzzle-faq-sec .accordion-card{padding:0; border:none;}
.tetragram-puzzle-faq-sec .accordion-head{padding:0 0 15px;}
.tetragram-puzzle-faq-sec .accordion-head-outer{filter:drop-shadow(0px 4px 2.5px rgba(0,0,0,0.4)); box-shadow:none; padding:0 15px 0 127px; min-height:80px; border-radius:0; background:#2c0482;}
.tetragram-puzzle-faq-sec .accordion-title{font-size:33px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-base);}
.tetragram-puzzle-faq-sec .accordion-text{font-size:30px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-base); font-weight:bold; font-family:var(--font-base2);}
.tetragram-puzzle-faq-sec .accordion-item{position:relative; margin-bottom:25px;}
.tetragram-puzzle-faq-sec .accordion-item::before{content: '0' counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; font-size:40px; letter-spacing:1px; font-weight:400; font-family: var(--font-base); left: 10px; top: -9px; width: 95px; min-height: 95px; color:var(--clr-action-alt); background:url("../images/tetragram-puzzle/faq-list-icon.webp") no-repeat center; background-size:cover; margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.tetragram-puzzle-faq-sec .accordion-body{background:#e8e8e8; padding:0 40px 0 130px;}
.tetragram-puzzle-faq-sec .accordion-cont-bar{min-height:126px; padding:15px 0px;}
.tetragram-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#fe5967; font-size:27px;}
.tetragram-puzzle-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
/* FAQs CSS End */

.tetragram-puzzle-game .footer{background:#090040;} 
.tetragram-puzzle-game .copyright-text{color:var(--clr-action-alt); font-weight:400;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px) {
  .tetragram-puzzle-game .banner-sec{margin-top:-4.25%;}
  .tetragram-puzzle-game .banner-sec-outer{margin-top:38px;}
  .tetragram-puzzle-game .video-block{max-width:55%; margin-top:-120px;}
  .tetragram-puzzle-game .game-logo-fig{max-width:38%;}
  .tetragram-puzzle-game .video-shadow{left: 70px; bottom:9px; width:calc(100% + -135px);}
  .tetragram-puzzle-game .btn-bar .base-btn{margin:25px 0 57px;}
  .tetragram-puzzle-game .btn-text{font-size:24px;}

  .tetragram-puzzle-game .sec-head-bg{max-width:65%;}
  .tetragram-puzzle-game .sec-main-title{font-size:40px;}

  .tetragram-puzzle-about-us-sec{margin-top:-15%; padding-top:16.9%;}
  .tetragram-puzzle-about-us-sec .about-icon{max-width:21%;}
  .tetragram-puzzle-about-us-sec .about-us-text{font-size:32px; max-width:918px; padding-top:15px;}

  .tetragram-puzzle-how-to-work-sec .htw-head-bg{max-width:48%;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap{padding:0 15px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap .col-left{max-width:50%;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-title{font-size:65px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:25px;}
  .tetragram-puzzle-how-to-work-sec .theme-icon img{max-width:80%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-two{bottom:-40px; left:-40px;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-one{right:-55px; top:-38px;}
  .tetragram-puzzle-how-to-work-sec .arrow-icon img{max-width:80%;}
  .tetragram-puzzle-how-to-work-sec .arrow-right{top:-80px; left:45px;}
  .tetragram-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:4px 50px 42px 168px;}
  .tetragram-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:115px 140px 0 20px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-alt{top:27px; right:-16px;}
  .tetragram-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:80px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:80px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:180px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:220px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:170px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:220px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:170px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:220px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:170px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-body{padding:103px 142px 0 20px;}
  .tetragram-puzzle-how-to-work-sec .game-card-three .htw-process-card-body{padding:0px 0 0px 165px;}
  .tetragram-puzzle-how-to-work-sec .game-card-four .htw-process-card-body{padding:140px 134px 0px 0px;}
  .tetragram-puzzle-how-to-work-sec .game-card-five .htw-process-card-body{padding:0px 10px 110px 172px;}
  .tetragram-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0px 0 150px 170px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left{top:25px; right:-23px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-four{top:53px;}

  .tetragram-puzzle-game-expectation-sec .expectation-head-bg{max-width:49%;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:85px 0 330px; margin-top:167px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-fig{max-width:215px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-title{font-size:36px; margin-bottom:18px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-card-body{padding:27px 20px 45px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-details-item{font-size:23px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-item{margin-top:30px;}

  .tetragram-puzzle-game-summary{margin-top:-220px;}
  .tetragram-puzzle-game-summary .btn-bar .base-btn{margin:13px 0 52px;}
  .tetragram-puzzle-game-summary .game-summary-text{font-size:35px; max-width:866px; padding-top:60px;}
  .tetragram-puzzle-game-summary .game-summary-icon-one img{max-width:80%;}
  .tetragram-puzzle-game-summary .game-summary-icon-two img{max-width:80%;}
  .tetragram-puzzle-game-summary .game-summary-icon-one{filter:drop-shadow(-3.363px 46.5px 21.5px rgba(0,4,14,0.53));}
  .tetragram-puzzle-game-summary .game-summary-icon-two{right:-80px; bottom:20px; filter:drop-shadow(-4.363px 42px 18.5px rgba(0,4,14,0.53));}

  .tetragram-puzzle-faq-sec .faq-sec-outer{padding:100px 0 90px;}
  .tetragram-puzzle-faq-sec .faq-block{padding-top:62px;}
  .tetragram-puzzle-faq-sec .faq-head-bg{max-width:44%;}
  .tetragram-puzzle-faq-sec .accordion-head-outer{min-height:75px; padding:0 12px 0 120px;}
  .tetragram-puzzle-faq-sec .accordion-title{font-size:30px;} 
  .tetragram-puzzle-faq-sec .accordion-item::before{font-size:37px; left:9px; top:-8px; width:90px; min-height:90px;}
  .tetragram-puzzle-faq-sec .accordion-text{font-size:27px;}
  .tetragram-puzzle-faq-sec .accordion-body{padding:0 35px 0 120px;}
  .tetragram-puzzle-faq-sec .accordion-cont-bar{min-height:115px;}
  .tetragram-puzzle-faq-sec .accordion-item{margin-bottom:22px;}
}
@media(max-width:1280px) { 
  .tetragram-puzzle-game .banner-sec-outer{margin-top:30px;}
  .tetragram-puzzle-game .video-block{margin-top:-105px; max-width:57%;}
  .tetragram-puzzle-game .game-logo-fig{max-width:37%;}
  
  .tetragram-puzzle-game .sec-main-title{font-size:33px;}
  .tetragram-puzzle-game .btn-bar .base-btn{margin:20px 0 48px;}
  .tetragram-puzzle-game .btn-text{font-size:20px;} 
  
  .tetragram-puzzle-about-us-sec{margin-top:-16%; padding-top:18%;}
  .tetragram-puzzle-about-us-sec .about-us-text{font-size:29px; max-width:835px; padding-top:10px;}

  .tetragram-puzzle-how-to-work-sec .theme-icon img{max-width:70%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-one{right:-60px; top:-33px;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-two{bottom:-34px; left:-34px;}
  .tetragram-puzzle-how-to-work-sec .arrow-icon img{max-width:65%;}
  .tetragram-puzzle-how-to-work-sec .arrow-right{top:-66px; left:39px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left{top:39px; right:-53px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-two{top:16px; right:-47px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-four{top:46px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-title{font-size:55px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-body{padding:100px 110px 0 0;}
  .tetragram-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:0px 42px 30px 140px}
  .tetragram-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:85px 112px 0 0px;}
  .tetragram-puzzle-how-to-work-sec .game-card-three .htw-process-card-body{padding:0px 0 0px 138px;}
  .tetragram-puzzle-how-to-work-sec .game-card-four .htw-process-card-body{padding:110px 100px 0px 0px;}
  .tetragram-puzzle-how-to-work-sec .game-card-five .htw-process-card-body{padding:0px 10px 105px 142px;}
  .tetragram-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 0 117px 140px;}
  .tetragram-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:70px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:60px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:160px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:200px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:150px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:200px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:150px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:200px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:150px; padding-right:30px;}

  .tetragram-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:75px 0 290px; margin-top:147px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-card-body{padding:27px 20px 35px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-fig{max-width:175px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-title{font-size:30px; margin-bottom:16px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-details-item{font-size:19px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-item{margin-top:25px;}

  .tetragram-puzzle-game-summary{margin-top:-200px;}
  .tetragram-puzzle-game-summary .btn-bar .base-btn{margin:11px 0 48px;}
  .tetragram-puzzle-game-summary .game-summary-text{font-size:32px; max-width:790px; padding-top:50px;}
  .tetragram-puzzle-game-summary .game-summary-icon-one img{max-width:65%;}
  .tetragram-puzzle-game-summary .game-summary-icon-two img{max-width:65%;}
  .tetragram-puzzle-game-summary .game-summary-icon-one{filter:drop-shadow(-3.363px 34.5px 16px rgba(0,4,14,0.53));}
  .tetragram-puzzle-game-summary .game-summary-icon-two{filter:drop-shadow(-4.363px 45px 18.5px rgba(0,4,14,0.53));}

  .tetragram-puzzle-faq-sec .faq-sec-outer{padding:80px 0 70px;}
  .tetragram-puzzle-faq-sec .faq-block{padding:50px 0 0;}
  .tetragram-puzzle-faq-sec .accordion-head-outer{min-height:70px; padding:0 10px 0 103px;}
  .tetragram-puzzle-faq-sec .accordion-title{font-size:27px;}
  .tetragram-puzzle-faq-sec .accordion-text{font-size:24px;}
  .tetragram-puzzle-faq-sec .accordion-item::before{font-size:34px; left:7px; top:-6px; width:80px; min-height:80px;}
  .tetragram-puzzle-faq-sec .accordion-head{padding:0 0 12px;}
  .tetragram-puzzle-faq-sec .accordion-body{padding:0 30px 0 105px;}
  .tetragram-puzzle-faq-sec .accordion-cont-bar{min-height:100px;}
  .tetragram-puzzle-faq-sec .accordion-item{margin-bottom:18px;}
  .tetragram-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
}
@media(max-width:1023px) { 
  .tetragram-puzzle-game .banner-sec{margin-top:-32px;}
  .tetragram-puzzle-game .video-block{max-width:60%; margin-top:-80px;}
  .tetragram-puzzle-game .banner-sec-outer{margin-top:24px;}
  
  .tetragram-puzzle-game .sec-head-bg{filter:drop-shadow(0 0 9px #ff19b0); max-width:72%;}
  .tetragram-puzzle-game .sec-main-title{font-size:27px;}
  .tetragram-puzzle-game .btn-bar .base-btn{margin:15px 0 36px;}
  .tetragram-puzzle-game .btn-text{font-size:17px;}

  .tetragram-puzzle-about-us-sec{margin-top:-18%; padding-top:19.5%;}
  .tetragram-puzzle-about-us-sec .about-us-text{font-size:22px; max-width:642px; padding-top:5px;}

  .tetragram-puzzle-how-to-work-sec .htw-head-bg{max-width:50%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon img{max-width:60%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-one{right:-65px; top:-29px;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-two{bottom:-29px; left:-29px;}
  .tetragram-puzzle-how-to-work-sec .arrow-icon img{max-width:55%;}
  .tetragram-puzzle-how-to-work-sec .arrow-right{top:-58px; left:31px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left{right:-70px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-two{top:27px; right:-66px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left-four{top:44px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap{padding:0;}
  .tetragram-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:60px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:45px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-two{margin-top:120px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-three{margin-top:160px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-four{margin-top:110px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-five{margin-top:160px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-six{margin-top:110px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-seven{margin-top:160px; padding-left:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-eight{margin-top:110px; padding-right:30px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-title{font-size:38px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-body{padding:90px 93px 0 0;}
  .tetragram-puzzle-how-to-work-sec .game-start-card .htw-process-card-body{padding:0 9px 0 114px;}
  .tetragram-puzzle-how-to-work-sec .game-card-two .htw-process-card-body{padding:85px 93px 0 0px;}
  .tetragram-puzzle-how-to-work-sec .game-card-three .htw-process-card-body{padding:0 0 0px 116px;}
  .tetragram-puzzle-how-to-work-sec .game-card-four .htw-process-card-body{padding:100px 87px 0px 0px;}
  .tetragram-puzzle-how-to-work-sec .game-card-five .htw-process-card-body{padding:0px 26px 35px 113px;}
  .tetragram-puzzle-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 0 70px 113px;}

  .tetragram-puzzle-game-expectation-sec .expectation-head-bg{max-width:60%;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:60px 0 225px; margin-top:127px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-fig{max-width:152px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-title{font-size:24px; margin-bottom:12px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 50px); margin-top:23px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-card-body{padding:45px 20px 35px;}

  .tetragram-puzzle-game-summary{margin-top:-155px;}
  .tetragram-puzzle-game-summary .btn-bar .base-btn{margin:8px 0 30px;}
  .tetragram-puzzle-game-summary .game-summary-text{font-size:23px; max-width:566px; padding-top:45px;}
  .tetragram-puzzle-game-summary .game-summary-icon-one img{max-width:50%;}
  .tetragram-puzzle-game-summary .game-summary-icon-one{filter:drop-shadow(-3.363px 20px 16px rgba(0,4,14,0.53));}
  .tetragram-puzzle-game-summary .game-summary-icon-two img{max-width:50%;}
  .tetragram-puzzle-game-summary .game-summary-icon-two{right:-106px; bottom:10px; filter:drop-shadow(-4.363px 32px 18.5px rgba(0,4,14,0.53));}

  .tetragram-puzzle-faq-sec .faq-head-bg{max-width:45%;}
  .tetragram-puzzle-faq-sec .faq-block{padding:35px 0 0;}
  .tetragram-puzzle-faq-sec .faq-sec-outer{padding:60px 0 55px;}
  .tetragram-puzzle-faq-sec .accordion-title{font-size:22px;}
  .tetragram-puzzle-faq-sec .accordion-text{font-size:19px;}
  .tetragram-puzzle-faq-sec .accordion-head{padding:0 0 11px;}
  .tetragram-puzzle-faq-sec .accordion-head-outer{min-height:65px; padding:0 10px 0 93px;}
  .tetragram-puzzle-faq-sec .accordion-item::before{font-size:25px; left:5px; top:-5px; width:75px; min-height:75px;}
  .tetragram-puzzle-faq-sec .accordion-body{padding:0 20px 0 95px;}
  .tetragram-puzzle-faq-sec .accordion-cont-bar{min-height:80px;}
  .tetragram-puzzle-faq-sec .accordion-item{margin-bottom:15px;}
  .tetragram-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:22px;}
}
@media(max-width:767px) {
  .tetragram-puzzle-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 78.8%; margin:0;}
  .tetragram-puzzle-game .banner-sec-outer{margin:0;}
  .tetragram-puzzle-game .game-logo-fig{max-width:50%;}
  .tetragram-puzzle-game .video-block{margin-top:-43px;; max-width:100%;}
  .tetragram-puzzle-game .video-shadow{left:40px; bottom:5px; width:calc(100% + -80px);}
  .tetragram-puzzle-game .btn-bar .base-btn{max-width:56%;}
  
  .tetragram-puzzle-game .sec-head-bg{max-width:95%; filter:drop-shadow(0 0 10px rgba(255,25,176,0.5));}
  .tetragram-puzzle-game .sec-main-title{font-size: 23px; letter-spacing:0px;}
  .tetragram-puzzle-game .btn-text{font-size: 17px; letter-spacing:0px;}
  
  .tetragram-puzzle-about-us-sec .about-head-title{font-size:17px;}
  .tetragram-puzzle-about-us-sec .about-us-text{font-size:16px; padding-top:10px;}
  .tetragram-puzzle-about-us-sec .about-icon{max-width:24%;}

  .tetragram-puzzle-how-to-work-sec .htw-head-bg{max-width:90%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon img{max-width:48%;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-one{right:-71px; top:-23px;}
  .tetragram-puzzle-how-to-work-sec .theme-icon-two{bottom:-24px; left:-24px;}
  .tetragram-puzzle-how-to-work-sec .arrow-left{display:none;}
  .tetragram-puzzle-how-to-work-sec .arrow-right{display:none;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-title .word-label{display:inline;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-title{font-size:28px; display:inline; letter-spacing:1px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0; margin:0; font-size:16px; text-align:center;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap .col-left{max-width:85%; margin:0;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap{padding:0; flex-direction:column; margin-top:50px;}
  .tetragram-puzzle-how-to-work-sec .how-to-work-process-sec-one{margin-top:40px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-wrap-one{margin-top:25px;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-outer{padding:0;}
  .tetragram-puzzle-how-to-work-sec .htw-process-card-body{padding:47px 0 0 !important;}

  .tetragram-puzzle-game-expectation-sec .expectation-head-bg{max-width:90%;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-sec-outer{padding:40px 0; margin-top:30px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; display:flex; justify-content:center; align-items:center;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-title{font-size:23px; letter-spacing:0px; margin-top:5px; max-width:200px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .tetragram-puzzle-game-expectation-sec .game-expect-card-fig{max-width:138px;}
  .tetragram-puzzle-game-expectation-sec .game-expectation-card-body{padding:28px 10px 5px;}
  .tetragram-puzzle-game-expectation-sec .owl-carousel .owl-dots{display:none}

  .tetragram-puzzle-game-summary{margin:0;}
  .tetragram-puzzle-game-summary .container{padding:0;}
  .tetragram-puzzle-game-summary .btn-bar .base-btn{margin:16px 0 30px;}
  .tetragram-puzzle-game-summary .game-summary-text{font-size:18px; padding:38px 10px 0; max-width:100%;}
  .tetragram-puzzle-game-summary .game-summary-icon-one img{max-width:32%;}
  .tetragram-puzzle-game-summary .game-summary-icon-one{top:-15px; filter:none;}
  .tetragram-puzzle-game-summary .game-summary-icon-two img{max-width:32%;}
  .tetragram-puzzle-game-summary .game-summary-icon-two{right:-125px;}

  .tetragram-puzzle-faq-sec .faq-head-bg{max-width:80%;}
  .tetragram-puzzle-faq-sec .faq-block{padding:12px 0 0;}
  .tetragram-puzzle-faq-sec .faq-sec-outer{padding:37px 0 25px;}
  .tetragram-puzzle-faq-sec .accordion-item::before{font-size:24px; letter-spacing:0; left:3px; top:-3px; width:55px; min-height:55px;}
  .tetragram-puzzle-faq-sec .accordion-title{font-size:15px; letter-spacing:0;}
  .tetragram-puzzle-faq-sec .accordion-text{font-size:15px; letter-spacing:0;}
  .tetragram-puzzle-faq-sec .accordion-head{padding:0 0 6px;}
  .tetragram-puzzle-faq-sec .accordion-head-outer{min-height:49px; padding:0 5px 0 65px; filter:none;}
  .tetragram-puzzle-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .tetragram-puzzle-faq-sec .accordion-body{padding:0 10px;}
  .tetragram-puzzle-faq-sec .accordion-cont-bar{min-height:66px; padding:5px 0;}
  .tetragram-puzzle-faq-sec .accordion-item{margin-bottom:6px;}
}
@media(max-width:374px) {
  .tetragram-puzzle-faq-sec .accordion-title{font-size:14px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Tetragram Puzzle Game CSS End // ***************************** */




/* ***************************** // Clear The Board Game CSS Start // ***************************** */
.clear-the-board-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Anja Eliane', sans-serif;
--font-action:'AntennaCond-bold', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.clear-the-board-game .header{box-shadow:none;}
.clear-the-board-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.clear-the-board-game .active .nav-item-label, .clear-the-board-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.clear-the-board-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 92%; position:relative; margin-top:-4.2%;}
.clear-the-board-game .video-poster, .clear-the-board-game .client-video{top:6%; left:3.2%; right:auto; height:calc(100% - 12%); width:calc(100% - 6.5%); bottom:auto; border-radius:0;}
.clear-the-board-game .game-logo-fig{max-width:28%; position:relative;}
.clear-the-board-game .video-block{max-width:54%; margin-top:7px; position:relative; overflow:inherit; border-radius:32px;}
.clear-the-board-game .banner-sec-outer{background:transparent; padding:0px; position:relative; margin-top:5.5%;}
.clear-the-board-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.clear-the-board-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.clear-the-board-game .banner-sec-video{background:transparent;}
.clear-the-board-game .video-shadow{left:3.5%; bottom:-8%; width:calc(100% - 6.5%);}

.clear-the-board-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.clear-the-board-game .htw-head-outer{margin-top:-15px; position:relative; z-index:1;}
.clear-the-board-game .sec-main-title{position:absolute; padding-bottom:1.5vmax; font-size:50px; letter-spacing:1px; color:var(--clr-action-alt); font-family:var(--font-base);}
.clear-the-board-game .btn-bar .base-btn{filter:drop-shadow(0px 13px 7px rgba(0,0,0,0.28));}
.clear-the-board-game .btn-text{font-size:45px; letter-spacing:4px; font-family:var(--font-base); font-weight:normal; text-shadow:none;}
.clear-the-board-game .btn-text:before{content:attr(title); position:absolute; -webkit-text-stroke:6.5px rgba(0,0,0,0.7); left:0; z-index:-1; right:0; text-transform:uppercase; }
.clear-the-board-game .highlight-text{color:#7238c1;}
.clear-the-board-game .highlight-text-two{color:#f443c7;}

/* About us CSS Start */
.clear-the-board-about-us-sec{background:linear-gradient(180deg, #00f1fd 0%, #4fabfd 100%); margin-top:-5%; padding-top:9.4%; position:relative;}
.clear-the-board-about-us-sec .about-us-text{font-size:40px; letter-spacing:1px; color:var(--clr-base); text-align:center; font-family:var(--font-action); padding-top:15px; max-width:1208px;}
.clear-the-board-about-us-sec .about-us-btn-bar{margin:55px 0 100px;}
.clear-the-board-about-us-sec .about-bg-icon img{float:left; width:100%;}
.clear-the-board-about-us-sec .about-bg-icon{position:absolute;}
.clear-the-board-about-us-sec .about-bg-icon-one{top:8.5%; left:1%;}
.clear-the-board-about-us-sec .about-bg-icon-two{right:1%; bottom:6%;}
/* About us CSS End */

/* How to work CSS Start */
.clear-the-board-how-to-work-sec .htw-process-theme:after{display:none;}
.clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.clear-the-board-how-to-work-sec .htw-process-wrap .col-left{max-width:57%; margin:0; padding:0; position:relative;}
.clear-the-board-how-to-work-sec .htw-process-wrap .col-right{margin:0; padding:0;}
.clear-the-board-how-to-work-sec .htw-process-card-title{font-size:45px; position:absolute; padding-top:6px; letter-spacing:4px; font-family:var(--font-base); font-weight:normal;}
.clear-the-board-how-to-work-sec .htw-process-card-title:before{content:attr(title); position:absolute; -webkit-text-stroke:6.5px #213711; left:0; z-index:-1; right:0; text-transform:uppercase; }
.clear-the-board-how-to-work-sec .game-card-three .htw-process-card-title:before{-webkit-text-stroke:6.5px rgba(90,32,0,0.7);}
.clear-the-board-how-to-work-sec .game-card-four .htw-process-card-title:before{-webkit-text-stroke:6px rgba(90,32,0,0.7);}
.clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:70px; padding:0; position:unset; text-shadow:none; font-weight:normal; font-family:var(--font-base); letter-spacing:1px; line-height:1em; text-transform:uppercase; color:#f443c7;}
.clear-the-board-how-to-work-sec .htw-process-card-title .word-label{display:grid;}
.clear-the-board-how-to-work-sec .htw-process-card-title-block{float:left;}
.clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title-bar{justify-content:start;}
.clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title-bar{justify-content:end; text-align:right;}
.clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 70px 0 0; text-align:right;}
.clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title{font-size:70px; padding:0; position:unset; text-shadow:none; font-weight:normal; font-family:var(--font-base); letter-spacing:1px; line-height:1em; text-transform:uppercase; color:#f443c7;}
.clear-the-board-how-to-work-sec .htw-process-card-title-bar{position:relative; display:flex; justify-content:center; align-items:center;}
.clear-the-board-how-to-work-sec .htw-title-bg{position:relative; z-index:-1; filter:drop-shadow(0px 13px 7px rgba(0,0,0,0.28)); display:flex; justify-content:center; align-items:center;}
.clear-the-board-how-to-work-sec .htw-process-card-list{padding:0;}
.clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:32px; padding:0; text-transform:uppercase; color:var(--clr-base); font-family:var(--font-action);}
.clear-the-board-how-to-work-sec .htw-process-card-outer{background:none; border-radius:0;}
.clear-the-board-how-to-work-sec .htw-process-card-body{padding:80px;}
.clear-the-board-how-to-work-sec .game-start-card .htw-process-card-body{padding:0 100px 0 60px;}
.clear-the-board-how-to-work-sec .game-card-five .htw-process-card-body{padding:0px 70px 0 0; text-align:right;}
.clear-the-board-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 40px 0 60px;}
.clear-the-board-how-to-work-sec .game-card-nine .htw-process-card-body{padding:0 0 0 60px;}
.clear-the-board-how-to-work-sec .game-card-ten .htw-process-card-body{text-align:right;}
.clear-the-board-how-to-work-sec .htw-process-wrap{margin:0; padding:0;}
.clear-the-board-how-to-work-sec .htw-process-wrap-one {margin-top:140px;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-body{padding:150px 0 125px; min-height:auto;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-list{display:flex; margin:0; justify-content:center; align-items:center; text-align:center;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:38%;}
.clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:65px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{text-align: left; margin-top:45px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-three .htw-process-card-list, .clear-the-board-how-to-work-sec .htw-process-wrap-four .htw-process-card-list{margin-top:52px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%;}
.clear-the-board-how-to-work-sec .htw-process-wrap-two{flex-direction:row;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:150px 0 145px; min-height:auto;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-list{margin:0; display:flex; justify-content:center; align-items:center;}
.clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:50%; text-align:center;}
.clear-the-board-how-to-work-sec .htw-process-wrap-three{flex-direction:row-reverse; margin-top:210px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-four{flex-direction:row; margin-top:210px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse; margin-top:210px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%;}
.clear-the-board-how-to-work-sec .htw-process-wrap-left{position: relative;}
.clear-the-board-how-to-work-sec .htw-process-wrap-right{position:relative;}
.clear-the-board-how-to-work-sec .htw-process-wrap-left::before{content:''; position:absolute; width:calc(100% - 8%); height:calc(100% + 24%); left:-25%; top:-12%; background:url("../images/clear-the-board/htw-left-bg-1.webp") no-repeat center; background-size:100% 100%;}
.clear-the-board-how-to-work-sec .htw-process-wrap-right::after{content:''; position:absolute; width:calc(100% - 8%); height:calc(100% + 24%); right:-25.4%; top:-12%; background:url("../images/clear-the-board/htw-right-bg-1.webp") no-repeat center; background-size:100% 100%; z-index:-1;}
.clear-the-board-how-to-work-sec .htw-process-wrap-six{gap:0 22px; position:relative;}
.clear-the-board-how-to-work-sec .htw-process-wrap-six::before{content:''; position:absolute; width:calc(100% + 12%); height:calc(100% + 42%); left:-6%; top:-22%; background:url("../images/clear-the-board/htw-center-bg-1.webp") no-repeat center; background-size:100% 100%; z-index:-1;}
.clear-the-board-how-to-work-sec .htw-process-wrap-six .htw-process-wrap-left::before{display:none;}
.clear-the-board-how-to-work-sec .htw-process-wrap-six .htw-process-wrap-right::after{display:none;}
.clear-the-board-how-to-work-sec .htw-process-wrap-six .col-left{max-width:49.2%;}
.clear-the-board-how-to-work-sec .htw-process-wrap-seven{flex-direction:row; margin-top:250px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-eight{flex-direction:row-reverse; margin-top:250px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-nine{margin-top:250px;}
.clear-the-board-how-to-work-sec .htw-process-wrap-ten{flex-direction:row-reverse; margin-top:250px;}
.clear-the-board-how-to-work-sec .htw-hand-icon img{float:left; width:100%;}
.clear-the-board-how-to-work-sec .htw-hand-icon{position:absolute; right:-7.5%; top:27%;}
.clear-the-board-how-to-work-sec .htw-hand-icon-two{top:40%;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.clear-the-board-game-expectation-sec .expectation-head-outer{margin-top:-14px;}
.clear-the-board-game-expectation-sec .game-expectation-sec-outer{padding:0 0 15%; margin-top:210px; background-size:100% 100%;}
.clear-the-board-game-expectation-sec .game-expectation-card-outer{background:linear-gradient(0deg, rgb(98,245,255)0%, rgb(5,188,231)100%); padding:5px; border-radius:56px; margin-top:0;}
.clear-the-board-game-expectation-sec .game-expectation-card-body{box-shadow:none; background:var(--bg-body); border-radius:51px; padding:0 30px 50px;}
.clear-the-board-game-expectation-sec .game-expect-card-title{position:relative; font-size:42px; letter-spacing:1px; line-height:1em; text-transform:uppercase; color:#f443c7; font-family:var(--font-base);} 
.clear-the-board-game-expectation-sec .game-expect-card-title::after{position: absolute; content:''; left:34%; bottom:-10px; height:3px; right:0; width:33%; background:#2906e4;}
.clear-the-board-game-expectation-sec .game-expect-details-item{font-size:25px; font-family:var(--font-action); text-align:center; padding:0;}
.clear-the-board-game-expectation-sec .game-expect-details-item:before{display:none;}
.clear-the-board-game-expectation-sec .game-expect-card-fig{max-width:390px;}
.clear-the-board-game-expectation-sec .game-expect-icon-block{top:-50px; margin-bottom:-43px;}
.clear-the-board-game-expectation-sec .game-expectation-list{margin-top:70px;}
.clear-the-board-game-expectation-sec .game-expectation-item{margin-top:65px;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.clear-the-board-game-summary{margin-top:-9.8%;}
.clear-the-board-game-summary .game-summary-outer{display:flex; justify-content:center; align-items:center;}
.clear-the-board-game-summary .game-summary-content{float:left; max-width:80.5%; width:100%; background:linear-gradient(56deg, #009ceb 0%, #0c2ad2 46%, #763de9 100%); position:relative; border-radius:30px;}
.clear-the-board-game-summary .game-summary-inner{float:left; width:100%; position:relative; margin-bottom:22px;}
.clear-the-board-game-summary .game-summary-inner-block{float:left; width:100%; background:linear-gradient(-90deg, rgba(79,7,159,0) 0%, rgba(79,7,159,0.99) 50%, rgba(79,7,159,0.99) 51%, rgba(79,7,159,0) 86%); position:relative; margin:22px 0 4px;}
.clear-the-board-game-summary .game-summary-inner-block::before{position:absolute; content:''; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(254,227,89, 0.0)0% , rgba(254,227,89, 0.1)10%, rgba(254,227,89, 0.2)20%, rgba(254,227,89, 0.5)30%, rgba(254,227,89, 0.8)40%, rgba(254,227,89, 1)50%, rgba(254,227,89, 0.8)60%, rgba(254,227,89, 0.5)70%, rgba(254,227,89, 0.2)80% ,rgba(254,227,89, 0.1)90%, rgba(254,227,89, 0.0)100%);}
.clear-the-board-game-summary .game-summary-inner-block::after{position:absolute; content:''; top:2px; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(226,82,224, 0.0)0% , rgba(226,82,224, 0.1)10%, rgba(226,82,224, 0.2)20%, rgba(226,82,224, 0.5)30%, rgba(226,82,224, 0.8)40%, rgba(226,82,224, 1)50%, rgba(226,82,224, 0.8)60%, rgba(226,82,224, 0.5)70%, rgba(226,82,224, 0.2)80% ,rgba(226,82,224, 0.1)90%, rgba(226,82,224, 0.0)100%);}
.clear-the-board-game-summary .game-summary-inner::before{position:absolute; content:''; left:0; bottom:2px; width:100%; height:2px; background:linear-gradient(to right, rgba(254,227,89, 0.0)0% , rgba(254,227,89, 0.1)10%, rgba(254,227,89, 0.2)20%, rgba(254,227,89, 0.5)30%, rgba(254,227,89, 0.8)40%, rgba(254,227,89, 1)50%, rgba(254,227,89, 0.8)60%, rgba(254,227,89, 0.5)70%, rgba(254,227,89, 0.2)80% ,rgba(254,227,89, 0.1)90%, rgba(254,227,89, 0.0)100%);}
.clear-the-board-game-summary .game-summary-inner::after{position:absolute; content:''; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(226,82,224, 0.0)0% , rgba(226,82,224, 0.1)10%, rgba(226,82,224, 0.2)20%, rgba(226,82,224, 0.5)30%, rgba(226,82,224, 0.8)40%, rgba(226,82,224, 1)50%, rgba(226,82,224, 0.8)60%, rgba(226,82,224, 0.5)70%, rgba(226,82,224, 0.2)80% ,rgba(226,82,224, 0.1)90%, rgba(226,82,224, 0.0)100%);}
.clear-the-board-game-summary .game-summary-text{font-size:40px; color:var(--clr-action-alt); letter-spacing:1px; padding-top:65px; max-width:1056px; text-transform:uppercase; font-family:var(--font-base);}
.clear-the-board-game-summary .game-summary-btn-bar{display:flex; justify-content:center; margin:0; padding:0;}
.clear-the-board-game-summary .game-summary-btn-bar:before{display: none;}
.clear-the-board-game-summary .game-summary-btn-bar .play-now-btn{max-width:100%;}
.clear-the-board-game-summary .btn-bar .base-btn{margin:50px 0 70px; max-width:37.5%;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.clear-the-board-faq-sec .faq-sec-outer{padding:130px 0 118px;}
.clear-the-board-faq-sec .faq-block{padding-top:10px;}
.clear-the-board-faq-sec .accordion-card{border:none; padding:0;}
.clear-the-board-faq-sec .accordion-head{padding:0;}
.clear-the-board-faq-sec .accordion-head-outer{box-shadow:none; background:linear-gradient(90deg, #9929ea 0%, #5808fb 100%); min-height:80px; padding:3px 20px 0 147px; border-radius:0;}
.clear-the-board-faq-sec .accordion-title{font-size:36px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); font-family:var(--font-base);}
.clear-the-board-faq-sec .accordion-text{font-size:30px; color:var(--clr-base); font-family:var(--font-action);}
.clear-the-board-faq-sec .accordion{counter-reset:li;}
.clear-the-board-faq-sec .accordion-item{position:relative;}
.clear-the-board-faq-sec .accordion-item::before{content:'0' counter(li); counter-increment:li; background:url('../images/clear-the-board/faq-list-icon.webp') no-repeat center; background-size:100% 100%; z-index:2; position:absolute; pointer-events:none; padding-left:30px; width:100px; min-height:77px; padding-top:3px; font-family:var(--font-base); font-size:36px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); left:0; top:0; margin:0; display:inline-flex; align-items:center;}
.clear-the-board-faq-sec .accordion-body{padding:0 40px 0 115px;}
.clear-the-board-faq-sec .accordion-cont-bar{min-height:125px;}
.clear-the-board-faq-sec .accordion-card{background:#f0edff;}
.clear-the-board-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
.clear-the-board-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#06e8f5; font-size:25px;}
/* FAQs CSS End */

.clear-the-board-game .footer{background:#245be1;}
.clear-the-board-game .copyright-text{color:var(--clr-action-alt); font-family:var(--font-mono);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .clear-the-board-game .video-block{max-width:55%;}
  .clear-the-board-game .game-logo-fig{max-width:25%;}
  .clear-the-board-game .banner-sec-outer{margin-top:6%;}
  .clear-the-board-game .sec-main-title{font-size:40px;}
  .clear-the-board-game .sec-head-outer:not(.about-head-outer){margin-top:-12px;}
  .clear-the-board-game .btn-text{font-size:35px;}
  .clear-the-board-game .btn-bar .base-btn{filter:drop-shadow(0px 12px 7px rgba(0,0,0,0.28));}

  .clear-the-board-about-us-sec{margin-top:-6.5%; padding-top:10.9%;}
  .clear-the-board-about-us-sec .about-head-bg{max-width:63%;}
  .clear-the-board-about-us-sec .about-us-text{font-size:30px; max-width:930px; padding-top:10px;}
  .clear-the-board-about-us-sec .about-bg-icon img{max-width:75%;}
  .clear-the-board-about-us-sec .about-bg-icon-one{top:5.5%; left:0;}
  .clear-the-board-about-us-sec .about-bg-icon-two{bottom:5%; right:2%;}
  .clear-the-board-about-us-sec .about-us-btn-bar{margin:50px 0 90px;}

  .clear-the-board-how-to-work-sec .htw-head-bg{max-width:45%;}
  .clear-the-board-how-to-work-sec .htw-title-bg{filter:drop-shadow(0px 12px 7px rgba(0,0,0,0.28));}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:57px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:26px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list{margin-top:18px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-one{margin-top:110px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three{margin-top:180px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-four{margin-top:180px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-five{margin-top:180px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-seven{margin-top:190px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-eight{margin-top:180px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-nine{margin-top:180px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-ten{margin-top:180px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:45%;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-body{padding:130px 0 105px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:64px}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:130px 0 120px;}
  .clear-the-board-how-to-work-sec .game-card-five .htw-process-card-body{padding:0 64px 0;}
  .clear-the-board-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 0 0 64px;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 60px 0 0;}
  .clear-the-board-how-to-work-sec .game-card-ten .htw-process-card-body{padding:0 64px 0 0;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%;}
  .clear-the-board-how-to-work-sec .htw-process-card-body{padding:64px;}
  .clear-the-board-how-to-work-sec .htw-hand-icon img{max-width:90%;}
  .clear-the-board-how-to-work-sec .htw-hand-icon{right:-10.5%;}
  .clear-the-board-how-to-work-sec .htw-process-card-title{font-size:35px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:61%;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title{font-size:57px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top:43px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three .htw-process-card-list, .clear-the-board-how-to-work-sec .htw-process-wrap-four .htw-process-card-list{margin-top:50px;}
  
  .clear-the-board-game-expectation-sec .game-expectation-sec-outer{margin-top:180px; padding:0 0 18.5%;}
  .clear-the-board-game-expectation-sec .expectation-head-bg{max-width:43%;}
  .clear-the-board-game-expectation-sec .expectation-head-outer{margin-top:-11px;}
  .clear-the-board-game-expectation-sec .game-expect-card-title{font-size:34px;}
  .clear-the-board-game-expectation-sec .game-expect-card-fig{max-width:385px;}
  .clear-the-board-game-expectation-sec .game-expect-icon-block{top:-21px; margin-bottom: -15px;}
  .clear-the-board-game-expectation-sec .game-expect-details-item{font-size:21px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-body{padding:0 30px 42px; border-radius:48px;}
  .clear-the-board-game-expectation-sec .game-expectation-list{margin-top:55px;}
  .clear-the-board-game-expectation-sec .game-expectation-item{margin-top:45px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-outer{border-radius:53px;}
  .clear-the-board-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 34px);}
  .clear-the-board-game-expectation-sec .game-expect-card-title::after{left:33%; width:34%;}
  
  .clear-the-board-game-summary{margin-top:-11.9%;}
  .clear-the-board-game-summary .game-summary-content{border-radius:28px;}
  .clear-the-board-game-summary .game-summary-text{font-size:30px; padding-top:55px; max-width:802px;}
  .clear-the-board-game-summary .btn-bar .base-btn{max-width:37%; margin:43px 0 61px;}

  .clear-the-board-faq-sec .faq-head-bg{max-width:32%;}
  .clear-the-board-faq-sec .faq-sec-outer{padding:120px 0 100px;}
  .clear-the-board-faq-sec .faq-block{padding-top:8px;}
  .clear-the-board-faq-sec .accordion-title{font-size:30px;}
  .clear-the-board-faq-sec .accordion-item::before{font-size:30px; width:90px; min-height:72px;}
  .clear-the-board-faq-sec .accordion-head-outer{min-height:75px; padding:3px 20px 0 135px;}
  .clear-the-board-faq-sec .accordion-text{font-size:24px;}
  .clear-the-board-faq-sec .accordion-item{margin-bottom:11px;}
  .clear-the-board-faq-sec .accordion-body{padding:0 35px 0 107px;}
  .clear-the-board-faq-sec .accordion-cont-bar{min-height:118px;}
}
@media(max-width:1280px){
  .clear-the-board-game .game-logo-fig{max-width:23%;}
  .clear-the-board-game .video-block{margin-top:5px;}
  .clear-the-board-game .sec-main-title{font-size:34px;}
  .clear-the-board-game .sec-head-outer:not(.about-head-outer){margin-top:-10px;}
  .clear-the-board-game .btn-bar .base-btn{filter:drop-shadow(0px 11px 7px rgba(0, 0, 0, 0.28))}
  .clear-the-board-game .btn-text{font-size:29px;}
  .clear-the-board-game .btn-text:before{-webkit-text-stroke:5.5px rgba(0, 0, 0, 0.7);}
  
  .clear-the-board-about-us-sec .about-us-text{font-size:27px; max-width:846px; padding-top:5px;}
  .clear-the-board-about-us-sec .about-bg-icon img{max-width:60%;}
  .clear-the-board-about-us-sec .about-bg-icon-two{right:-4%;}
  .clear-the-board-about-us-sec .about-us-btn-bar{margin:45px 0 85px;}

  .clear-the-board-how-to-work-sec .htw-process-wrap{padding:0 40px;}
  .clear-the-board-how-to-work-sec .htw-process-card-title:before{-webkit-text-stroke:5.5px rgba(0, 0, 0, 0.7);}
  .clear-the-board-how-to-work-sec .game-card-three .htw-process-card-title:before{-webkit-text-stroke:5.5px rgba(90,32,0,0.7);}
  .clear-the-board-how-to-work-sec .htw-title-bg{filter:drop-shadow(0px 11px 7px rgba(0, 0, 0, 0.28));}
  .clear-the-board-how-to-work-sec .htw-process-wrap .col-left{max-width:55%;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:48px;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title{font-size:48px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list{margin-top:16px;}
  .clear-the-board-how-to-work-sec .htw-process-card-title{font-size:28px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-one{margin-top:75px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-four{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-five{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-seven{margin-top:130px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-eight{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-nine{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-ten{margin-top:120px;}
  .clear-the-board-how-to-work-sec .htw-process-card-body{padding:53px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-body{padding:100px 0 45px;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-body{padding:0 60px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:130px 52px 105px;}
  .clear-the-board-how-to-work-sec .game-card-five .htw-process-card-body{padding:0 50px 0 0;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:105px 0 100px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-six .col-left{max-width:48.8%;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 50px 0 0;}
  .clear-the-board-how-to-work-sec .htw-hand-icon img{max-width:75%;}
  .clear-the-board-how-to-work-sec .htw-hand-icon{right:-18.5%;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top:36px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three .htw-process-card-list, .clear-the-board-how-to-work-sec .htw-process-wrap-four .htw-process-card-list{margin-top:45px;}

  .clear-the-board-game-expectation-sec .game-expectation-sec-outer{margin-top:140px;}
  .clear-the-board-game-expectation-sec .expectation-head-bg{max-width:45.5%;}
  .clear-the-board-game-expectation-sec .game-expect-card-title{font-size:30px;}
  .clear-the-board-game-expectation-sec .game-expect-details-item{font-size:18px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-outer{border-radius:47px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-body{padding:0 20px 35px; border-radius:42px;}
  .clear-the-board-game-expectation-sec .game-expect-card-fig{max-width:234px;}
  .clear-the-board-game-expectation-sec .game-expect-icon-block{top:-13px; margin-bottom:-8px;}
  .clear-the-board-game-expectation-sec .game-expectation-list{margin-top:40px;}
  .clear-the-board-game-expectation-sec .game-expectation-item{margin-top:30px;}
  .clear-the-board-game-expectation-sec .game-expect-card-title::after{left:32%; width:33%;}

  .clear-the-board-game-summary{margin-top:-12.3%;}
  .clear-the-board-game-summary .game-summary-text{font-size:27px; padding-top:50px; max-width:734px;}
  .clear-the-board-game-summary .btn-bar .base-btn{margin:38px 0 52px;}
  .clear-the-board-game-summary .game-summary-content{border-radius:25px;}

  .clear-the-board-faq-sec .faq-sec-outer{padding:90px 0 80px;}
  .clear-the-board-faq-sec .faq-block{padding:6px 0 0 0;}
  .clear-the-board-faq-sec .accordion-title{font-size:27px;}
  .clear-the-board-faq-sec .accordion-head-outer{min-height:70px; padding:3px 15px 0 122px;}
  .clear-the-board-faq-sec .accordion-item::before{font-size:27px; width:83px; min-height:67px; padding-left:25px;}
  .clear-the-board-faq-sec .accordion-body{padding:0 30px 0 97px;}
  .clear-the-board-faq-sec .accordion-cont-bar{min-height:110px;}
}
@media(max-width:1023px){
  .clear-the-board-game .sec-main-title{font-size:25px;}
  .clear-the-board-game .btn-bar .base-btn{max-width:34.5%;}
  .clear-the-board-game .btn-text{font-size:24px;}
  .clear-the-board-game .btn-text:before{-webkit-text-stroke:5.5px rgba(0, 0, 0, 0.7);}
  .clear-the-board-game .sec-head-outer:not(.about-head-outer){margin-top:-8px;}
  .clear-the-board-game .btn-bar .base-btn{filter:drop-shadow(0px 10px 7px rgba(0, 0, 0, 0.28));}
  .clear-the-board-game .btn-text:before{-webkit-text-stroke:5px rgba(0, 0, 0, 0.7);}
  
  .clear-the-board-about-us-sec .about-us-btn-bar{margin:35px 0 70px;}
  .clear-the-board-about-us-sec .about-us-text{font-size:21px; max-width:670px; padding-top:0;}
  .clear-the-board-about-us-sec .about-bg-icon img{max-width:45%;}
  .clear-the-board-about-us-sec .about-bg-icon-one{top:2.5%;}
  .clear-the-board-about-us-sec .about-bg-icon-two{right:-14%; bottom:7%;}

  .clear-the-board-how-to-work-sec .htw-process-wrap{padding:0 25px;}
  .clear-the-board-how-to-work-sec .htw-process-card-title:before{-webkit-text-stroke:5px rgba(0, 0, 0, 0.7);}
  .clear-the-board-how-to-work-sec .game-card-three .htw-process-card-title:before{-webkit-text-stroke:5px rgba(90,32,0,0.7);}
  .clear-the-board-how-to-work-sec .htw-title-bg{filter:drop-shadow(0px 10px 7px rgba(0, 0, 0, 0.28));}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-body{padding:0 30px 0 30px;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:36px;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title{font-size:36px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .clear-the-board-how-to-work-sec .htw-process-card-list{margin-top:12px;}
  .clear-the-board-how-to-work-sec .htw-process-card-body{padding:0 30px 0 22px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-body{padding:70px 0 50px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:0 25px 0 30px;}
  .clear-the-board-how-to-work-sec .htw-hand-icon img{max-width:65%;}
  .clear-the-board-how-to-work-sec .htw-hand-icon{right:-25.5%;}
  .clear-the-board-how-to-work-sec .htw-process-card-title{font-size:22px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top:30px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three .htw-process-card-list, .clear-the-board-how-to-work-sec .htw-process-wrap-four .htw-process-card-list{margin-top:38px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:70px 0;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-one{margin-top:50px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three{margin-top:90px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-four{margin-top:90px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-five{margin-top:90px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-seven{margin-top:100px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-eight{margin-top:90px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-nine{margin-top:90px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-ten{margin-top:90px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:70%;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-six .col-left{max-width:48.5%;}
  .clear-the-board-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 0 0 22px;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 30px 0 0;}
  .clear-the-board-how-to-work-sec .game-card-nine .htw-process-card-body{padding:0 0 0 35px;}
  .clear-the-board-how-to-work-sec .game-card-ten .htw-process-card-body{padding:0 35px 0 0;}

  .clear-the-board-game-expectation-sec .game-expectation-sec-outer{margin-top:100px; padding:0 0 19.5%;}
  .clear-the-board-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 20px);}
  .clear-the-board-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .clear-the-board-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-outer{border-radius:39px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-body{padding:0 15px 25px; border-radius:34px;}
  .clear-the-board-game-expectation-sec .game-expect-icon-block{top:12px; margin-bottom:15px;}
  .clear-the-board-game-expectation-sec .game-expectation-list{gap:0 18px; margin-top:25px;}

  .clear-the-board-game-summary{margin-top:-14.3%;}
  .clear-the-board-game-summary .game-summary-text{font-size:22px; padding-top:40px; max-width:570px;}
  .clear-the-board-game-summary .game-summary-content{max-width:85%; border-radius:23px;}
  .clear-the-board-game-summary .btn-bar .base-btn{max-width:38.5%; margin:30px 0 44px;}
  
  .clear-the-board-faq-sec .faq-sec-outer{padding:70px 0 60px;}
  .clear-the-board-faq-sec .faq-block{padding:0;}
  .clear-the-board-faq-sec .accordion-title{font-size:21px;}
  .clear-the-board-faq-sec .accordion-item::before{font-size:21px; width:70px; min-height:62px; padding-left:20px;}
  .clear-the-board-faq-sec .accordion-head-outer{min-height:65px; padding:3px 10px 0 100px;}
  .clear-the-board-faq-sec .accordion-body{padding:0 20px 0 80px;}
  .clear-the-board-faq-sec .accordion-text{font-size:18px;}
  .clear-the-board-faq-sec .accordion-cont-bar{min-height:96px;}
  .clear-the-board-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:21px;}
}
@media(max-width:767px){
  .clear-the-board-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 97%; position:relative; margin-top:0;}
  .clear-the-board-game .video-block{max-width:90%; margin-top:-2px;}
  .clear-the-board-game .banner-sec-outer{margin-top:3.5%;}
  .clear-the-board-game .game-logo-fig{max-width:43%;}
  .clear-the-board-game .sec-main-title{font-size:20px; letter-spacing:0px;}
  .clear-the-board-game .sec-head{margin-bottom:8px;}
  .clear-the-board-game .sec-head-outer:not(.about-head-outer){margin-top:-6px;}
  .clear-the-board-game .btn-bar .base-btn{max-width:61.5%; filter:drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.28));}
  .clear-the-board-game .btn-text{font-size:19px;}
  .clear-the-board-game .btn-text:before{-webkit-text-stroke:4px rgba(0, 0, 0, 0.7);}
  
  .clear-the-board-about-us-sec{margin-top:-6%;}
  .clear-the-board-about-us-sec .about-us-btn-bar{margin:30px 0 50px;}
  .clear-the-board-about-us-sec .about-head-bg{max-width:350px;}
  .clear-the-board-about-us-sec .about-us-text{font-size:18px; padding:0 7px;}
  .clear-the-board-about-us-sec .about-bg-icon img{max-width:27%;}
  .clear-the-board-about-us-sec .about-bg-icon-one{top:73px;}
  .clear-the-board-about-us-sec .about-bg-icon-two img{max-width:100%;}
  .clear-the-board-about-us-sec .about-bg-icon-two{right:0; max-width:24%;}

  .clear-the-board-how-to-work-sec .htw-head-title{font-size:24px;}
  .clear-the-board-how-to-work-sec .htw-head-bg{max-width:75%;}
  .clear-the-board-how-to-work-sec .htw-process-wrap{padding:0; flex-direction:column; flex-direction:column-reverse;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-one{ margin-top:21px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three{margin-top:50px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-four{margin-top:50px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-five{margin-top:40px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-left::before{display:none;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-right::after{display:none;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-six::before{display:none;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-six{gap:12px 0;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-seven{margin-top:40px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-eight{margin-top:40px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-nine{margin-top:40px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-ten{margin-top:40px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap .col-left{max-width:100%;}
  .clear-the-board-how-to-work-sec .htw-process-card-body{padding:0;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:20px 0 0;}
  .clear-the-board-how-to-work-sec .game-card-five .htw-process-card-body{padding:0 20px 0;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-body{padding:0; text-align:center;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:26px;}
  .clear-the-board-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 20px 0;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 20px 0;}
  .clear-the-board-how-to-work-sec .game-card-nine .htw-process-card-body{padding:0 20px 0;}
  .clear-the-board-how-to-work-sec .game-card-ten .htw-process-card-body{padding:0 20px 0;}
  .clear-the-board-how-to-work-sec .htw-process-card-title .word-label{display:inline;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title-bar{justify-content:center;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:19px;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:19px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:14px;}
  .clear-the-board-how-to-work-sec .htw-process-card-title{font-size:18px;}
  .clear-the-board-how-to-work-sec .htw-process-card-title:before{-webkit-text-stroke:4px rgba(0, 0, 0, 0.7);}
  .clear-the-board-how-to-work-sec .htw-process-card-list{margin:0;}
  .clear-the-board-how-to-work-sec .game-start-card  .htw-process-card-list-item .word-label{display:grid;}
  .clear-the-board-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-top:10px; text-align:center; font-size:14px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-body{padding:20px 0 0;}
  .clear-the-board-how-to-work-sec .game-card-five .htw-process-card-body{padding:0 15px 0;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-body{padding:0; text-align:center;}
  .clear-the-board-how-to-work-sec .game-start-card .htw-process-card-title{font-size:26px;}
  .clear-the-board-how-to-work-sec .game-card-seven .htw-process-card-body{padding:0 15px 0;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-body{padding:0 15px 0;}
  .clear-the-board-how-to-work-sec .game-card-nine .htw-process-card-body{padding:0 15px 0;}
  .clear-the-board-how-to-work-sec .game-card-ten .htw-process-card-body{padding:0 15px 0;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%; padding:0 15px; text-align:center;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-three .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%; padding:0 15px; text-align:center;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%; padding:0 15px; text-align:center;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-six .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{max-width:100%; padding:0 15px; text-align:center;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-list{margin-top:5px;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-three .htw-process-card-list, .clear-the-board-how-to-work-sec .htw-process-wrap-four .htw-process-card-list{margin-top:9px;}
  .clear-the-board-how-to-work-sec .how-to-work-process-sec-two .htw-process-card-body{padding:20px 0 0;}
  .clear-the-board-how-to-work-sec .htw-process-wrap-two .htw-process-card-body{padding:15px 0 0;}
  .clear-the-board-how-to-work-sec .htw-hand-icon img{max-width:10%;}
  .clear-the-board-how-to-work-sec .htw-hand-icon{right:-13px; max-width:22%;}
  .clear-the-board-how-to-work-sec .htw-hand-icon-two{right:-18px;}
  .clear-the-board-how-to-work-sec .htw-hand-icon img{max-width:100%;}
  .clear-the-board-how-to-work-sec .htw-process-card-title-block{width:100%;}
  .clear-the-board-how-to-work-sec .htw-title-bg{max-width:200px; filter:drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.28));}
  .clear-the-board-how-to-work-sec .htw-process-card-bg-outer{position: relative;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title{font-size:26px;}
  .clear-the-board-how-to-work-sec .game-card-eight .htw-process-card-title-bar{justify-content:center; text-align:center;}

  .clear-the-board-game-expectation-sec .expectation-head-bg{max-width:280px;}
  .clear-the-board-game-expectation-sec .game-expectation-sec-outer{margin-top:38px; padding:0 0 38px;}
  .clear-the-board-game-expectation-sec .game-expect-card-title{letter-spacing:0;}
  .clear-the-board-game-expectation-sec .game-expect-card-title .word-label{display:grid;}
  .clear-the-board-game-expectation-sec .game-expectation-card-outer{padding:2px; border-radius:32px; margin-bottom:55px;}
  .clear-the-board-game-expectation-sec .game-expectation-card-body{border-radius:30px; padding:0 18px 5px;}
  .clear-the-board-game-expectation-sec .game-expect-icon-block{top:-10px; margin-bottom:-6px;}
  .clear-the-board-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .clear-the-board-game-expectation-sec .game-expectation-list{margin-top:0;}
  .clear-the-board-game-expectation-sec .game-expectation-item{margin-top:34px;}
  .clear-the-board-game-expectation-sec .owl-carousel .owl-dot span{background:rgba(0,252,255,0); border:2px solid #ffffff;}
  .clear-the-board-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ec29fc;}

  .clear-the-board-game-summary{margin:0;}
  .clear-the-board-game-summary .container{padding:0;}
  .clear-the-board-game-summary .game-summary-content{max-width:100%; border-radius:0;}
  .clear-the-board-game-summary .game-summary-text{font-size:16px; letter-spacing:0px; padding-top:21px; max-width:90%;}
  .clear-the-board-game-summary .game-summary-inner::before{height:1px;}
  .clear-the-board-game-summary .game-summary-inner::after{height:1px; bottom:1px;}
  .clear-the-board-game-summary .game-summary-inner-block::before{height:1px;}
  .clear-the-board-game-summary .game-summary-inner-block::after{height:1px; top:1px;}
  .clear-the-board-game-summary .game-summary-inner{margin-bottom:19px;}
  .clear-the-board-game-summary .game-summary-inner-block{margin:10px 0 4px;}
  .clear-the-board-game-summary .btn-bar .base-btn{max-width:51.5%; margin:21px 0 19px;}

  .clear-the-board-faq-sec .faq-head-bg{max-width:57%;}
  .clear-the-board-faq-sec .faq-sec-outer{padding:45px 0 32px;}
  .clear-the-board-faq-sec .faq-head-title{font-size:22px;}
  .clear-the-board-faq-sec .accordion-title{font-size:18px; letter-spacing:0;}
  .clear-the-board-faq-sec .accordion-text{font-size:14px; padding:10px 0;}
  .clear-the-board-faq-sec .accordion-item::before{font-size:18px; letter-spacing:0; padding-left:10px; background: url(../images/clear-the-board/faq-list-icon-mob.webp) no-repeat center; background-size:100% 100%; min-height:57px; width:50px;}
  .clear-the-board-faq-sec .accordion-head-outer{min-height:60px; padding:3px 5px 0 66px;}
  .clear-the-board-faq-sec .accordion-cont-bar{min-height:67px;}
  .clear-the-board-faq-sec .accordion-body{padding:0 10px 0 35px;}
  .clear-the-board-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:14px;}
  .clear-the-board-faq-sec .accordion-item{margin-bottom:5px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Clear The Board Game CSS End // ***************************** */




/* ***************************** // Cosmic Connect Game CSS Start // ***************************** */
.cosmic-connect-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'KimberleyBl-Regular', sans-serif;
--font-action:'Geogrotesque', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.cosmic-connect-game .header{box-shadow:none;}
.cosmic-connect-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.cosmic-connect-game .active .nav-item-label, .cosmic-connect-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.cosmic-connect-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 102%; position:relative; margin-top:-4.2%;}
.cosmic-connect-game .video-poster, .cosmic-connect-game .client-video{top:8.7%; left:5.9%; right:auto; height:calc(100% - 18.5%); width:calc(100% - 11.7%); bottom:auto; border-radius:0;}
.cosmic-connect-game .game-logo-fig{max-width:44%; position:relative;}
.cosmic-connect-game .video-block{max-width:54%; margin-top:-5.75%; position:relative; overflow:inherit; border-radius:32px;}
.cosmic-connect-game .banner-sec-outer{background:transparent; padding:0px; position:relative; margin-top:0.9%;}
.cosmic-connect-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.cosmic-connect-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.cosmic-connect-game .banner-sec-video{background:transparent;}
.cosmic-connect-game .video-shadow{left:3.5%; bottom:-8%; width:calc(100% - 6.5%);}

.cosmic-connect-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.cosmic-connect-game .sec-head-outer:not(.about-head-outer, .expectation-head-outer){margin-top:75px;}
.cosmic-connect-game .sec-main-title{position:absolute; font-size:40px; color:#93ff21; text-shadow:0px 3px 0.5px rgba(117, 255, 33, 0.25); padding-bottom:70px; font-family:var(--font-base);}
.cosmic-connect-game .btn-bar .base-btn{filter:drop-shadow(0px 7px 4.5px rgba(0,0,0,0.68)); margin:45px 0 100px 0; max-width:20%;}
.cosmic-connect-game .btn-text{font-size:37px; padding-bottom:0.5vmin; letter-spacing:1px; text-transform:uppercase; color:#137209; font-family:var(--font-base); font-weight:normal; text-shadow:0px 0px 1.5px rgba(0,0,0,0.29);}

/* About us CSS Start */
.cosmic-connect-about-us-sec{filter:drop-shadow(0px -29px 25.5px #00d0ff); background:linear-gradient(0deg, #47f9f5 0%, #795fff 100%); margin-top:-9%; padding-top:11.5%;}
.cosmic-connect-about-us-sec .about-us-text{font-size:40px; letter-spacing:1px; text-align:center; text-transform:uppercase; max-width:1210px; color:var(--clr-action-alt); font-family:var(--font-base);}
.cosmic-connect-about-us-sec .about-bg-icon img{float:left; width:100%;}
.cosmic-connect-about-us-sec .about-bg-icon{position:absolute;}
.cosmic-connect-about-us-sec .about-bg-icon-one{top:15%; left:0;}
.cosmic-connect-about-us-sec .about-bg-icon-two{right:0; bottom:3.8%;}
/* About us CSS End */

/* How to work CSS Start */
.cosmic-connect-how-to-work-sec .htw-process-theme:after{display:none;}
.cosmic-connect-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.cosmic-connect-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display:none;}
.cosmic-connect-how-to-work-sec .htw-process-card-list{margin:0; padding:0;}
.cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:32px; text-transform:uppercase; color:var(--clr-base); margin:0; padding:0;}
.cosmic-connect-how-to-work-sec .htw-process-wrap{padding:0 50px; gap:0 80px;}
.cosmic-connect-how-to-work-sec .how-to-work-process-sec-one{position:relative;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-one{margin:-25px 0 30px 0; gap:0 15px;}
.cosmic-connect-how-to-work-sec .how-to-work-process-sec-two{position:relative;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-two{margin:-27px 0;}
.cosmic-connect-how-to-work-sec .how-to-work-process-sec-three{position:relative;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-three{margin:-24px 0;}
.cosmic-connect-how-to-work-sec .how-to-work-process-sec-four{position:relative;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-four{margin:-20px 0 -25px 0;}
.cosmic-connect-how-to-work-sec .how-to-work-process-sec-five{position:relative;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-five{flex-direction:row; padding:0; gap:0 !important; margin-top:-10%;}
.cosmic-connect-how-to-work-sec .htw-process-wrap .col-left{max-width:56%; margin:0; padding:0; margin-right:-5px;}
.cosmic-connect-how-to-work-sec .htw-process-wrap .col-right{margin:0; padding:0; margin-left:-5px;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-five .col-left{max-width:50%;}
.cosmic-connect-how-to-work-sec .htw-process-wrap-five .col-right{max-width:50%;}
.cosmic-connect-how-to-work-sec .htw-process-card-body{min-height:auto; padding:80px 49px 80px 80px;}
.cosmic-connect-how-to-work-sec .game-start-card .htw-process-card-body{padding:50px 63px 50px 50px;}
.cosmic-connect-how-to-work-sec .htw-process-card-outer-left{background:linear-gradient(90deg, rgba(166,172,250,0.99) 0%, rgba(94,124,236,0) 100%); border-radius:0;}
.cosmic-connect-how-to-work-sec .htw-process-card-outer-right{background:linear-gradient(-90deg, rgba(166,172,250,0.99) 0%, rgba(94,124,236,0) 100%); border-radius:0;}
.cosmic-connect-how-to-work-sec .htw-process-card-left-icon::before{content:''; position:absolute; background:#1eebc9; left:0; top:0; width:13px; height:100%;}
.cosmic-connect-how-to-work-sec .htw-process-card-right-icon::after{content:''; position:absolute; background:#4b6d41; right:0; top:0; width:13px; height:100%;}
.cosmic-connect-how-to-work-sec .htw-icon img{float:left; width:100%;}
.cosmic-connect-how-to-work-sec .htw-icon{position:absolute;}
.cosmic-connect-how-to-work-sec .htw-icon-one{right:0; top:9.5%;}
.cosmic-connect-how-to-work-sec .htw-icon-two{top:-33%;}
.cosmic-connect-how-to-work-sec .htw-icon-three{right:0; top:-45%;}
.cosmic-connect-how-to-work-sec .htw-icon-four{top:-29%;}
.cosmic-connect-how-to-work-sec .htw-icon-five{left:-9%; top:-12%;}
.cosmic-connect-how-to-work-sec .htw-icon-six{left:3.3%; top:-2%;}
.cosmic-connect-how-to-work-sec .htw-icon-seven{right:0; top:-26%;}
.cosmic-connect-how-to-work-sec .htw-divider-block{float:left; width:100%; display:flex; justify-content:center;}
.cosmic-connect-how-to-work-sec .htw-divider{float:left; width:100%; max-width:62%;}
.cosmic-connect-how-to-work-sec .htw-divider-four{position:relative; max-width:35%; right:-260px;}
.cosmic-connect-how-to-work-sec .htw-divider img{float:left; width:100%;}
.cosmic-connect-how-to-work-sec .htw-divider-four-mob{display:none;}
.cosmic-connect-how-to-work-sec .game-card-three .htw-process-card-body{padding:80px 44px 80px 52px;}
.cosmic-connect-how-to-work-sec .game-card-three .htw-process-card-left-icon::before{background:#da1334;}
.cosmic-connect-how-to-work-sec .game-card-four .htw-process-card-body{padding:50px 49px 50px 18px;}
.cosmic-connect-how-to-work-sec .game-card-four .htw-process-card-right-icon::after{background:#ff9933;}
.cosmic-connect-how-to-work-sec .game-card-five{display:flex; justify-content:center; align-items:center; float:left; width:100%; text-align:center;}
.cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-outer{max-width:65%; height:315px; padding:0; border-radius:0; background:linear-gradient(180deg, rgba(166,172,250,0.99) 0%, rgba(94,124,236,0) 100%);}
.cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body{padding:50px 35px 0 35px; position:relative;}
.cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body::before{position:absolute; content:''; top:0; left:0; height:13px; width:100%; background:#0074a8;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.cosmic-connect-game-expectation-sec .game-expectation-sec-outer{background-size:100% 100%; padding:88px 0 85px; margin-top:90px;}
.cosmic-connect-game-expectation-sec .game-expectation-card-outer{background:linear-gradient(0deg, rgb(0,223,255)0%, rgb(0,89,221)75%); margin:0; padding:4px; border-radius:98px; filter:drop-shadow(0px 14px 9.5px rgba(0,0,0,0.22));}
.cosmic-connect-game-expectation-sec .game-expectation-card-body{background:var(--bg-body); box-shadow:none; border-radius:94px; padding:0 20px 50px;}
.cosmic-connect-game-expectation-sec .game-expect-card-title{font-size:42px; text-transform:uppercase; color:#2c42aa; font-family:var(--font-base);} 
.cosmic-connect-game-expectation-sec .game-expect-card-title .word-label{display:grid;}
.cosmic-connect-game-expectation-sec .game-expect-details-item{font-size:26px; padding:0; text-transform:uppercase; color:var(--clr-base); font-family:var(--font-base); text-align:center;} 
.cosmic-connect-game-expectation-sec .game-expect-details-item:before{display:none;}
.cosmic-connect-game-expectation-sec .game-expect-card-fig{max-width:210px;}
.cosmic-connect-game-expectation-sec .game-expect-icon-block{top:-48px; margin-bottom:-37px;}
.cosmic-connect-game-expectation-sec .game-expectation-list{gap:0 25px;}
.cosmic-connect-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 17px);}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.cosmic-connect-game-summary{background:linear-gradient(0deg, #080257 0%, #080257 0%, #d52165 100%); position:relative; -webkit-mask-image:linear-gradient(to right, rgba(255,255,255,0)0%, rgba(213,33,101,1)25%, rgba(213,33,101,1)75%, rgba(255,255,255,0)100%); mask-image:linear-gradient(to right, rgba(255,255,255,0)0%, rgba(213,33,101,1)25%, rgba(213,33,101,1)75%, rgba(255,255,255,0)100%);}
.cosmic-connect-game-summary .game-summary-text{font-size:40px; padding-top:120px; max-width:1035px; letter-spacing:1px; text-transform:uppercase; font-family:var(--font-action); color:var(--clr-action-alt); font-weight:bold;}
.cosmic-connect-game-summary .game-summary-inner{float:left; width:100%; position:relative;}
.cosmic-connect-game-summary::before{content:''; position:absolute; height:4px; width:100%; background:linear-gradient(to right, rgba(254,227,89, 0.0)0% , rgba(254,227,89, 0.1)10%, rgba(254,227,89, 0.2)20%, rgba(254,227,89, 0.5)30%, rgba(254,227,89, 0.8)40%, rgba(254,227,89, 1)50%, rgba(254,227,89, 0.8)60%, rgba(254,227,89, 0.5)70%, rgba(254,227,89, 0.2)80% ,rgba(254,227,89, 0.1)90%, rgba(254,227,89, 0.0)100%);}
.cosmic-connect-game-summary::after{content:''; position:absolute; bottom:0; left:0; height:6px; width:100%; background:linear-gradient(to right, rgba(254,227,89, 0.0)0% , rgba(254,227,89, 0.1)10%, rgba(254,227,89, 0.2)20%, rgba(254,227,89, 0.5)30%, rgba(254,227,89, 0.8)40%, rgba(254,227,89, 1)50%, rgba(254,227,89, 0.8)60%, rgba(254,227,89, 0.5)70%, rgba(254,227,89, 0.2)80% ,rgba(254,227,89, 0.1)90%, rgba(254,227,89, 0.0)100%);}
/* Game Summary CSS End */

/* FAQs CSS Start */
.cosmic-connect-faq-sec .accordion-card{border:none; padding:0;}
.cosmic-connect-faq-sec .faq-sec-outer{padding:40px 0 105px;}
.cosmic-connect-faq-sec .faq-block{padding-top:36px;}
.cosmic-connect-faq-sec .accordion-head{padding:0;}
.cosmic-connect-faq-sec .accordion-head-outer{box-shadow:none; background:linear-gradient(-90deg, #111072 0%, #ad2cf1 100%); min-height:80px; border-radius:0; padding:0 15px 0 135px;}
.cosmic-connect-faq-sec .accordion-item::before{content:'0' counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; background:#ffa517; width:110px; clip-path:polygon(27% 0%, 100% 0%, 73% 100%, 0% 100%); min-height: 80px; font-size:42px; letter-spacing:1px; color:var(--clr-base); font-weight:bold; font-family:var(--font-action); left:0; top:0; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.cosmic-connect-faq-sec .accordion-item::after{content:''; position:absolute; left:34px; top:0; opacity:0.302; width:96px; min-height:80px; background:#161276; clip-path:polygon(0 0, 79% 0, 98% 100%, 0% 100%);}
.cosmic-connect-faq-sec .accordion-item{position:relative;}
.cosmic-connect-faq-sec .accordion{counter-reset:li;}
.cosmic-connect-faq-sec .accordion-title{font-size:42px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:650; font-family:var(--font-action);}
.cosmic-connect-faq-sec .accordion-text{font-size:30px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-base); font-weight:bold; font-family:var(--font-action);}
.cosmic-connect-faq-sec .accordion-body{padding:0; margin-top:17px;}
.cosmic-connect-faq-sec .accordion-cont-bar{min-height:129px; background:#ffa517; padding:0 40px 0 100px;}
.cosmic-connect-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#ffa517; font-size:27px;}
.cosmic-connect-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
/* FAQs CSS End */

.cosmic-connect-game .footer{background:#160e5b;}
.cosmic-connect-game .copyright-text{color:rgba(255, 255, 255, 1);}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .cosmic-connect-game .video-block{max-width:54.2%; margin-top:-86px;}
  .cosmic-connect-game .banner-sec{margin-top:-4.5%;}
  .cosmic-connect-game .game-logo-fig{max-width:43%;}

  .cosmic-connect-game .sec-head-outer:not(.about-head-outer, .expectation-head-outer){margin-top:65px;}
  .cosmic-connect-game .sec-main-title{font-size:34px; padding-bottom:57px;}
  .cosmic-connect-game .btn-bar .base-btn{filter:drop-shadow(0px 6px 4.5px rgba(0, 0, 0, 0.68)); margin:40px 0 86px 0; max-width:21%;}
  .cosmic-connect-game .btn-text{font-size:31px;}
  
  .cosmic-connect-about-us-sec{padding-top:12.1%}
  .cosmic-connect-about-us-sec .about-head-bg{max-width:62%;}
  .cosmic-connect-about-us-sec .about-us-text{font-size:34px; max-width:1054px;}
  .cosmic-connect-about-us-sec .about-bg-icon-one{top:7%; max-width:14%;}
  .cosmic-connect-about-us-sec .about-bg-icon-two{max-width:11%; bottom:1.8%;}

  .cosmic-connect-how-to-work-sec .htw-head-bg{max-width:45%;}
  .cosmic-connect-how-to-work-sec .htw-icon{max-width:14.5%;}
  .cosmic-connect-how-to-work-sec .htw-icon-one{max-width:18%; top:13.5%;}
  .cosmic-connect-how-to-work-sec .htw-icon-two{max-width:16%;}
  .cosmic-connect-how-to-work-sec .htw-icon-five{left:-4%;}
  .cosmic-connect-how-to-work-sec .htw-icon-seven{max-width:20%; top:-17.5%;}
  .cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:27px;}
  .cosmic-connect-how-to-work-sec .htw-process-card-body{padding:70px 30px 70px 41px;}
  .cosmic-connect-how-to-work-sec .game-start-card .htw-process-card-body{padding:50px 40px 50px 44px;}
  .cosmic-connect-how-to-work-sec .game-card-three .htw-process-card-body{padding:70px 19px 70px 45px;}
  .cosmic-connect-how-to-work-sec .game-card-four .htw-process-card-body{padding:50px 18px 50px 0px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap{gap:0 75px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-one{gap:0 15px; margin:-25px 0 25px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-three{margin:-18px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-five{margin-top:-14.5%;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body{padding:45px 0 0;}
  .cosmic-connect-how-to-work-sec .htw-divider-four{right:-210px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-two{margin:-18px 0;}
  .cosmic-connect-how-to-work-sec .htw-icon-two{top:-30%;}

  .cosmic-connect-game-expectation-sec .expectation-head-bg{max-width:42%;}
  .cosmic-connect-game-expectation-sec .game-expectation-sec-outer{margin-top:80px; padding:77px 0 75px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-title{font-size:36px; margin-bottom:18px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-fig{max-width:185px;}
  .cosmic-connect-game-expectation-sec .game-expect-icon-block{top:-23px; margin-bottom:-17px;}
  .cosmic-connect-game-expectation-sec .game-expect-details-item{font-size:21px;}
  .cosmic-connect-game-expectation-sec .game-expectation-card-outer{border-radius:90px; filter:drop-shadow(0px 13px 9.5px rgba(0, 0, 0, 0.22));}
  .cosmic-connect-game-expectation-sec .game-expectation-card-body{border-radius:86px; padding:0 18px 40px;}
  .cosmic-connect-game-expectation-sec .game-expectation-item{margin-top:36px;}
  .cosmic-connect-game-expectation-sec .game-expectation-list{gap:0 20px;}
  
  .cosmic-connect-game-summary{-webkit-mask-image:linear-gradient(to right, rgba(255,255,255,0.1)0%, rgba(213,33,101,1)20%, rgba(213,33,101,1)80%, rgba(255,255,255,0.1)100%); mask-image:linear-gradient(to right, rgba(255,255,255,0.1)0%, rgba(213,33,101,1)20%, rgba(213,33,101,1)80%, rgba(255,255,255,0.1)100%);}
  .cosmic-connect-game-summary .game-summary-text{font-size:34px; max-width:880px; padding-top:107px;}
  
  .cosmic-connect-faq-sec .faq-head-bg{max-width:36%;}
  .cosmic-connect-faq-sec .faq-block{padding-top:26px;}
  .cosmic-connect-faq-sec .faq-sec-outer{padding:35px 0 90px;}
  .cosmic-connect-faq-sec .accordion-title{font-size:36px;}
  .cosmic-connect-faq-sec .accordion-item::before{font-size:36px; width:105px; min-height:75px;}
  .cosmic-connect-faq-sec .accordion-item::after{left:33px; width:90px; min-height: 75px; clip-path:polygon(0 0, 79% 0, 98% 100%, 0% 100%);}
  .cosmic-connect-faq-sec .accordion-head-outer{min-height:75px; padding:0 14px 0 127px;}
  .cosmic-connect-faq-sec .accordion-cont-bar{padding:0 40px 0 90px; min-height:119px;}
  .cosmic-connect-faq-sec .accordion-text{font-size:25px;}
  .cosmic-connect-faq-sec .accordion-body{margin-top:15px;}
  .cosmic-connect-faq-sec .accordion-item{margin-bottom:11px;}
}
@media(max-width:1280px){
  .cosmic-connect-game .video-block{max-width:55.2%; margin-top:-72px;}
  .cosmic-connect-game .sec-main-title{font-size:30px; padding-bottom:50px;}
  .cosmic-connect-game .game-logo-fig{max-width:41%;}
  .cosmic-connect-game .sec-head-outer:not(.about-head-outer, .expectation-head-outer){margin-top:57px;}
  .cosmic-connect-game .btn-bar .base-btn{filter:drop-shadow(0px 5px 4.5px rgba(0, 0, 0, 0.68)); margin:35px 0 75px 0; max-width:22%;}
  .cosmic-connect-game .btn-text{font-size:27px;}
  
  .cosmic-connect-about-us-sec .about-us-text{font-size:30px; max-width:922px;}
  
  .cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .cosmic-connect-how-to-work-sec .htw-process-card-body{padding:55px 30px 55px 41px;}
  .cosmic-connect-how-to-work-sec .game-start-card .htw-process-card-body{padding:45px 50px 45px 35px;}
  .cosmic-connect-how-to-work-sec .game-card-three .htw-process-card-body{padding:55px 19px 55px 38px;}
  .cosmic-connect-how-to-work-sec .htw-icon-five{left:-2%;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap{gap:0 60px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-one{gap:0 12px; margin:-20px 0 15px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-two{margin:-14px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-three{margin:-14px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-four{margin:-14px 0 -16px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-five{margin-top:-20%;}
  .cosmic-connect-how-to-work-sec .htw-process-card-left-icon::before{width:12px;}
  .cosmic-connect-how-to-work-sec .htw-process-card-right-icon::after{width:12px;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body{padding:40px 0 0 ;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body::before{height:12px;}
  .cosmic-connect-how-to-work-sec .htw-divider-four{right:-170px;}
  .cosmic-connect-how-to-work-sec .htw-icon-two{top:-26%;}
  .cosmic-connect-how-to-work-sec .htw-icon-three{top:-39%;}
  
  .cosmic-connect-game-expectation-sec .expectation-head-bg{max-width:46%;}
  .cosmic-connect-game-expectation-sec .game-expectation-sec-outer{margin-top:70px; padding:67px 0 65px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-fig{max-width:160px;}
  .cosmic-connect-game-expectation-sec .game-expect-icon-block{top:-18px; margin-bottom:-10px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-title{font-size:32px; margin-bottom:16px;}
  .cosmic-connect-game-expectation-sec .game-expect-details-item{font-size:18px;}
  .cosmic-connect-game-expectation-sec .game-expectation-card-outer{border-radius:74px; filter:drop-shadow(0px 12px 9.5px rgba(0, 0, 0, 0.22));}
  .cosmic-connect-game-expectation-sec .game-expectation-card-body{border-radius:70px; padding:0 19px 35px;}
  .cosmic-connect-game-expectation-sec .game-expectation-item{margin-top:22px; max-width:calc((100% / 3) - 15px);}
  .cosmic-connect-game-expectation-sec .game-expectation-list{gap:0 18px;}
  
  .cosmic-connect-game-summary .game-summary-text{font-size:30px; max-width:709px; padding-top:95px;}
  
  .cosmic-connect-faq-sec .faq-sec-outer{padding:25px 0 80px;}
  .cosmic-connect-faq-sec .faq-block{padding:16px 0 0 0;}
  .cosmic-connect-faq-sec .accordion-head-outer{min-height:70px; padding:0 12px 0 116px;}
  .cosmic-connect-faq-sec .accordion-item::before{font-size:33px; width:100px; min-height:70px;}
  .cosmic-connect-faq-sec .accordion-item::after{left:34px; width:82px; min-height:70px; clip-path:polygon(0 0, 79% 0, 96% 100%, 0% 100%);}
  .cosmic-connect-faq-sec .accordion-title{font-size:33px;}
  .cosmic-connect-faq-sec .accordion-text{font-size:23px;}
  .cosmic-connect-faq-sec .accordion-body{margin-top:14px;}
  .cosmic-connect-faq-sec .accordion-item{margin-bottom:9px;}
  .cosmic-connect-faq-sec .accordion-cont-bar{padding:0px 35px 0 80px; min-height:109px;}
}
@media(max-width:1023px){
  .cosmic-connect-game .sec-head-outer:not(.about-head-outer, .expectation-head-outer){margin-top:45px;}
  .cosmic-connect-game .sec-main-title{font-size:25px; text-shadow:0px 2px 0.5px rgba(117, 255, 33, 0.25); padding-bottom:40px;}
  .cosmic-connect-game .btn-bar .base-btn{filter:drop-shadow(0px 4px 4.5px rgba(0, 0, 0, 0.68)); margin:30px 0 65px 0; max-width:25%;}
  .cosmic-connect-game .btn-text{font-size:22px;}

  .cosmic-connect-about-us-sec .about-head-bg{max-width:70%;}
  .cosmic-connect-about-us-sec .about-us-text{font-size:25px; max-width:670px;}

  .cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .cosmic-connect-how-to-work-sec .game-start-card .htw-process-card-body{padding:35px 20px 35px 30px;}
  .cosmic-connect-how-to-work-sec .htw-process-card-left-icon::before{width:10px;}
  .cosmic-connect-how-to-work-sec .htw-process-card-right-icon::after{width:10px;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body::before{height:10px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap{padding:0 20px; gap:0 45px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-one{gap:0 12px; margin:-20px 0 5px 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-two{margin:-9px 0;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-outer{height:250px;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-body{padding:35px 0 0;}
  .cosmic-connect-how-to-work-sec .htw-icon{max-width:13%;}
  .cosmic-connect-how-to-work-sec .htw-icon-two{top:-19%;}
  .cosmic-connect-how-to-work-sec .htw-icon-seven{top:-14.5%;}
  .cosmic-connect-how-to-work-sec .htw-divider{max-width:70%;}
  .cosmic-connect-how-to-work-sec .htw-divider-four{max-width:40%; right:-140px;}

  .cosmic-connect-game-expectation-sec .game-expectation-sec-outer{margin-top:60px; padding:55px 0 60px;}
  .cosmic-connect-game-expectation-sec .game-expectation-card-outer{filter:drop-shadow(0px 11px 9.5px rgba(0, 0, 0, 0.22));}
  .cosmic-connect-game-expectation-sec .expectation-head-bg{max-width:52%;}
  .cosmic-connect-game-expectation-sec .game-expect-card-title{font-size:26px; margin-bottom:14px;}
  .cosmic-connect-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-fig{max-width:135px;}
  .cosmic-connect-game-expectation-sec .game-expect-icon-block{top:7px; margin-bottom:12px;}
  .cosmic-connect-game-expectation-sec .game-expectation-card-outer{border-radius:54px; filter:drop-shadow(0px 10px 9.5px rgba(0, 0, 0, 0.22));}
  .cosmic-connect-game-expectation-sec .game-expectation-card-body{border-radius:50px; padding:0 10px 30px;}
  .cosmic-connect-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 10px);}
  .cosmic-connect-game-expectation-sec .game-expectation-list{gap:0 14px;}

  .cosmic-connect-game-summary .game-summary-text{font-size:25px; max-width:599px; padding-top:80px;}

  .cosmic-connect-faq-sec .faq-head-bg{max-width:42%;}
  .cosmic-connect-faq-sec .faq-sec-outer{padding:20px 0 65px;}
  .cosmic-connect-faq-sec .accordion-title{font-size:27px;}
  .cosmic-connect-faq-sec .accordion-text{font-size:19px;}
  .cosmic-connect-faq-sec .accordion-item::before{font-size:27px; width:95px; min-height:65px;}
  .cosmic-connect-faq-sec .accordion-item::after{left:29px; width:80px; min-height:65px}
  .cosmic-connect-faq-sec .accordion-head-outer{min-height:65px; padding:0 10px 0 110px;}
  .cosmic-connect-faq-sec .accordion-cont-bar{padding:0px 18px 0 75px; min-height:99px;}
  .cosmic-connect-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
  .cosmic-connect-faq-sec .accordion-body{margin-top:12px;}
}
@media(max-width:767px){
  .cosmic-connect-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 75%; margin-top:0;}
  .cosmic-connect-game .banner-sec-outer{margin:0;}
  .cosmic-connect-game .game-logo-fig{max-width:65%; margin-top:-8%;}
  .cosmic-connect-game .video-block{max-width:90%; margin-top:-10.5%;}
  .cosmic-connect-game .btn-bar .base-btn{max-width:38%; margin:25px 0 27px 0; filter:drop-shadow(0px 2px 2.5px rgba(0, 0, 0, 0.68));}
  .cosmic-connect-game .btn-text{font-size:16px;}

  .cosmic-connect-game .sec-head-outer{position:relative; left:-10px; width:calc(100% + 20px);}
  .cosmic-connect-game .sec-head-outer:not(.about-head-outer, .expectation-head-outer){margin-top:33px;}
  .cosmic-connect-game .sec-main-title{font-size:22px; padding-bottom:10vmin;}
  
  .cosmic-connect-about-us-sec{margin-top:-23%; padding-top:27%; filter:drop-shadow(-1.908px -9.816px 5px #00d0ff);}
  .cosmic-connect-about-us-sec .container{padding:0;}
  .cosmic-connect-game .about-head-title{font-size:18px; padding-bottom:7.5vmin}
  .cosmic-connect-about-us-sec .about-head-bg{max-width:100%;}
  .cosmic-connect-about-us-sec .about-us-text{font-size:18px; margin-top:-27px; padding:0 20px;}
  .cosmic-connect-about-us-sec .about-bg-icon-one{top:auto; bottom:4%;}
  
  .cosmic-connect-how-to-work-sec .htw-head-bg{max-width:85%;}
  .cosmic-connect-how-to-work-sec .htw-process-theme{z-index:1;}
  .cosmic-connect-how-to-work-sec .container{padding:0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap{padding:0; flex-direction:column-reverse;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-one{margin-top:20px;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-two{margin:32px 0 0 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-three{margin:32px 0 0 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-four{margin:32px 0 0 0;}
  .cosmic-connect-how-to-work-sec .game-card-five{margin:12px 0 0 0;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-five{flex-direction:column; margin:0;}
  .cosmic-connect-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px; text-align:center;}
  .cosmic-connect-how-to-work-sec .htw-process-card-left-icon::before{width:100%; height:10px; top:0; left:0;}
  .cosmic-connect-how-to-work-sec .htw-process-card-right-icon::after{width:100%; height:10px; top:0; left:0;}
  .cosmic-connect-how-to-work-sec .htw-process-card-outer{background:linear-gradient(180deg, rgba(166,172,250,0.99) 0%, rgba(94,124,236,0) 100%); height:auto;}
  .cosmic-connect-how-to-work-sec .htw-process-card-body{padding:40px 20px 40% 20px !important;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap .col-left{margin:-36% 0 0 0; max-width:95%; z-index:1;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-two .col-left{margin-top:-37%;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-five .col-right{max-width:95%;}
  .cosmic-connect-how-to-work-sec .htw-process-wrap-five .col-left{margin-top:-37%;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-outer{max-width:100%;}
  .cosmic-connect-how-to-work-sec .htw-divider-four{display:none;}
  .cosmic-connect-how-to-work-sec .htw-divider-four-mob{display:block;}

  .cosmic-connect-game-expectation-sec .expectation-head-bg{max-width:90%;}
  .cosmic-connect-game-expectation-sec .game-expectation-sec-outer{background-size:100% 102%; margin-top:18px; padding:42px 0 35px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-title{font-size:25px;}
  .cosmic-connect-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .cosmic-connect-game-expectation-sec .game-expect-card-fig{max-width:120px;}
  .cosmic-connect-game-expectation-sec .game-expect-icon-block{top:-10px; margin-bottom:-5px;}
  .cosmic-connect-game-expectation-sec .game-expectation-card-outer{border-radius:43px; padding:3px; margin-bottom:50px; filter:drop-shadow(0px 10px 5px rgba(0,0,0,0.2));}
  .cosmic-connect-game-expectation-sec .game-expectation-card-body{border-radius:40px; padding:0 15px;}
  .cosmic-connect-game-expectation-sec .game-expectation-item{margin-top:27px;}
  .cosmic-connect-game-expectation-sec .owl-carousel .owl-dot span{filter:drop-shadow(0 0 5px #1c006b); opacity:0.549; background:var(--bg-body); height:16px; width:16px;}
  .cosmic-connect-game-expectation-sec .owl-carousel .owl-dot.active span{background:#01deff; padding:2px;}
  .cosmic-connect-game-expectation-sec .owl-carousel .owl-dot{margin:2px 4px;}

  .cosmic-connect-game-summary{-webkit-mask-image:linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(213, 33, 101, 1) 20%, rgba(213, 33, 101, 1) 80%, rgba(255, 255, 255, 0.3) 100%); mask-image:linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(213, 33, 101, 1) 20%, rgba(213, 33, 101, 1) 80%, rgba(255, 255, 255, 0.3) 100%);}
  .cosmic-connect-game-summary .game-summary-text{font-size:16px; letter-spacing:0; max-width:100%; padding:40px 20px 0;}
  .cosmic-connect-game-summary::before, .cosmic-connect-game-summary::after{height:3px;}

  .cosmic-connect-faq-sec .faq-head-bg{max-width:85%;}
  .cosmic-connect-faq-sec .faq-head-title{padding-bottom:11vmin;}
  .cosmic-connect-faq-sec .faq-sec-outer{padding:5px 0 30px;}
  .cosmic-connect-faq-sec .accordion-item::before{font-size:20px; min-height:50px; width:61px; clip-path:polygon(24% 0%, 100% 0%, 76% 100%, 0% 100%);}
  .cosmic-connect-faq-sec .accordion-item::after{background:#7b23c8; opacity:1; width:56px; min-height:50px; left:16px;}
  .cosmic-connect-faq-sec .accordion-title{font-size:16px; letter-spacing:0;}
  .cosmic-connect-faq-sec .accordion-head-outer{min-height:50px; padding:0 7px 0 78px;}
  .cosmic-connect-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:12px;}
  .cosmic-connect-how-to-work-sec .game-card-five .htw-process-card-outer{height:auto;}
  .cosmic-connect-faq-sec .accordion-text{font-size:16px; letter-spacing:0;}
  .cosmic-connect-faq-sec .accordion-body{margin-top:10px;}
  .cosmic-connect-faq-sec .accordion-cont-bar{padding:0px 10px 0 54px; min-height:89px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Cosmic Connect Game CSS End // ***************************** */



/* ***************************** // Precision Pool Game CSS Start // ***************************** */
.precision-pool-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-action:'Roboto', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.precision-pool-game .header{box-shadow:none;}
.precision-pool-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.precision-pool-game .active .nav-item-label, .precision-pool-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.precision-pool-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; position:relative; padding-bottom:100px;}
.precision-pool-game .video-poster, .precision-pool-game .client-video{top:2.7%; left:1.9%; right:auto; height:calc(100% - 5.5%); width:calc(100% - 3.7%); bottom:auto; border-radius:29px;}
.precision-pool-game .game-logo-fig{max-width:43%; position:relative; z-index:4;}
.precision-pool-game .video-block{max-width:54%; position:relative; overflow:inherit; border-radius:50px; background:linear-gradient(69deg, #e6e6e6 0%, #ffffff 100%);}
.precision-pool-game .video-iframe{padding-bottom:65%;}
.precision-pool-game .banner-sec-outer{background:transparent; padding:0px; position:relative;}
.precision-pool-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.precision-pool-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.precision-pool-game .banner-sec-video{background:transparent;}
.precision-pool-game .video-shadow{top:-24.9%; left:-12%; right:auto; height:calc(100% - 5.5%); z-index:-3; width:calc(100% + 24%); bottom:auto;}
.precision-pool-game .video-iframe::after{content:""; position:absolute; z-index:-1; bottom:-18px; margin:0 auto; left:-27%; right:-50px; width:calc(100% + 54%); height:32px; border-radius:100%; background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%); filter:blur(1px); opacity:0.62;}

.precision-pool-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.precision-pool-game .sec-main-title{position:absolute; color:var(--clr-action-alt); font-size:72px; font-weight:900; font-family:var(--font-action);}
.precision-pool-game .sec-main-title.outline{-webkit-text-stroke:5px #00220f;}
.precision-pool-game .sec-main-title.outline::before{content:attr(data-content); filter:drop-shadow(0px 9px 0px #00183e); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(253, 255, 255, 1) 0%, rgba(253, 255, 255, 1) 53%, rgba(1, 209, 232, 1) 66%, rgba(0, 42, 113, 1) 99%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.precision-pool-game .btn-bar .base-btn{filter:drop-shadow(0px 7px 4.5px rgba(0,0,0,0.68)); margin:35px 0 60px 0; max-width:28%;}
.precision-pool-game .btn-text{font-size:48px; text-transform:capitalize; font-weight:900; font-family:var(--font-action); text-shadow:none;}
.precision-pool-game .btn-text.outline{-webkit-text-stroke:5px #00220f; }
.precision-pool-game .btn-text.outline::before{content:attr(data-content); filter:drop-shadow(0px 4px 0.5px #00220f); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(253, 255, 255, 1) 0%, rgba(253, 255, 255, 1) 50%, rgba(11, 255, 118, 1) 60%, rgba(0, 34, 15, 1) 99%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}

/* About us CSS Start */
.precision-pool-about-us-sec{background:#051934; position:relative;}
.precision-pool-about-us-sec .about-head-outer{margin-top:-40px;}
.precision-pool-about-us-sec .about-us-text{font-size:34px;font-weight:400; font-family:var(--font-action); color:var(--clr-action-alt); max-width:1316px; text-align:center;}
.precision-pool-about-us-sec .about-head-title{font-size:49px; font-family:var(--font-base);}
/* About us CSS End */

/* How to work CSS Start */
.precision-pool-how-to-work-sec .htw-head-bg{filter:drop-shadow(0 0 10.5px rgba(0,0,0,0.41));}
.precision-pool-how-to-work-sec .htw-process-wrap{margin:120px 0; padding:0;}
.precision-pool-how-to-work-sec .htw-process-wrap-one{margin-top:180px;}
.precision-pool-how-to-work-sec .how-to-work-process-sec-two{position:relative;}
.precision-pool-how-to-work-sec .how-to-work-process-sec-four{position:relative;}
.precision-pool-how-to-work-sec .htw-process-wrap .col-right{margin:0; padding:0; max-width:100%; position:relative;}
.precision-pool-how-to-work-sec .htw-process-wrap .col-left{margin:0; padding:0; max-width:62%; position:relative; z-index:2;}
.precision-pool-how-to-work-sec .htw-process-wrap-five{flex-direction:row; margin:0 !important;}
.precision-pool-how-to-work-sec .htw-process-wrap-six{flex-direction:row-reverse; margin:85px 0;}
.precision-pool-how-to-work-sec .htw-process-wrap-seven{flex-direction:row; margin:0 !important;}
.precision-pool-how-to-work-sec .htw-process-wrap-nine{flex-direction:row-reverse; margin:45px 0;}
.precision-pool-how-to-work-sec .htw-process-theme{z-index:1;}
.precision-pool-how-to-work-sec .htw-process-card-title{font-size:65px; text-transform:uppercase; font-weight:bold; font-family:var(--font-base);}
.precision-pool-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.precision-pool-how-to-work-sec .htw-process-card-list{margin-top:12px; padding:0 0 0 80px;}
.precision-pool-how-to-work-sec .game-card-four .htw-process-card-list{padding:0 0 0 53px;}
.precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-bottom:10px; padding:0; font-size:26px; font-weight:500; font-family:var(--font-base);}
.precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-body); border-radius:100%; width:4px; height:4px; left:-10px; top:14px;}
.precision-pool-how-to-work-sec .htw-process-center-body .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{height:6px; width:6px; position:relative; display:inline-block; top:-4px; left:-5px;}
.precision-pool-how-to-work-sec .htw-process-card-outer{background:#0c59b0; padding:0;}
.precision-pool-how-to-work-sec .htw-card-outer-right{border-radius:0 23px 23px 0;}
.precision-pool-how-to-work-sec .htw-card-outer-left{border-radius:23px 0 0 23px;}
.precision-pool-how-to-work-sec .htw-process-card-body{padding:50px 33px 48px 47px;}
.precision-pool-how-to-work-sec .game-start-card .htw-process-card-body{padding:80px 60px 78px 20px;}
.precision-pool-how-to-work-sec .game-card-three .htw-process-card-body{padding:60px 17px 68px 20px;}
.precision-pool-how-to-work-sec .game-card-eight .htw-process-card-body{padding:70px 20px 140px 25px;}
.precision-pool-how-to-work-sec .htw-icon img{float:left; width:100%;}
.precision-pool-how-to-work-sec .htw-icon{position:absolute; z-index:2;}
.precision-pool-how-to-work-sec .htw-icon-one{right:-17%; bottom:-7%;}
.precision-pool-how-to-work-sec .htw-icon-two{bottom:8.5%; z-index:0;}
.precision-pool-how-to-work-sec .htw-icon-three{right:-14.3%; bottom:-4.3%;}
.precision-pool-how-to-work-sec .htw-icon-four{left:-15%; bottom:-6.5%;}
.precision-pool-how-to-work-sec .htw-icon-five{right:0; top:41.5%;}
.precision-pool-how-to-work-sec .htw-icon-nine{left:-15%; bottom:-6.5%;}
.precision-pool-how-to-work-sec .htw-shadow img{float:left; width:100%;}
.precision-pool-how-to-work-sec .htw-shadow{position:absolute; bottom:-23px; left:-17%; width:calc(100% + 34%);}
.precision-pool-how-to-work-sec .htw-shadow-mob{display:none;}
.precision-pool-how-to-work-sec .htw-shadow-three{bottom:-11px;}
.precision-pool-how-to-work-sec .htw-process-theme:after{display:none;}
.precision-pool-how-to-work-sec .how-to-work-theme-bg{background:var(--htw-theme-bg) no-repeat top center; background-size:100% 100%; margin-top:60px; padding-bottom:133px; position:relative; z-index:2;}
.precision-pool-how-to-work-sec .htw-process-center{float:left; width:100%; display:flex; justify-content:center; align-items:center; margin:86px 0 100px 0;}
.precision-pool-how-to-work-sec .htw-process-center-body{float:left; width:100%; text-align:center; max-width:94%; padding:65px 0 50px 0; position:relative; background:linear-gradient(to right, rgba(8,20,41,0.1)0%, rgba(8,20,41,1)50%,rgba(8,20,41,0.1)100%);}
.precision-pool-how-to-work-sec .htw-process-center-body::before{position:absolute; content:''; height:8px; width:100%; left:0; top:0; border-radius:100%; background:linear-gradient(90deg, #e23d0a 0%, #df4509 31%, #fbd400 52%, #df4509 69%, #e13d0b 100%);}
.precision-pool-how-to-work-sec .htw-process-center-body::after{position:absolute; content:''; height:8px; width:100%; left:0; bottom:0; border-radius:100%; background:linear-gradient(90deg, #e23d0a 0%, #df4509 31%, #fbd400 52%, #df4509 69%, #e13d0b 100%);}
.precision-pool-how-to-work-sec .htw-process-center .htw-process-card-list{padding:0; margin:0;}
.precision-pool-how-to-work-sec .htw-process-center .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{margin-bottom:13px;}
.precision-pool-how-to-work-sec .htw-show{display:block;}
.precision-pool-how-to-work-sec .htw-hide{display:none;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.precision-pool-game-expectation-sec .game-expectation-sec-outer{background-size:100% 100%; padding:0 0 105px;}
.precision-pool-game-expectation-sec .game-expectation-card-outer{padding:0; box-shadow:0px 0px 25px var(--bg-body); border-radius: 22px; margin-top:53px; background:url('../images/precision-pool/expectation-card-bg.webp') no-repeat; background-size:100% 100%;}
.precision-pool-game-expectation-sec .game-expectation-card-body{background:none; box-shadow:none; padding:0; min-height:310px;}
.precision-pool-game-expectation-sec .game-expect-card-title-block{float:left; width:100%; margin:35px 0 0; display:flex; justify-content:center; align-items:center;}
.precision-pool-game-expectation-sec .game-expect-card-title-bar{position:relative; float:left; padding:27px 0; width:99%; background:linear-gradient(to right, rgba(8,20,41,0)0%, rgba(8,20,41,0)10%, rgba(8,20,41,1)50%, rgba(8,20,41,0)90%, rgba(8,20,41,0)100%)}
.precision-pool-game-expectation-sec .game-expect-card-title-bar::before{position:absolute; content:''; height:3px; width:73%; left:13%; top:0; background:linear-gradient(90deg, #e23d0a 0%, #df4509 31%, #fbd400 52%, #df4509 69%, #e13d0b 100%); }
.precision-pool-game-expectation-sec .game-expect-card-title-bar::after{position:absolute; content:''; height:3px; width:100%; left:0; bottom:0; background:linear-gradient(90deg, #e23d0a 0%, #df4509 31%, #fbd400 52%, #df4509 69%, #e13d0b 100%); }
.precision-pool-game-expectation-sec .game-expect-card-title{color:var(--clr-action-alt); font-size:28px; font-weight:700; font-family:var(--font-action); margin-bottom:0;}
.precision-pool-game-expectation-sec .game-expect-card-title.outline{-webkit-text-stroke:4px #00220f;}
.precision-pool-game-expectation-sec .game-expect-card-title.outline::before{content:attr(data-content); filter:drop-shadow(0px 4px 0.5px #030f2c); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(253, 255, 255, 1) 0%, rgba(253, 255, 255, 1) 37%, rgba(1, 209, 232, 1) 66%, rgba(0, 42, 113, 1) 99%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.precision-pool-game-expectation-sec .game-expect-details-item{font-size:18px; color:var(--clr-action-alt); font-weight:400; font-family:var(--font-action);}
.precision-pool-game-expectation-sec .game-expect-details-item:before{height:4px; width:4px; background:var(--bg-body);}
.precision-pool-game-expectation-sec .game-expectation-list{gap:0 35px;}
.precision-pool-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 120px); margin:0;}
.precision-pool-game-expectation-sec .game-expect-details-list{padding:12px 26px 40px 30px;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.precision-pool-game-summary{background:#180a1d; padding-top:120px; position:relative;}
.precision-pool-game-summary .game-summary-outer{position:relative;}
.precision-pool-game-summary .game-summary-text{font-size:40px; font-weight:500; color:var(--clr-action-alt); font-family:var(--font-base); max-width:1077px;}
.precision-pool-game-summary .expectation-theme-icon img{float:left; width:100%;}
.precision-pool-game-summary .expectation-theme-icon{position:absolute;}
.precision-pool-game-summary .expectation-theme-icon-one{top:-10%; left:8.3%;}
.precision-pool-game-summary .expectation-theme-icon-two{top:-10%; right:0;}
.precision-pool-game-summary .expectation-theme-icon-three{bottom:0;}
.precision-pool-game-summary .expectation-theme-icon-four{right:13%; bottom:11%;}
.precision-pool-game-summary .btn-bar .base-btn{margin:80px 0 155px;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.precision-pool-faq-sec{position:relative;}
.precision-pool-faq-sec .faq-sec-outer{background:none; padding:0;}
.precision-pool-faq-sec .faq-wrap{background:var(--faq-bg) no-repeat center; background-size:100% 100%; margin:70px 0 85px;}
.precision-pool-faq-sec .faq-block{padding:70px 130px 157px;}
.precision-pool-faq-sec .accordion-card{padding:0; border:none; background:#13ced0;}
.precision-pool-faq-sec .accordion-head{padding:1px;}
.precision-pool-faq-sec .accordion-head-outer{border-radius:0; box-shadow:none; background:#070a27; min-height:78px; padding:0 12px;}
.precision-pool-faq-sec .accordion-title{font-size:25px; color:var(--clr-action-alt); font-weight:500; font-family:var(--font-action); letter-spacing:-1px;}
.precision-pool-faq-sec .accordion-text{font-size:20px; color:#00183d; font-weight:400; font-family:var(--font-action); letter-spacing:-1px;}
.precision-pool-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:#13ced0; font-size:11px;}
.precision-pool-faq-sec .accordion-body{padding:0 40px 0 77px;}
.precision-pool-faq-sec .accordion-cont-bar{min-height:78px; padding:10px 0px;}
.precision-pool-faq-sec .faq-head-title{text-transform:none;}
.precision-pool-faq-sec .faq-icon img{float:left; width:100%;}
.precision-pool-faq-sec .faq-icon{position:absolute; bottom:0;}
.precision-pool-faq-sec .faq-icon-two{right:0;}
/* FAQs CSS End */

.precision-pool-game .footer{background:#171c3f;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .precision-pool-game .game-logo-fig{max-width:39%;}
  .precision-pool-game .video-block{border-radius:32px; max-width:57%;}
  .precision-pool-game .banner-sec{padding-bottom:90px;}
  .precision-pool-game .btn-bar .base-btn{margin:33px 0 53px 0;}
  .precision-pool-game .btn-text{font-size:39px;}
  .precision-pool-game .sec-main-title{font-size:62px;}
  .precision-pool-game .sec-main-title.outline::before{filter:drop-shadow(0px 8px 0px #00183e);}
  .precision-pool-game .video-iframe::after{bottom:-14px; height:27px;}
  .precision-pool-game .video-poster, .precision-pool-game .client-video{border-radius:19px;}
  
  .precision-pool-about-us-sec .about-head-outer{margin-top:-30px;}
  .precision-pool-about-us-sec .about-head-title{font-size:39px;}
  .precision-pool-about-us-sec .about-us-text{font-size:28px; max-width:1080px;}

  .precision-pool-how-to-work-sec .htw-head-bg{max-width:67%;}
  .precision-pool-how-to-work-sec .htw-plays-bg{max-width:63%;}
  .precision-pool-how-to-work-sec .htw-process-wrap{margin:95px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-one{margin-top:140px;}
  .precision-pool-how-to-work-sec .htw-process-card-title{font-size:54px;}
  .precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:22px;}
  .precision-pool-how-to-work-sec .htw-process-card-list{padding:0 0 0 77px; margin-top:10px;}
  .precision-pool-how-to-work-sec .game-start-card .htw-process-card-body{padding:70px 10px 68px 15px;}
  .precision-pool-how-to-work-sec .htw-process-card-body{padding:50px 15px 48px 20px;}
  .precision-pool-how-to-work-sec .game-card-four .htw-process-card-list{padding:0 0 0 42px;}
  .precision-pool-how-to-work-sec .htw-icon{max-width:35%;}
  .precision-pool-how-to-work-sec .htw-icon-five{top:52.5%;}
  .precision-pool-how-to-work-sec .htw-process-center{margin:70px 0 84px 0;}
  .precision-pool-how-to-work-sec .htw-process-center-body{max-width:75%; padding:57px 0 40px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-six{margin:70px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-nine{margin:35px 0;}
  .precision-pool-how-to-work-sec .how-to-work-theme-bg{margin-top:13px; padding-bottom:107px;}
  .precision-pool-how-to-work-sec .game-card-eight .htw-process-card-body{padding:70px 15px 110px 15px;}
  .precision-pool-how-to-work-sec .htw-shadow{bottom:-18px; left:-12%; width:calc(100% + 24%);}
  .precision-pool-how-to-work-sec .htw-shadow-three{bottom:-12px;}
  
  .precision-pool-game-expectation-sec .expectation-head-bg{max-width:72%;}
  .precision-pool-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .precision-pool-game-expectation-sec .game-expectation-list{gap: 30px; margin-top:50px;}
  .precision-pool-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .precision-pool-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 80px);}
  .precision-pool-game-expectation-sec .game-expectation-sec-outer{padding:0 0 90px;}
  .precision-pool-game-expectation-sec .game-expectation-card-outer{margin-top:12px;}
  
  .precision-pool-game-summary .expectation-theme-icon{max-width:12%;}
  .precision-pool-game-summary .game-summary-text{font-size:34px; max-width:908px;}
  .precision-pool-game-summary .btn-bar .base-btn{margin:70px 0 120px 0;}

  .precision-pool-faq-sec .faq-head-bg{max-width:57%;}
  .precision-pool-faq-sec .faq-block{padding:60px 105px 120px;}
  .precision-pool-faq-sec .faq-icon{max-width:17%;}
  .precision-pool-faq-sec .faq-wrap{margin:65px 0 70px;}
  .precision-pool-faq-sec .accordion-title{font-size:23px;}
  .precision-pool-faq-sec .accordion-text{font-size:18px;}
  .precision-pool-faq-sec .accordion-head-outer{min-height:73px;}
  .precision-pool-faq-sec .accordion-cont-bar{min-height:73px;}
}
@media(max-width:1280px){
  .precision-pool-game .game-logo-fig{max-width:37%;}
  .precision-pool-game .video-iframe::after{bottom:-14px; height:21px;}
  .precision-pool-game .video-block{border-radius:28px;}
  .precision-pool-game .sec-main-title{font-size:52px;}
  .precision-pool-game .sec-main-title.outline::before{filter:drop-shadow(0px 7px 0px #00183e);}
  .precision-pool-game .btn-text{font-size:34px;}
  .precision-pool-game .btn-bar .base-btn{margin:30px 0 40px 0;}
  .precision-pool-game .banner-sec{padding-bottom:70px;}
  .precision-pool-game .video-poster, .precision-pool-game .client-video{border-radius:17px;}

  .precision-pool-about-us-sec .about-head-outer{margin-top:-20px;}
  .precision-pool-about-us-sec .about-us-text{font-size:24px; max-width:927px;}
  .precision-pool-about-us-sec .about-head-title{font-size:33px;}

  .precision-pool-how-to-work-sec .htw-plays-bg{max-width:57%;}
  .precision-pool-how-to-work-sec .htw-process-wrap{padding:0 40px; margin:70px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-one{margin-top:110px;}
  .precision-pool-how-to-work-sec .htw-process-card-title{font-size:42px;}
  .precision-pool-how-to-work-sec .htw-process-card-list{padding:0 0 0 60px;}
  .precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .precision-pool-how-to-work-sec .htw-process-card-body{padding:30px 10px 28px 14px}
  .precision-pool-how-to-work-sec .game-start-card .htw-process-card-body{padding:45px 10px 45px 14px;}
  .precision-pool-how-to-work-sec .game-card-three .htw-process-card-body{padding:30px 10px 28px 10px;}
  .precision-pool-how-to-work-sec .game-card-four .htw-process-card-list{padding:0 0 0 34px;}
  .precision-pool-how-to-work-sec .game-card-eight .htw-process-card-body{padding:43px 10px 54px 10px;}
  .precision-pool-how-to-work-sec .htw-icon{max-width:33%;}
  .precision-pool-how-to-work-sec .htw-shadow{bottom:-15px;}
  .precision-pool-how-to-work-sec .htw-shadow-three{bottom:-11px;}
  .precision-pool-how-to-work-sec .htw-process-center{margin:60px 0 70px 0;}
  .precision-pool-how-to-work-sec .htw-process-center-body{max-width:68%; padding:48px 0 35px 0;}
  .precision-pool-how-to-work-sec .htw-icon-two{bottom:6.5%;}
  .precision-pool-how-to-work-sec .htw-card-outer-right{border-radius:0 19px 19px 0;}
  .precision-pool-how-to-work-sec .htw-card-outer-left{border-radius:19px 0 0 19px;}

  .precision-pool-game-expectation-sec .game-expect-card-title{font-size:21px;}
  .precision-pool-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .precision-pool-game-expectation-sec .game-expect-details-list{padding:12px 15px 0px 20px;}
  .precision-pool-game-expectation-sec .game-expect-card-title-bar{padding:21px 0;}
  .precision-pool-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 65px);}
  .precision-pool-game-expectation-sec .game-expectation-sec-outer{padding:0 0 60px;}
  .precision-pool-game-expectation-sec .game-expectation-card-body{min-height:287px;}

  .precision-pool-game-summary .game-summary-text{font-size:30px; max-width:803px;}
  .precision-pool-game-summary .btn-bar .base-btn{margin:50px 0 85px 0;}
  .precision-pool-game-summary{padding-top:110px;}

  .precision-pool-faq-sec .faq-block{padding:55px 80px 105px;}
  .precision-pool-faq-sec .accordion-title{font-size:21px;}
  .precision-pool-faq-sec .accordion-text{font-size:16px;}
  .precision-pool-faq-sec .accordion-body{padding:0 30px 0 70px;}
  .precision-pool-faq-sec .accordion-head-outer{min-height:68px;}
  .precision-pool-faq-sec .accordion-cont-bar{min-height:68px;}
  .precision-pool-faq-sec .faq-wrap{margin:60px 0 65px;}
}
@media(max-width:1023px){
  .precision-pool-game .video-block{border-radius:18px;}
  .precision-pool-game .banner-sec{padding-bottom:50px;}
  .precision-pool-game .btn-bar .base-btn{margin:23px 0 30px 0;}
  .precision-pool-game .btn-text{font-size:27px;}
  .precision-pool-game .video-iframe::after{bottom:-12px; height:15px;}
  .precision-pool-game .sec-main-title{font-size:36px;}
  .precision-pool-game .sec-main-title.outline::before{filter:drop-shadow(0px 6px 0px #00183e);}
  .precision-pool-game .video-poster, .precision-pool-game .client-video{border-radius:10px;}

  .precision-pool-about-us-sec .about-head-title{font-size:27px;}
  .precision-pool-about-us-sec .about-us-text{font-size:21px; padding:0 20px; max-width:100%;}
  .precision-pool-about-us-sec .about-head-outer{margin-top:-10px;}

  .precision-pool-how-to-work-sec .htw-process-card-title{font-size:32px;}
  .precision-pool-how-to-work-sec .htw-process-card-list{padding:0 0 0 46px;}
  .precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px; margin-bottom:7px;}
  .precision-pool-how-to-work-sec .game-start-card .htw-process-card-body{padding:32px 10px 30px 7px;}
  .precision-pool-how-to-work-sec .htw-shadow {bottom:-12px;}
  .precision-pool-how-to-work-sec .htw-shadow-three{bottom:-6px;}
  .precision-pool-how-to-work-sec .htw-process-wrap{padding:0 18px; margin:45px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-one{margin-top:70px;}
  .precision-pool-how-to-work-sec .htw-icon-two{bottom:3%;}
  .precision-pool-how-to-work-sec .htw-process-card-body{padding:25px 10px 21px 10px;}
  .precision-pool-how-to-work-sec .game-card-four .htw-process-card-list{padding:0 0 0 22px;}
  .precision-pool-how-to-work-sec .htw-icon-five{top:56%;}
  .precision-pool-how-to-work-sec .htw-process-center-body{max-width:70%; padding:37px 0 27px 0;}
  .precision-pool-how-to-work-sec .htw-process-center-body::before{height:5px;}
  .precision-pool-how-to-work-sec .htw-process-center-body::after{height:5px;}
  .precision-pool-how-to-work-sec .htw-process-center{margin:35px 0 55px 0;}
  .precision-pool-how-to-work-sec .how-to-work-theme-bg{margin-top:22px; padding-bottom:70px;}
  .precision-pool-how-to-work-sec .htw-card-outer-right{border-radius:0 16px 16px 0;}
  .precision-pool-how-to-work-sec .htw-card-outer-left{border-radius:16px 0 0 16px;}

  .precision-pool-game-expectation-sec .game-expect-card-title{font-size:18px;}
  .precision-pool-game-expectation-sec .game-expectation-list{gap:0 23px; margin-top:30px;} 
  .precision-pool-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 30px);}
  .precision-pool-game-expectation-sec .game-expectation-sec-outer{padding:0 0 23px;}

  .precision-pool-game-summary{padding-top:90px;}
  .precision-pool-game-summary .game-summary-text{font-size:25px; max-width:669px;}
  .precision-pool-game-summary .btn-bar .base-btn{margin:35px 0 55px 0;}

  .precision-pool-faq-sec .faq-block{padding:35px 55px 98px;}
  .precision-pool-faq-sec .accordion-title{font-size:19px;}
  .precision-pool-faq-sec .accordion-text{font-size:15px;}
  .precision-pool-faq-sec .accordion-head-outer{min-height:60px; padding:0 7px;}
  .precision-pool-faq-sec .accordion-body{padding:0 20px 0 57px;}
  .precision-pool-faq-sec .accordion-cont-bar{min-height:60px;}
  .precision-pool-faq-sec .faq-wrap{margin:45px 0;}
}
@media(max-width:767px){
  .precision-pool-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 100%; position:relative; padding-bottom:97px;}
  .precision-pool-game .video-block{max-width:90%;}
  .precision-pool-game .video-shadow{display:none;}
  .precision-pool-game .game-logo-fig{max-width:54%;}
  .precision-pool-game .sec-head{margin-bottom:7px;}
  .precision-pool-game .btn-bar .base-btn{max-width:47%;}
  .precision-pool-game .btn-text.outline{-webkit-text-stroke:3px #00220f;}
  .precision-pool-game .btn-text.outline::before{filter:drop-shadow(0px 2px 0px #00183e);}
  .precision-pool-game .btn-text{font-size:23px;}
  .precision-pool-game .sec-main-title{font-size:25px;}
  .precision-pool-game .sec-main-title.outline::before{filter:drop-shadow(0px 3px 0px #00183e);}
  .precision-pool-game .sec-main-title.outline{-webkit-text-stroke:3px #00220f;}
  .precision-pool-game .video-iframe::after{bottom:-9px; height:14px; left:-9%; right:auto; width:calc(100% + 18%);}
  .precision-pool-game .video-poster, .precision-pool-game .client-video{border-radius:12px;}

  .precision-pool-about-us-sec .about-head-title{position:relative; font-size:25px;}
  .precision-pool-about-us-sec .about-head-outer{margin:0;}
  .precision-pool-about-us-sec .about-us-outer{margin-top:-61px;}
  .precision-pool-about-us-sec .about-us-text{font-size:17px; padding:0 10px;}

  .precision-pool-how-to-work-sec .htw-head-bg{max-width:80%;}
  .precision-pool-how-to-work-sec .htw-process-wrap{padding:0; margin:20px 0; flex-direction:column;}
  .precision-pool-how-to-work-sec .htw-process-wrap-four{margin-bottom:0;}
  .precision-pool-how-to-work-sec .container{padding:0;}
  .precision-pool-how-to-work-sec .htw-process-wrap .col-left{max-width:95%;}
  .precision-pool-how-to-work-sec .htw-process-wrap-five .col-left{max-width:81%;}
  .precision-pool-how-to-work-sec .htw-process-wrap-six .col-left{max-width:81%;}
  .precision-pool-how-to-work-sec .htw-process-wrap-six{margin:10px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-seven .col-left{max-width:81%;}
  .precision-pool-how-to-work-sec .htw-process-wrap-eight{margin:40px 0 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-nine{margin:10px 0;}
  .precision-pool-how-to-work-sec .htw-process-wrap-ten{margin:0;}
  .precision-pool-how-to-work-sec .htw-process-card-title{font-size:30px;}
  .precision-pool-how-to-work-sec .htw-process-card-list{margin:0; padding:0;}
  .precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .precision-pool-how-to-work-sec .htw-shadow{display:none;}
  .precision-pool-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .precision-pool-how-to-work-sec .htw-process-center-body .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .precision-pool-how-to-work-sec .htw-card-outer-right{border-radius:0;}
  .precision-pool-how-to-work-sec .htw-card-outer-left{border-radius:0;}
  .precision-pool-how-to-work-sec .htw-process-card{margin-top:-13%;}
  .precision-pool-how-to-work-sec .htw-process-card-body{padding:70px 17px 17px !important; text-align:center;}
  .precision-pool-how-to-work-sec .game-card-four .htw-process-card-list{text-align:left;}
  .precision-pool-how-to-work-sec .game-card-four .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:block;}
  .precision-pool-how-to-work-sec .how-to-work-theme-bg{background:var(--htw-theme-bg-mob) no-repeat top center; background-size:100% 100%; position:relative; margin:0; padding-bottom:50px;}
  .precision-pool-how-to-work-sec .htw-plays-bg{max-width:77%;}
  .precision-pool-how-to-work-sec .htw-process-center-body{text-align:left; max-width:88%; background: linear-gradient(to right, rgba(8, 20, 41, 0.1) 0%, rgba(8, 20, 41, 1) 10%, rgba(8, 20, 41, 1) 50%,  rgba(8, 20, 41, 1) 90%, rgba(8, 20, 41, 0.1) 100%); padding:15px 25px 3px;}
  .precision-pool-how-to-work-sec .htw-process-center .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .precision-pool-how-to-work-sec .htw-process-center-body::before{height:2px;}
  .precision-pool-how-to-work-sec .htw-process-center-body::after{height:2px;}
  .precision-pool-how-to-work-sec .htw-process-center{margin:26px 0 10px 0;}
  .precision-pool-how-to-work-sec .htw-show{display:none;}
  .precision-pool-how-to-work-sec .htw-hide{display:block;}

  .precision-pool-game-expectation-sec .game-expectation-card-outer{box-shadow:none; border-radius:16px;}
  .precision-pool-game-expectation-sec .game-expect-card-title{font-size:20px;}
  .precision-pool-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .precision-pool-game-expectation-sec .game-expect-card-title-block{margin:30px 0 0;}
  .precision-pool-game-expectation-sec .game-expect-details-list{padding:12px 10px 0px 5px;}
  .precision-pool-game-expectation-sec .game-expectation-list{margin-top:20px;}
  .precision-pool-game-expectation-sec .game-expectation-card-body{min-height:255px;}
  .precision-pool-game-expectation-sec .expectation-head-bg{max-width:100%;}
  .precision-pool-game-expectation-sec .owl-carousel .owl-dot span{background:var(--bg-body); opacity: 0.502; height:10px; width:10px;}
  .precision-pool-game-expectation-sec .owl-carousel .owl-dot.active span{opacity:1;}
  .precision-pool-game-expectation-sec .owl-carousel .owl-dot{margin:4px;}
  
  .precision-pool-game-summary{padding-top:40px;}
  .precision-pool-game-summary .expectation-theme-icon{display:none;}
  .precision-pool-game-summary .game-summary-text{font-size:21px; max-width:100%; padding:0 10px;}
  .precision-pool-game-summary .btn-bar .base-btn{margin:20px 0 33px 0;}

  .precision-pool-faq-sec .faq-wrap{background:var(--faq-bg-mob) no-repeat center; background-size:100% 100%; margin:0}
  .precision-pool-faq-sec .faq-icon{display:none;}
  .precision-pool-faq-sec .container{padding:0;}
  .precision-pool-faq-sec .faq-head-bg{max-width:72%;}
  .precision-pool-faq-sec .faq-block{padding:18px 9px 35px;}
  .precision-pool-faq-sec .accordion-title{font-size:16px; letter-spacing:-1px;}
  .precision-pool-faq-sec .accordion-text{font-size:16px; letter-spacing:-1px;}
  .precision-pool-faq-sec .accordion-body{padding:0 10px;}
  .precision-pool-faq-sec .accordion-head-outer{min-height:50px;}
  .precision-pool-faq-sec .accordion-cont-bar{min-height:80px; padding:5px 0;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Precision Pool Game CSS End // ***************************** */




/* ***************************** // Diamonds In the Rough Game CSS Start // ***************************** */
.diamonds-in-the-rough-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-action:'Roboto', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.diamonds-in-the-rough-game .header{box-shadow:none;}
.diamonds-in-the-rough-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.diamonds-in-the-rough-game .active .nav-item-label, .diamonds-in-the-rough-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.diamonds-in-the-rough-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 95.3%; position:relative;}
.diamonds-in-the-rough-game .video-poster, .diamonds-in-the-rough-game .client-video{top:2.7%; left:1.9%; right:auto; height:calc(100% - 5.5%); width:calc(100% - 3.7%); bottom:auto; border-radius:25px;}
.diamonds-in-the-rough-game .game-logo-fig{max-width:50%; position:relative;}
.diamonds-in-the-rough-game .video-block{max-width:55%; margin-top:-1%; position:relative; overflow:inherit; border-radius:42px; box-shadow:0px -40px 107px rgba(17,255,223,0.4); background:linear-gradient(69deg, #e6e6e6 0%, #ffffff 100%);}
.diamonds-in-the-rough-game .video-iframe{padding-bottom:66%;}
.diamonds-in-the-rough-game .banner-sec-outer{background:transparent; padding:21px 0 0; position:relative;}
.diamonds-in-the-rough-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.diamonds-in-the-rough-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.diamonds-in-the-rough-game .banner-sec-video{background:transparent;}
.diamonds-in-the-rough-game .video-gliter{position:absolute; top:-5.5%; left:-5.5%; right:auto; z-index:3; height:calc(100% - 50%); width:calc(100% + 9%); bottom:auto;} 
.diamonds-in-the-rough-game .video-gliter-mob{display:none;}
.diamonds-in-the-rough-game .video-iframe::after{content:""; position:absolute; z-index:-1; bottom:-18px; margin:0 auto; left:-27%; right:-50px; width:calc(100% + 54%); height:32px; border-radius:100%; background:linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%); filter:blur(1px); opacity:0.62;}

.diamonds-in-the-rough-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.diamonds-in-the-rough-game .sec-main-title{position:absolute; color:var(--clr-action-alt); padding-top:4.4vmin; font-size:75px; font-weight:900; font-family:var(--font-action);}
.diamonds-in-the-rough-game .sec-main-title.outline{-webkit-text-stroke:5px #00220f;}
.diamonds-in-the-rough-game .sec-main-title.outline::before{content:attr(data-content); filter:drop-shadow(0px 8px 1.5px rgba(67,6,6,0.82)); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(255, 239, 199, 1) 0%, rgba(255, 253, 156, 1) 23%, rgba(255, 236, 90, 1) 42%, rgba(245, 231, 36, 1) 68%, rgba(252, 205, 53, 1) 87%, rgba(238, 217, 48, 1) 100%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.diamonds-in-the-rough-game .btn-bar .base-btn{max-width:100%;}
.diamonds-in-the-rough-game .base-btn-block{float:left; width:100%; position:relative; max-width:33%; margin-top:40px; max-width:30%;}
.diamonds-in-the-rough-game .base-btn-block::before{content:''; position:absolute; width:calc(100% + 1%); height:calc(100% + 11%); top:-5.5%; border-radius:60px;  background:rgba(0, 255, 174, 0.5); filter:blur(7px);}

.diamonds-in-the-rough-game .btn-text{font-size:48px; text-transform:capitalize; font-weight:900; font-family:var(--font-action); text-shadow:none;}
.diamonds-in-the-rough-game .btn-text.outline{-webkit-text-stroke:5px #00220f;}
.diamonds-in-the-rough-game .btn-text.outline::before{content:attr(data-content); -webkit-text-stroke:0; background:var(--bg-body); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}

/* About us CSS Start */
.diamonds-in-the-rough-about-us-sec{background:linear-gradient(180deg, #002123 0%, #002123 0%, #8bf3d9 94%, #8bf3d9 100%); position:relative; margin-top:-3%; padding:5.2% 0 14%;}
.diamonds-in-the-rough-about-us-sec .about-us-text{font-size:34px;font-weight:400; font-family:var(--font-action); color:var(--clr-action-alt); max-width:1170px; text-align:center;}
.diamonds-in-the-rough-about-us-sec .about-head-title{font-size:49px; position:relative; padding: 0 !important;}
.diamonds-in-the-rough-about-us-sec .about-icon img{float:left; width:100%;}
.diamonds-in-the-rough-about-us-sec .about-icon{position:absolute;}
.diamonds-in-the-rough-about-us-sec .about-icon-one{top:11.5%; left:23%;}
.diamonds-in-the-rough-about-us-sec .about-icon-two{bottom:14%; left:7%;}
.diamonds-in-the-rough-about-us-sec .about-icon-three{top:37%; right:3%;}
/* About us CSS End */

/* How to work CSS Start */
.diamonds-in-the-rough-how-to-work-sec .how-to-work-process-bg-one{background:linear-gradient(rgba(139, 243, 217)0% , rgba(139, 243, 217)90%, rgba(255,255,255)100%); float:left; width:100%;}
.diamonds-in-the-rough-how-to-work-sec .how-to-work-process-bg-two{background:rgba(139, 243, 217); float:left; width:100%; margin-top:21%;}
.diamonds-in-the-rough-how-to-work-sec .htw-head-outer{margin-top:-18%; z-index:2; position:relative;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap{margin:120px 0; padding:0;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-one{margin-top:80px;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-five{flex-direction:row;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-six{flex-direction:row-reverse;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-seven{flex-direction:row;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight{justify-content:center; margin-top:-20.5%; flex-direction:column;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap .col-right{margin:0; padding:0; max-width:100%; position:relative;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap .col-left{margin:0; padding:0; max-width:62%; position:relative; z-index:2;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight .col-right{max-width:46%; margin-top:-4%; z-index:3;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-nine{margin:50px 0;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-ten{flex-direction:row-reverse;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven{justify-content:center; margin:5% 0 -29%; flex-direction:column;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven .col-right{max-width:46%; margin-top:-4%; z-index:3;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve{justify-content:center; margin:37% 0 16%; flex-direction:column;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve .col-right{max-width:46%; margin-top:-4%; z-index:3;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-theme{z-index:1;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-title{font-size:65px; text-transform:uppercase; font-weight:bold; font-family:var(--font-base);}
.diamonds-in-the-rough-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-theme:after{display:none;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-list{margin-top:12px; padding:0 0 0 90px;}
.diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-list{margin-top:12px; padding:0 0 0 102px;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{padding:0; font-size:26px; font-weight:500; font-family:var(--font-base);}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:var(--bg-body); border-radius:100%; width:4px; height:4px; left:-10px; top:14px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer{background:#a10a84; padding:0; border-radius:23px;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer-bg{background:#084a48;}
.diamonds-in-the-rough-how-to-work-sec .htw-card-outer-right{border-radius:0 23px 23px 0;}
.diamonds-in-the-rough-how-to-work-sec .htw-card-outer-left{border-radius:23px 0 0 23px;}
.diamonds-in-the-rough-how-to-work-sec .htw-process-card-body{padding:75px 33px 75px 47px; min-height:auto; position:relative; z-index:1;}
.diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-body{padding:80px 60px 100px 35px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-five .htw-process-card-body{padding:45px 60px 45px 35px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-list{padding:0 0 0 40px; margin:0;}
.diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-body{padding:60px 60px 55px 35px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-seven .htw-process-card-body{padding:45px 50px 50px 20px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-body{padding:45px 97px; text-align:center;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-list{margin:0; padding:0;}
.diamonds-in-the-rough-how-to-work-sec .game-card-ten .htw-process-card-list{margin:0; padding:0;}
.diamonds-in-the-rough-how-to-work-sec .game-card-ten .htw-process-card-body{padding:50px 33px 50px 47px;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-body{padding:45px 105px; text-align:center;}
.diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-list{margin:0; padding:0;}
.diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-body{padding:45px 86px; text-align:center;}
.diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-list{margin:0; padding:0;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon img{float:left; width:100%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon{position:absolute; z-index:2;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-one{right:-13%; bottom:-4.5%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-two{left:-23%; top:-40%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-three{right:-6.5%; bottom:-3%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-four{right:-4.5%; bottom:-7%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-five{right:-15%; bottom:-4.5%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-six-left{left:-4.5%; top:-34%; max-width:22%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-six-right{left:-10%; bottom:-10%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-seven{right:-15%; bottom:-4.5%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-eight-left{left:-18%; bottom:-3%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-eight-right{right:-16%; bottom:-3%;}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-nine{right:-15%; bottom:-4.5%; filter:drop-shadow(0px 13px 38px rgba(0,255,96,1)); transform:rotate(-6deg);}
.diamonds-in-the-rough-how-to-work-sec .htw-icon-ten{left:-17.5%; bottom:-17.5%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon img{float:left; width:100%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon{position:absolute; z-index:1;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-mob{display:none;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-one-right{right:2.4%; top:-22%; }
.diamonds-in-the-rough-how-to-work-sec .star-icon-one-left{left:-1.5%; bottom:9.5%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-two-right{right:1%; top:-13.5%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-two-left{left:-4.5%; bottom:-7%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-two-top{left:-13%; top:-78%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-five-right{right:2.4%; top:-41%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-five-left{left:1.3%; bottom:-19%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-six-right{right:2%; top:-16.5%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-six-left{left:-1%; bottom:-27%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-seven-right{right:2.4%; top:-35%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-seven-left{left:1.3%; bottom:-11%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-eight-right{right:-2.6%; top:-27%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-eight-left{left:-4.7%; bottom:-25%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-nine{right:-21%; bottom:23%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-ten-right{right:3%; top:-18%;}
.diamonds-in-the-rough-how-to-work-sec .star-icon-ten-left{left:-1.3%; bottom:-29%;}
.diamonds-in-the-rough-how-to-work-sec .htw-shadow img{float:left; width:100%;}
.diamonds-in-the-rough-how-to-work-sec .htw-shadow{position:absolute; bottom:-23px; left:-20%; width:calc(100% + 40%);}
/* How to work CSS End */

/* Game Expectations CSS Start */
.diamonds-in-the-rough-game-expectation-sec .expectation-head-bg-mob{display:none;}
.diamonds-in-the-rough-game-expectation-sec .expectation-head-title{font-size:60px;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-sec-outer{padding:0 0 60px; background-size:cover; position:relative;}
.diamonds-in-the-rough-game-expectation-sec .expectation-head-outer{margin-top:-11.1%;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-card-outer{background:#012c29; box-shadow:0px 0px 19px rgba(0, 255, 192, 1); border-radius:22px; padding:10px; margin:0;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body{box-shadow:none; padding:3px; border-radius:15px; background:linear-gradient(32deg, rgba(16,243,181,1)0%, rgba(1,42,39,1)22%, rgba(16,243,181,1)47%, rgba(1,42,39,1)77%, rgba(16,243,181,1)100%)}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body-inner{float:left; width:100%; height:100%; padding:60px 40px 80px; border-radius:15px; background:linear-gradient(153deg, #10d69e 0%, #0a382c 31%, #053f30 69%, #11d59d 99%, #11d59d 100%);}
.diamonds-in-the-rough-game-expectation-sec .game-expect-card-title-bar{float:left; width:100%; height:70px; margin-bottom:40px; display:flex; justify-content:center; align-items:center;}
.diamonds-in-the-rough-game-expectation-sec .game-expect-card-title{display:flex; justify-content:center; position:relative; align-items:center; margin:0; color:var(--clr-action-alt); font-size:30px; font-weight:900; text-transform:uppercase; font-family:var(--font-action);}
.diamonds-in-the-rough-game-expectation-sec .game-expect-card-title.outline{-webkit-text-stroke:5px #00220f;}
.diamonds-in-the-rough-game-expectation-sec .game-expect-card-title.outline::before{content:attr(data-content); filter: drop-shadow(0px 6px 2px rgba(33,0,32,0.82)); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(255, 239, 199, 1) 0%, rgba(255, 253, 156, 1) 23%, rgba(255, 236, 90, 1) 42%, rgba(245, 231, 36, 1) 68%, rgba(252, 205, 53, 1) 87%, rgba(238, 217, 48, 1) 100%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.diamonds-in-the-rough-game-expectation-sec .game-expect-details-item{font-size:18px; font-weight:400; padding:0; color:var(--clr-action-alt); font-family:var(--font-action); text-align:center;}
.diamonds-in-the-rough-game-expectation-sec .game-expect-details-item:before{display:none;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-list{gap:25px 45px;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 50px); margin-top:35px;}
.diamonds-in-the-rough-game-expectation-sec .expectation-watermark{float:left; width:100%;}
.diamonds-in-the-rough-game-expectation-sec .game-expectation-watermark{float:left; width:100%; text-align:center; display:flex; justify-content:center; align-items:center; margin-top:-25px;}
.diamonds-in-the-rough-game-expectation-sec .expectation-icon img{float:left; width:100%;}
.diamonds-in-the-rough-game-expectation-sec .expectation-icon{position:absolute;}
.diamonds-in-the-rough-game-expectation-sec .expectation-icon-one{left:31%; top:10%;}
.diamonds-in-the-rough-game-expectation-sec .expectation-icon-two{right:2%; top:23%;}
.diamonds-in-the-rough-game-expectation-sec .expectation-icon-three{left:16%; bottom:8%;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.diamonds-in-the-rough-game-summary{background:#002021; padding:90px 0 260px; position:relative;}
.diamonds-in-the-rough-game-summary .game-summary-text{font-size:34px; font-weight:400; font-family:var(--font-action); color:var(--clr-action-alt); max-width:1190px;}
.diamonds-in-the-rough-game-summary .summary-icon img{float:left; width:100%;}
.diamonds-in-the-rough-game-summary .summary-icon{position:absolute;}
.diamonds-in-the-rough-game-summary .summary-icon-one{left:9%; bottom:22%;}
.diamonds-in-the-rough-game-summary .summary-icon-two{right:2%; top:4%;}
.diamonds-in-the-rough-game-summary .summary-icon-three{right:23%; top:40%;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.diamonds-in-the-rough-faq-sec .faq-head-outer{margin-top:-11.5%; position:relative; z-index:1;}
.diamonds-in-the-rough-faq-sec .faq-sec-outer{padding:15px 0 57px;}
.diamonds-in-the-rough-faq-sec .faq-head-title{text-transform:none;}
.diamonds-in-the-rough-faq-sec .accordion-card{border:none; background:#400545; padding:2px;}
.diamonds-in-the-rough-faq-sec .accordion-head{background:linear-gradient(0deg, #62066a 0%, #62066a 17%, #de0c5e 100%); padding:3px;}
.diamonds-in-the-rough-faq-sec .accordion-head-outer{background:linear-gradient(0deg, #62066a 0%, #62066a 17%, #de0c5e 100%); border:2px solid #f4c706; box-shadow:none; min-height:100px; padding:0px 10px 0 70px; border-radius:0;}
.diamonds-in-the-rough-faq-sec .accordion-body{background:#46054c; padding:0 40px 0 101px;}
.diamonds-in-the-rough-faq-sec .accordion-cont-bar{min-height:77px; padding:7px 0;}
.diamonds-in-the-rough-faq-sec .accordion-title{font-size:25px; letter-spacing:-1px; font-weight:500; font-family:var(--font-action); color:var(--clr-action-alt);} 
.diamonds-in-the-rough-faq-sec .accordion-text{font-size:25px; letter-spacing:-1px; font-weight:500; font-family:var(--font-action); color:var(--clr-action-alt);} 
.diamonds-in-the-rough-faq-sec .accordion-icon .icon{text-shadow:none;}
.diamonds-in-the-rough-faq-sec .accordion-item{position: relative; margin-bottom:15px;}
.diamonds-in-the-rough-faq-sec .accordion-item::before{content:counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:#f4c706; width:45px; min-height:46px; font-size:25px; letter-spacing:-1px; font-weight:700; font-family:var(--font-action); left:17px; top:31px; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.diamonds-in-the-rough-faq-sec .accordion{counter-reset:li;}
/* FAQs CSS End */

.diamonds-in-the-rough-game .footer{background:#002021;}

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .diamonds-in-the-rough-game .game-logo-fig{max-width:47%;}
  .diamonds-in-the-rough-game .video-block{max-width:57%; border-radius:28px;}
  .diamonds-in-the-rough-game .video-poster, .diamonds-in-the-rough-game .client-video{border-radius:15px;}
  .diamonds-in-the-rough-game .video-iframe::after{bottom:-14px; height: 25px;}

  .diamonds-in-the-rough-game .base-btn-block{margin-top:30px;}
  .diamonds-in-the-rough-game .btn-text{font-size:42px;}
  .diamonds-in-the-rough-game .sec-main-title{font-size:65px;}
  .diamonds-in-the-rough-game .sec-head-bg{max-width:65%;}

  .diamonds-in-the-rough-about-us-sec{padding:5.5% 0 14%;}
  .diamonds-in-the-rough-about-us-sec .about-head-title{font-size:39px;}
  .diamonds-in-the-rough-about-us-sec .about-us-text{font-size: 29px; max-width:980px;}
  .diamonds-in-the-rough-about-us-sec .about-icon-one{max-width:5%; left:17.5%;}
  .diamonds-in-the-rough-about-us-sec .about-icon-two{max-width:7%;}
  .diamonds-in-the-rough-about-us-sec .about-icon-three{max-width:6%;}  

  .diamonds-in-the-rough-how-to-work-sec .htw-head-outer{margin-top:-16%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-title{font-size:55px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:22px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:11px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap{margin:100px 0; padding:0 30px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-one{margin-top:70px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap .col-left{max-width:60%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-nine{margin:57px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight{margin-top:-20%;}
  .diamonds-in-the-rough-how-to-work-sec .how-to-work-process-bg-two{margin-top:24%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven{margin:5% 0 -31%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve{margin: 39% 0 19%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-body{padding:65px 33px 65px 47px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-body{padding:60px 21px 60px 23px}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list{padding:0 0 0 75px; margin-top:11px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-list{padding:0 0 0 85px; margin-top:11px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-five .htw-process-card-body{padding:35px 60px 45px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-body{padding:60px 47px 55px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-seven .htw-process-card-body{padding:32px 60px 54px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-body{padding:43px 70px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-body{padding:45px 75px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-body{padding:45px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer{border-radius:18px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-left{border-radius:18px 0 0 18px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-right{border-radius:0 18px 18px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow{bottom:-19px; left:-17%; width:calc(100% + 34%);}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon{max-width:26%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-two{max-width:40%; left:-18%; top:-31%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-three{max-width:21%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-eight-left{left:-17%; bottom:-2%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-nine{max-width:27%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-ten{max-width:37%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon{max-width:25%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-one-left{bottom:13%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-two-top{max-width:27.5%; top:-68%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-five-left{left:0.3%; bottom:-26%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-five-right{top:-36%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-seven-left{left:0%; bottom:-13%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-seven-right{top:-30%;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-nine{right:-21%; bottom:20%; max-width:17%;}

  .diamonds-in-the-rough-game-expectation-sec .expectation-head-title{font-size:55px;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-head-outer{margin-top:-15.6%;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title{font-size:27px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body-inner{padding:50px 20px 70px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-list{gap:15px 35px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 26px);}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title-bar{margin-bottom:37px;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon{max-width:5.5%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-one{left:20%; top:12%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-two{right:0;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-three{left:8%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-watermark{max-width:18%;}

  .diamonds-in-the-rough-game-summary .game-summary-text{font-size:29px; max-width:1018px;}
  .diamonds-in-the-rough-game-summary{padding:80px 0 240px;}
  .diamonds-in-the-rough-game-summary .summary-icon{max-width:6%;}

  .diamonds-in-the-rough-faq-sec .faq-head-outer{margin-top:-16%;}
  .diamonds-in-the-rough-faq-sec .accordion-head-outer{min-height:90px; padding:0px 10px 0 67px;}
  .diamonds-in-the-rough-faq-sec .accordion-cont-bar{min-height:67px;}
  .diamonds-in-the-rough-faq-sec .accordion-title{font-size:24px;}
  .diamonds-in-the-rough-faq-sec .accordion-text{font-size:24px;}
  .diamonds-in-the-rough-faq-sec .accordion-item{margin-bottom:14px;}
  .diamonds-in-the-rough-faq-sec .accordion-item::before{width: 44px; min-height:45px; font-size:24px; left:17px; top:26px;}
  .diamonds-in-the-rough-faq-sec .accordion-body{padding:0 35px 0 95px;}
  .diamonds-in-the-rough-faq-sec .faq-sec-outer{padding:10px 0 47px;}
}
@media(max-width:1280px){
  .diamonds-in-the-rough-game .game-logo-fig{max-width:45%;}
  .diamonds-in-the-rough-game .btn-text{font-size:34px;}
  .diamonds-in-the-rough-game .base-btn-block{margin-top:21px;}
  .diamonds-in-the-rough-game .sec-main-title{font-size:55px;}
  .diamonds-in-the-rough-game .sec-main-title.outline::before{filter:drop-shadow(0px 7px 1.5px rgba(67, 6, 6, 0.82));}

  .diamonds-in-the-rough-about-us-sec .about-head-title{font-size:34px;}
  .diamonds-in-the-rough-about-us-sec .about-us-text{font-size:25px; max-width:857px;}

  .diamonds-in-the-rough-how-to-work-sec .htw-head-outer{margin-top:-15%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-title{font-size:45px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:19px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{top:9px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list{padding:0 0 0 60px; margin-top:10px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-body{padding:60px 26px 50px 43px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-list{padding:0 0 0 72px; margin-top:10px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-body{padding:50px 16px 50px 20px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-five .htw-process-card-body{padding:25px 60px 37px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-body{padding:56px 38px 48px 8px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-seven .htw-process-card-body{padding:32px 60px 37px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-body{padding:40px 47px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-ten .htw-process-card-body{padding:45px 26px 45px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-body{padding:39px 61px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-body{padding:40px 33px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap{margin:80px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-one{margin-top:60px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight{margin-top:-20%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-nine{margin:35px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven{margin:4% 0 -33%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve{margin:41% 0 18%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-four{bottom:-6%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer{border-radius:14px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-left{border-radius:14px 0 0 14px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-right{border-radius:0 14px 14px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow{bottom:-15px; left:-10%; width:calc(100% + 20%);}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-two-top{top:-66%;}

  .diamonds-in-the-rough-game-expectation-sec .expectation-head-title{font-size:43px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title{font-size:23px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body-inner{padding:50px 15px 57px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title-bar{margin-bottom:27px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-list{gap:10px 20px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-item{margin-top:22px;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-one{top:9%;}

  .diamonds-in-the-rough-game-summary .game-summary-text{font-size:24px; max-width:850px;}
  .diamonds-in-the-rough-game-summary{padding:60px 0 180px;}

  .diamonds-in-the-rough-faq-sec .faq-sec-outer{padding:0 0 35px;}
  .diamonds-in-the-rough-faq-sec .faq-block{padding:0;}
  .diamonds-in-the-rough-faq-sec .accordion-head-outer{min-height:80px; padding:0px 10px 0 67px;}
  .diamonds-in-the-rough-faq-sec .accordion-cont-bar{min-height:57px;}
  .diamonds-in-the-rough-faq-sec .accordion-title{font-size:22px;}
  .diamonds-in-the-rough-faq-sec .accordion-text{font-size:22px;}
  .diamonds-in-the-rough-faq-sec .accordion-item{margin-bottom:13px;}
  .diamonds-in-the-rough-faq-sec .accordion-item::before{width: 43px; min-height:44px; font-size:22px; left:17px; top:21px;}
  .diamonds-in-the-rough-faq-sec .accordion-body{padding:0 20px 0 95px;}
}
@media(max-width:1023px){
  .diamonds-in-the-rough-game .video-block{border-radius:22px;}
  .diamonds-in-the-rough-game .video-iframe::after{bottom:-10px; height:19px;}
  .diamonds-in-the-rough-game .btn-text{font-size:24px;}
  .diamonds-in-the-rough-game .btn-text.outline{-webkit-text-stroke:4px #00220f;}
  .diamonds-in-the-rough-game .base-btn-block{margin-top:15px;}
  .diamonds-in-the-rough-game .sec-main-title{font-size:40px; padding-top:2.5vmin;}
  .diamonds-in-the-rough-game .sec-main-title.outline{-webkit-text-stroke:4px #00220f;}
  .diamonds-in-the-rough-game .sec-main-title.outline::before{filter:drop-shadow(0px 6px 1.5px rgba(67, 6, 6, 0.82));}

  .diamonds-in-the-rough-about-us-sec .about-head-title{font-size:27px;}
  .diamonds-in-the-rough-about-us-sec .about-us-text{font-size:21px; max-width:690px;}
  .diamonds-in-the-rough-about-us-sec .about-icon-three{right:0;}

  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap{margin:50px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-one{margin-top:40px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-title{font-size:34px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list{padding:0 0 0 45px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-list{padding:0 0 0 51px; margin-top:9px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-body{padding:34px 26px 20px 21px;}
  .diamonds-in-the-rough-how-to-work-sec .game-start-card .htw-process-card-body{padding:30px 0px 16px 14px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-five .htw-process-card-body{padding:15px 14px 25px 9px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-body{padding:37px 10px 31px 8px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-six .htw-process-card-list{padding:0 0 0 18px;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-seven .htw-process-card-body{padding:20px 18px 20px 24px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight{margin-top:-20%;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eight .htw-process-card-body{padding:30px 21px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-nine{margin:25px 0;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-ten .htw-process-card-body{padding:26px 26px 26px 35px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven{margin:4% 0 -30%;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-eleven .htw-process-card-body{padding:29px 22px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve{margin:39% 0 18%;}
  .diamonds-in-the-rough-how-to-work-sec .game-card-twelve .htw-process-card-body{padding:26px 31px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer{border-radius:11px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-left{border-radius:11px 0 0 11px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-card-outer-right{border-radius:0 11px 11px 0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-two{top:-33%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow{bottom:-11px; left:-12%; width:calc(100% + 24%);}

  .diamonds-in-the-rough-game-expectation-sec .expectation-head-title{font-size:33px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body-inner{padding:32px 14px 38px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title{font-size:18px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-list{gap:0px 14px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 10px);}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-details-item{font-size:14px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title.outline{-webkit-text-stroke:4px #00220f;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-outer{padding:8px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title-bar{margin-bottom:15px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-watermark{margin-top:-15px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-sec-outer{padding:0 0 40px;}

  .diamonds-in-the-rough-game-summary .game-summary-text{font-size:19px; max-width:680px;}
  .diamonds-in-the-rough-game-summary{padding:50px 0 135px;}
  .diamonds-in-the-rough-game-summary .base-btn-block{margin-top:25px;}

  .diamonds-in-the-rough-faq-sec .accordion-title{font-size:21px;}
  .diamonds-in-the-rough-faq-sec .accordion-text{font-size:21px;}
  .diamonds-in-the-rough-faq-sec .accordion-head-outer{min-height:70px; padding:0px 10px 0 63px;}
  .diamonds-in-the-rough-faq-sec .accordion-body{padding:0px 12px 0 88px;}
  .diamonds-in-the-rough-faq-sec .accordion-cont-bar{min-height:47px;}
  .diamonds-in-the-rough-faq-sec .accordion-item{margin-bottom:12px;}
  .diamonds-in-the-rough-faq-sec .accordion-item::before{width: 42px; min-height:43px; font-size:21px; left:16px; top:17px;}
  .diamonds-in-the-rough-faq-sec .faq-sec-outer{padding:0 0 30px;}
}  
@media(max-width:767px){
  .diamonds-in-the-rough-game .banner-sec-outer{padding:0;}
  .diamonds-in-the-rough-game .game-logo-fig{max-width:54%;}
  .diamonds-in-the-rough-game .video-block{max-width:90%; box-shadow:none; border-radius:12px; margin:0;}
  .diamonds-in-the-rough-game .video-poster, .diamonds-in-the-rough-game .client-video{border-radius:7px;}
  .diamonds-in-the-rough-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 81%; position:relative;}
  .diamonds-in-the-rough-game .video-gliter{display:none;} 
  .diamonds-in-the-rough-game .video-gliter-mob{display:block; position:absolute; top: -9.5%; left:-2.5%; right:auto; z-index:3; height:calc(100% - 50%); width:calc(100% + 6.5%); bottom:auto;}
  .diamonds-in-the-rough-game .video-iframe{padding-bottom:64%;}
  .diamonds-in-the-rough-game .video-iframe::after{bottom:-6px; height:10px;}
  .diamonds-in-the-rough-game .sec-head{margin-bottom:6px;}
  .diamonds-in-the-rough-game .btn-text{font-size:18px;}
  .diamonds-in-the-rough-game .base-btn-block{max-width:52%;}
  .diamonds-in-the-rough-game .btn-text.outline{-webkit-text-stroke:3px #00220f;}
  .diamonds-in-the-rough-game .base-btn-block::before{display:none;}
  .diamonds-in-the-rough-game .sec-main-title{font-size:25px;}
  .diamonds-in-the-rough-game .sec-head-bg{max-width:97%;}
  .diamonds-in-the-rough-game .sec-main-title.outline{-webkit-text-stroke:2px #00220f;}
  .diamonds-in-the-rough-game .sec-main-title.outline::before{filter:drop-shadow(0px 4px 1px rgba(67,6,6,0.82));}

  .diamonds-in-the-rough-about-us-sec{margin-top:-16%; padding:21% 0 9%; background:linear-gradient(rgba(1,45,43,1)14%, rgba(139,243,217,1)94%);}
  .diamonds-in-the-rough-about-us-sec .about-head-title{font-size:18px;}
  .diamonds-in-the-rough-about-us-sec .about-us-text{font-size:15px;}
  .diamonds-in-the-rough-about-us-sec .about-icon-one{max-width:7%; left:3%; top:23%;}
  .diamonds-in-the-rough-about-us-sec .about-icon-two{max-width:10%; bottom:21%; left:3%;}
  .diamonds-in-the-rough-about-us-sec .about-icon-three{top:auto; max-width:7%; bottom:30%; right:1%;}

  .diamonds-in-the-rough-how-to-work-sec .container{padding:0;}
  .diamonds-in-the-rough-how-to-work-sec .how-to-work-process-bg-one{padding-bottom:50px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-outer{border-radius:6px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap{padding:0; margin:28px 0; flex-direction:column;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-one{margin-top:18px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap .col-left{max-width:93%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-four{margin-top:-20px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight{margin-top:-50%;}
  .diamonds-in-the-rough-how-to-work-sec .how-to-work-process-bg-two{margin-top:58%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven{margin:4% 0 -7%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve{margin:24% 0 23.5%}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-title{font-size:24px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:15px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card{margin-top:-21%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-list{padding:0 !important; margin-top:8px !important;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-card-body{padding:26% 30px 3% !important; text-align:center;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eight .col-right{max-width:100%; z-index:0; margin:0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon{display:block; max-width:20%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-one{right:-2%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-two{top:13%; left:-1%; transform:rotate(45deg);}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-three{max-width:18%; right:-2.5%; z-index:4;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-four{display:block; max-width:22%; left:-18px; right:auto; bottom:-16px; transform:rotate(45deg); z-index:4;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-five{right:-1%; max-width:23%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-six-right{left:-2%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-six-left{max-width:14%; right:0; left:auto; top:38px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-seven{right:-2%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-eight-right{right:-2%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-eight-left{left:-3%; max-width:21%; bottom:-6.5%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-nine{right:-2%; bottom:-10.5%; filter:drop-shadow(0px 0px 8px rgba(0, 255, 96, 1));}
  .diamonds-in-the-rough-how-to-work-sec .htw-icon-ten{left:-5.5%; bottom:-17.5%; max-width:29%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-eleven .col-right{max-width:100%; margin:0; z-index:0;}
  .diamonds-in-the-rough-how-to-work-sec .htw-process-wrap-twelve .col-right{max-width:100%; margin:0; z-index:0;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-mob{display:block; position:absolute; z-index:3;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-mob-right{right:0; bottom:-25px;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-mob-left{left:-3%; bottom:-23px;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-mob-three{right:0; bottom:12px;}
  .diamonds-in-the-rough-how-to-work-sec .star-icon-mob-four{bottom:9px;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow{bottom:-5px; left:0; width:100%;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-one{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-two{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-five{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-six{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-seven{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-eight{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-nine{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-ten{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-eleven{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-twelve{display:none;}
  .diamonds-in-the-rough-how-to-work-sec .htw-shadow-mob{display:block; position:absolute; bottom:-10px;}

  .diamonds-in-the-rough-game-expectation-sec .expectation-head-bg{display:none;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-head-outer{margin-top:-25.6%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-head-bg-mob{display:block;}
  .diamonds-in-the-rough-game-expectation-sec .game-expect-card-title{max-width:200px;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-head-title{font-size:22px; padding-top:4.5vmin; margin-left:-6px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-sec-outer{background:var(--game-expectation-bg) no-repeat center; background-size:cover; padding:0 0 5px; z-index:1;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-outer{border-radius:11px; padding:5px; margin-bottom:32px; box-shadow:0px 0px 16px rgba(0, 255, 192, 1);}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body{border-radius:6px;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-card-body-inner{border-radius:6px; padding:33px 5px 20px;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-watermark{max-width:33%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon{max-width:9%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-one{top:7%; left:16%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-two{right:4%; top:14%;}
  .diamonds-in-the-rough-game-expectation-sec .expectation-icon-three{left:6%; bottom:8%;}
  .diamonds-in-the-rough-game-expectation-sec .game-expectation-item{margin-top:17px;}
  .diamonds-in-the-rough-game-expectation-sec .owl-carousel .owl-dot span{background:#42a18c; border:2px solid #012c29;}
  .diamonds-in-the-rough-game-expectation-sec .owl-carousel .owl-dot.active span{background:#fcff00;}

  .diamonds-in-the-rough-game-summary{padding:35px 0 90px;}
  .diamonds-in-the-rough-game-summary .game-summary-text{font-size:14px;}
  .diamonds-in-the-rough-game-summary .summary-icon{max-width:8%;}
  .diamonds-in-the-rough-game-summary .summary-icon-one{left:5%; bottom:auto; top:0;}
  .diamonds-in-the-rough-game-summary .summary-icon-two{right:7%; top:-3%;}
  .diamonds-in-the-rough-game-summary .summary-icon-three{right:8%; top:34%;}
  .diamonds-in-the-rough-game-summary .base-btn-block{margin-top:18px;}

  .diamonds-in-the-rough-faq-sec .faq-head-bg{max-width:90%;}
  .diamonds-in-the-rough-faq-sec .faq-sec-outer{padding:0 10px 15px;}
  .diamonds-in-the-rough-faq-sec .faq-head-outer{margin-top:-22.7%;}
  .diamonds-in-the-rough-faq-sec .accordion-title{font-size:13px;}
  .diamonds-in-the-rough-faq-sec .accordion-text{font-size:14px;}
  .diamonds-in-the-rough-faq-sec .accordion-item::before{width:17px; min-height:17px; top:9px; left:12px; font-size:11px; letter-spacing:0px;}
  .diamonds-in-the-rough-faq-sec .accordion-card{padding:1px;}
  .diamonds-in-the-rough-faq-sec .accordion-head{padding:1px;}
  .diamonds-in-the-rough-faq-sec .accordion-head-outer{min-height:34px; border:1px solid #f4c706; padding:0px 10px 0 36px;}
  .diamonds-in-the-rough-faq-sec .accordion-body{padding:0px 8px 0 43px;}
  .diamonds-in-the-rough-faq-sec .accordion-cont-bar{min-height:45px;}
  .diamonds-in-the-rough-faq-sec .accordion-item{margin-bottom:3px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Diamonds In the Rough Game CSS End // ***************************** */



/* ***************************** // Word Mesh Game CSS Start // ***************************** */
.word-mesh-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'SpongyPERSONALUSEONLY-Regular', sans-serif;
--font-action:'Helvetica', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.word-mesh-game .header{box-shadow:none;}
.word-mesh-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.word-mesh-game .active .nav-item-label, .word-mesh-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.word-mesh-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 97%; position:relative; margin-top:-8.6%;}
.word-mesh-game .video-poster, .word-mesh-game .client-video{top:1.2%; left:1%; right:auto; height:calc(100% - 2.5%); width:calc(100% - 1.9%); bottom:auto; border-radius:25px;}
.word-mesh-game .game-logo-fig{max-width:29%; position:relative;}
.word-mesh-game .video-block{max-width:59%; margin-top:-2%; position:relative; overflow:inherit; border-radius:46px; padding:3px; background:linear-gradient(0deg, rgb(251,184,55)0%, rgba(255,255,255)100%); filter:drop-shadow(0px 0px 8px #ffe450);}
.word-mesh-game .video-iframe{padding-bottom:61%; border-radius:43px; background:linear-gradient(rgb(215,10,132)0%, rgba(81,18,127)100%); box-shadow:inset 0px 0px 27px #e401ff;}
.word-mesh-game .banner-sec-outer{background:transparent; padding:7.1% 0 0; position:relative;}
.word-mesh-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.word-mesh-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.word-mesh-game .banner-sec-video{background:transparent;}
.word-mesh-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.word-mesh-game .sec-head-bg{filter:drop-shadow(0px 9px 10.5px rgba(0,0,0,0.5)); z-index:1;}
.word-mesh-game .sec-main-title{position:absolute; color:#5b1680; font-size:46px; font-family:var(--font-base); padding-bottom:2.5vmin; z-index:2;}

.word-mesh-game .btn-bar .base-btn{max-width:26.5%; margin:60px 0 105px; filter:drop-shadow(0px 5px 2px rgba(0,0,0,0.5));}
.word-mesh-game .btn-text{font-size:41px; font-family:var(--font-action); text-shadow:none; -webkit-text-fill-color:var(--clr-action-alt); -webkit-text-stroke-width:0.9vmin; color:#31560d; letter-spacing:-0.08vmin; paint-order:stroke fill;}

.word-mesh-game .banner-icon img{float:left; width:100%;}
.word-mesh-game .banner-icon{position:absolute;}
.word-mesh-game .banner-icon-one{left:11%; top:32.5%;}
.word-mesh-game .banner-icon-two{right:11%; bottom:32.9%;}

.word-mesh-game .rope-icon-left img, .word-mesh-game .rope-icon-right img{float:left; width:100%;}
.word-mesh-game .rope-icon-left, .word-mesh-game .rope-icon-right{position:absolute; left:41.3%; bottom:78%;}
.word-mesh-game .rope-icon-right{left:auto; right:41.5%;}

/* About us CSS Start */
.word-mesh-about-us-sec{background:#ededed; position:relative; margin-top:-10%; padding-top:13%; z-index:1;}
.word-mesh-about-us-sec .about-us-text{font-size:45px; font-family:var(--font-action); text-align:center; max-width:1375px; padding-top:30px;}
/* About us CSS End */

/* /* How to work CSS Start */
.word-mesh-how-to-work-sec .htw-process-wrap .col-left{max-width:45%; padding:0; margin:0; filter:drop-shadow(0px 14px 10.5px rgba(0,0,0,0.38)); z-index:1;}
.word-mesh-how-to-work-sec .htw-process-wrap .col-right{max-width:100%; position:relative;}
.word-mesh-how-to-work-sec .htw-process-wrap{margin:8px 0; padding:0;}
.word-mesh-how-to-work-sec .how-to-work-process-sec-one{padding-top:100px;}
.word-mesh-how-to-work-sec .htw-process-wrap-one{padding-top:50px;}
.word-mesh-how-to-work-sec .how-to-work-process-sec-three{padding-top:225px;}
.word-mesh-how-to-work-sec .htw-process-wrap-three{justify-content:center; gap:0 30px; margin-top:-19.5% !important;}
.word-mesh-how-to-work-sec .htw-process-wrap-three .col-left, .word-mesh-how-to-work-sec .htw-process-wrap-three .col-right{max-width:44% !important; filter:drop-shadow(0px 14px 10.5px rgba(0,0,0,0.38));}
.word-mesh-how-to-work-sec .game-card-three .htw-process-card-body{align-items:normal; text-align:center; padding:85px 0 0;}
.word-mesh-how-to-work-sec .htw-process-wrap-four{flex-direction:row;}
.word-mesh-how-to-work-sec .htw-process-wrap-five{flex-direction:row-reverse;}
.word-mesh-how-to-work-sec .game-card-seven .htw-process-card-body{align-items:normal; text-align:center; flex-direction:column; padding:65px 166px 0;}
.word-mesh-how-to-work-sec .how-to-work-process-sec-seven{padding-top:90px;}
.word-mesh-how-to-work-sec .htw-process-wrap-seven{max-width:65%; margin:-30px auto -27% !important;}
.word-mesh-how-to-work-sec .htw-process-wrap-seven .col-left{max-width:100% !important;}
.word-mesh-how-to-work-sec .htw-process-card-outer{background:#c8099e; border-radius:50px; padding:5px; filter:drop-shadow(18.92px 19.92px 5.5px rgba(0,0,0,0.13));}
.word-mesh-how-to-work-sec .htw-process-card-outer-two{filter:drop-shadow(-18.92px 19.92px 5.5px rgba(0,0,0,0.13));}
.word-mesh-how-to-work-sec .htw-process-card-outer-three{filter:drop-shadow(0px 19.92px 5.5px rgba(0,0,0,0.13));}
.word-mesh-how-to-work-sec .game-card-seven .htw-process-card-outer{z-index:3;}
.word-mesh-how-to-work-sec .htw-process-card-body{border-radius:45px; background:linear-gradient(rgb(253,247,216)0%, rgb(211,155,194)100%); min-height:490px; display:flex; justify-content:center; align-items:center;}
.word-mesh-how-to-work-sec .htw-body-right{padding:0 130px 20px 290px;}
.word-mesh-how-to-work-sec .htw-body-left{padding:25px 267px 0px 110px;}
.word-mesh-how-to-work-sec .htw-process-card-list{margin:0; padding:0;}
.word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:35px; font-family:var(--font-action); font-weight:bold; color:var(--clr-base); margin:0; padding:0;}
.word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.word-mesh-how-to-work-sec .htw-process-theme:after{display:none;}
.word-mesh-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display:none;}
.word-mesh-how-to-work-sec .col-right-space, .word-mesh-how-to-work-sec .col-left-space{margin:0 0 0 -13.5%; padding:14% 0 0 0;}
.word-mesh-how-to-work-sec .col-left-space{margin:0 -13.5% 0 0;}
.word-mesh-how-to-work-sec .htw-icon img{float:left; width:100%;}
.word-mesh-how-to-work-sec .htw-icon{position:absolute; z-index:1; filter:drop-shadow(39.92px 32.92px 22.5px rgba(0,0,0,0.23));}
.word-mesh-how-to-work-sec .htw-icon-one{top:-4%; right:-4%;}
.word-mesh-how-to-work-sec .htw-icon-two{left:-3.5%; top:-16%;}
.word-mesh-how-to-work-sec .htw-icon-three{top:-1%; right:-8%;}
.word-mesh-how-to-work-sec .htw-icon-one-mob{display:none;}
.word-mesh-how-to-work-sec .htw-icon-three-mob{display:none;}
.word-mesh-how-to-work-sec .htw-process-theme-seven-mob{display:none;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.word-mesh-game-expectation-sec .game-expectation-sec-outer{background-size:100% 100%; padding:210px 0 163px; margin-top:145px; position:relative; z-index:1;}
.word-mesh-game-expectation-sec .game-expectation-card-outer{background:linear-gradient(0deg, rgb(251,184,55)0%, rgb(255,255,255)100%); border-radius:30px; margin-top:90px; padding:3px; filter:drop-shadow(0px 0px 8px #ffe450);}
.word-mesh-game-expectation-sec .game-expectation-card-body{box-shadow:none; background:var(--bg-body); border-radius:27px; padding:0 0 60px; filter:drop-shadow(0px 25px 23px rgba(0, 0, 0, 0.4));}
.word-mesh-game-expectation-sec .game-expect-card-title{font-size:28px; color:#5b1680; text-transform:uppercase; margin-bottom:17px;}
.word-mesh-game-expectation-sec .game-expect-card-title .word-label{display:grid;}
.word-mesh-game-expectation-sec .game-expect-details-item{font-size:26px; font-family:var(--font-action); padding:0 20px; text-align:center;}
.word-mesh-game-expectation-sec .game-expect-details-item:before{display:none;}
.word-mesh-game-expectation-sec .game-expect-icon-block{top:-72px; margin-bottom:-52px;}
.word-mesh-game-expectation-sec .game-expect-icon-block-four{top:-85px;}
.word-mesh-game-expectation-sec .game-expect-card-fig{max-width:87%;}
.word-mesh-game-expectation-sec .game-expectation-list{gap:0 32px;}
.word-mesh-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 22px); margin-top:0;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.word-mesh-game-summary{padding-top:55px;}
.word-mesh-game-summary .game-summary-text{font-size:38px; font-family:var(--font-action); max-width:1160px; padding-top:50px;}
.word-mesh-game-summary .game-summary-outer{background:linear-gradient(rgb(251,215,134)0%, rgb(247,121,125)99%); border:5px solid var(--clr-action-alt); border-radius:30px;}
.word-mesh-game-summary .btn-bar .base-btn{margin:55px 0 65px;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.word-mesh-faq-sec{padding-top:85px;}
.word-mesh-faq-sec .faq-sec-outer{padding:130px 0 100px;}
.word-mesh-faq-sec .accordion-card{border:none; padding:0;}
.word-mesh-faq-sec .accordion-head{padding:0;}
.word-mesh-faq-sec .accordion-head-outer{box-shadow:none; background:#231c6f; border-radius:20px; min-height:109px; padding:0 20px 0 155px;}
.word-mesh-faq-sec .accordion-title{font-size:34px; color:var(--clr-action-alt); font-family:var(--font-base);}
.word-mesh-faq-sec .accordion-text{font-size:30px; color:var(--clr-base); font-family:var(--font-action);}
.word-mesh-faq-sec .accordion-body{padding:9px 0 0 0;}
.word-mesh-faq-sec .accordion-cont-bar{min-height:150px; padding:5px 40px 5px 57px; background:linear-gradient(rgb(253,247,216)0%, rgb(211,155,194)100%); border-radius:20px;}
.word-mesh-faq-sec .accordion-item{position: relative; margin-bottom:19px;}
.word-mesh-faq-sec .accordion{counter-reset:li;}
.word-mesh-faq-sec .is-open .accordion-icon .icon{transform:inherit; width:auto;}
.word-mesh-faq-sec .accordion-item::before{content:counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; background:#bb1597; padding-right:10px; width:125px; min-height:109px; font-size:44px; color:var(--bg-body); clip-path:polygon(0 0, 100% 0%, 77% 100%, 0% 100%); font-weight:800; font-family:var(--font-action); left:0; top:0; margin:0; border-radius:20px 0 0 20px; display:inline-flex; align-items:center; justify-content:center;}
.word-mesh-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; font-size:35px; color:var(--clr-action-alt);}
/* FAQs CSS End */

/* Footer CSS Start */
.word-mesh-game .footer{background:#0a063a;}
.word-mesh-game .copyright-text{color:var(--clr-action-alt); font-family:var(--font-mono);}
/* Footer CSS End */

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .word-mesh-game .game-logo-fig{max-width:27%;}
  .word-mesh-game .video-poster, .word-mesh-game .client-video{border-radius:17px;}
  .word-mesh-game .video-iframe{border-radius:25px;}
  .word-mesh-game .video-block{border-radius:28px;}
  .word-mesh-game .sec-main-title{font-size:40px;}
  .word-mesh-game .btn-bar .base-btn{margin:50px 0 90px;}
  .word-mesh-game .btn-text{font-size:34px;}
  
  .word-mesh-game .banner-icon{max-width:8%;}
  .word-mesh-game .banner-icon-one{left:10.5%; top:31%;}
  .word-mesh-game .banner-icon-two{right:10.5%; bottom:31.5%;}
  .word-mesh-game .rope-icon-left, .word-mesh-game .rope-icon-right{bottom:74%; max-width:1%;}
  
  .word-mesh-about-us-sec{padding-top:13.5%;}
  .word-mesh-about-us-sec .about-head-bg{max-width:63%;}
  .word-mesh-about-us-sec .about-us-text{font-size:37px; padding-top:27px;}

  .word-mesh-how-to-work-sec .htw-head-bg{max-width:39%;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-one{padding-top:90px;}
  .word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:30px;}
  .word-mesh-how-to-work-sec .htw-process-wrap .col-left{max-width:46%; filter:drop-shadow(0px 13px 10.5px rgba(0, 0, 0, 0.38));}
  .word-mesh-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(17.92px 18.92px 5.5px rgba(0,0,0,0.13)); border-radius:45px;}
  .word-mesh-how-to-work-sec .htw-process-card-outer-two{filter:drop-shadow(-17.92px 18.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-card-outer-three{filter:drop-shadow(0 18.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-card-body{min-height:390px; border-radius:40px;}
  .word-mesh-how-to-work-sec .htw-process-wrap-three .col-left, .word-mesh-how-to-work-sec .htw-process-wrap-three .col-right{filter:drop-shadow(0px 13px 10.5px rgba(0, 0, 0, 0.38));}
  .word-mesh-how-to-work-sec .htw-body-right{padding:0 96px 20px 237px;}
  .word-mesh-how-to-work-sec .htw-body-left{padding:10px 240px 0px 95px;}
  .word-mesh-how-to-work-sec .game-card-three .htw-process-card-body{padding:67px 0 0;}
  .word-mesh-how-to-work-sec .game-card-seven .htw-process-card-body{padding:57px 105px 0;}
  .word-mesh-how-to-work-sec .htw-icon{max-width:17%; filter:drop-shadow(17.92px 28.92px 22.5px rgba(0, 0, 0, 0.23));}
  .word-mesh-how-to-work-sec .htw-icon-one{right:-3%;}
  .word-mesh-how-to-work-sec .htw-icon-two{max-width:12%;}
  .word-mesh-how-to-work-sec .htw-icon-three{right:-4%}
  .word-mesh-how-to-work-sec .htw-process-wrap{margin:7px 0;}
  .word-mesh-how-to-work-sec .htw-process-wrap-one{padding-top:35px;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-three{padding-top:180px;}
  
  .word-mesh-game-expectation-sec .game-expectation-sec-outer{padding:195px 0 135px; margin-top:120px;}
  .word-mesh-game-expectation-sec .game-expectation-card-outer{margin-top:60px;}
  .word-mesh-game-expectation-sec .expectation-head-bg{max-width:50%;}
  .word-mesh-game-expectation-sec .game-expectation-list{gap:0 28px;}
  .word-mesh-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 19px);}
  .word-mesh-game-expectation-sec .game-expect-card-title{font-size:22px; margin-bottom:15px;}
  .word-mesh-game-expectation-sec .game-expect-details-item{font-size:19px;}
  .word-mesh-game-expectation-sec .game-expect-card-fig{max-width:82%;}
  .word-mesh-game-expectation-sec .game-expect-icon-block{top:-33px; margin-bottom:-21px;}
  .word-mesh-game-expectation-sec .game-expect-icon-block-four{top:-45px;}
  .word-mesh-game-expectation-sec .game-expectation-card-body{padding:0 0 50px;}
  
  .word-mesh-game-summary .game-summary-outer{border-radius:25px;}
  .word-mesh-game-summary .game-summary-text{font-size:34px; max-width:1039px; padding-top:43px;}
  .word-mesh-game-summary .btn-bar .base-btn{max-width:28%; margin:43px 0 54px;}

  .word-mesh-faq-sec{padding-top:78px;}
  .word-mesh-faq-sec .faq-head-bg{max-width:34%;}
  .word-mesh-faq-sec .faq-block{padding:0;}
  .word-mesh-faq-sec .faq-sec-outer{padding:110px 0 85px;}
  .word-mesh-faq-sec .accordion-title{font-size:31px;}
  .word-mesh-faq-sec .accordion-item::before{font-size:41px; width:120px; min-height:104px; border-radius:17px 0 0 17px;}
  .word-mesh-faq-sec .accordion-head-outer{min-height:104px; padding:0 20px 0 150px; border-radius:17px;}
  .word-mesh-faq-sec .accordion-text{font-size:27px;}
  .word-mesh-faq-sec .accordion-cont-bar{min-height:144px; padding:5px 15px 5px 55px; border-radius:17px;}
  .word-mesh-faq-sec .accordion-item{margin-bottom:18;}
}
@media(max-width:1280px){
  .word-mesh-game .sec-main-title{font-size:34px;}
  .word-mesh-game .game-logo-fig{max-width:25%;}
  .word-mesh-game .btn-bar .base-btn{margin:36px 0 75px; max-width:27.5%;}
  .word-mesh-game .btn-text{font-size:28px;}
  .word-mesh-game .sec-head-bg{filter:drop-shadow(0px 7px 10.5px rgba(0, 0, 0, 0.5));}

  .word-mesh-about-us-sec .about-us-text{font-size:31px; padding-top:23px; max-width:980px;}

  .word-mesh-how-to-work-sec .htw-process-wrap{margin:6px 0; padding:0 20px;}
  .word-mesh-how-to-work-sec .game-card-three{padding:0 20px;}
  .word-mesh-how-to-work-sec .game-card-seven{padding:0 20px;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-one{padding-top:80px;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-three{padding-top:130px;}
  .word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:27px;}
  .word-mesh-how-to-work-sec .htw-process-card-body{min-height:325px; border-radius:35px;}
  .word-mesh-how-to-work-sec .htw-body-right{padding:0 32px 9px 172px;}
  .word-mesh-how-to-work-sec .htw-body-left{padding:5px 159px 0px 47px;}
  .word-mesh-how-to-work-sec .game-card-three .htw-process-card-body{padding:54px 0 0;}
  .word-mesh-how-to-work-sec .game-card-seven .htw-process-card-body{padding:51px 48px 0;}
  .word-mesh-how-to-work-sec .htw-icon-two{left:-1%;}
  .word-mesh-how-to-work-sec .htw-process-wrap .col-left{max-width:48%; filter:drop-shadow(0px 12px 10.5px rgba(0, 0, 0, 0.38));}
  .word-mesh-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(16.92px 16.92px 5.5px rgba(0,0,0,0.13)); border-radius:40px;}
  .word-mesh-how-to-work-sec .htw-process-card-outer-two{filter:drop-shadow(-16.92px 16.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-card-outer-three{filter:drop-shadow(0 17.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-wrap-three .col-left, .word-mesh-how-to-work-sec .htw-process-wrap-three .col-right{filter:drop-shadow(0px 12px 10.5px rgba(0, 0, 0, 0.38));}

  .word-mesh-game-expectation-sec .game-expectation-sec-outer{padding:160px 0 117px; margin-top:113px;}
  .word-mesh-game-expectation-sec .game-expectation-list{gap:0 23px;}
  .word-mesh-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 16px);}
  .word-mesh-game-expectation-sec .game-expect-card-title{font-size:20px; letter-spacing:-1px; margin-bottom:14px;}
  .word-mesh-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .word-mesh-game-expectation-sec .game-expect-icon-block{top:-26px; margin-bottom:-14px;}
  .word-mesh-game-expectation-sec .game-expectation-card-body{padding:0 0 45px;}

  .word-mesh-game-summary{padding:45px 20px 0;}
  .word-mesh-game-summary .game-summary-text{font-size:29px; max-width:887px; padding-top:40px;}
  .word-mesh-game-summary .btn-bar .base-btn{margin:36px 0 47px;}

  .word-mesh-faq-sec{padding-top:70px;}
  .word-mesh-faq-sec .faq-sec-outer{padding:85px 0 70px;}
  .word-mesh-faq-sec .accordion-title{font-size:27px;}
  .word-mesh-faq-sec .accordion-text{font-size:24px;}
  .word-mesh-faq-sec .accordion-item::before{font-size:38px; width:114px; min-height:98px; border-radius:15px 0 0 15px;}
  .word-mesh-faq-sec .accordion-head-outer{min-height:98px; padding:0 20px 0 140px; border-radius:15px;}
  .word-mesh-faq-sec .accordion-cont-bar{min-height:136px; padding:5px 15px 5px 48px; border-radius:15px;}
  .word-mesh-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:33px;}
  .word-mesh-faq-sec .accordion-item{margin-bottom:17px;}
}
@media(max-width:1023px){
  .word-mesh-game .video-poster, .word-mesh-game .client-video{border-radius:12px;}
  .word-mesh-game .video-iframe{border-radius:17px;}
  .word-mesh-game .video-block{border-radius:20px;}

  .word-mesh-game .sec-main-title{font-size:25px; padding-bottom:2vmin;}
  .word-mesh-game .sec-head-bg{filter:drop-shadow(0px 5px 10.5px rgba(0,0,0,0.5));}
  .word-mesh-game .btn-bar .base-btn{margin:30px 0 55px;}
  .word-mesh-game .btn-text{font-size:20px; -webkit-text-stroke-width: 0.6vmin;}

  .word-mesh-about-us-sec .about-us-text{font-size:23px; padding-top:15px; max-width:705px;}

  .word-mesh-how-to-work-sec .how-to-work-process-sec-one{padding-top:50px;}
  .word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .word-mesh-how-to-work-sec .htw-process-card-outer{filter:drop-shadow(14.92px 14.92px 5.5px rgba(0,0,0,0.13)); border-radius:35px;}
  .word-mesh-how-to-work-sec .htw-process-card-outer-two{filter:drop-shadow(-14.92px 14.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-card-outer-three{filter:drop-shadow(0 15.92px 5.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-wrap-three .col-left, .word-mesh-how-to-work-sec .htw-process-wrap-three .col-right{filter:drop-shadow(0px 10px 10.5px rgba(0, 0, 0, 0.38));}
  .word-mesh-how-to-work-sec .htw-process-wrap .col-left{filter:drop-shadow(0px 10px 10.5px rgba(0, 0, 0, 0.38));}
  .word-mesh-how-to-work-sec .htw-process-card-body{min-height:237px; border-radius:30px;}
  .word-mesh-how-to-work-sec .htw-body-right{padding:0 25px 7px 125px;}
  .word-mesh-how-to-work-sec .htw-body-left{padding:5px 106px 0px 34px;}
  .word-mesh-how-to-work-sec .game-card-three .htw-process-card-body{padding:35px 0 0;;}
  .word-mesh-how-to-work-sec .game-card-seven .htw-process-card-body{padding:40px 24px 0;}

  .word-mesh-game-expectation-sec .game-expectation-sec-outer{padding:105px 0 87px; margin-top:86px;}
  .word-mesh-game-expectation-sec .game-expect-card-title{font-size:15px; margin-bottom:12px;}
  .word-mesh-game-expectation-sec .game-expect-details-item{font-size:14px; padding:0 10px;}
  .word-mesh-game-expectation-sec .game-expectation-card-body{padding:0 0 40px; filter:drop-shadow(0px 10px 23px rgba(0, 0, 0, 0.4));}
  .word-mesh-game-expectation-sec .game-expect-icon-block{top:6px; margin-bottom:14px;}
  .word-mesh-game-expectation-sec .game-expectation-list{gap:0 17px;}
  .word-mesh-game-expectation-sec .game-expectation-card-outer{margin-top:45px; filter:drop-shadow(0px 0px 4px #ffe450);}

  .word-mesh-game-summary{padding:30px 20px 0;}
  .word-mesh-game-summary .game-summary-text{font-size:21px; max-width:640px; padding-top:32px;}
  .word-mesh-game-summary .btn-bar .base-btn{margin:25px 0 35px;}

  .word-mesh-faq-sec{padding-top:50px;}
  .word-mesh-faq-sec .faq-sec-outer{padding:60px 0 50px}
  .word-mesh-faq-sec .accordion-title{font-size:23px;}
  .word-mesh-faq-sec .accordion-text {font-size:20px;}
  .word-mesh-faq-sec .accordion-item::before{font-size:35px; width:108px; min-height:90px; border-radius:13px 0 0 13px;}
  .word-mesh-faq-sec .accordion-head-outer{min-height:90px; padding:0 10px 0 127px; border-radius:13px;}
  .word-mesh-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:28px;}
  .word-mesh-faq-sec .accordion-item{margin-bottom:16px;}
  .word-mesh-faq-sec .accordion-body{padding:7px 0 0;}
  .word-mesh-faq-sec .accordion-cont-bar{min-height:120px; padding:5px 15px 5px 41px; border-radius:13px;}
}
@media(max-width:767px){
  .word-mesh-game .banner-icon{display:none;}
  .word-mesh-game .banner-sec{margin-top:-1.7%; background:var(--banner-bg-mob) no-repeat top center; background-size:100% 88%;}
  .word-mesh-game .banner-sec-outer{padding:0;}
  .word-mesh-game .game-logo-fig{max-width:37%;}
  .word-mesh-game .video-block{max-width:85%; filter:drop-shadow(0px 0px 2px #ffe450); padding:1px; border-radius:14px;}
  .word-mesh-game .video-iframe{border-radius:13px;}
  .word-mesh-game .sec-head-bg{filter:drop-shadow(0px 7px 5px rgba(0,0,0,0.2));}
  .word-mesh-game .sec-main-title{font-size:23px;}
  .word-mesh-game .btn-bar .base-btn{max-width:48.5%; filter:drop-shadow(0px 3px 1px rgba(0,0,0,0.5)); margin:20px 0 32px;}
  .word-mesh-game .btn-text{font-size:19px; -webkit-text-stroke-width:0.9vmin;}

  .word-mesh-game .rope-icon-left, .word-mesh-game .rope-icon-right{max-width:1.7%; left:35.3%;}
  .word-mesh-game .rope-icon-right{left:auto; right:35.3%;}

  .word-mesh-about-us-sec{margin-top:-13%; padding-top:21.5%;}
  .word-mesh-about-us-sec .about-head-bg{max-width:95%;}
  .word-mesh-about-us-sec .about-us-text{font-size:17px; padding:5px 5px 0;}
  .word-mesh-about-us-sec .about-head-title{font-size:18px;}

  .word-mesh-how-to-work-sec .htw-head-bg{max-width:72%;}
  .word-mesh-how-to-work-sec .htw-process-wrap{flex-direction:column; padding:0 10px; margin:20px 0 0;}
  .word-mesh-how-to-work-sec .htw-process-wrap-one{margin-top:0px;}
  .word-mesh-how-to-work-sec .game-card-three{padding:0 10px;}
  .word-mesh-how-to-work-sec .htw-process-wrap .col-right{padding:40px 0 0;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-one{padding-top:30px;}
  .word-mesh-how-to-work-sec .col-right-space, .word-mesh-how-to-work-sec .col-left-space{margin:0;}
  .word-mesh-how-to-work-sec .htw-process-wrap .col-left{max-width:100%; filter:drop-shadow(5.192px 7.192px 2.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-wrap-three{gap:12px 0; margin-top: -132.5% !important;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-three{padding-top:12%;}
  .word-mesh-how-to-work-sec .how-to-work-process-sec-seven{padding-top:12%;}
  .word-mesh-how-to-work-sec .game-card-three .htw-process-card-body{padding:50px 15px 148%;}
  .word-mesh-how-to-work-sec .game-card-seven{padding:0 10px;}
  .word-mesh-how-to-work-sec .htw-process-wrap-three .col-left, .word-mesh-how-to-work-sec .htw-process-wrap-three .col-right{max-width:90% !important; padding:0;}
  .word-mesh-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .word-mesh-how-to-work-sec .htw-process-card-outer{border-radius:20px; padding:3px; filter:drop-shadow(5.192px 7.192px 2.5px rgba(0,0,0,0.13));}
  .word-mesh-how-to-work-sec .htw-process-card-body{border-radius:17px; min-height:auto; padding:35px; text-align:center;}
  .word-mesh-how-to-work-sec .htw-process-theme-seven{display:none;}
  .word-mesh-how-to-work-sec .htw-process-theme-seven-mob{display:block;}
  .word-mesh-how-to-work-sec .htw-process-wrap-seven{max-width:100%; padding:0; margin:-30px auto -53% !important;}
  .word-mesh-how-to-work-sec .game-card-seven .htw-process-card-body{padding:50px 15px 0;}
  .word-mesh-how-to-work-sec .htw-icon{display:block; max-width:20%;}
  .word-mesh-how-to-work-sec .htw-icon-one{display:none;}
  .word-mesh-how-to-work-sec .htw-icon-three{display:none;}
  .word-mesh-how-to-work-sec .htw-icon-one-mob img{float:left; width:100%;}
  .word-mesh-how-to-work-sec .htw-icon-one-mob{display:block; position:absolute; right:-5%; top:-16%;}
  .word-mesh-how-to-work-sec .htw-icon-two{left:-1%; top:-1%; max-width:17%;}
  .word-mesh-how-to-work-sec .htw-icon-three-mob img{float:left; width:100%;}
  .word-mesh-how-to-work-sec .htw-icon-three-mob{display:block; position:absolute; left:-3%; top:-3%;}

  .word-mesh-game-expectation-sec .game-expectation-sec-outer{padding:30% 0 57px; margin-top:57px;}
  .word-mesh-game-expectation-sec .expectation-head-bg{max-width:88%;}
  .word-mesh-game-expectation-sec .game-expect-card-title{font-size:16px;}
  .word-mesh-game-expectation-sec .game-expectation-card-body{padding:0 0 20px; filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));}
  .word-mesh-game-expectation-sec .game-expect-icon-block{top:-16px; margin-bottom:-2px;}
  .word-mesh-game-expectation-sec .game-expectation-card-outer{filter:drop-shadow(0px 0px 3px #ffe450); margin-top:50px;}
  .word-mesh-game-expectation-sec .owl-carousel .owl-dot span{background:var(--bg-body); border:none;}
  .word-mesh-game-expectation-sec .owl-carousel .owl-dot.active span{background:#ce1286;}

  .word-mesh-game-summary{padding:33px 10px 0;}
  .word-mesh-game-summary .game-summary-text{font-size:16px; padding:35px 15px 0;}
  .word-mesh-game-summary .game-summary-outer{border:3px solid var(--clr-action-alt);}

  .word-mesh-faq-sec{padding-top:45px;}
  .word-mesh-faq-sec .faq-head-bg{max-width:75%;}
  .word-mesh-faq-sec .faq-sec-outer{padding:10px 0 30px;}
  .word-mesh-faq-sec .accordion-title{font-size:14px;}
  .word-mesh-faq-sec .accordion-text{font-size:14px;}
  .word-mesh-faq-sec .accordion-item::before{font-size:16px; min-height:60px; width:48px; clip:polygon(0 0, 100% 0%, 70% 100%, 0% 100%); padding-right:5px; border-radius:10px 0 0 10px;}
  .word-mesh-faq-sec .accordion-head-outer{min-height:60px; padding:0 10px 0 57px; border-radius:10px;} 
  .word-mesh-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:16px;}
  .word-mesh-faq-sec .accordion-cont-bar{min-height:54px; border-radius:10px; padding:5px 10px 5px 15px;}
  .word-mesh-faq-sec .accordion-body{padding:5px 0 0;}
  .word-mesh-faq-sec .accordion-item{margin-bottom:10px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Word Mesh Game CSS End // ***************************** */



/* ***************************** // Scratchie Card Game CSS Start // ***************************** */
.scratchie-card-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-action:'Roboto', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.scratchie-card-game .header{box-shadow:none;}
.scratchie-card-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.scratchie-card-game .active .nav-item-label, .scratchie-card-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.scratchie-card-game .banner-sec{background:var(--banner-bg) no-repeat top center; margin-top:-80px;  background-size:100% 140%; position:relative;}
.scratchie-card-game .video-poster, .scratchie-card-game .client-video{top: 8.3%; left: 5%; right: auto; width: calc(100% - 10.1%); height: calc(100% - 16.5%); bottom:auto; border-radius:28px;}
.scratchie-card-game .game-logo-fig{max-width:30.5%; position:relative; filter:drop-shadow(0px 0px 46px rgb(178,30,31));}
.scratchie-card-game .video-block{max-width:47%; position:relative; overflow:inherit;}
.scratchie-card-game .banner-sec-outer{background:transparent; padding:17vmin 0 0; position:relative;}
.scratchie-card-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center;}
.scratchie-card-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2;}
.scratchie-card-game .banner-sec-video{background:transparent;}

.scratchie-card-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.scratchie-card-game .sec-main-title{position:absolute; color:var(--clr-action-alt); font-size:56px; font-weight:700; font-family:var(--font-base); padding-bottom:1vmin;}
.scratchie-card-game .btn-bar .base-btn{margin:35px 0 90px; filter:drop-shadow(0px 13px 13px rgba(0,0,0,0.35));}
.scratchie-card-game .btn-text{font-size:48px; font-weight:900; padding-bottom:1vmin; font-family:var(--font-base); font-style:italic; -webkit-text-fill-color:var(--clr-action-alt); -webkit-text-stroke:#125c2d; -webkit-text-stroke-width:0.4vmin; text-shadow:0px 0px 7px #125c2d;}
.scratchie-card-game .highlight-text{color:#ffc52b;}

/* About us CSS Start */
.scratchie-card-about-us-sec{margin-top:-9%; padding-top: 9px; border-radius:128px 128px 0 0; left:-2%; width:calc(100% + 4%); position:relative; background:linear-gradient(0deg, rgba(220,250,0)1%, rgba(14,158,0)100%); filter:drop-shadow(0px -14px 26.5px rgba(0,0,0,0.8));}
.scratchie-card-about-us-sec .about-us-sec-outer{float:left; width:100%; height:100%; padding-top:10%; box-shadow:inset 0 0 9px rgba(0,0,0,0.79); background:#fffbe9; border-radius:137px 137px 0 0;}
.scratchie-card-about-us-sec .about-us-text{font-size:47px; text-transform: uppercase; color:var(--clr-base); font-weight:900; font-family:var(--font-base); text-align:center; max-width:1380px;}
/* About us CSS End */

/* How to work CSS Start */
.scratchie-card-how-to-work-sec{position:relative; margin-top:-10px; padding-top:120px; background:var(--bg-body);}
.scratchie-card-how-to-work-sec .container{max-width:100%; padding:0;}
.scratchie-card-how-to-work-sec .htw-process-wrap{margin:75px 0; padding:0;}
.scratchie-card-how-to-work-sec .htw-process-wrap-one{margin-top:57px;}
.scratchie-card-how-to-work-sec .htw-process-wrap .col-left{max-width:40%; margin:75px 0 0; padding:0; z-index:1; position:relative;}
.scratchie-card-how-to-work-sec .htw-process-wrap .col-right{max-width:100%; padding:0;}
.scratchie-card-how-to-work-sec .htw-process-wrap-one, .scratchie-card-how-to-work-sec .htw-process-wrap-three, .scratchie-card-how-to-work-sec .htw-process-wrap-five{padding-left:14%;}
.scratchie-card-how-to-work-sec .htw-process-wrap-two, .scratchie-card-how-to-work-sec .htw-process-wrap-four{padding-right:14%;}
.scratchie-card-how-to-work-sec .htw-process-wrap-five{flex-direction:row;}
.scratchie-card-how-to-work-sec .htw-process-theme:after{display:none;}
.scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.scratchie-card-how-to-work-sec .htw-process-card-outer{background:#facd2b;}
.scratchie-card-how-to-work-sec .htw-card-outer-right{border-radius:80px 0 0 80px; padding:9px 0 9px 9px;}
.scratchie-card-how-to-work-sec .htw-card-outer-left{border-radius:0 80px 80px 0; padding:9px 9px 9px 0px;}
.scratchie-card-how-to-work-sec .htw-process-card-body-right{background:linear-gradient(-244deg, rgb(86,14,28)38%, rgb(16,8,31)100%); padding:108px 143px 135px 205px; border-radius:71px 0 0 71px;}
.scratchie-card-how-to-work-sec .htw-process-card-body-left{background:linear-gradient(244deg, rgb(86,14,28)38%, rgb(16,8,31)100%); padding:92px 167px 115px 405px; border-radius:0 71px 71px 0;}
.scratchie-card-how-to-work-sec .game-card-three .htw-process-card-body{padding:72px 151px 94px 170px;}
.scratchie-card-how-to-work-sec .game-card-three .htw-process-card-list{padding:12px 107px 0 133px;}
.scratchie-card-how-to-work-sec .game-card-four .htw-process-card-body{padding:85px 156px 105px 293px;}
.scratchie-card-how-to-work-sec .htw-process-card-title-bar-block{float:left; width:100%;}
.scratchie-card-how-to-work-sec .htw-process-card-title-bar{float:left; width:100%; display:flex; align-items:center;}
.scratchie-card-how-to-work-sec .game-card-four .htw-process-card-title-bar{padding-left:120px;}
.scratchie-card-how-to-work-sec .htw-process-card-title{position:absolute;font-size:48px; color:#ffc52b; font-weight:900; font-style:italic; font-family:var(--font-base);}
.scratchie-card-how-to-work-sec .htw-process-card-title-right{padding-left:135px; }
.scratchie-card-how-to-work-sec .htw-process-card-title-left{padding-left:85px;}
.scratchie-card-how-to-work-sec .htw-process-card-list{margin:0; padding:50px 180px 0 140px;}
.scratchie-card-how-to-work-sec .htw-process-card-list-right{margin:0; padding:50px 139px 0 140px;}
.scratchie-card-how-to-work-sec .htw-process-card-list-left{margin:0; padding:50px 174px 0 0; text-align:right;}
.scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:30px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:900; font-family:var(--font-base); margin:0; padding:0; text-align:left;}
.scratchie-card-how-to-work-sec .col-right-space{margin:0 0 0 -16%;}
.scratchie-card-how-to-work-sec .col-left-space{margin:0 -16% 0 0;}
.scratchie-card-how-to-work-sec .htw-icon img{float:left; width:100%;}
.scratchie-card-how-to-work-sec .htw-icon{position:absolute; z-index:-1;}
.scratchie-card-how-to-work-sec .htw-icon-one{bottom:-15%; left:-11%;}
.scratchie-card-how-to-work-sec .htw-icon-two{bottom:-8%; right:-14%;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.scratchie-card-game-expectation-sec .game-expectation-sec-outer{background:#8f000f; padding:80px 0 18%; margin-top:95px;}
.scratchie-card-game-expectation-sec .game-expectation-card-outer{background:url('../images/scratchie-card/expectation-card-bg.webp') no-repeat center; background-size:100% 100%; padding:0; margin-top:3px;}
.scratchie-card-game-expectation-sec .game-expectation-card-body{background:none; box-shadow:none; padding:0 63px 42px;}
.scratchie-card-game-expectation-sec .game-expect-card-fig{max-width:227px; filter: drop-shadow(15.733px 19.429px 14.5px rgba(0,0,0,0.26));}
.scratchie-card-game-expectation-sec .game-expect-icon-block{top:-69px; margin-bottom:-55px;}
.scratchie-card-game-expectation-sec .game-expect-card-title{font-size:42px; text-transform:uppercase; color:#efc647; font-weight:900; font-style:italic; font-family:var(--font-base); margin-bottom:10px;}
.scratchie-card-game-expectation-sec .game-expect-details-item{font-size:26px; text-transform:uppercase; color:var(--bg-body); font-weight:400; text-align:center; font-family:var(--font-base); padding:0;}
.scratchie-card-game-expectation-sec .game-expect-details-item:before{display:none;}
.scratchie-card-game-expectation-sec .game-expectation-list{gap:0;}
.scratchie-card-game-expectation-sec .game-expectation-item{max-width:calc((100% / 3) - 0px)}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.scratchie-card-game-summary{margin-top:-15.5%;}
.scratchie-card-game-summary .game-summary-outer{float:left; width:100%; display:flex; justify-content:center; align-items:center;}
.scratchie-card-game-summary .game-summary-inner{background:url('../images/scratchie-card/game-summary-bg.webp') no-repeat center; background-size:100% 100%; max-width:63%; position:relative;}
.scratchie-card-game-summary .game-summary-text{font-size:40px; text-transform:uppercase; color:var(--bg-body); font-weight:900; font-style:italic; font-family:var(--font-base); padding:118px 100px 0;}
.scratchie-card-game-summary .btn-bar .base-btn{max-width:43%; margin:25px 0 90px;}
.scratchie-card-game-summary .game-summary-icon{position:absolute; right:-9%; bottom:-25%; filter:drop-shadow(-18.579px -16.728px 14.5px rgba(0,0,0,0.61));}
/* Game Summary CSS Start */

/* FAQs CSS Start */
.scratchie-card-faq-sec .faq-block{padding-top:50px;}
.scratchie-card-faq-sec .faq-sec-outer{padding:195px 0 57px;}
.scratchie-card-faq-sec .accordion-card{border:none; padding:0;}
.scratchie-card-faq-sec .accordion-head{padding:0;}
.scratchie-card-faq-sec .accordion-head-outer{box-shadow:none; background:#8f000f; border-radius:15px; min-height:80px; padding:0 10px 0 145px;}
.scratchie-card-faq-sec .accordion-item{position: relative; margin-bottom:19px;}
.scratchie-card-faq-sec .accordion-item::before{content:'0'counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; background:#e32035; padding-right:8px; width:90px; min-height:80px; font-size:40px; text-transform:uppercase; color:var(--bg-body); font-weight:900; font-style:italic; font-family:var(--font-base); left:22px; top:0; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.scratchie-card-faq-sec .accordion-title{font-size:40px; text-transform:uppercase; color:var(--bg-body); font-weight:900; font-family:var(--font-base);}
.scratchie-card-faq-sec .accordion-text{font-size:30px; text-transform:uppercase; color:var(--bg-base); font-weight:900; font-family:var(--font-base);}
.scratchie-card-faq-sec .accordion{counter-reset:li;}
.scratchie-card-faq-sec .accordion-body{background:#ffedef; border-radius:15px; padding:0 30px 0 90px;}
.scratchie-card-faq-sec .accordion-cont-bar{min-height:106px; padding:8px 0px;}
.scratchie-card-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-action-alt); font-size:25px;}
.scratchie-card-faq-sec .is-open .accordion-icon .icon{transform:inherit; width: auto;}
/* FAQs CSS End */

/* Footer CSS Start */
.scratchie-card-game .footer{background:#12081f;}
.scratchie-card-game .copyright-text{font-family:var(--font-mono); color:var(--clr-action-alt);}
/* Footer CSS End */

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .scratchie-card-game .banner-sec{background-size:103% 142%;}
  .scratchie-card-game .game-logo-fig{max-width:29%;}
  .scratchie-card-game .video-block{max-width:50%;}
  .scratchie-card-game .sec-head-bg{max-width:72%;}
  .scratchie-card-game .sec-main-title{font-size:48px;}
  .scratchie-card-game .btn-bar .base-btn{max-width:33.5%;}
  .scratchie-card-game .btn-text{font-size:42px;}
  .scratchie-card-game .video-poster, .scratchie-card-game .client-video{border-radius:21px;}

  .scratchie-card-about-us-sec{border-radius:100px 100px 0 0;}
  .scratchie-card-about-us-sec .about-us-sec-outer{border-radius:109px 109px 0 0;}
  .scratchie-card-about-us-sec .about-us-text{font-size:40px; max-width:1157px;}

  .scratchie-card-how-to-work-sec{padding-top:100px;}
  .scratchie-card-how-to-work-sec .htw-head-bg{max-width:42%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap{margin:65px 0;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-one, .scratchie-card-how-to-work-sec .htw-process-wrap-three, .scratchie-card-how-to-work-sec .htw-process-wrap-five{padding-left:8%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-two, .scratchie-card-how-to-work-sec .htw-process-wrap-four{padding-right:8%;}
  .scratchie-card-how-to-work-sec .htw-process-card-title{font-size:42px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:24px;}
  .scratchie-card-how-to-work-sec .htw-icon{max-width:41%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap .col-left{max-width:47%; margin:60px 0 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-right{padding:40px 0px 0 100px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-left{padding:40px 154px 0 63px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-right{border-radius:70px 0 0 70px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-left{border-radius:0 70px 70px 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-right{padding:52px 79px 130px 134px; border-radius:61px 0 0 61px;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-left{padding:85px 97px 83px 92px; border-radius:0 61px 61px 0;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-list{padding:12px 0px 0 105px;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-body{padding:50px 73px 54px 132px;}
  .scratchie-card-how-to-work-sec .game-card-four .htw-process-card-body{padding:61px 82px 100px 0px;}
  .scratchie-card-how-to-work-sec .htw-icon-one{bottom:-10%;}
  .scratchie-card-how-to-work-sec .htw-icon-two{bottom:-4%; right:-10%;}

  .scratchie-card-game-expectation-sec .expectation-head-bg{max-width:50%;}
  .scratchie-card-game-expectation-sec .game-expectation-sec-outer{padding:75px 0 24%; margin-top:90px;}
  .scratchie-card-game-expectation-sec .game-expect-card-fig{max-width:200px;}
  .scratchie-card-game-expectation-sec .game-expect-card-title{font-size:34px;}
  .scratchie-card-game-expectation-sec .game-expect-details-item{font-size:21px;}
  .scratchie-card-game-expectation-sec .game-expect-icon-block{top:-41px; margin-bottom:-27px;}
  .scratchie-card-game-expectation-sec .game-expectation-card-body{padding:0 47px 45px;}

  .scratchie-card-game-summary{margin-top:-21%;}
  .scratchie-card-game-summary .game-summary-text{font-size:34px; padding:110px 86px 0;}
  .scratchie-card-game-summary .game-summary-inner{max-width:68%;}
  .scratchie-card-game-summary .game-summary-icon{max-width:54.5%;}
  .scratchie-card-game-summary .btn-bar .base-btn{max-width:45%; margin:20px 0 80px;}
  
  .scratchie-card-faq-sec .faq-head-bg{max-width:40%;}
  .scratchie-card-faq-sec .faq-sec-outer{padding:177px 0 50px;}
  .scratchie-card-faq-sec .accordion-head-outer{border-radius:14px; padding:0 10px 0 138px;}
  .scratchie-card-faq-sec .accordion-item::before{padding-right:8px; width:85px; font-size:36px;}
  .scratchie-card-faq-sec .accordion-title{font-size:36px;}
  .scratchie-card-faq-sec .accordion-text{font-size:27px;}
  .scratchie-card-faq-sec .accordion-body{border-radius:14px; padding:0 60px 0 100px;}
}
@media(max-width:1280px){
  .scratchie-card-game .game-logo-fig{max-width:27%;}
  .scratchie-card-game .video-block{max-width:51%;}
  .scratchie-card-game .sec-main-title{font-size:42px; -webkit-text-stroke-width:0.3vmin;}
  .scratchie-card-game .btn-bar .base-btn{margin:32px 0 72px; filter:drop-shadow(0px 10px 13px rgba(0, 0, 0, 0.35));}
  .scratchie-card-game .btn-text{font-size:37px;}
  .scratchie-card-game .video-poster, .scratchie-card-game .client-video{border-radius:18px;}

  .scratchie-card-about-us-sec{border-radius:80px 80px 0 0;}
  .scratchie-card-about-us-sec .about-us-sec-outer{border-radius:89px 89px 0 0;}
  .scratchie-card-about-us-sec .about-us-text{font-size:34px; max-width:960px;}

  .scratchie-card-how-to-work-sec{padding-top:85px;}
  .scratchie-card-how-to-work-sec .htw-head-bg{max-width:45%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap .col-left{max-width:50%; margin:50px 0 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-title{font-size:36px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-right{padding:20px 0px 0 84px;}
  .scratchie-card-how-to-work-sec .htw-process-card-outer{border-radius:63px;}
  .scratchie-card-how-to-work-sec .htw-process-card-body{border-radius:54px;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-right{padding:40px 57px 90px 97px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-right{border-radius:63px 0 0 63px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-left{border-radius:0 63px 63px 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-right{padding:62px 58px 85px 103px; border-radius:54px 0 0 54px;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-left{padding:80px 70px 100px 56px; border-radius:0 54px 54px 0;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-body{padding:50px 12px 54px 80px;}
  .scratchie-card-how-to-work-sec .game-card-four .htw-process-card-title-bar{padding-left:30px;}
  .scratchie-card-how-to-work-sec .htw-process-card-title-right{padding-left:93px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-left{padding:30px 105px 0 63px;}
  .scratchie-card-how-to-work-sec .htw-process-card-title-left{padding-left:60px;}
  .scratchie-card-how-to-work-sec .htw-icon{max-width:39%;}
  .scratchie-card-how-to-work-sec .htw-icon-one{left:-8%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap{margin:55px 0;}

  .scratchie-card-game-expectation-sec .expectation-head-bg{max-width:53%;}
  .scratchie-card-game-expectation-sec .game-expectation-sec-outer{margin-top:85px; padding:67px 0 24%;}
  .scratchie-card-game-expectation-sec .game-expect-card-fig{max-width:180px;}
  .scratchie-card-game-expectation-sec .game-expect-card-title{font-size:30px;}
  .scratchie-card-game-expectation-sec .game-expect-details-item{font-size:19px;}
  .scratchie-card-game-expectation-sec .game-expectation-card-body{padding:0 42px 42px;}
  .scratchie-card-game-expectation-sec .game-expect-icon-block{top:-33px; margin-bottom:-18px;}
  .scratchie-card-game-expectation-sec .game-expectation-card-outer{margin-top:30px;}

  .scratchie-card-game-summary .game-summary-text{font-size:30px; padding:83px 75px 0;}
  .scratchie-card-game-summary .btn-bar .base-btn{margin:17px 0 72px;}

  .scratchie-card-faq-sec .faq-sec-outer{padding:165px 0 45px;}
  .scratchie-card-faq-sec .faq-block{padding:42px 0 0;}
  .scratchie-card-faq-sec .accordion-title{font-size:32px;}
  .scratchie-card-faq-sec .accordion-item::before{width:80px; font-size:32px; left:19px;}
  .scratchie-card-faq-sec .accordion-text{font-size:24px;}
  .scratchie-card-faq-sec .accordion-head-outer{padding:0 10px 0 130px;}
  .scratchie-card-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
  .scratchie-card-faq-sec .accordion-item{margin-bottom:18px;}
  .scratchie-card-faq-sec .accordion-body{padding:0 7px 0 88px;}
}
@media(max-width:1023px){
  .scratchie-card-game .video-block{max-width:57%;}
  .scratchie-card-game .banner-sec{background-size:115% 145%;}
  .scratchie-card-game .sec-main-title{font-size:31px;}
  .scratchie-card-game .btn-bar .base-btn{margin:25px 0 61px;}
  .scratchie-card-game .btn-text{font-size:27px;}

  .scratchie-card-about-us-sec{margin-top:-10%; padding-top:8px;}
  .scratchie-card-about-us-sec .about-us-text{font-size:24px; max-width:690px;}

  .scratchie-card-how-to-work-sec{padding-top:70px;}
  .scratchie-card-how-to-work-sec .htw-process-wrap{margin:40px 0;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-one, .scratchie-card-how-to-work-sec .htw-process-wrap-three, .scratchie-card-how-to-work-sec .htw-process-wrap-five{padding-left:5%;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-two, .scratchie-card-how-to-work-sec .htw-process-wrap-four{padding-right:5%;}
  .scratchie-card-how-to-work-sec .htw-process-card-title{font-size:27px;}
  .scratchie-card-how-to-work-sec .htw-process-card-title-left{padding-left:50px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-right{border-radius:51px 0 0 51px;}
  .scratchie-card-how-to-work-sec .htw-card-outer-left{border-radius:0 51px 51px 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-right{padding:54px 21px 53px 46px; border-radius:42px 0 0 42px;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-left{padding:57px 42px 68px 10px; border-radius: 0 42px 42px 0;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-list{padding:10px 0px 0 80px;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-body{padding:17px 12px 12px 50px;}
  .scratchie-card-how-to-work-sec .game-card-four .htw-process-card-body{padding:55px 40px 60px 0px;}
  .scratchie-card-how-to-work-sec .htw-process-wrap .col-left{max-width:52%; margin:40px 0 0;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-left{padding:18px 85px 0 27px;}
  .scratchie-card-how-to-work-sec .htw-icon{max-width:32%;}
  .scratchie-card-how-to-work-sec .htw-icon-one{max-width:32%; left:-5%; bottom:-7%;}
  .scratchie-card-how-to-work-sec .htw-icon-two{bottom:-1%; right:-6%;}

  .scratchie-card-game-expectation-sec .game-expectation-sec-outer{margin-top:75px; padding:60px 0 24%;}
  .scratchie-card-game-expectation-sec .game-expect-card-fig{max-width:130px;}
  .scratchie-card-game-expectation-sec .game-expect-card-title{font-size:24px;}
  .scratchie-card-game-expectation-sec .game-expect-details-item{font-size:15px;}
  .scratchie-card-game-expectation-sec .game-expectation-card-body{padding:0 26px 34px;}
  .scratchie-card-game-expectation-sec .game-expect-icon-block{top:12px; margin-bottom:25px;}

  .scratchie-card-game-summary .game-summary-text{font-size:23px; padding:60px 50px 0;}
  .scratchie-card-game-summary .btn-bar .base-btn{margin:14px 0 52px;}

  .scratchie-card-faq-sec .faq-sec-outer{padding:116px 0 30px;}
  .scratchie-card-faq-sec .faq-block{padding:25px 0 0;}
  .scratchie-card-faq-sec .accordion-item::before{width:70px;font-size:27px; left:12px;}
  .scratchie-card-faq-sec .accordion-title{font-size:27px;}
  .scratchie-card-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:23px;}
  .scratchie-card-faq-sec .accordion-item{margin-bottom:16px;}
  .scratchie-card-faq-sec .accordion-text{font-size:20px;}
  .scratchie-card-faq-sec .accordion-head-outer{padding:0 10px 0 113px;}
  .scratchie-card-faq-sec .accordion-body{padding:0 43px 0 76px;}
}
@media(max-width:767px){
  .scratchie-card-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; margin-top:0;  background-size:100% 100%; position:relative;}
  .scratchie-card-game .banner-sec-outer{padding:0;}
  .scratchie-card-game .game-logo-fig{max-width:60%;}
  .scratchie-card-game .video-block{max-width:97%;}

  .scratchie-card-game .sec-main-title{font-size:26px;}
  .scratchie-card-game .sec-head-bg{max-width:95%;}
  .scratchie-card-game .btn-bar .base-btn{max-width:66%; margin:25px 0 45px; filter:drop-shadow(0px 7px 9px rgba(0, 0, 0, 0.35));}
  .scratchie-card-game .btn-text{font-size:24px;}

  .scratchie-card-about-us-sec{border-radius:43px 43px 0 0; margin-top:-17.5%; padding-top:5px; filter:drop-shadow(0px -14px 26.5px rgba(0,0,0,0.8)); left:-4%; width:calc(100% + 8%);}
  .scratchie-card-about-us-sec .about-us-sec-outer{border-radius:38px 38px 0 0; padding-top:20%;  box-shadow:inset 0 0 9px rgba(0,0,0,0.79);}
  .scratchie-card-about-us-sec .about-head-title{font-size:20px;}
  .scratchie-card-about-us-sec .about-us-text{font-size:18px; padding:0 10px;}

  .scratchie-card-how-to-work-sec .htw-head-bg{max-width:80%;}
  .scratchie-card-how-to-work-sec{padding-top:30px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px; text-align:center; padding-top:25px;}
  .scratchie-card-how-to-work-sec .htw-process-wrap{padding:0; margin:20px 0; flex-direction:column;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-one .col-left, .scratchie-card-how-to-work-sec .htw-process-wrap-three .col-left, .scratchie-card-how-to-work-sec .htw-process-wrap-five .col-left{margin:0 0 0 -30px;}
  .scratchie-card-how-to-work-sec .htw-process-wrap-two .col-left, .scratchie-card-how-to-work-sec .htw-process-wrap-four .col-left{margin:0 -30px 0 0;}
  .scratchie-card-how-to-work-sec .htw-process-wrap .col-left{max-width:95%; margin-top:0;}
  .scratchie-card-how-to-work-sec .col-right-space{margin:0;}
  .scratchie-card-how-to-work-sec .col-left-space{margin:0;}
  .scratchie-card-how-to-work-sec .htw-card-outer-right{padding:5px 0; border-radius:0;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-right{border-radius:0; padding:75px 15px 30px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-right{padding:0;}
  .scratchie-card-how-to-work-sec .htw-card-outer-left{padding:5px 0; border-radius:0;}
  .scratchie-card-how-to-work-sec .htw-process-card-body-left{border-radius:0; padding:75px 15px 30px;}
  .scratchie-card-how-to-work-sec .htw-process-card-list-left{padding:0;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-body{padding:75px 15px 30px;}
  .scratchie-card-how-to-work-sec .game-card-three .htw-process-card-list{padding:0;}
  .scratchie-card-how-to-work-sec .game-card-four .htw-process-card-body{padding:75px 15px 30px;}
  .scratchie-card-how-to-work-sec .game-card-four .htw-process-card-list{padding:0;}
  .scratchie-card-how-to-work-sec .htw-process-card-title{padding:0;}
  .scratchie-card-how-to-work-sec .htw-process-card-title-bar{justify-content:center;}
  .scratchie-card-how-to-work-sec .htw-process-card{margin-top:-27%;}

  .scratchie-card-game-expectation-sec .game-expectation-sec-outer{margin-top:35px; padding:40px 0 42%;}
  .scratchie-card-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .scratchie-card-game-expectation-sec .game-expect-card-fig{max-width:120px;}
  .scratchie-card-game-expectation-sec .game-expect-icon-block{top:2px; margin-bottom:15px;}
  .scratchie-card-game-expectation-sec .owl-carousel .owl-dot span{background:rgba(0,252,255,0); border:2px solid #ffffff;}
  .scratchie-card-game-expectation-sec .owl-carousel .owl-dot.active span{background:#efc647; border:none;}
  .scratchie-card-game-expectation-sec .owl-carousel .owl-dot{margin:4px;}

  .scratchie-card-game-summary{margin-top:-34%;}
  .scratchie-card-game-summary .game-summary-inner{max-width:100%;}
  .scratchie-card-game-summary .game-summary-text{font-size:16px; padding:50px 29px 0;}
  .scratchie-card-game-summary .btn-bar .base-btn{max-width:55%; margin:15px 0 40px;}
  .scratchie-card-game-summary .btn-text{font-size:20px;}
  .scratchie-card-game-summary .game-summary-icon{bottom:-21%;}

  .scratchie-card-faq-sec .faq-head-bg{max-width:80%;}
  .scratchie-card-faq-sec .faq-sec-outer{padding:90px 0 50px;}
  .scratchie-card-faq-sec .accordion-title{font-size:18px;}
  .scratchie-card-faq-sec .accordion-text{font-size:14px;}
  .scratchie-card-faq-sec .accordion-item::before{width:45px; min-height:80px; font-size:18px; left:13px;}
  .scratchie-card-faq-sec .accordion-head-outer{padding:0 5px 0 75px;}
  .scratchie-card-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:16px;}
  .scratchie-card-faq-sec .accordion-body{padding:0 10px 0 44px;}
  .scratchie-card-faq-sec .accordion-cont-bar{min-height:92px;}
  .scratchie-card-faq-sec .accordion-item{margin-bottom:11px;}
}
@media(max-width:374px) {
  .scratchie-card-game-expectation-sec .game-expect-card-title{font-size:22px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Scratchie Card Game CSS End // ***************************** */



/* ***************************** // Spin the Wheel Game CSS Start // ***************************** */
.spin-the-wheel-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:'Geogrotesque', sans-serif;
--font-action:'Roboto', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.spin-the-wheel-game .header{box-shadow:none;}
.spin-the-wheel-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.spin-the-wheel-game .active .nav-item-label, .spin-the-wheel-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.spin-the-wheel-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-0.6%;}
.spin-the-wheel-game .video-poster, .spin-the-wheel-game .client-video{top:2.6%; left:1.7%; right:auto; height:calc(100% - 5.3%); width:calc(100% - 3.3%); bottom:auto; border-radius:28px;}
.spin-the-wheel-game .game-logo-fig{max-width:35%; position:relative;}
.spin-the-wheel-game .video-block{max-width:54%; margin-top:-2%; overflow:inherit;}
.spin-the-wheel-game .video-iframe{padding-bottom:64%; border-radius:42px; background:linear-gradient(rgb(255, 255,255)0%, rgba(230,230,230)100%); filter:drop-shadow(0px -25px 49px #ff0078); box-shadow:inset 0px 0px 5px #4b3c91;}
.spin-the-wheel-game .video-block::after{content: ""; position:absolute; z-index:-1; bottom:-18px; margin:0 auto; left:-27%; right:-50px; width:calc(100% + 54%); height:32px; border-radius:100%; background:linear-gradient(to right, rgba(87, 2, 57, 0.1) 0%, rgba(87, 2, 57, 0.2) 5%, rgba(87, 2, 57, 0.4) 10%, rgba(87, 2, 57, 0.5) 15%, rgba(87, 2, 57, 0.8) 20%, rgba(87, 2, 57, 0.9) 25%, rgba(87, 2, 57, 1) 30%, rgba(87, 2, 57, 1) 40%, rgba(87, 2, 57, 1) 45%, rgba(87, 2, 57, 1) 50%, rgba(87, 2, 57, 1) 55%, rgba(87, 2, 57, 1) 60%, rgba(87, 2, 57, 1) 70%, rgba(87, 2, 57, 0.9) 75%, rgba(87, 2, 57, 0.8) 80%, rgba(87, 2, 57, 0.5) 85%, rgba(87, 2, 57, 0.4) 90%, rgba(87, 2, 57, 0.2) 95%, rgba(87, 2, 57, 0.1) 100%); filter:blur(1px); opacity:0.62;}
.spin-the-wheel-game .banner-sec-outer{background:transparent; padding:0; position:relative;}
.spin-the-wheel-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; z-index:3;}
.spin-the-wheel-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; margin-top:-1.9%;}
.spin-the-wheel-game .banner-sec-video{background:transparent;}
.spin-the-wheel-game .banner-content{margin-top:-3.5%;}

.spin-the-wheel-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.spin-the-wheel-game .sec-head-bg{filter:drop-shadow(0px 9px 10.5px rgba(0,0,0,0.5));}
.spin-the-wheel-game .sec-main-title{position:absolute; color:var(--clr-action-alt); font-size:65px; font-weight:bold; font-family:var(--font-base); filter:drop-shadow(0px 8px 0px #83053a); padding-top:32px;}

.spin-the-wheel-game .play-btn-block{float:left; width:100%; max-width:27.1%; margin:3% 0 16%; filter:drop-shadow(0px 21px 36.5px #ff00c6);}
.spin-the-wheel-game .btn-bar .base-btn{max-width:100%; filter:drop-shadow(0px 12px 10.5px rgba(10,0,15,0.82));}
.spin-the-wheel-game .btn-text{font-size:46px; text-transform:capitalize; font-weight:900; font-family:var(--font-action); text-shadow:none;}
.spin-the-wheel-game .btn-text.outline{-webkit-text-stroke:5px #740712; }
.spin-the-wheel-game .btn-text.outline::before{content:attr(data-content); filter:drop-shadow(0px 4px 0.5px #740712); -webkit-text-stroke:0; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(255, 219, 197, 1)49%, rgba(255, 133, 59, 1) 68%, rgba(255, 69, 4, 1) 97%); position:absolute; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}

/* About us CSS Start */
.spin-the-wheel-about-us-sec{background:linear-gradient(rgb(30,2,41)5%, rgb(99,14,129)67%, rgb(116,20,139)100%); position:relative; padding-top:3%;}
.spin-the-wheel-about-us-sec .about-head-title{font-size:49px; position:relative; filter:none !important; padding:0 !important;}
.spin-the-wheel-about-us-sec .about-us-text{font-size:34px; font-weight:400; padding-top:7px; font-family:var(--font-action); text-align:center; color:var(--clr-action-alt); max-width:1225px;}
.spin-the-wheel-about-us-sec .about-theme-icon img{float:left; width:100%;}
.spin-the-wheel-about-us-sec .about-theme-icon{position:absolute; top:-12%;}
.spin-the-wheel-about-us-sec .about-icon img{float:left; width:100%;}
.spin-the-wheel-about-us-sec .about-icon{position:absolute; bottom:-11%;}
/* About us CSS End */

/* /* How to work CSS Start */
.spin-the-wheel-how-to-work-sec{position:relative;}
.spin-the-wheel-how-to-work-sec .htw-head-title{font-size:79px;}
.spin-the-wheel-how-to-work-sec .htw-head-outer{margin-top:-15%;}
.spin-the-wheel-how-to-work-sec .htw-icon img{float:left; width:100%;}
.spin-the-wheel-how-to-work-sec .htw-icon{position:absolute; z-index:3;}
.spin-the-wheel-how-to-work-sec .htw-icon-two{left:-10%; top:-21%;}
.spin-the-wheel-how-to-work-sec .htw-icon-three{right:9%; top:-38%;}
.spin-the-wheel-how-to-work-sec .htw-icon-four{right:-17%; bottom:-6%;}
.spin-the-wheel-how-to-work-sec .htw-icon-four-mob{display:none;}
.spin-the-wheel-how-to-work-sec .htw-icon-five{right:-14%; bottom:-11.5%; max-width:37%;}
.spin-the-wheel-how-to-work-sec .htw-icon-six{right:21%; bottom:-15%;}
.spin-the-wheel-how-to-work-sec .htw-icon-seven{right:-9%; bottom:-12%;}
.spin-the-wheel-how-to-work-sec .htw-icon-eight{right:-14%; bottom:-6%;}
.spin-the-wheel-how-to-work-sec .htw-icon-nine{left:-9%; top:-50%;}
.spin-the-wheel-how-to-work-sec .star-icon img{float:left; width:100%;}
.spin-the-wheel-how-to-work-sec .star-icon {position:absolute; z-index:1;}
.spin-the-wheel-how-to-work-sec .star-icon-one{left:2%; top:-49%;}
.spin-the-wheel-how-to-work-sec .star-icon-two{right:2%; top:-27%;}
.spin-the-wheel-how-to-work-sec .htw-shadow img{float:left; width:100%;}
.spin-the-wheel-how-to-work-sec .htw-shadow{position:absolute; bottom:-23px; left:-17%; width:calc(100% + 34%);}
.spin-the-wheel-how-to-work-sec .htw-shadow-mob{display:none;}
.spin-the-wheel-how-to-work-sec .htw-shadow-two{bottom:-16px; z-index:1;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap{margin:140px 0;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-one{margin-top:170px;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap .col-left{padding:0; margin:0; position:relative; z-index:1;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap .col-right{padding:0; margin:0;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-three{margin-bottom:0 !important;}
.spin-the-wheel-how-to-work-sec .how-to-work-process-sec-four{background:linear-gradient(0deg, rgb(30,2,41)5%, rgb(99,14,129)67%,rgb(116,20,139)100%); margin-top:-5.5%;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-four{justify-content:center; margin:0 !important; padding-bottom:6%;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-four .col-left{max-width:90%;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .col-left{max-width:100% !important; z-index:0;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five{margin:-15% 0 0 !important; padding:0; position:relative;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-title{color:#5a0335;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:38px; font-weight:600; padding:0;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list{margin-top:27px; padding:0;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-outer{background:none; position:absolute; z-index:1; display:flex; justify-content:center; text-align:center;}
.spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding:50px 0 0; max-width:72%;}
.spin-the-wheel-how-to-work-sec .htw-process-card-title{color:#6c1287; font-size:65px; font-family:var(--font-base); font-weight:bold; text-transform:uppercase;}
.spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:26px; color:#5a0335; font-family:var(--font-base); font-weight:500; padding-left:10px;}
.spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{background:#5a0335; height:4px; width:4px; border-radius:100%; top:13px;}
.spin-the-wheel-how-to-work-sec .htw-process-card-list{margin-top:12px; padding-left:55px;}
.spin-the-wheel-how-to-work-sec .game-start-card.htw-process-card:before{display:none;}
.spin-the-wheel-how-to-work-sec .htw-process-card:before, .htw-process-card:after{display:none;}
.spin-the-wheel-how-to-work-sec .htw-process-card-body{padding:50px 45px 90px 16px;}
.spin-the-wheel-how-to-work-sec .htw-process-card-outer{background:#fbecff; padding:0; border-radius:0 23px 23px 0;}
.spin-the-wheel-how-to-work-sec .htw-process-card-outer-left{border-radius:23px 0 0 23px;}
.spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-list{padding-left:80px;}
.spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-body{padding:75px 45px 100px 55px;}
.spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-list{padding-left:61px;}
.spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-body{padding:95px 62px 155px 16px}
.spin-the-wheel-how-to-work-sec .htw-process-theme:after{display:none;}
.spin-the-wheel-how-to-work-sec .htw-process-theme img{position:relative; z-index:1;}
.spin-the-wheel-how-to-work-sec .htw-big-star-one img{float:left;width:100%}
.spin-the-wheel-how-to-work-sec .htw-big-star-one{position:absolute; left:-4.4%; top:32%; z-index:1;}
.spin-the-wheel-how-to-work-sec .htw-big-star-two img{float:left;width:100%}
.spin-the-wheel-how-to-work-sec .htw-big-star-two{position:absolute; right:7.6%; top:-5%; z-index:1; max-width:5.7%;}
.spin-the-wheel-how-to-work-sec .show{display:none;}
.spin-the-wheel-how-to-work-sec .htw-theme-mob{display:none;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.spin-the-wheel-game-expectation-sec .game-expectation-sec-outer{padding:0 0 170px; position:relative;}
.spin-the-wheel-game-expectation-sec .expectation-head-outer{margin-top:-11%; z-index:2;}
.spin-the-wheel-game-expectation-sec .expectation-head-title{padding-top:10px;}
.spin-the-wheel-game-expectation-sec .game-expectation-card-outer{background:#e45a95; padding:0; border-radius:18px; margin-top:0;}
.spin-the-wheel-game-expectation-sec .game-expectation-card-body{box-shadow:none; background:none; padding:0 20px 50px;}
.spin-the-wheel-game-expectation-sec .game-expect-card-title{font-size:35px; font-weight:700; margin-bottom:30px; font-family:var(--font-action); color:var(--clr-action-alt);}
.spin-the-wheel-game-expectation-sec .game-expect-details-item{font-size:20px; font-weight:400; font-family:var(--font-action); color:var(--clr-action-alt); text-align:center;}
.spin-the-wheel-game-expectation-sec .game-expect-details-item:before{display:none;}
.spin-the-wheel-game-expectation-sec .game-expect-card-fig{max-width:250px;}
.spin-the-wheel-game-expectation-sec .game-expect-icon-block{top:-66px; margin-bottom:-35px;}
.spin-the-wheel-game-expectation-sec .game-expectation-item{margin-top:210px;}
.spin-the-wheel-game-expectation-sec .expectation-theme-icon{position:absolute; right:11.2%; top:3%;}
.spin-the-wheel-game-expectation-sec .expectation-theme-icon img{float:left; width:100%;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.spin-the-wheel-game-summary{background:#6c1287; position:relative;}
.spin-the-wheel-game-summary .game-summary-text{font-size:40px; font-weight:500; font-family:var(--font-base); color:var(--clr-action-alt); max-width:1130px; padding-top:110px;}
.spin-the-wheel-game-summary .play-btn-block{margin:5% 0 19%;}
.spin-the-wheel-game-summary .game-summary-theme-icon{position:absolute; top:10%}
.spin-the-wheel-game-summary .game-summary-icon-one img,.spin-the-wheel-game-summary .game-summary-icon-two img,.spin-the-wheel-game-summary .game-summary-icon-three img,.spin-the-wheel-game-summary .game-summary-icon-four img{float:left; width:100%;}
.spin-the-wheel-game-summary .game-summary-icon-one{position:absolute; bottom:0; width:100%; max-width:24.5%; left:2.3%;}
.spin-the-wheel-game-summary .game-summary-icon-two{position:absolute; left:10%; top:-15.5%;}
.spin-the-wheel-game-summary .game-summary-icon-three{position:absolute; right:16%; bottom:26%; max-width:4.7%;}
.spin-the-wheel-game-summary .game-summary-icon-four{position:absolute; right:10%; bottom:-8.5%;}
/* Game Summary CSS End */

/* FAQs CSS Start */
.spin-the-wheel-faq-sec{background:var(--faq-bg) no-repeat center; background-size:100% 100%;}
.spin-the-wheel-faq-sec .faq-head-title{padding-top:15px;}
.spin-the-wheel-faq-sec .faq-head-outer{margin-top:-10%;}
.spin-the-wheel-faq-sec .faq-sec-outer{background:none; padding:120px 0 137px;}
.spin-the-wheel-faq-sec .faq-head-title{text-transform:none;}
.spin-the-wheel-faq-sec .accordion-card{border:none; background:#380432; padding:2px 2px 0 2px;}
.spin-the-wheel-faq-sec .accordion-head{background:linear-gradient(0deg, #630558 0%, #630558 19%, #940d86 43%, #ef0f6d 100%); padding:3px;}
.spin-the-wheel-faq-sec .accordion-head-outer{background:linear-gradient(0deg, #630558 0%, #630558 19%, #940d86 43%, #ef0f6d 100%); border:2px solid #f4c706; box-shadow:none; min-height:100px; padding:0px 10px 0 70px; border-radius:0;}
.spin-the-wheel-faq-sec .accordion-body{background-color:#6c1287; padding:0 40px 0 101px;}
.spin-the-wheel-faq-sec .accordion-cont-bar{min-height:68px; padding:8px 0px;}
.spin-the-wheel-faq-sec .accordion-title{font-size:25px; letter-spacing:-1px; font-weight:500; font-family:var(--font-action); color:var(--clr-action-alt);} 
.spin-the-wheel-faq-sec .accordion-text{font-size:25px; letter-spacing:-1px; font-weight:500; font-family:var(--font-action); color:var(--clr-action-alt);} 
.spin-the-wheel-faq-sec .accordion-icon{background:transparent; width:auto; height:auto;}
.spin-the-wheel-faq-sec .accordion-icon .icon{text-shadow:none; transition:all 0.3s ease 0s;}
.spin-the-wheel-faq-sec .accordion-item{position: relative; margin-bottom:15px;}
.spin-the-wheel-faq-sec .accordion-item::before{content:counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:#380432; color:var(--clr-action-alt); width:45px; min-height:46px; font-size:24px; letter-spacing:-1px; font-weight:700; font-family:var(--font-action); left:17px; top:31px; margin:0; display:inline-flex; align-items:center; justify-content:center;}
.spin-the-wheel-faq-sec .accordion{counter-reset:li;}
/* FAQs CSS End */

/* Footer Start */
.spin-the-wheel-game .footer{background:#521c54;}
/* Footer End */

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .spin-the-wheel-game .game-logo-fig{max-width:33%;}
  .spin-the-wheel-game .video-poster, .spin-the-wheel-game .client-video{border-radius:16px;}
  .spin-the-wheel-game .video-iframe{border-radius:25px;}
  .spin-the-wheel-game .video-block::after{height:24px; bottom:-15px;}
  .spin-the-wheel-game .btn-text{font-size:37px;}
  .spin-the-wheel-game .sec-main-title{font-size:52px;}

  .spin-the-wheel-about-us-sec{margin-top:-2px;}
  .spin-the-wheel-about-us-sec .about-head-title{font-size:40px;}
  .spin-the-wheel-about-us-sec .about-us-text{font-size:29px; max-width:1044px;}
  .spin-the-wheel-about-us-sec .about-icon{max-width:24%;}

  .spin-the-wheel-how-to-work-sec .htw-head-title{font-size:60px;}
  .spin-the-wheel-how-to-work-sec .htw-head-outer{margin-top:-14.5%;}
  .spin-the-wheel-how-to-work-sec .htw-head-bg{max-width:58%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-one{max-width:22%; left:1%; top:-6.9%;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-title{font-size:52px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:23px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap .col-left{max-width:61%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-four .col-left{max-width:80%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap{padding:0 30px; margin:120px 0;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-one{margin-top:150px;}
  .spin-the-wheel-how-to-work-sec .star-icon{max-width:30%;}
  .spin-the-wheel-how-to-work-sec .star-icon-one{top:-44%;}
  .spin-the-wheel-how-to-work-sec .star-icon-two{top:-20%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-two{max-width:18%; top:-27%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-three, .spin-the-wheel-how-to-work-sec .htw-icon-six, .spin-the-wheel-how-to-work-sec .htw-icon-eight{max-width:30%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-four, .spin-the-wheel-how-to-work-sec .htw-icon-seven{max-width:36%;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list{padding-left:40px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-body{padding:46px 23px 75px 13px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-body{padding:51px 10px 71px 18px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-list{padding-left:60px;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-body{padding:88px 33px 121px 11px;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-list{padding-left:44px;}
  .spin-the-wheel-how-to-work-sec .how-to-work-process-sec-four{margin-top:-4.5%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:31px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding:35px 0 0; max-width:77%;}
  .spin-the-wheel-how-to-work-sec .htw-big-star-one{max-width:9%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list{margin-top:20px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-four{padding-bottom:8%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-nine{max-width:10%; left:0;}
  .spin-the-wheel-how-to-work-sec .htw-shadow{bottom:-17px; left:-13%; width:calc(100% + 26%);}
  .spin-the-wheel-how-to-work-sec .htw-shadow-two{bottom:-10px;}

  .spin-the-wheel-game-expectation-sec .expectation-head-outer{margin-top:-13%;}
  .spin-the-wheel-game-expectation-sec .expectation-head-bg{max-width:56%;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-fig{max-width:210px;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-title{font-size:30px; margin-bottom:24px;}
  .spin-the-wheel-game-expectation-sec .game-expect-details-item{font-size:18px;}
  .spin-the-wheel-game-expectation-sec .game-expect-icon-block{top:-36px; margin-bottom:-10px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-item{margin-top:155px;}
  .spin-the-wheel-game-expectation-sec .expectation-theme-icon{right:6.2%; top:4%; max-width:9%;}
  .spin-the-wheel-game-expectation-sec .game-expectation-sec-outer{padding:0 0 140px;;}

  .spin-the-wheel-game-summary .game-summary-text{font-size:34px; max-width:960px; padding-top:85px;}
  .spin-the-wheel-game-summary .game-summary-icon-two{max-width:14%;}
  .spin-the-wheel-game-summary .game-summary-icon-four{max-width:10%; right:6%;}

  .spin-the-wheel-faq-sec .faq-head-bg{max-width:50%;}
  .spin-the-wheel-faq-sec .faq-head-title{padding-top:7px;}
  .spin-the-wheel-faq-sec .faq-head-outer{margin-top:-11%;}
  .spin-the-wheel-faq-sec .faq-sec-outer{padding:100px 0 115px;}

  .spin-the-wheel-faq-sec .accordion-head-outer{min-height:90px; padding:0px 10px 0 67px;}
  .spin-the-wheel-faq-sec .accordion-cont-bar{min-height:60px;}
  .spin-the-wheel-faq-sec .accordion-title{font-size:24px;}
  .spin-the-wheel-faq-sec .accordion-text{font-size:24px;}
  .spin-the-wheel-faq-sec .accordion-item{margin-bottom:14px;}
  .spin-the-wheel-faq-sec .accordion-item::before{width: 44px; min-height:45px; font-size:24px; left:17px; top:26px;}
  .spin-the-wheel-faq-sec .accordion-body{padding:0 35px 0 95px;}
}
@media(max-width:1280px){
  .spin-the-wheel-game .game-logo-fig{max-width:31%;}
  .spin-the-wheel-game .video-block::after{height:15px; bottom:-13px;}
  .spin-the-wheel-game .btn-bar .base-btn{filter:drop-shadow(0px 9px 10.5px rgba(10,0,15,0.82));}
  .spin-the-wheel-game .btn-text{font-size:30px;}
  .spin-the-wheel-game .btn-text.outline{-webkit-text-stroke:3px #740712;}
  .spin-the-wheel-game .btn-text.outline::before{filter:drop-shadow(0px 3px 0.5px #740712);}
  .spin-the-wheel-game .sec-main-title{font-size:42px; filter:drop-shadow(0px 6px 0px #83053a);}

  .spin-the-wheel-about-us-sec .about-head-title{font-size:34px;}
  .spin-the-wheel-about-us-sec .about-us-text{font-size:24px; max-width:863px; padding-top:4px;}

  .spin-the-wheel-how-to-work-sec .htw-head-title{font-size:48px; filter:drop-shadow(0px 6px 0px #83053a); padding-top:22px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-title{font-size:42px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list{padding-left:30px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-list{padding-left:45px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-body{padding:46px 23px 53px 13px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-body{padding:38px 10px 54px 9px;}
  .spin-the-wheel-how-to-work-sec .htw-icon-five{right:-10%;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-list{padding-left:34px;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-body{padding:88px 33px 91px 11px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap{margin:90px 0;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-one{margin-top:120px;}
  .spin-the-wheel-how-to-work-sec .htw-icon-one{left:0; top:-6.5%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-two{left:-6%;}
  .spin-the-wheel-how-to-work-sec .htw-shadow{bottom:-14px; left:-10%; width:calc(100% + 20%);}
  .spin-the-wheel-how-to-work-sec .htw-shadow-two{bottom:-9px;}
  .spin-the-wheel-how-to-work-sec .htw-icon-nine{top:-47%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:26px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list{margin-top:14px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-outer{border-radius:0 19px 19px 0;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-outer-left{border-radius:19px 0 0 19px;}

  .spin-the-wheel-game-expectation-sec .game-expect-card-fig{max-width:180px;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-title{font-size:26px; margin-bottom:17px;}
  .spin-the-wheel-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-card-outer{border-radius:16px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-card-body{padding:0 14px 40px;}
  .spin-the-wheel-game-expectation-sec .game-expect-icon-block{top:-28px; margin-bottom:-6px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-item{margin-top:125px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-sec-outer{padding:0 0 113px;}

  .spin-the-wheel-game-summary .game-summary-text{font-size:29px; max-width:820px; padding-top:70px;}
  .spin-the-wheel-game-summary .play-btn-block{margin:4% 0 17%;}
  
  .spin-the-wheel-faq-sec .faq-sec-outer{padding:80px 0 95px;}
  .spin-the-wheel-faq-sec .faq-block{padding:0;}
  .spin-the-wheel-faq-sec .accordion-head-outer{min-height:80px; padding:0px 10px 0 67px;}
  .spin-the-wheel-faq-sec .accordion-cont-bar{min-height:50px;}
  .spin-the-wheel-faq-sec .accordion-title{font-size:22px;}
  .spin-the-wheel-faq-sec .accordion-text{font-size:22px;}
  .spin-the-wheel-faq-sec .accordion-item{margin-bottom:13px;}
  .spin-the-wheel-faq-sec .accordion-item::before{width: 43px; min-height:44px; font-size:22px; left:17px; top:21px;}
  .spin-the-wheel-faq-sec .accordion-body{padding:0 20px 0 95px;}
}
@media(max-width:1023px){
  .spin-the-wheel-game .game-logo-fig{max-width:30%;}
  .spin-the-wheel-game .video-iframe{border-radius:22px;}
  .spin-the-wheel-game .video-block::after{height:12px; bottom:-8px;}
  .spin-the-wheel-game .btn-text{font-size:23px;}
  .spin-the-wheel-game .btn-text.outline{-webkit-text-stroke:2px #740712;}
  .spin-the-wheel-game .btn-text.outline::before{filter:drop-shadow(0px 2px 0.5px #740712);}
  .spin-the-wheel-game .btn-bar .base-btn{filter:drop-shadow(0px 5px 10.5px rgba(10,0,15,0.82));}
  .spin-the-wheel-game .sec-main-title{font-size:32px; filter:drop-shadow(0px 4px 0px #83053a);}

  .spin-the-wheel-about-us-sec .about-head-title{font-size:27px;}
  .spin-the-wheel-about-us-sec .about-us-text{font-size:19px; max-width:683px; padding-top:0px;}

  .spin-the-wheel-how-to-work-sec .htw-head-title{font-size:37px; filter:drop-shadow(0px 4px 0px #83053a); padding-top:17px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-title{font-size:32px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:17px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list{padding-left:22px; margin-top:7px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-body{padding:21px 23px 14px 13px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-outer{border-radius:0 15px 15px 0;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-outer-left{border-radius:15px 0 0 15px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-list{padding-left:34px;}
  .spin-the-wheel-how-to-work-sec .game-card-two .htw-process-card-body{padding:23px 10px 35px 9px;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-body{padding:36px 22px 68px 11px;}
  .spin-the-wheel-how-to-work-sec .game-card-three .htw-process-card-list{padding-left:23px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{padding:23px 0 0; max-width:85%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:21px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list{margin-top:8px;}

  .spin-the-wheel-game-expectation-sec .expectation-head-title{padding-top:6px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-list{gap:0 26px; margin-top:50px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 50px); margin-top:80px;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-title{font-size:25px; margin-bottom:14px;}
  .spin-the-wheel-game-expectation-sec .game-expect-details-item{font-size:16px;}
  .spin-the-wheel-game-expectation-sec .game-expect-icon-block{top:-7px; margin-bottom:12px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-sec-outer{padding:0 0 85px;}

  .spin-the-wheel-game-summary .game-summary-text{font-size:24px; max-width:678px; padding-top:52px;}
  .spin-the-wheel-game-summary .game-summary-theme-icon{top:7%;}

  .spin-the-wheel-faq-sec .faq-sec-outer{padding:55px 0 67px;}
  .spin-the-wheel-faq-sec .accordion-title{font-size:21px;}
  .spin-the-wheel-faq-sec .accordion-text{font-size:19px;}
  .spin-the-wheel-faq-sec .accordion-head-outer{min-height:70px; padding:0px 10px 0 63px;}
  .spin-the-wheel-faq-sec .accordion-body{padding:0px 12px 0 88px;}
  .spin-the-wheel-faq-sec .accordion-cont-bar{min-height:48px; padding:5px 0;}
  .spin-the-wheel-faq-sec .accordion-item{margin-bottom:12px;}
  .spin-the-wheel-faq-sec .accordion-item::before{width: 42px; min-height:43px; font-size:21px; left:16px; top:17px;}
}
@media(max-width:767px){
  .spin-the-wheel-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 100%; margin-top:0}
  .spin-the-wheel-game .game-logo-fig{max-width:45%;}
  .spin-the-wheel-game .banner-content{margin-top:-5.5%;}
  .spin-the-wheel-game .video-block{max-width:90%;} 
  .spin-the-wheel-game .video-iframe{border-radius:19px; filter:drop-shadow(0px -3px 8px #ff0078);}
  .spin-the-wheel-game .sec-head{margin-bottom:5px;}
  .spin-the-wheel-game .play-btn-block{max-width:50%; margin:7% 0 27%;}
  .spin-the-wheel-game .btn-text{font-size:23px;}
  .spin-the-wheel-game .sec-main-title{font-size:23px; filter:drop-shadow(0px 2px 0px #83053a);}
  .spin-the-wheel-game .sec-head-bg{filter:none;}

  .spin-the-wheel-about-us-sec{padding-top:9%;}
  .spin-the-wheel-about-us-sec .about-theme-icon{top:4%}
  .spin-the-wheel-about-us-sec .about-head-title{font-size:24px;}
  .spin-the-wheel-about-us-sec .about-icon{display:none;}
  .spin-the-wheel-about-us-sec .about-us-text{font-size:18px;}

  .spin-the-wheel-how-to-work-sec .container{padding:0;}
  .spin-the-wheel-how-to-work-sec .htw-head-title{font-size:26px; padding-top:12px; filter:drop-shadow(0px 2px 0px #83053a);}
  .spin-the-wheel-how-to-work-sec .htw-head-bg{max-width:87%;}
  .spin-the-wheel-how-to-work-sec .htw-head-outer{margin-top:-21.5%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap{padding:0; margin:20px 0;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-one{margin-top:16px;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap .col-left{max-width:95%;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-four .col-left{max-width:100%;}
  .spin-the-wheel-how-to-work-sec .how-to-work-process-sec-four{margin:0;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five{margin:0 !important;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-title{font-size:30px;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list{margin:0 !important; padding:0 !important;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:18px; margin:0 !important; padding:0 !important; text-align:center;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:19px; font-weight:500; padding-top:7px !important;}
  .spin-the-wheel-how-to-work-sec .htw-process-wrap-five .htw-process-card-body{max-width:100%; padding-top:37px !important;}
  .spin-the-wheel-how-to-work-sec .htw-process-card-outer{border-radius:0;}
  .spin-the-wheel-how-to-work-sec .htw-shadow{bottom:-5px; left:-8%; width:calc(100% + 16%);}
  .spin-the-wheel-how-to-work-sec .htw-process-card-body{padding:55px 15px 37px 15px !important;}
  .spin-the-wheel-how-to-work-sec .star-icon{top:10%; left:0; right:auto; max-width:13%;}
  .spin-the-wheel-how-to-work-sec .star-icon-two{max-width:20%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-four-mob{display:block; left:-3%; top:-30%;}
  .spin-the-wheel-how-to-work-sec .htw-icon-four-mob img{float:left; width:100%;}
  .spin-the-wheel-how-to-work-sec .hide{display:none;}
  .spin-the-wheel-how-to-work-sec .show{display:block;}
  .spin-the-wheel-how-to-work-sec .htw-theme{display:none;}
  .spin-the-wheel-how-to-work-sec .htw-theme-mob{display:block;}
  .spin-the-wheel-how-to-work-sec .htw-big-star-one{display:none;}
  .spin-the-wheel-how-to-work-sec .htw-big-star-two{display:none;}

  .spin-the-wheel-game-expectation-sec .game-expectation-sec-outer{padding:0 0 34px;}
  .spin-the-wheel-game-expectation-sec .expectation-head-bg{max-width:87%;}
  .spin-the-wheel-game-expectation-sec .expectation-head-outer{margin-top:-20%;}
  .spin-the-wheel-game-expectation-sec .game-expectation-card-body{padding:0 10px 30px;}
  .spin-the-wheel-game-expectation-sec .expectation-theme-icon{display:none;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-title{font-size:21px;}
  .spin-the-wheel-game-expectation-sec .game-expect-details-item{font-size:14px; padding:0;}
  .spin-the-wheel-game-expectation-sec .game-expect-card-fig{max-width:145px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-card-outer{border-radius:18px;}
  .spin-the-wheel-game-expectation-sec .game-expect-icon-block{top:-21px; margin-bottom:5px;}
  .spin-the-wheel-game-expectation-sec .game-expectation-item{margin-top:0;}
  .spin-the-wheel-game-expectation-sec .game-expectation-list{margin:0;}
  .spin-the-wheel-game-expectation-sec .game-expectation-card-outer{margin-top:50px;}
  .spin-the-wheel-game-expectation-sec .owl-carousel .owl-dot span{background:#f8dcac; border:none; height:12px; width:12px;}
  .spin-the-wheel-game-expectation-sec .owl-carousel .owl-dot.active span{background:#af0a33;}
  .spin-the-wheel-game-expectation-sec .owl-carousel .owl-dot{margin:4px;}

  .spin-the-wheel-game-summary .game-summary-icon-one{display:none;}
  .spin-the-wheel-game-summary .game-summary-icon-two{display:none;}
  .spin-the-wheel-game-summary .game-summary-icon-three{right:4%; bottom:3%; max-width:8.7%;}
  .spin-the-wheel-game-summary .game-summary-icon-four{display:none;}
  .spin-the-wheel-game-summary .game-summary-theme-icon{display:none;}
  .spin-the-wheel-game-summary .game-summary-text{font-size:20px; padding:37px 10px 0;}

  .spin-the-wheel-faq-sec .faq-head-bg{max-width:75%;}
  .spin-the-wheel-faq-sec .faq-head-outer{margin-top:-17%;}
  .spin-the-wheel-faq-sec .faq-head-title{padding-top:3px;}
  .spin-the-wheel-faq-sec .accordion-title{font-size:16px;}
  .spin-the-wheel-faq-sec .accordion-text{font-size:14px;}
  .spin-the-wheel-faq-sec .accordion-item::before{width:35px; min-height:36px; top:9px; left:12px; font-size:20px; letter-spacing:0px;}
  .spin-the-wheel-faq-sec .accordion-head{padding:1px;}
  .spin-the-wheel-faq-sec .accordion-head-outer{min-height:47px; border:1px solid #f4c706; padding:0px 10px 0 54px;}
  .spin-the-wheel-faq-sec .accordion-body{padding:0px 8px 0 27px;}
  .spin-the-wheel-faq-sec .accordion-cont-bar{min-height:55px;}
  .spin-the-wheel-faq-sec .accordion-item{margin-bottom:8px;}
  .spin-the-wheel-faq-sec .faq-sec-outer{padding:8px 0 30px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Spin the Wheel CSS End // ***************************** */




/* ***************************** // Shoot to Win Game CSS Start // ***************************** */
.shoot-to-win-game{
/*Colors*/
--clr-base:#000000;
--clr-base-light:#008592;
--clr-dark:#490000;
--clr-dark-alt:#770909;
--clr-action:#ab0b0a;
--clr-action-alt:#fff;

/*Background Colors*/
--bg-body:#fff;
--bg-base:#000000;
--bg-primary:#ffece2;
--bg-secondary:#ffde00;
--bg-dark:#074286;
--bg-action:#0d6cd8;

/*Border Colors*/
--bdr1:#0d6cd8;
/*Fonts*/
--font-base:"Poppins", sans-serif;
--font-base1:'Roboto', sans-serif;
--font-action:'Geogrotesque', sans-serif;
--font-mono:'Montserrat', sans-serif;

/*Btn Shadow*/
--shadow-text:2px 2px 0 #3dec62, 2px -2px 0 #3dec62, -2px 2px 0 #3dec62, -2px -2px 0 #3dec62, 2px 0 0 #3dec62, 0 2px 0 #3dec62, -2px 0 0 #3dec62;
--shadow-btn:0px 11px 11px rgba(0,0,0,0.2);

/* Text Shadow */
--text-shadow:4px 4px 0 var(--clr-dark), 4px -4px 0 var(--clr-dark), -4px 4px 0 var(--clr-dark), -4px -4px 0 var(--clr-dark), 4px 0 0 var(--clr-dark), 0 4px 0 var(--clr-dark), -4px 0 0 var(--clr-dark);
}
.shoot-to-win-game .header{box-shadow:none;}
.shoot-to-win-game .nav-item-label{font-weight:600;}
@media (hover:hover){
.shoot-to-win-game .active .nav-item-label, .shoot-to-win-game .nav-item-label:hover{background:var(--clr-action);color:var(--clr-action-alt);}
}
.shoot-to-win-game .banner-sec{background:var(--banner-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-4%;}
.shoot-to-win-game .video-poster, .shoot-to-win-game .client-video{top:6.6%; left:3.1%; right:auto; height:calc(100% - 6.6%); width:calc(100% - 6.3%); bottom:auto; border-radius:0;}
.shoot-to-win-game .video-shadow{left:0; bottom:-30px; width:calc(100% + 57%);}
.shoot-to-win-game .game-logo-fig{max-width:30%; position:relative;}
.shoot-to-win-game .video-block{max-width:37%;  overflow:inherit;}
.shoot-to-win-game .banner-sec-outer{background:transparent; padding:0; position:relative;}
.shoot-to-win-game .banner-logo{display:flex; flex-wrap:wrap; justify-content:center; z-index:3;}
.shoot-to-win-game .banner-video-outer{display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:2; margin-top:-1.4%;}
.shoot-to-win-game .banner-sec-video{background:transparent;}
.shoot-to-win-game .banner-content{margin-top:4%;}

.shoot-to-win-game .sec-head-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.shoot-to-win-game .sec-main-title{position:absolute; color:var(--clr-action-alt); font-size:50px; letter-spacing:2px; font-weight:700; font-family:var(--font-base); padding-bottom:53px;}
.shoot-to-win-game .btn-bar .base-btn{filter:drop-shadow(0 0 7.5px #ffdf00); max-width:28%; margin:40px 0 90px;}
.shoot-to-win-game .btn-text{font-size:49px; font-weight:900; font-family:var(--font-base); text-shadow:none; font-style:italic; -webkit-text-stroke-color:var(--clr-action-alt); -webkit-text-fill-color:#f21002; -webkit-text-stroke-width:0.4vmin; filter: drop-shadow(0px 0px 13px rgb(255, 223, 0));}
.shoot-to-win-game .btn-text.outline{background: -webkit-linear-gradient(#790504, #a50707, #4e0e22); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.shoot-to-win-game .banner-icon-one img{float:left; width:100%;}
.shoot-to-win-game .banner-icon-one{position:absolute; z-index:1; left:6%; top:49%;}

/* About us CSS Start */
.shoot-to-win-about-us-sec{background:var(--about-bg) no-repeat top center; background-size:100% 100%; position:relative; margin-top:-4.5%; padding-top:6.7%;}
.shoot-to-win-about-us-sec .about-us-text{font-size:38px; letter-spacing:1px; font-weight:700; padding-top:10px; text-transform:uppercase; font-family:var(--font-action); color:var(--clr-action-alt); text-align:center; max-width:960px;}
.shoot-to-win-about-us-sec .about-icon-one img{float:left; width:100%;}
.shoot-to-win-about-us-sec .about-icon-one{position:absolute; right:0; bottom:0;}
.shoot-to-win-about-us-sec .about-icon-one-mob{display:none;}
/* About us CSS End */

/* /* How to work CSS Start */
.shoot-to-win-how-to-work-sec .htw-process-wrap .col-left{max-width:47%; position:relative; padding:0;}
.shoot-to-win-how-to-work-sec .htw-head-outer{padding-top:120px;}
.shoot-to-win-how-to-work-sec .htw-process-wrap .col-right{padding:0;}
.shoot-to-win-how-to-work-sec .htw-process-card-title{font-size:100px; font-weight:900; line-height:1em; font-family:var(--font-base1); color:#00a2ff;}
.shoot-to-win-how-to-work-sec .htw-process-card-title .word-label{display:grid;}
.shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:30px; letter-spacing:1px; color:var(--clr-base); font-weight:700; font-family:var(--font-base); margin:0; padding:0;}
.shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item:before{display:none;}
.shoot-to-win-how-to-work-sec .htw-process-theme:after{display:none;}
.shoot-to-win-how-to-work-sec .htw-process-card-list{margin:0; padding:0;}
.shoot-to-win-how-to-work-sec .htw-process-card-outer{background:none; padding:0; border-radius:0;}
.shoot-to-win-how-to-work-sec .htw-process-card-body{padding:40px 40px 50px 90px;}
.shoot-to-win-how-to-work-sec .body-left-space{padding:190px 70px 0 90px;}
.shoot-to-win-how-to-work-sec .how-to-work-process-sec-one, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-two, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three,  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-four, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-five{position:relative;}
.shoot-to-win-how-to-work-sec .how-to-work-process-sec-one::before, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{content:''; position:absolute; width:100%; height:62%; bottom:-19%; background:#dff3ff;}
.shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{height:72.5% !important; bottom:-21% !important;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-one{margin-top:60px;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-two{margin-top:300px;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-three{margin-top:210px;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-four{margin-top:310px;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-five{position:relative; flex-direction:column-reverse; padding:0; margin-top:130px; z-index:1;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-five .col-right{max-width:100%;}
.shoot-to-win-how-to-work-sec .htw-process-wrap-five .col-left{margin:auto;}
.shoot-to-win-how-to-work-sec .game-card-five .htw-process-card-outer{display:flex; justify-content:center; align-items:center;}
.shoot-to-win-how-to-work-sec .game-card-five .htw-process-card-body{min-height:auto; max-width:55%; text-align:center; padding:0 0 20px;}
.shoot-to-win-how-to-work-sec .htw-shadow{position:absolute; width:calc(100% + 84%); bottom:-7.5%; left:-40%;}
.shoot-to-win-how-to-work-sec .htw-right-arrow img, .shoot-to-win-how-to-work-sec .htw-left-arrow img{float:left; width:100%;}
.shoot-to-win-how-to-work-sec .htw-right-arrow{position:absolute; right:0; bottom:-34.5%;}
.shoot-to-win-how-to-work-sec .how-to-work-process-sec-three .htw-right-arrow{bottom:-39.5%;}
.shoot-to-win-how-to-work-sec .htw-left-arrow{position:absolute; bottom:-25%;}
.shoot-to-win-how-to-work-sec .htw-ball-icon img{float:left; width:100%;}
.shoot-to-win-how-to-work-sec .htw-ball-icon{position:absolute; left:-5%; top:15%;}
.shoot-to-win-how-to-work-sec .htw-ball-icon-mob{display:none;}
.shoot-to-win-how-to-work-sec .htw-five-icon img{float:left; width:100%;}
.shoot-to-win-how-to-work-sec .htw-five-icon{position:absolute; bottom:4.2%; filter:drop-shadow(24.687px 33.979px 21.5px rgba(0,0,0,0.32)); z-index:1;}
.shoot-to-win-how-to-work-sec .htw-player-icon{display:none;}
/* How to work CSS End */

/* Game Expectations CSS Start */
.shoot-to-win-game-expectation-sec{position:relative;}
.shoot-to-win-game-expectation-sec .expectation-player-icon img{float:left; width:100%}
.shoot-to-win-game-expectation-sec .expectation-player-icon{position:absolute; top:-43%; right:0;}
.shoot-to-win-game-expectation-sec .game-expectation-sec-outer{background:linear-gradient(rgb(254,227,89)2%, rgb(218,64,25)109%); margin-top:-9%; padding:13% 0 25%;}
.shoot-to-win-game-expectation-sec .game-expectation-card-outer{background:#00dfec; border-radius:0; padding:5px; filter:drop-shadow(0px 0px 3px #ffe25c); box-shadow:0px 0px 25px #ffe25c;}
.shoot-to-win-game-expectation-sec .game-expectation-card-body{background:var(--bg-body); box-shadow:none; border-radius:0; padding:0 20px 35px; position:relative;}
.shoot-to-win-game-expectation-sec .game-expectation-card-body::before{content:''; position:absolute; width:90%; height:21px; left:5%; top:-1px; background:#00dfec; clip-path:polygon(0 0, 100% 0, 96% 100%, 4% 100%);}
.shoot-to-win-game-expectation-sec .game-expect-card-fig{max-width:295px;}
.shoot-to-win-game-expectation-sec .game-expect-card-title{font-size:42px; text-transform:uppercase; color:#00a2ff; font-weight:900; font-family:var(--font-base1); margin-bottom:7px;}
.shoot-to-win-game-expectation-sec .game-expect-card-title .word-label{display:grid;}
.shoot-to-win-game-expectation-sec .game-expect-details-item{font-size:26px; letter-spacing:1px; padding:0; color:var(--clr-base); font-weight:500; font-family:var(--font-base); text-align:center;}
.shoot-to-win-game-expectation-sec .game-expect-details-item:before{display:none;}
.shoot-to-win-game-expectation-sec .game-expect-icon-block{top:-57px; margin-bottom:-37px;}
.shoot-to-win-game-expectation-sec .game-expectation-item{margin-top:5px;}
.shoot-to-win-game-expectation-sec .expectation-icon{display:none;}
/* Game Expectations CSS End */

/* Game Summary CSS Start */
.shoot-to-win-game-summary{background:var(--game-summary-bg) no-repeat center; background-size:100% 100%; position:relative; margin-top:-16%; z-index:1;}
.shoot-to-win-game-summary .game-summary-outer{float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-top:-6%;}
.shoot-to-win-game-summary .game-summary-inner{float:left; width:100%; position:relative; max-width:59%; padding-top:172px;}
.shoot-to-win-game-summary .game-summary-inner::before, .shoot-to-win-game-summary .game-summary-inner::after{content:''; position:absolute; background:url('../images/shoot-to-win/game-summary-flag.webp') no-repeat top; background-position:left top; top:0; left:-14px; z-index:-1; width:100%; height:100%;}
.shoot-to-win-game-summary .game-summary-inner::after{left:auto; right:-138px; background-position:right top;}
.shoot-to-win-game-summary .game-summary-inner-block{background:linear-gradient(rgb(0,82,206)0%, rgb(1,30,74)); float:left; width:100%; padding:50px 60px 0;}
.shoot-to-win-game-summary .game-summary-text{font-size:38px; letter-spacing:1px; text-transform:uppercase; color:var(--clr-action-alt); font-weight:700; font-family:var(--font-base); text-align:center;}
.shoot-to-win-game-summary .btn-bar .base-btn{max-width:53%; margin:40px 0 75px;}
.shoot-to-win-game-summary .game-summary-icon img{float:left; width:100%}
.shoot-to-win-game-summary .game-summary-icon{position:absolute; right:0; bottom:-21%; filter:drop-shadow(24.687px 33.979px 21.5px rgba(0,0,0,0.32));}
/* Game Summary CSS End */

/* FAQs CSS Start */
.shoot-to-win-faq-sec .faq-head-outer{padding-top:90px;}
.shoot-to-win-faq-sec .accordion-card{padding:0; border:none; background:#e3e3e3;}
.shoot-to-win-faq-sec .faq-sec-outer{background:none; padding:30px 0 85px;}
.shoot-to-win-faq-sec .accordion-head{padding:0;}
.shoot-to-win-faq-sec .accordion-head-outer{background:#113576; box-shadow:none; min-height:80px; border-radius:0; padding:0 10px 0 100px;}
.shoot-to-win-faq-sec .accordion-title{font-size:40px; letter-spacing:1px; color:var(--clr-action-alt); font-weight:900; font-family:var(--font-base1);}
.shoot-to-win-faq-sec .accordion-text{font-size:30px; color:var(--clr-base); font-weight:400; font-family:var(--font-base);}
.shoot-to-win-faq-sec .accordion-item{margin-bottom: 11px; position: relative;}
.shoot-to-win-faq-sec .faq-list.accordion{counter-reset:li;}
.shoot-to-win-faq-sec .accordion-item::before{content:'0' counter(li); counter-increment:li; z-index:2; position:absolute; pointer-events:none; font-size:42px; letter-spacing:1px; text-transform:uppercase; color:#113576; font-weight:bold; font-family:var(--font-action); left:0; top:0; width:80px; min-height:80px; margin:0; background-image:linear-gradient(180deg, #fde359 0%, #fde359 2%, #f38519 100%); display:inline-flex; align-items:center; justify-content:center;}
.shoot-to-win-faq-sec .accordion-cont-bar{min-height:90px; padding:5px 0px;}
.shoot-to-win-faq-sec .accordion-body{padding:0 40px 0 100px;}
.shoot-to-win-faq-sec .accordion-head-outer .accordion-icon .icon{text-shadow:none; color:var(--clr-action-alt); font-size:26px;}
.shoot-to-win-faq-sec .is-open .accordion-icon .icon{transform:inherit; width:auto;}
/* FAQs CSS End */

/* Footer Start */
.shoot-to-win-game .footer{background:#235ba6;}
.shoot-to-win-game .copyright-text{font-family:var(--font-mono); color:var(--clr-action-alt);}
/* Footer End */

/* **************** RESPONSIVE CSS START **************** */
@media(max-width:1680px){
  .shoot-to-win-game .sec-main-title{font-size:38px; padding-bottom:39px;}
  .shoot-to-win-game .game-logo-fig{max-width:28%;}
  .shoot-to-win-game .banner-icon-one{left:1%; top:54.5%; max-width:36%; }
  .shoot-to-win-game .video-block{max-width:40%;}
  .shoot-to-win-game .video-shadow{left:-8px; bottom:-25px;}
  .shoot-to-win-game .btn-bar .base-btn{margin:35px 0 65px;}
  .shoot-to-win-game .btn-text{font-size:40px;}

  .shoot-to-win-about-us-sec .about-head-bg{max-width:70%;}
  .shoot-to-win-about-us-sec .about-head-title{padding-bottom:40px;}
  .shoot-to-win-about-us-sec .about-us-text{max-width:810px; padding-top:7px; font-size:32px;}
  .shoot-to-win-about-us-sec .about-icon-one{max-width:75%;}

  .shoot-to-win-how-to-work-sec .htw-head-bg{max-width:57%;}
  .shoot-to-win-how-to-work-sec .htw-head-outer{padding-top:105px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-one{margin-top:50px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-two{margin-top:240px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-three{margin-top:165px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-four{margin-top:248px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five{margin-top:120px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-title{font-size:85px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:26px;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-one::before, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{height:57%; bottom:-17%;}
  .shoot-to-win-how-to-work-sec .htw-process-card-body{padding:39px 40px 50px 29px;}
  .shoot-to-win-how-to-work-sec .game-card-five .htw-process-card-body{max-width:63%;}
  .shoot-to-win-how-to-work-sec .body-left-space{padding:170px 12px 0 85px;}
  .shoot-to-win-how-to-work-sec .htw-right-arrow{max-width:16%; bottom:-32.5%;}
  .shoot-to-win-how-to-work-sec .htw-left-arrow{max-width:16%;}
  .shoot-to-win-how-to-work-sec .htw-ball-icon{max-width:65%;}
  .shoot-to-win-how-to-work-sec .htw-five-icon{max-width:15%;}

  .shoot-to-win-game-expectation-sec .game-expectation-sec-outer{margin-top:-10.5%;  padding:15.5% 0 25%;}
  .shoot-to-win-game-expectation-sec .expectation-head-bg{max-width:53%;}
  .shoot-to-win-game-expectation-sec .game-expect-card-fig{max-width:270px;}
  .shoot-to-win-game-expectation-sec .game-expect-icon-block{top:-33px; margin-bottom:-12px;}
  .shoot-to-win-game-expectation-sec .game-expect-card-title{font-size:36px;}
  .shoot-to-win-game-expectation-sec .game-expect-details-item{font-size:23px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-body{padding:0 15px 30px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-outer{box-shadow:0px 0px 17px #ffe25c;}
  .shoot-to-win-game-expectation-sec .expectation-player-icon{top:-38%; max-width:28%;}
  
  .shoot-to-win-game-summary{margin-top:-13%;}
  .shoot-to-win-game-summary .game-summary-outer{margin-top:-9%;}
  .shoot-to-win-game-summary .game-summary-text{font-size:31px;}
  .shoot-to-win-game-summary .game-summary-inner-block{padding:48px 40px 0;}
  .shoot-to-win-game-summary .game-summary-icon{max-width:14.3%;}
  .shoot-to-win-game-summary .game-summary-inner{padding-top:165px;}

  .shoot-to-win-faq-sec .faq-head-bg{max-width:43%;}
  .shoot-to-win-faq-sec .faq-head-outer{padding-top:85px;}
  .shoot-to-win-faq-sec .faq-sec-outer{padding:27px 0 80px;}
  .shoot-to-win-faq-sec .accordion-title{font-size:32px;}
  .shoot-to-win-faq-sec .accordion-item::before{font-size:34px; width:70px;}
  .shoot-to-win-faq-sec .accordion-text{font-size:25px;}
  .shoot-to-win-faq-sec .accordion-head-outer{padding:0 10px 0 85px;}
  .shoot-to-win-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:25px;}
  .shoot-to-win-faq-sec .accordion-cont-bar{min-height:84px;}
  .shoot-to-win-faq-sec .accordion-body{padding:0 40px 0 84px;}
  .shoot-to-win-faq-sec .accordion-item{margin-bottom:9px;}
}
@media(max-width:1280px){
  .shoot-to-win-game .game-logo-fig{max-width:27%;}
  .shoot-to-win-game .video-block{max-width:41%;}
  .shoot-to-win-game .sec-main-title{font-size:29px; padding-bottom:30px;}
  .shoot-to-win-game .video-shadow{bottom:-22px;}
  .shoot-to-win-game .btn-bar .base-btn{margin:27px 0 55px;}
  .shoot-to-win-game .btn-text{font-size:34px; -webkit-text-stroke-width:0.3vmin;}
  
  .shoot-to-win-about-us-sec .about-head-title{padding-bottom:30px;}
  .shoot-to-win-about-us-sec .about-head-bg{max-width:65%;}
  .shoot-to-win-about-us-sec .about-us-text{max-width:685px; padding-top:0; font-size:27px;}

  .shoot-to-win-how-to-work-sec .htw-head-bg{max-width:50%;}
  .shoot-to-win-how-to-work-sec .htw-head-outer{padding-top:75px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap{padding:0 50px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-title{font-size:63px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:20px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-one{margin-top:40px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-two{margin-top:185px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-three{margin-top:125px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-four{margin-top:190px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five{margin-top:90px;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-one::before, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{height:60%; bottom:-18%;}
  .shoot-to-win-how-to-work-sec .htw-right-arrow{max-width:15%; bottom:-33.5%;}
  .shoot-to-win-how-to-work-sec .htw-left-arrow{max-width:15%;}
  .shoot-to-win-how-to-work-sec .htw-process-card-body{padding:39px 30px 50px 8px;}
  .shoot-to-win-how-to-work-sec .body-left-space{padding:143px 0px 0 55px;}

  .shoot-to-win-game-expectation-sec .game-expect-card-fig{max-width:210px;}
  .shoot-to-win-game-expectation-sec .game-expect-card-title{font-size:30px;}
  .shoot-to-win-game-expectation-sec .game-expect-details-item{font-size:19px;}
  .shoot-to-win-game-expectation-sec .game-expect-icon-block{top:-21px; margin-bottom:-5px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-body{padding:0 15px 25px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-body::before{height:18px;}
  .shoot-to-win-game-expectation-sec .game-expectation-item{margin-top:0;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-outer{margin-top:65px;}
  .shoot-to-win-game-expectation-sec .game-expectation-sec-outer{padding:15.5% 0 30%;}
  .shoot-to-win-game-expectation-sec .expectation-player-icon{top:-35.5%;}

  .shoot-to-win-game-summary{margin-top:-16%;}
  .shoot-to-win-game-summary .game-summary-text{font-size:25px;}
  .shoot-to-win-game-summary .game-summary-inner{padding-top:160px;}
  .shoot-to-win-game-summary .game-summary-outer{margin-top:-10%;}
  .shoot-to-win-game-summary .game-summary-icon{bottom:-18%;}

  .shoot-to-win-faq-sec .faq-head-outer{padding-top:80px;}
  .shoot-to-win-faq-sec .faq-sec-outer{padding:23px 0 74px;}
  .shoot-to-win-faq-sec .faq-block{padding:0;}
  .shoot-to-win-faq-sec .accordion-title{font-size:28px;}
  .shoot-to-win-faq-sec .accordion-item::before{font-size:30px;}
  .shoot-to-win-faq-sec .accordion-text{font-size:22px;}
  .shoot-to-win-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:24px;}
  .shoot-to-win-faq-sec .accordion-body{padding:0 35px 0 84px;}
  .shoot-to-win-faq-sec .accordion-item{margin-bottom:8px;}
  .shoot-to-win-faq-sec .accordion-cont-bar{min-height:80px;}
}
@media(max-width:1023px){
  .shoot-to-win-game .video-block{max-width:45%;}
  .shoot-to-win-game .sec-main-title{font-size:21px; padding-bottom:25px;}
  .shoot-to-win-game .video-shadow{bottom:-16px;}
  .shoot-to-win-game .banner-icon-one{top:57.5%;}
  .shoot-to-win-game .btn-bar .base-btn{margin:25px 0 40px;}
  .shoot-to-win-game .btn-text{font-size:24px; -webkit-text-stroke-width:0.2vmin;}

  .shoot-to-win-about-us-sec .about-us-text{max-width:493px; font-size:19px;}

  .shoot-to-win-how-to-work-sec .htw-head-outer{padding-top:60px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap .col-left{max-width:50%;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap{padding:0 30px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-title{font-size:50px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{font-size:16px;}
  .shoot-to-win-how-to-work-sec .body-left-space{padding:143px 0px 0 50px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-one{margin-top:12px;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-one::before, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{bottom:-15%;}
  .shoot-to-win-how-to-work-sec .game-card-five .htw-process-card-body{max-width:70%; padding:0 0 15px;}
  .shoot-to-win-how-to-work-sec .htw-right-arrow{bottom:-28.5%;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-two{margin-top:135px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-three{margin-top:90px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-four{margin-top:157px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five{margin-top:70px;}

  .shoot-to-win-game-expectation-sec .game-expectation-item{max-width:calc((100% / 2) - 40px);}
  .shoot-to-win-game-expectation-sec .game-expect-card-fig{max-width:200px;}
  .shoot-to-win-game-expectation-sec .game-expect-icon-block{top:0px; margin-bottom:15px;}
  .shoot-to-win-game-expectation-sec .game-expect-card-title{font-size:27px;}
  .shoot-to-win-game-expectation-sec .game-expect-details-item{font-size:17px;}
  .shoot-to-win-game-expectation-sec .expectation-player-icon{top:-21.5%;}

  .shoot-to-win-game-summary .game-summary-inner{max-width:63%; padding-top:155px;}
  .shoot-to-win-game-summary .game-summary-text{font-size:19px;}
  .shoot-to-win-game-summary .game-summary-inner-block{padding:40px 40px 0;}
  .shoot-to-win-game-summary .game-summary-outer{margin-top:-13%;}
  .shoot-to-win-game-summary .game-summary-icon{bottom:-16%;}
  
  .shoot-to-win-faq-sec .faq-head-outer{padding-top:65px;}
  .shoot-to-win-faq-sec .faq-sec-outer{padding:15px 0 55px;}
  .shoot-to-win-faq-sec .accordion-title{font-size:24px;}
  .shoot-to-win-faq-sec .accordion-item::before{font-size:26px; width:60px; min-height:65px;}
  .shoot-to-win-faq-sec .accordion-head-outer{min-height:65px; padding:0 10px 0 73px;}
  .shoot-to-win-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:21px;}
  .shoot-to-win-faq-sec .accordion-text{font-size:20px;}
  .shoot-to-win-faq-sec .accordion-body{padding:0 30px 0 70px;}
  .shoot-to-win-faq-sec .accordion-cont-bar{min-height:76px;}
}
@media(max-width:767px){
  .shoot-to-win-game .game-logo-fig{max-width:65%;}
  .shoot-to-win-game .banner-sec{background:var(--banner-bg-mob) no-repeat top center; background-size:100% 85%; margin-top:-4%;}
  .shoot-to-win-game .banner-icon-one{display:none;}
  .shoot-to-win-game .video-block{max-width:95%;}
  .shoot-to-win-game .btn-bar .base-btn{max-width:60%; filter:drop-shadow(0 0 4.5px #ffdf00); margin:25px 0 35px;}
  .shoot-to-win-game .sec-main-title{font-size:18px; padding-bottom:20px;}
  
  .shoot-to-win-about-us-sec{background:var(--about-bg-mob) no-repeat top center; background-size:100% 100%; margin-top:-15%; padding-top:21.3%;}
  .shoot-to-win-about-us-sec .about-head-title{font-size:16px; padding-bottom:19px; letter-spacing:0;}
  .shoot-to-win-about-us-sec .about-head-bg{max-width:95%;}
  .shoot-to-win-about-us-sec .about-us-text{font-size:18px;}
  .shoot-to-win-about-us-sec .about-icon-one{display:none;}
  .shoot-to-win-about-us-sec .about-icon-one-mob{display:block; position:absolute; bottom:0; right:0;}
  .shoot-to-win-about-us-sec .about-icon-one-mob img{float:left; width:100%;}

  .shoot-to-win-how-to-work-sec .container{padding:0;}
  .shoot-to-win-how-to-work-sec .htw-head-bg{max-width:90%;}
  .shoot-to-win-how-to-work-sec .htw-head-outer{padding-top:40px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap .col-left{max-width:90%;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap{padding:0;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-one{margin:0;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-two{margin-top:60px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-three{margin-top:30px;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-four{margin-top:45px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-title{font-size:52px;}
  .shoot-to-win-how-to-work-sec .htw-process-card-body{padding:40px 20px; text-align:center;}
  .shoot-to-win-how-to-work-sec .game-card-five .htw-process-card-body{padding:40px 0 0; max-width:235px; text-align:center;}
  .shoot-to-win-how-to-work-sec .htw-process-card-list:not(.list-style-none) .htw-process-card-list-item{letter-spacing:0;}
  .shoot-to-win-how-to-work-sec .htw-process-card-list{margin-top:8px;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-one::before, .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{bottom:-1% !important; height:54%;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three::before{height:65% !important;}
  .shoot-to-win-how-to-work-sec .htw-right-arrow{bottom:-10.5%; max-width:28%;}
  .shoot-to-win-how-to-work-sec .htw-left-arrow{bottom:-6%; max-width:28%;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-three .htw-right-arrow{bottom:-9.5%;}
  .shoot-to-win-how-to-work-sec .how-to-work-process-sec-four .htw-left-arrow{bottom:0;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five{flex-direction:column;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five .col-left{max-width:95%;}
  .shoot-to-win-how-to-work-sec .htw-process-wrap-five{margin-top:80px;}
  .shoot-to-win-how-to-work-sec .htw-five-icon{max-width:37%; top:-5%; left:-10%; bottom:auto;}
  .shoot-to-win-how-to-work-sec .htw-ball-icon{display:none;}
  .shoot-to-win-how-to-work-sec .htw-ball-icon-mob{display:block; position:absolute; top:-28%; left:5%;}
  .shoot-to-win-how-to-work-sec .htw-player-icon{position:absolute; display:block; top:51.5%; right:-24%; z-index:2; max-width:50%;}

  .shoot-to-win-game-expectation-sec .expectation-head-bg{max-width:90%;}
  .shoot-to-win-game-expectation-sec .game-expectation-sec-outer{margin-top:-59%; padding:71.5% 0 380px;}
  .shoot-to-win-game-expectation-sec .game-expect-card-title{font-size:24px; line-height:1.1em;}
  .shoot-to-win-game-expectation-sec .game-expect-details-item{font-size:15px; letter-spacing:0;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-body{padding:0 10px 23px;}
  .shoot-to-win-game-expectation-sec .game-expect-card-fig{max-width:180px;}
  .shoot-to-win-game-expectation-sec .game-expect-icon-block{top:-14px; margin-bottom:-4px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-body::before{height:12px;}
  .shoot-to-win-game-expectation-sec .game-expectation-card-outer{margin-top:43px; box-shadow:0px 0px 12px #ffe25c;}
  .shoot-to-win-game-expectation-sec .owl-carousel .owl-dot span{background:rgba(0,252,255,0); border:2px solid #ffffff; width:14px; height:14px;}
  .shoot-to-win-game-expectation-sec .owl-carousel .owl-dot.active span{background:#9b0604; border:none;}
  .shoot-to-win-game-expectation-sec .owl-carousel .owl-dot{margin:7px 4px 0;}
  .shoot-to-win-game-expectation-sec .expectation-player-icon{display:none}
  .shoot-to-win-game-expectation-sec .expectation-icon img{float:left; width:100%;}
  .shoot-to-win-game-expectation-sec .expectation-icon{position:absolute; display:block; right:0; bottom:-45px; max-width:23%; filter:drop-shadow(24.687px 33.979px 21.5px rgba(0,0,0,0.32));}

  .shoot-to-win-game-summary{background:var(--game-summary-bg-mob) no-repeat center; background-size:100% 100%; margin-top:-360px;}
  .shoot-to-win-game-summary .game-summary-outer{margin-top:-6%;}
  .shoot-to-win-game-summary .game-summary-text{font-size:15px; letter-spacing:0px;}
  .shoot-to-win-game-summary .game-summary-inner-block{padding:30px 15px 0;}
  .shoot-to-win-game-summary .game-summary-inner::before, .shoot-to-win-game-summary .game-summary-inner::after{background:url('../images/shoot-to-win/game-summary-flag-mob.webp') no-repeat top; background-position:left top; top:0; left:-6px; width:100%; height:100%;}
  .shoot-to-win-game-summary .game-summary-inner::after{background-position:right top; left:auto; right:-55px;}
  .shoot-to-win-game-summary .game-summary-inner{max-width:90%; padding-top:70px;}
  .shoot-to-win-game-summary .btn-bar .base-btn{max-width:70%; margin:20px 0 27px;}
  .shoot-to-win-game-summary .game-summary-icon{display:none;}
  
  .shoot-to-win-faq-sec{position:relative;}
  .shoot-to-win-faq-sec .faq-head-bg{max-width:80%;}
  .shoot-to-win-faq-sec .faq-head-outer{padding-top:80px;}
  .shoot-to-win-faq-sec .faq-sec-outer{padding:5px 0 35px;}
  .shoot-to-win-faq-sec .accordion-title{font-size:18px;}
  .shoot-to-win-faq-sec .accordion-item::before{font-size:24px; min-height:80px; width:51px;}
  .shoot-to-win-faq-sec .accordion-head-outer{min-height:80px; padding:0 10px 0 63px;}
  .shoot-to-win-faq-sec .accordion-text{font-size:14px;}
  .shoot-to-win-faq-sec .accordion-body{padding:0 10px 0 53px;}
  .shoot-to-win-faq-sec .accordion-head-outer .accordion-icon .icon{font-size:18px;}
  .shoot-to-win-faq-sec .faq-head-title{font-size:21px;}
}
/* **************** RESPONSIVE CSS End **************** */
/* ***************************** // Shoot to Win Game CSS End // ***************************** */