/* Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* Main site */
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700|Ubuntu:300,400,500,700&display=swap");
  



body {
    font-family: 'Roboto Mono', monospace;
    font-size: 1.4rem;
    line-height: 1.42857143;
    color: #000;
    background-color: #2e2e2e;
    position: relative;
    text-align: center;
}

a { 
  text-decoration: none; 
  color:#888;
}
.clearfix{
  clear:both;
}

/* Header styles========================================================= */
#header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #11131d;
    border-bottom:5px solid #ff4516;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 7rem;
    width: 100%;
    padding: 0 15px;
    position: fixed;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    /* left: 0; */
    text-align: left;
    z-index:2;
  }
 h1 .logo{
   display:block;
 }
 .logo span{
   display:none;
 }
  h1 .logo img{
    vertical-align: bottom;
  }
#header nav .login a{
  color:#ff4516;
  cursor: pointer;
}
iframe{
  border:0;
}


/* Section start========================================================= */
.wrap {
  background-color: #fff;
  color: #444;
  line-height: 1.6;
  margin:0 auto;
}

.wrap .fluid{
  width:80vw;
  margin:auto;
  font-family: 'Ubuntu', sans-serif;
}

.wrap h2{
  font-size:3vw;
  padding-bottom:20px;
  font-weight:700;
}
.wrap h3{
  font-size:1.5vw;
}

section{
  width:100%;
  padding:5px 0;
  margin:0 auto;
}

.item-group{
  display:flex;

}

/*PRODUCT================*/
.section-product{
  margin:0 auto;
  padding:50px 0 80px 0;
  background-size: cover;
  background-color: #f8f8f8;
  /* position: relative; */
}
.section-product .title{
  position: relative;
}

.section-product .title:after{
  content:'';
  position: absolute;
  height:1px;
  width:100%;
  left:0;
  margin-top:20px;
  background-color: rgb(214, 214, 214);
}

.section-product h2{
  color:#4a2a75;
}

.section-product .subintro{
  font-size:16px;
  width:100%;
  margin:auto;
  font-weight: 100;
  color:#190f25;
}
.section-product .item-group{
  padding-top:50px;
  width:100%;
}
.section-product .item-group:last-child{
  padding-top:30px;
}
.section-product .set{
  margin:auto;
}

.section-product .items{
  position: relative;
  cursor: pointer;
  width:100%;
  height:320px;
  border-radius: 0 0 10px 10px;
  margin:auto;
  overflow: hidden;
}

.section-product .items .theme{
  overflow: hidden;
}
.section-product .items .theme img{
  width:25vw;
  vertical-align: middle; 
}

.section-product .items .main-object{
  position: absolute;
  top:0;
  right:0px;
  height:225px;
  overflow: hidden;
  transform: translateY(0px);
  transition: .3s;
}
.section-product .items .main-object img{
  vertical-align: middle;
  width:100%;
}
.section-product .items:hover .main-object {
  position: absolute;
  transform: translateX(-25px);
}

.section-product .items .sub-object {
  display:none;
  position: absolute;
  top:0;
  left:10px;
  height:225px;
  overflow: hidden;
  transform: translateY(0px);
  transition: .3s;
}
.section-product .items .sub-object img{
  vertical-align: middle;
  width:100%;
}

.section-product .items .txt{
  position: absolute;
  bottom:0px;
  background-color: #4a2a75;
  border-radius: 0 0 10px 10px;
  color:#fff;
  width:100%;
}
.section-product .items:hover .txt{
  background-color: #633a99;
  border-radius: 0 0 15px 15px;
  color:#fff;
}

.section-product .txt h3{
  font-size: 20px;
  color:#cea9ff;
  padding:5px 0;
}
.section-product .txt p{
  padding:0px 10px 20px;
}

/*=================================================*/

/*ADVANTAGE================*/
.section-advantage {
  background-size: cover;
  color: #fff;
  background-attachment: fixed;
  padding:50px 0 80px 0;
  position: relative;
}

.section-advantage .item-group{
  padding-top:100px;
}

 .section-advantage .title{
   width: 100%;
   position: relative;
 }
 
 .section-advantage .title:after{
   content:'';
   position: absolute;
   height:1px;
   width:100%;
   left:0;
   margin-top:20px;
   background-color: rgb(44, 44, 44);
 }
 .section-advantage h2{
   color:rgb(255, 69, 22);
   font-weight:700;
 }
 
 .section-advantage .subintro{
  font-size:16px;
  width:100%;
  margin:auto;
  font-weight: 100;
  color:#eee;
}
 
.section-advantage .items{
  display:flex;
  width:100%;
  flex-direction:row;
  text-align: left;
  padding:20px;
  cursor: pointer;
}
.section-advantage .items .txt{
  padding-left:20px;
}

.section-advantage .items h3{
  font-size: 20px;
  font-family: 'Ubuntu', sans-serif;
  font-weight:500;
  color:rgb(255, 69, 22);
}

 /*======================================================*/


 /*HOT GAMES================*/
.section-hotgames .fluid{
  width:100%;
  position: relative;
}

.section-hotgames{ 
  background: rgb(20, 20, 20);
  background: linear-gradient(0deg, rgba(121,255,22,1) 0%, rgb(255, 111, 75) 24%, rgba(0,0,0,1) 100%);
 }
 
 .section-hotgames .title{
   width: 40%;
   margin:auto;
   top:30%;
   left:30%;
   background-color: rgba(20, 20, 20, 0.9);
   position: absolute;
   z-index: 1;
 }
 
 .section-hotgames .title:after{
   content:'';
   position: absolute;
   height:1px;
   width:100%;
   left:0;
   margin-top:20px;
   background-color:transparent;
 }
 .section-hotgames h2{
   color:#ff4516;
   font-weight:700;
   padding-bottom:10px;
 }
 
 .section-hotgames .subintro{
   font-size:16px;
   width:80%;
   margin:auto;
   font-weight: 100;
   color:#eee;;
   padding-bottom:30px;
 }
 
 .section-hotgames .item-group{
   width:100%;
   padding:0;
 }

 .section-hotgames .item-group:last-child{
   padding:0;
 }
 
 .section-hotgames .items{
   display:flex;
   flex-direction:row;
   text-align: left;
   cursor: pointer;
   position: relative;
   transform: translateY(0px);
   transition: .3s;
 }


 .section-hotgames .visual img{
   width:100%;
   vertical-align: bottom;
 }

 .section-hotgames .items h3{
   font-size: 20px;
   font-family: 'Ubuntu', sans-serif;
   font-weight:500;
   color:rgb(255, 69, 22);
 }

 .section-hotgames .items h4{
  font-size: 20px;
  padding-bottom:10px;
 }
 .section-hotgames .items P{
   width:80%;
   padding-bottom:20px;
 }

 .section-hotgames .visual  {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #000;
}

.section-hotgames .items  img {
  opacity: 0.8;
  width: 100%;
  height: auto;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.section-hotgames .items:hover  img {
  opacity: 1;
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}


.section-hotgames .items .txt{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  padding:15px;
  box-sizing: border-box;
  text-align: center;
  color:#fff;
  background-color: rgba(0,0,0, .8);
  display:flex;
  opacity: 0;
  transition: .6s;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-hotgames .items:hover .txt{
  opacity: 1;
}

.section-hotgames .items .agent{
 padding:10px;
}
.section-hotgames .items .agent img{
  width:60%;
}

.section-hotgames .playnow {
	box-sizing: border-box;
	display:block;
	width:80px;
	height:80px;
	padding-top: 14px;
	padding-left: 8px;
	line-height: 20px;
	border: 6px solid #fff;
	border-radius: 50%;
	color:#f5f5f5;
	text-align:center;
	text-decoration:none;
	background-color: rgba(0,0,0,0.5);
	font-size:20px;
	font-weight:bold;
	transition: all 0.3s ease;
}
.section-hotgames .playnow:hover {
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px rgba(255,255,100,1);
	text-shadow: 0px 0px 10px rgba(255,255,100,1);
}
 /*======================================================*/

/*MOBILE================*/

.section-mobile{
   padding:50px 0;
   background-color: rgb(206, 206, 206);
   position: relative;
 }
 .section-mobile .title{
   width: 100%;
   position: relative;
 }
 .section-mobile .title:after{
   content:'';
   position: absolute;
   height:1px;
   width:100%;
   left:0;
   margin-top:20px;
   background-color: rgb(167, 167, 167);
 }
 .section-mobile h2{
   color:#ff4516;
   font-weight:700;
 }
 
 .section-mobile .subintro{
   font-size:16px;
   width:100%;
   margin:auto;
   font-weight: 100;
   color:rgb(34, 34, 34);
 }
 
 .section-mobile .item-group{
  padding-top:40px;
}
 .section-mobile .items{
   display:flex;
 }
 .section-mobile .items .visual{
   width:50%;
   margin-top: 50px;
   text-align: center;
   position: relative;
 }
 .section-mobile .items .visual img{
  width:70%;
  vertical-align: bottom;
}
.section-mobile .btn-qrcode{
  width:40%;
  position: absolute;
  bottom:90px;
  right:30px;
}
.section-mobile .btn-qrcode img{
  box-shadow: 5px 4px 8px #868686;
}
.section-mobile .downloadapp{
  opacity: 0;
  position: absolute;
  bottom:-20px;;
  right:60px;
  font-size:20px;
  padding:0 15px;
  border-radius: 50px;
  background-color:#ff4516;
  color:#fff;
}

/*Setting Mobile and QRcode Hover Animation*/
.section-mobile .items .visual:hover .mobilepic img{
  transform: translateX(0px);
  transition: .5s;
}
.section-mobile .items .visual .mobilepic img{
  transform: translateX(20px);
}
.section-mobile .items .visual:hover .btn-qrcode img{
  transform: translateY(0px);
  transition: .5s;
}
.section-mobile .items .visual .btn-qrcode img{
  transform: translateY(30px);
}

.section-mobile .txt {
  margin-top:70px;
  width:45%;
}


 .section-mobile .steps-box {
  margin-top: 30px;
}

.section-mobile .steps-box:first-child {
  text-align: right;
  padding-right: 3%;
}

.section-mobile .steps-box:last-child {
  text-align: left;
  padding-left: 3%;
  margin-top: 70px;
}

/*Setps Cricles*/
.section-mobile .works-step {
  margin-bottom: 50px;
}

.section-mobile .works-step:last-of-type {
  margin-bottom: 80px;
}

.section-mobile .works-step .step-num{
  color: #ffffff;
  font-size: 160%;
  height: 54px;
  width: 54px;
  border: 2px solid #f0f0f0;
  background-color: rgb(139, 139, 139);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 25px;
  float: left;
  padding: 5px;
}
.section-mobile .works-step p,
.section-mobile .works-step h4{
  text-align:left;
}

.section-mobile .works-step h4{
  font-size:160%;
}
.section-mobile .btn-app:link,
.section-mobile .btn-app:visited {
  border: 0;
}

.section-mobile .btn-app img,
.section-mobile .btn-qrcode img {
  height: 50px;
  width: auto;
  margin-right: 10px;
}

.section-mobile .btn-qrcode img {
  height: 30%;
  width: auto;
  margin-right: 10px;
}
/*======================================================*/


/*ABOUT US================*/
.section-aboutus{
   padding:30px 0;
   background-color: rgb(243, 241, 241);
   position: relative;
 }
 
 .section-aboutus .title{
   width: 100%;
   position: relative;
 }
 
 .section-aboutus .title:after{
   content:'';
   position: absolute;
   height:1px;
   width:100%;
   left:0;
   margin-top:20px;
   background-color: rgb(214, 214, 214);
 }
 .section-aboutus h2{
   color:#ff4516;
   font-weight:700;
 }
 
 .section-aboutus .subintro{
   font-size:16px;
   width:100%;
   margin:auto;
   font-weight: 100;
   color:rgb(34, 34, 34);
 }
 
 .section-aboutus .item-group{
  padding-top:50px;
}
 .section-aboutus .item-group:last-child{
   padding-top:20px;
 }
 
 .section-aboutus .items{
   display:flex;
   width:100%;
   flex-direction:row;
   text-align: left;
   padding:20px;
   cursor: pointer;
   border-bottom:3px solid transparent;
   transform: translateY(0px);
   transition: .3s;
 
 }
 .section-aboutus .items:hover{
   background-color: rgb(236, 236, 236);
   border-bottom:3px solid #ff4516;
   transform: translateY(-10px);
   box-shadow: 5px 4px 8px #c2c2c2;
 }

 .section-aboutus .items .txt{
   padding-left:20px;
 }
 
 .section-aboutus .items h3{
   font-size: 20px;
   font-family: 'Ubuntu', sans-serif;
   font-weight:500;
   color:rgb(255, 69, 22);
 }

 .section-aboutus .items h4{
   padding-bottom:10px;
 }

 .section-aboutus .visual{
   position: relative;
 }

 .section-aboutus .items .hi{
   position: absolute;
   width:3vw;
   top:-20px;
   right:-10px;
   opacity: 0;
   transition: .3s;
 }
 .section-aboutus .items:hover .hi{
  display: block;
  opacity: 1;
}
 .section-aboutus .items img{
  width:10vw;
 }
 /*======================================================*/

 /*CONTACT US================*/
.section-contactus{
   padding:30px 0;
   background-size: cover;
   color: #fff;
   background-attachment: fixed;
   padding:50px 0 80px 0;
   position: relative;
 }
 
 .section-contactus .title{
   width: 100%;
   position: relative;
 }
 
 .section-contactus .title:after{
   content:'';
   position: absolute;
   height:1px;
   width:100%;
   left:0;
   margin-top:20px;
   background-color: rgb(214, 214, 214);
 }
 .section-contactus h2{
   color:#79ff16;
   font-weight:700;
 }

 .section-contactus .subintro{
   font-size:16px;
   width:100%;
   margin:auto;
   font-weight: 100;
   color:rgb(226, 226, 226);
 }

 .section-contactus .item-group{
   margin-top:50px;
 }
 /* ----------------------------------------------- */
/* FORM */
/* ----------------------------------------------- */


.contact-form{
  width: 60%;
  margin: 0px auto;
}
.contact-form .items{
  margin-top:20px;
}
.contact-form .form-title{
  text-align: left;
  color:rgb(223, 223, 223);
}

.contact-form .form-btn{
  text-align: center;
  background-color: rgb(247, 98, 52);
  color:#fff;
  border-radius: 20px;;
}
.contact-form .form-btn:hover{
  background-color: #4aa30a;
  transition: all 0.6s;
}

.contact-form .send{
/*   width:40%; */
  margin:auto;
}

  textarea[placeholder]{
    font-size: 25px;
    padding-left:5px;
 }
 input[type=checkbox] {
   width:20px;
  margin: 10px 5px 10px 0;
}
.form-title span{
  margin-left:10px;
}

*:focus {outline: none;}

label{
  font-size:120%;
  text-align: left;
}
 /*for ios*/
/* select, option {
  -webkit-appearance: none;
}
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.select-wrapper:after {
    content: '▼';
    color: #757575;
    right: 14px;
    top: 10px;
    height: 26px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
} */

input,
select,
option,
textarea,
button {
    width: 100%;
    font-size: x-large;
    text-align: left;
    color: #757575;
    margin: 1vh;
    padding: 1vh;
}

input,
select,
option,
button,
textarea {
    background-color: #333;
    border-radius: 1vh;
    border-color: transparent;
}
select {
  padding-right: 24px;
}

.contact-form .form-btn{
  -webkit-appearance: none;/*to remove ios default style*/
  -moz-appearance: none; 
  appearance: none;
  text-align: center;
  background-color: rgb(247, 98, 52);
  color:#fff;
  border-radius: 20px;;
}
.contact-form .form-btn:hover{
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none;
  background-color: #4aa30a;
  transition: all 0.6s;
}

.contact-form .send{
/*   width:40%; */
  margin:auto;
}

/*FOOTER===================*/
footer{
  background-color: rgb(17, 17, 17);
  position: relative;
  border-top:1px solid rgb(80, 80, 80);
}

footer .items {
  margin:0 auto;
  width: 33vw;
  display:flex;
  flex-direction: column;
  text-align: left;
  padding-right:2vw;
}

footer .items h4{
  font-size: 16px;
  font-weight: bold;
  color:rgb(170, 170, 170);
  padding-bottom:20px;
}


footer .fluid {
  margin: 0 auto;
  padding:30px 0;
}

footer .fluid p{
  margin-bottom: 20px;
  color:rgb(170, 170, 170);
}
footer .logo {
  opacity: .7;
}

footer .items .license li{
  float: left;
  padding-right:10px;
}

footer .items .partners li,
footer .items .payments li{
  float:left;
  padding:10px 10px 10px 0;
  }
footer .items img{
  vertical-align: bottom;
}
footer .copyright{
  background-color: rgb(0, 0, 0);
}

.livechat{
  position: fixed;
  bottom:0;
  right:0;
  width:60px;
  height:60px;
}


/* ----------------------------------------------- */


/*fancybox layout styling=====================================================*/
.hidebox{
  display: none;
}
.loginblock{
  width:40%; 
  margin-top:10px;    
  border-bottom: 10px solid rgb(247, 98, 52);
  border-radius: 15px;
  background-color: rgb(59, 59, 59);
}
.loginblock h3{
  font-size:200%; 
  color:#fff;
  padding:20px;
  text-align: center;
}

.loginblock h3 i{
padding-right:10px;
}

.loginblock .item-group{
  width:100%;
  padding:20px;
  border-top:1px solid rgb(59, 59, 59);
  display:flex;
  justify-content: center;
  align-items: center; 
}
.loginblock .form-btn {
  text-align: center;
}

.loginblock .form-btn a,
.loginblock.form-btn button {
  color: #fff;
  padding: 10px 30px;
  border-radius: 20px;
  background-color: #ff4516;
  display: inline-block;
}

.loginblock .form-btn a:hover{
  color:#fff;
  background-color: #4aa30a;
  transition: all 0.3s;
}

/*userprofile*/
.userblock{
  width:40%; 
  margin-top:10px;    
  border-bottom: 10px solid rgb(247, 98, 52);
  border-radius: 15px;
  background-color: rgb(59, 59, 59);
}
.userblock h3{
  font-size:200%; 
  color:#fff;
  padding:20px;
  text-align: center;
}
.userblock i{
padding-right:10px;
}
.userblock .item-group{
  width:100%;
  padding:20px 5px;
  margin:auto;
  border-top:1px solid rgb(59, 59, 59);
  display:flex;
  justify-content: center;
  align-items: center; 
}

.userblock .items{
  padding-right:30px;
}

.userblock .items .user img{
  vertical-align: bottom;
  height:150px;
  width:150px;
  border-radius: 50%;
  border:5px solid rgb(129, 129, 129);
  justify-content: center;
}
.userblock .title{
  font-size:120%;
  color:rgb(189, 189, 189);
}
.userblock .title span{
 padding-left:10px;
  color:rgb(253, 253, 253);
} 

.userblock .items .played{
  display:flex;
  justify-content: center;
  align-items: center; 
}

.userblock .items h4{
  color:#fff;
  padding-bottom:20px;
}
/* .userblock .items .played{
  width:300px;
} */
.userblock .items .played img{
  vertical-align:bottom;
  border:1px solid  rgb(129, 129, 129);
}
.userblock .items .played li{
  padding:2px;
}
.userblock .items .played P{
  text-align: center;
  color:rgb(189, 189, 189);
}

.userblock .items .played li:hover{
  background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px rgb(61, 61, 61);
 /*  text-shadow: 0px 0px 10px rgba(255,255,100,1); */
  cursor: pointer;
}

.userblock .logout{
  font-size: 150%;
}
.userblock .logout a:hover{
  color:rgb(247, 98, 52);
}


/*.section-hotgames .playnow:hover {
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px rgba(255,255,100,1);
	text-shadow: 0px 0px 10px rgba(255,255,100,1);
}

.section-hotgames .playnow {
	box-sizing: border-box;
	display:block;
	width:80px;
	height:80px;
	padding-top: 14px;
	padding-left: 8px;
	line-height: 20px;
	border: 6px solid #fff;
	border-radius: 50%;
	color:#f5f5f5;
	text-align:center;
	text-decoration:none;
	background-color: rgba(0,0,0,0.5);
	font-size:20px;
	font-weight:bold;
	transition: all 0.3s ease;
}
*/

strong {
  font-weight: 700; 
  color: inherit;   
}

/* === FINAL STABLE FIX for ABOUT US overflow (clean and safe) === */
#aboutus,
.section-aboutus {
  overflow-x: hidden;
  width: 100%;
}

#aboutus .container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

#aboutus * {
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: break-word;
}

#aboutus [style*="display:flex"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 40px !important;
}

#aboutus [style*="flex:1 1 46%"] {
  flex: 1 1 48% !important;
  min-width: 300px;
}

#aboutus img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* === MOBILE === */
@media (max-width: 768px) {
  #aboutus .container {
    padding: 0 18px;
  }

  #aboutus [style*="flex:1"] {
    flex: 1 1 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #aboutus [style*="display:flex"] {
    flex-direction: column !important;
    gap: 30px !important;
  }

  #aboutus h2 {
    font-size: 1.9rem;
    line-height: 1.3;
  }

  #aboutus h3 {
    font-size: 1.3rem;
    line-height: 1.4;
  }

  #aboutus p {
    font-size: 1rem;
    line-height: 1.7;
  }
}

/* === FINAL FIX: remove inline overflow inside ABOUT US === */
#aboutus * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#aboutus .container {
  width: 100% !important;
  max-width: 100vw !important;
  padding: 0 16px !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
}

#aboutus strong,
#aboutus b,
#aboutus span,
#aboutus a {
  white-space: normal !important;
  word-break: break-word !important;
  display: inline !important;
  max-width: 100% !important;
}

#aboutus [style*="flex:"] {
  min-width: 0 !important;
  flex-shrink: 1 !important;
  overflow: hidden !important;
}

@media (max-width: 768px) {
  #aboutus {
    overflow-x: hidden !important;
  }
  #aboutus .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  #aboutus div[style*="display:flex"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}


/* --- GAMES SECTION STYLE --- */
#games {
  font-family: 'Poppins', sans-serif;
}

#games .game-card {
  flex: 1 1 calc(50% - 45px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  padding: 50px;
  min-width: 350px;
  text-align: left;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#games .game-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 35px rgba(0,0,0,0.1);
}

#games .game-card h3 {
  color: #ff6600;
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 20px;
}

#games .game-card p {
  font-size: 1.25rem;
  line-height: 2;
  color: #333;
  margin-bottom: 18px;
}

#games .game-card .tag {
  position: absolute;
  top: 18px;
  right: -30px;
  background: linear-gradient(90deg,#ff4500,#ff9900);
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 8px 45px;
  transform: rotate(45deg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.games-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45px;
}

@media (max-width: 992px) {
  .games-grid {
    flex-direction: column;
    align-items: stretch;
  }
  #games .game-card {
    flex: 1 1 100%;
    padding: 40px;
  }
  #games .game-card h3 {
    font-size: 1.6rem;
  }
  #games .game-card p {
    font-size: 1.15rem;
  }
  #games .game-card .tag {
    right: -25px;
    font-size: 0.85rem;
  }
}
.providers-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 35px;
  margin-top: 60px;
  margin-bottom: 80px; 
  padding: 40px 0;
  background: #fafafa;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  transition: 0.3s ease;
}

.providers-logos img {
  height: 55px;
  opacity: 0.9;
  transition: all 0.35s ease;
  filter: drop-shadow(0 0 0 rgba(255,255,255,0));
  cursor: pointer;
}

.providers-logos img:hover {
  transform: scale(1.12);
  opacity: 1;
  filter: drop-shadow(0 0 10px rgba(255, 200, 0, 0.5));
}

@media (max-width: 768px) {
  .providers-logos {
    gap: 25px;
    padding: 30px 10px;
  }
  .providers-logos img {
    height: 45px;
  }
}
/* CTA BUTTON */
.cta-button {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px; 
}

.cta-button a {
  display: inline-block;
  background: linear-gradient(90deg,#ffca00,#ffde63);
  color: #000;
  font-weight: 800;
  padding: 18px 60px;
  border-radius: 60px;
  text-decoration: none;
  font-size: 1.3rem;
  box-shadow: 0 0 25px rgba(255,215,0,0.5);
  transition: 0.3s;
}

.cta-button a:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 35px rgba(255,215,0,0.7);
}

@media (max-width: 768px) {
  .providers-logos {
    gap: 25px;
    padding: 30px 10px;
    margin-bottom: 60px;
  }
  .providers-logos img {
    height: 45px;
  }
}



#games,
#games .games-grid {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#games * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#games .games-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 40px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#games .game-card {
  flex: 1 1 48% !important; 
  min-width: 300px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  position: relative;
}

#games .game-card * {
  white-space: normal !important;
  overflow: visible !important;
  text-align: left !important;
  line-height: 1.8 !important;
}

#games strong,
#games span,
#games a {
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
}

@media (max-width: 992px) {
  #games .games-grid {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #games .game-card {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 32px !important;
  }
}

/* === FIX: Mobile button layout for Welcome Bonus banner === */


@media (max-width:992px) {
  #welcome-bonus {
    flex-direction:column;
    text-align:center;
    padding:50px 30px;
  }
  #welcome-bonus h2 {
    font-size:2.3rem;
  }
  #welcome-bonus p {
    font-size:1.3rem;
  }
  #welcome-bonus a {
    padding:14px 50px;
  }
}

@media (max-width: 768px) {
  #welcome-bonus {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 30px !important;
    padding: 45px 25px !important;
  }

  #welcome-bonus div[style*="flex:1"] {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  #welcome-bonus a {
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 16px 70px !important;
    font-size: 1.3rem !important;
    line-height: 1 !important;
    border-radius: 50px !important;
    text-align: center !important;
    margin-top: 15px !important;
    transform: none !important;
  }

  #welcome-bonus img {
    max-width: 90% !important;
    height: auto !important;
  }
}


/* =========================================================
   PREMIUM FIXED HEADER — ORANGE & LIME CASINO STYLE
   ========================================================= */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 86px;
  z-index: 9999;
  background:
    linear-gradient(180deg, rgba(12, 14, 22, 0.98), rgba(8, 9, 14, 0.95)),
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 34%),
    radial-gradient(circle at top right, rgba(121, 255, 22, 0.1), transparent 32%);
  border-bottom: 6px solid #ff4516;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.5),
    0 1px 0 rgba(121, 255, 22, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.header-inner {
  width: min(1440px, calc(100% - 48px));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.logo {
  margin: 0;
  flex: 0 0 auto;
}

.site-header .logo {
  display: flex;
  height: 54px;
  align-items: center;
  overflow: hidden;
}

.logo span {
  display: none;
}

.logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.logo img {
  display: block;
  max-height: 54px;
  width: auto;
  filter:
    drop-shadow(0 4px 14px rgba(0, 0, 0, 0.45))
    drop-shadow(0 0 12px rgba(121, 255, 22, 0.08));
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.main-navigation {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.main-navigation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation li {
  margin: 0;
  padding: 0;
}

.main-navigation a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 13px 13px;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  transition:
    color 0.25s ease,
    text-shadow 0.25s ease,
    transform 0.25s ease;
}

.main-navigation a::before {
  content: "";
  position: absolute;
  inset: 6px 5px;
  border-radius: 999px;
  background: rgba(121, 255, 22, 0.055);
  opacity: 0;
  transform: scale(0.92);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
  z-index: -1;
}

.main-navigation a::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 5px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #79ff16, transparent);
  opacity: 0;
  transform: scaleX(0.3);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.main-navigation a:hover,
.main-navigation a.active {
  color: #79ff16;
  text-shadow: 0 0 14px rgba(121, 255, 22, 0.45);
  transform: translateY(-1px);
}

.main-navigation a:hover::before,
.main-navigation a.active::before {
  opacity: 1;
  transform: scale(1);
}

.main-navigation a:hover::after,
.main-navigation a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

/* =========================================================
   PREMIUM CTA BUTTON
   ========================================================= */

.btn-play-now {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 142px;
  min-height: 46px;
  padding: 13px 28px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 10px 26px rgba(255, 69, 22, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.36);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.btn-play-now:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 16px 36px rgba(255, 69, 22, 0.48),
    0 0 28px rgba(255, 69, 22, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.btn-play-now:focus {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255, 69, 22, 0.28),
    0 16px 36px rgba(255, 69, 22, 0.44);
}
/* =========================================================
   FIXED HEADER PAGE OFFSET
   ========================================================= */

body {
  padding-top: 86px;
}

/* =========================================================
   MOBILE HEADER — LOGO + PLAY NOW ONLY
   ========================================================= */

@media (max-width: 768px) {
  .site-header {
    height: 72px;
    border-bottom-width: 5px;
    background:
      linear-gradient(180deg, rgba(12, 14, 22, 0.99), rgba(8, 9, 14, 0.97)),
      radial-gradient(circle at top left, rgba(255, 69, 22, 0.14), transparent 40%),
      radial-gradient(circle at top right, rgba(121, 255, 22, 0.1), transparent 36%);
  }

  .header-inner {
    width: calc(100% - 28px);
    gap: 14px;
  }

  .main-navigation {
    display: none;
  }

  .logo img {
    max-height: 44px;
  }

  .btn-play-now {
    min-width: auto;
    min-height: 42px;
    padding: 11px 18px;
    font-size: 12px;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }

  body {
    padding-top: 72px;
  }
}

@media (max-width: 380px) {
  .header-inner {
    width: calc(100% - 22px);
    gap: 10px;
  }

  .logo img {
    max-height: 38px;
  }

  .btn-play-now {
    min-height: 38px;
    padding: 10px 14px;
    font-size: 11px;
  }
}

/* =========================================================
   HERO BANNER — ORANGE & LIME PREMIUM CASINO STYLE
   Left side dark, right side almost clear
   ========================================================= */

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: #05060a;
}

/* HERO BANNER */
.hero-banner {
  position: relative;
  min-height: calc(100vh - 86px);
  overflow: hidden;
  display: flex;
  align-items: center;
  background:
    linear-gradient(
      90deg,
      rgba(3, 5, 10, 0.92) 0%,
      rgba(3, 5, 10, 0.86) 28%,
      rgba(3, 5, 10, 0.58) 48%,
      rgba(3, 5, 10, 0.18) 72%,
      rgba(3, 5, 10, 0.04) 100%
    ),
    radial-gradient(circle at 22% 62%, rgba(255, 69, 22, 0.14), transparent 34%),
    url("../images/slider/hero-malina-world.png") center right / cover no-repeat;
  color: #ffffff;
  padding: 118px 24px 90px;
  margin: 0;
  text-align: left;
}

/* Soft vertical depth, mostly for bottom readability */
.hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.02) 0%,
      rgba(0, 0, 0, 0.1) 55%,
      rgba(0, 0, 0, 0.28) 100%
    );
  pointer-events: none;
  z-index: 1;
}

/* Bottom accent line */
.hero-banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 69, 22, 0.95),
    rgba(121, 255, 22, 0.75),
    transparent
  );
  z-index: 3;
}

/* Subtle luxury grid overlay */
.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 90px
    );
  opacity: 0.16;
  z-index: 1;
}

/* Soft glow accents */
.hero-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(82px);
  opacity: 0.26;
  z-index: 1;
  pointer-events: none;
}

.hero-glow-left {
  left: -160px;
  top: 22%;
  background: rgba(255, 69, 22, 0.7);
}

.hero-glow-right {
  display: none;
}

.hero-inner {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.hero-content {
  max-width: 980px;
  animation: heroFadeUp 0.9s ease both;
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 24px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(121, 255, 22, 0.08);
}

.hero-content h1 {
  max-width: 900px;
  margin: 0 0 26px;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(3rem, 6vw, 6.9rem);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.055em;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow:
    0 18px 45px rgba(0, 0, 0, 0.58),
    0 0 32px rgba(255, 69, 22, 0.08);
}

.hero-content h1::after {
  content: "";
  display: block;
  width: 148px;
  height: 3px;
  margin-top: 28px;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.28);
}

.hero-lead {
  max-width: 850px;
  margin: 0 0 42px;
  color: rgba(255, 255, 255, 0.84);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.08rem, 1.35vw, 1.35rem);
  line-height: 1.85;
  font-weight: 400;
}

