@font-face {
  font-family: 'Unibet Pro';
  src: url('https://welcome.unibet.co.uk/uk/aff/casino/welcome-offer/youre-on/Unibet_Pro_2020.eot'); /* IE9+ Compat Modes */
  src: url('https://welcome.unibet.co.uk/uk/aff/casino/welcome-offer/youre-on/Unibet_Pro_2020.woff2') format('woff2'), /* Super modern browsers */
       url('https://welcome.unibet.co.uk/uk/aff/casino/welcome-offer/youre-on/Unibet_Pro_2020.woff') format('woff'), /* Modern browsers */
       url('https://welcome.unibet.co.uk/uk/aff/casino/welcome-offer/youre-on/Unibet_Pro_2020.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://welcome.unibet.co.uk/uk/aff/casino/welcome-offer/youre-on/Unibet_Pro_2020.svg') format('svg'); /* Legacy iOS */
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  	}

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  	}

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  	}

  80% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  	}

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  	}
}

.flip {
  	-webkit-backface-visibility: visible;
  	backface-visibility: visible;
  	-webkit-animation-name: flip;
  	animation-name: flip;
	}
::-moz-selection { /* Firefox */
  	color: #3eab37;
  	background: rgba(0,0,0,0.2);
	}
::selection {
  	color: #3eab37;
  	background: rgba(0,0,0,0.2);
	}
body {
    padding:0;
    margin:0;
    background-color: rgb(38, 38, 38);  
    font-family: 'Roboto', sans-serif;
    color: #fff;
	}

.youron {
    width: 100%;
    max-width: 30%;
}
.youron.yes, .youron.YES {
    display: block;
	}
.youron.no, .youron.NO {
    display: none;
	}

.black.yes, .black.YES {
    display: block;
	}
.black.no, .black.NO {
    display: none;
	}
.no h3.blacksub{
	display:none
}

/* FONTS / TEXT ------------------------------------ */
h3.blacksub{
	color: #3eab37;
    font-family: 'Unibet Pro';
    font-weight: 300;
    font-size: 2.8vw;
    line-height: 100%;
    margin: 2% 0% 0% 0%;
    display: inline-block;
}
.white {
	color:#111;
}
a:link {
	text-decoration: none;
	}
#text h2 { /* MAIN OFFER TEXT */
   	color:white;
    font-family: 'Unibet Pro';
    font-size:6.7vw;
    font-weight: normal;
    line-height:82%;
    margin:1% 0 2% 0;
	}
h1.roboto { /* ROBOTO STRAPLINE */
   	color: #111;
    font-family: 'Roboto';
    font-weight:500;
    font-size:1.3vw;
    line-height:100%;
    transform: skew(17deg);
    margin:0;
}
h1.roboto.white {
   	color: #fff;
}
.outline {
    width: auto;
    position: relative;
    transform: skew(-17deg);
    /*border:#3eab37 2px solid;*/
    background:#fff;
    padding:1.5% 2.5%;
    display:inline-block;
    margin-left:2%;
	}
.outline.white {
    background:#111;
	}
h1.green {
    color:white;
	}
.outline.green {
    background:#3eab37;
}
/*
h2.black { /* GREEN STRAPLINE *//*
   	color: #111;
    font-family: 'Unibet Pro';
    font-weight:300;
    font-size:1.8vw;
    line-height:100%;
    margin:0;
    padding: 0.7% 1.3%;
    background:#3eab37;
    display:inline-block;
	}
h2.black.green { /* BLACK STRAPLINE *//*
   	color: #3eab37;
    background:#111;
	}*/
h3 { /* SECONDARY OFFER LINE */
   	color:white;
    font-family: 'Unibet Pro';
    font-size:3.5vw;
    font-weight: normal;
    line-height:82%;
    margin:0;
	}
h6 { /* USP HEADING */
   	color: #111;
    font-size:1.3vw;
    margin:0;
    margin-bottom:2%;
    font-weight:500;
	}
p {
    margin:0;
    font-size:1.1vw;
	}
p a {
	color: white;
	}
a {
    margin:0;
	}

