@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


*{
box-sizing: border-box;
padding: 0;
margin: 0;
}

:root {

--bg1: #2D2845;
--bg2: #111111;

--color1: #e83e8c; 
--color2: #111;
--color3: #a5a5a5;
--white: #fff;

--rgb1: rgb(232 62 140 / 50%);

--lg1: linear-gradient(130deg, #cb008c, #7409c1);

}



body{
direction: ltr;
font-family: 'Roboto Slab', sans-serif !important;
font-size: 16px;
margin: 0;
padding: 0px;
line-height: 1.5;
direction: ltr !important;
}

img{
max-width: 100%;
}

ul{
list-style: none;
margin: 0;
padding: 0;
}

li, p{
padding: 10px 0;
}

a {
text-decoration: none;
}

.container{
max-width: 1280px;
margin: 0 auto;
width: 100%;
}

.allTitle{
display: flex;
flex-direction: column;
align-items: flex-end;
padding-bottom: 50px;
}


.allTitle h5{
font-size: clamp(21px,5vw,26px);
line-height: 33px;
font-weight: 800;
text-transform: capitalize;
color: #fff;
margin-top: -10px;
margin-bottom: 16px;
}



.navigation-container {
max-width: 100%;
margin: 0;
padding: 44px;
}

.navigation-menu {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: var(--bg1);
padding-block:  44px;
}

.navigation-menu a {
color: var(--white);
display: flex;
gap: 10px;
align-items: center;
}

.site-identity-logo img{
width: 45px;
height: 45px;
animation: animateIcon  9s ease infinite;
}

.site-identity-logo h2{
font-size: clamp(17px,2.5vw,16px);
font-weight: 800;
color: var(--white);
}


.site-identity-logo h2:hover {
transition: .5s;
color: var(--color1);
}

.navigation-menu__labels {
list-style: none;
display: flex;
gap: 24px;
}

.navigation-menu__labels > li > a:hover {
color: var(--color1);
transition: .5s;
}

#toggleMenu,
.navigation-menu label {
display: none;
}

.sec-gmb-hero{
position: relative;
min-height: 100vh;
width: 100%;
display: flex;
background: url(content/bg/bg-all-068a6e2242d923.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}


.sec-gmb-hero::after {
position: absolute;
content: '';
inset: 0px;
background: rgb(28 28 28 / 70%);
z-index: -1;
}

.sec-gmb-hero-main{
transform: translate(0%, -50%);
top: 50%;
position: relative;
padding: 18px;
text-align: flex-end;
}

.sec-gmb-hero-text h2{
font-size: clamp(21px, 2.5vw, 33px);
font-weight: 800;
color: var(--white);
}


.sec-gmb-hero-text h4{
padding: 16px 0;
animation: pulseColor 2s infinite;
font-size: clamp(16px, 2.5vw, 16px);
font-weight: 800;
text-transform: uppercase;
text-shadow: -1px 3px 0 var(--color2), 3px 3px 0 var(--color2), 3px -1px 0 var(--color2), -1px -1px 0 var(--color2);
}

@keyframes pulseColor {
0% {
color: var(--white); 
}
50% {
color: var(--color1); 
}
100% {
color: var(--white); 
}
}

.sec-gmb-hero-btn{
padding-top: 20px;
}


.feat-ben {
padding: 0 20px 128px;
background: var(--bg2);
}


.feature {
background: #242424;
position: relative;
z-index: 2;
margin-bottom: 103px;
border-radius: 20px;
z-index: 2;
}

.feature:after {
position: absolute;
content: '';
background: linear-gradient(to right, #ff416c, #ff4b2b); 
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
border-radius: 20px;
}

.feature:before {
position: absolute;
content: '';
background: var(--bg1);
left: -15px;
top: 0;
right: -15px;
bottom: 0;
box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.46);
border-radius: 20px;
}

.feature .feature-main .feature-block:last-child .single-feature:after {
display: none;
}


.feature .feature-main {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}


.feature-block{
width: calc(25% - 10px);
}

.feature .single-feature {
text-align: center;
position: relative;
padding: 33px 0;
}

.feature .single-feature:after {
position: absolute;
content: '';
right: 0;
top: 50%;
height: 44px;
transform: translateY(-50%);
background: #fff; 
width: 1px;
opacity: .1;
}

.feature .single-feature .part-icon {
display: inline-block;
height: 95px;
margin-bottom: 23px;
}

.feature .single-feature .part-icon img {
width: auto;
height: 100%;
}

.feature-titles{
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 21px 10px 0 10px;
}

.feature-titles h5{
color: var(--white);
font-size: clamp(21px,2.5vw,22px);
}

.feature .single-feature h4.feature-title {
font-size: 21px;
line-height: 27px;
color: #fff; 
margin-bottom: 24px;
font-weight: 800;
letter-spacing: 0.5px;
}

.feature .single-feature .def-btn {
color: var(--white);
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 18px;
height: 44px;
line-height: 44px;
font-size:  16px;
letter-spacing: 1px;
position: relative;
text-transform: capitalize;
transition: linear-gradient .5s, color .5s;
}

.feature .single-feature .def-btn:after {
position: absolute;
content: '';
left: 0;
right: 1px;
top: 0;
bottom: 1px;
opacity: 1;
border-top: dashed var(--color1) 1px;
transition: linear-gradient .5s, color .5s;
}

.feature .single-feature .def-btn:hover {
color: #fff; 
background: linear-gradient(to right, #cb008c, #7409c1); 
}

.feature .single-feature .def-btn:hover:after {
opacity: 0;
}

.feature .single-feature .def-btn svg {
width: 21px;
margin-left: 10px;
}


.feat-ben-main{
display: flex;
align-items: center;
flex-direction: row;
}

.feat-ben-block,.feat-ben-block-whImg{
flex: 1;
margin: 20px;
}

.feat-ben-block{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 33px;
}

.feat-ben-box{
padding: 16px;
}


.feat-ben-block-whImg{
width: 100%;
height: 203px;
margin:  27px auto;
border:2px solid #1d1f20;
padding: 2px;
overflow: hidden;
}
@media (min-width:768px) {
.feat-ben-block-whImg{
width:  302px;}
}
.feat-ben-block-whImg img{
width: 100%;
height: 100%;
object-fit: cover;
filter: hue-rotate(180deg);
transition:all .5s ease-in-out;
}

.feat-ben-block-whImg:hover img{
transform: scale(1.5) rotate(25deg);
filter: hue-rotate(0);
}

.feat-ben-box:nth-child(2){
background: var(--bg1);
}

.feat-ben-box:nth-child(3){
background: var(--bg1);
}


.feat-ben-box h2{
font-size: clamp(15px,2.5vw,16px);
color: var(--color3);
font-style: italic;
}

.feat-ben-box svg{
fill: var(--white);
width: 27px;
height: 27px;
}


.gamb-ab{
background: var(--bg1);
display: flex;
flex-direction: row;
}

.gamb-ab-Img{
background: url(content/bg/bg-all-168a6e2242d966.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}

.gamb-ab-Img::after {
position: absolute;
content: '';
inset: 0px;
background: var(--lg1);
opacity: 0.5;
z-index: -1;
}

.gamb-ab .container{
padding:  61px 20px;
}

.gamb-ab .container {
flex: 2;
}

.gamb-ab-Img{
flex: 1;
}


.gamb-ab-text{
font-size: clamp(15px, 2.5vw, 16px);
color: var(--color3);
font-style: italic;
}

.gamb-ab-btn{
padding: 16px 0;
}


.gamb-game-sec{
background: var(--bg2);
padding:  61px 20px;
}

.gamb-game-sec-main{
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}

.gamb-game-sec-block{
width: calc(33.3% - 10px);
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}

.gamb-game-sec-allgms {
position: relative;
transition: all 0.5s ease-in-out;
opacity: 0;
transform: scale(0.99);
}

.gamb-game-sec-allgms.gamb-game-sec-anim {
opacity: 1;
transform: scale(1.0);
}

.gamb-game-sec-allgms {
overflow: hidden;
position: relative;
}

.gamb-game-sec-allgms .games-title {
font-size: 22px;
font-weight: 700;
display: inline-block;
position: relative;
z-index: 2;    
color: rgba(255, 255, 255, 0.8);
margin: -4px 0 24px;
}

.gamb-game-sec-allgms .games-title:after {
position: absolute;
content: '';
left: calc(100% + 30px);
top: 50%;
width: 999px;
height: 2px;
background: linear-gradient(90deg, #ff8a00, #e52e71);
opacity: 0.3;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock {
margin-bottom: 27px;
position: relative;
overflow: hidden;
border: 2px solid rgba(255, 70, 77, 0.1);
transition: all 0.5s ease-in-out;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-img img {
width: 100%;
opacity: 0.8;
height: 356px;
object-fit: cover;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-img .gamb-game-sec-ic {
position: absolute;
left: 50%;
top: 50%;
width: 103px;
transform: translateY(-50%) translateX(-50%);
filter: drop-shadow(7px 7px 9px #000);
opacity: 1;
display: none;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
padding-left: 27px;
padding-top: 27px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt:after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 150%;
background: var(--bg1);
z-index: -1;
transform: rotate(28deg) translateY(-20%) translateX(-130%);
transition: all 0.5s ease-in-out;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt:before {
position: absolute;
content: '';
right: 0;
top: 0;
width: 80%;
height: 150%;
background: var(--lg1);
z-index: -1;
transform: rotate(25deg) translateY(-15%) translateX(120%);
transition: all 0.5s ease-in-out;
opacity: 0.5;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt a h4.game-title {
font-size: 24px;
font-weight: 600;
color: #fff;
margin-top: -7px;
margin-bottom: 25px;
position: relative;
left: -100%;
transition: all 0.5s ease-in-out;
transition-delay: 0.2s;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt a {
position: relative;
left: -100%;
transition: all 0.5s ease-in-out;
transition-delay: 0.4s;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock:hover {
border-color: transparent;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock:hover .gamb-game-sec-txt a h4.game-title,
.gamb-game-sec-allgms .gamb-game-sec-sngBlock:hover .gamb-game-sec-txt a {
left: 0;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock:hover .gamb-game-sec-txt:after {
transform: rotate(28deg) translateY(-20%) translateX(-40%);
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock:hover .gamb-game-sec-txt:before {
transform: rotate(25deg) translateY(-15%) translateX(30%);
}


.gamb-tab-win{
background: var(--bg1);
padding:  61px 20px;
}


.gamb-tab-win-main{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}

.gamb-tab-win-block{
width: calc(33.3% - 10px);
display: flex;
}

.gamb-tab-win-box{
display: flex;
flex-direction: column-reverse;
background: #322d4e;
padding: 27px;
margin-bottom: 12px;
justify-content: space-between;
align-items: center;
flex: 1;
transition: background.5s;
gap: 15px;
}

.gamb-tab-win-box:hover{
background: var(--rgb1);
}

.gamb-tab-win-box:hover .gamb-tab-win-points{
-webkit-text-fill-color: inherit;
color: var(--color3);
}

.gamb-tab-win-img{
width: 52px;
margin-right: 20px;
border-radius: 0%;
height: 52px;
overflow: hidden;
}

.gamb-tab-win-text{
flex: 2;
display: flex;
flex-direction: column;
align-items: center;
}


.gamb-tab-win-points-block img{
width: 27px;
height: 27px;
object-fit: contain;
}

.gamb-tab-win-boxNn{
display: flex;
flex-direction: row-reverse;
gap: 10px;
font-size: clamp(16px, 2.5vw, 21px);
color: var(--color3);
}


.gamb-tab-win-points{
display: block;
font-size: clamp( 18px, 2.5vw, 24px);
font-weight:800;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image: var(--lg1);
margin-bottom: -5px;
margin-top: 5px;
transition:  color .5s;
}


.gamb-tab-win-points-block{
display: flex;
gap: 6px;
align-items: center;
padding-top: 6px;
}



.gamba-testimo {
height: 560px;
position: relative;
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: center;
background: var(--bg1);
}

.gamba-testimo .allTitle{
top: -300px;
position: relative;
padding: 0 6px;
}

.slider-wrapper{
display: flex;
align-items: center;
justify-content: center;
}


.slider__nav {
width: 12px;
height: 12px;
margin: 62px 12px;
border-radius: 50%;
z-index: 10;
outline: 6px solid #ccc;
outline-offset: -6px;
box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
cursor: pointer;
appearance: none;
backface-visibility: hidden;
}
.slider__nav:checked {
-webkit-animation: check 0.4s linear forwards;
animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
left: -300%;
}
.slider__nav:checked:nth-of-type(5) ~ .slider__inner {
left: -400%;
}
.slider__inner {
position: absolute;
top: 140px;
left: 0;
width: 500%;
height: auto;
transition: left 0.4s;
display: flex;
flex-flow: row nowrap;
}
.slider__contents {
height: 100%;
text-align: center;
display: flex;
flex: 1;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.slider__caption {
font-size: clamp(15px, 2.5vw, 16px);
color: var(--white);
opacity: .5;
font-family: 'Roboto';
font-weight: 800;
text-transform: uppercase;
}
.slider__txt {
font-size: clamp(16px, 2.5vw,21px);
font-weight: 800;
font-family: 'Roboto';
line-height: 1.7;
color: var(--color3);
margin-top: -21px;
margin-bottom: 21px;
max-width:789px;
}
quote {
font-family: 'Arial';
font-weight:800;
font-size: 94PX;
color: var(--color1);
margin-bottom: 0;
}

@-webkit-keyframes check {
50% {
outline-color: #333;
box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.1);
}
100% {
outline-color: #333;
box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}

@keyframes check {
50% {
outline-color: #333;
box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.1);
}
100% {
outline-color: #333;
box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}



.prom-video {
background: url(content/bg/bg-all-268a6e2242d9a4.jpg) center 40% no-repeat;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 95px 0;
z-index: 2;
overflow: hidden;
}

.prom-video::after {
position: absolute;
content: '';
left: -16%;
top: 0;
width: 80%;
height: 100%;
background: var(--lg1);
z-index: -1;
opacity: 0.9;
transform: skew(20deg);
}

.prom-video::before {
position: absolute;
content: '';
left: 63%;
top: 0;
width: 54%;
height: 100%;
background: #111;
z-index: -1;
opacity: 0.8;
transform: skew(20deg);
}

.prom-video-main{
padding: 16px;
}


.prom-video-osnv-vd-play-btn {
position: relative;
z-index: 10;
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
margin: 40px auto 20px auto;
border-radius: 50%;
padding: 18px 20px 18px 28px;
transition: background .5s;
}

.prom-video-osnv-vd-play-btn:before,
.prom-video-osnv-vd-play-btn:after {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}

.prom-video-osnv-vd-play-btn:before {
z-index: 0;
width: 80px;
height: 80px;
background: var(--bg1);
animation: pulse-border 1500ms ease-out infinite;
}

.prom-video-osnv-vd-play-btn:after {
z-index: 1;
width: 80px;
height: 80px;
background: var(--bg1);
transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.prom-video-osnv-vd-play-btn:hover:after {
background: var(--lg1);
}

.prom-video-osnv-vd-play-btn img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}

.prom-video-osnv-vd-play-btn span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
transform: scale(0.8);
border-left: 27px solid var(--color1);
border-top: 21px solid transparent;
border-bottom: 21px solid transparent;
transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.prom-video-osnv-vd-play-btn:hover span {
border-left: 27px solid var(--color1);
}

@keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1;
}

100% {
transform: scale(1.5);
opacity: 0;
}
}

.prom-video-osnv-cont {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}

.prom-video-osnv-cont video {
max-width: 90%;
max-height: 80%;
}

.prom-video-osnv-zakr {
position: absolute;
top: 20px;
right: 20px;
background: var(--rgb1);
border: none;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
width: 27px;
z-index: 101;
color: var(--color3);
}

.prom-video-osnv-zakr:hover {
background: var(--rgb1);
}


.gamb-stp-gT{
background: var(--bg2);
padding:  61px 20px;
}

.gambstp-gtM{
display: flex;
align-items: center;
flex-direction: row;
}

.gamb-stp-gT-maim-im{
flex: 1;
margin: 21px;
}

.gamb-stp-gT-main {
flex: 1;
position: relative;
display: flex;
flex-direction: column;
gap: 27px;
margin: 21px;
}
.gamb-stp-gT-block{
    color:var(--color1);
}
.gamb-stp-gT-main .gamb-stp-gT-block {
position: relative;
height: auto;
background: var(--bg1);
cursor: pointer;
display: flex;
align-items: center;
transition: 0.5s ease-in-out;
box-shadow: 14px 14px 20px rgba(0, 0, 0, 0.1);
flex: 1;
}

.gamb-stp-gT-main .gamb-stp-gT-block:nth-child(1) {
transform: translateX(10px);
}

.gamb-stp-gT-main .gamb-stp-gT-block:nth-child(3) {
transform: translateX(10px);
}

.gamb-stp-gT-main:hover .gamb-stp-gT-block:nth-child(1) {
transform: translateX(0);
}

.gamb-stp-gT-main:hover .gamb-stp-gT-block:nth-child(3) {
transform: translateX(0);
}


.gamb-stp-gT-main:hover .gamb-stp-gT-block,
.gamb-stp-gT-main .gamb-stp-gT-block:hover::before {
border-radius: 0 21px 21px 0;
}

.gamb-stp-gT-main .gamb-stp-gT-block::before {
content: "";
position: absolute;
width: 6px;
height: 100%;
background: var(--clr);
transition: 0.5s ease-in-out all;
}

.gamb-stp-gT-main .gamb-stp-gT-block:hover::before {
width: 100%;
}

.gamb-stp-gT-main .gamb-stp-gT-block .gamb-stp-gT-content {
position: relative;
display: flex;
align-items: center;
height: 100%;
gap: 6px;
padding: 6px;
}

.gamb-stp-gT-main .gamb-stp-gT-block .gamb-stp-gT-content .gamb-stp-gT-icon {
min-width: 132px;
display: flex;
justify-content: center;
font-size: 2.2em;
color: var(--clr);
transition: 0.2s ease-in-out;
}

.gamb-stp-gT-main .gamb-stp-gT-block:hover .gamb-stp-gT-content .gamb-stp-gT-icon {
color: #fff;
}

.gamb-stp-gT-main .gamb-stp-gT-block .gamb-stp-gT-content .gamb-stp-gT-icon svg {
transition: 0.5s ease-in-out;
width: 27px;
height: 27px;
}

.gamb-stp-gT-main .gamb-stp-gT-block:hover .gamb-stp-gT-content .gamb-stp-gT-icon svg {
text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.2),
2px 2px 6px rgba(0, 0, 0, 0.8);
}


.gamb-stp-gT-main .gamb-stp-gT-block .gamb-stp-gT-content .gamb-stp-gT-text p {
font-size: clamp(15px, 2.5vw, 16px);
color: var(--color3);
font-style: italic;
transition: 0.5s ease-in-out;
}


.gamb-stp-gT-main .gamb-stp-gT-block:hover .gamb-stp-gT-content .gamb-stp-gT-text p {
color: #fff;
}

.gamb-stp-gT-maim-im img{
width: 100%;
height: 289px;
animation: ball 3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s infinite alternate forwards;
}

@keyframes ball {
0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateY(-45px);
}

24% {
opacity: 1;
}

40% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}

65% {
animation-timing-function: ease-in;
transform: translateY(-12px);
}

82% {
animation-timing-function: ease-in;
transform: translateY(-6px);
}

93% {
animation-timing-function: ease-in;
transform: translateY(-4px);
}

25%,
55%,
75%,
87% {
animation-timing-function: ease-out;
transform: translateY(0px);
}

100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
}


.gamba-frm{
background: var(--bg1);
display: flex;
flex-direction: row;
}

.gamba-frm-Img{
background: url(content/bg/bg-all-168a6e2242d966.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}

.gamba-frm-Img::after {
position: absolute;
content: '';
inset: 0px;
background: var(--lg1);
opacity: 0.5;
z-index: -1;
}

.gamba-frm .container{
padding:  61px 20px;
}

.gamba-frm .container {
flex: 2;
}

.gamba-frm-Img{
flex: 1;
}


.gamba-frm-block{
padding: 44px;
background: #322d4e;
position: relative;
z-index: 1;
}

.gamba-frm-block-fields label{
color: var(--white);
}

.gamba-frm-block-fields .input-group--section-input{
width: 100%;
background: transparent;
border: none;
padding: 0 27px;
height: 59px;
margin-bottom: 10px;
color: #fff;
border: 2px solid rgba(153, 153, 153, 0.26);
transition: all 0.2s ease-in;
}


.gamba-frm-block-fields .input-group--section-input::placeholder, .gamba-frm-block-fields .textarea-group--section-input::placeholder{
color: var(--white);
}


.gamba-frm-block-fields  .textarea-group--section-input{
width: 100%;
background: transparent;
border: none;
padding: 0 27px;
height: 59px;
margin-bottom: 10px;
color: #fff;
border: 2px solid rgba(153, 153, 153, 0.26);
transition: all 0.2s ease-in;
}


.gamba-frm-check{
display: flex;
gap: 10px;
padding-top: 6px;
color: var(--white);
}

.gamba-frm-check a{
text-decoration: underline;
color: var(--color1);
}

.gamba-frm-btn{
display: inline-block;
padding: 16px 0;
}


.gamba-podvl{
background: var(--bg2);
padding:  29px 20px;
}

.gamba-podvl-main{
display: flex;
flex-direction: row;
}

.gamba-podvl-lg, .gamba-podvl-menu-politic, .gamba-podvl-block-contact{
flex: 1;
margin: 6px;
}

.gamba-podvl-lg{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.gamba-podvl-log{
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 6px;
}

.gamba-podvl-log img{
width: 45px;
height: 45px;
animation: animateIcon 7s ease infinite;
}


.gamba-podvl-menu-politic{
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}

.gamba-podvl-menu-politic a, .gamba-podvl-inner-contact, .gamba-podvl-inner-contact a, .gamba-podvl-log h3{
font-size: clamp(17px, 2.5vw, 16px);
font-weight: 800;
color: var(--white);
transition: .5s;
word-break: break-all;
}

.gamba-podvl-log h3:hover, .gamba-podvl-menu-politic a:hover, .gamba-podvl-inner-contact a:hover{
transition: .5s;
color: var(--color1);
}

.gamba-podvl-block-contact{
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
}

.gamba-podvl-discl{
padding: 50px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
animation: pulseBg 12s infinite;
border-radius: 20px;
margin-top: 20px;
}

@keyframes pulseBg {
0% {
background: var(--white); 
}
50% {
background: var(--color1); 
}
100% {
background: var(--white); 
}
}

.gamba-podvl-block .allTitle{
display: flex;
flex-direction: column;
align-items: center !important;
text-align: center !important;
padding-bottom: 0 !important;
}

.gamba-podvl-block .allTitle h5{
color: var(--bg2) !important;
}

.gamba-podvl-imgDiscl img{
width: 152px;
height: 152px;
}

.gamba-podvl-textDiscl p{
font-size: clamp(16px, 2.5vw, 16px);
color: var(--bg2);
font-style: italic;
}

.gamba-cops{
background: var(--bg1);
padding:  20px 20px;
}

.gamba-cops-main{
padding: 16px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}

.gamba-cops-main a img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.gamba-cops-title{
font-size: clamp(17px, 2.5vw, 16px);
font-weight: 800;
color: var(--white);
}


.gamb-dopOn{
background: var(--bg1);
padding:  61px 20px;
}

.gamb-dopOn-block{
font-size: clamp(16px, 2.5vw, 16px);
color: var(--color3);
font-style: italic;
}

.gamb-dopOn-main{
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.gamb-dopOn-block, .gamb-dopOn-image{
flex: 1;
margin: 21px;
}


.gamb-dopOn-image img{
width: 100%;
height: 356px;
object-fit: contain;
animation: animateIcon 7s ease infinite;
}


@keyframes animateIcon{
0%{transform: translateY(0);}
20%{transform: translateY(0) scaleY(.5) rotate3d(0, 1, 0, 0deg)}
50%{transform: translateY(-50px) scaleY(1.1) rotate3d(0, 1, 0, 720deg)}
75%{transform: translateY(0) scaleY(.5)}
85%{transform: translateY(0) scaleY(1)}
100%{transform: translateY(0) scaleY(1)}
}

.gamb-stat{
background: url(content/bg/bg-all-168a6e2242d966.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
z-index: 1;
padding:  61px 20px;
}

.gamb-stat::after {
position: absolute;
content: '';
inset: 0px;
background: var(--lg1);
opacity: 0.4;
z-index: -1;
}

.gamb-stat-main{
display: flex;
}

.gamb-stat-block{
flex: 1;
margin: 21px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}

.gamb-stat-inner{
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}

.gamb-stat-number{
display: block;
font-size: clamp(19px, 2.5vw, 24px);
font-weight:800;
margin-bottom: -5px;
margin-top: 5px;
color: var(--color1);
text-shadow: -1px 3px 0 var(--color2), 3px 3px 0 var(--color2), 3px -1px 0 var(--color2), -1px -1px 0 var(--color2);
}

.gamb-stat-text{
font-size: clamp(18px, 2.5vw,21px);
color: var(--color3);
text-shadow: -1px 3px 0 var(--color2), 3px 3px 0 var(--color2), 3px -1px 0 var(--color2), -1px -1px 0 var(--color2);
}


.gamba-ctGam{
background: var(--bg2);
padding:  61px 20px;
border-bottom: 2px solid var(--color3);
}

.gamba-ctGam-main{
display: flex;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
}

.gamba-ctGam-block{
width: calc(50% - 6px);
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}

.gamb-strt-sIgro{
background: var(--bg1);
padding:  61px 20px;
}


.gamb-strt-sIgro-main {
position: relative;
z-index: 2;
display: flex;
flex-direction: column-reverse;
gap: 44px;
padding: 42px 0;
}

.gamb-strt-sIgro-main-inner{
position: relative;
}

.gamb-strt-sIgro-main-inner img{
position: relative;
z-index: 2;
border-radius: 14px;
width: 40%;
margin: 42px;
filter: drop-shadow(5px 4px 6px var(--color1));
-webkit-filter: drop-shadow(5px 4px 6px var(--color1));
}

.gamb-strt-sIgro-content {
color: var(--color3);
font-size: clamp(15px,2.5vw,16px);
}


.gamb-strt-sIgro-fram {
padding: 30px 0 30px;
width: 100%;
}

.gamb-strt-sIgro-fram iframe{
position: relative;
z-index: 1;
width: 100%;
height: 100vh;
}



.gamb-infoCt{
background: var(--bg1);
display: flex;
flex-direction: row;
}

.gamb-infoCt-Img{
background: url(content/bg/bg-all-168a6e2242d966.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}

.gamb-infoCt-Img::after {
position: absolute;
content: '';
inset: 0px;
background: var(--lg1);
opacity: 0.5;
z-index: -1;
}

.gamb-infoCt .container{
padding:  61px 20px;
}

.gamb-infoCt .container {
flex: 2;
}

.gamb-infoCt-Img{
flex: 1;
}

.gamb-infoCt-main{
display: flex;
padding: 27px;
background: #322d4e;
position: relative;
z-index: 1;
align-items: center;
}

.gamb-infoCt-main-inner,.gamb-infoCt-adress-info{
flex: 1;
margin: 18px;
width: 100%;
}


.gamb-infoCt-field label{
color: var(--white);
}

.gamb-infoCt-field input{
width: 100%;
background: transparent;
border: none;
padding: 0 27px;
height: 59px;
margin-bottom: 10px;
color: #fff;
border: 2px solid rgba(153, 153, 153, 0.26);
transition: all 0.5s ease-in;
}


.gamb-infoCt-field input::placeholder{
color: var(--white);
}

.gamb-infoCt-field textarea::placeholder{
color: var(--white);
padding-top: 20px;
}


.gamb-infoCt-field  textarea{
width: 100%;
background: transparent;
border: none;
padding: 0 27px;
height: 59px;
margin-bottom: 10px;
color: #fff;
border: 2px solid rgba(153, 153, 153, 0.26);
transition: all 0.5s ease-in;
}


.gamb-infoCt-check{
display: flex;
gap: 6px;
padding-top: 6px;
color: var(--white);
}

.gamb-infoCt-check a{
text-decoration: underline;
color: var(--color1);
}

.gamb-infoCt-btn{
display: inline-block;
padding: 16px 0;
}


.gamb-infoCt-adress-infos{
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 0;
}

.gamb-infoCt-adress-info-content, .ct-pod{
display: flex;
flex-direction: column;
gap: 6px;
}



.gamb-infoCt-adress-infos svg{
color: var(--color1);
width: 27px;
height: 27px;
}


.gamb-infoCt-adress-info-content h3{
font-size: clamp(18px, 5vw, 21px);
font-weight:800;
color: var(--white);
}

.gamb-infoCt-adress-info-content a, .gamb-infoCt-adress-info-content div{
font-size: clamp(15px, 2.5vw, 16px);
color: var(--color3);
font-style: italic;
transition: 0.5s ease-in-out;
word-break: break-all;
}

.gamb-infoCt-adress-info-content a:hover{
color: var(--color1);
}

.gamb-infoCt-mapa{
display: flex;
}

.gb-pl{
padding: 95px 95px;
color: var(--color3);
overflow: hidden;
background-color: var(--bg1) !important;
position: relative;
}

.gb-pl .container{
position: relative;
z-index: 1;
}

.gb-pl-main{
display: flex;
flex-direction: column;
align-items: flex-end;
}

.gb-pl h1.gb-pl-title{
margin-bottom: 50px;
font-size: clamp(24px, 2.5vw, 27px);
position:relative;
display: inline-block;
font-weight: 800;
color: var(--white);
}

.gb-pl h1,h2,h3{
font-size: 18px;
font-weight: 800;
color: var(--color3);
}

.gb-pl  a{
text-decoration: underline;
color: var(--color3) !important;
word-break: break-all;
}

.gb-pl ol li {
color: var(--color3) !important;
}

.gb-pl ul{
list-style: disc !important;
text-align: left;
margin: 14px;
}


.button-1 {
display: inline-block;
background: linear-gradient(to right, #cb008c, #7409c1); 
height: 45;
line-height: 45;
color: var(--white); 
font-size: 18px;
text-transform: uppercase;
padding: 0 26px;
position: relative;
z-index: 2;
transition: all 0.5s ease; 
}

.button-1:after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #ff4b2b, #ff416c); 
z-index: -1;
transition: all 0.5s ease; 
opacity: 0;
}

.button-1:hover:after {
opacity: 1;
}

.button-1:hover {
color: var(--white); 
}

.button-2 {   
display: inline-block;
padding: 6px 16px;
background: linear-gradient(to right, #cb008c, #7409c1); 
color: var(--white); 
text-transform: uppercase;
border: 2px solid var(--white);
font-size: 16px;
text-align: center;
transition: all .5s;
position: relative; 
z-index: 1;
position: relative;
transform: translateZ(0);
transition: color 1000ms;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
7px 7px 20px 0px rgba(0,0,0,.1),
4px 4px 5px 0px rgba(0,0,0,.1);
border: 0;

}
.button-2:hover{
color: var(--white);
}

.button-2:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, #ff4b2b, #ff416c); 
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition: 300ms ease-out;
}
.button-2:hover:before {
transform: scaleX(1);    
}


.button-3 {
background: linear-gradient(to right, #cb008c, #7409c1); 
padding: 12px 33px;
border: 2px solid var(--color1);
color: var(--white);
border-radius: 10px;
position: relative;
text-align: center;
display: inline-block;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
transition: background 0.5s;
}

.button-3:hover,.button-3:focus {
background: linear-gradient(to right, #ff4b2b, #ff416c); 
color: var(--white);
background: linear-gradient(to right, #ff4b2b, #ff416c); 
} 



.button-4 {
font-weight: 7000;
background: linear-gradient(to right, #cb008c, #7409c1); 
height: 62px;
align-items: center;
justify-content: center;
display: inline-flex;
color: var(--white);
border: 2px solid;
padding: 6px 18px;
position: relative;
border-radius: 6px;
font-size: 16px;
text-transform: capitalize;
margin: 0 auto;
transition: 0.4s linear;
}

.button-4:hover,
.button-4:focus {
transform: translateY(-5px);
background: linear-gradient(to right, #ff4b2b, #ff416c); 
}


.button-5{
color: var(--white);
background: none;
border:  2px solid;
font: inherit;
line-height: 1;
margin: 0.5em;
padding: 6px 16px;
background: linear-gradient(to right, #cb008c, #7409c1); 
}

.button-5:hover{
color: var(--white);
}

.button-5:hover, 
.button-5:focus {
animation: pulse 1s;
box-shadow: 0 0 0 2em transparent;
}

@keyframes pulse {
50% { 
background: linear-gradient(to right, #ff4b2b, #ff416c);
box-shadow: 0 0 20px 10px rgba(255, 75, 43, 0.7);
}
}




@media (max-width: 992px) {
.feat-ben-main{
flex-direction: column !important;
}

.gamb-ab{
flex-direction: column !important;
}

.gamb-game-sec-block, .gamba-ctGam-block{
width: calc(50% - 10px) !important;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt:before {
transform: rotate(25deg) translateY(-15%) translateX(30%) !important;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt:after {
transform: rotate(28deg) translateY(-20%) translateX(-40%) !important;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt a h4.game-title, .gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-txt a {
left: 0 !important;
}
.gamb-tab-win-block{
width: calc(50% - 10px) !important;
}

.gamb-stp-gT-main .box:nth-child(1) {
transform: translateX(0);
}

.gamb-stp-gT-main .box:nth-child(3) {
transform: translateX(0);
}

.gambstp-gtM{
flex-direction: column !important;
}

.gamba-podvl-main{
flex-direction: column;
text-align: center;
}

.gamb-dopOn-main{
flex-direction: column !important;
}

.gamb-infoCt-main{
left: 0 !important;
}

.gamb-infoCt-main{
flex-direction: column !important;
}

.feature-block{
width: calc(50% - 10px) !important;
}
.gamb-stp-gT-maim-im img{
height: 203px;
}
}



@media(max-width: 768px) {
.feat-ben-block{
grid-template-columns: 1fr !important;
}

.gamb-game-sec-block, .gamba-ctGam-block{
width: calc(100% - 10px) !important;
}

.gamb-tab-win-block{
width: calc(100% - 10px) !important;
}

.gamb-stp-gT-main .box .content{
flex-direction: column;
padding: 10px 18px;
}

.gamba-frm{
flex-direction: column !important;
}

.gamba-frm-block{
left: 0 !important;
}

.gamb-strt-sIgro-main-inner img{
width: 100%;
margin: 0;
margin-bottom:  29px;
height: auto;
}

.gamb-infoCt{
flex-direction: column !important;
}

.feature-block{
width: calc(100% - 10px) !important;
}

.slider__txt{
padding: 0 10px;
}
}

@media screen and (max-width: 768px) {
.main-menu {
width: 100%;
max-height: 0;
overflow: hidden;
opacity: 1;
}

.navigation-menu label {
display: inline-flex;
align-items: flex-start;
cursor: pointer;
color: #fdfefe;
}

.navigation-menu__labels {
flex-direction: column;
align-items: flex-start;
margin-top: 10px;
padding: 18px;
}

#toggleMenu:checked ~ .main-menu {
max-height: 75%;
}
}

@media (max-width: 600px){
.gb-pl{
padding: 50px 50px;
}

}

@media (max-width: 575px){
.gamb-game-sec-allgms .gamb-game-sec-sngBlock {
height: 203px;
}

button{
width: 100%;
}

.gamb-game-sec-allgms .gamb-game-sec-sngBlock .gamb-game-sec-img img{
height: auto;
}

.gamb-stp-gT-maim-im img{
height: auto;
}

.gamb-dopOn-image img{
height: auto;
}

.gamb-stat-main{
flex-direction: column !important;
}

}

@media (max-width: 425px){

}

@media (max-width: 375px){
.navigation-menu{
flex-direction: column;
}

.gamb-stp-gT-main .gamb-stp-gT-block .gamb-stp-gT-content{
flex-direction: column;
}

.gamb-infoCt-field textarea::placeholder{
color: var(--white);
padding-top: 16px;
}

}

/* Базовые стили */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #121212;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999; 
}

.login-modal {
    background: #1e1e1e;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.login-modal h2 {
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
    text-align: left;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.form-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #2c2c2c;
    color: #fff;
    font-size: 16px;
}

.btn {
    width: 100%;
    padding: 12px;
    background: #6200ea;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.btn:hover {
    background: #4500b5;
}

.error-message {
    color: #ff5252;
    margin-top: 10px;
    font-size: 14px;
}