.hero-lead strong {
  color: #ffffff;
  font-weight: 800;
}

.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 56px;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 34px;
  border-radius: 999px;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    filter 0.25s ease;
}

.hero-btn-primary {
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.hero-btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
  color: #ffffff;
}

.hero-btn:hover {
  transform: translateY(-3px);
}

.hero-btn-primary:hover {
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(121, 255, 22, 0.66);
  color: #79ff16;
  box-shadow: 0 0 24px rgba(121, 255, 22, 0.12);
}

.hero-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1120px;
  gap: 18px;
}

.hero-feature {
  min-height: 170px;
  padding: 34px 34px;
  border: 1px solid rgba(121, 255, 22, 0.2);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 44%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.hero-feature:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 69, 22, 0.55);
  box-shadow:
    0 24px 50px rgba(0, 0, 0, 0.34),
    0 0 26px rgba(255, 69, 22, 0.12);
}

.hero-feature span {
  display: block;
  margin-bottom: 18px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.42);
}

.hero-feature strong {
  display: block;
  margin-bottom: 16px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1.25;
}

.hero-feature p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.75;
  font-weight: 500;
}

@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(34px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 992px) {
  .hero-banner {
    min-height: auto;
    padding: 96px 22px 70px;
    background:
      linear-gradient(
        90deg,
        rgba(3, 5, 10, 0.9) 0%,
        rgba(3, 5, 10, 0.78) 42%,
        rgba(3, 5, 10, 0.38) 78%,
        rgba(3, 5, 10, 0.16) 100%
      ),
      radial-gradient(circle at 22% 62%, rgba(255, 69, 22, 0.12), transparent 34%),
      url("../images/slider/hero-malina-world.png") center right / cover no-repeat;
  }

  .hero-features {
    grid-template-columns: 1fr;
    max-width: 720px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
  .hero-banner {
    min-height: auto;
    padding: 104px 18px 64px;
    text-align: left;
    background:
      linear-gradient(
        90deg,
        rgba(3, 5, 10, 0.9) 0%,
        rgba(3, 5, 10, 0.78) 48%,
        rgba(3, 5, 10, 0.44) 100%
      ),
      radial-gradient(circle at 20% 60%, rgba(255, 69, 22, 0.12), transparent 36%),
      url("../images/slider/hero-malina-world.png") center top / cover no-repeat;
  }

  .hero-eyebrow {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin-bottom: 22px;
  }

  .hero-content h1 {
    font-size: clamp(2.55rem, 13vw, 4rem);
    line-height: 1;
  }

  .hero-lead {
    font-size: 1rem;
    line-height: 1.75;
  }

  .hero-actions {
    gap: 12px;
    margin-bottom: 38px;
  }

  .hero-btn {
    width: 100%;
    min-height: 50px;
    padding: 14px 24px;
  }

  .hero-feature {
    padding: 22px 20px;
  }

  .hero-feature span {
    font-size: 16px;
    margin-bottom: 14px;
  }

  .hero-feature strong {
    font-size: 1.18rem;
    margin-bottom: 12px;
  }

  .hero-feature p {
    font-size: 1rem;
    line-height: 1.7;
  }
}

@media (max-width: 380px) {
  .hero-banner {
    padding-top: 96px;
  }

  .hero-eyebrow {
    font-size: 10px;
    padding: 9px 14px;
  }
}

/* =========================================================
   TOP GAMES
   12 cards / 6 per row desktop
   ========================================================= */

.top-games-section {
  position: relative;
  padding: 100px 24px;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 32%),
    linear-gradient(180deg, #05060a 0%, #101018 48%, #05060a 100%);
  overflow: hidden;
}

.top-games-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 0,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px,
      transparent 90px
    );
  opacity: 0.18;
  pointer-events: none;
}

.top-games-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.top-games-header {
  max-width: 980px;
  margin: 0 auto 54px;
  text-align: center;
}

.top-games-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.top-games-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.4rem, 4.2vw, 5rem);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-transform: uppercase;
  text-shadow: 0 16px 38px rgba(0, 0, 0, 0.48);
}

.top-games-header h2::after {
  content: "";
  display: block;
  width: 150px;
  height: 3px;
  margin: 28px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

/* GRID */
.top-games-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px;
}

/* CARD */
.top-game-card {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background: #0b0c12;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  text-decoration: none;
  transform: translateY(0);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.top-game-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.top-game-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, 0.52) 100%),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.16), transparent 46%);
  opacity: 0.42;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

.top-game-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 69, 22, 0.78);
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 69, 22, 0.18),
    0 0 18px rgba(121, 255, 22, 0.1);
}

.top-game-card:hover img {
  transform: scale(1.08);
  filter: brightness(0.76) saturate(1.08);
}

.top-game-card:hover::before {
  opacity: 0.78;
}

/* HOVER PLAY BUTTON */
.top-game-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(5, 6, 10, 0.05), rgba(5, 6, 10, 0.46)),
    radial-gradient(circle at center, rgba(255, 69, 22, 0.14), transparent 48%);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.top-game-card:hover .top-game-overlay {
  opacity: 1;
}

.top-game-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 26px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.9);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
  transform: translateY(10px) scale(0.96);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease;
}

.top-game-card:hover .top-game-btn {
  transform: translateY(0) scale(1);
}

.top-game-btn:hover {
  filter: brightness(1.08);
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.52),
    0 0 26px rgba(255, 69, 22, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.52);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1280px) {
  .top-games-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
  }
}

@media (max-width: 992px) {
  .top-games-section {
    padding: 82px 22px;
  }

  .top-games-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .top-games-section {
    padding: 70px 16px;
  }

  .top-games-header {
    margin-bottom: 38px;
  }

  .top-games-eyebrow {
    font-size: 11px;
    letter-spacing: 0.1em;
    padding: 9px 14px;
  }

  .top-games-header h2 {
    font-size: clamp(2rem, 10vw, 3.2rem);
    line-height: 1.05;
  }

  .top-games-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .top-game-card {
    border-radius: 16px;
  }

  .top-game-overlay {
    opacity: 1;
    align-items: flex-end;
    padding: 10px;
    background:
      linear-gradient(180deg, transparent 32%, rgba(5, 6, 10, 0.72) 100%);
  }

  .top-game-btn {
    min-height: 34px;
    width: 100%;
    padding: 10px 8px;
    font-size: 10px;
    letter-spacing: 0.05em;
    transform: none;
  }
}

@media (max-width: 520px) {
  .top-games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .top-game-card {
    border-radius: 15px;
  }
}

@media (max-width: 360px) {
  .top-games-grid {
    gap: 10px;
  }

  .top-game-btn {
    font-size: 9px;
  }
}

.top-games-intro {
  max-width: 860px;
  margin: 26px auto 0;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1rem, 1.25vw, 1.22rem);
  line-height: 1.8;
  font-weight: 400;
}

/* =========================================================
   INFO SECTION — PREMIUM CASINO STYLE
   Reusable section with neutral technical class names
   ========================================================= */

.info-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #101018 48%, #06070c 100%);
  color: #ffffff;
}

.info-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.18;
  pointer-events: none;
}

.info-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(84px);
  pointer-events: none;
  z-index: 1;
}

.info-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 16%;
  background: rgba(255, 69, 22, 0.25);
}

.info-decor-right {
  width: 460px;
  height: 460px;
  right: -230px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.11);
}

.info-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.info-header {
  max-width: 1060px;
  margin: 0 auto 62px;
  text-align: center;
}

.info-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.info-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.info-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.info-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* MAIN BLOCK */
.info-main {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
  gap: 28px;
  align-items: stretch;
  margin-bottom: 28px;
}

.info-story {
  position: relative;
  padding: 44px;
  border: 1px solid rgba(121, 255, 22, 0.18);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.032)),
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.08), transparent 42%);
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.info-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.info-story h3,
.info-bottom h3,
.info-services-title h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.info-story p,
.info-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
  font-weight: 400;
}

.info-story p:last-child,
.info-bottom p:last-child {
  margin-bottom: 0;
}

/* STAT CARD */
.info-stat {
  position: relative;
  border-radius: 28px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(121, 255, 22, 0.42), rgba(255, 69, 22, 0.6));
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    0 0 26px rgba(255, 69, 22, 0.12);
}

.info-stat-inner {
  height: 100%;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px;
  border-radius: 27px;
  background:
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.16), transparent 46%),
    linear-gradient(180deg, rgba(16, 18, 26, 0.98), rgba(7, 8, 13, 0.98));
}

.info-stat span {
  display: block;
  margin-bottom: 12px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(4rem, 6vw, 6.6rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.info-stat strong {
  display: block;
  margin-bottom: 20px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.38rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.info-stat p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  line-height: 1.75;
}

/* COMPACT CARDS */
.info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.info-card {
  position: relative;
  overflow: hidden;
  min-height: 245px;
  padding: 30px 30px 28px;
  border: 1px solid rgba(121, 255, 22, 0.18);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.info-card::before {
  content: "";
  position: absolute;
  right: -66px;
  top: -66px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 69, 22, 0.2);
  border-radius: 50%;
}

.info-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 69, 22, 0.56);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 69, 22, 0.1);
}

.info-card span {
  display: block;
  margin-bottom: 12px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.34);
}

.info-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.42rem;
  line-height: 1.25;
  font-weight: 900;
}

.info-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.7;
  font-weight: 400;
}

/* SERVICES */
.info-services {
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 1fr);
  gap: 30px;
  align-items: start;
  margin-bottom: 28px;
  padding: 40px;
  border-radius: 28px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 69, 22, 0.08), rgba(121, 255, 22, 0.035)),
    rgba(255, 255, 255, 0.035);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.info-service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.info-service {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 10, 0.36);
}

.info-service strong {
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.info-service p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

/* BOTTOM CTA */
.info-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border: 1px solid rgba(255, 69, 22, 0.32);
  background:
    radial-gradient(circle at top right, rgba(121, 255, 22, 0.07), transparent 40%),
    linear-gradient(135deg, rgba(255, 69, 22, 0.12), rgba(255, 255, 255, 0.035));
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.052);
}

.info-bottom > div {
  max-width: 920px;
}

.info-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.info-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1180px) {
  .info-main,
  .info-services {
    grid-template-columns: 1fr;
  }

  .info-stat-inner {
    min-height: 300px;
  }

  .info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .info-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .info-section {
    padding: 82px 16px;
  }

  .info-header {
    margin-bottom: 44px;
  }

  .info-eyebrow {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .info-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .info-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .info-story,
  .info-services,
  .info-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .info-story h3,
  .info-bottom h3,
  .info-services-title h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .info-story p,
  .info-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .info-grid,
  .info-service-list {
    grid-template-columns: 1fr;
  }

 .info-card {
  min-height: 280px;
  padding: 30px 32px 28px;
}


  .info-card h3 {
    font-size: 1.28rem;
  }

  .info-card p {
    font-size: 1rem;
    line-height: 1.68;
  }

  .info-stat-inner {
    min-height: auto;
    padding: 34px 28px;
  }

  .info-stat span {
    font-size: clamp(3.4rem, 18vw, 5.4rem);
  }

  .info-btn {
    width: 100%;
  }
}

/* =========================================================
   BENEFITS SECTION — PREMIUM CASINO STYLE
   Reusable classes, visible content can be brand-specific
   ========================================================= */

.benefits-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.18), transparent 32%),
    radial-gradient(circle at bottom left, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #06070c 0%, #11121a 48%, #05060a 100%);
  color: #ffffff;
}

.benefits-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.benefits-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.benefits-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  bottom: 18%;
  background: rgba(121, 255, 22, 0.1);
}

.benefits-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  top: 14%;
  background: rgba(255, 69, 22, 0.24);
}

.benefits-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.benefits-header {
  max-width: 1060px;
  margin: 0 auto 62px;
  text-align: center;
}

.benefits-eyebrow,
.benefits-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.benefits-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.benefits-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.benefits-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* FEATURE BLOCK */
.benefits-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 28px;
  margin-bottom: 28px;
}

.benefits-feature,
.benefits-side,
.benefit-card {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.benefits-feature {
  padding: 44px;
  border-radius: 28px;
}

.benefits-feature h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.benefits-feature > p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.benefits-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.benefits-points div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.benefits-points strong {
  display: block;
  margin-bottom: 9px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 900;
}

.benefits-points p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.96rem;
  line-height: 1.65;
}

/* SIDE CTA */
.benefits-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 38px;
  border-radius: 28px;
}

.benefits-score span {
  display: block;
  margin-bottom: 16px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(4rem, 6vw, 6.4rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.benefits-score strong {
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.benefits-score p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  line-height: 1.75;
}

.benefits-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  width: 100%;
  padding: 15px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.benefits-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* CARDS */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.benefit-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 30px;
  border-radius: 24px;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.benefit-card::before {
  content: "";
  position: absolute;
  right: -66px;
  top: -66px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 69, 22, 0.2);
  border-radius: 50%;
}

.benefit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 69, 22, 0.56);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 69, 22, 0.1);
}

.benefit-card span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.34);
}

.benefit-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.32rem;
  line-height: 1.25;
  font-weight: 900;
}

.benefit-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.72;
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .benefits-layout {
    grid-template-columns: 1fr;
  }

  .benefits-points {
    grid-template-columns: 1fr;
  }

  .benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .benefits-section {
    padding: 82px 16px;
  }

  .benefits-header {
    margin-bottom: 44px;
  }

  .benefits-eyebrow,
  .benefits-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .benefits-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .benefits-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .benefits-feature,
  .benefits-side {
    padding: 28px;
    border-radius: 24px;
  }

  .benefits-feature h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .benefits-feature > p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .benefit-card {
    min-height: auto;
    padding: 26px;
    border-radius: 22px;
  }

  .benefit-card h3 {
    font-size: 1.24rem;
  }

  .benefit-card p {
    font-size: 1rem;
    line-height: 1.68;
  }
}

/* =========================================================
   PROMO BONUS BANNER
   Full-width banner with orange top/bottom lines
   ========================================================= */

.promo-banner-section {
  position: relative;
  width: 100%;
  padding: 0;
  background:
    radial-gradient(circle at left center, rgba(255, 69, 22, 0.16), transparent 30%),
    radial-gradient(circle at right center, rgba(121, 255, 22, 0.08), transparent 28%),
    linear-gradient(90deg, #07080d 0%, #12131c 52%, #08090f 100%);
  border-top: 6px solid #ff4516;
  border-bottom: 6px solid #ff4516;
  overflow: hidden;
}

.promo-banner-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px,
      transparent 92px
    );
  opacity: 0.14;
  pointer-events: none;
}

.promo-banner-container {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  padding: 78px 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  align-items: center;
  gap: 40px;
}

.promo-banner-content {
  max-width: 720px;
}

.promo-banner-eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.promo-banner-content h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.4rem, 4.8vw, 5.2rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
}

.promo-banner-offer {
  margin: 0 0 22px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.5rem, 2.2vw, 2.45rem);
  line-height: 1.2;
  font-weight: 800;
}

.promo-banner-offer span {
  color: #79ff16;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.32);
}

.promo-banner-text {
  max-width: 640px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
  font-weight: 400;
}

.promo-banner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.promo-banner-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RIGHT VISUAL */
.promo-banner-visual {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo-banner-glow {
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 69, 22, 0.3) 0%, rgba(255, 69, 22, 0.12) 38%, transparent 72%);
  filter: blur(34px);
  animation: promoGlowPulse 4.5s ease-in-out infinite;
}

.promo-banner-image {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  max-height: 440px;
  width: auto;
  height: auto;
  filter:
    drop-shadow(0 24px 42px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 28px rgba(255, 69, 22, 0.18));
  animation: promoFloat 4.6s ease-in-out infinite;
}

/* ANIMATIONS */
@keyframes promoFloat {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-14px) rotate(1deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes promoGlowPulse {
  0% {
    transform: scale(0.96);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.04);
    opacity: 1;
  }
  100% {
    transform: scale(0.96);
    opacity: 0.75;
  }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .promo-banner-container {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 68px 0;
    text-align: center;
  }

  .promo-banner-content {
    max-width: 860px;
    margin: 0 auto;
  }

  .promo-banner-text {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .promo-banner-visual {
    min-height: 340px;
  }

  .promo-banner-image {
    max-height: 360px;
  }
}

@media (max-width: 768px) {
  .promo-banner-section {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }

  .promo-banner-container {
    width: calc(100% - 32px);
    padding: 56px 0;
  }

  .promo-banner-eyebrow {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .promo-banner-content h2 {
    font-size: clamp(2rem, 10vw, 3.5rem);
    line-height: 1;
  }

  .promo-banner-offer {
    font-size: clamp(1.3rem, 6vw, 2rem);
  }

  .promo-banner-text {
    font-size: 1rem;
    line-height: 1.72;
    margin-bottom: 24px;
  }

  .promo-banner-btn {
    width: 100%;
  }

  .promo-banner-visual {
    min-height: 280px;
  }

  .promo-banner-glow {
    width: 250px;
    height: 250px;
  }

  .promo-banner-image {
    max-height: 280px;
  }
}

@media (max-width: 420px) {
  .promo-banner-container {
    width: calc(100% - 24px);
    padding: 48px 0;
  }

  .promo-banner-visual {
    min-height: 240px;
  }

  .promo-banner-image {
    max-height: 240px;
  }
}

/* =========================================================
   REWARDS SECTION — PREMIUM CASINO STYLE
   Neutral technical class names
   ========================================================= */

.rewards-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.rewards-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.rewards-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.rewards-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.rewards-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.rewards-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.rewards-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.rewards-eyebrow,
.rewards-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.rewards-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.rewards-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.rewards-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* MAIN PANELS */
.rewards-main {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
  gap: 28px;
  margin-bottom: 28px;
}

.rewards-panel,
.reward-card,
.rewards-highlight,
.rewards-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.rewards-panel {
  border-radius: 28px;
}

.rewards-panel-large {
  padding: 44px;
}

.rewards-panel-large h3,
.rewards-highlight h3,
.rewards-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.rewards-panel-large p,
.rewards-highlight p,
.rewards-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.rewards-panel-large p:last-child,
.rewards-highlight p:last-child,
.rewards-bottom p:last-child {
  margin-bottom: 0;
}

.rewards-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.rewards-mini-grid div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.rewards-mini-grid strong {
  display: block;
  margin-bottom: 9px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 900;
}

.rewards-mini-grid p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.96rem;
  line-height: 1.65;
}

/* SIDE PANEL */
.rewards-panel-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px;
}

.rewards-stat {
  display: block;
  margin-bottom: 16px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(3.5rem, 5.4vw, 6rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.rewards-panel-side strong {
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.rewards-panel-side p {
  margin: 0 0 26px;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  line-height: 1.75;
}

.rewards-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.rewards-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* HIGHLIGHT */
.rewards-highlight {
  display: grid;
  grid-template-columns: minmax(280px, 0.45fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 40px;
  border-radius: 28px;
  margin-bottom: 28px;
}

/* GRID */
.rewards-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.reward-card {
  position: relative;
  overflow: hidden;
  min-height: 335px;
  padding: 30px;
  border-radius: 24px;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.reward-card::before {
  content: "";
  position: absolute;
  right: -66px;
  top: -66px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 69, 22, 0.2);
  border-radius: 50%;
}

.reward-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 69, 22, 0.56);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 69, 22, 0.1);
}

.reward-card span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.34);
}

.reward-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.28rem;
  line-height: 1.25;
  font-weight: 900;
}

.reward-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.7;
}

/* BOTTOM CTA */
.rewards-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.rewards-bottom > div {
  max-width: 920px;
}

.rewards-bottom .rewards-btn {
  flex: 0 0 auto;
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .rewards-main,
  .rewards-highlight {
    grid-template-columns: 1fr;
  }

  .rewards-mini-grid {
    grid-template-columns: 1fr;
  }

  .rewards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rewards-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .rewards-section {
    padding: 82px 16px;
  }

  .rewards-header {
    margin-bottom: 44px;
  }

  .rewards-eyebrow,
  .rewards-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .rewards-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .rewards-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .rewards-panel-large,
  .rewards-panel-side,
  .rewards-highlight,
  .rewards-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .rewards-panel-large h3,
  .rewards-highlight h3,
  .rewards-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .rewards-panel-large p,
  .rewards-highlight p,
  .rewards-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .rewards-grid {
    grid-template-columns: 1fr;
  }

  .reward-card {
    min-height: auto;
    padding: 26px;
    border-radius: 22px;
  }

  .reward-card h3 {
    font-size: 1.24rem;
  }

  .reward-card p {
    font-size: 1rem;
    line-height: 1.68;
  }

  .rewards-btn {
    width: 100%;
  }
}

/* =========================================================
   GAMING SECTION — PREMIUM CASINO STYLE
   Neutral technical class names
   ========================================================= */

.gaming-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.gaming-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.gaming-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.gaming-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.gaming-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.gaming-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.gaming-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.gaming-eyebrow,
.gaming-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.gaming-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.gaming-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.gaming-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* SPLIT INTRO */
.gaming-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-bottom: 28px;
}

.gaming-panel {
  position: relative;
  overflow: hidden;
  padding: 44px;
  border-radius: 28px;
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.gaming-panel::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 170px;
  height: 170px;
  border: 1px solid rgba(255, 69, 22, 0.2);
  border-radius: 50%;
}

.gaming-panel h3,
.gaming-showcase-heading h3,
.gaming-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.gaming-panel p,
.gaming-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.gaming-panel p:last-child,
.gaming-bottom p:last-child {
  margin-bottom: 0;
}

.gaming-hours {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.gaming-hours div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.gaming-hours strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 900;
}

.gaming-hours span {
  display: block;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 900;
}

/* SHOWCASE */
.gaming-showcase {
  padding: 44px;
  margin-bottom: 28px;
  border-radius: 28px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 69, 22, 0.08), rgba(121, 255, 22, 0.035)),
    rgba(255, 255, 255, 0.035);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gaming-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}

.gaming-feature {
  min-height: 300px;
  padding: 28px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028));
}

.gaming-feature span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.gaming-feature h4 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.28rem;
  line-height: 1.25;
  font-weight: 900;
}

.gaming-feature p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

/* ONLINE CATEGORIES */
.gaming-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.gaming-category-column {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 26px;
  border: 1px solid rgba(255, 69, 22, 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gaming-category-column h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 900;
}

.gaming-category-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gaming-category-column li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 18px;
  color: #ff8a38;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.35;
  font-weight: 800;
}

.gaming-category-column li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #79ff16;
  box-shadow: 0 0 12px rgba(121, 255, 22, 0.4);
}

/* BOTTOM */
.gaming-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.gaming-bottom > div {
  max-width: 920px;
}

.gaming-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.gaming-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .gaming-split,
  .gaming-feature-grid,
  .gaming-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gaming-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .gaming-section {
    padding: 82px 16px;
  }

  .gaming-header {
    margin-bottom: 44px;
  }

  .gaming-eyebrow,
  .gaming-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .gaming-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .gaming-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .gaming-split,
  .gaming-feature-grid,
  .gaming-categories {
    grid-template-columns: 1fr;
  }

  .gaming-panel,
  .gaming-showcase,
  .gaming-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .gaming-panel h3,
  .gaming-showcase-heading h3,
  .gaming-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .gaming-panel p,
  .gaming-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .gaming-hours {
    grid-template-columns: 1fr;
  }

  .gaming-feature {
    min-height: auto;
    padding: 26px;
  }

  .gaming-category-column {
    padding: 28px;
    border-radius: 22px;
  }

  .gaming-btn {
    width: 100%;
  }
}

/* =========================================================
   PLAY SECTION — TABLE GAMES & LIVE CASINO
   Neutral technical class names
   ========================================================= */

.play-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.play-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.play-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.play-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.play-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.play-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.play-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.play-eyebrow,
.play-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.play-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.play-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.play-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* OVERVIEW */
.play-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 28px;
  margin-bottom: 28px;
}

.play-panel,
.play-schedule,
.play-card,
.play-automation,
.play-live,
.play-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.play-panel,
.play-schedule {
  border-radius: 28px;
  padding: 44px;
}

.play-panel h3,
.play-schedule h3,
.play-automation h3,
.play-live-header h3,
.play-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.play-panel p,
.play-schedule p,
.play-automation p,
.play-live-header p,
.play-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.play-panel p:last-child,
.play-schedule p:last-child,
.play-automation p:last-child,
.play-live-header p:last-child,
.play-bottom p:last-child {
  margin-bottom: 0;
}

.play-hours-card {
  padding: 24px;
  margin-bottom: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.24);
  background: rgba(5, 6, 10, 0.36);
}

.play-hours-card strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.play-hours-card span {
  display: block;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.32rem;
  font-weight: 900;
}

/* TABLE GAME CARDS */
.play-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.play-card {
  position: relative;
  overflow: hidden;
  min-height: 315px;
  padding: 30px;
  border-radius: 24px;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.play-card::before {
  content: "";
  position: absolute;
  right: -66px;
  top: -66px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 69, 22, 0.2);
  border-radius: 50%;
}

.play-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 69, 22, 0.56);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 69, 22, 0.1);
}

.play-card span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-shadow: 0 0 16px rgba(121, 255, 22, 0.34);
}

.play-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.32rem;
  line-height: 1.25;
  font-weight: 900;
}

.play-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.72;
}

/* AUTOMATION */
.play-automation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.85fr);
  gap: 28px;
  align-items: start;
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.play-automation-list {
  display: grid;
  gap: 16px;
}

.play-automation-list div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.play-automation-list strong {
  display: block;
  margin-bottom: 9px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
}

.play-automation-list p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* LIVE CASINO */
.play-live {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.play-live-header {
  max-width: 980px;
  margin-bottom: 32px;
}

.play-live-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.play-live-card {
  padding: 26px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028));
}

.play-live-card h4 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.22rem;
  font-weight: 900;
}

.play-live-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.68;
}

/* BOTTOM */
.play-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.play-bottom > div {
  max-width: 920px;
}

.play-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.play-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .play-overview,
  .play-automation {
    grid-template-columns: 1fr;
  }

  .play-grid,
  .play-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .play-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .play-section {
    padding: 82px 16px;
  }

  .play-header {
    margin-bottom: 44px;
  }

  .play-eyebrow,
  .play-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .play-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .play-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .play-panel,
  .play-schedule,
  .play-automation,
  .play-live,
  .play-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .play-panel h3,
  .play-schedule h3,
  .play-automation h3,
  .play-live-header h3,
  .play-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .play-panel p,
  .play-schedule p,
  .play-automation p,
  .play-live-header p,
  .play-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .play-grid,
  .play-live-grid {
    grid-template-columns: 1fr;
  }

  .play-card {
    min-height: auto;
    padding: 26px;
    border-radius: 22px;
  }

  .play-live-card {
    padding: 24px;
  }

  .play-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   SLOTS SECTION — GAMING MACHINES & ONLINE SLOTS
   Neutral technical class names
   ========================================================= */

.slots-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom left, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #06070c 0%, #11121a 48%, #05060a 100%);
  color: #ffffff;
}

.slots-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.slots-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.slots-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(121, 255, 22, 0.1);
}

.slots-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(255, 69, 22, 0.22);
}

.slots-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.slots-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.slots-eyebrow,
.slots-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.slots-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.slots-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.slots-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* OVERVIEW */
.slots-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 28px;
  margin-bottom: 28px;
}

.slots-panel,
.slots-types,
.slots-games-showcase,
.slots-providers,
.slots-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.slots-panel {
  border-radius: 28px;
  padding: 44px;
}

.slots-panel h3,
.slots-types-header h3,
.slots-games-heading h3,
.slots-providers-text h3,
.slots-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.slots-panel p,
.slots-types-header p,
.slots-providers-text p,
.slots-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.slots-panel p:last-child,
.slots-types-header p:last-child,
.slots-providers-text p:last-child,
.slots-bottom p:last-child {
  margin-bottom: 0;
}

.slots-panel-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slots-stat {
  display: block;
  margin-bottom: 16px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(4rem, 6vw, 6.4rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.slots-panel-side strong {
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.slots-panel-side p {
  margin-bottom: 26px;
}

/* SLOT TYPES */
.slots-types {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.slots-types-header {
  max-width: 980px;
  margin-bottom: 32px;
}

.slots-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.slots-type-card,
.slots-game-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028));
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.slots-type-card:hover,
.slots-game-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 69, 22, 0.56);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 69, 22, 0.1);
}

.slots-type-card span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.slots-type-card h4,
.slots-game-card h4 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.26rem;
  line-height: 1.25;
  font-weight: 900;
}

.slots-type-card p,
.slots-game-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.68;
}

/* FEATURED GAMES */
.slots-games-showcase {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.slots-games-heading {
  max-width: 980px;
  margin-bottom: 32px;
}

.slots-games-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

/* PROVIDERS */
.slots-providers {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
  gap: 28px;
  align-items: center;
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.slots-provider-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.slots-provider-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 69, 22, 0.28);
  background: rgba(5, 6, 10, 0.42);
  color: #ff8a38;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
}

/* BOTTOM */
.slots-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.slots-bottom > div {
  max-width: 920px;
}

.slots-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.slots-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .slots-overview,
  .slots-providers {
    grid-template-columns: 1fr;
  }

  .slots-type-grid,
  .slots-games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .slots-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .slots-section {
    padding: 82px 16px;
  }

  .slots-header {
    margin-bottom: 44px;
  }

  .slots-eyebrow,
  .slots-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .slots-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .slots-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .slots-panel,
  .slots-types,
  .slots-games-showcase,
  .slots-providers,
  .slots-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .slots-panel h3,
  .slots-types-header h3,
  .slots-games-heading h3,
  .slots-providers-text h3,
  .slots-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .slots-panel p,
  .slots-types-header p,
  .slots-providers-text p,
  .slots-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .slots-type-grid,
  .slots-games-grid {
    grid-template-columns: 1fr;
  }

  .slots-type-card,
  .slots-game-card {
    padding: 24px;
  }

  .slots-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   APP SECTION — MOBILE CASINO EXPERIENCE
   Neutral technical class names
   ========================================================= */

.app-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.app-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.app-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.app-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.app-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.app-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.app-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.app-eyebrow,
.app-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.app-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.app-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.app-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* MAIN LAYOUT */
.app-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 28px;
  align-items: start;
  margin-bottom: 28px;
}

.app-panel,
.app-visual-card,
.app-side-text,
.app-install,
.app-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.app-panel {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 20px;
}

.app-panel h3,
.app-side-text h3,
.app-install-header h3,
.app-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.app-panel p,
.app-side-text p,
.app-install-header p,
.app-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.app-panel p:last-child,
.app-side-text p:last-child,
.app-install-header p:last-child,
.app-bottom p:last-child {
  margin-bottom: 0;
}

/* FEATURES */
.app-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.app-feature {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028));
}

.app-icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(121, 255, 22, 0.16), rgba(255, 69, 22, 0.18));
  color: #79ff16;
  font-size: 19px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.app-feature strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.app-feature p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.62;
}

/* VISUAL COLUMN */
.app-visual-column {
  display: grid;
  gap: 20px;
}

.app-visual-card {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 28px;
  padding: 34px;
}

.app-phone-glow {
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 69, 22, 0.3) 0%, rgba(255, 69, 22, 0.12) 38%, transparent 72%);
  filter: blur(34px);
  animation: appGlowPulse 4.5s ease-in-out infinite;
}

.app-phone-image {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  max-height: 470px;
  width: auto;
  height: auto;
  filter:
    drop-shadow(0 24px 42px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 28px rgba(255, 69, 22, 0.18));
  animation: appFloat 4.6s ease-in-out infinite;
}

.app-side-text {
  padding: 34px;
  border-radius: 28px;
}

/* STORE BUTTONS */
.app-store-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.app-store-buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border-radius: 14px;
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.app-store-buttons a:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}

.app-store-buttons img {
  display: block;
  height: 52px;
  width: auto;
}

/* INSTALL GUIDE */
.app-install {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.app-install-header {
  max-width: 980px;
  margin-bottom: 32px;
}

.app-install-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.app-install-card {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028));
}

.app-install-card span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.app-install-card h4 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.26rem;
  line-height: 1.25;
  font-weight: 900;
}

.app-install-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.68;
}

/* BOTTOM CTA */
.app-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.app-bottom > div {
  max-width: 920px;
}