/* NAVBAR TOP ---------------------------------------- */
#topbar-spacing {
	height: 4.1vw;
    width: 100%;
  	}
#topbar {
    overflow: hidden;
    background-color: #147b45;/*#147b45*/
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 4.8vw;
    border-bottom: 1px solid #fff;
  	}
.ulogo {
    width: 8%;
    float: left;
    margin-left: 10%;
    position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}
.ulogo img {
    vertical-align: middle;
	}
#unibetlogo {
	vertical-align: middle;
	}
.nav-buttons {
    float: right;
   	width: 50%;
    margin-right: 10%;
    position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    font-weight:600;
	}
.nav-button {
  	border-radius: 3px;
  	padding: 1.7% 2.5%;
  	transition: all 0.5s;
    margin-left: 1.5%;
    font-size:0.95vw;
	}
.reg-button {
  	background-color: #ffe71e;
  	color: #333;
    float: right;
	}
.reg-button a {
  	color: #333;
	}
.reg-button:hover {
  	background-color: #ffeb4a;
	}
.login-button {
  	background-color: #299b59;
  	color: #fff;
    float: right;
	}
.login-button:hover {
  	background-color: #2db064;
	}
/* ADDITIONAL LOGO */
.additional-logo {
    width: 15%;
	position:absolute;
    top:6vw;
    right:2%;
	}
.additional-logo-mobile {
	display:none;
	}
.additional-logo img {
    width:100%;
	}
/* MAIN IMAGE ------------------------------------- */
#image {
    width: 100%;
    height: auto;
    background-image: url('../../gambling/image/1-background-black1.jpg');
    background-size: cover;
    background-position: bottom right;
    background-color: #111111;
    background-repeat: no-repeat;
	}
#container {
    width: 80%;
    margin: 0 auto;
    height: auto;
	}
#text {
    width: 45%;
    padding: 6% 0;
    position: relative;
    left: 0;
	}
/* BUTTON ---------------------------------------- */
.button {
  	border-radius: 4px;
  	background-color: #ffe71e;
  	color: #333;
  	text-align: center;
    font-family: 'Unibet Pro';
  	font-size: 2.2vw;
    font-weight: normal;
  	padding: 2.8% 7%;
  	transition: all 0.5s;
  	cursor: pointer;
    display:inline-block;
    margin: 0;
    margin-top:4%;
	}
.button span {
 	display: inline-block;
  	position: relative;
  	transition: 0.5s;
	}
.button:hover {
    background-color: #ffeb4a;
	}
.button span:after {
  	content: '\000BB';
  	position: absolute;
  	opacity: 0;
  	top: -5px;
 	right: -25px;
  	transition: 0.5s;
	}
.button:hover span {
  	padding-right: 30px;
	}
.button:hover span:after {
  	opacity: 1;
  	right: 0;
	}
/* BUTTON END */

#text p { /* Terms under button */
    width: 80%;
    font-size: 0.7vw;
    padding-top: 2%;
    line-height: 120%;
    cursor: pointer;
	}
#cta-terms img {
    width:4%;
    margin-bottom:-1%;
    margin-right:5px;
}
#cta-terms img.ps {
	width:5%;
}
#cta-terms img.white {
	filter:brightness(0);
	}
#text p i {
    padding: 2px 0 0 8px;
	}
/* ADDITIONAL AFF/PARTNER/UTV Logo ------------------ */
.additional-logo {
    width: 8%;
	position:absolute;
    top:6vw;
    right:2%;
	}
.additional-logo-mobile {
	display:none;
	}
.additional-logo img {
   width:100%;
	}

/* STEPS -------------------------------------------- */
#steps-container {
	background-color: rgba(26, 26, 26, 0.95);
    width: 100%;
	}
#steps-container-mobile {
	display:none;
	}
.steps-wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 1.8%;
    overflow:hidden;
    padding-left:6%;
	}
.steps {
    width: 33.3%;
    float:left;
	}
.steps-numbers {
    float:left;
    margin-top: -1px;
	}
