@import url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap');


.butt-1 {
    min-height: 45;
    color: #fff;
    border-radius: 3px;
    padding: 14px 20px;
    font-family: 'Lato', sans-serif;
    font-weight:  400;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
      7px 7px 18px 0px rgba(0,0,0,.1),
      4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
   }
   
   .butt-1 {
    background: rgb(96,9,240);
    background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
    border: none;
   }
   
   .butt-1:before {
    height: 0%;
    width: 2px;
   }
   
   .butt-1:hover {
    box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
                 -4px -4px 6px 0 rgba(116, 125, 136, .5), 
       inset -4px -4px 6px 0 rgba(255,255,255,.2),
       inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
   }
   
  
  
.butt-2 {
    position: relative;
    padding: 14px 20px;
    border-radius: 5px;
    border: 2px solid rgb(61, 106, 255);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #fff;
    overflow: hidden;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
  .butt-2:hover {
    background: rgb(61, 106, 255);
    box-shadow: 0 0 28px 5px rgba(0, 142, 236, 0.815);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  .butt-2:hover::before {
    -webkit-animation: sh02 0.5s 0s linear;
    -moz-animation: sh02 0.5s 0s linear;
    animation: sh02 0.5s 0s linear;
  }
  
  .butt-2::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 28px #fff;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
  }
  
  @keyframes sh02 {
    from {
      opacity: 0;
      left: 0%;
    }
  
    50% {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      left: 100%;
    }
  }
  
  .butt-2:active {
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
  }
  

  .butt-3 {
    height: 40px;
    border-radius:  27px;
    font-size: 16px;
    font-family: inherit;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 6px 6px 12px #c5c5c5,
                -6px -6px 12px #ffffff;
    padding: 14px 25px;
    display: inline-block;
    align-content: center;
   }
   
   .butt-3::before {
    content: '';
    width: 0;
    height: 40px;
    border-radius: 27px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #0fd850 0%, #f9f047 100%);
    transition: .5s ease;
    display: block;
    z-index: -1;
   }
   
   .butt-3:hover::before {
    width: 100%;
   }
   
   .butt-4 {
    --c: #fff;
    background: linear-gradient(90deg, #0000 33%, #fff5, #0000 67%) var(--_p,100%)/300% no-repeat,
      #004dff;
    color: #0000;
    border: none;
    transform: perspective(500px) rotateY(calc(20deg*var(--_i,-1)));
    text-shadow: calc(var(--_i,-1)* 0.08em) -.01em 0   var(--c),
      calc(var(--_i,-1)*-0.08em)  .01em 2px #0004;
    outline-offset: .1em;
    transition: 0.3s;
    font-weight:  400;
    font-size:  15px;
    margin: 0;
    cursor: pointer;
    padding:  13px 15px;
    display: inline-block;
  }
  
  .butt-4:hover,
  .butt-4:focus-visible {
    --_p: 0%;
    --_i: 1;
  }
  
  .butt-4:active {
    text-shadow: none;
    color: var(--c);
    box-shadow: inset 0 0 9e9q #0005;
    transition: 0s;
  }
     

  .butt-5 {
    padding: 13px 18px;
    border: 3px solid #fa725a;
    transition: ease-in-out 0.3s;
    background-color: transparent;
    color: #fa725a;
    font-weight: bolder;
    font-size: 16px;
    display: inline-block;
   }
   
   .butt-5:hover {
    transform: scale(1.2) rotate(10deg);
    background-color: #fa725a;
    color: white;
   }

* {
    box-sizing: border-box;
}

body{
    direction: ltr;
    font-family: 'Neuton', sans-serif !important;
    font-size: 15px;
    margin: 0;
    padding: 0px;
    line-height:1.2;
    background: rgb(34,193,195);
    background: var(--bg-6);
    background-size: 200% 200%;
    animation: bg_gradient 10s ease infinite;
}

@keyframes bg_gradient {
    0% { 
        background-position: 0 50%;
    }
    50% { 
        background-position: 100% 50%;
    }
    100% { 
        background-position: 0 50%;
    }

}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding-inline-start: 0;
}

img {
    display: block;
}

.link {
    text-decoration: none;
}

.link:hover,
.link:focus {
    color: inherit;
    cursor: pointer;
}

.title-g07 {
    font-weight: 700;
    margin-bottom: 49px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    color: #dbcde2;
    text-shadow: 3px 3px 0px #731fa3, 5px 5px 0px #f5f103, 7px 7px 0px #05f2f1;
    text-align: center;
}

.title-g07::before {
    position: absolute;
    content: '';
    background: radial-gradient(ellipse at center, #640691c4, #b617cb36 30%, transparent 50%, transparent);
    width: 60%;
    display: block;
    height: 15px;
    bottom: 10%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    rotate: -3deg;
}

@media screen and (min-width: 768px) {
    .title-g07 {
        font-size: 49px;
    }
}

:root {
  --white: #ffffff;

  --bg-1: linear-gradient(60deg, rgba(34,193,195,1) 0%, rgba(89,159,192,1) 25%, rgba(124,191,170,1) 41%, rgba(98,156,189,1) 65%, rgba(153,45,253,1) 100%);
  --color-1: #8c23bb;

  --bg-2: linear-gradient(60deg, rgb(226, 240, 102) 0%, rgb(147, 192, 89) 25%, rgba(124,191,170,1) 41%, rgb(98, 189, 110) 65%, rgb(7, 214, 59) 100%); 
  --color-2: #38f340;

  --bg-3: linear-gradient(60deg, rgb(247, 33, 33) 0%, rgb(218, 76, 51) 25%, rgb(215, 230, 161) 41%, rgb(243, 240, 47) 65%, rgb(250, 197, 50) 100%);;
  --color-3: #38f340;

  --bg-4: linear-gradient(60deg, rgb(10, 6, 243) 0%, rgba(89,159,192,1) 25%, rgb(248, 109, 207) 41%, rgb(93, 235, 140) 65%, rgb(5, 179, 19) 100%);;
  --color-4: #38f340;

  --bg-5: linear-gradient(60deg, rgb(158, 5, 163) 0%, rgb(171, 89, 192) 25%, rgb(51, 214, 162) 41%, rgb(10, 131, 85) 65%, rgb(17, 94, 61) 100%);;
  --color-5: #38f340;

  --bg-6: linear-gradient(60deg, rgb(245, 181, 7) 0%, rgb(225, 238, 43) 25%, rgb(218, 41, 241) 41%, rgb(93, 103, 241) 65%, rgb(108, 78, 218) 100%);;
  --color-6: #38f340;

  --bg-7: linear-gradient(60deg, rgb(100, 45, 250) 0%, rgb(45, 129, 168) 25%, rgb(207, 243, 45) 41%, rgb(235, 157, 215) 65%, rgb(143, 73, 122) 100%);;
  --color-7: #38f340;

  --bg-8: linear-gradient(60deg, rgb(5, 150, 70) 0%, rgb(12, 218, 139) 25%, rgb(216, 241, 233) 41%, rgb(198, 231, 80) 65%, rgb(13, 80, 156) 100%);;
  --color-8: #38f340;

  --bg-9: linear-gradient(60deg, rgb(238, 29, 57) 0%, rgb(136, 19, 74) 25%, rgb(101, 235, 192) 41%, rgb(153, 62, 228) 65%, rgb(50, 11, 87) 100%);;
  --color-9: #38f340;


}
  
.container-g07 {
    padding-left: 13px;
    padding-right: 13px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1237px !important;
}

@media screen and (min-width: 576px) and (max-width: 990px) {
    .container-g07 {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media screen and (min-width: 991px) {
    .container-g07 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-g07 {
    position: fixed;
    z-index: 2;
    width: 100%;
    background-image: linear-gradient(45deg, transparent, transparent 80%, #2028354d);
    direction: initial;
}

.nav-inner-g07 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding:  18px 13px;
    align-items: center;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .nav-inner-g07 {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media screen and (min-width: 992px) {
    .nav-inner-g07 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.logo-link-g07 {
    display: inline-block;
    height: 142px;
}

.logo-link-g07 img {
    display: inline-block;
    height: 100%;
}
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.icon svg {
    color: #ffffff;
    width: 49px;
}

.icon span {
    color: #fff;
    margin-right: 15px;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    transition: letter-spacing 0.2s;
    -webkit-transition: letter-spacing 0.2s;
}

.mob-nav-bar-g07 {
    position: fixed;
    width: 300px;
    z-index: 2;
    right: 0;
    top: 95px;
    margin: 0em 0em;
    transform: translateX(-100%);
    height: 100%;
    background: rgb(34,193,195);
    background: linear-gradient(60deg, rgba(34,193,195,1) 0%, rgba(89,159,192,1) 25%, rgba(124,191,170,1) 41%, rgba(98,156,189,1) 65%, rgba(153,45,253,1) 100%);
    background-size: 200% 200%;
    animation: bg_gradient 10s ease infinite;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.mob-nav-bar-g07 h2 {
    color:#EF2143;
    font-size:18px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 18px;
    margin-bottom: 14px;
}
.mob-nav-bar-g07 img {
    position:relative;
    left:50%;
    margin-left:-17px;
    margin-top:18px;
    width:35px;
}
.mob-nav-bar-g07 hr {
    border-top: thick double #595C62;
    width:80%;
    margin-bottom:  14px;
    border: none;
    border-top: 3px double #8b26da;
    height: 5px;

}
.mob-nav-bar-g07__list {
    padding-left:10%;
    padding-right:10%;
}

.mob-nav-bar-g07__item {
    padding: 6px 14px;
}
.mob-nav-bar-g07__list > li > a {
    color:#3b3b3b;
    font-size: 16px;
}
.mob-nav-bar-g07__list > li > a > svg {
    float: right;
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    -ms-opacity: 0.0;
    -o-opacity: 0.0;
    opacity: 0.0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0.1em 0.5em -0.1em 0;
    width: 18px;
}
.mob-nav-bar-g07__list > li > a:hover {
    color:#fff;
    background:transparent;
    font-weight:bold;
}
.mob-nav-bar-g07__list > li > a:hover > svg {
    float: right;
    float: right;
    -webkit-opacity:1.0;
    -moz-opacity:1.0;
    -ms-opacity:1.0;
    -o-opacity:1.0;
    opacity:1.0;
    margin:0.1em -0.4em -0.1em 0;
}

.mob-nav-bar-g07__link {
    color: #fff;
    border: none;
    padding: 0;
}

#burger,
.icon > .close,
.mob-nav-bar-g07 {
    display: none;
}

#burger:checked + .icon > .close {
    display: block;
}

#burger:checked + .icon >.menu {
    display: none;
}

#burger:checked ~ .mob-nav-bar-g07 {
    display: block;
    transform: translateX(0);
}

.slider-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background-size: cover;
    background-position: center;
    animation: slider 9s linear infinite;
    will-change: opacity;
}

.slide-1 {
    animation-delay: calc(3s * -1);
    background-image: url(pixelpantry/back/bg-all-0691c7dc8a5659.jpg);
}

.slide-2 {
    animation-delay: calc(3s * 0);
    background-image: url(pixelpantry/back/bg-all-1691c7dc8a568a.jpg);
}

.slide-3 {
    animation-delay: calc(3s * 1);
    background-image: url(pixelpantry/back/bg-all-2691c7dc8a56b8.jpg);
    opacity: 0;
}

@keyframes slider {
    0%{opacity:0;}
    10%{opacity:1;}
    33% {opacity:1;}
    43% {opacity:0;}
    100%{opacity:0;}
}

.hero-area-g07 {
    z-index: 1;
    position: relative;
    text-align: center;
}

.hero-inner-g07 {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-1.49 -1.49 16.50 16.50' xml:space='preserve' fill='%230000009c' transform='matrix(1, 0, 0, 1, 0, 0)rotate(0)' stroke='%230000009c' stroke-width='0.7708679999999999'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0' transform='translate(0,0), scale(1)'%3e%3cpath transform='translate(-1.49, -1.49), scale(1.03125)' fill='%237ed0ec9c' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC9c' stroke-width='0.54096'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin: 18px auto;
    text-transform: uppercase;
    padding: 14px;
    color: #ffffff9c;
}

@media screen and (min-width: 576px) {
    .hero-inner-g07 {
        padding:  6px 30px;
    }
}

@media screen and (min-width: 991px) {
    .hero-inner-g07 {
        padding: 177px 88px;
        width: 65%;
    }
}

.hero-inner-g07 h1{
    font-size: 40px;
    border-bottom: thick double #fff;
    color: #ffffff;
}


@media screen and (min-width: 991px) {
    .hero-inner-g07 h1{
        font-size: 65px;
    }
}

.hero-inner-g07 h2 {
    font-size:  18px;
    color: #ffffff;
    font-weight: 400;
    margin-top:  18px;
}

@media screen and (min-width: 576px) {
    .hero-inner-g07 h2{
        font-size: 28px;
    }
}

@media screen and (min-width: 991px) {
    .hero-inner-g07 h2{
        font-size: 28px;
    }
}

.hero-btn {
    margin-top: 58px;
}

.welcome-g07 {
    padding: 112px 0;
    text-align: center;
}

.welcome-g07__img {
    width: 112px;
    height: 112px;
    margin: 0 auto;
}

.welcome-g07-title {
    text-transform: uppercase;
    line-height: 1;
    color: #bcbec2;
    font-size: 28px;
    text-align: center;
    margin-top: 18px;
}
@media screen and (min-width: 576px) {
    .welcome-g07-title {
        font-size: 36px;
    }
}
@media screen and (min-width: 991px) {
    .welcome-g07-title {
        font-size: 60px;
        margin-top: 58px;
    }
}

.welcome-g07 hr {
    border-top: 2px solid #EF2143;
    width: 50%;
    margin-top: 18px;
    margin-bottom: 18px;
}

.welcome-g07-text {
    font-size: 20px;
    line-height:1.2;
    margin: 0 auto;
    color: #44495e;
}

@media screen and (min-width: 576px) {
    .welcome-g07-text {
        font-size: 28px;
        max-width: 70%;
    }
}
@media screen and (min-width: 991px) {
    .welcome-g07-text {
        font-size: 34px;
    }
}

.steps-g07 {
    overflow: hidden;
    position: relative;
    border-bottom: thick double #dbcce3;
}

.steps-g07 .container-g07 {
    padding-top:  77px;
}

.bg_comb {
    width: 120%;
    height: 120%;
    margin: -10%;
    position: absolute;
}

.bg_comb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.05;
}

.steps-g07__list {
    display: flex;
    gap: 28px;
    direction: initial;
}

.steps-g07__item {
    flex: calc(100% / 4 - 28px / 2);
    position: relative;
}

.steps-g07__item:nth-child(even) {
    margin-top: 16%;
}

.arrow-r,
.arrow-l {
    width: 30%;
    position: absolute;
    right: -40%;
    top: 15%;
}

.arrow-r img,
.arrow-l img {
    width: 100%;
    rotate: 90deg;
}

.steps-g07__text p {
    color: #8c23bb;
    -webkit-text-stroke: 1px #000000;
    position: relative;
    font-size:  18px;
    z-index: 1;
    display: block;
}

.steps-g07__text p::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke:  18px #dbcde3;
    z-index: -1;
}

.steps-g07__item:nth-child(2) .arrow-r {
    display: none;
}


@media screen and (max-width: 575px){
    .steps-g07__item:nth-child(2) .arrow-l {
        display: none;
    }
    .steps-g07__item:nth-child(2) .arrow-r {
        display: block;
        width: 25%;
        right: 40%;
        top: unset;
    }

    .arrow-r {
        width: 25%;
        right: 40%;
        top: unset;
    }

    .steps-g07__list {
        flex-direction: column;
    }

    .steps-g07__item:nth-child(3) {
        margin-top: 16%;
    }
    
}

@media screen and (min-width: 576px) and (max-width: 767px){
    .steps-g07__list {
        flex-wrap: wrap;
    }
    .steps-g07__item {
        flex: calc(100% / 2 -  28px / 2);
    }
    .arrow-l {
        left: -40%;
        right: unset;
        top: 60%;
        rotate: 180deg;
    }
}

@media screen and (min-width: 678px) and (max-width: 990px){
    .arrow-l {
        top: unset;
        bottom: 40%;
    }
}

.about-g07 {
    padding:  77px 0;
}
.about-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 27px;
    flex-direction: column;
}
@media screen and (min-width: 576px){
    .about-flex {
        flex-direction: row;
    }
}

.about-g07-img img {
    width: 100%;
}

.about-text-inner {
    background: linear-gradient(-180deg, #2028354d, transparent 55%, transparent);
    border-radius:  18px  18px 0 0;
    padding:  18px 28px;
}

.about-txt {
    color: background: #011613; color: #fff;;
}
.about-txt ul li,
.about-txt ol li {
  margin-bottom: 5px;
}
.about-txt ul,
.about-txt ol {
  margin-bottom: 13px;
  padding-left:  18px;
  list-style: inside;
}
.about-txt a,.about-txt table{
color: inherit;
}
.about-txt p{

text-indent: 2ch;
}


.video-part {
    max-height: 527px;
    position: relative;
    overflow: hidden;
}
.video-part video {
    width: 100%;
    display: block;
}
.video-part .bg_comb {
    margin: unset;
    top: 0;
}
.video-part .bg_comb img {
    opacity: 0.35;
}

.games-g07-section {
    padding:  77px 0;
}



.games-g07_item {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
}
@media screen and (min-width: 576px){
    .games-g07_item {
        flex-direction: row;
    }
}


.games-g07_item:not(:first-child) {
    margin-top: 58px;
}

@media screen and (min-width: 576px){
    .games-g07_item:not(:first-child) {
        margin-top: -58px;
    }
}

@media screen and (min-width: 576px){
    .games-g07_item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.games-g07_item-p1 {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-0.81 -0.81 15.14 15.14' xml:space='preserve' fill='%23000000' transform='matrix(1, 0, 0, 1, 0, 0)'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3cpath transform='translate(-0.81, -0.81), scale(0.9462499999999999)' fill='%237ed0ec' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 360px;
    height: 360px;
    position: relative;
 }

@media screen and (max-width: 576px){
.about-g07-img img {
    height:  212px;
}
}



.games-g07_item_img {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 320px;
    height: 290px;
    padding: 18px;
}

.games-g07_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #0000008a;
}

.games-g07_item-p2 {
    height: 60%;
    background: linear-gradient(-90deg, #2028354d, transparent 95%, transparent);
    border-radius: 0 18px 18px 0;
    padding: 18px 28px;
}

.games-g07_item:nth-child(even) .games-g07_item-p2 {
    background: linear-gradient(90deg, #2028354d, transparent 95%, transparent);
    border-radius: 18px 0 0 18px;
}

.games-g07_item_header a {
    color: #8c23bb;
    -webkit-text-stroke: 2px #000000;
    position: relative;
    font-size:  20px;
    z-index: 1;
    display: block;
}

@media screen and (min-width: 768px){
    .games-g07_item_header a {
        flex-direction: row;
        font-size: 36px;
    }
}


.games-g07_item_header a::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 9px #dbcde3;
    z-index: -1;
}



.games-g07_item_content p {
    color: #effafb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-g07-section {
    padding: 77px 0;
}
.form-flex {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media screen and (min-width: 576px){
    .form-flex {
        flex-direction: row;
    }
}

.form-g07-img img {
    width: 100%;
    max-width:  212px;
    margin: 0 auto;
}
@media screen and (min-width: 576px){
    .form-g07-img img {
        max-width: 302px;
    }
    .form-g07 {
        padding: 28px;
    }
}


.form-g07 {
    background: linear-gradient(180deg, #2028354d, transparent 95%, transparent);
    border-radius:  18px 18px 0 0;
    padding: 28px 13px;
    direction: initial;
}

.form-wrapper {
    margin-top: 28px;
}


.input-mainrowcontrol,
.textarea-mainrowcontrol,
.form-control-custom {
    display: block;
    width: 100%;
    line-height: 1.25;
    font-size: 15px;
    font-weight: 400;
    padding: 14px  20px;
    margin: 14px 0;
    height: auto;
    transition: 0.3s all;
    outline: none;
    color: #8c23bb;
    background: linear-gradient(90deg, #dbcde3, transparent);
    border: none;
    border-radius:  18px;
}

.textarea-mainrowcontrol {
    height: 100px;
}

.input-mainrowcontrol::placeholder,
.textarea-mainrowcontrol::placeholder,
.form-control-custom::placeholder {
    font-size:  15px;
    color: #8c23bb;
}

.form-g07 label {
    font-size:  15px;
    color: #dbcde3;
    margin-top: 13px;
    display: inline-block;
}

.form-g07-check {
    margin-bottom: 28px;
    margin-top: 28px;
    color: #dbcde3;
}

.form-g07-check a {
    color: #8c23bb;
}

.testomonials-g07 {
    padding: 100px 0;
    border-bottom: thick double #dbcce3;
    border-top: thick double #dbcce3;
    overflow: hidden;
    position: relative;
}
.testomonials-g07__list {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
}

.testomonials-g07__item {
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex: calc((100% - 34px) / 2 );
    padding: 18px 28px;
}

@media screen and (min-width: 768px){
    .testomonials-g07__item {
        flex-direction: row;
    }
}

.testomonials-g07__item:nth-child(1) {
    background: linear-gradient(90deg, #2028354d, transparent 95%, transparent);
    border-radius: 18px 0 0 18px;
    border-left: solid 5px #8305ea;
}
.testomonials-g07__item:nth-child(2) {
    background: linear-gradient(180deg, #2028354d, transparent 95%, transparent);
    border-radius: 18px 18px 0 0;
    border-top: solid 5px #8305ea;
}
.testomonials-g07__item:nth-child(3) {
    background: linear-gradient(0deg, #2028354d, transparent 95%, transparent);
    border-radius: 0 0 18px 18px;
    border-bottom: solid 5px #8305ea;
}
.testomonials-g07__item:nth-child(4) {
    background: linear-gradient(-90deg, #2028354d, transparent 95%, transparent);
    border-radius: 0 18px 18px 0;
    border-right: solid 3px #8305ea;
}

.testomonials-g07__item img {
    width: 100%;
    border-radius: 50%;
    border: solid 5px #3a5f6c;
    max-height: 112px;
    object-fit: cover;
}

.testomonials-g07__item > * {
    flex: 1;
}

.testomonials-g07__item h3 {
    color: #8c23bb;
    -webkit-text-stroke: 1px #000000;
    position: relative;
    font-size: 18px;
    z-index: 1;
    display: block;
}

.testomonials-g07__item h3::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 9px #dbcde3;
    z-index: -1;
}

.testomonials-g07__item div div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -20%;
}

.testomonials-g07__item .little-fruit {
    max-width: 58px;
    max-height: 58px;
    border: none;
}

.testomonials-g07__item p {
    color: #ffffff;
}

.disclamer-part {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-1.49 -1.49 16.50 16.50' xml:space='preserve' fill='%230000009c' transform='matrix(1, 0, 0, 1, 0, 0)rotate(0)' stroke='%230000009c' stroke-width='0.7708679999999999'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0' transform='translate(0,0), scale(1)'%3e%3cpath transform='translate(-1.49, -1.49), scale(1.03125)' fill='%237ed0ec9c' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC9c' stroke-width='0.54096'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin:  18px auto;
    text-transform: uppercase;
    padding: 28px;
    color: #ffffff9c;
    direction: initial;
}
@media screen and (min-width: 520px){
    .disclamer-part {
        width: 500px;
        height: 500px;
    }
}

.disclamer-content-g07 {
    position: relative;
    text-align: center;
}

@media screen and (min-width: 500px){
    .disclamer-content-g07 {
        width: 340px;
        top: 50%;
        left: 50%;  
        transform: translate(-50%, -50%);  
    }
}

.disclamer-content-g07 p {
    color: #ffff00;
}

.footerYU {
    padding:  100px 0 58px 0;
    direction: initial;
}
@media screen and (min-width: 576px){
    .footerYU {
        background: radial-gradient(circle, transparent, transparent 60% 0%, rgb(12 11 11 / 56%) 100%);
    }
}

.footer-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

@media screen and (min-width: 576px){
    .footer-flex {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 991){
    .footer-flex {
        height: 500px;
        flex-wrap: nowrap;
    }
}

.footer-flex > div:nth-child(2) {
    margin: 0 auto;
}


.footer-flex > div:first-child,
.footer-flex > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
    order: 2;
    margin-top: 50px;
}

@media screen and (min-width: 576px){
    .footer-flex > div:first-child,
    .footer-flex > div:last-child {
        gap: 80px;
        flex: calc(100% / 2);
    }
}
@media screen and (min-width: 991px){
    .footer-flex > div:first-child,
    .footer-flex > div:last-child {
        order: unset;
        flex: 1;
    }
}

.footerYU  .logo-link-g07 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-size: 36px;
    font-weight:400;
    color: #46167d;
    height: 100%;
}

.footerYU  .logo-link-g07__img {
    max-height: 100px;
}

.footerYU  .logo-link-g07 sup {
    font-size: 16px;
}

.menu-footer li,
.politics-links li {
    position: relative;
    overflow: hidden;
    padding: 6px 14px;
    border-radius: 6px 0 0 6px;
}

.politics-links li {
    border-radius: 0 18px 6px 6px 0;
    text-align: right;
}
@media screen and (max-width: 575px){
    .politics-links li:last-child {
        margin-bottom: 49px;
    }
}


.menu-footer li::before,
.politics-links li::after {
    content: '';
    background: linear-gradient(90deg, #2028354d, transparent 95%, transparent);
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    display: block;
    transition: all 0.5s ease-in-out;
}

.politics-links li::after {
    background: linear-gradient(-90deg, #2028354d, transparent 95%, transparent);
    left: unset;
    right: -100%;
}

.menu-footer li:hover:before {
    left: 0;
}

.politics-links li:hover:after {
    right: 0;
}

.link-footer {
    color: #8c23bb;
    position: relative;
    font-size: 16px;
    z-index: 1;
    display: block;
}

.link-footer::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 9px #dbcde3;
    z-index: -1;
}

.stats-g07 {
    position: relative;
    overflow: hidden;
    padding: 77px 0;
    border-top: thick double #dbcce3;
    border-bottom: thick double #dbcce3;
}

.stats-g07__list {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
@media screen and (min-width: 576px){
    .stats-g07__list {
        flex-direction: row;
    }
}

.stats-g07__item {
    flex: 1;
    position: relative;
}

.stats-g07__item p {
    font-size: 28px;
    position: absolute;
    rotate: -30deg;
    top: 0;
    right: 67%;
    color: #8c23bb;
    z-index: 1;
    display: block;
}

.stats-g07__item p::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 9px #dbcde3;
    z-index: -1;
}

.stats-g07__item div {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-1.49 -1.49 16.50 16.50' xml:space='preserve' fill='%230000009c' transform='matrix(1, 0, 0, 1, 0, 0)rotate(0)' stroke='%230000009c' stroke-width='0.7708679999999999'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0' transform='translate(0,0), scale(1)'%3e%3cpath transform='translate(-1.49, -1.49), scale(1.03125)' fill='%237ed0ec9c' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC9c' stroke-width='0.54096'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg%3e%3cellipse style='fill:%238e4ab09c;' cx='6.762' cy='6.762' rx='6.762' ry='5.713'%3e%3c/ellipse%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin: 18px auto;
    text-transform: uppercase;
    padding: 14px;
    color: #ffffff9c;
    align-content: center;
    height: 200px;
}

.stats-g07__item div h3 {
    text-align: center;
    font-size: 58px;
    color: #fff;
}

.stats-g07__item:nth-child(1),
.stats-g07__item:nth-child(3) {
    margin-top: auto;
}

.stats-g07__item:nth-child(2) {
    margin-bottom: auto;
}

.game-page {
    padding: 64px 0 64px 0;
}

.game-g07 {
    display: flex;
    gap: 48px;
    flex-direction: column;
}

@media screen and (min-width: 576px){
    .game-g07 {
        flex-direction: row;
    }
}

.game-g07-img-wrap {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-0.81 -0.81 15.14 15.14' xml:space='preserve' fill='%23000000' transform='matrix(1, 0, 0, 1, 0, 0)'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3cpath transform='translate(-0.81, -0.81), scale(0.9462499999999999)' fill='%237ed0ec' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative; 
    flex: 1;
    margin-bottom: 48px;
}

.page-g07-img {
    width: 100%;
    border-radius: 50%;
}

.page-g07-text {
    background: linear-gradient(180deg, #2028354d, transparent 95%, transparent);
    border-radius: 18px 18px 0 0;
    padding: 28px;
    flex: 1;
    margin-bottom: 49px;
}

.game-frame-g07 iframe{
    height: 100vh;
    width: 100%;
    
}

.contact-g07-page {
    padding: 77px 0;
    direction: initial;
}
.contact-wrap {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

@media screen and (min-width: 768px){
    .contact-wrap {
        flex-direction: row;
    }
}

.contacts__list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    flex: 1;
}

.contact__item {
    display: flex;
    gap:13px;
    align-items: center;
    flex-direction: column;
}

@media screen and (min-width: 768px){
    .contact__item {
        flex-direction: row;
    }
}

.contact-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='256px' width='256px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-0.81 -0.81 15.14 15.14' xml:space='preserve' fill='%23000000' transform='matrix(1, 0, 0, 1, 0, 0)'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3cpath transform='translate(-0.81, -0.81), scale(0.9462499999999999)' fill='%237ed0ec' d='M9.166.33a2.25 2.25 0 00-2.332 0l-5.25 3.182A2.25 2.25 0 00.5 5.436v5.128a2.25 2.25 0 001.084 1.924l5.25 3.182a2.25 2.25 0 002.332 0l5.25-3.182a2.25 2.25 0 001.084-1.924V5.436a2.25 2.25 0 00-1.084-1.924L9.166.33z' strokewidth='0'%3e%3c/path%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
    position: relative;
}

.contact-icon svg {
    width: 58px;
    border: solid 3px #0000008a;
    border-radius: 50%;
    padding: 3px;
    color: #8c23bb;
    fill: #8c23bb;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-link {
    background: linear-gradient(90deg, #2028354d, transparent 95%, transparent);
    border-radius: 18px 0 0 18px;
    flex: 1;
    padding: 18px;
}

.contact-link a,
.contact-link p {
    color: #530f72;
    position: relative;
    font-size: 18px;
    z-index: 1;
    display: block;
    word-break: break-all;
}

.contact-link a::before,
.contact-link p::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    -webkit-text-stroke: 9px #dbcde3;
    z-index: -1;
}

.contact-g07-page .form-g07 {
    flex: 1;
}

.adult {
    width:  88px;
    margin-left: auto;
}
.sectionRew{
    display: flex;   
    flex-direction: column;
}
.page-flexJK{
    display: flex;
    flex-direction: column-reverse;
    gap: 49px;
}
.privacys{
    padding:  64px 0;
}
.policy-block{
word-break: break-word;
}
.policy-block ul li,
.policy-block ol li {
  margin-bottom: 5px;
}
.policy-block ul,
.policy-block ol {
  margin-bottom: 13px;
  padding-left:  18px;
  list-style: inside;
}
.policy-block a,.policy-block table{
color: inherit;
}
.policy-block p{
margin-bottom:  6px;
text-indent: 2ch;
}
 @media screen and (max-width: 380px){
    .games-g07_item-p1 {
        width: 100%;
        height: 320px;
        }
        .games-g07_item_img{
            width: 100%;
        }
}


.footer-logos {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;

  a img {
    max-height: 50px;
    width: 100%;
    display: block;
    max-width: none;
    transition: 0.3s linear;
    
    &:hover,
    &:hover{
      transform: scale(0.96);
      opacity: 0.8;
    }
  }
}