.app-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.app-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* ANIMATIONS */
@keyframes appFloat {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-14px) rotate(1deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes appGlowPulse {
  0% {
    transform: scale(0.96);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.04);
    opacity: 1;
  }
  100% {
    transform: scale(0.96);
    opacity: 0.75;
  }
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .app-layout {
    grid-template-columns: 1fr;
  }

  .app-install-grid {
    grid-template-columns: 1fr;
  }

  .app-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .app-section {
    padding: 82px 16px;
  }

  .app-header {
    margin-bottom: 44px;
  }

  .app-eyebrow,
  .app-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .app-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .app-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .app-panel,
  .app-side-text,
  .app-install,
  .app-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .app-panel h3,
  .app-side-text h3,
  .app-install-header h3,
  .app-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .app-panel p,
  .app-side-text p,
  .app-install-header p,
  .app-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .app-feature-grid {
    grid-template-columns: 1fr;
  }

  .app-feature {
    padding: 22px;
  }

  .app-visual-card {
    min-height: 360px;
    padding: 28px;
    border-radius: 24px;
  }

  .app-phone-image {
    max-height: 330px;
  }

  .app-store-buttons {
    justify-content: center;
  }

  .app-store-buttons a {
    width: 100%;
  }

  .app-store-buttons img {
    height: 48px;
  }

  .app-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   PAYMENT METHODS SECTION
   Neutral technical class names
   ========================================================= */

.payment-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.payment-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.payment-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.payment-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.payment-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.payment-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.payment-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.payment-eyebrow,
.payment-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.payment-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.payment-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.payment-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
  font-weight: 400;
}

/* OVERVIEW */
.payment-overview {
  width: min(1120px, 100%);
  margin: 0 auto 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.payment-overview-card,
.payment-table-panel,
.payment-info-card,
.payment-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.payment-overview-card {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 28px;
  border-radius: 24px;
}

.payment-icon,
.payment-info-icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(121, 255, 22, 0.16), rgba(255, 69, 22, 0.18));
  color: #79ff16;
  font-size: 20px;
}

.payment-overview-card h3,
.payment-info-card h3,
.payment-bottom h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  line-height: 1.25;
  font-weight: 900;
}

.payment-overview-card p,
.payment-info-card p,
.payment-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.72;
}

/* TABLE PANEL */
.payment-table-panel {
  width: min(1080px, 100%);
  margin: 0 auto 28px;
  padding: 30px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.1), transparent 40%),
    linear-gradient(180deg, rgba(18, 21, 31, 0.96), rgba(7, 8, 13, 0.98));
}

.payment-tabs {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 28px;
}

.payment-tab {
  min-height: 46px;
  padding: 13px 24px;
  border-radius: 999px;
  border: 1px solid rgba(121, 255, 22, 0.38);
  background: transparent;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.payment-tab:hover,
.payment-tab.active {
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  border-color: rgba(255, 140, 70, 0.86);
  color: #ffffff;
  transform: translateY(-2px);
}

.payment-table-header {
  text-align: center;
  margin-bottom: 26px;
}

.payment-table-header h3 {
  margin: 0 0 12px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.65rem, 2.6vw, 2.6rem);
  line-height: 1.1;
  font-weight: 900;
}

.payment-title-withdrawal {
  display: none;
}

.payment-table-panel.show-withdrawal .payment-title-deposit {
  display: none;
}

.payment-table-panel.show-withdrawal .payment-title-withdrawal {
  display: block;
}

.payment-table-header p {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
}

.payment-table-wrap {
  display: none;
}

.payment-table-wrap.active {
  display: block;
}

.payment-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
}

.payment-table thead th {
  padding: 0 18px 8px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.payment-table thead th:first-child {
  text-align: left;
}

.payment-table thead th:last-child {
  text-align: right;
}

.payment-table tbody tr {
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.payment-table tbody tr:hover {
  transform: translateY(-2px);
  background: rgba(255, 69, 22, 0.08);
  box-shadow: 0 0 22px rgba(255, 69, 22, 0.12);
}

.payment-table td {
  padding: 14px 18px;
  border-top: 1px solid rgba(121, 255, 22, 0.14);
  border-bottom: 1px solid rgba(121, 255, 22, 0.14);
}

.payment-table td:first-child {
  border-left: 1px solid rgba(121, 255, 22, 0.14);
  border-radius: 16px 0 0 16px;
}

.payment-table td:last-child {
  border-right: 1px solid rgba(121, 255, 22, 0.14);
  border-radius: 0 16px 16px 0;
  text-align: right;
  white-space: nowrap;
  color: #ffffff;
  font-weight: 900;
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 14px;
}

.payment-logo,
.payment-logos {
  flex: 0 0 58px;
  width: 58px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.075);
}

.payment-logos-double {
  gap: 4px;
}

.payment-logo img,
.payment-logos img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.payment-logos-double img {
  width: 24px;
  height: 24px;
}

.payment-method strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
}

/* INFO CARDS */
.payment-info-grid {
  width: min(1120px, 100%);
  margin: 0 auto 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.payment-info-card {
  padding: 28px;
  border-radius: 24px;
}

.payment-info-icon {
  margin-bottom: 18px;
}

/* BOTTOM */
.payment-bottom {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.payment-bottom > div {
  max-width: 760px;
}

.payment-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.payment-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .payment-overview,
  .payment-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payment-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .payment-section {
    padding: 82px 16px;
  }

  .payment-header {
    margin-bottom: 44px;
  }

  .payment-eyebrow,
  .payment-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .payment-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .payment-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .payment-overview,
  .payment-info-grid {
    grid-template-columns: 1fr;
  }

  .payment-overview-card {
    padding: 24px;
    border-radius: 22px;
  }

  .payment-table-panel {
    padding: 20px;
    border-radius: 24px;
  }

  .payment-tabs {
    flex-direction: column;
    gap: 10px;
  }

  .payment-tab {
    width: 100%;
  }

  .payment-table {
    border-spacing: 0 10px;
  }

  .payment-table thead {
    display: none;
  }

  .payment-table tr,
  .payment-table td {
    display: block;
    width: 100%;
  }

  .payment-table td {
    padding: 14px;
  }

  .payment-table td:first-child {
    border-radius: 16px 16px 0 0;
    border-right: 1px solid rgba(121, 255, 22, 0.14);
    border-bottom: 0;
  }

  .payment-table td:last-child {
    border-radius: 0 0 16px 16px;
    border-left: 1px solid rgba(121, 255, 22, 0.14);
    text-align: left;
  }

  .payment-table td:last-child::before {
    content: "Limits: ";
    color: rgba(255, 255, 255, 0.62);
    font-weight: 800;
  }

  .payment-logo,
  .payment-logos {
    flex-basis: 52px;
    width: 52px;
    height: 44px;
  }

  .payment-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .payment-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   VISITOR INFORMATION SECTION
   Neutral technical class names
   ========================================================= */

.guide-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.guide-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.guide-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.guide-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.guide-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.guide-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.guide-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.guide-eyebrow,
.guide-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.guide-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.guide-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.guide-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
}

/* SHARED CARDS */
.guide-main-card,
.guide-fact-card,
.guide-info-card,
.guide-wide-card,
.guide-panel,
.guide-online-card,
.guide-checklist,
.guide-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* HERO GRID */
.guide-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 28px;
  margin-bottom: 28px;
}

.guide-main-card,
.guide-fact-card {
  padding: 44px;
  border-radius: 28px;
}

.guide-main-card h3,
.guide-wide-card h3,
.guide-panel h3,
.guide-online-card h3,
.guide-checklist-heading h3,
.guide-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.guide-main-card p,
.guide-wide-card p,
.guide-panel p,
.guide-online-card p,
.guide-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.guide-main-card p:last-child,
.guide-wide-card p:last-child,
.guide-panel p:last-child,
.guide-online-card p:last-child,
.guide-bottom p:last-child {
  margin-bottom: 0;
}

.guide-stat {
  display: block;
  margin-bottom: 16px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(4rem, 6vw, 6.4rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.guide-fact-card strong {
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.guide-fact-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  line-height: 1.75;
}

/* INFO GRID */
.guide-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.guide-info-card {
  padding: 30px;
  border-radius: 24px;
}

.guide-info-icon {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(121, 255, 22, 0.16), rgba(255, 69, 22, 0.18));
  color: #79ff16;
  font-size: 20px;
}

.guide-info-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.28rem;
  line-height: 1.25;
  font-weight: 900;
}

.guide-info-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

/* WIDE CARD */
.guide-wide-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.guide-wide-content {
  columns: 2;
  column-gap: 34px;
}

/* SPLIT */
.guide-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-bottom: 28px;
}

.guide-panel {
  padding: 44px;
  border-radius: 28px;
}

/* ONLINE CARD */
.guide-online-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.8fr);
  gap: 28px;
  align-items: start;
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.guide-online-list {
  display: grid;
  gap: 16px;
}

.guide-online-list div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.guide-online-list strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
}

.guide-online-list p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* CHECKLIST */
.guide-checklist {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.guide-checklist-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.guide-checklist-grid div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background: rgba(5, 6, 10, 0.36);
}

.guide-checklist-grid i {
  color: #79ff16;
  font-size: 16px;
}

.guide-checklist-grid span {
  color: rgba(255, 255, 255, 0.86);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.4;
  font-weight: 800;
}

/* BOTTOM */
.guide-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.guide-bottom > div {
  max-width: 920px;
}

.guide-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.guide-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .guide-hero-grid,
  .guide-wide-card,
  .guide-split,
  .guide-online-card {
    grid-template-columns: 1fr;
  }

  .guide-info-grid,
  .guide-checklist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .guide-wide-content {
    columns: 1;
  }

  .guide-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .guide-section {
    padding: 82px 16px;
  }

  .guide-header {
    margin-bottom: 44px;
  }

  .guide-eyebrow,
  .guide-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .guide-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .guide-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .guide-main-card,
  .guide-fact-card,
  .guide-info-card,
  .guide-wide-card,
  .guide-panel,
  .guide-online-card,
  .guide-checklist,
  .guide-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .guide-main-card h3,
  .guide-wide-card h3,
  .guide-panel h3,
  .guide-online-card h3,
  .guide-checklist-heading h3,
  .guide-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .guide-main-card p,
  .guide-wide-card p,
  .guide-panel p,
  .guide-online-card p,
  .guide-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .guide-info-grid,
  .guide-checklist-grid {
    grid-template-columns: 1fr;
  }

  .guide-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   TRUST SECTION — SECURITY, REGULATION & PLAYER CARE
   Neutral technical class names
   ========================================================= */

.trust-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.trust-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.trust-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.trust-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.trust-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.trust-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.trust-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.trust-eyebrow,
.trust-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.trust-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.trust-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.trust-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
}

/* SHARED */
.trust-lead-card,
.trust-reg-card,
.trust-card,
.trust-process,
.trust-contact-panel,
.trust-bottom {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* LEAD */
.trust-lead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 28px;
  margin-bottom: 28px;
}

.trust-lead-card,
.trust-reg-card {
  padding: 44px;
  border-radius: 28px;
}

.trust-lead-card h3,
.trust-process-heading h3,
.trust-contact-content h3,
.trust-bottom h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.8rem, 2.7vw, 3.2rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.trust-lead-card p,
.trust-contact-content p,
.trust-bottom p {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.82;
}

.trust-lead-card p:last-child,
.trust-contact-content p:last-child,
.trust-bottom p:last-child {
  margin-bottom: 0;
}

.trust-stat {
  display: block;
  margin-bottom: 16px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(4rem, 6vw, 6.4rem);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: 0 0 28px rgba(255, 69, 22, 0.28);
}

.trust-reg-card strong {
  display: block;
  margin-bottom: 18px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.trust-reg-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.04rem;
  line-height: 1.75;
}

/* CARDS */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.trust-card {
  padding: 30px;
  border-radius: 24px;
}

.trust-icon {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(121, 255, 22, 0.16), rgba(255, 69, 22, 0.18));
  color: #79ff16;
  font-size: 20px;
}

.trust-card h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.28rem;
  line-height: 1.25;
  font-weight: 900;
}

.trust-card p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.trust-card p:last-child {
  margin-bottom: 0;
}

/* PROCESS */
.trust-process {
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.trust-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}

.trust-step {
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.16);
  background: rgba(5, 6, 10, 0.36);
}

.trust-step span {
  display: block;
  margin-bottom: 14px;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.trust-step strong {
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.trust-step p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* CONTACT PANEL */
.trust-contact-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
  gap: 28px;
  padding: 44px;
  border-radius: 28px;
  margin-bottom: 28px;
}

.trust-contact-grid {
  display: grid;
  gap: 16px;
}

.trust-contact-grid div {
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255, 69, 22, 0.22);
  background: rgba(5, 6, 10, 0.36);
}

.trust-contact-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
}

.trust-contact-grid span {
  display: block;
  margin-bottom: 8px;
  color: #ff8a38;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.trust-contact-grid p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* BOTTOM */
.trust-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  border-radius: 28px;
  border-color: rgba(255, 69, 22, 0.32);
}

.trust-bottom > div {
  max-width: 920px;
}

.trust-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 54px;
  padding: 15px 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.trust-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.5),
    0 0 30px rgba(255, 69, 22, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .trust-lead-grid,
  .trust-contact-panel {
    grid-template-columns: 1fr;
  }

  .trust-grid,
  .trust-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trust-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .trust-section {
    padding: 82px 16px;
  }

  .trust-header {
    margin-bottom: 44px;
  }

  .trust-eyebrow,
  .trust-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .trust-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .trust-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .trust-lead-card,
  .trust-reg-card,
  .trust-card,
  .trust-process,
  .trust-contact-panel,
  .trust-bottom {
    padding: 28px;
    border-radius: 24px;
  }

  .trust-lead-card h3,
  .trust-process-heading h3,
  .trust-contact-content h3,
  .trust-bottom h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .trust-lead-card p,
  .trust-contact-content p,
  .trust-bottom p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .trust-grid,
  .trust-steps {
    grid-template-columns: 1fr;
  }

  .trust-btn {
    width: 100%;
    min-width: 0;
  }
}

/* =========================================================
   REVIEWS SECTION — PLAYER TESTIMONIALS
   Neutral technical class names
   ========================================================= */

.reviews-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.reviews-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.reviews-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.reviews-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.reviews-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.reviews-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.reviews-header {
  max-width: 1080px;
  margin: 0 auto 62px;
  text-align: center;
}

.reviews-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.reviews-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.reviews-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.reviews-intro {
  max-width: 980px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
}

/* LAYOUT */
.reviews-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
  gap: 28px;
  align-items: stretch;
}

.reviews-visual,
.reviews-slider-panel {
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 28px;
}

.reviews-visual {
  position: relative;
  min-height: 620px;
  padding: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews-image-glow {
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 69, 22, 0.3) 0%, rgba(255, 69, 22, 0.12) 38%, transparent 72%);
  filter: blur(34px);
  animation: reviewsGlowPulse 4.5s ease-in-out infinite;
}

.reviews-image {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 100%;
  max-height: 520px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 24px 42px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 28px rgba(255, 69, 22, 0.18));
  animation: reviewsFloat 4.6s ease-in-out infinite;
}

.reviews-visual-card {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;
  z-index: 3;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.18);
  background: rgba(5, 6, 10, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.reviews-visual-card span {
  display: block;
  margin-bottom: 8px;
  color: #ff4516;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 3rem;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.reviews-visual-card strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
}

.reviews-visual-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.96rem;
  line-height: 1.6;
}

/* SLIDER */
.reviews-slider-panel {
  position: relative;
  padding: 44px;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reviews-slider {
  position: relative;
  flex: 1;
}

.review-slide {
  display: none;
  animation: reviewFade 0.42s ease both;
}

.review-slide.active {
  display: block;
}

.review-stars {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 26px;
  color: #ff8a38;
  font-size: 22px;
  text-shadow: 0 0 18px rgba(255, 69, 22, 0.26);
}

.review-slide h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2rem, 3.2vw, 3.9rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.review-slide p {
  margin: 0 0 34px;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.12rem;
  line-height: 1.86;
}

.review-meta {
  padding-top: 24px;
  border-top: 1px solid rgba(121, 255, 22, 0.18);
}

.review-meta strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  font-weight: 900;
}

.review-meta span {
  display: block;
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* CONTROLS */
.reviews-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 34px;
}

.reviews-arrow {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  border-radius: 50%;
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  cursor: pointer;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
  transition:
    transform 0.25s ease,
    filter 0.25s ease,
    box-shadow 0.25s ease;
}

.reviews-arrow:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

.reviews-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.reviews-dot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  cursor: pointer;
  transition:
    width 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.reviews-dot.active {
  width: 34px;
  border-radius: 999px;
  background: #79ff16;
  box-shadow: 0 0 18px rgba(121, 255, 22, 0.36);
}

/* ANIMATIONS */
@keyframes reviewFade {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes reviewsFloat {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-14px) rotate(1deg);
  }

  100% {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes reviewsGlowPulse {
  0% {
    transform: scale(0.96);
    opacity: 0.75;
  }

  50% {
    transform: scale(1.04);
    opacity: 1;
  }

  100% {
    transform: scale(0.96);
    opacity: 0.75;
  }
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .reviews-layout {
    grid-template-columns: 1fr;
  }

  .reviews-visual,
  .reviews-slider-panel {
    min-height: auto;
  }

  .reviews-visual {
    min-height: 520px;
  }
}

@media (max-width: 768px) {
  .reviews-section {
    padding: 82px 16px;
  }

  .reviews-header {
    margin-bottom: 44px;
  }

  .reviews-eyebrow {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .reviews-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .reviews-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .reviews-visual,
  .reviews-slider-panel {
    padding: 28px;
    border-radius: 24px;
  }

  .reviews-visual {
    min-height: 420px;
    padding-bottom: 160px;
  }

  .reviews-image {
    max-height: 300px;
  }

  .reviews-visual-card {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .review-slide h3 {
    font-size: clamp(1.7rem, 8vw, 2.6rem);
  }

  .review-slide p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .reviews-controls {
    gap: 14px;
  }

  .reviews-arrow {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }
}

/* =========================================================
   FAQ SECTION — TWO COLUMN ACCORDION
   Neutral technical class names
   ========================================================= */

.faq-section {
  position: relative;
  padding: 110px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #05060a 0%, #11121a 48%, #06070c 100%);
  color: #ffffff;
}

.faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.faq-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.faq-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.22);
}

.faq-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 12%;
  background: rgba(121, 255, 22, 0.1);
}

.faq-container {
  position: relative;
  z-index: 2;
  width: min(1280px, 100%);
  margin: 0 auto;
}

.faq-header {
  max-width: 980px;
  margin: 0 auto 62px;
  text-align: center;
}

.faq-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1px solid rgba(121, 255, 22, 0.42);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(121, 255, 22, 0.08), rgba(255, 69, 22, 0.08));
  color: #79ff16;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.faq-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 0.96;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
}

.faq-header h2::after {
  content: "";
  display: block;
  width: 170px;
  height: 3px;
  margin: 30px auto 0;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
  box-shadow: 0 0 22px rgba(121, 255, 22, 0.24);
}

.faq-intro {
  max-width: 900px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.05rem, 1.28vw, 1.28rem);
  line-height: 1.85;
}

/* GRID */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.faq-column {
  display: grid;
  gap: 16px;
  align-content: start;
}

/* ITEM */
.faq-item {
  border-radius: 22px;
  border: 1px solid rgba(121, 255, 22, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.03)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}

.faq-item summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.35;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(255, 69, 22, 0.26);
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.faq-item[open] summary::after {
  content: "−";
  transform: rotate(180deg);
}

.faq-item summary:hover::after {
  filter: brightness(1.08);
}

.faq-answer {
  padding: 0 26px 26px;
}

.faq-answer p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.76;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .faq-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 82px 16px;
  }

  .faq-header {
    margin-bottom: 44px;
  }

  .faq-eyebrow {
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 9px 14px;
  }

  .faq-header h2 {
    font-size: clamp(2.2rem, 12vw, 3.8rem);
    line-height: 1;
  }

  .faq-intro {
    font-size: 1rem;
    line-height: 1.72;
    margin-top: 24px;
  }

  .faq-item {
    border-radius: 20px;
  }

  .faq-item summary {
    padding: 20px 20px;
    font-size: 1rem;
  }

  .faq-answer {
    padding: 0 20px 22px;
  }

  .faq-answer p {
    font-size: 0.98rem;
    line-height: 1.7;
  }

  .faq-item summary::after {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    font-size: 22px;
  }
}

/* =========================================================
   PREMIUM FOOTER
   Neutral technical class names
   ========================================================= */

.site-footer {
  position: relative;
  overflow: hidden;
  padding: 90px 24px 34px;
  background:
    radial-gradient(circle at top left, rgba(255, 69, 22, 0.16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(121, 255, 22, 0.08), transparent 34%),
    linear-gradient(180deg, #06070c 0%, #0f1017 48%, #05060a 100%);
  color: #ffffff;
  border-top: 6px solid #ff4516;
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 96px
    );
  opacity: 0.16;
  pointer-events: none;
}

.footer-decor {
  position: absolute;
  border-radius: 50%;
  filter: blur(86px);
  pointer-events: none;
  z-index: 1;
}

.footer-decor-left {
  width: 420px;
  height: 420px;
  left: -190px;
  top: 18%;
  background: rgba(255, 69, 22, 0.2);
}

.footer-decor-right {
  width: 460px;
  height: 460px;
  right: -220px;
  bottom: 8%;
  background: rgba(121, 255, 22, 0.1);
}

.footer-container {
  position: relative;
  z-index: 2;
  width: min(1440px, 100%);
  margin: 0 auto;
}

.footer-main {
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(180px, 0.55fr) minmax(220px, 0.65fr) minmax(300px, 0.95fr);
  
  gap: 34px;
  align-items: start;
}

.footer-brand,
.footer-links,
.footer-payments,
.footer-notice,
.footer-bottom {
  border: 1px solid rgba(121, 255, 22, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.026)),
    radial-gradient(circle at top right, rgba(255, 69, 22, 0.08), transparent 45%);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.footer-brand,
.footer-links,
.footer-payments {
  min-height: 100%;
  padding: 30px;
  border-radius: 24px;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 24px;
  text-decoration: none;
}

.footer-logo img {
  display: block;
  max-width: 210px;
  max-height: 72px;
  width: auto;
  height: auto;
  filter:
    drop-shadow(0 6px 18px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 14px rgba(255, 69, 22, 0.14));
}

.footer-brand p,
.footer-payments p,
.footer-notice p,
.footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.footer-brand strong,
.footer-notice strong {
  color: #ffffff;
  font-weight: 900;
}

.footer-trust-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.footer-trust-list span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255, 69, 22, 0.24);
  background: rgba(5, 6, 10, 0.36);
  color: rgba(255, 255, 255, 0.86);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.86rem;
  font-weight: 800;
}

.footer-trust-list i {
  color: #79ff16;
  font-size: 13px;
}

.footer-links h3,
.footer-payments h3,
.footer-notice h3 {
  margin: 0 0 22px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1.24rem;
  line-height: 1.25;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.footer-links h3::after,
.footer-payments h3::after,
.footer-notice h3::after {
  content: "";
  display: block;
  width: 74px;
  height: 2px;
  margin-top: 14px;
  background: linear-gradient(90deg, #79ff16, #ff4516, transparent);
}

.footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-links li {
  margin-bottom: 13px;
}

.footer-links li:last-child {
  margin-bottom: 0;
}

.footer-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.45;
  font-weight: 700;
  text-decoration: none;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.footer-links a::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-radius: 50%;
  background: #ff4516;
  box-shadow: 0 0 12px rgba(255, 69, 22, 0.34);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.footer-links a:hover {
  color: #79ff16;
  transform: translateX(4px);
}

.footer-links a:hover::before {
  background: #79ff16;
  box-shadow: 0 0 14px rgba(121, 255, 22, 0.42);
}

/* PAYMENT ICONS */
.footer-payment-grid {
  display: grid;
  grid-template-columns: repeat(4, 58px);
  gap: 12px;
  margin-top: 24px;
}

.footer-payment-grid span {
  width: 58px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  border: 1px solid rgba(121, 255, 22, 0.14);
  background: rgba(255, 255, 255, 0.075);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

.footer-payment-grid span:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 69, 22, 0.5);
  background: rgba(255, 69, 22, 0.08);
}

.footer-payment-grid img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

/* RESPONSIBLE NOTICE */
.footer-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  margin-top: 34px;
  padding: 34px;
  border-radius: 24px;
  border-color: rgba(255, 69, 22, 0.28);
}

.footer-notice > div {
  max-width: 940px;
}

.footer-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 52px;
  padding: 15px 30px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 70, 0.85);
  background: linear-gradient(135deg, #ff7a1a 0%, #ff4516 52%, #c92f0b 100%);
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  box-shadow:
    0 14px 32px rgba(255, 69, 22, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.38);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.footer-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
  color: #ffffff;
  box-shadow:
    0 18px 42px rgba(255, 69, 22, 0.48),
    0 0 28px rgba(255, 69, 22, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* BOTTOM */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  padding: 24px 30px;
  border-radius: 22px;
}

.footer-bottom p {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.6);
}

.footer-bottom p:last-child {
  text-align: right;
}

/* RESPONSIVE */
@media (max-width: 1280px) {
  .footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-payment-grid {
    grid-template-columns: repeat(6, 58px);
  }
}