.steps-numbers span { /* Steps numbers*/
    color:white;
    font-family: 'Unibet Pro';
    font-size:7.3vw;
    line-height:80%;
    font-weight: 100; 
    vertical-align: middle;
    text-align:center;
   -webkit-transition:  .40s ease-in-out;
   -moz-transition:  .40s ease-in-out;
   -ms-transition:  .40s ease-in-out;
   -o-transition:  .40s ease-in-out;
   	transition:  .40s ease-in-out;
  	-webkit-text-fill-color: rgba(26,26,26,0); /* Will override color (regardless of order) */
  	-webkit-text-stroke-width: 1.6px;
  	-webkit-text-stroke-color: #3eab37;
	}
.steps-content {
    width: 70%;
    float:left;
    margin: 0 4%;
    margin-top:1.3%;
	}
.steps-content h4 { /* Steps heading */
	font-size: 1.7vw;
    color:white;
    padding-bottom: 1%;
    font-weight: 900;
    margin:0;
	}
.steps-content p { /* Steps text */
    line-height: 130%;
    font-weight: 400;
    color:#fff;
	}

/* SECONDARY CONTENT ------------------------------------- */
#usp-container {
    width: 100%;
    background: #f1f1f1;
    padding:3.5% 0;
    color:#111;
	}
#usp-wrapper {
    width: 65%;
    margin: 0% auto;
    overflow:hidden;
	}
.usp {
    width: 33.3%;
    float:left;
    text-align:center;
    margin-bottom:3%;
	}
.usp-text{
	margin:3% auto 0 auto;
    width:85%;
	}
.usp-text p{
	opacity:0.8;
	}
.usp-image {
    margin:0 auto;
    width:22%;
	}
.usp:hover .usp-image{
  	-webkit-animation-name: flip;
  	animation-name: flip;
  	-webkit-transform-origin: center bottom;
  	transform-origin: center bottom;
	}
#usp-container .button {
  	font-size: 1.7vw;
  	padding: 1.5% 3%;
    margin: 0 auto;
    display:table;
	}

/* PARTNERS -------------------------------------------- */
#partners-container {
    width: 100%;
    height: auto;
    clear: both;
    border-bottom: 1px solid rgba(0,0,0,.176);
	}
.partners {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 3.5% 0;
	}
.partners h4{
    font-size: 2vw;
    color: white;
    text-align: center;
    letter-spacing: -1px;
    margin:0;
    padding:0;
    font-weight:400;
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    text-transform: none;
    display:inline-block;
	}
hr {
    width: 7%;
    text-align: center;
    margin: 0 auto;
    margin-top: 1%;
    margin-bottom: 1%;
    height: 3px;
    border: 0;
    border-top: 3px solid #147b45;
    padding: 0;
	}
#partners-container img {
    display: inline-block;
    padding: 0.7%;
    padding-bottom: 3%;
    vertical-align: middle;  
    height:5vw;
	}
.partners .button {
  	font-size: 1.1vw;
  	padding: 1.5% 3%;
    margin: 1% 0 0 0;
	}

/* TERMS -------------------------------------------- */
#terms {
	padding:1% 0;
	}
.terms-wrapper-dk {
	width:100%;
    background:#111;
    padding: 2% 0;
    display:none;
}
.terms-container,
.terms-container-dk {
    color:#bbb;
    border: solid 1px #3eab37;
    width:77%;
    margin:2% auto;
    padding:1.5%;
    font-size: 0.8vw; /* Terms Text */
    position:relative;
	}
.terms-container-dk {
    margin:0 auto;
	}
.collapse {
	font-family: 'Roboto', sans-serif;
    color: #3eab37;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    text-align: left;
    font-size: 1vw; /* Heading */
	}
.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    line-height:145%;
	}
.collapse-content.dk {
    max-height: initial;
	}
.collapse p {
    float:left;
	}
.expand-terms-icon {
	position:absolute;
    right:2.1vw;
    top:0.8vw;
    cursor:pointer;
    transition: all 0.2s;
	}
.noexpand-terms-icon {
	display:none;
}
.rotate-x {
	transform:rotate(45deg) scale(1.2);
    transition: all 0.2s;
	}
#expand-icon {
    font-weight: 100;
	font-size:2vw;
    color:#3eab37;
	}

/* FOOTER -------------------------------------------- */
#terms-container {
    width: 100%;
    height: auto;
    clear: both;
    border:none;
	}
.terms {
    width: 80%;
    margin: 0 auto;
    padding: 2% 0;
	}
.terms span {
    font-size: 1vw;
    color: #999999;
    font-weight: bold;
    text-align: left;
	}
.terms p {
    font-size: 0.9vw;
    color: #999999;
    text-align: left;
	}
#footer-container {
    width: 100%;
    height: auto;
    clear: both;
    border-top: 1px solid rgba(0,0,0,.176);
    overflow: hidden;
	}
#footer-box {
    width: 80%;
    margin: 0 auto;
    height: auto;
    /*position: relative;
    overflow: hidden;  */
  	height: 70px;
    display:flex;
    align-items:center;
    justify-content: space-between;
	}
.authority {
    /*float: left;
  	position: absolute;
  	top: 52%;
  	transform: translateY(-50%);*/
    width:50%;
	}
.authority img {
    height: 4vh;
    display: inline-block;
    max-width: 170px;
	}
.authority img.resp {
    height: 3vh;
    margin-left:2%;
    margin-right:2%;
	}
#footer-box span {
    font-size: 0.8vw;
    color: #6f6f6f;
    vertical-align:super;
	}
#payments-container {
    width: 100%;
    height: auto;
    clear: both;
    border-top: thin inset #888888;
	}
.payments {
    /*right:0;
    position: absolute;
  	top: 52%;
  	transform: translateY(-50%);*/
	}
.payments img {
    max-height: 40px;
    height: 28px;
    display: inline-block;
	}
/* FOOTER / ADDITIONAL --------------------------------*/
.fun-stops {
	/*max-width: 340px;*/
    width: 28%;
    margin-left: 10%;
    padding-bottom: 20px;
	}
footer p{
    font-size: 0.9vw;
    color: #6f6f6f;
    line-height: 150%;
    margin: 0;
	}
.footer-row {
    border-top:1px solid rgba(0,0,0,.176);
	}
body.en_au .info p {
    color: #ffe71e;
	}
/* Responsible gambling - Links --- */
.responsible-gaming-container {
	padding: 0% 10%;
    overflow:hidden;
    height: 70px;
    position: relative;
	}
.responsible-gaming-container img {
    padding-right: 0.5%;
    margin-right: 10px;
    height:1.3vw;
    display:inline;
	}
.responsible-gaming-container p {
    vertical-align: middle;
    line-height:125%;
	}
.info {
	float: left;   
    width:35%;
    position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
    }
.info p {
    font-size: 0.8vw;
    display:inline;
    vertical-align:super;
	}
.links {
	float: right; 
    width:65%;
    text-align: right;
    right: 10%;
    position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
    }
.links p a {
	font-weight: 700;
    color: #999;
    text-decoration:none;
	}
.links a:hover {
    text-decoration:underline;
	}
/* Legal  --- */
.links p,
.legal p{
    font-size: 0.9vw;
    color: #999;
	}
.legal {
	padding: 2% 10% 4% 10%;
	}
.legal a {
	color:#3aaa35 !important;
    text-decoration:none;
    font-weight: 500;
	}
.legal a:hover {
    text-decoration:underline;
	}
/* END OF FOOTER ***/
/* Return to top arrow */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background:#3eab37;
    width: 46px;
    height: 46px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow:  0 0 6px  rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 6px  rgba(0,0,0,0.3);
	}
#return-to-top i {
    color: #fff;
    margin:0 auto;
    display:table;
    position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
    background:#515151;
	}
#return-to-top:hover i {
    top: 20px;
	}

/* ----------------------------------------------- */
/* ----------------------------------------------- */
@media only screen and (max-width: 768px) and (orientation : landscape)/* ----------------------------------------------- */
{
.ulogo {
    width: 9%;
    margin-left: 7%;
	}
.nav-buttons {
    margin-right: 1%;
	}
.nav-button {
    font-size:1.4vw;
    padding:1.3% 2.5%;
    border-radius:1px;
	}
#container {
    width: 86%;
	}