@media (max-width: 768px) {
  .site-footer {
    padding: 72px 16px 28px;
    border-top-width: 5px;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .footer-brand,
  .footer-links,
  .footer-payments,
  .footer-notice,
  .footer-bottom {
    padding: 26px;
    border-radius: 22px;
  }

  .footer-logo img {
    max-width: 180px;
  }

  .footer-payment-grid {
    grid-template-columns: repeat(4, 54px);
    gap: 10px;
  }

  .footer-payment-grid span {
    width: 54px;
    height: 44px;
  }

  .footer-payment-grid img {
    width: 28px;
    height: 28px;
  }

  .footer-notice,
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-bottom p:last-child {
    text-align: left;
  }

  .footer-btn {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .footer-payment-grid {
    grid-template-columns: repeat(3, 54px);
  }
}

.footer-links {
  text-align: left;
}

.footer-links h3 {
  text-align: left;
}

.footer-links h3::after {
  margin-left: 0;
  margin-right: auto;
}

.footer-links ul {
  text-align: left;
}

.footer-links li {
  text-align: left;
}

.footer-links a {
  justify-content: flex-start;
  text-align: left;
}
/* =========================================================
   MALINA LIGHT HEADER & HERO
   ========================================================= */

.site-header {
  height: 82px;
  background: rgba(255, 252, 248, 0.94);
  border-bottom: 1px solid rgba(120, 70, 104, 0.12);
  box-shadow: 0 10px 35px rgba(102, 57, 91, 0.09);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.header-inner {
  width: min(1420px, calc(100% - 48px));
  gap: 22px;
}

.logo a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo .logo-mark {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 12px);
  gap: 3px;
  width: 34px;
  height: 34px;
  padding: 4px;
  transform: rotate(45deg);
}

.logo-mark i {
  display: block;
  border-radius: 50% 50% 46% 50%;
  background: linear-gradient(145deg, #ff6b9c, #d72b72 72%);
  box-shadow: 0 4px 10px rgba(215, 43, 114, 0.22);
}

.logo-mark::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 14px;
  right: -3px;
  top: -6px;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(145deg, #ffd06b, #f09e36);
}

.logo .logo-copy {
  display: flex;
  align-items: baseline;
  gap: 7px;
  position: static;
  width: auto;
  height: auto;
  transform: none;
  color: #3d263b;
  font-family: 'Ubuntu', Arial, sans-serif;
  text-transform: uppercase;
}

.site-header .logo .logo-copy > strong {
  display: inline-block;
  position: static;
  transform: none;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.site-header .logo .logo-copy > small {
  display: inline-block;
  position: static;
  transform: none;
  color: #d72b72;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.main-navigation a {
  padding: 12px 10px;
  color: #554052;
  font-size: 12px;
  letter-spacing: 0.075em;
}

.main-navigation a::before {
  background: #fff0f5;
}

.main-navigation a::after {
  background: linear-gradient(90deg, transparent, #d72b72, transparent);
}

.main-navigation a:hover,
.main-navigation a.active {
  color: #d72b72;
  text-shadow: none;
}

.btn-play-now,
.hero-btn-primary {
  border: 1px solid #d72b72;
  background: linear-gradient(135deg, #f24d8b 0%, #d72b72 58%, #bd1d60 100%);
  color: #fff;
  box-shadow: 0 10px 24px rgba(215, 43, 114, 0.24);
}

.btn-play-now:hover,
.hero-btn-primary:hover {
  color: #fff;
  box-shadow: 0 14px 30px rgba(215, 43, 114, 0.3);
}

body {
  padding-top: 82px;
}

.hero-banner {
  min-height: calc(100vh - 82px);
  padding: 104px 24px 94px;
  background:
    radial-gradient(circle at 9% 18%, rgba(255, 111, 163, 0.2), transparent 19%),
    radial-gradient(circle at 27% 76%, rgba(168, 150, 232, 0.2), transparent 23%),
    radial-gradient(circle at 34% 12%, rgba(255, 205, 104, 0.18), transparent 18%),
    linear-gradient(90deg, rgba(255, 250, 245, 0.9) 0%, rgba(255, 247, 248, 0.72) 31%, rgba(255, 251, 242, 0.2) 54%,
   rgba(255, 251, 242, 0) 71%),
    url("../images/slider/hero-malina-world.png") center right / cover no-repeat;
  color: #3d263b;
}

.hero-banner::before {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(108,70,118,0.04));
}

.hero-banner::after {
  height: 4px;
  background: linear-gradient(90deg, #f36f9e, #f4b75e, #a896e8, transparent);
}

.hero-overlay {
  display: block;
  inset: 4% auto auto 2%;
  width: 42%;
  height: 92%;
  opacity: 0.48;
  background:
    radial-gradient(circle at 12% 10%, rgba(239, 75, 138, 0.24) 0 7px, transparent 8px),
    radial-gradient(circle at 25% 4%, rgba(244, 183, 94, 0.3) 0 5px, transparent 6px),
    radial-gradient(circle at 7% 25%, rgba(168, 150, 232, 0.25) 0 10px, transparent 11px),
    radial-gradient(circle at 35% 92%, rgba(239, 75, 138, 0.18) 0 13px, transparent 14px);
}

.hero-glow-left {
  left: -180px;
  top: 12%;
  background: rgba(255, 139, 181, 0.38);
  opacity: 0.45;
}

.hero-glow-right {
  display: none;
}

.hero-content {
  max-width: 700px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.hero-eyebrow {
  margin-bottom: 22px;
  border: 1px solid rgba(215, 43, 114, 0.2);
  background: rgba(255, 255, 255, 0.7);
  color: #c32168;
  box-shadow: 0 8px 22px rgba(129, 82, 114, 0.08);
}

.hero-content h1 {
  max-width: 680px;
  color: #3d263b;
  font-size: clamp(2.8rem, 4.8vw, 5.5rem);
  line-height: 0.96;
  text-shadow: none;
}

.hero-content h1::after {
  width: 132px;
  height: 5px;
  border-radius: 99px;
  background: linear-gradient(90deg, #ef4b8a, #f4b75e, #a896e8);
  box-shadow: none;
}

.hero-lead {
  max-width: 620px;
  margin-bottom: 34px;
  color: #3f2c42;
  font-size: clamp(18px, 1.42vw, 23px);
  line-height: 1.62;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.72);
}

.hero-actions {
  margin-bottom: 0;
}

.hero-features {
  display: none;
}

@media (max-width: 1100px) {
  .main-navigation a {
    padding-inline: 7px;
    font-size: 11px;
  }

  .logo-copy small {
    display: none;
  }
}

@media (max-width: 992px) {
  .hero-banner {
    background:
      linear-gradient(90deg, rgba(255, 251, 242, 0.96) 0%, rgba(255, 251, 242, 0.85) 45%, rgba(255, 251, 242, 0.25) 78%),
  
      url("../images/slider/hero-malina-world.png") 62% center / cover no-repeat;
  }
}

@media (max-width: 768px) {
  .site-header {
    height: 70px;
    border-bottom-width: 1px;
    background: rgba(255, 252, 248, 0.97);
  }

  body {
    padding-top: 70px;
  }

  .logo .logo-mark {
    width: 30px;
    height: 30px;
    grid-template-columns: repeat(2, 10px);
  }

  .logo-copy strong {
    font-size: 21px;
  }

  .hero-banner {
    min-height: calc(100vh - 70px);
    padding: 80px 18px 62px;
    background:
      linear-gradient(180deg, rgba(255, 251, 242, 0.9) 0%, rgba(255, 251, 242, 0.82) 54%, rgba(255, 251, 242, 0.52) 100%),
  
      url("../images/slider/hero-malina-world.png") 69% center / cover no-repeat;
  }

  .hero-content h1 {
    font-size: clamp(2.7rem, 13vw, 4.2rem);
  }

  .hero-content {
    padding: 0;
    border-radius: 0;
  }

  .hero-lead {
    color: #513c50;
  }
}
/* =========================================================
   ABOUT MALINA — LIGHT GAME-WORLD STYLE
   ========================================================= */

.about-section {
  position: relative;
  overflow: hidden;
  padding: 92px 24px 100px;
  color: #422c42;
  background:
    radial-gradient(circle at 9% 14%, rgba(255, 108, 160, 0.18), transparent 24%),
    radial-gradient(circle at 88% 20%, rgba(168, 150, 232, 0.22), transparent 25%),
    radial-gradient(circle at 76% 86%, rgba(244, 183, 94, 0.2), transparent 25%),
    linear-gradient(180deg, #fffaf7 0%, #fff4f9 52%, #f8f4ff 100%);
}

.about-section::before,
.about-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.about-section::before {
  width: 220px;
  height: 220px;
  left: -80px;
  bottom: 14%;
  border: 42px solid rgba(239, 75, 138, 0.07);
}

.about-section::after {
  width: 150px;
  height: 150px;
  right: 5%;
  top: 8%;
  background: rgba(255, 208, 107, 0.1);
}

.about-section .info-decor {
  display: none;
}

.about-section .info-container {
  position: relative;
  z-index: 2;
  width: min(1320px, 100%);
  margin: 0 auto;
}

.about-section .info-header {
  max-width: 1040px;
  margin: 0 0 46px;
  text-align: left;
}

.about-section .info-eyebrow,
.about-section .info-label {
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
  padding: 9px 16px;
  border: 1px solid rgba(215, 43, 114, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: #c32168;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.13em;
  line-height: 1.2;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(123, 75, 111, 0.07);
}

.about-section .info-header h2 {
  margin: 0 0 24px;
  color: #3e293e;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(3rem, 5vw, 5.7rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-transform: uppercase;
}

.about-section .info-header h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 5px;
  margin: 26px 0 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #ef4b8a, #f4b75e, #a896e8);
}

.about-section .info-intro {
  max-width: 850px;
  margin: 0;
  color: #665064;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(1.08rem, 1.3vw, 1.28rem);
  font-weight: 500;
  line-height: 1.78;
}

.about-section .info-main {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  align-items: end;
  gap: 26px;
  margin-bottom: 28px;
  padding: 50px 50px 0;
  overflow: hidden;
  border: 1px solid rgba(215, 43, 114, 0.1);
  border-radius: 42px;
  background:
    radial-gradient(circle at 82% 20%, rgba(168, 150, 232, 0.42), transparent 34%),
    radial-gradient(circle at 15% 90%, rgba(255, 196, 111, 0.3), transparent 34%),
    linear-gradient(135deg, #fff0f6 0%, #ffe8f1 46%, #eee8ff 100%);
  box-shadow: 0 28px 65px rgba(103, 66, 98, 0.12);
}

.about-section .info-story {
  align-self: center;
  padding: 16px 0 54px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.about-section .info-story h3,
.about-section .info-bottom h3,
.about-section .info-services-title h3 {
  margin: 0 0 22px;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(30px, 2.7vw, 48px);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.18;
}

.about-section .info-story p,
.about-section .info-bottom p {
  margin: 0 0 18px;
  color: #675265;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(18px, 1.24vw, 20px);
  font-weight: 500;
  line-height: 1.72;
}

.about-section .about-character {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.about-section .about-character::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255, 190, 215, 0.65), rgba(193, 177, 245, 0.45));
  box-shadow: inset 0 0 0 22px rgba(255,255,255,0.3);
}

.about-section .about-character img {
  position: relative;
  z-index: 2;
  display: block;
  width: min(470px, 100%);
  max-height: 520px;
  object-fit: contain;
  filter: drop-shadow(0 22px 22px rgba(92, 48, 83, 0.16));
}

.about-section .about-character-bubble {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 8px;
  max-width: 210px;
  padding: 14px 18px;
  border-radius: 20px 20px 20px 5px;
  background: #ffffff;
  color: #a81958;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 14px 34px rgba(111, 67, 104, 0.12);
}

.about-section .info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.about-section .info-card {
  min-height: 210px;
  padding: 26px;
  border: 1px solid rgba(120, 75, 111, 0.1);
  border-radius: 26px;
  background: linear-gradient(155deg, #ffffff, #fff0f6);
  box-shadow: 0 15px 38px rgba(103, 66, 98, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.about-section .info-card:nth-child(2) {
  background: linear-gradient(155deg, #ffffff, #fff5df);
}

.about-section .info-card:nth-child(3) {
  background: linear-gradient(155deg, #ffffff, #f0edff);
}

.about-section .info-card:nth-child(4) {
  background: linear-gradient(155deg, #ffffff, #eaf8f5);
}

.about-section .info-card::before {
  display: none;
}

.about-section .info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 23px 46px rgba(103, 66, 98, 0.12);
}

.about-section .info-card .info-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 0 20px;
  border-radius: 17px;
  background: linear-gradient(145deg, #ffe1ec, #eee7ff);
  color: #d72b72;
  font-size: 20px;
  letter-spacing: 0;
  text-shadow: none;
}

.about-section .info-card:nth-child(3n+2) .info-card-icon {
  background: linear-gradient(145deg, #fff0cc, #ffe3ec);
  color: #d77a2b;
}

.about-section .info-card:nth-child(3n) .info-card-icon {
  background: linear-gradient(145deg, #e9e3ff, #def5f3);
  color: #7563c7;
}

.about-section .info-card h3 {
  margin: 0 0 13px;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
}

.about-section .info-card p {
  margin: 0;
  color: #6d586b;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7;
}

.about-section .info-services {
  display: grid;
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
  gap: 42px;
  align-items: center;
  margin-bottom: 24px;
  padding: 44px;
  border-radius: 32px;
  background: linear-gradient(135deg, #4b3049, #6a3e68);
  box-shadow: 0 24px 54px rgba(75, 48, 73, 0.18);
}

.about-section .info-services .info-eyebrow {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.14);
  color: #ffbad3;
  box-shadow: none;
}

.about-section .info-services-title h3 {
  color: #ffffff;
  margin-bottom: 0;
}

.about-section .info-service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.about-section .info-service {
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 20px;
  background: rgba(255,255,255,0.07);
}

.about-section .info-service strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.about-section .info-service p {
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 0.88rem;
  line-height: 1.55;
}

.about-section .info-bottom {
  display: block;
  padding: 42px 46px;
  border: 1px solid rgba(120, 75, 111, 0.1);
  border-radius: 30px;
  background: rgba(255,255,255,0.66);
}

.about-section .info-bottom > div {
  max-width: 900px;
}

@media (max-width: 980px) {
  .about-section .info-main,
  .about-section .info-services {
    grid-template-columns: 1fr;
  }

  .about-section .about-character {
    min-height: 450px;
  }

  .about-section .info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-section .info-main {
    padding: 38px 38px 0;
  }
}

@media (max-width: 680px) {
  .about-section {
    padding: 78px 18px;
  }

  .about-section .info-header {
    margin-bottom: 42px;
  }

  .about-section .info-story,
  .about-section .info-services,
  .about-section .info-bottom {
    padding: 28px 22px;
    border-radius: 24px;
  }

  .about-section .info-grid,
  .about-section .info-service-list {
    grid-template-columns: 1fr;
  }

  .about-section .info-card {
    min-height: auto;
  }

  .about-section .about-character {
    min-height: 390px;
  }

  .about-section .about-character::before {
    width: 285px;
    height: 285px;
  }

  .about-section .about-character-bubble {
    right: 4px;
    top: 0;
  }

  .about-section .info-main {
    padding: 26px 22px 0;
    border-radius: 28px;
  }

  .about-section .info-story {
    padding: 10px 0 14px;
  }
}
/* =========================================================
   MALINA SLOTS CATALOG
   ========================================================= */

.malina-slots-section {
  position: relative;
  overflow: hidden;
  padding: 82px 24px 96px;
  color: #422c42;
  background:
    radial-gradient(circle at 8% 12%, rgba(239,75,138,.18), transparent 25%),
    radial-gradient(circle at 92% 18%, rgba(168,150,232,.2), transparent 25%),
    linear-gradient(180deg, #fffaf7 0%, #fff2f8 56%, #f5f1ff 100%);
}

.malina-slots-container {
  position: relative;
  z-index: 2;
  width: min(1560px, 100%);
  margin: 0 auto;
}

.malina-slots-header {
  max-width: 1260px;
  margin-bottom: 40px;
  text-align: left;
}

.malina-slots-eyebrow,
.malina-slot-intro span,
.malina-slot-guide-tag {
  display: inline-flex;
  margin: 0 0 16px;
  padding: 9px 16px;
  border: 1px solid rgba(215,43,114,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #c32168;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.malina-slots-header h2 {
  margin: 0 0 24px;
  color: #3e293e;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(3.1rem, 4.7vw, 5.2rem);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: .98;
  text-transform: uppercase;
}

.malina-slots-header p:last-child {
  margin: 0;
  color: #655064;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(18px, 1.25vw, 21px);
  font-weight: 500;
  line-height: 1.75;
}

.malina-slot-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.malina-slot-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid rgba(111,72,105,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  color: #5a4257;
  cursor: pointer;
  font-family: 'Ubuntu', Arial, sans-serif;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.malina-slot-tabs button i {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 10px;
  background: #ffe1ec;
  color: #d72b72;
  font-style: normal;
}

.malina-slot-tabs button strong {
  font-size: 15px;
  font-weight: 900;
}

.malina-slot-tabs button:hover,
.malina-slot-tabs button.is-active {
  transform: translateY(-2px);
  border-color: #d72b72;
  background: #d72b72;
  color: #fff;
  box-shadow: 0 12px 26px rgba(215,43,114,.2);
}

.malina-slot-tabs button.is-active i {
  background: rgba(255,255,255,.18);
  color: #fff;
}

.malina-slot-intro {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
  gap: 32px;
  align-items: center;
  margin-bottom: 26px;
  padding: 34px 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #4b3049, #71446e);
  box-shadow: 0 20px 48px rgba(75,48,73,.16);
}

.malina-slot-intro span {
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.1);
  color: #ffbad3;
}

.malina-slot-intro h3 {
  margin: 0 0 12px;
  color: #fff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(26px, 2.1vw, 36px);
  font-weight: 900;
  line-height: 1.15;
}

.malina-slot-intro p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

.malina-slot-intro ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.malina-slot-intro li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.malina-slot-intro li i {
  display: grid;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #ef4b8a;
  font-style: normal;
}

.malina-slot-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.malina-slot-card {
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(104,66,98,.12);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(103,66,98,.08);
  cursor: pointer;
  text-align: left;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.malina-slot-card:hover,
.malina-slot-card.is-selected {
  transform: translateY(-6px);
  border-color: #d72b72;
  box-shadow: 0 22px 42px rgba(103,66,98,.15);
}

.malina-slot-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  object-position: center;
  background: #f5eef5;
}

.malina-slot-card > span {
  display: flex;
  min-height: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 9px 13px 10px;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.malina-slot-card > span strong {
  display: block;
  width: 100%;
  font-size: 14px;
}

.malina-slot-card > span small {
  display: block;
  width: 100%;
  margin-top: 3px;
  color: #a12c63;
  font-size: 11px;
  font-weight: 700;
}

.malina-slot-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 18px;
}

.malina-slot-modes button {
  display: flex;
  min-height: 88px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 22px;
  border: 1px solid rgba(111,72,105,.14);
  border-radius: 24px;
  background: rgba(255,255,255,.9);
  color: #513b50;
  cursor: pointer;
  font-family: 'Ubuntu', Arial, sans-serif;
  text-align: left;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.malina-slot-modes button > i {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: #ffe0ec;
  color: #d72b72;
  font-size: 19px;
}

.malina-slot-modes button span,
.malina-slot-modes button strong,
.malina-slot-modes button small {
  display: block;
}

.malina-slot-modes button strong {
  font-size: 20px;
}

.malina-slot-modes button small {
  margin-top: 4px;
  color: #806a7d;
  font-size: 13px;
}

.malina-slot-modes button:hover,
.malina-slot-modes button.is-active {
  transform: translateY(-2px);
  border-color: #d72b72;
  background: linear-gradient(135deg, #ef4b8a, #cf1e68);
  color: #fff;
  box-shadow: 0 15px 34px rgba(215,43,114,.2);
}

.malina-slot-modes button.is-active > i {
  background: rgba(255,255,255,.18);
  color: #fff;
}

.malina-slot-modes button.is-active small {
  color: rgba(255,255,255,.82);
}

.malina-slot-guide {
  position: relative;
  margin-top: 22px;
  padding: 40px 44px;
  border: 1px solid rgba(215,43,114,.13);
  border-radius: 28px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 20px 48px rgba(103,66,98,.1);
}

.malina-slot-guide[hidden] { display: none; }

.malina-slot-guide-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #ffe6ef;
  color: #b91d5d;
  cursor: pointer;
  font-size: 24px;
}

.malina-slot-guide h3 {
  margin: 0 55px 12px 0;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(30px, 2.8vw, 44px);
  font-weight: 900;
}

.malina-slot-guide p,
.malina-slot-guide li,
.malina-slot-guide small {
  color: #685365;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

.malina-slot-guide ul {
  margin: 18px 0;
  padding-left: 20px;
}

.malina-slot-guide small {
  display: block;
  font-size: 16px;
}

@media (max-width: 1180px) {
  .malina-slot-tabs { grid-template-columns: repeat(auto-fit, minmax(190px,1fr)); }
  .malina-slot-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .malina-slots-section { padding: 78px 18px; }
  .malina-slot-modes { grid-template-columns: 1fr; }
  .malina-slot-tabs { grid-template-columns: 1fr; }
  .malina-slot-intro { grid-template-columns: 1fr; padding: 28px 24px; }
  .malina-slot-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .malina-slot-card > span { min-height: 56px; font-size: 14px; }
  .malina-slot-guide { padding: 28px 22px; }
}

@media (max-width: 430px) {
  .malina-slot-tabs { grid-template-columns: 1fr; }
  .malina-slot-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   MALINA TABLE & INSTANT GAMES
   ========================================================= */

.gaming-section {
  padding: 72px 24px 82px;
  color: #422c42;
  background:
    radial-gradient(circle at 8% 10%, rgba(239, 75, 138, .2), transparent 24%),
    radial-gradient(circle at 92% 18%, rgba(168, 150, 232, .2), transparent 27%),
    radial-gradient(circle at 78% 92%, rgba(244, 183, 94, .18), transparent 24%),
    linear-gradient(180deg, #fffaf7 0%, #fff2f8 52%, #f5f1ff 100%);
}

.gaming-section::before {
  opacity: .28;
  background:
    radial-gradient(circle at 16% 24%, rgba(239, 75, 138, .14) 0 7px, transparent 8px),
    radial-gradient(circle at 88% 12%, rgba(244, 183, 94, .18) 0 10px, transparent 11px),
    radial-gradient(circle at 72% 80%, rgba(168, 150, 232, .15) 0 9px, transparent 10px);
}

.malina-games-orb {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(4px);
}

.malina-games-orb-left {
  width: 260px;
  height: 260px;
  left: -110px;
  top: 28%;
  border: 48px solid rgba(239, 75, 138, .07);
}

.malina-games-orb-right {
  width: 210px;
  height: 210px;
  right: -70px;
  bottom: 9%;
  background: rgba(168, 150, 232, .1);
}

.malina-games-container {
  width: min(1500px, 100%);
}

.malina-games-header {
  max-width: 980px;
  margin: 0 0 28px;
  text-align: left;
}

.malina-games-eyebrow,
.malina-game-kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 0 17px;
  padding: 9px 16px;
  border: 1px solid rgba(215, 43, 114, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: #c32168;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.malina-games-header h2 {
  max-width: 1180px;
  margin: 0 0 26px;
  color: #3e293e;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(34px, 3.2vw, 52px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1.04;
  text-transform: uppercase;
}

.malina-games-header h2::after {
  content: "";
  display: block;
  width: 144px;
  height: 5px;
  margin-top: 28px;
  border-radius: 99px;
  background: linear-gradient(90deg, #ef4b8a, #f4b75e, #a896e8);
}

.malina-games-header > p:last-child {
  max-width: 1080px;
  margin: 0;
  color: #655064;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: clamp(18px, 1.25vw, 21px);
  font-weight: 500;
  line-height: 1.75;
}

.malina-games-compass {
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 26px;
}

.malina-games-compass > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 15px;
  padding: 18px 20px;
  border: 1px solid rgba(111, 72, 105, .12);
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 12px 32px rgba(103, 66, 98, .06);
}

.malina-games-compass i {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #ffe1ec, #eee7ff);
  color: #d72b72;
  font-size: 18px;
}

.malina-games-compass span,
.malina-games-compass strong,
.malina-games-compass small {
  display: block;
}

.malina-games-compass strong {
  margin-bottom: 5px;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
}

.malina-games-compass small {
  color: #725d70;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
}

.malina-games-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.malina-game-type {
  position: relative;
  min-width: 0;
  padding: 8px 8px 14px;
  border: 1px solid rgba(111, 72, 105, .12);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(255,240,246,.92));
  box-shadow: 0 18px 42px rgba(103, 66, 98, .08);
}

.malina-game-type:nth-child(3n+2) {
  background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(255,247,226,.94));
}

.malina-game-type:nth-child(3n) {
  background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(239,236,255,.94));
}

.malina-game-icon {
  display: none;
  width: 58px;
  height: 58px;
  margin-bottom: 20px;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #ef4b8a, #cc2468);
  color: #fff;
  font-size: 22px;
  box-shadow: 0 12px 24px rgba(215, 43, 114, .18);
}

.malina-game-cover {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 12px;
  aspect-ratio: 4 / 5;
  border-radius: 13px;
  background: #eee7ef;
  object-fit: contain;
  object-position: center;
}

.malina-game-kicker {
  margin: 0 4px 8px;
  padding: 5px 8px;
  font-size: 9px;
}

.malina-game-type h3 {
  min-height: 39px;
  margin: 0 4px 8px;
  color: #422c42;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.12;
}

.malina-game-summary,
.malina-game-type details p {
  color: #695467;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.malina-game-summary {
  display: none;
}

.malina-game-type details {
  margin: 0 4px;
  border-top: 1px solid rgba(111, 72, 105, .12);
}

.malina-game-type summary {
  position: relative;
  min-height: 38px;
  padding: 11px 30px 0 0;
  color: #bd1d60;
  cursor: pointer;
  list-style: none;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
}

.malina-game-type summary::-webkit-details-marker {
  display: none;
}

.malina-game-type summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 8px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: #ffe4ee;
  color: #bd1d60;
  font-size: 16px;
}

.malina-game-type details[open] summary::after {
  content: "−";
}

.malina-game-type details > div {
  padding-top: 14px;
}

.malina-game-type details p {
  margin: 0 0 14px;
}

.malina-game-type details p:last-child {
  margin-bottom: 0;
}

.malina-game-type .malina-game-examples {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(215, 43, 114, .07);
  color: #7b4767;
  font-size: 13px;
  line-height: 1.55;
}

.malina-game-type-wide {
  grid-column: auto;
}

.malina-games-note {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 22px;
  padding: 30px 34px;
  border-radius: 26px;
  background: linear-gradient(135deg, #4b3049, #71446e);
  box-shadow: 0 20px 48px rgba(75, 48, 73, .16);
}

.malina-games-note > i {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: rgba(255,255,255,.12);
  color: #ffbad3;
  font-size: 20px;
}

.malina-games-note h3 {
  margin: 0 0 9px;
  color: #fff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
}

.malina-games-note p {
  margin: 0;
  color: rgba(255,255,255,.8);
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

@media (max-width: 1080px) {
  .malina-games-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .malina-game-type-wide { grid-column: auto; }
}

@media (max-width: 820px) {
  .gaming-section { padding: 78px 18px 86px; }
  .malina-games-compass { grid-template-columns: 1fr; }
  .malina-games-header h2 { font-size: clamp(34px, 8vw, 48px); }
  .malina-games-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .malina-games-grid { grid-template-columns: 1fr; }
  .malina-game-type { padding: 25px 22px; }
  .malina-games-note { padding: 26px 22px; }
}

/* Games catalogue controls */
.malina-games-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 18px;
}

.malina-games-modes button,
.malina-games-tabs button,
.malina-game-tile {
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}

.malina-games-modes button {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 82px;
  padding: 16px 22px;
  border: 1px solid rgba(111,72,105,.13);
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  color: #563d54;
  text-align: left;
  box-shadow: 0 12px 28px rgba(103,66,98,.06);
}

.malina-games-modes button > i {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  background: #ffe4ee;
  color: #d72b72;
}

.malina-games-modes strong,
.malina-games-modes small { display: block; }
.malina-games-modes strong { margin-bottom: 4px; font-size: 18px; font-weight: 900; }
.malina-games-modes small { color: #7a6578; font-size: 14px; }
.malina-games-modes button.is-active { background: linear-gradient(135deg,#ef4383,#cf246b); color: #fff; box-shadow: 0 16px 32px rgba(207,
  36,107,.2); }
.malina-games-modes button.is-active > i { background: rgba(255,255,255,.17); color: #fff; }
.malina-games-modes button.is-active small { color: rgba(255,255,255,.82); }

.malina-games-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.malina-games-focus {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px 22px;
  border: 1px solid rgba(215,43,114,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  color: #5d455b;
}
.malina-games-focus > i { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 14px;
   background: #ffe4ee; color: #d72b72; }
.malina-games-focus strong, .malina-games-focus span { display: block; }
.malina-games-focus strong { margin-bottom: 4px; font-size: 17px; font-weight: 900; }
.malina-games-focus span { font-size: 14px; line-height: 1.5; }

.malina-games-tabs button {
  min-height: 58px;
  padding: 13px 18px;
  border: 1px solid rgba(111,72,105,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  color: #5d455b;
  font-size: 16px;
  font-weight: 900;
}
.malina-games-tabs button i { margin-right: 10px; color: #d72b72; }
.malina-games-tabs button.is-active { background: #5b3858; color: #fff; box-shadow: 0 12px 24px rgba(75,48,73,.15);
   }
.malina-games-tabs button.is-active i { color: #ffb7d2; }

.malina-games-category-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, .7fr);
  gap: 32px;
  align-items: center;
  margin-bottom: 20px;
  padding: 26px 30px;
  border-radius: 26px;
  background: linear-gradient(135deg,#493048,#70436d);
  box-shadow: 0 16px 36px rgba(75,48,73,.14);
}
.malina-games-category-intro span { color: #ffb7d2; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase;
   }
.malina-games-category-intro h3 { margin: 7px 0 8px; color: #fff; font-size: clamp(22px,2vw,30px); font-weight: 900;
   line-height: 1.15; }
.malina-games-category-intro p { margin: 0; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.6; }
.malina-games-category-intro ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.malina-games-category-intro li { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 700;
   }
.malina-games-category-intro li i { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center;
   border-radius: 50%; background: #ef4b8a; font-size: 10px; }

.malina-games-grid { gap: 12px; }
.malina-game-tile {
  overflow: hidden;
  min-width: 0;
  padding: 7px 7px 0;
  border: 1px solid rgba(111,72,105,.12);
  border-radius: 17px;
  background: rgba(255,255,255,.9);
  color: #422c42;
  text-align: left;
  box-shadow: 0 12px 30px rgba(103,66,98,.07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.malina-game-tile:hover { transform: translateY(-3px); border-color: rgba(215,43,114,.42); box-shadow: 0 18px 34px rgba(103,
  66,98,.12); }
.malina-game-tile img { display: block; width: 100%; aspect-ratio: 2 / 3; border-radius: 11px; background: #eee7ef;
   object-fit: cover; }
.malina-game-tile > span { display: flex; min-height: 134px; flex-direction: column; padding: 10px 6px 9px; }
.malina-game-tile strong { display: block; font-size: 14px; font-weight: 900; line-height: 1.2; }
.malina-game-tile em { display: -webkit-box; overflow: hidden; margin: 7px 0 9px; color: #756272; font-size: 11px;
   font-style: normal; font-weight: 500; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
   }
.malina-game-tile small { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto;
   color: #bd1d60; font-size: 10px; font-weight: 900; line-height: 1.2; }
.malina-game-tile small i { display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border-radius: 50%;
   background: #ffe4ee; }

.malina-games-guide {
  position: relative;
  margin-top: 18px;
  padding: 26px 30px 28px;
  border: 1px solid rgba(215,43,114,.13);
  border-radius: 25px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 40px rgba(103,66,98,.09);
}
.malina-games-guide[hidden] { display: none; }
.malina-games-guide > span { color: #c32168; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase;
   }
.malina-games-guide > h3 { margin: 6px 42px 18px 0; color: #422c42; font-size: 27px; font-weight: 900; }
.malina-guide-lead { max-width: 850px; margin: -8px 0 20px; color: #695467; font-size: 16px; line-height: 1.6; }
.malina-games-guide > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.malina-games-guide section { padding: 18px; border-radius: 18px; background: #fff5f8; }
.malina-games-guide section:nth-child(2) { background: #fff9ea; }
.malina-games-guide section:nth-child(3) { background: #f4f1ff; }
.malina-games-guide h4 { margin: 0 0 8px; color: #4b3148; font-size: 16px; font-weight: 900; }
.malina-games-guide p { margin: 0; color: #6d586b; font-size: 14px; line-height: 1.6; }
.malina-guide-close { position: absolute; top: 18px; right: 20px; display: grid; width: 34px; height: 34px; place-items: center;
   border: 0; border-radius: 50%; background: #ffe4ee; color: #c32168; cursor: pointer; font-size: 24px; }

@media (max-width: 1080px) {
  .malina-game-tile strong { font-size: 13px; }
}
@media (max-width: 820px) {
  .malina-games-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .malina-games-category-intro { grid-template-columns: 1fr; }
  .malina-games-guide > div { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .malina-games-modes, .malina-games-tabs { grid-template-columns: 1fr; }
  .malina-games-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .malina-games-category-intro, .malina-games-guide { padding: 23px 20px; }
}

/* =========================================================
   MALINA LIVE CASINO
   ========================================================= */
.malina-live-legacy { display: none !important; }
.malina-live-section {
  position: relative;
  overflow: hidden;
  padding: 88px 24px 94px;
  color: #f8edf4;
  background:
    radial-gradient(circle at 12% 8%, rgba(229,54,126,.23), transparent 27%),
    radial-gradient(circle at 88% 18%, rgba(236,180,77,.14), transparent 25%),
    linear-gradient(155deg,#160d18 0%,#29152a 46%,#140d19 100%);
}
.malina-live-glow { position:absolute; border-radius:50%; pointer-events:none; filter:blur(5px); }
.malina-live-glow-one { width:300px; height:300px; left:-130px; bottom:8%; border:55px solid rgba(233,58,133,.08);
   }
.malina-live-glow-two { width:240px; height:240px; right:-80px; top:24%; background:rgba(238,186,81,.06); }
.malina-live-container { position:relative; z-index:2; width:min(1500px,100%); margin:0 auto; }
.malina-live-heading { max-width:1180px; margin-bottom:30px; }
.malina-live-eyebrow { display:inline-flex; margin:0 0 17px; padding:9px 16px; border:1px solid rgba(255,180,209,
  .22); border-radius:999px; color:#ff9fc3; background:rgba(255,255,255,.05); font-size:13px; font-weight:900; letter-spacing:.13em;
   text-transform:uppercase; }
.malina-live-heading h2 { max-width:1000px; margin:0 0 22px; color:#fff; font-size:clamp(38px,4.2vw,68px); font-weight:900;
   letter-spacing:-.055em; line-height:1.02; text-transform:uppercase; }
.malina-live-lead { max-width:1120px; margin:0 0 14px; color:#f2e1eb; font-size:clamp(18px,1.35vw,22px); font-weight:600;
   line-height:1.72; }
.malina-live-secondary { max-width:1080px; margin:0; color:#bfaebc; font-size:16px; line-height:1.7; }
.malina-live-atmosphere { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin:28px 0 22px;
   }
.malina-live-atmosphere > span { display:flex; align-items:center; gap:14px; padding:17px 19px; border:1px solid rgba(255,
  255,255,.09); border-radius:20px; background:rgba(255,255,255,.055); }
.malina-live-atmosphere i { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:14px;
   background:linear-gradient(145deg,#e5367e,#a61f5a); color:#fff; }
.malina-live-atmosphere strong,.malina-live-atmosphere small { display:block; }
.malina-live-atmosphere strong { color:#fff; font-size:16px; font-weight:900; }
.malina-live-atmosphere small { margin-top:4px; color:#bfaebc; font-size:13px; line-height:1.4; }
.malina-live-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.malina-live-tabs button { min-height:58px; padding:13px 16px; border:1px solid rgba(255,255,255,.1); border-radius:18px;
   background:rgba(255,255,255,.06); color:#eadde7; cursor:pointer; font:inherit; font-size:15px; font-weight:900;
   }
.malina-live-tabs button i { margin-right:9px; color:#f06f9e; }
.malina-live-tabs button.is-active { border-color:rgba(255,180,209,.28); background:linear-gradient(135deg,#d52b70,
  #9e2058); color:#fff; box-shadow:0 14px 28px rgba(190,35,99,.2); }
.malina-live-tabs button.is-active i { color:#fff; }
.malina-live-intro { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); gap:34px; align-items:center;
   margin-bottom:20px; padding:28px 31px; border:1px solid rgba(255,255,255,.09); border-radius:27px; background:linear-gradient(135deg,
  rgba(91,47,78,.82),rgba(51,30,52,.9)); }
.malina-live-intro span,.malina-live-guide > span { color:#ff9fc3; font-size:11px; font-weight:900; letter-spacing:.13em;
   text-transform:uppercase; }
.malina-live-intro h3 { margin:7px 0 9px; color:#fff; font-size:clamp(24px,2.2vw,34px); font-weight:900; line-height:1.15;
   }
.malina-live-intro p { margin:0; color:#dbcbd7; font-size:16px; line-height:1.68; }
.malina-live-intro ul { display:grid; gap:11px; margin:0; padding:0; list-style:none; }
.malina-live-intro li { display:flex; align-items:center; gap:10px; color:#fff; font-size:14px; font-weight:700;
   }
.malina-live-intro li i { display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; border-radius:50%;
   background:#dd3277; font-size:10px; }
.malina-live-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.malina-live-card { overflow:hidden; min-width:0; padding:7px 7px 0; border:1px solid rgba(255,255,255,.09); border-radius:17px;
   background:#fff9fc; color:#3f293c; cursor:pointer; font:inherit; text-align:left; box-shadow:0 16px 34px rgba(0,
  0,0,.2); transition:transform .2s ease,border-color .2s ease; }
.malina-live-card:hover { transform:translateY(-3px); border-color:#ed5892; }
.malina-live-card img { display:block; width:100%; aspect-ratio:2/3; border-radius:11px; background:#2a1a29; object-fit:cover;
   }
.malina-live-card > span { display:flex; min-height:139px; flex-direction:column; padding:10px 6px 9px; }
.malina-live-card strong { font-size:14px; font-weight:900; line-height:1.2; }
.malina-live-card em { display:-webkit-box; overflow:hidden; margin:7px 0 9px; color:#705d6d; font-size:11px; font-style:normal;
   line-height:1.42; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.malina-live-card small { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:auto;
   color:#c12565; font-size:10px; font-weight:900; }
.malina-live-card small i { display:grid; flex:0 0 20px; width:20px; height:20px; place-items:center; border-radius:50%;
   background:#ffe1ec; }
.malina-live-guide { position:relative; margin-top:18px; padding:28px 31px; border:1px solid rgba(255,255,255,.1);
   border-radius:26px; background:linear-gradient(135deg,#fdf6fa,#f5edf7); color:#4a3347; box-shadow:0 20px 44px rgba(0,
  0,0,.22); }
.malina-live-guide[hidden] { display:none; }
.malina-live-guide h3 { margin:6px 42px 6px 0; font-size:28px; font-weight:900; }
.malina-live-guide-lead { max-width:850px; margin:0 0 20px; color:#6b5668; font-size:16px; line-height:1.6; }
.malina-live-guide > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.malina-live-guide section { padding:19px; border-radius:18px; background:#fff; }
.malina-live-guide section:nth-child(2) { background:#fff3f7; }
.malina-live-guide section:nth-child(3) { background:#f2edfa; }
.malina-live-guide h4 { margin:0 0 8px; font-size:16px; font-weight:900; }
.malina-live-guide section p { margin:0; color:#6d596a; font-size:14px; line-height:1.65; }
.malina-live-close { position:absolute; top:18px; right:20px; display:grid; width:35px; height:35px; place-items:center;
   border:0; border-radius:50%; background:#ffe1ec; color:#bd1f61; cursor:pointer; font-size:24px; }
@media (max-width:1080px) { .malina-live-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:820px) {
  .malina-live-section { padding:76px 18px 84px; }
  .malina-live-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .malina-live-atmosphere,.malina-live-intro,.malina-live-guide > div { grid-template-columns:1fr; }
  .malina-live-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .malina-live-tabs,.malina-live-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .malina-live-intro,.malina-live-guide { padding:23px 20px; }
}

/* =========================================================
   MALINA SPORTSBOOK
   ========================================================= */
.malina-sport-section { position:relative; overflow:hidden; padding:88px 24px 94px; color:#4b3048; background:linear-gradient(180deg,
  #fff8ee 0%,#fff0f6 48%,#f1edff 100%); }
.malina-sport-section::before { content:""; position:absolute; inset:0; opacity:.45; pointer-events:none; background:radial-gradient(circle at 8% 18%,
  rgba(239,66,131,.18) 0 7px,transparent 8px),radial-gradient(circle at 91% 12%,rgba(246,181,74,.22) 0 10px,transparent 11px),
  radial-gradient(circle at 78% 82%,rgba(143,120,224,.17) 0 9px,transparent 10px); }
.malina-sport-cloud { position:absolute; border-radius:999px; pointer-events:none; filter:blur(2px); }
.malina-sport-cloud-one { width:380px; height:190px; left:-140px; top:14%; background:rgba(255,179,207,.2); transform:rotate(-14deg);
   }
.malina-sport-cloud-two { width:310px; height:150px; right:-110px; bottom:10%; background:rgba(172,157,235,.18);
   transform:rotate(16deg); }
.malina-sport-container { position:relative; z-index:2; width:min(1500px,100%); margin:0 auto; }
.malina-sport-hero { display:grid; grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr); gap:38px; align-items:center;
   }
.malina-sport-eyebrow { display:inline-flex; margin:0 0 17px; padding:9px 16px; border:1px solid rgba(215,43,114,
  .17); border-radius:999px; background:rgba(255,255,255,.82); color:#c32168; font-size:13px; font-weight:900; letter-spacing:.13em;
   text-transform:uppercase; }
.malina-sport-copy h2 { margin:0 0 22px; color:#412a3f; font-size:clamp(40px,4.1vw,66px); font-weight:900; letter-spacing:-.06em;
   line-height:1; text-transform:uppercase; }
.malina-sport-lead { margin:0 0 15px; color:#5c4358; font-size:clamp(18px,1.3vw,21px); font-weight:700; line-height:1.67;
   }
.malina-sport-text { margin:0; color:#786273; font-size:16px; line-height:1.75; }
.malina-sport-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; }
.malina-sport-details-button { display:inline-flex; min-height:52px; align-items:center; gap:10px; padding:13px 20px;
   border:0; border-radius:17px; background:linear-gradient(135deg,#ed3e82,#ca2469); color:#fff; cursor:pointer;
   font:inherit; font-size:14px; font-weight:900; box-shadow:0 14px 28px rgba(207,36,107,.2); }
.malina-sport-actions > span { display:flex; max-width:260px; align-items:center; gap:9px; color:#765f70; font-size:12px;
   font-weight:700; line-height:1.4; }
.malina-sport-actions > span i { color:#ca2469; }
.malina-sport-visual { position:relative; margin:0; padding:9px; border:1px solid rgba(111,72,105,.12); border-radius:32px;
   background:rgba(255,255,255,.74); box-shadow:0 24px 54px rgba(103,66,98,.14); transform:rotate(.45deg); }
.malina-sport-visual img { display:block; width:100%; aspect-ratio:16/9; border-radius:24px; object-fit:cover; }
.malina-sport-visual figcaption { position:absolute; left:28px; bottom:27px; display:flex; align-items:center; gap:12px;
   max-width:350px; padding:13px 16px; border:1px solid rgba(255,255,255,.7); border-radius:18px; background:rgba(255,
  250,252,.88); box-shadow:0 12px 28px rgba(66,42,63,.13); backdrop-filter:blur(12px); }
.malina-sport-visual figcaption > i { display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center;
   border-radius:12px; background:#ffe0eb; color:#d12870; }
.malina-sport-visual strong,.malina-sport-visual small { display:block; }
.malina-sport-visual strong { color:#462f44; font-size:14px; font-weight:900; }
.malina-sport-visual small { margin-top:3px; color:#756271; font-size:11px; line-height:1.35; }
.malina-sport-strip { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; margin:28px 0 17px;
   }
.malina-sport-strip button { display:flex; min-height:50px; align-items:center; justify-content:center; gap:8px;
   padding:10px; border:1px solid rgba(111,72,105,.1); border-radius:16px; background:rgba(255,255,255,.7); color:#5d455a;
   cursor:pointer; font:inherit; font-size:12px; font-weight:900; text-align:center; transition:background .2s ease,
  color .2s ease,transform .2s ease; }
.malina-sport-strip button:hover { transform:translateY(-2px); }
.malina-sport-strip button.is-active { border-color:transparent; background:linear-gradient(135deg,#ef4383,#cc2469);
   color:#fff; box-shadow:0 10px 22px rgba(207,36,107,.16); }
.malina-sport-strip i { color:#d72b72; font-size:15px; }
.malina-sport-strip button.is-active i { color:#fff; }
.malina-sport-discipline-guide { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr); gap:24px;
   align-items:center; margin-bottom:17px; padding:23px 26px; border:1px solid rgba(111,72,105,.1); border-radius:23px;
   background:rgba(255,255,255,.86); box-shadow:0 12px 30px rgba(103,66,98,.06); }
.malina-sport-discipline-guide span { color:#c32168; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase;
   }
.malina-sport-discipline-guide h3 { margin:5px 0 7px; color:#462f44; font-size:21px; font-weight:900; }
.malina-sport-discipline-guide p { margin:0; color:#715e6e; font-size:14px; line-height:1.65; }
.malina-sport-discipline-guide aside { display:flex; align-items:center; gap:13px; padding:16px 18px; border-radius:18px;
   background:linear-gradient(145deg,#fff0f5,#f1edff); }
.malina-sport-discipline-guide aside i { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center;
   border-radius:13px; background:#fff; color:#d22a70; }
.malina-sport-discipline-guide aside strong,.malina-sport-discipline-guide aside small { display:block; }
.malina-sport-discipline-guide aside strong { color:#4b3348; font-size:13px; font-weight:900; }
.malina-sport-discipline-guide aside small { margin-top:4px; color:#756271; font-size:11px; line-height:1.4; }
.malina-sport-bet-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:start;
   }
.malina-sport-bet-types article { display:flex; align-self:start; gap:14px; min-width:0; height:auto; padding:20px 18px;
   border:1px solid rgba(111,72,105,.11); border-radius:22px; background:rgba(255,255,255,.84); box-shadow:0 12px 30px rgba(103,
  66,98,.06); }
.malina-sport-bet-types article > i { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center;
   border-radius:14px; background:linear-gradient(145deg,#ffe2ec,#eee8ff); color:#d22a70; }
.malina-sport-bet-types h3 { margin:0 0 7px; color:#452e43; font-size:17px; font-weight:900; }
.malina-sport-bet-types p { margin:0; color:#756171; font-size:13px; line-height:1.55; }
.malina-sport-bet-types details { margin-top:11px; padding-top:10px; border-top:1px solid rgba(111,72,105,.1); }
.malina-sport-bet-types summary { position:relative; padding-right:24px; color:#c32168; cursor:pointer; list-style:none;
   font-size:11px; font-weight:900; }
.malina-sport-bet-types summary::-webkit-details-marker { display:none; }
.malina-sport-bet-types summary::after { content:"+"; position:absolute; right:0; top:-4px; display:grid; width:20px;
   height:20px; place-items:center; border-radius:50%; background:#ffe3ed; font-size:14px; }
.malina-sport-bet-types details[open] summary::after { content:"−"; }
.malina-sport-bet-types details p { margin-top:10px; font-size:12px; line-height:1.6; }
.malina-sport-details { position:relative; margin-top:18px; padding:31px; border:1px solid rgba(111,72,105,.11);
   border-radius:29px; background:rgba(255,255,255,.93); box-shadow:0 22px 50px rgba(103,66,98,.11); }
.malina-sport-details[hidden] { display:none; }
.malina-sport-details-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px;
   }
.malina-sport-details-heading span,.malina-sport-market-map span { color:#c32168; font-size:11px; font-weight:900;
   letter-spacing:.13em; text-transform:uppercase; }
.malina-sport-details-heading h3,.malina-sport-market-map h3 { margin:6px 0 0; color:#432d41; font-size:clamp(24px,
  2.2vw,34px); font-weight:900; line-height:1.15; }
.malina-sport-details-close { display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center; border:0;
   border-radius:50%; background:#ffe2ec; color:#c32168; cursor:pointer; font-size:25px; }
.malina-sport-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.malina-sport-guide-grid article { padding:20px; border-radius:20px; background:#fff4f8; }
.malina-sport-guide-grid article:nth-child(3n+2) { background:#fff8e8; }
.malina-sport-guide-grid article:nth-child(3n) { background:#f2efff; }
.malina-sport-guide-grid i { display:grid; width:36px; height:36px; margin-bottom:13px; place-items:center; border-radius:12px;
   background:#fff; color:#d32c72; }
.malina-sport-guide-grid h4 { margin:0 0 8px; color:#4b3348; font-size:16px; font-weight:900; }
.malina-sport-guide-grid p { margin:0; color:#705d6d; font-size:13px; line-height:1.62; }
.malina-sport-market-map { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:30px; align-items:center;
   margin-top:16px; padding:25px 27px; border-radius:23px; background:linear-gradient(135deg,#4b3049,#70436e); }
.malina-sport-market-map h3 { color:#fff; font-size:25px; }
.malina-sport-market-map p { margin:10px 0 0; color:rgba(255,255,255,.78); font-size:14px; line-height:1.65; }
.malina-sport-market-map ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.malina-sport-market-map li { display:flex; align-items:center; gap:10px; color:#fff; font-size:13px; font-weight:700;
   }
.malina-sport-market-map li i { display:grid; flex:0 0 24px; width:24px; height:24px; place-items:center; border-radius:50%;
   background:#ef4b8a; font-size:9px; }
@media (max-width:1100px) {
  .malina-sport-hero { grid-template-columns:1fr; }
  .malina-sport-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .malina-sport-bet-types { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .malina-sport-section { padding:76px 18px 84px; }
  .malina-sport-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .malina-sport-guide-grid,.malina-sport-market-map,.malina-sport-discipline-guide { grid-template-columns:1fr;
   }
}
@media (max-width:520px) {
  .malina-sport-bet-types { grid-template-columns:1fr; }
  .malina-sport-details { padding:23px 19px; }
  .malina-sport-visual figcaption { position:static; margin:10px 2px 2px; }
}

/* Malina Account & Security */
.malina-security-legacy{display:none!important}
.malina-security-section{position:relative;overflow:hidden;padding:92px 24px 100px;scroll-margin-top:100px;color:#f9eef8;
  background:linear-gradient(145deg,#241729,#3a2340 47%,#251933)}
.malina-security-section:before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(rgba(255,
  255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;
  mask-image:linear-gradient(#000,transparent 82%)}
.malina-security-container{position:relative;z-index:2;width:min(1500px,100%);margin:auto}
.malina-security-header{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.7fr);gap:70px;align-items:end;
  margin-bottom:46px}
.malina-security-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 15px;color:#ff83b5;font-size:13px;
  font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.malina-security-kicker i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(255,
  92,157,.14)}
.malina-security-header h2{max-width:850px;margin:0;color:#fff;font-size:clamp(43px,5vw,78px);font-weight:900;letter-spacing:-.055em;
  line-height:.98;text-transform:uppercase}
.malina-security-header>p{margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}
.malina-security-dashboard{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.55fr);gap:22px}
.malina-security-route{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:rgba(255,
  255,255,.055);box-shadow:0 24px 70px rgba(6,2,10,.24)}
.malina-security-route article{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;
  padding:25px 29px}
.malina-security-route article+article{border-top:1px solid rgba(255,255,255,.085)}
.malina-security-route article>i{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(255,
  255,255,.12);border-radius:17px;background:linear-gradient(145deg,rgba(255,92,157,.24),rgba(184,149,255,.12));
  color:#ff8cbc;font-size:19px}
.malina-security-route small,.malina-security-response-head span,.malina-security-case span{color:#ff84b5;font-size:10px;
  font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.malina-security-route h3{margin:5px 0 7px;color:#fff;font-size:20px;font-weight:900}.malina-security-route p{margin:0;
  color:rgba(255,255,255,.68);font-size:13px;line-height:1.68}
.malina-security-core{display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid rgba(255,
  255,255,.12);border-radius:30px;background:radial-gradient(circle at 50% 28%,rgba(242,70,139,.24),transparent 34%),
  linear-gradient(160deg,rgba(107,62,116,.62),rgba(39,24,48,.8));box-shadow:0 24px 70px rgba(6,2,10,.25)}
.malina-security-radar{position:relative;width:min(310px,100%);aspect-ratio:1;margin:0 auto 26px}.malina-security-radar>span{position:absolute;
  inset:0;margin:auto;border:1px solid rgba(255,255,255,.13);border-radius:50%}.malina-security-radar>span:nth-child(2){width:72%;
  height:72%;border-style:dashed}.malina-security-radar>span:nth-child(3){width:44%;height:44%;border-color:rgba(255,
  113,172,.35)}
.malina-security-radar>div{position:absolute;inset:0;display:flex;width:120px;height:120px;margin:auto;flex-direction:column;
  align-items:center;justify-content:center;gap:9px;border-radius:34px;background:linear-gradient(145deg,#f1488b,
  #be3174);box-shadow:0 18px 45px rgba(216,48,116,.38);text-align:center;transform:rotate(45deg)}
.malina-security-radar>div i,.malina-security-radar>div strong{transform:rotate(-45deg)}.malina-security-radar>div i{font-size:30px}.malina-security-radar>div strong{width:100px;
  font-size:10px;line-height:1.25;text-transform:uppercase}
.malina-security-signals{display:grid;gap:10px}.malina-security-signals p{display:grid;grid-template-columns:28px 1fr;
  gap:1px 9px;align-items:center;margin:0;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.07)}.malina-security-signals i{grid-row:1/3;
  display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#f04b8e;font-size:9px}.malina-security-signals b{font-size:12px}.malina-security-signals small{color:rgba(255,
  255,255,.58);font-size:10px}
.malina-security-response{margin-top:22px;padding:30px;border-radius:30px;background:#fff8fb;color:#4a3047;box-shadow:0 24px 70px rgba(6,
  2,10,.18)}.malina-security-response-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,.65fr);
  gap:42px;align-items:end}.malina-security-response-head span,.malina-security-case span{color:#ce2d70}.malina-security-response-head h3{margin:5px 0 0;
  color:#442940;font-size:clamp(28px,2.6vw,41px);font-weight:900}.malina-security-response-head>p{margin:0;color:#715c6d;
  font-size:13px;line-height:1.65}
.malina-security-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 13px}.malina-security-scenarios button{display:flex;
  min-height:56px;align-items:center;gap:10px;padding:13px 15px;border:1px solid #eadce6;border-radius:16px;background:#fff;
  color:#5a4055;cursor:pointer;font:inherit;font-size:12px;font-weight:900;text-align:left;transition:.2s}.malina-security-scenarios button:hover{transform:translateY(-2px)}.malina-security-scenarios button i{color:#d63277}.malina-security-scenarios button.is-active{border-color:#d93278;
  background:#d93278;color:#fff;box-shadow:0 11px 24px rgba(204,43,109,.2)}.malina-security-scenarios button.is-active i{color:#fff}
.malina-security-case{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:22px 24px;
  border-radius:20px;background:linear-gradient(135deg,#f7eaff,#fff1f5)}.malina-security-case>i{display:grid;width:50px;
  height:50px;place-items:center;border-radius:16px;background:#fff;color:#cf2e70;font-size:18px}.malina-security-case h4{margin:4px 0 7px;
  color:#472d44;font-size:18px;font-weight:900}.malina-security-case p{margin:0;color:#6d5768;font-size:13px;line-height:1.65}.malina-security-case small{display:block;
  margin-top:8px;color:#806b7b;font-size:11px;line-height:1.5}
.malina-security-guide-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;
  margin-top:22px;padding:20px 24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,
  255,255,.07);color:#fff;cursor:pointer;font:inherit;text-align:left}.malina-security-guide-button>span{display:grid;
  grid-template-columns:38px 1fr;gap:2px 13px;align-items:center}.malina-security-guide-button>span i{grid-row:1/3;
  display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:rgba(255,100,162,.15);color:#ff83b5}.malina-security-guide-button b{font-size:14px}.malina-security-guide-button small{color:rgba(255,
  255,255,.58);font-size:10px}.malina-security-guide-button>i{transition:.2s}.malina-security-guide-button.is-open>i{transform:rotate(180deg)}
.malina-security-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.malina-security-guide[hidden]{display:none}.malina-security-guide article{padding:22px;
  border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.06)}.malina-security-guide article>i{display:grid;
  width:40px;height:40px;margin-bottom:14px;place-items:center;border-radius:13px;background:rgba(255,102,162,.15);
  color:#ff88b8}.malina-security-guide h4{margin:0 0 8px;color:#fff;font-size:15px;font-weight:900}.malina-security-guide p{margin:0;
  color:rgba(255,255,255,.64);font-size:12px;line-height:1.65}
@media(max-width:1050px){.malina-security-header,.malina-security-dashboard{grid-template-columns:1fr}.malina-security-header{gap:20px}.malina-security-scenarios{grid-template-columns:repeat(2,
  1fr)}}
@media(max-width:760px){.malina-security-section{padding:74px 17px 82px}.malina-security-response-head{grid-template-columns:1fr}.malina-security-response{padding:22px 17px}.malina-security-guide{grid-template-columns:1fr}}
@media(max-width:520px){.malina-security-header h2{font-size:39px}.malina-security-route article{grid-template-columns:42px 1fr;
  gap:13px;padding:21px 17px}.malina-security-route article>i{width:42px;height:42px}.malina-security-scenarios{grid-template-columns:1fr}.malina-security-case{grid-template-columns:1fr}.malina-security-guide-button small{display:none}}

/* Compact security layout: content determines height */
.malina-security-section{padding-top:72px;padding-bottom:78px}
.malina-security-header{gap:54px;margin-bottom:32px}
.malina-security-header h2{font-size:clamp(40px,4.35vw,66px)}
.malina-security-header>p{font-size:15px;line-height:1.62}
.malina-security-dashboard{grid-template-columns:minmax(0,1.22fr) minmax(320px,.48fr);gap:18px;align-items:start}
.malina-security-route article{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 23px}
.malina-security-route article>i{width:42px;height:42px;border-radius:14px;font-size:16px}
.malina-security-route h3{margin:3px 0 5px;font-size:18px}
.malina-security-route p{font-size:15px;line-height:1.62}
.malina-security-core{min-height:0;padding:24px 25px}
.malina-security-radar{width:min(225px,100%);margin-bottom:18px}
.malina-security-radar>div{width:94px;height:94px;border-radius:27px}
.malina-security-radar>div i{font-size:24px}
.malina-security-radar>div strong{width:82px;font-size:8px}
.malina-security-signals{gap:8px}
.malina-security-signals p{padding:9px 11px}
.malina-security-response{margin-top:18px;padding:24px 26px}
.malina-security-scenarios{margin-top:19px}
.malina-security-guide-button{margin-top:18px;padding:17px 21px}
@media(max-width:1050px){.malina-security-dashboard{grid-template-columns:1fr}.malina-security-core{display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(260px,.45fr);gap:20px;align-items:center}.malina-security-radar{margin-bottom:0}}
@media(max-width:760px){.malina-security-section{padding-top:62px;padding-bottom:70px}.malina-security-core{display:flex}.malina-security-radar{margin-bottom:18px}}
@media(max-width:520px){.malina-security-route article{padding:17px 15px}.malina-security-header h2{font-size:36px}}

/* Malina bonus distribution */
.malina-bonus-legacy{display:none!important}.malina-bonus-section{position:relative;padding:88px 24px 96px;scroll-margin-top:100px;
  color:#4c3048;background:linear-gradient(180deg,#fff7e9,#fff0f6 47%,#f3edff)}
.malina-bonus-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 7% 12%,
  #ffd5e5 0 8px,transparent 9px),radial-gradient(circle at 94% 19%,#eddfff 0 11px,transparent 12px),radial-gradient(circle at 81% 86%,
  #ffe6a9 0 7px,transparent 8px)}
.malina-bonus-container{position:relative;z-index:2;width:min(1500px,100%);margin:auto}.malina-bonus-hero{display:grid;
  grid-template-columns:minmax(390px,.75fr) minmax(610px,1.25fr);gap:34px;align-items:center}
.malina-bonus-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 15px;color:#ce266b;font-size:13px;
  font-weight:900;letter-spacing:.13em;text-transform:uppercase}.malina-bonus-eyebrow i{display:grid;width:35px;
  height:35px;place-items:center;border-radius:50%;background:#ffe0eb}
.malina-bonus-hero h2{margin:0 0 20px;color:#422a3f;font-size:clamp(42px,4.5vw,70px);font-weight:900;letter-spacing:-.055em;
  line-height:.98;text-transform:uppercase}.malina-bonus-lead{margin:0;color:#695364;font-size:16px;line-height:1.72}
.malina-bonus-hero-facts{display:grid;gap:9px;margin-top:22px}.malina-bonus-hero-facts span{display:grid;grid-template-columns:38px 1fr;
  gap:1px 11px;align-items:center;padding:10px 12px;border:1px solid rgba(94,55,89,.09);border-radius:15px;background:rgba(255,
  255,255,.75)}.malina-bonus-hero-facts i{grid-row:1/3;display:grid;width:35px;height:35px;place-items:center;border-radius:12px;
  background:#fff0f5;color:#d42d72}.malina-bonus-hero-facts b{font-size:13px}.malina-bonus-hero-facts small{color:#826b7d;
  font-size:10px}
.malina-bonus-visual{position:relative;margin:0;padding:9px;border:1px solid rgba(94,55,89,.1);border-radius:31px;
  background:#fff;box-shadow:0 24px 55px rgba(100,63,93,.14)}.malina-bonus-visual img{display:block;width:100%;
  aspect-ratio:16/9;border-radius:23px;object-fit:cover}.malina-bonus-visual figcaption{position:absolute;right:25px;
  bottom:24px;display:flex;max-width:340px;align-items:center;gap:11px;padding:12px 15px;border-radius:17px;background:rgba(255,
  251,247,.91);box-shadow:0 10px 25px rgba(86,50,80,.13);backdrop-filter:blur(10px)}.malina-bonus-visual figcaption>i{display:grid;
  width:34px;height:34px;place-items:center;border-radius:11px;background:#ffe3ed;color:#d22b70}.malina-bonus-visual strong,
  .malina-bonus-visual small{display:block}.malina-bonus-visual strong{font-size:13px}.malina-bonus-visual small{margin-top:2px;
  color:#7a6575;font-size:10px;line-height:1.35}
.malina-welcome-card{margin-top:30px;overflow:hidden;border:1px solid rgba(92,51,87,.12);border-radius:31px;background:#fff;
  box-shadow:0 20px 48px rgba(96,58,91,.11)}.malina-welcome-copy{padding:28px 31px 24px;background:linear-gradient(125deg,
  #4b2d48,#713d69);color:#fff}.malina-welcome-copy>p:first-child{margin:0;color:#ff9ac1;font-size:11px;font-weight:900;
  letter-spacing:.13em;text-transform:uppercase}.malina-welcome-copy h3{margin:6px 0 7px;font-size:clamp(28px,3vw,
  44px);font-weight:900}.malina-welcome-aud{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,
  255,255,.12);font-size:11px;font-weight:800}.malina-welcome-text{max-width:1100px;margin:15px 0 0;color:rgba(255,
  255,255,.76);font-size:14px;line-height:1.65}
.malina-welcome-flow{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eadde7}.malina-welcome-flow div{display:grid;
  grid-template-columns:42px 1fr;gap:2px 11px;align-items:center;padding:18px 21px}.malina-welcome-flow div+div{border-left:1px solid #eadde7}.malina-welcome-flow i{grid-row:1/3;
  display:grid;width:39px;height:39px;place-items:center;border-radius:13px;background:#ffe4ee;color:#d22b70}.malina-welcome-flow strong{font-size:13px}.malina-welcome-flow small{color:#806a7b;
  font-size:10px}
.malina-spin-calendar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:25px;align-items:center;
  padding:25px 30px}.malina-spin-calendar span,.malina-bonus-schedule-head span,.malina-bonus-lanes article>span,
  .malina-bonus-checklist p{color:#cf2b70;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.malina-spin-calendar h4{margin:4px 0 7px;
  font-size:20px;font-weight:900}.malina-spin-calendar p{margin:0;color:#755f70;font-size:13px;line-height:1.62}.malina-spin-meter{display:grid;
  grid-template-columns:repeat(10,1fr);gap:6px;align-items:center}.malina-spin-meter b{grid-column:1/-1;color:#ce2c70;
  font-size:12px}.malina-spin-meter i{height:30px;border-radius:8px;background:linear-gradient(180deg,#f65b99,#d52c73);
  box-shadow:0 6px 12px rgba(212,44,114,.15)}.malina-spin-meter small{grid-column:1/-1;color:#867080;font-size:9px;
  text-align:right}.malina-bonus-terms{border-top:1px solid #eadde7}.malina-bonus-terms summary{display:flex;align-items:center;
  justify-content:space-between;padding:17px 30px;color:#c9296d;cursor:pointer;font-size:12px;font-weight:900;list-style:none}.malina-bonus-terms summary::-webkit-details-marker{display:none}.malina-bonus-terms summary i{transition:.2s}.malina-bonus-terms[open] summary i{transform:rotate(180deg)}.malina-bonus-terms>div{display:grid;
  grid-template-columns:1fr 1fr;gap:22px;padding:0 30px 22px}.malina-bonus-terms p{margin:0;color:#745e6f;font-size:12px;
  line-height:1.62}
.malina-bonus-schedule-head{display:grid;grid-template-columns:1fr minmax(360px,.6fr);gap:40px;align-items:end;
  margin:40px 0 16px}.malina-bonus-schedule-head h3{margin:5px 0 0;font-size:clamp(28px,3vw,42px);font-weight:900;
  letter-spacing:-.035em}.malina-bonus-schedule-head>p{margin:0;color:#745f70;font-size:13px;line-height:1.6}.malina-bonus-schedule{display:grid;
  grid-template-columns:1fr 1fr;gap:14px}.malina-bonus-daycard{position:relative;overflow:hidden;padding:25px 27px;
  border:1px solid rgba(94,55,89,.1);border-radius:25px;background:#fff;box-shadow:0 14px 34px rgba(97,59,92,.07)}.malina-bonus-daycard.weekend{background:linear-gradient(145deg,
  #fff9e8,#fff)}.malina-daycard-top{display:flex;align-items:center;gap:9px;color:#d02c70;font-size:11px;font-weight:900;
  text-transform:uppercase}.malina-daycard-top i{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;
  background:#ffe5ef}.malina-bonus-daycard h3{margin:13px 0 9px;font-size:23px;font-weight:900}.malina-bonus-daycard>p{margin:0;
  color:#725d6e;font-size:13px;line-height:1.62}.malina-bonus-daycard ul{display:grid;grid-template-columns:repeat(3,
  1fr);gap:8px;margin:18px 0 0;padding:0;list-style:none}.malina-bonus-daycard li{display:flex;align-items:center;
  gap:7px;padding:9px;border-radius:12px;background:#fff2f7;color:#604a5c;font-size:10px;font-weight:800}.malina-bonus-daycard li i{color:#d22c70;
  font-size:9px}
.malina-bonus-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.malina-bonus-lanes article{position:relative;
  padding:25px 23px 23px;border:1px solid rgba(94,55,89,.1);border-radius:23px;background:rgba(255,255,255,.82)}.malina-bonus-lanes article>i{display:grid;
  width:43px;height:43px;margin-bottom:16px;place-items:center;border-radius:14px;background:linear-gradient(145deg,
  #ffe2ed,#eee8ff);color:#d02c70;font-size:17px}.malina-bonus-lanes h3{margin:6px 0 9px;font-size:18px;font-weight:900}.malina-bonus-lanes p{margin:0;
  color:#735e6f;font-size:13px;line-height:1.62}
.malina-bonus-checklist{display:grid;grid-template-columns:minmax(0,.8fr) minmax(450px,1.2fr);gap:36px;align-items:center;
  margin-top:18px;padding:26px 29px;border-radius:25px;background:linear-gradient(130deg,#4a2c47,#72406b);color:#fff}.malina-bonus-checklist p{margin:0;
  color:#ff91bb}.malina-bonus-checklist h3{margin:6px 0 0;font-size:24px;font-weight:900;line-height:1.2}.malina-bonus-checklist ul{display:grid;
  grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.malina-bonus-checklist li{display:flex;
  align-items:center;gap:9px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.4}.malina-bonus-checklist li i{color:#f35997;
  font-size:7px}
@media(max-width:1100px){.malina-bonus-hero{grid-template-columns:1fr}.malina-welcome-flow{grid-template-columns:1fr 1fr}.malina-welcome-flow div:nth-child(3){border-left:0;
  border-top:1px solid #eadde7}.malina-welcome-flow div:nth-child(4){border-top:1px solid #eadde7}.malina-bonus-daycard ul{grid-template-columns:1fr}.malina-bonus-checklist{grid-template-columns:1fr}}
@media(max-width:760px){.malina-bonus-section{padding:70px 17px 78px}.malina-spin-calendar,.malina-bonus-schedule-head,
  .malina-bonus-schedule,.malina-bonus-lanes{grid-template-columns:1fr}.malina-bonus-terms>div{grid-template-columns:1fr}.malina-bonus-checklist ul{grid-template-columns:1fr}.malina-bonus-visual figcaption{position:static;
  margin:10px 2px 2px}}
@media(max-width:520px){.malina-bonus-hero h2{font-size:38px}.malina-welcome-flow{grid-template-columns:1fr}.malina-welcome-flow div+div{border-left:0;
  border-top:1px solid #eadde7}.malina-welcome-copy,.malina-spin-calendar{padding:22px 18px}.malina-bonus-daycard{padding:22px 18px}.malina-bonus-checklist{padding:23px 19px}}

/* Readable bonus typography */
.malina-bonus-lead{font-size:17px;line-height:1.7}
.malina-bonus-hero-facts b{font-size:15px}
.malina-bonus-hero-facts small{font-size:13px;line-height:1.4}
.malina-bonus-visual strong{font-size:15px}
.malina-bonus-visual small{font-size:13px;line-height:1.4}
.malina-welcome-copy>p:first-child,.malina-spin-calendar span,.malina-bonus-schedule-head span,.malina-bonus-lanes article>span,
  .malina-bonus-checklist p{font-size:12px}
.malina-welcome-aud{font-size:14px}
.malina-welcome-text{font-size:16px;line-height:1.65}
.malina-welcome-flow strong{font-size:15px}
.malina-welcome-flow small{font-size:13px;line-height:1.4}
.malina-spin-calendar p,.malina-bonus-schedule-head>p,.malina-bonus-daycard>p,.malina-bonus-lanes p{font-size:15px;
  line-height:1.65}
.malina-spin-meter b{font-size:14px}
.malina-spin-meter small{font-size:12px}
.malina-bonus-terms summary{font-size:15px}
.malina-bonus-terms p{font-size:15px;line-height:1.65}
.malina-daycard-top{font-size:13px}
.malina-bonus-daycard li{font-size:13px;line-height:1.45}
.malina-bonus-checklist li{font-size:14px;line-height:1.5}
.malina-bonus-daycard details,.malina-bonus-lanes details{margin-top:16px;padding-top:14px;border-top:1px solid rgba(91,
  52,86,.12)}
.malina-bonus-daycard summary,.malina-bonus-lanes summary{display:flex;align-items:center;justify-content:space-between;
  gap:12px;color:#cb286c;cursor:pointer;font-size:15px;font-weight:900;list-style:none}
.malina-bonus-daycard summary::-webkit-details-marker,.malina-bonus-lanes summary::-webkit-details-marker{display:none}
.malina-bonus-daycard details p,.malina-bonus-lanes details p{margin:13px 0 0;color:#6f596a;font-size:15px;line-height:1.65}
.malina-bonus-daycard details[open] summary i{transform:rotate(180deg)}
.malina-bonus-daycard summary i{transition:.2s}
.malina-bonus-value{margin:13px 0 2px;color:#462d43;font-size:clamp(30px,2.7vw,43px);font-weight:900;letter-spacing:-.045em;
  line-height:1}
.malina-bonus-value small{display:block;margin-top:7px;color:#cf2b70;font-size:14px;font-weight:900;letter-spacing:.03em;
  text-transform:uppercase}

/* Malina loyalty programme */
.malina-loyalty-section{position:relative;overflow:hidden;padding:90px 24px 96px;scroll-margin-top:100px;color:#3f2c3d;
  background:linear-gradient(145deg,#f8efff 0%,#fff 45%,#fff6e5 100%)}
.malina-loyalty-section:before{content:"";position:absolute;inset:auto -120px -210px auto;width:520px;height:520px;
  border:1px solid rgba(122,80,148,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(122,80,148,.035),0 0 0 120px rgba(122,
  80,148,.02)}
.malina-loyalty-container{position:relative;z-index:2;width:min(1500px,100%);margin:auto}.malina-loyalty-intro{display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.7fr);gap:65px;align-items:end;margin-bottom:34px}.malina-loyalty-kicker{display:inline-flex;
  align-items:center;gap:10px;margin:0 0 14px;color:#762e85;font-size:13px;font-weight:900;letter-spacing:.13em;
  text-transform:uppercase}.malina-loyalty-kicker i{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;
  background:#eadcf5}.malina-loyalty-intro h2{margin:0;color:#3d293b;font-size:clamp(42px,4.7vw,72px);font-weight:900;
  letter-spacing:-.055em;line-height:.98;text-transform:uppercase}.malina-loyalty-intro>p{margin:0;color:#6c5968;
  font-size:16px;line-height:1.7}
.malina-loyalty-stage{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:stretch}.malina-loyalty-passport{display:flex;
  flex-direction:column;padding:27px;border-radius:28px;background:linear-gradient(160deg,#362036,#6c3767);color:#fff;
  box-shadow:0 20px 45px rgba(66,36,63,.18)}.malina-loyalty-passport>span{color:#f7a3c6;font-size:11px;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase}.malina-loyalty-passport>strong{margin-top:13px;font-size:96px;
  font-weight:900;letter-spacing:-.08em;line-height:.8}.malina-loyalty-passport>small{margin:8px 0 24px;color:rgba(255,
  255,255,.63);font-size:13px}.malina-loyalty-passport>div{display:grid;grid-template-columns:74px 1fr;gap:12px;
  align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.malina-loyalty-passport b{font-size:20px}.malina-loyalty-passport p{margin:0;
  color:rgba(255,255,255,.68);font-size:13px;line-height:1.45}
.malina-loyalty-console{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(91,57,88,
  .11);border-radius:28px;background:#fff;box-shadow:0 20px 45px rgba(83,52,80,.09)}.malina-loyalty-rail{display:grid;
  grid-template-columns:repeat(5,1fr);padding:0;background:#f7f0fa}.malina-loyalty-rail button{position:relative;
  display:grid;grid-template-columns:1fr 55px;gap:0 8px;align-items:center;min-height:106px;padding:15px 18px;border:0;
  border-right:1px solid #e7dce9;background:transparent;color:#6b5768;cursor:pointer;font:inherit;text-align:left;
  transition:.2s}.malina-loyalty-rail button:last-child{border-right:0}.malina-loyalty-rail button span{font-size:11px;
  font-weight:900;text-transform:uppercase}.malina-loyalty-rail button b{grid-row:1/3;grid-column:2;font-size:48px;
  font-weight:900;letter-spacing:-.06em;text-align:right}.malina-loyalty-rail button small{font-size:12px}.malina-loyalty-rail button.is-active{background:linear-gradient(145deg,
  #dd347d,#a33a91);color:#fff;box-shadow:0 13px 28px rgba(171,48,127,.24)}
.malina-loyalty-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.65fr);gap:18px 38px;align-content:center;
  padding:29px 32px}.malina-loyalty-panel>span{grid-column:1;color:#a2398c;font-size:11px;font-weight:900;letter-spacing:.12em;
  text-transform:uppercase}.malina-loyalty-panel h3{grid-column:1;margin:0;font-size:28px;font-weight:900}.malina-loyalty-panel>p{grid-column:1;
  margin:0;color:#705d6d;font-size:15px;line-height:1.65}.malina-loyalty-panel ul{grid-row:1/4;grid-column:2;display:grid;
  align-content:center;gap:10px;margin:0;padding:0;list-style:none}.malina-loyalty-panel li{display:flex;align-items:center;
  gap:10px;padding:12px 14px;border-radius:14px;background:#f8f1fb;color:#574453;font-size:14px;font-weight:800}.malina-loyalty-panel li i{display:grid;
  flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:50%;background:#dc3a80;color:#fff;font-size:9px}.malina-loyalty-panel>small{grid-column:1/-1;
  display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:#fff6dc;color:#765f65;
  font-size:13px;line-height:1.5}.malina-loyalty-panel>small i{margin-top:3px;color:#b77c22}
.malina-loyalty-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.malina-loyalty-benefits article{display:grid;
  grid-template-columns:48px 1fr;gap:16px;padding:22px 24px;border:1px solid rgba(91,57,88,.1);border-radius:21px;
  background:rgba(255,255,255,.8)}.malina-loyalty-benefits article>i{display:grid;width:46px;height:46px;place-items:center;
  border-radius:15px;background:linear-gradient(145deg,#eadcf5,#ffe4ed);color:#a63a8d}.malina-loyalty-benefits span{color:#a13a89;
  font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.malina-loyalty-benefits h3{margin:4px 0 7px;
  font-size:19px;font-weight:900}.malina-loyalty-benefits p{margin:0;color:#6c5969;font-size:15px;line-height:1.62}
.malina-loyalty-guide{margin-top:14px;border-radius:22px;background:#422a40;color:#fff}.malina-loyalty-guide summary{display:flex;
  align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;list-style:none}.malina-loyalty-guide summary::-webkit-details-marker{display:none}.malina-loyalty-guide summary>span{display:grid;
  grid-template-columns:39px 1fr;gap:2px 12px;align-items:center}.malina-loyalty-guide summary>span i{grid-row:1/3;
  display:grid;width:39px;height:39px;place-items:center;border-radius:13px;background:#703d6b;color:#ff91ba}.malina-loyalty-guide summary b{font-size:15px}.malina-loyalty-guide summary small{color:rgba(255,
  255,255,.6);font-size:12px}.malina-loyalty-guide summary>i{transition:.2s}.malina-loyalty-guide[open] summary>i{transform:rotate(180deg)}.malina-loyalty-guide>div{display:grid;
  grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 22px}.malina-loyalty-guide p{margin:0;padding:17px;
  border-radius:16px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72);font-size:14px;line-height:1.62}.malina-loyalty-guide strong{color:#ff91ba}
@media(max-width:1100px){.malina-loyalty-intro{grid-template-columns:1fr;gap:18px}.malina-loyalty-stage{grid-template-columns:1fr}.malina-loyalty-passport{display:grid;
  grid-template-columns:120px 1fr 1fr 1fr;gap:14px;align-items:center}.malina-loyalty-passport>span,.malina-loyalty-passport>small{display:none}.malina-loyalty-passport>strong{margin:0}.malina-loyalty-passport>div{border-top:0;
  border-left:1px solid rgba(255,255,255,.12);padding:8px 0 8px 15px}.malina-loyalty-rail button{grid-template-columns:1fr;
  min-height:90px}.malina-loyalty-rail button b{grid-row:auto;grid-column:auto;text-align:left}.malina-loyalty-rail button small{display:none}}
@media(max-width:760px){.malina-loyalty-section{padding:72px 17px 80px}.malina-loyalty-passport{grid-template-columns:1fr 1fr}.malina-loyalty-passport>strong{grid-row:1/4}.malina-loyalty-rail{grid-template-columns:repeat(5,
  minmax(75px,1fr));overflow-x:auto}.malina-loyalty-rail button{padding:12px;min-height:82px}.malina-loyalty-panel{grid-template-columns:1fr;
  padding:24px 18px}.malina-loyalty-panel>span,.malina-loyalty-panel h3,.malina-loyalty-panel>p,.malina-loyalty-panel ul,
  .malina-loyalty-panel>small{grid-column:1;grid-row:auto}.malina-loyalty-benefits,.malina-loyalty-guide>div{grid-template-columns:1fr}}
@media(max-width:520px){.malina-loyalty-intro h2{font-size:37px}.malina-loyalty-passport{display:block}.malina-loyalty-passport>strong{display:block;
  margin-bottom:14px}.malina-loyalty-passport>div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.malina-loyalty-benefits article{grid-template-columns:42px 1fr;
  padding:19px 16px}.malina-loyalty-benefits article>i{width:42px;height:42px}}

/* Malina responsive mobile casino */
.malina-mobile-legacy{display:none!important}.malina-mobile-section{position:relative;overflow:hidden;padding:90px 24px 96px;
  scroll-margin-top:100px;color:#fff;background:linear-gradient(145deg,#171726,#25223d 52%,#371d3a)}.malina-mobile-section:before{content:"";
  position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(239,64,133,.16),
  transparent 26%),radial-gradient(circle at 88% 72%,rgba(133,110,231,.15),transparent 28%)}
.malina-mobile-container{position:relative;z-index:2;width:min(1500px,100%);margin:auto}.malina-mobile-heading{display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(390px,.7fr);gap:64px;align-items:end;margin-bottom:37px}.malina-mobile-kicker{display:inline-flex;
  align-items:center;gap:10px;margin:0 0 14px;color:#ff7eb2;font-size:13px;font-weight:900;letter-spacing:.13em;
  text-transform:uppercase}.malina-mobile-kicker i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;
  background:rgba(239,64,133,.15)}.malina-mobile-heading h2{margin:0;font-size:clamp(42px,4.5vw,69px);font-weight:900;
  letter-spacing:-.055em;line-height:.98;text-transform:uppercase}.malina-mobile-heading>p{margin:0;color:rgba(255,
  255,255,.7);font-size:16px;line-height:1.72}
.malina-device-showcase{display:grid;grid-template-columns:minmax(380px,.7fr) minmax(660px,1.3fr);gap:20px;align-items:stretch}.malina-device-copy{display:flex;
  flex-direction:column;padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:29px;background:rgba(255,
  255,255,.055)}.malina-device-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.malina-device-tabs button{display:flex;
  min-height:54px;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid rgba(255,255,
  255,.1);border-radius:14px;background:transparent;color:rgba(255,255,255,.65);cursor:pointer;font:inherit;font-size:12px;
  font-weight:900}.malina-device-tabs button.is-active{border-color:#ed4184;background:#ed4184;color:#fff}.malina-device-description{padding:27px 3px 20px}.malina-device-description>span{color:#ff82b4;
  font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.malina-device-description h3{margin:6px 0 10px;
  font-size:29px;font-weight:900}.malina-device-description>p{margin:0;color:rgba(255,255,255,.7);font-size:15px;
  line-height:1.68}.malina-device-description ul{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}.malina-device-description li{display:flex;
  align-items:center;gap:9px;font-size:14px;font-weight:800}.malina-device-description li i{display:grid;width:24px;
  height:24px;place-items:center;border-radius:50%;background:#ed4184;font-size:8px}.malina-mobile-continuity{display:grid;
  grid-template-columns:45px 1fr;gap:13px;align-items:start;margin-top:auto;padding:16px;border-radius:17px;background:rgba(255,
  255,255,.07)}.malina-mobile-continuity>i{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;
  background:#7763cd;color:#fff}.malina-mobile-continuity strong{font-size:15px}.malina-mobile-continuity p{margin:5px 0 0;
  color:rgba(255,255,255,.62);font-size:13px;line-height:1.5}
.malina-device-scene{position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:29px;
  background:linear-gradient(145deg,#f9dcea,#dfd4ff 48%,#fff1c9)}.malina-device-scene:after{content:"";position:absolute;
  left:9%;right:9%;bottom:5%;height:14%;border-radius:50%;background:rgba(77,44,74,.14);filter:blur(24px)}.malina-device-laptop{position:absolute;
  z-index:1;right:7%;top:13%;width:70%}.malina-device-laptop>.malina-screen-ui{height:300px;border:9px solid #302b38;
  border-radius:17px 17px 8px 8px}.malina-laptop-base{width:112%;height:16px;margin-left:-6%;border-radius:2px 2px 18px 18px;
  background:linear-gradient(#d7d4dc,#a6a2ab);box-shadow:0 8px 14px rgba(36,24,39,.25)}.malina-device-tablet{position:absolute;
  z-index:2;left:8%;top:19%;width:34%;padding:9px;border-radius:22px;background:#302936;box-shadow:0 20px 35px rgba(43,
  26,45,.25);transform:rotate(-4deg)}.malina-device-tablet>.malina-screen-ui{height:330px;border-radius:14px}.malina-device-phone{position:absolute;
  z-index:3;right:10%;bottom:5%;width:20%;padding:11px 8px 9px;border-radius:28px;background:#28232e;box-shadow:0 22px 40px rgba(43,
  26,45,.32);transform:rotate(4deg)}.malina-device-phone>.malina-screen-ui{height:270px;border-radius:19px}.malina-phone-speaker{position:absolute;
  z-index:2;left:38%;top:5px;width:24%;height:4px;border-radius:9px;background:#111}
.malina-mobile-mascot{display:flex;align-items:flex-end;justify-content:center;margin:0;padding:22px 28px 0;background:radial-gradient(circle at 52% 42%,
  rgba(255,255,255,.96),rgba(247,218,240,.84) 42%,rgba(220,206,255,.76) 72%,rgba(255,239,202,.72));isolation:isolate}.malina-mobile-mascot:before{content:"";
  position:absolute;z-index:-1;width:68%;aspect-ratio:1;left:16%;top:10%;border:1px solid rgba(170,79,139,.18);
  border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.18),0 0 0 58px rgba(170,79,139,.07)}.malina-mobile-mascot:after{left:20%;
  right:20%;bottom:2%;height:8%;background:rgba(72,35,69,.18);filter:blur(20px)}.malina-mobile-mascot img{position:relative;
  z-index:2;display:block;width:auto;max-width:88%;height:500px;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 24px 24px rgba(71,31,67,.2))}.malina-mobile-mascot figcaption{position:absolute;z-index:3;
  left:26px;right:26px;bottom:24px;display:flex;flex-direction:column;gap:3px;padding:14px 18px;border:1px solid rgba(255,
  255,255,.62);border-radius:17px;background:rgba(57,35,65,.88);box-shadow:0 12px 28px rgba(48,28,51,.18);backdrop-filter:blur(10px);
  color:#fff}.malina-mobile-mascot figcaption strong{font-size:16px;line-height:1.25}.malina-mobile-mascot figcaption span{font-size:14px;
  line-height:1.45;color:rgba(255,255,255,.82)}
.malina-screen-ui{overflow:hidden;background:#fff;color:#4b3048}.malina-ui-bar{display:flex;align-items:center;
  justify-content:space-between;padding:12px;background:#fff;color:#472d43;font-size:10px}.malina-ui-bar b{color:#cf286e}.malina-ui-hero{display:flex;
  height:42%;flex-direction:column;justify-content:flex-end;padding:15px;background:linear-gradient(135deg,#f05a94,
  #7546a5);color:#fff}.malina-ui-hero small{font-size:8px;font-weight:900}.malina-ui-hero strong{font-size:20px}.malina-ui-cards{display:grid;
  grid-template-columns:repeat(2,1fr);gap:7px;padding:10px}.malina-device-laptop .malina-ui-cards{grid-template-columns:repeat(4,
  1fr)}.malina-ui-cards i{height:69px;border-radius:8px;background:linear-gradient(145deg,#ffcb76,#eb4a8b)}.malina-ui-cards i:nth-child(2n){background:linear-gradient(145deg,
  #8062d1,#43c3d6)}.malina-phone-nav{position:absolute;left:8px;right:8px;bottom:9px;display:flex;justify-content:space-around;
  padding:9px;border-radius:0 0 18px 18px;background:#fff;color:#ca2b6f;font-size:10px}
.malina-mobile-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.malina-mobile-features article{padding:21px 19px;
  border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.055)}.malina-mobile-features article>i{display:grid;
  width:39px;height:39px;margin-bottom:14px;place-items:center;border-radius:13px;background:rgba(239,65,132,.16);
  color:#ff81b3}.malina-mobile-features h3{margin:0 0 8px;font-size:17px;font-weight:900}.malina-mobile-features p{margin:0;
  color:rgba(255,255,255,.64);font-size:14px;line-height:1.58}
.malina-shortcut-guide{margin-top:18px;padding:28px;border-radius:28px;background:#fff;color:#462e43}.malina-shortcut-title{display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(300px,.6fr);gap:4px 35px;align-items:end;margin-bottom:20px}.malina-shortcut-title p{grid-column:1;
  margin:0;color:#cc2c70;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.malina-shortcut-title h3{grid-column:1;
  margin:0;font-size:30px;font-weight:900}.malina-shortcut-title>span{grid-row:1/3;grid-column:2;color:#725e6d;
  font-size:14px;line-height:1.55}.malina-shortcut-platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.malina-shortcut-platforms article{padding:22px;
  border-radius:20px;background:#fff4f8}.malina-shortcut-platforms article:nth-child(2){background:#f2efff}.malina-platform-head{display:flex;
  align-items:center;gap:10px}.malina-platform-head>i{display:grid;width:39px;height:39px;place-items:center;border-radius:13px;
  background:#fff;color:#cf2d71;font-size:20px}.malina-platform-head h4{margin:0;font-size:19px}.malina-platform-flow{display:flex;
  align-items:center;gap:8px;margin:18px 0}.malina-platform-flow span{display:flex;min-height:48px;flex:1;align-items:center;
  justify-content:center;gap:7px;padding:9px;border-radius:13px;background:#fff;font-size:11px;text-align:center}.malina-platform-flow em{width:14px;
  height:2px;background:#d82f76}.malina-shortcut-platforms article>p{margin:0;color:#6e596a;font-size:15px;line-height:1.62}
.malina-mobile-guide{margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,
  255,255,.06)}.malina-mobile-guide summary{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;
  cursor:pointer;list-style:none}.malina-mobile-guide summary::-webkit-details-marker{display:none}.malina-mobile-guide summary>span{display:grid;
  grid-template-columns:39px 1fr;gap:2px 12px;align-items:center}.malina-mobile-guide summary>span i{grid-row:1/3;
  display:grid;width:39px;height:39px;place-items:center;border-radius:13px;background:#703d6b;color:#ff8cb9}.malina-mobile-guide summary b{font-size:15px}.malina-mobile-guide summary small{color:rgba(255,
  255,255,.59);font-size:12px}.malina-mobile-guide summary>i{transition:.2s}.malina-mobile-guide[open] summary>i{transform:rotate(180deg)}.malina-mobile-guide>div{display:grid;
  grid-template-columns:repeat(4,1fr);gap:10px;padding:0 22px 22px}.malina-mobile-guide p{margin:0;padding:16px;
  border-radius:15px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.68);font-size:14px;line-height:1.58}.malina-mobile-guide strong{color:#ff88b6}
@media(max-width:1100px){.malina-mobile-heading,.malina-device-showcase{grid-template-columns:1fr}.malina-mobile-heading{gap:18px}.malina-device-scene{min-height:570px}.malina-mobile-mascot img{height:550px}.malina-mobile-features{grid-template-columns:1fr 1fr}.malina-mobile-guide>div{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.malina-mobile-section{padding:72px 17px 80px}.malina-device-tabs{grid-template-columns:1fr}.malina-device-scene{min-height:450px}.malina-device-laptop{width:82%;
  right:4%}.malina-device-laptop>.malina-screen-ui{height:250px}.malina-device-tablet{width:39%;left:4%;top:23%}.malina-device-tablet>.malina-screen-ui{height:280px}.malina-device-phone{width:25%;
  right:7%}.malina-shortcut-title,.malina-shortcut-platforms{grid-template-columns:1fr}.malina-shortcut-title p,
  .malina-shortcut-title h3,.malina-shortcut-title>span{grid-column:1;grid-row:auto}.malina-mobile-features,.malina-mobile-guide>div{grid-template-columns:1fr}}
@media(max-width:520px){.malina-mobile-heading h2{font-size:37px}.malina-device-copy{padding:20px 16px}.malina-device-scene{min-height:430px}.malina-mobile-mascot{padding:14px 8px 0}.malina-mobile-mascot img{max-width:100%;
  height:410px}.malina-mobile-mascot figcaption{left:12px;right:12px;bottom:12px;padding:12px 14px}.malina-platform-flow{display:grid;
  grid-template-columns:1fr}.malina-platform-flow em{width:2px;height:12px;margin:auto}.malina-shortcut-guide{padding:22px 16px}}

/* Mobile mascot: integrated into the section rather than framed as a separate poster. */
.malina-device-scene.malina-mobile-mascot{min-height:540px;overflow:visible;border:0;border-radius:0;background:transparent;
  box-shadow:none;padding:0 24px}.malina-device-scene.malina-mobile-mascot:before{z-index:0;left:18%;top:17%;width:64%;
  aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle,rgba(239,64,133,.2) 0,rgba(145,91,
  190,.1) 42%,transparent 70%);box-shadow:none;filter:blur(10px)}.malina-device-scene.malina-mobile-mascot:after{z-index:0;
  left:28%;right:28%;bottom:5%;height:7%;background:rgba(4,3,13,.42);filter:blur(22px)}.malina-device-scene.malina-mobile-mascot img{z-index:1;
  max-width:none;height:570px;filter:drop-shadow(0 24px 24px rgba(5,3,14,.34))}.malina-device-scene.malina-mobile-mascot figcaption{z-index:2;
  left:9%;right:9%;bottom:6px;border-color:rgba(255,255,255,.1);background:rgba(45,37,65,.88)}
@media(max-width:1100px){.malina-device-scene.malina-mobile-mascot{min-height:570px}.malina-device-scene.malina-mobile-mascot img{height:590px}}
@media(max-width:520px){.malina-device-scene.malina-mobile-mascot{min-height:440px;padding:0}.malina-device-scene.malina-mobile-mascot img{height:445px}.malina-device-scene.malina-mobile-mascot figcaption{left:0;
  right:0;bottom:0}}

/* Account and security readability */
.malina-security-route small,.malina-security-response-head span,.malina-security-case span{font-size:12px;letter-spacing:.11em}.malina-security-signals b{font-size:15px}.malina-security-signals small{color:rgba(255,
  255,255,.68);font-size:13px;line-height:1.35}.malina-security-response-head>p{font-size:16px}.malina-security-scenarios button{min-height:62px;
  padding:14px 16px;font-size:15px;line-height:1.35}.malina-security-case h4{font-size:21px}.malina-security-case p{font-size:16px}.malina-security-case small{margin-top:10px;
  font-size:14px;line-height:1.55}.malina-security-guide-button b{font-size:17px}.malina-security-guide-button small{color:rgba(255,
  255,255,.68);font-size:14px}.malina-security-guide h4{font-size:18px}.malina-security-guide p{color:rgba(255,
  255,255,.7);font-size:15px}

/* Malina payment methods */
.malina-payment-legacy{display:none!important}.malina-payments-section{position:relative;overflow:hidden;padding:88px 24px 96px;
  scroll-margin-top:100px;color:#4b3048;background:linear-gradient(180deg,#fff8f4 0,#fff0f5 46%,#f4efff 100%)}.malina-payments-section:before{content:"";
  position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 10%,rgba(239,62,132,.14),
  transparent 22%),radial-gradient(circle at 94% 28%,rgba(136,109,225,.14),transparent 24%)}.malina-payments-container{position:relative;
  z-index:1;width:min(1500px,100%);margin:auto}.malina-payments-header{display:grid;grid-template-columns:minmax(0,
  1fr) minmax(380px,.7fr);gap:70px;align-items:end;margin-bottom:34px}.malina-payments-kicker{display:inline-flex;
  align-items:center;gap:10px;margin:0 0 14px;color:#d82f75;font-size:14px;font-weight:900;letter-spacing:.12em;
  text-transform:uppercase}.malina-payments-kicker i{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;
  background:#ffe0ec}.malina-payments-header h2{max-width:850px;margin:0;font-size:clamp(42px,4.6vw,70px);font-weight:900;
  letter-spacing:-.05em;line-height:1}.malina-payments-header>p{margin:0;color:#705a6b;font-size:16px;line-height:1.72}.malina-payment-switch{display:grid;
  grid-template-columns:1fr 1fr;gap:12px;padding:8px;border:1px solid #eadde6;border-radius:25px;background:rgba(255,
  255,255,.74);box-shadow:0 18px 45px rgba(87,46,77,.09)}.malina-payment-switch button{display:flex;min-height:78px;
  align-items:center;gap:15px;padding:14px 20px;border:0;border-radius:18px;background:transparent;color:#745d70;
  cursor:pointer;font:inherit;text-align:left;transition:.2s}.malina-payment-switch button>i{display:grid;width:45px;
  height:45px;flex:0 0 auto;place-items:center;border-radius:14px;background:#f4eaf2;color:#d62f74;font-size:18px}.malina-payment-switch button span{display:flex;
  flex-direction:column;gap:3px}.malina-payment-switch button b{font-size:19px}.malina-payment-switch button small{font-size:14px;
  line-height:1.35}.malina-payment-switch button.is-active{background:linear-gradient(135deg,#ed3c83,#cc276c);box-shadow:0 13px 28px rgba(207,
  41,109,.25);color:#fff}.malina-payment-switch button.is-active>i{background:rgba(255,255,255,.18);color:#fff}.malina-payment-overview{display:flex;
  align-items:center;justify-content:space-between;gap:25px;margin:20px 0 14px;padding:18px 22px;border-radius:22px;
  background:#3f2941;color:#fff}.malina-payment-overview>div{display:flex;align-items:center;gap:13px}.malina-payment-overview>div>i{font-size:29px;
  color:#ff7fae}.malina-payment-overview small{display:block;color:#ff94bb;font-size:12px;font-weight:900;letter-spacing:.1em;
  text-transform:uppercase}.malina-payment-overview b{font-size:22px}.malina-payment-overview>p{display:flex;align-items:center;
  gap:10px;margin:0}.malina-payment-overview>p>*{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,
  .08);font-size:14px}.malina-payment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.malina-payment-grid article{display:grid;
  grid-template-columns:55px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #eadde7;border-radius:20px;background:rgba(255,
  255,255,.88);box-shadow:0 12px 28px rgba(81,45,76,.06);animation:malinaPaymentIn .35s both;animation-delay:var(--payment-delay)}@keyframes malinaPaymentIn{from{opacity:0;
  transform:translateY(8px)}to{opacity:1;transform:none}}.malina-payment-logo{display:grid;width:55px;height:55px;
  place-items:center;border-radius:16px;background:#f8edf3}.malina-payment-logo img{display:block;max-width:42px;
  max-height:34px}.malina-payment-name{align-self:center;min-width:0}.malina-payment-name small{display:block;overflow:hidden;
  color:#a17993;font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.malina-payment-name h3{margin:3px 0 0;
  font-size:16px;font-weight:900;line-height:1.2}.malina-payment-grid dl{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;
  gap:7px;margin:2px 0 0}.malina-payment-grid dl>div{padding:9px 10px;border-radius:11px;background:#f8f2f6}.malina-payment-grid dt{color:#927789;
  font-size:12px;font-weight:800}.malina-payment-grid dd{margin:2px 0 0;color:#482d44;font-size:15px;font-weight:900}.malina-payment-network-note{display:grid;
  grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-top:18px;padding:20px 23px;border:1px solid #e4d8ef;
  border-radius:22px;background:#f0eaff}.malina-payment-network-note>i{display:grid;width:46px;height:46px;place-items:center;
  border-radius:14px;background:#fff;color:#7856c5}.malina-payment-network-note strong{font-size:18px}.malina-payment-network-note p{margin:5px 0 0;
  color:#68566f;font-size:15px;line-height:1.62}.malina-payment-limits{margin-top:18px;padding:30px;border-radius:30px;
  background:linear-gradient(145deg,#38263e,#4c2e4b);color:#fff}.malina-payment-limits-copy{display:grid;grid-template-columns:minmax(0,
  .9fr) minmax(360px,.65fr);gap:4px 45px;align-items:end;margin-bottom:22px}.malina-payment-limits-copy>p{margin:0;
  color:#ff86b5;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.malina-payment-limits-copy h3{margin:0;
  font-size:clamp(28px,3vw,42px);font-weight:900}.malina-payment-limits-copy>span{grid-column:2;grid-row:1/3;color:rgba(255,
  255,255,.7);font-size:15px;line-height:1.62}.malina-payment-levels{display:grid;grid-template-columns:repeat(5,
  1fr);gap:9px}.malina-payment-levels article{display:flex;min-height:160px;flex-direction:column;justify-content:center;
  padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.065)}.malina-payment-levels small{color:#ff91ba;
  font-size:13px;font-weight:900}.malina-payment-levels b{margin-top:10px;font-size:29px}.malina-payment-levels span{color:rgba(255,
  255,255,.57);font-size:13px}.malina-payment-levels strong{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,
  255,255,.1);font-size:15px}.malina-payment-guide{margin-top:16px;border:1px solid #e7dbe4;border-radius:22px;
  background:rgba(255,255,255,.78)}.malina-payment-guide summary{display:flex;align-items:center;justify-content:space-between;
  padding:19px 22px;cursor:pointer;list-style:none}.malina-payment-guide summary::-webkit-details-marker{display:none}.malina-payment-guide summary>span{display:grid;
  grid-template-columns:42px 1fr;gap:2px 13px;align-items:center}.malina-payment-guide summary>span>i{grid-row:1/3;
  display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#ffe0eb;color:#d62f74}.malina-payment-guide summary b{font-size:17px}.malina-payment-guide summary small{color:#806a7b;
  font-size:14px}.malina-payment-guide summary>i{transition:.2s}.malina-payment-guide[open] summary>i{transform:rotate(180deg)}.malina-payment-guide>div{display:grid;
  grid-template-columns:repeat(4,1fr);gap:10px;padding:0 22px 22px}.malina-payment-guide p{margin:0;padding:16px;
  border-radius:15px;background:#faf3f7;color:#6f596a;font-size:15px;line-height:1.6}.malina-payment-guide strong{color:#ca2b6d}
@media(max-width:1200px){.malina-payment-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:980px){.malina-payments-header,
  .malina-payment-limits-copy{grid-template-columns:1fr;gap:18px}.malina-payment-limits-copy>span{grid-column:1;
  grid-row:auto}.malina-payment-grid{grid-template-columns:repeat(3,1fr)}.malina-payment-levels{grid-template-columns:repeat(3,
  1fr)}.malina-payment-guide>div{grid-template-columns:1fr 1fr}.malina-payment-overview{align-items:flex-start;
  flex-direction:column}.malina-payment-overview>p{flex-wrap:wrap}}@media(max-width:700px){.malina-payments-section{padding:72px 16px 82px}.malina-payment-switch{grid-template-columns:1fr}.malina-payment-grid{grid-template-columns:1fr 1fr}.malina-payment-levels{grid-template-columns:1fr 1fr}.malina-payment-guide>div{grid-template-columns:1fr}}@media(max-width:480px){.malina-payments-header h2{font-size:38px}.malina-payment-grid,
  .malina-payment-levels{grid-template-columns:1fr}.malina-payment-limits{padding:22px 16px}.malina-payment-network-note{grid-template-columns:1fr}.malina-payment-overview>p>*{font-size:13px}}

/* Payment logo correction and permanent fixed-header scope */
.malina-payment-grid article{grid-template-columns:70px minmax(0,1fr);align-items:center}.malina-payment-logo{width:70px;
  height:60px;padding:7px;border:1px solid #eee3ea;background:#fff}.malina-payment-logo img{width:100%;height:100%;
  max-width:60px;max-height:46px;object-fit:contain}.malina-payment-grid dl{grid-column:1/3}.malina-payments-header{position:relative!important;
  inset:auto!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;text-align:inherit!important;z-index:auto!important}
.malina-payment-grid article{display:flex;min-height:218px;flex-direction:column;align-items:stretch;gap:0;padding:15px}.malina-payment-logo{display:flex;
  width:100%;height:76px;align-items:center;justify-content:center;gap:20px;padding:10px 18px;border:1px solid #eadfe6;
  border-radius:15px;background:#fff}.malina-payment-logo img{display:block;width:auto;height:auto;max-width:165px;
  max-height:54px;object-fit:contain}.malina-payment-logo.is-dual img{max-width:72px;max-height:43px}.malina-payment-name{padding:12px 4px 10px;
  text-align:center}.malina-payment-name h3{margin:0 0 4px;font-size:19px;line-height:1.2}.malina-payment-name small{overflow:visible;
  color:#957489;font-size:13px;line-height:1.3;text-overflow:clip;white-space:normal}.malina-payment-range{display:flex;
  align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:10px 12px;border-radius:12px;
  background:#f8f2f6;color:#886f81}.malina-payment-range span{font-size:12px;font-weight:700}.malina-payment-range strong{color:#4b3048;
  font-size:14px;font-weight:900;white-space:nowrap}.malina-payment-range i{padding:0 2px;color:#bd9aac;font-style:normal;
  font-weight:500}@media(max-width:700px){.malina-payment-grid article{min-height:205px}.malina-payment-logo{height:70px}.malina-payment-logo img{max-height:48px}.malina-payment-range{align-items:flex-start;
  flex-direction:column;gap:3px}}
.malina-payment-grid article{min-height:196px;padding:0;overflow:hidden;border-color:#dfd2dc;background:#fff}.malina-payment-logo{width:100%;
  height:92px;flex:0 0 92px;gap:22px;padding:16px 24px;border:0;border-radius:0;background:linear-gradient(135deg,
  #302038 0%,#54334f 100%)}.malina-payment-logo img{width:100%;height:52px;max-width:190px;max-height:52px;object-fit:contain}.malina-payment-logo.is-dual img{width:72px;
  height:48px;max-width:72px;max-height:48px}.malina-payment-name{padding:13px 15px 7px;text-align:left}.malina-payment-name h3{margin:0;
  font-size:19px}.malina-payment-name small{margin-top:4px;color:#927387;font-size:13px}.malina-payment-range{margin:0 15px 14px;
  padding:7px 0 0;border-top:1px solid #eee3e9;border-radius:0;background:transparent}.malina-payment-range span{color:#9b8091;
  font-size:11px;text-transform:uppercase;letter-spacing:.06em}.malina-payment-range strong{font-size:14px}@media(max-width:700px){.malina-payment-grid article{min-height:190px}.malina-payment-logo{height:86px;
  flex-basis:86px}.malina-payment-logo img{height:48px;max-width:175px;max-height:48px}.malina-payment-range{align-items:center;
  flex-direction:row;gap:8px}}
.about-section .info-header{max-width:1180px}.about-section .info-header h2{font-size:clamp(48px,5vw,78px);text-transform:none}.about-section .info-intro{max-width:1010px;
  font-size:19px}.about-section .info-main{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}.about-section .about-highlights{display:flex;
  flex-wrap:wrap;gap:9px;margin-top:26px}.about-section .about-highlights span{display:inline-flex;align-items:center;
  gap:8px;padding:10px 13px;border:1px solid rgba(195,33,104,.12);border-radius:13px;background:rgba(255,255,255,
  .64);color:#583b54;font-size:15px;font-weight:800}.about-section .about-highlights i{color:#d72b72}.about-section .info-grid{grid-template-columns:repeat(3,
  minmax(0,1fr));gap:15px}.about-section .info-card{min-height:280px;padding:28px}.about-section .info-card:nth-child(4){background:linear-gradient(155deg,
  #fff,#eaf8f5)}.about-section .info-card:nth-child(5){background:linear-gradient(155deg,#fff,#fff1dc)}.about-section .info-card:nth-child(6){background:linear-gradient(155deg,
  #fff,#eeeaff)}.about-section .info-card h3{font-size:22px}.about-section .info-card p{font-size:16px;line-height:1.68}.about-section .about-closing{display:grid;
  grid-template-columns:78px 1fr;gap:26px;align-items:start;margin-top:18px;padding:36px 40px;border-radius:30px;
  background:linear-gradient(135deg,#422c42,#694066);color:#fff;box-shadow:0 24px 54px rgba(75,48,73,.18)}.about-section .about-closing-icon{display:grid;
  width:72px;height:72px;place-items:center;border-radius:23px;background:linear-gradient(145deg,#ef3d82,#ff83ad);
  font-size:26px}.about-section .about-closing .info-label{margin-bottom:12px;border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);color:#ffbad3;box-shadow:none}.about-section .about-closing h3{margin:0 0 12px;
  color:#fff;font-size:clamp(28px,2.5vw,40px);line-height:1.15}.about-section .about-closing p:last-child{max-width:1040px;
  margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.68}@media(max-width:980px){.about-section .info-main{grid-template-columns:1fr}.about-section .info-grid{grid-template-columns:1fr 1fr}.about-section .about-character{min-height:400px}.about-section .info-card{min-height:auto}}@media(max-width:640px){.about-section .info-header h2{font-size:42px}.about-section .info-intro{font-size:17px}.about-section .info-main{padding:30px 24px 0}.about-section .info-grid{grid-template-columns:1fr}.about-section .about-closing{grid-template-columns:1fr;
  padding:28px 24px}.about-section .about-highlights{align-items:stretch;flex-direction:column}.about-section .about-highlights span{justify-content:center}}
.about-section .about-character img{width:min(540px,112%);max-height:560px;animation:malinaAboutFloat 5.5s ease-in-out infinite;
  transform-origin:50% 88%;will-change:transform}.about-section .about-character::after{content:"";position:absolute;
  z-index:1;left:50%;bottom:21px;width:58%;height:28px;transform:translateX(-50%);border-radius:50%;background:rgba(85,
  44,77,.16);filter:blur(14px);animation:malinaAboutShadow 5.5s ease-in-out infinite}@keyframes malinaAboutFloat{0%,
  100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-12px) rotate(.45deg)}}@keyframes malinaAboutShadow{0%,
  100%{opacity:.58;transform:translateX(-50%) scaleX(1)}50%{opacity:.35;transform:translateX(-50%) scaleX(.88)}}@media(prefers-reduced-motion:reduce){.about-section .about-character img,
  .about-section .about-character::after{animation:none}}
.malina-site-footer .footer-malina-wordmark{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.malina-site-footer .footer-malina-wordmark .logo-mark{position:relative;
  display:block;width:54px;height:44px}.malina-site-footer .footer-malina-wordmark .logo-mark i{position:absolute;
  width:18px;height:18px;border-radius:50%;background:#ef3d82}.malina-site-footer .footer-malina-wordmark .logo-mark i:nth-child(1){left:0;
  top:13px}.malina-site-footer .footer-malina-wordmark .logo-mark i:nth-child(2){left:15px;top:2px}.malina-site-footer .footer-malina-wordmark .logo-mark i:nth-child(3){left:16px;
  top:25px}.malina-site-footer .footer-malina-wordmark .logo-mark i:nth-child(4){left:31px;top:13px;background:#ffb04f}.malina-site-footer .footer-malina-wordmark .logo-copy{display:flex;
  align-items:baseline;gap:8px}.malina-site-footer .footer-malina-wordmark strong{font-size:30px;text-transform:uppercase}.malina-site-footer .footer-malina-wordmark small{color:#ff75a7;
  font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.malina-site-footer .footer-payment-grid img{max-width:72px;
  max-height:28px;object-fit:contain}
.malina-support-section {
  position: relative;
  overflow: hidden;
  padding: 90px 24px 96px;
  scroll-margin-top: 96px;
  color: #f8edf6;
  background: linear-gradient(138deg, #171421 0%, #2f1d32 52%, #4b223d 100%);
}

.malina-support-section::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(246, 54, 132, .24), transparent 27%),
    radial-gradient(circle at 92% 88%, rgba(255, 163, 74, .15), transparent 24%);
  content: "";
  pointer-events: none;
}

.malina-support-container {
  position: relative;
  z-index: 1;
  width: min(1450px, 100%);
  margin: auto;
}

.malina-support-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 36px;
}

.malina-support-kicker {
  display: inline-flex;
  gap: 11px;
  align-items: center;
  margin: 0 0 16px;
  color: #ff87b7;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.malina-support-kicker i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, .1);
}

.malina-support-header h2 {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-size: clamp(43px, 4.8vw, 72px);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1;
}

.malina-support-header > p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 16px;
  line-height: 1.72;
}

.malina-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.malina-support-card {
  display: flex;
  min-width: 0;
  min-height: 330px;
  padding: 25px;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .075);
  box-shadow: 0 20px 42px rgba(5, 3, 9, .16);
}

.malina-support-icon {
  display: grid;
  width: 55px;
  height: 55px;
  margin-bottom: 28px;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #ff4d91, #ff9653);
  color: #fff;
  font-size: 21px;
  box-shadow: 0 13px 28px rgba(231, 45, 117, .24);
}

.malina-support-card small {
  color: #ff93bd;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.malina-support-card h3 {
  margin: 8px 0 12px;
  color: #fff;
  font-size: 22px;
  line-height: 1.15;
}

.malina-support-card p {
  margin: 0 0 22px;
  color: rgba(255, 255, 255, .69);
  font-size: 14px;
  line-height: 1.66;
}

.malina-support-card a {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  margin-top: auto;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.malina-support-card a i {
  color: #ff7aac;
  transition: transform .2s ease;
}

.malina-support-card a:hover i {
  transform: translateX(4px);
}

.malina-support-checklist {
  display: grid;
  grid-template-columns: minmax(290px, .8fr) 1.5fr;
  gap: 25px;
  align-items: center;
  margin-top: 16px;
  padding: 22px 25px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 22px;
  background: rgba(8, 7, 14, .28);
}

.malina-support-checklist > div {
  display: flex;
  gap: 15px;
  align-items: center;
}

.malina-support-checklist > div > i {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  border-radius: 15px;
  background: rgba(255, 255, 255, .1);
  color: #ff83b1;
}

.malina-support-checklist span {
  display: grid;
  gap: 4px;
}

.malina-support-checklist small {
  color: #ff8ab7;
  font-weight: 900;
  text-transform: uppercase;
}

.malina-support-checklist strong {
  color: #fff;
  line-height: 1.35;
}

.malina-support-checklist ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.malina-support-checklist li {
  color: rgba(255, 255, 255, .75);
  font-size: 13px;
  line-height: 1.4;
}

.malina-support-checklist li i {
  width: 18px;
  color: #ff83b1;
}

@media (max-width: 1100px) {
  .malina-support-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 850px) {
  .malina-support-header,
  .malina-support-checklist {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .malina-support-section {
    padding: 74px 15px 80px;
  }

  .malina-support-header h2 {
    font-size: 41px;
  }

  .malina-support-grid,
  .malina-support-checklist ul {
    grid-template-columns: 1fr;
  }

  .malina-support-card {
    min-height: 0;
  }
}

.malina-faq-section{position:relative;overflow:hidden;padding:94px 24px 98px;scroll-margin-top:96px;color:#472f46;
  background:radial-gradient(circle at 8% 12%,rgba(240,58,130,.14),transparent 24%),radial-gradient(circle at 92% 84%,
  rgba(126,103,211,.16),transparent 25%),linear-gradient(180deg,#fff8f5 0%,#fff1f6 48%,#f6f1ff 100%)}.malina-faq-section:before{content:"?";
  position:absolute;right:-22px;top:20px;color:rgba(218,43,115,.055);font-size:330px;font-weight:900;line-height:1}.malina-faq-container{position:relative;
  z-index:1;width:min(1450px,100%);margin:auto}.malina-faq-header{position:relative!important;display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr)!important;gap:64px!important;align-items:end!important;
  width:auto!important;height:auto!important;margin:0 0 34px!important;padding:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;text-align:left!important}.malina-faq-kicker{display:inline-flex;align-items:center;
  gap:10px;margin:0 0 15px;color:#d62d73;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.malina-faq-kicker i{display:grid;
  width:40px;height:40px;place-items:center;border-radius:14px;background:#ffe0ec}.malina-faq-header h2{margin:0;
  color:#402a40;font-size:clamp(43px,4.8vw,72px);font-weight:900;letter-spacing:-.05em;line-height:1}.malina-faq-intro{display:grid;
  grid-template-columns:82px 1fr;gap:20px;align-items:center;padding:23px;border:1px solid #eadce5;border-radius:25px;
  background:rgba(255,255,255,.76);box-shadow:0 18px 42px rgba(86,50,80,.08)}.malina-faq-symbol{display:grid;width:76px;
  height:76px;place-items:center;border-radius:24px;background:linear-gradient(145deg,#ef3c82,#785fc9);color:#fff;
  font-size:42px;font-weight:900;transform:rotate(-5deg)}.malina-faq-intro p{margin:0;color:#715d6f;font-size:16px;
  line-height:1.65}.malina-faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.malina-faq-column{display:flex;
  flex-direction:column;gap:13px;min-width:0}.malina-faq-item{overflow:hidden;border:1px solid #e7d9e2;border-radius:22px;
  background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(80,45,75,.055);transition:border-color .2s,box-shadow .2s}.malina-faq-item[open]{border-color:rgba(215,
  44,116,.3);box-shadow:0 17px 38px rgba(111,59,96,.1)}.malina-faq-item summary{display:flex;align-items:center;
  justify-content:space-between;gap:18px;min-height:86px;padding:17px 19px;cursor:pointer;list-style:none}.malina-faq-item summary::-webkit-details-marker{display:none}.malina-faq-item summary span{display:flex;
  align-items:center;gap:14px;color:#4b3249;font-size:17px;font-weight:900;line-height:1.35}.malina-faq-item summary span i{display:grid;
  width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,
  #ffe0eb,#ede7ff);color:#d52e73;font-size:18px}.malina-faq-item summary b{position:relative;width:34px;height:34px;
  flex:0 0 34px;border-radius:50%;background:#ffe1ec}.malina-faq-item summary b:before,.malina-faq-item summary b:after{content:"";
  position:absolute;left:50%;top:50%;width:12px;height:2px;transform:translate(-50%,-50%);border-radius:2px;background:#d52e73;
  transition:.2s}.malina-faq-item summary b:after{transform:translate(-50%,-50%) rotate(90deg)}.malina-faq-item[open] summary b:after{transform:translate(-50%,
  -50%) rotate(0);opacity:0}.malina-faq-item>div{padding:0 25px 23px 81px}.malina-faq-item>div p{margin:0;padding-top:17px;
  border-top:1px solid #eee3e9;color:#6b5668;font-size:16px;line-height:1.7}.malina-faq-note{display:grid;grid-template-columns:48px 1fr;
  gap:16px;align-items:center;margin-top:18px;padding:21px 24px;border-radius:22px;background:linear-gradient(135deg,
  #432c43,#654064);color:#fff}.malina-faq-note i{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;
  background:rgba(255,255,255,.12);color:#ff83b1;font-size:20px}.malina-faq-note p{margin:0;color:rgba(255,255,
  255,.78);font-size:15px;line-height:1.62}.malina-faq-note strong{color:#fff}@media(max-width:950px){.malina-faq-header{grid-template-columns:1fr!important;
  gap:24px!important}.malina-faq-layout{grid-template-columns:1fr}.malina-faq-intro{max-width:720px}}@media(max-width:600px){.malina-faq-section{padding:76px 15px 80px}.malina-faq-header h2{font-size:41px}.malina-faq-intro{grid-template-columns:58px 1fr;
  padding:18px}.malina-faq-symbol{width:56px;height:56px;border-radius:18px;font-size:31px}.malina-faq-item summary{min-height:78px;
  padding:15px}.malina-faq-item summary span{font-size:16px}.malina-faq-item summary span i{width:42px;height:42px;
  flex-basis:42px}.malina-faq-item>div{padding:0 18px 20px}.malina-faq-note{grid-template-columns:1fr}}
.legal-body{margin:0;color:#493246;background:#fff7f4}.legal-page{padding-top:86px}.legal-hero{position:relative;
  overflow:hidden;padding:88px 24px 72px;background:radial-gradient(circle at 10% 15%,rgba(239,61,130,.2),transparent 25%),
  radial-gradient(circle at 90% 30%,rgba(126,103,211,.18),transparent 27%),linear-gradient(135deg,#fff7f4,#f7efff)}.legal-hero:after{content:"";
  position:absolute;right:7%;bottom:-80px;width:260px;height:260px;border:42px solid rgba(230,51,120,.07);border-radius:50%}.legal-container{position:relative;
  z-index:1;width:min(1260px,100%);margin:auto}.legal-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;
  padding:9px 14px;border-radius:999px;background:#fff;color:#d42e71;font-size:13px;font-weight:900;letter-spacing:.11em;
  text-transform:uppercase}.legal-hero h1{max-width:950px;margin:0;color:#3f293f;font-size:clamp(46px,6vw,82px);
  font-weight:900;letter-spacing:-.055em;line-height:.98}.legal-hero-copy{display:grid;grid-template-columns:minmax(0,
  1fr) auto;gap:35px;align-items:end;margin-top:26px}.legal-hero-copy p{max-width:820px;margin:0;color:#6d596b;
  font-size:18px;line-height:1.72}.legal-updated{padding:14px 18px;border:1px solid #eadde5;border-radius:16px;
  background:rgba(255,255,255,.82);color:#725c6d;font-size:14px;white-space:nowrap}.legal-updated strong{display:block;
  color:#4b3248;font-size:15px}.legal-hero .btn-play-now{display:inline-flex;position:static;margin-top:28px}.legal-content-wrap{padding:58px 24px 88px}.legal-layout{display:grid;
  grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start}.legal-toc{position:sticky;top:110px;padding:24px;
  border:1px solid #eadde5;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(82,47,76,.07)}.legal-toc h2{margin:0 0 14px;
  font-size:18px}.legal-toc a{display:block;padding:9px 0;border-bottom:1px solid #f0e6ec;color:#795e71;font-size:14px;
  text-decoration:none}.legal-toc a:last-child{border:0}.legal-toc a:hover{color:#d42e71}.legal-content{display:flex;
  flex-direction:column;gap:16px}.legal-card{scroll-margin-top:110px;padding:31px 34px;border:1px solid #eadde5;
  border-radius:25px;background:#fff;box-shadow:0 16px 38px rgba(82,47,76,.055)}.legal-card h2{margin:0 0 14px;
  color:#432d42;font-size:27px}.legal-card h3{margin:22px 0 9px;color:#51364d;font-size:19px}.legal-card p,.legal-card li{color:#6b5768;
  font-size:16px;line-height:1.72}.legal-card p{margin:0 0 12px}.legal-card p:last-child{margin-bottom:0}.legal-card ul{margin:10px 0 0;
  padding-left:21px}.legal-callout{padding:25px 28px;border-radius:22px;background:linear-gradient(135deg,#432c43,
  #674063);color:#fff}.legal-callout h2{margin:0 0 10px;color:#fff;font-size:26px}.legal-callout p{margin:0;color:rgba(255,
  255,255,.78);font-size:16px;line-height:1.7}.legal-callout a{color:#ff9fc2}.legal-site-header .main-navigation a{font-size:12px}@media(max-width:1050px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;
  display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.legal-toc h2{grid-column:1/-1}.legal-site-header .main-navigation{display:none}}@media(max-width:700px){.legal-page{padding-top:78px}.legal-hero{padding:65px 17px 55px}.legal-hero h1{font-size:45px}.legal-hero-copy{grid-template-columns:1fr}.legal-updated{width:max-content}.legal-content-wrap{padding:38px 15px 65px}.legal-toc{grid-template-columns:1fr}.legal-card{padding:25px 21px}.legal-card h2{font-size:24px}}
.malina-site-footer{padding:42px 22px 22px;border-top-width:4px}.malina-site-footer .footer-container{width:min(1280px,
  100%)}.malina-site-footer .footer-main{grid-template-columns:minmax(280px,1.05fr) minmax(300px,1.25fr) minmax(185px,
  .7fr) minmax(240px,.9fr);gap:14px}.malina-site-footer .footer-brand,.malina-site-footer .footer-links,.malina-site-footer .footer-payments{min-height:0;
  padding:21px;border-radius:18px}.malina-site-footer .footer-malina-wordmark{margin-bottom:10px}.malina-site-footer .footer-malina-wordmark .logo-mark{width:45px;
  height:38px;transform:scale(.84);transform-origin:left center}.malina-site-footer .footer-malina-wordmark strong{font-size:25px}.malina-site-footer .footer-malina-wordmark small{font-size:10px}.malina-site-footer .footer-brand p,
  .malina-site-footer .footer-payments p{font-size:13px;line-height:1.55}.malina-site-footer .footer-trust-list{gap:6px;
  margin-top:13px}.malina-site-footer .footer-trust-list span{min-height:29px;padding:6px 9px;font-size:11px}.malina-site-footer .footer-links h3,
  .malina-site-footer .footer-payments h3,.malina-site-footer .footer-notice h3{margin-bottom:12px;font-size:15px}.malina-site-footer .footer-links h3:after,
  .malina-site-footer .footer-payments h3:after,.malina-site-footer .footer-notice h3:after{width:46px;margin-top:8px}.malina-site-footer .footer-anchor-order{display:grid;
  grid-template-columns:1fr 1fr;gap:5px 16px}.malina-site-footer .footer-links li{margin:0}.malina-site-footer .footer-links a{font-size:12px;
  line-height:1.35}.malina-site-footer .footer-links a:before{width:5px;height:5px;margin-right:7px}.malina-site-footer .footer-payment-grid{grid-template-columns:repeat(3,
  52px);gap:7px;margin-top:13px}.malina-site-footer .footer-payment-grid span{width:52px;height:38px;border-radius:10px}.malina-site-footer .footer-payment-grid img{max-width:42px;
  max-height:22px}.malina-site-footer .footer-notice{gap:18px;margin-top:14px;padding:17px 21px;border-radius:16px}.malina-site-footer .footer-notice>div{max-width:none}.malina-site-footer .footer-notice h3{margin-bottom:7px}.malina-site-footer .footer-notice p{font-size:12px;
  line-height:1.5}.malina-site-footer .footer-bottom{gap:18px;margin-top:12px;padding:13px 20px;border-radius:15px}.malina-site-footer .footer-bottom p{font-size:11px;
  line-height:1.35}@media(max-width:1100px){.malina-site-footer .footer-main{grid-template-columns:1fr 1fr}.malina-site-footer .footer-anchor-order{grid-template-columns:1fr 1fr}.malina-site-footer .footer-payment-grid{grid-template-columns:repeat(6,
  52px)}}@media(max-width:680px){.malina-site-footer{padding:34px 14px 18px}.malina-site-footer .footer-main{grid-template-columns:1fr;
  gap:10px}.malina-site-footer .footer-brand,.malina-site-footer .footer-links,.malina-site-footer .footer-payments{padding:18px}.malina-site-footer .footer-anchor-order{grid-template-columns:1fr 1fr}.malina-site-footer .footer-payment-grid{grid-template-columns:repeat(3,
  52px)}.malina-site-footer .footer-notice,.malina-site-footer .footer-bottom{align-items:flex-start;flex-direction:column;
  padding:16px 18px}.malina-site-footer .footer-bottom p:last-child{text-align:left}}

/* Navigation */
*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.42857143;
}

a {text-decoration: none}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.ok-header__logo:hover {color: #546edb;}

main {
    margin-top: 7rem;
    padding: 2%;
    text-align: center;
}
/*
 * We are hiding the invisible nav outside the screen
 * so we need to avoid the horizontal scroll
 */
body.okayNav-loaded {
  overflow-x: hidden;
}
.okayNav:not(.loaded) {
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.okayNav ul {
  /* We want two navigations - one hidden and one visible */
  float: left;
}
.okayNav a {
  /* Links general styling */
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

.okayNav i {
  padding-right: 5px;
}

.okayNav a.active{
  color:#79ff16;
  background-color: #000;
}

.okayNav__nav--visible {
  overflow: hidden;
  white-space: nowrap;
}
.okayNav__nav--visible li {
  display: inline-block;
}
.okayNav__nav--visible a {
  /* Link styling for the visible part of the nav */
  display: block;
 /*  transition: color 200ms cubic-bezier(0.55, 0, 0.1, 1); */
 color:#fff;
 padding: 15px 15px;
}
.okayNav__nav--visible a:hover {
  color: #79ff16;
}
/* Link styling for the off-screen part of the nav */
.okayNav__nav--invisible {
  transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1,
   1);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: 70px;
  -webkit-transform-origin: 200px 0;
      -ms-transform-origin: 200px 0;
          transform-origin: 200px 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.okayNav__nav--invisible a {
  background: #000;
  /* width: 240px; */
  width:180px;
  display: block;
  padding: 15px;
}
.okayNav__nav--invisible.nav-open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
/* Kebab icon */
.okayNav__menu-toggle {
  position: relative;
  transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1,
   1);
  cursor: pointer;
  width: 40px;
  height: 20px;
  float: left;
  z-index: 1;
  top: 15px;
}
.okayNav__menu-toggle span {
  display: block;
  position: absolute;
  margin: auto;
  height: 4px;
  width: 4px;
  background: #fff;
  border-radius: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
}
.okayNav__menu-toggle span:nth-child(1) {
  top: 0;
}
.okayNav__menu-toggle span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.okayNav__menu-toggle span:nth-child(3) {
  bottom: 0;
}
.okayNav__menu-toggle.icon--active {
  /* Kebab icon when off-screen nav is open */
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.okayNav__menu-toggle.icon--active span {
  background: #79ff16;
}

/* Icons */
/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\f95b"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dailymotion:before {
  content: "\f952"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\f905"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\f907"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-medical:before {
  content: "\f95c"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\f95d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-wash:before {
  content: "\f95e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt-slash:before {
  content: "\f95f"; }

.fa-handshake-slash:before {
  content: "\f960"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side-cough:before {
  content: "\f961"; }

.fa-head-side-cough-slash:before {
  content: "\f962"; }

.fa-head-side-mask:before {
  content: "\f963"; }

.fa-head-side-virus:before {
  content: "\f964"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-user:before {
  content: "\f965"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-ideal:before {
  content: "\f913"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\f955"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\f966"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\f967"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microblog:before {
  content: "\f91a"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\f956"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-arrows:before {
  content: "\f968"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\f91e"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\f969"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pump-medical:before {
  content: "\f96a"; }

.fa-pump-soap:before {
  content: "\f96b"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-virus:before {
  content: "\f96c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopify:before {
  content: "\f957"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\f96e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\f96f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\f970"; }

.fa-store-slash:before {
  content: "\f971"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-slash:before {
  content: "\f972"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-trailer:before {
  content: "\f941"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\f949"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-virus:before {
  content: "\f974"; }

.fa-virus-slash:before {
  content: "\f975"; }

.fa-viruses:before {
  content: "\f976"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-brands-400.eot");
  src: url("./webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./webfonts/fa-brands-400.woff2") format("woff2"),
   url("./webfonts/fa-brands-400.woff") format("woff"), url("./webfonts/fa-brands-400.ttf") format("truetype"),
   url("./webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-regular-400.eot");
  src: url("./webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("./webfonts/fa-regular-400.woff2") format("woff2"),
   url("./webfonts/fa-regular-400.woff") format("woff"), url("./webfonts/fa-regular-400.ttf") format("truetype"),
   url("./webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./webfonts/fa-solid-900.eot");
  src: url("./webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./webfonts/fa-solid-900.woff2") format("woff2"),
   url("./webfonts/fa-solid-900.woff") format("woff"), url("./webfonts/fa-solid-900.ttf") format("truetype"), url("./webfonts/fa-solid-900.svg#fontawesome") format("svg");
   }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/* Responsive rules */
/**************************************/
/* small desktop to 1440px (smaller than 1440px)=================== */
/**************************************/
@media only screen and (max-width: 1440px) {
  /*Product*/
  .section-product .items .theme img{
    height:20vw;
  }
    /*footer*/
    footer .items{
      padding-right:2vw;
    }
    footer .items .license li{
      width:50px;
    }
    footer .items .license img{
      width:100%;
    }
    .loginblock,
    .userblock{
      width:60%; 
    }
}

/**************************************/
/* Big tablet to 1200px (smaller than 1200px) ===================*/
/* ipad Horizontal:1024px===================*/
/**************************************/
@media only screen and (max-width: 1200px) {
  /*slider*/
  .slick-slide{
    height:45vw;
  }
  .main-slider{
    height:47vw;
  }
  .slick-dots li{
  margin-top:0px;
  }
  .slick-dots li button {
    width: 20px;
    height: 20px;
  }
  /*content start*/
  .wrap .fluid {
    width: 90vw;
  }
  /*product*/
  .section-product .items .main-object img{
    width:310px;
  }
  .section-product .items .theme img {
    width: 28vw;
    height: 20vw;
  }
  .section-product .items .main-object img {
    width: 300px;
  }
  /*advance*/
  .section-advantage .item-group{
    padding-top:50px;
  }
  .section-advantage .item-group:last-child{
    padding-top:0px;
  }
  /*hotgames*/
  .section-hotgames{ 
    background: rgb(20, 20, 20);
  }
  .section-hotgames .title{
    width: 100%;
    margin:auto;
    top:0;
    left:0;
    background-color:transparent;
    position: relative;
    padding:20px 0;
  }
  .section-hotgames .subintro{
    width:90%;
    padding-bottom:10px;
  }
  .section-hotgames .item-group{
    flex-direction: row;
    flex-wrap: wrap;
  }  
  .section-hotgames .items{
    width:50%;
    padding:5px;
  }
  .section-hotgames .item-group:last-child{
    margin-bottom:30px;
  }  
  .section-hotgames .items img {
    opacity: 1;
    width: 100%;
  }
  .section-hotgames .items:hover .txt{
    opacity: 1;
   }
  .section-hotgames .items .txt p{
    display:none;
  }
   .section-hotgames .items .agent img{
    width:80%;
  }
  /*mobile*/
  .section-mobile .items .visual{
    width:50%;
    margin-top: 50px;
    text-align: center;
    position: relative;
  }
  .section-mobile .items .visual{
    text-align: left;
  }
  .section-mobile .items .visual img{
    width:90%;
    vertical-align: bottom;
  }
  .section-mobile .btn-qrcode{
    display:none;
  }
  .section-mobile .downloadapp{
    opacity: 1;
    position: absolute;
    bottom:250px;
    right:60px;
    font-size:25px;
    padding:0 15px;
    border-radius: 50px;
    background-color:#ff4516;
    color:#fff;
  }
  /*aboutus*/
  .section-aboutus .items {
    display: flex;
    width: 100%;
    flex-direction:column;
    text-align: left;
    padding: 20px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transform: translateY(0px);
    transition: .3s;
 }
  .section-aboutus .items .hi{
    width:10vw;
    top:-40px;
    right:-5px;
  }
 .section-aboutus .visual,
 .section-aboutus .txt{
   text-align: center;
 }
 .section-aboutus .visual img{
   width:25vw;
 }
  /*footer*/
  footer .items{
    padding-right:1vw;
  }
  footer .items .license li{
    width:45px;
  }
  footer .items .license img{
    width:100%;
  }
    /*Fancy BOX*/
    .loginblock,
    .userblock{
      width:80%; 
    }

    .userblock .item-group{
      flex-direction: row;
      text-align: center;
      font-size:110%;
    }
    .userblock .items h4{
      padding-bottom:10px;
    }

    .userblock .title{
      padding-top:10px;
      text-align: left;
    }
    .userblock .items .user img{
      height:150px;
      width:150px;
    }
    .userblock .title{
      font-size:100%;
    }

    .userblock .items .played li{
      padding:6px;
    }
}


/**************************************/
/* Small tablet to big tablet: from 768px to 1023px ===================*/
/**************************************/
@media only screen and (max-width: 1023px) {
/*navigation toggle*/
  .okayNav__menu-toggle{
    right:15px;
  }
  /*slider*/
  .slick-slide {
    position: relative;
    height: 52vw;
  }
  .slick-slide .slide-image{
    margin-top: 60px;
  }
  .main-slider{
    height: 50vw;
    margin-bottom:60px;
  }
  /*content start*/
  .wrap h2 {
    font-size: 6vw;
  }
  .item-group{
    flex-direction: column;
  }
  .item-group:last-child{
    padding-top:0px;
  }
  /*product*/
  .section-product .item-group {
    margin-top: 20px;
  }
  .section-product .item-group {
    padding-top: 5px;
  }
  .section-product .item-group:last-child {
    margin-top: -5px;
  }
  .section-product .set{
    width:90vw;
    padding-bottom:20px;
  }
  .section-product .set .theme img{
    width:100%;
    height:100%;
  }
  .section-product .set .main-object{
    top:20px;
    height: auto;
  }
  .section-product .set .main-object img{
    width:100%;
    height:100%;
  }
  .section-product .items .sub-object {
    display: block;
    top:20px;
  }
  .section-product .items .sub-object img{
    vertical-align: middle;
    width:100%;
  }
    /*hotgames*/
    .section-hotgames{ 
      background: rgb(20, 20, 20);
     }
    .section-hotgames .title{
      width: 100%;
      margin:auto;
      top:0;
      left:0;
      background-color:transparent;
      position: relative;
      padding:20px 0;
      border-top:1px solid rgb(92, 92, 92);
    }
    .section-hotgames .subintro{
      width:90%;
      padding-bottom:10px;
    }
    .section-hotgames .item-group{
      flex-direction: row;
      flex-wrap: wrap;
    }  
    .section-hotgames .item-group:last-child{
      margin-bottom:30px;
    }  
    .section-hotgames .items{
      width:50%;
      padding:5px;
    }
    .section-hotgames .items img {
      opacity: 1;
      width: 100%;
    }
    .section-hotgames .items:hover .txt{
      opacity: 1;
    }
    .section-hotgames .items .txt p{
      display:none;
    }
    .section-hotgames .items .agent img{
      width:80%;
    }
    /*mobile APP*/
    .section-mobile .items{
      display:block;
    }
    .section-mobile .items .visual{
      width:90%;
    }
    .section-mobile .items .visual img{
      width:75%;
      vertical-align: bottom;
    }
    .section-mobile .txt {
      margin-top:30px;
      width:100%;
    }
    .section-mobile .downloadapp{
      opacity: 1;
      bottom:50px;
      right:40px;
    }
    .section-mobile .btn-qrcode{
      display:none;
    }

  /*aboutus*/
  .section-aboutus .items .hi{
    width:10vw;
    right:180px;
  }

  /*footer*/
  footer .items{
    width:85vw;
    padding:0;
  }
  footer .items h4{
    color:#eee;
    font-size:20px;
    padding-top:20px;
  }
  /*Fancy BOX*/
  .loginblock,
  .userblock{
    width:90%; 
  }
  .userblock .item-group{
    flex-direction: row;
    text-align: center;
    font-size:110%;
  }
  .userblock .items h4{
    padding-bottom:10px;
  }
  .userblock .title{
    padding-top:10px;
    text-align: left;
  }
  .userblock .items .user img{
    height:150px;
    width:150px;
  }
  .userblock .title{
    font-size:100%;
  }
  .userblock .items .played li{
    padding:6px;
  }
}

/**************************************/
/* Small phones to small tablets: from 481px to 767px=================== */
/**************************************/
@media only screen and (max-width: 767px) {
/*slider*/
  .slick-slide {
    position: relative;
    height: 60vw;
  }
  .slick-slide .slide-image{
    margin-top: 60px;
  }
  .main-slider{
    height: 55vw;
    margin-bottom:60px;
  }

  .item-group{
    flex-direction: column;
  }
  /*product*/
  .section-product .items .sub-object {
    display: none;
  }
  /*hotgames*/
    .section-hotgames{ 
      background: rgb(20, 20, 20);
    }
      .section-hotgames .title{
        width: 100%;
        margin:auto;
        top:0;
        left:0;
        background-color:transparent;
        position: relative;
        padding:20px 0;
        border-top:1px solid rgb(92, 92, 92);
      }
      .section-hotgames .subintro{
        width:90%;
        padding-bottom:10px;
      }
      .section-hotgames .item-group{
        flex-direction: column;
      }  
      .section-hotgames .items img {
        opacity: 1;
        width: 100%;
      }
      .section-hotgames .items:hover .txt{
        opacity: 1;
      }
      .section-hotgames .items .txt p{
        display:block;
        width:100%;
      }
      .section-hotgames .items .agent img{
        width:80%;
      }
   /*mobile APP*/
      .section-mobile .items{
        display:block;
      }
      .section-mobile .items .visual{
        width:90%;
      }
      .section-mobile .items .visual img{
        width:100%;
        vertical-align: bottom;
      }
      .section-mobile .txt {
        margin-top:30px;
        width:100%;
      }
      .section-mobile .downloadapp{
        opacity: 1;
        bottom:30px;
        right:-0;
      }
      .section-mobile .btn-qrcode{
        display:none;
      }
}


/**************************************/
/* Small phones: from 376 to 480px (iphone8plus=414px)===================*/
/**************************************/
@media only screen and (max-width: 480px) {

  .logo img{
    width:80%;
  }
  .okayNav__menu-toggle{
    top:15px;
  }
  /*slider*/
  .slick-slide {
    position: relative;
    height: 60vw;
  }
  .slick-slide .slide-image{
    margin-top: 60px;
  }
  .main-slider{
    height: 55vw;
    margin-bottom:60px;
  }
  .slick-dots li{
    margin-top:0px;
  }
  .slick-dots li button {
    width: 15px;
    height: 15px;
  }
  .slide-media{
    margin-top:40px;
  }
  /*content*/
  .wrap .fluid{
    width:90vw;
  }
  .item-group{
    flex-direction: column;
  }
 /*product*/
  .section-product .items {
    height: 300px;
  }
    .section-product{
      padding-bottom:40px;
    }
    .section-product .item-group{
      padding-top:30px;
    }
    .section-product .item-group:last-child{
      padding-top:0px;
    }
  
      /*advantage*/
      .section-advantage{
        padding-bottom:40px;
      }
      .section-advantage .item-group{
        padding-top:30px;
      }
      .section-advantage .item-group:last-child{
        padding-top:0px;
      }
  
    /*hotgames*/
    .section-hotgames{ 
      background: rgb(20, 20, 20);
     }
  
    .section-hotgames .title{
      width: 100%;
      margin:auto;
      top:0;
      left:0;
      background-color:transparent;
      position: relative;
      padding-top:20px;
      border-top:1px solid rgb(92, 92, 92);
    }
  
    .section-hotgames .subintro{
      width:90%;
      padding-bottom:10px;
    }
    .section-hotgames .items{
      padding-bottom:10px;
      width: 100%;
    }
      /*mobile APP*/

    .section-mobile .items{
      display:block;
    }
    .section-mobile .items .visual{
      width:90%;
    }
    .section-mobile .items .visual img{
      width:100%;
      vertical-align: bottom;
    }
    .section-mobile .txt {
      margin-top:30px;
      width:100%;
    }
    .section-mobile .downloadapp{
      opacity: 1;
      bottom:30px;
      right:0;
    }
    .section-mobile .btn-qrcode{
      display:none;
    }
   /*aboutus*/
  .section-aboutus .items {
    flex-direction: column;
    text-align: center;
  }
  .section-aboutus .items .txt {
    padding-left: 0px;
  }
  .section-aboutus .items img {
    width: 50vw;
    height:auto;
  }
  .section-aboutus .items:hover{
    transform: translateY(-10px);
    box-shadow: none;
  }
  .section-aboutus .items .hi{
    position: absolute;
    width:20vw;
    top:-20px;
    right:0;
    opacity: 0;
    transition: .3s;
  }
  .section-aboutus .items:hover .hi{
   display: block;
   opacity: 1;
   }
    /*contact us*/
    .contact-form {
      width: 90%;
    }

  select {
      width: 100%;
      font-size: x-large;
      text-align: left;
      color: #8b8b8b;
      margin: 1vh;
      padding-left: 2vh;
  }
  .select-wrapper:after {
    content: '▼';
    color: #757575;
    top: 5px;
}
     /*footer*/
 
     footer .logo{
      opacity: 1;
    }
    footer .logo img{
      width:60%;
    }
    footer .item-group{
      flex-direction: column;
    }
    footer .items{
      width:85vw;
      display:inline-block;
    }
    footer .items img{
     display:inline-block;
     flex-direction: row;
     padding:0;
   }
 
   footer .items .license img
   {width:70%;}
 
   footer .items .license li
    {padding:5px 0;
    width:55px;}
  
   footer .items .partners img
    {width:90%;}
   footer .items .partners li
   {padding:5px 5px;}
  
   footer .items .payments img{
     width:90%;
   }
   footer .items .payments li
    {padding:5px 5px;}
 
   footer .items h4{
     color:#eee;
     font-size:20px;
     padding-top:20px;
   }
    /*Fancy BOX*/
    .loginblock,
    .userblock{
      width:90%; 
    }
    .userblock .item-group{
      text-align: center;
    }
    .userblock .items h4{
      padding-bottom:10px;
    }
    .userblock .title{
      padding-top:10px;
    }
    .userblock .items .user{
      width:95px;
    }
    .userblock .items .user img{
      height:90px;
      width:90px;
      padding-right:0;
    }
    .userblock .items{
      padding-right:10px;
      width:400px;
    }
    .userblock .title{
      font-size:100%;
    }
    .userblock .info{
      width:700px;
    }
    .userblock .items .played li{
      padding:6px;
    }
    .userblock .items .played{
      flex-wrap:wrap;
      margin: auto;
      width: 380px;
    }

}
/**************************************/
/* iphoneX: 375px=================== */
/**************************************/
@media only screen and (max-width: 375px) {
  
  .okayNav__menu-toggle{
    top:0;
    right:0;
  }
 /*slider*/
  .slide-media{
    margin-top:45px;
  }
 .slick-dots li{
   margin-top:0px;
 }

  /*product*/
  .section-product{
    padding-bottom:40px;
  }
  .section-product .item-group{
    padding-top:30px;
  }
  .section-product .item-group:last-child{
    padding-top:0px;
  }

  /*advantage*/
    .section-advantage{
      padding-bottom:40px;
    }
    .section-advantage .item-group{
      padding-top:30px;
    }
    .section-advantage .item-group:last-child{
      padding-top:0px;
    }
    .section-advantage .items{
      flex-direction: column;
    }
    .section-advantage .icon{
      display:block;
      margin:auto;
    }
    .section-advantage .items .txt{
      text-align: center;
      padding-left:0;
    }

  /*hotgames*/
  .section-hotgames{ 
    background: rgb(20, 20, 20);
   }
  .section-hotgames .title{
    width: 100%;
    margin:auto;
    top:0;
    left:0;
    background-color:transparent;
    position: relative;
    padding-top:20px;
    border-top:1px solid rgb(92, 92, 92);
  }
  .section-hotgames .subintro{
    width:90%;
    padding-bottom:10px;
  }
  .section-hotgames .items{
    padding-bottom:10px;
  }

  /*mobile APP*/
  .section-mobile .items{
    display:block;
  }
  .section-mobile .items .visual{
    width:90%;
  }
  .section-mobile .items .visual img{
    width:100%;
    vertical-align: bottom;
  }
  .section-mobile .txt {
    margin-top:30px;
    width:100%;
  }
  .section-mobile .downloadapp{
    opacity: 1;
    bottom:30px;
    right:0;
  }
  .section-mobile .btn-qrcode{
    display:none;
  }

  /*aboutus*/
  .section-aboutus .items img {
    width: 50vw;
    height:auto;
  }
  .section-aboutus .items:hover{
    transform: translateY(-10px);
    box-shadow: none;
  }
  .section-aboutus .items .hi{
    position: absolute;
    width:20vw;
    top:-20px;
    right:0;
    opacity: 0;
    transition: .3s;
  }
  .section-aboutus .items:hover .hi{
   display: block;
   opacity: 1;
   }
   /*contactus*/
   .select-wrapper:after {
    top: 3px;
  }
   /*footer*/
 
   footer .logo{
     width:20%;
     opacity: 1;
   }
   footer .item-group{
     flex-direction: column;
   }
   footer .items{
     width:85vw;
     display:inline-block;
   }
   footer .items img{
    display:inline-block;
    flex-direction: row;
    padding:0;
  }
  footer .items .license img
  {width:70%;}

  footer .items .license li
   {padding:5px 0;
  width:50px;}
 
  footer .items .partners img
   {width:90%;}
  footer .items .partners li
  {padding:5px 5px;}
 
  footer .items .payments img{
    width:90%;
  }
  footer .items .payments li
   {padding:5px 5px;}

  footer .items h4{
    color:#eee;
    font-size:20px;
    padding-top:20px;
  }

  /*Fancy BOX*/
  .loginblock,
  .userblock{
    width:90%; 
  }
  .userblock .item-group{
    text-align: center;
    padding:10px 0px;
  }
  .userblock .items h4{
    padding-bottom:10px;
  }
  .userblock .title{
    padding-top:10px;
  }
  .userblock .items .user img{
    height:85px;
    width:85px;
    padding-right:0;
  }
  .userblock .items{
    padding-right:0px;
    width:400px;
  }
  .userblock .title{
    font-size:100%;
  }
  .userblock .info{
    width:700px;
  }
  .userblock .items .played li{
    padding:6px;
  }
  .userblock .items .played{
    flex-wrap:wrap;
    margin: auto;
    width: 380px;
  }
}


/**************************************/
/* Piuxel 2: 411px=================== */
/**************************************/
@media only screen and (width: 411px) {
    .okayNav__menu-toggle{
      top:15px;
    }
  /*about*/
  .section-aboutus {
    padding: 30px 0;
  }
  .item-group{
      flex-direction: column;
  }

  /*product*/
  .section-product .set {
    padding: 0; 
  }
  .section-product .items {
    height: 280px;
  }
  .section-product .items .main-object {
    right:0px;
  }
 
  footer .items .license li {
    width: 55px;
  }
}


/**************************************/
/* GalaxyS5 360px=================== */
/**************************************/

@media only screen and (width: 360px) {
  .okayNav__menu-toggle{
    top:0px;
  }
  .main-slider{
    height: 54vw;
  }
       /*footer*/
 
       footer .items .license img
       {width:100%;}
     
       footer .items .license li
        {padding:5px 5px;
        width:50px;}
      
       footer .items .partners img
        {width:90%;}
      
       footer .items .payments img{
         width:90%;
       }
    
       .userblock .items .user img{
        height:80px;
        width:80px;
        padding-right:0;
      }
      .userblock .items{
        padding-right:0px;
        width:400px;
      }
      .userblock .title{
        font-size:100%;
      }
      .userblock .info{
        width:700px;
      }
}

/**************************************/
/* iPhone5/SE 320px=================== */
/**************************************/

@media only screen and (width: 320px) {
  .okayNav__menu-toggle{
    top:0px;
  }
  .main-slider{
    height: 53vw;
  }
     /*footer*/
   footer .items .license img
   {width:100%;}
 
   footer .items .license li
    {padding:5px 5px;
    width:45px;}
  
   footer .items .partners img
    {width:90%;}
  
   footer .items .payments img{
     width:90%;
   }
   .userblock .items .user{
     margin-left:-10px;
   }
   .userblock .items .user img{
    height:80px;
    width:80px;
    padding-right:0;
  }
  .userblock .items{
    padding-right:0px;
    width:400px;
  }
  .userblock .title{
    font-size:100%;
  }
  .userblock .info{
    margin-left:-5px;
    width:700px;
    font-size: 85%;
  }
   .userblock .items .played {
   margin:auto;
  }
   .userblock .items .played li {
    padding: 6px 2px;
  }
  .userblock .items .played li:first-child{
    margin-left:5px;
  }
  .userblock .items .played img {
    width:80%;
  }
}
/* Malina header visibility overrides — loaded after the legacy navigation skin */
.site-header .main-navigation.okayNav a,
.site-header .main-navigation .okayNav__nav--visible a {
  color: #513b50;
  background: transparent;
  padding: 12px 10px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.075em;
  text-shadow: none;
}

.site-header .main-navigation.okayNav a:hover,
.site-header .main-navigation.okayNav a.active,
.site-header .main-navigation .okayNav__nav--visible a:hover,
.site-header .main-navigation .okayNav__nav--visible a.active {
  color: #c92268;
  background: #fff0f5;
  box-shadow: inset 0 0 0 1px rgba(215, 43, 114, 0.09);
}

.site-header .main-navigation .okayNav__nav--invisible a {
  color: #513b50;
  background: #fffaf7;
}

.site-header .logo-copy strong {
  font-size: 28px;
}

.site-header .logo-copy small {
  font-size: 11px;
}

@media (max-width: 1180px) {
  .site-header .main-navigation.okayNav a,
  .site-header .main-navigation .okayNav__nav--visible a {
    padding-inline: 7px;
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .site-header .logo-copy strong {
    font-size: 22px;
  }
}

/* Slots layout safeguards — this stylesheet loads after the legacy theme. */
.malina-slots-section .malina-slot-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.malina-slots-section .malina-slot-tabs button {
  width: 100%;
  min-width: 0;
}

.malina-slots-section .malina-slot-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
}

@media (max-width: 1180px) {
  .malina-slots-section .malina-slot-tabs {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

@media (max-width: 760px) {
  .malina-slots-section .malina-slot-tabs {
    grid-template-columns: 1fr;
  }
}

/* Final shared header and footer layout */
.site-header,
.legal-site-header {
  height: 84px;
  background:
    radial-gradient(circle at 14% 0%, rgba(229, 48, 126, 0.16), transparent 24%),
    linear-gradient(180deg, #171421 0%, #0f0e17 100%);
  border-bottom: 3px solid #e5307e;
  box-shadow: 0 12px 34px rgba(20, 12, 24, 0.28);
}

#header.site-header {
  border-bottom-color: #e5307e;
}

.site-header .header-inner,
.legal-site-header .header-inner {
  width: min(1640px, calc(100% - 48px));
  gap: 24px;
}

.site-header .logo,
.legal-site-header .logo {
  min-width: 230px;
  height: 58px;
  overflow: visible;
}

.site-header .logo a,
.legal-site-header .logo a {
  gap: 12px;
}

.site-header .logo-mark,
.legal-site-header .logo-mark {
  filter: drop-shadow(0 7px 14px rgba(229, 48, 126, 0.28));
}

.site-header .logo-copy,
.legal-site-header .logo-copy {
  color: #ffffff;
}

.site-header .logo-copy strong,
.legal-site-header .logo-copy strong {
  color: #ffffff;
  font-size: 29px;
  letter-spacing: -0.035em;
  text-shadow: 0 2px 14px rgba(255, 255, 255, 0.08);
}

.site-header .logo-copy small,
.legal-site-header .logo-copy small {
  color: #ff6eab;
  font-size: 11px;
}

.site-header .main-navigation.okayNav a,
.site-header .main-navigation .okayNav__nav--visible a,
.legal-site-header .main-navigation a,
.legal-site-header .main-navigation.okayNav a,
.legal-site-header .main-navigation .okayNav__nav--visible a {
  padding: 12px 9px;
  color: rgba(255, 255, 255, 0.86);
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.065em;
  text-shadow: none;
}

.site-header .main-navigation.okayNav a:hover,
.site-header .main-navigation.okayNav a.active,
.site-header .main-navigation .okayNav__nav--visible a:hover,
.site-header .main-navigation .okayNav__nav--visible a.active,
.legal-site-header .main-navigation a:hover,
.legal-site-header .main-navigation a.active,
.legal-site-header .main-navigation.okayNav a:hover,
.legal-site-header .main-navigation.okayNav a.active,
.legal-site-header .main-navigation .okayNav__nav--visible a:hover,
.legal-site-header .main-navigation .okayNav__nav--visible a.active {
  color: #ffffff;
  background: rgba(229, 48, 126, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 110, 171, 0.36);
}

.site-header .main-navigation a::before,
.legal-site-header .main-navigation a::before {
  background: rgba(229, 48, 126, 0.2);
}

.site-header .main-navigation .okayNav__nav--invisible,
.legal-site-header .main-navigation .okayNav__nav--invisible {
  background: #171421;
  border: 1px solid rgba(255, 110, 171, 0.24);
  box-shadow: 0 18px 38px rgba(16, 9, 19, 0.32);
}

.site-header .main-navigation .okayNav__nav--invisible a,
.legal-site-header .main-navigation .okayNav__nav--invisible a {
  color: #ffffff;
  background: transparent;
}

.site-header .okayNav__menu-toggle span,
.legal-site-header .okayNav__menu-toggle span {
  background: #ffffff;
}

body {
  padding-top: 84px;
}

.legal-body {
  padding-top: 84px;
}

.legal-body .legal-page {
  margin-top: 0;
  padding-top: 0;
}

.malina-site-footer .footer-container {
  width: min(1450px, 100%);
}

@media (max-width: 1280px) {
  .site-header .header-inner,
  .legal-site-header .header-inner {
    width: min(1180px, calc(100% - 36px));
    gap: 16px;
  }

  .site-header .logo,
  .legal-site-header .logo {
    min-width: 205px;
  }

  .site-header .main-navigation.okayNav a,
  .site-header .main-navigation .okayNav__nav--visible a,
  .legal-site-header .main-navigation.okayNav a,
  .legal-site-header .main-navigation .okayNav__nav--visible a {
    padding-inline: 7px;
    font-size: 11px;
  }
}

@media (max-width: 760px) {
  .site-header,
  .legal-site-header {
    height: 74px;
  }

  .site-header .header-inner,
  .legal-site-header .header-inner {
    width: calc(100% - 28px);
  }

  .site-header .logo,
  .legal-site-header .logo {
    min-width: 0;
  }

  .site-header .logo-copy strong,
  .legal-site-header .logo-copy strong {
    font-size: 23px;
  }

  body {
    padding-top: 74px;
  }

  .legal-body {
    padding-top: 74px;
  }
}

/* Final About section */
.about-section {
  position: relative;
  overflow: hidden;
  padding: 100px 24px 106px;
  color: #432d42;
  background:
    radial-gradient(circle at 7% 11%, rgba(238, 72, 139, 0.15), transparent 24%),
    radial-gradient(circle at 91% 18%, rgba(142, 122, 222, 0.19), transparent 26%),
    linear-gradient(180deg, #fffaf7 0%, #fff1f7 52%, #f7f3ff 100%);
}

.about-section::before {
  width: 310px;
  height: 310px;
  left: -155px;
  bottom: 16%;
  border: 52px solid rgba(229, 48, 126, 0.055);
  background: transparent;
}

.about-section::after {
  width: 190px;
  height: 190px;
  right: -45px;
  top: 32%;
  background: rgba(255, 193, 94, 0.09);
}

.about-shell {
  position: relative;
  z-index: 2;
  width: min(1450px, 100%);
  margin: 0 auto;
}

.about-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.65fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 42px;
  text-align: left;
}

.about-kicker,
.about-overline {
  color: #cf2c70;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
}

.about-kicker i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 13px;
  background: #ffe1ec;
}

.about-heading h2 {
  margin: 0;
  color: #3f293e;
  font-size: clamp(52px, 5.8vw, 86px);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.91;
  text-transform: none;
}

.about-heading h2 span {
  color: #d52e73;
}

.about-heading > p {
  margin: 0 0 5px;
  padding: 25px 0 4px 28px;
  border-left: 3px solid #e5307e;
  color: #705b6d;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.72;
}

.about-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(105, 65, 99, 0.11);
  border-radius: 38px;
  background:
    radial-gradient(circle at 80% 17%, rgba(175, 154, 239, 0.5), transparent 30%),
    linear-gradient(135deg, #fff 0%, #fff0f6 46%, #eee8ff 100%);
  box-shadow: 0 30px 70px rgba(88, 54, 83, 0.12);
}

.about-feature-copy {
  align-self: center;
  padding: 58px 30px 58px 58px;
  text-align: left;
}

.about-overline {
  margin: 0 0 16px;
}

.about-feature-copy h3 {
  max-width: 720px;
  margin: 0 0 22px;
  color: #422c42;
  font-size: clamp(34px, 3.3vw, 54px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.about-feature-copy > p:last-of-type {
  max-width: 720px;
  margin: 0;
  color: #6d586a;
  font-size: 17px;
  line-height: 1.72;
}

.about-checks {
  display: grid;
  gap: 10px;
  margin: 27px 0 0;
  padding: 0;
  list-style: none;
}

.about-checks li {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid rgba(103, 65, 97, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
  color: #786274;
  font-size: 13px;
  line-height: 1.45;
}

.about-checks li > i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(145deg, #f14e8e, #c92268);
  color: #fff;
}

#aboutus .about-checks li > span,
#aboutus .about-checks strong {
  display: block !important;
}

.about-section .about-checks strong {
  margin-bottom: 2px;
  color: #4c3349;
  font-size: 14px;
}

.about-visual {
  position: relative;
  min-height: 610px;
  margin: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.about-visual-orbit {
  position: absolute;
  width: 430px;
  height: 430px;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  border: 44px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255, 177, 207, 0.7), rgba(170, 151, 232, 0.56));
}

.about-visual img {
  position: relative;
  z-index: 2;
  display: block;
  width: min(570px, 112%);
  max-height: 590px;
  object-fit: contain;
  filter: drop-shadow(0 25px 26px rgba(87, 47, 80, 0.17));
}

.about-visual figcaption {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 11px;
  align-items: center;
  max-width: 275px;
  padding: 14px 17px;
  border: 1px solid rgba(103, 65, 97, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 15px 35px rgba(85, 49, 79, 0.15);
  backdrop-filter: blur(12px);
}

.about-visual figcaption > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: #ffe1ec;
  color: #d52e73;
}

.about-visual figcaption strong,
.about-visual figcaption small {
  display: block;
}

.about-visual figcaption strong {
  color: #472f45;
  font-size: 14px;
}

.about-visual figcaption small {
  margin-top: 3px;
  color: #7b6677;
  font-size: 11px;
  line-height: 1.35;
}

.about-pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.about-pillars article {
  position: relative;
  min-height: 290px;
  padding: 27px;
  overflow: hidden;
  border: 1px solid rgba(104, 65, 98, 0.1);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 16px 36px rgba(89, 54, 83, 0.065);
  text-align: left;
}

.about-pillars article::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  right: -35px;
  bottom: -38px;
  border-radius: 50%;
  background: rgba(229, 48, 126, 0.06);
}

.about-pillars article > i {
  display: grid;
  width: 50px;
  height: 50px;
  margin-bottom: 23px;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, #ffe1ec, #eee8ff);
  color: #d52e73;
  font-size: 19px;
}

.about-pillars article:nth-child(2) > i {
  background: linear-gradient(145deg, #fff0c9, #ffe1ec);
  color: #ca762b;
}

.about-pillars article:nth-child(3) > i {
  background: linear-gradient(145deg, #e9e3ff, #def5f3);
  color: #7563c7;
}

.about-pillars article:nth-child(4) > i {
  background: linear-gradient(145deg, #dff5ef, #e7e5ff);
  color: #398575;
}

.about-pillars h3 {
  margin: 0 0 12px;
  color: #472f45;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.22;
}

.about-pillars p {
  margin: 0;
  color: #715d6d;
  font-size: 14px;
  line-height: 1.65;
}

.about-statement {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin-top: 16px;
  padding: 27px 30px;
  border-radius: 25px;
  background: linear-gradient(135deg, #3e293e, #694064);
  color: #fff;
  box-shadow: 0 24px 54px rgba(74, 43, 70, 0.18);
  text-align: left;
}

.about-statement-mark {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  color: #ff83b2;
  font-size: 21px;
}

.about-statement p {
  margin: 0 0 6px;
  color: #ff9fc3;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.about-statement h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.18;
}

.about-statement > span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.about-statement > span i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff6da8;
}

@media (max-width: 1050px) {
  .about-heading,
  .about-feature {
    grid-template-columns: 1fr;
  }

  .about-heading {
    gap: 25px;
  }

  .about-heading > p {
    max-width: 760px;
  }

  .about-feature-copy {
    padding: 48px 42px 20px;
  }

  .about-visual {
    min-height: 500px;
  }

  .about-pillars {
    grid-template-columns: 1fr 1fr;
  }

  .about-statement {
    grid-template-columns: 56px 1fr;
  }

  .about-statement > span {
    grid-column: 2;
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .about-section {
    padding: 78px 16px 82px;
  }

  .about-heading h2 {
    font-size: 47px;
  }

  .about-heading > p {
    padding: 18px 0 0;
    border-top: 3px solid #e5307e;
    border-left: 0;
    font-size: 16px;
  }

  .about-feature {
    border-radius: 27px;
  }

  .about-feature-copy {
    padding: 35px 22px 12px;
  }

  .about-feature-copy h3 {
    font-size: 37px;
  }

  .about-checks li {
    align-items: start;
  }

  .about-visual {
    min-height: 400px;
  }

  .about-visual-orbit {
    width: 300px;
    height: 300px;
    border-width: 30px;
  }

  .about-visual figcaption {
    right: 14px;
    bottom: 15px;
    max-width: 245px;
  }

  .about-pillars {
    grid-template-columns: 1fr;
  }

  .about-pillars article {
    min-height: 0;
  }

  .about-statement {
    grid-template-columns: 1fr;
    padding: 25px 22px;
  }

  .about-statement > span {
    grid-column: 1;
    flex-wrap: wrap;
  }
}

@media (max-width: 430px) {
  .malina-slots-section .malina-slot-tabs {
    grid-template-columns: 1fr;
  }
}

/* Final header layer: keep the navigation fully opaque and above every section. */
#header.site-header,
#header.site-header.legal-site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  opacity: 1;
  isolation: isolate;
  background-color: #11101a;
  background-image:
    radial-gradient(circle at 14% 0%, rgba(229, 48, 126, .18), transparent 25%),
    linear-gradient(180deg, #181521 0%, #0e0d15 100%);
  background-clip: border-box;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#header.site-header::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #11101a;
  content: "";
}

#header.site-header .header-inner {
  position: relative;
  z-index: 2;
  min-width: 0;
}

#header.site-header .main-navigation {
  min-width: 0;
}

#header.site-header .main-navigation ul,
#header.site-header .main-navigation .okayNav__nav--visible {
  align-items: center;
  white-space: nowrap;
}

#header.site-header .main-navigation a,
#header.site-header .main-navigation.okayNav a,
#header.site-header .main-navigation .okayNav__nav--visible a {
  min-height: 42px;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .88);
  line-height: 1.15;
  white-space: nowrap;
}

#header.site-header .main-navigation a:hover,
#header.site-header .main-navigation a.active,
#header.site-header .main-navigation.okayNav a:hover,
#header.site-header .main-navigation.okayNav a.active,
#header.site-header .main-navigation .okayNav__nav--visible a:hover,
#header.site-header .main-navigation .okayNav__nav--visible a.active {
  color: #fff;
}

#header.site-header .logo,
#header.site-header .btn-play-now,
#header.site-header .okayNav__menu-toggle {
  position: relative;
  z-index: 3;
}