.button {
    font-size: 2vw;
    border-radius:3px;
	}
#text p {
    font-size: 1vw;
    width:100%;
	}
#footer-box {
    height:30px;
    }
.payments {
	text-align:right;
    }
.payments img {
	width:70%;    
    }
.responsible-gaming-container {
    height:30px;
    }
.terms {
    width: 85%;
	}
.terms p {
    font-size: 1vw;
	}
.collapse {
    font-size: 1.2vw;
	}
}
/* ----------------------------------------------- */
/* ----------------------------------------------- */
@media only screen and (max-width: 768px) and (orientation : portrait) /* ----------------------------------------------- */
{
#text h2 {
    font-size: 12.5vw !important;
    margin:1% 0 0 0;
    line-height:85%;
	}
h3.blacksub{
   font-size: 5.5vw;
}
h1.roboto {
    font-size: 4vw;
	}/*
h2.black {
    font-size: 4.8vw;
    padding:1% 2% 0.4% 2%;
	}*/
h3 {
    font-size:6.5vw;
    line-height:82%;
    letter-spacing: 0px;
    margin-top:3%;
	}
h6 {
    font-size:4.5vw;
	}
p {
	font-size: 4.2vw;
    }
/* NAV TOPBAR --- */
#topbar {
	height:12vw; 
	}
#topbar-spacing {
    height: 7.5vw;
	}
.ulogo {
    width: 22%;
    margin-left: 1.5%;
	}
.nav-buttons {
    width: 70%;
    margin-right: 1.5%;
	}
.nav-button {
    padding: 4% 7%;
    margin-left: 2%;
    font-size:3vw;
	}
.button span:after {
    top: -2.5px;
    }
/* NAV TOPBAR END */
.additional-logo-mobile {
    width: 30%;
    margin: 0 auto;
    display:block;
    margin-top:8%;
    margin-bottom:-10%;
	}
.additional-logo-mobile img {
    width: 100%;
	}
#image {
    background-image: url('../../gambling/image/1-bg-mobile-black1.jpg');
    height:auto;
    background-size:100%;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:bottom;
	}
#image.green {
	background-color: #3eab36; 
	}
#image.white {
	background-color: #fff; 
	}
#container {
    text-align:center;
    margin-top:10%;
    width:85%;
	}
#text {
    width: 100%;
    padding:10% 0;
    padding-bottom: 70%;
	}
.button {
    font-size: 5vw;
    padding: 3.4% 8%;
    margin-top:5%;
	}
#text p {
    font-size: 2vw;
    padding-top: 3%;
    margin:0 auto;
    width:78%;
	}
.outline {
    padding: 2.4% 2.5% 2% 2.5%;
    }
#cta-terms img {
    width:5%;
    margin-right:3px;
    margin-bottom:-1.5%;
	}
#cta-terms img.ps {
	width:6%;
}
/* STEPS --- */ 
/*#steps-container { 
    display:none;
	}
#steps-container-mobile {
    display:block;
    background-color: rgb(38, 38, 38);
	}*/
.steps-wrapper {
    overflow:auto;
    padding: 4% 0;
	}
.steps {
	background-color: transparent;
    width: 100%;
    margin:6% 0;
	}
.steps-numbers {
    padding:0;
    margin: 0 auto;
	}
.steps-numbers span {
    font-size:18vw;
    padding: 5% 0 0 0;    
    color:rgba(38,38,38,1);
	}
/*.steps-numbers span:before {
    font-size:18vw;
	}*/
.first {
	margin-left:3.8%;
    }
.steps-content {
    width: 75%;
    margin-top:1.3%;
	}
.steps-content h4 {
	font-size: 5.2vw;
	}
.steps-content p {
    font-size: 4.2vw;	
	}
/* SECONDARY CONTENT --- */
#usp-container {
    padding:12% 0;
	}
#usp-wrapper {
    width: 80%;
	}
.usp {
    width: 100%;
    float:none;
    margin-bottom:10%;
	}
#usp-container .button {
    font-size: 5vw;
    padding: 4% 8%;
    margin: 1% auto;
	}
/* PARTNERS  --- */   
.partners {
    padding: 10% 0;
	}
.partners h4 {
    font-size: 5.6vw;
	}
#partners-container img {
    max-width: 40%;
	padding: 2% 3%;
    height:11vw;
    }
hr {
    width: 18%;
    margin-top: 3%;
    margin-bottom: 3%;
	}
.partners .button {
    font-size: 4vw;
    padding: 4% 10%;
    margin: 0 auto;
    margin-top: 5%;
	}
/* TERMS --- */
#terms {
    padding:4% 0;
	}
.terms-container, .terms-container-dk {
    width:82%;
    font-size: 2.9vw;
    padding:4%;
    margin: 4% auto;
	}
.collapse {
    font-size: 3vw;
	}
.expand-terms-icon {
    right:3vw;
    top:2.9vw;
	}
#expand-icon {
    font-size:5vw;
	}
/* FOOTER  --- */    
.terms {
    width: 90%;
	}
.terms span {
    font-size: 4vw;
	}
.terms p {
    font-size: 3vw;
	}
#footer-box {
    width: 90%;
    height:50px;
	}
#footer-box span {
    font-size: 2vw;
    display: block;
	}
/*.authority {
    padding: 15px 0;
    position:initial;
    top:0;
    transform:none;
	}*/
.authority img {
	height:2.5vh;
	}
.authority img.resp {
    height: 2vh;
	}
.payments {
    width: 65%;
    text-align:right;
    /*position:initial;
    top:0;
    transform:none;
    margin-bottom:2%;*/
	}
.payments img {
    max-height: 30px;
    height:auto;
	}
.fun-stops {
	width:60%;
    }
#return-to-top {
    bottom: 20px;
	}
/* FOOTER / ADDITIONAL ***************/
.fun-stops {
	max-width: 300px;
    margin-left: 5%;
	}
.responsible-gaming-container {
	padding: 3% 5%;
    height:auto;
	}
.responsible-gaming-container p {
	padding-bottom: 2%;
    padding-top: 2.5%;
	}
.responsible-gaming-container img {
	height: 24px;
	}
.links {
	float: left; 
    width:100%;
    text-align:left;
    position:initial;
    top:0;
    transform:none;
	}
.info {
	float: left;   
    width:100%;
    position:initial;
    top:0;
    transform:none;
	}
.info p {
    position:initial;
    top:0;
    transform:none;    
    font-size: 3vw;
    width:95%;
    margin-top:-1%;
	}
.footer-logos {
	display:none;
	}
.legal {
	padding: 5% 5% 12% 5%;
	}
.legal p {
    font-size: 3vw;
    }
.links p{
    font-size: 3vw;
	}
footer p {
    font-size: 3vw;
	}
 .youron.yes{
    margin:0 auto
   }
}

/* -------------------- margin settings --------------------------- */
.mt-3{
	margin-top:1%;
}
.mt-4{
	margin-top:10px;
}

/*Growthbook Test Element Styling. Will not be visible for default traffic. Test was a winner - will be rolled out with Growthbook for 90% of traffic in FEB 25. */

/* what-our-players-think START */
#what-our-players-think {
  height: auto;
  padding-top: 8px;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display:none; /*DO NOT TOUCH THIS ONE IN BF*/
  border-radius: 20px 20px 0px 0px;
  margin-top: -40px;
  border: 2px solid black;
  
}

#what-our-players-think h2 {
  font-family: 'Unibet Pro','Superstar';
  font-weight: 500;
  font-size: 32px;
  line-height: 32px;
  color: rgb(17, 17, 17);
  text-align: center;
  margin: 24px 24px 32px;
}

.sub-head {
color:black;
font-size: 14px;
padding: 0px 0px 15px 0px;

}
.players-statistics-container {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stat-box-wrapper {
  width: 80%;
  display: flex;
  justify-content: center;
  gap: 3%;
}

.players-statistics-row {
  width: 30%;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  
}

.stat-box {
  border-radius: 16px;
  background-image:url("../../gambling/image/percentageBgImg.jpeg");
  width: 280px;
  height: 250px;
  display: flex;
  flex-direction: row;
  align-items: cente;
  justify-content: center;
  background-size: cover; 
}


.stat-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.stat-heading {
  font-size: 140px;
  color: rgb(62,171,55);
  margin: 0;
  text-align: center;
  font-family: 'Superstar', 'Unibet Pro';
}

.stat-description {
  margin-top: 5%;
}

.stat-text {
  text-align: center;
  padding-top: 0px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  max-width: 200px;
  padding-bottom: 10px;

}

.cta-wrapper {
  margin-top: 16px;
  margin-bottom: 24px;
  text-align: center;
  justify-content: center;
  border: none;
  width: 100%;
}



.terms-cta {
    cursor: pointer;
    align-items: center;
    justify-content: center; 
    height: 40px; 
    background-color: #ffe71e;
    text-decoration: none;
    border: none;
    font-family: 'Superstar', 'Unibet Pro';
    font-size: 16px;
    color: black;
    border-radius: 2px;
    width: 10%;
    text-align: center;
    margin-left: 5px;
    z-index: 9999;
    position: relative;
    display: none; 
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(255, 231, 29, 0.5);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(255, 231, 29, 0.8);
  }
}

.cta-button {
  text-decoration: none;
  font-family: 'Superstar', 'Unibet Pro';
  border-radius: 5px;
  background-color: rgb(255,231,29);
  color: rgb(17, 17, 17);
  font-weight: 500;
  padding: 0;
  height: 40px;
  width: 350px;
  font-size: 22px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}


.cta-button:hover {
  background-color: rgb(240, 205, 14);
  border-color: rgb(240, 205, 14);
}


@media (max-width: 768px) and (orientation: portrait) {
  #what-our-players-think {
    padding-top: 5%;
    margin: 1;
    height: auto;
    margin-top:-70px;
    border: 2px solid black;
    
  }
   

  #what-our-players-think h2 {
    text-align: center;
    font-size: 24px;
    margin: 3px 5px 10px 0px;
  }

 .players-statistics-container {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  /* Wrapper for statistic boxes */
  .stat-box-wrapper {
    display: flex;
    flex-direction: column; /* Stack statistic boxes */
    align-items: center;
    width: 100%;
  }

  /* Rows for stacking statistics */
  .players-statistics-row {
    width: 100%; /* Ensure that each stat-box takes full width */
    margin-bottom: 16px;
  }

  /* Adjusting stat-box to use flexbox for layout */
  .stat-box {
    height: 100px;
    display: flex;
    width:80%;
    background-position: 0px center;
  }
    
.stat-content {
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: left;
  height: 100%; /* Ensure content fills the box */
  padding-left:5%;
  padding-right:5%;
  font-size:75px;
  
 
}
    
    
  /* Number and percentage on the left */
  .stat-number {
  height:auto;
  display: flex;
  align-items: center; /* Vertically center content */
  justify-content: flex-start; /* Align content to the left (if needed) */
  margin-top:-5%;     

  
    }

  .stat-heading {
    font-size: 80px;
    justify-content: left;
    line-height:auto;
    
}


  /* Text on the right */
  .stat-text {
    font-size: 12px;
    text-align: center;
    flex-grow: 1;
    padding-left: 20px;
  }
    
    .cta-wrapper {
  margin-top: 16px;
  margin-bottom: 24px;
  padding-left:2%;
 
}
  .cta-button {
  text-decoration: none;
  border-radius: 5px;
  background-color: rgb(255,231,29);
  color: rgb(17, 17, 17);
  font-weight: 500;
  padding: 0;
  height: 40px;
  width: 70%;
  font-size: 18px;
  display: inline-flex;
  text-align: center;
}
    
    
    
.terms-cta {
        margin-top: 10px;
        width: 95% !important;
        z-index: 9999 !important;
        position: relative;
        cursor: pointer;
    }
    
    
    

}

@media (min-width: 1900px) and (orientation: landscape) {

.stat-box-wrapper {
  width: 50%;
  display: flex;
  justify-content: center;
  gap: 3%;
}
.players-statistics-container {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}
/*Growthbook Test Element Styling END