@import url('https://fonts.googleapis.com/css2?family=Eczar:wght@400..800&display=swap');


.button_1 {
    font-size: 18px;
    background: #a3d9f1;
    border: none;
    border-radius: 42px;
    color: #000;
    outline: none;
    cursor: pointer;
    transition: all 0.5s;
    padding: 24px 39px;
  }
  
  .button_1:hover {
    box-shadow: inset 0 0 0 5px rgb(163 25 121), inset 0 0 0 8px rgb(151 176 237), inset 0 0 0 12px rgb(57 28 121), inset 0 0 0 16px rgb(43 88 159);
    background: var(--layer-4-background);
    color: #fff;
  }
   
  
  
.button_2 {
    padding: 13px 24px;
  border: none;
  font-size: 17px;
  color: #fff;
  border-radius: 9px;
  letter-spacing: 5px;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.5s;
  transition-property: box-shadow;
}

.button_2 {
  background: rgb(62 138 189);
  box-shadow: 0 0 13px rgb(0,140,255);
}

.button_2:hover {
  box-shadow: 0 0 5px rgb(56, 162, 248),
  0 0 16px rgb(0,140,255),
  0 0 20px rgb(0,140,255),
  0 0 26px rgb(0,140,255);
  cursor: pointer;
}
  

  .button_3 {
    width: fit-content;
  display: flex;
  padding: 24px 16px;
  cursor: pointer;
  gap: 0.4rem;
  font-weight: 800;
  border-radius: 26px;
  text-shadow: 1px 1px 3px rgb(136 0 136 / 50%);
  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088) no-repeat;
  background-size: 300%;
  color: #fff;
  border: none;
  background-position: left center;
  box-shadow: 0 30px 13px -24px rgba(0,0,0,.2);
  transition: background .3s ease;
}

.button_3:hover {
  background-size: 320%;
  background-position: right center;
}
   
.button_4 {
 color: #fff;
 border-radius: 5px;
 padding: 13px 26px;
 font-family: 'Lato', sans-serif;
 font-weight: 600;
 background: transparent;
 cursor: pointer;
 transition: all 0.3s ease;
 position: relative;
 display: inline-block;
 box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,.5),
   7px 7px 24px 0px rgba(0,0,0,.1),
   5px 5px 5px 0px rgba(0,0,0,.1);
 outline: none;
 background: rgb(96,9,240);
 background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
 border: none;
}

.button_4:before {
 height: 0%;
 width: 1px;
}

.button_4:hover {
 box-shadow: 5px 5px 6px 0 rgba(255,255,255,.5),
              -5px -5px 6px 0 rgba(116, 125, 136, .5), 
    inset -5px -5px 6px 0 rgba(255,255,255,.2),
    inset 5px 5px 6px 0 rgba(0, 0, 0, .4);
}
     

.button_5 {
    background: #0f306e;
  font-family: inherit;
  padding: 13px 24px;
  font-weight: 800;
  font-size: 18px;
  border: 3px solid black;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
}

.button_5:hover {
  transform: translate(-0.05em, -0.05em);
  box-shadow: 0.15em 0.15em;
}

.button_5:active {
  transform: translate(0.05em, 0.05em);
  box-shadow: 0.05em 0.05em;
}


* {
    box-sizing: border-box;
}

body{
    direction: ltr;
    font-family: 'Eczar', sans-serif !important;
    font-size: 17px;
    margin: 0;
    padding: 0px;
    line-height: 1.3;
    background: linear-gradient(to right, #e9eae9, #f1f1f0);
}

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-dark {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230f1a37' stroke-width='18' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"), radial-gradient(ellipse at center, #fff, #8f94a7);
    padding: 25px 45px;
    display: inline-block;
    margin-bottom: 50px;
    font-size: 25px;
}


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

  
.container-g08 {
    padding-left: 11px;
    padding-right: 11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px !important;
}

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

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

.hero-content h1 {
    color: #1E90FF;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7), 0 0 26px #ffffff;
    margin: 24px 0;
    background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='34'><rect fill='rgb(30, 144, 255)' x='0' y='23' width='10' height='2'/></svg>");
  background-position-y: 43px;
    padding-bottom: 13px;
}

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}

:root {
    --font-color: rgb(42 58 123);
    --main-background: rgb(206 220 255);
    --layer-1-background: rgb(64 110 226);
    --layer-2-background: rgb(40, 71, 149);
    --layer-3-background: rgb(28, 55, 122);
    --layer-4-background: rgb(22, 38, 80);
    --stag-fill: rgb(255,255,255);
    --moon-fill: rgb(255,255,255);
    --tree-1-fill: rgb(42 58 123);
    --tree-2-fill: rgb(42 58 123);
    --tree-3-fill: rgb(255, 255, 255);
    --tree-4-fill: rgb(190 208 246);
    --tree-5-fill: rgb(255, 255, 255);
  }
  
.header-g08 {
    background-image: url(winter08/img/header.png);
    background-size: 100% 150%;
    background-repeat: no-repeat;
    min-height: 120px;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
}

.nav-inner-g08 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-link-g08 {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #812c2c;
    rotate: -2deg;
    transition: all 0.5 ease-in-out;
    direction: initial;
}

@media screen and (min-width: 425px) {
    .logo-link-g08 {
        font-size: 28px;
    }
}

.logo-link-g08:hover,
.logo-link-g08:focus {
    color: var(--text-color);
    rotate: 0;
}

.logo-link-g08 div {
    border: double 5px #812c2c;
    border-radius: 50%;
    padding: 10px;
    height: 70px;
}

.logo-link-g08__img {
    display: inline-block;
}

.menu-btn-g08 .icon-menu,
.menu-btn-g08 .icon-cross, {
    fill: #616161;
}

.menu-btn-g08 {
    border: none;
    background-color: transparent;
    padding: 0;
    }

@media screen and (min-width: 992px) {
    .menu-btn-g08 {
        display: none;
    }
}

    .menu-btn-g08:hover .icon-menu {
        fill: var(--accent-color);
    }

    .menu-btn-g08 .icon-cross {
        display: none;
    }

    .menu-btn-g08:hover .icon-menu,
    .menu-btn-g08:hover .icon-cross {
        fill: var(--accent-color);
    }

    .mob-menu-g08 {
        display: none;
        z-index: 9;
        position: fixed;
        bottom: 0;
        right: 0;
        width: min(100%, 500px);
        height: 100%;
        padding: 48px 40px;
        overflow-y: scroll;
        background-color: #0f1a37;;
        }

    .btn-cross {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background-color: #27272A;;
        padding: 0;
    }

    .btn-cross .icon-cross {
        fill: #FAFAFA;
    }

@media screen and (max-width: 991px) {
    .mob-menu-g08.is-open {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .mob-menu-g08 {
        display: none;
    }
}

.mob-nav-bar-g08 {
    margin-top: 30px;
}

.mob-nav-bar-g08__item {
    position: relative;
    border-bottom: 3px solid #406ee2;
    border-radius: 0 0 60% 10%;
}

.mob-nav-bar-g08__list .mob-nav-bar-g08__item::before {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    left: 10px;
    position: absolute;
}

.mob-nav-bar-g08__link {
    display: block;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0.02em;
    font-size: 15px;
    padding: 15px 16px;
    color: #FAFAFA;
    text-align: center;
 }

.mob-nav-bar-g08__item:hover .mob-nav-bar-g08__link{
    color: var(--brand-color);
}

.menu-img {
    max-width: 70%;
    margin: 30px auto 0 auto;
}

.nav-bar-g08 {
        display: none;
    }

@media screen and (min-width: 992px) {
    .nav-bar-g08 {
        display: block;
        width: unset;
    }
}

.nav-bar-g08__list {
    display: flex;
    gap: 26px;
}

.nav-bar-g08__item {
    padding: 5px 15px;
    background-image: repeating-linear-gradient(37deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(127deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(217deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(307deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px);
background-size: 3px calc(100% + 15.03px), calc(100% + 15.03px) 3px, 3px calc(100% + 15.03px) , calc(100% + 15.03px) 3px;
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-repeat: no-repeat;
animation: borderAnimation 1.8s infinite linear;
align-content: center;
}

@keyframes borderAnimation {
from { background-position: 0 0, -15.03px 0, 100% -15.03px, 0 100%; }
to { background-position: 0 -15.03px, 0 0, 100% 0, -15.03px 100%; }
}

.nav-bar-g08__link {
    color: #16181a;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.8;
}

.nav-bar-g08__link:hover,
.nav-bar-g08__link:focus {
    color: #027abb;
}

.hero-wrap-g08 {
    background-color: var(--main-background);
    background-image: url(winter08/img/asfalt-light.png);
    padding: 160px 0;
    position: relative;
    overflow-x: hidden;
    z-index: 0;
}

.hero-wrap-g08 .container-g08 {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .hero-wrap-g08 .container-g08 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width: 991px) {
    .hero-wrap-g08 .container-g08 {
        flex-direction: row;
        gap: 80px;
    }
}

  #container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    flex: 2;
    min-height: clamp(250px, 73vw, 500px);;
  }
  
  .layer {
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
  }
  
  #layer-1 {
    width: 100%;
    height: calc(100vw * 0.72);
    background-color: var(--layer-1-background);
    border-radius: 51% 49% 34% 66% / 39% 66% 34% 61%;
    box-shadow: 3px 1px 7px 3px rgb(0 0 0 / 40%) inset;
    -webkit-box-shadow: 3px 1px 7px 3px rgb(0 0 0 / 40%) inset;
    -moz-box-shadow: 3px 1px 7px 3px rgb(0 0 0 / 40%) inset;
  }
  
  #layer-2 {
    width: calc(100% * 0.86);
    height: calc(100vw * 0.86 * 0.75);
    background-color: var(--layer-2-background);
    border-radius: 41% 44% 45% 64% / 54% 65% 37% 57%;
    box-shadow: 3px 1px 8px 5px rgb(0 0 0 / 40%) inset;
    -webkit-box-shadow: 3px 1px 8px 5px rgb(0 0 0 / 40%) inset;
    -moz-box-shadow: 3px 1px 8px 5px rgb(0 0 0 / 40%) inset;
  }
  
  #layer-3 {
    width: calc(100% * 0.77);
    height: calc(100vw * 0.77 * 0.74);
    background-color: var(--layer-3-background);
    border-radius: 61% 41% 45% 64% / 51% 68% 40% 54%;
    box-shadow: 1px 1px 13px 1px rgb(0 0 0 / 45%) inset;
    -webkit-box-shadow: 1px 1px 13px 1px rgb(0 0 0 / 45%) inset;
    -moz-box-shadow: 1px 1px 13px 1px rgb(0 0 0 / 45%) inset;
    overflow: hidden;
  }
  
  #layer-4 {
    background-color: var(--layer-4-background);
    width: calc(100% * 0.68);
    height: calc(100vw * 0.68 * 0.73);
    box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
    -webkit-box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
    -moz-box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
  }
  
  #container svg {
    width: calc(100% * 0.39);
    position: absolute;
    filter: drop-shadow(0px 3px 1px rgb(0 0 0 / 0.3));
    z-index: 2;
  }
  
  #container #front-tree-1 {
    width: calc(100% * 0.28);
    bottom: 0px;
    right: 0;
    fill: var(--tree-5-fill);
    z-index: 4;
  }
  
  #container #front-tree-2 {
    width: calc(100% * 0.26);
    bottom: 0;
    left: 16px;
    fill: var(--tree-3-fill);
    z-index: 4;
  }
  
  #container #tree-1 {
    fill: var(--tree-1-fill);
    top: 30px;
  }
  
  #container #tree-2 {
    fill: var(--tree-2-fill);
    right: 0px;
    top: 60px;
  }
  
  #container #stag {
    width: calc(100% * 0.28);
    right: 21%;
    z-index: 4;
    bottom: -20%;
    fill: var(--stag-fill);
    height: 100%;
  }
  
  #container #moon {
    position: absolute;
    width: calc(100% * 0.14);
    height: calc(100% * 0.17);
    border-radius: 50%;
    background-color: var(--moon-fill);
    left: 87px;
    top: 49px;
  }

  @media screen and (min-width: 720px) {
    #layer-1 {
        width: 700px;
        height: 500px;
    }
    #layer-2 {
        width: 600px;
        height: 450px;
    }
    #layer-3 {
        width: 540px;
        height: 400px;
    }
    #layer-4 {
        width: 480px;
        height: 350px;
    }
    #container svg {
        width: 270px;
    }    
    #container #front-tree-1 {
        width: 200px;
    }
    #container #front-tree-2 {
        width: 183px;
    }
    #container #stag {
        width: 200px;
        right: 150px;
        bottom: -152px;
    }
    #container #moon {
        width: 100px;
        height: 100px;
    }
  }

  #particles-js {
    height: 100%;
  }

.hero-content {
    flex: 1;
}

.hero-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.hero-bottom img {
    rotate: 180deg;
    width: 100%;
    height: 150px;
}

.devs-g08 {
    color: #fff;
    position: relative;
    top: -22px;
    overflow: hidden;
}
.devs-g08 div {
    rotate: 1deg;
    background: linear-gradient(45deg, #3d096d, #13caeb, #b4046b);
    padding: 12px 0;
}

.dev_list {
    display: flex;
    gap: 26px;
}

.dev_list li::after {
    content: '❅';
    margin-left: 25px;
}

.category-g08 {
    background: #0f1a37;
    padding: 100px 0;
    margin-top: -45px;
}

.category-g08 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}

.category-g08__item {
    flex: 100%; 
    height: 400px;
    box-shadow:
        0 0 13px #fff , 
        0 0 24px #fff , 
        0 0 26px #fff;
    border-radius: 42% 56% 72% 28% / 42% 42% 56% 48%;
    animation: anime 3.5s linear infinite;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 576px) {
    .category-g08__item {
        flex: calc((100% - 30px) / 2); 
    }
}

@media screen and (min-width: 991px) {
    .category-g08__item {
        flex: calc((100% - 30px * 2) / 3); 
    }
}

.category-g08__item:nth-child(2) {
    animation-delay: 2.2s;
}
.category-g08__item:nth-child(3) {
    animation-delay: 1.2s;
}
.category-g08__item:nth-child(4) {
    animation-delay: 2.2s;
}
.category-g08__item:nth-child(6) {
    animation-delay: 1.2s;
}

.category-g08__img{
    width: 100%;
    height: 400px;
}

.category-g08__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-g08__img.page_img img {
  object-fit: contain;

}


@keyframes anime
{
    0% , 100% { border-radius: 42% 56% 72% 28% / 42% 42% 56% 48%; }

    33% { border-radius: 42% 28% 48% 48% / 28% 28% 72% 72%; }

    66% { border-radius: 100% 56% 56% 100% / 100% 100% 56% 56%; }
}

.category-g08__discription {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    opacity: 0;
    background: #ffffffc7;
    align-content: center;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
    transition: opacity 0.5s ease-in;
    align-content: center;
}
@media screen and (max-width: 767px) {
    .category-g08__discription {
        opacity: 1;
    }
}

.category-g08__item:hover .category-g08__discription,
.category-g08__item:focus .category-g08__discription {
    opacity: 1;
}

.games-g08_item_header {
    color: #980650;
    font-size: 20px;
    z-index: 1;
    display: block;
    background-image: repeating-linear-gradient(37deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(127deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(217deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px), repeating-linear-gradient(307deg, #e11919, #e11919 7px, transparent 7px, transparent 12px, #e11919 12px);
    background-size: 3px calc(100% + 15.03px), calc(100% + 15.03px) 3px, 3px calc(100% + 15.03px), calc(100% + 15.03px) 3px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    animation: borderAnimation 1.8s infinite linear;
    rotate: 5deg;
}

.category-g08__item:nth-child(2) .games-g08_item_header {
    rotate: -5deg;
}
.category-g08__item:nth-child(3) .games-g08_item_header {
    rotate: 4deg;
}
.category-g08__item:nth-child(4) .games-g08_item_header {
    rotate: -5deg;
}
.category-g08__item:nth-child(6) .games-g08_item_header {
    rotate: 4deg;
}


.games-g08_item_header a {
    padding: 10px;
    display: inline-block;
}

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

.read-more {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s 0.5s ease-in;
    color: #fff;
    padding: 5px 0;
    display: inline-block;
    background: red;
}

.category-g08__item:hover .read-more,
.category-g08__item:focus .read-more {
    opacity: 1;

}

.read-more marquee {
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    border-top: 3px dashed;
    padding: 5px 0;
    border-bottom: 3px dashed;
    display: block;
    font-weight: 800;
    font-size: 16px;
}

.faq-g08 {
    background-color: #0f1a37;
    padding: 100px 0;
    background-image: url('winter08/img/snow.png');
    box-shadow: rgba(0, 0, 0, 0.1) 0px 13px 42px;
    border-radius: 42px;
}

.faq-g08_item {
    overflow: hidden;
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    direction: initial;
}
.faq-g08_item:first-child {
    border-radius: 1rem 1rem 0 0;
}
.faq-g08_item:last-child {
    border-bottom:1px solid white;
    border-radius: 0 0 1rem 1rem;
}

.faq-g08_item-inner {
    display: flex;
    width: 200%;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #403fdc, #91e6f6, #4f124f);
    position: relative;
    left: 0;
    transition: left 0.5s ease-in-out;
}

.faq-g08_item-inner p {
    width: 50%;
    padding: 13px 26px;
    text-align: center;
}

.faq-g08_item-inner p:last-child {
    color: #f9fbfe;
}

.faq-g08_item:hover .faq-g08_item-inner {
    left: -100%;
}


.faq-g08_item:nth-child(1):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  .faq-g08_item:nth-child(1):hover +  .faq-g08_item:nth-child(2){
    border-top:none;
  }
  .faq-g08_item:nth-child(2):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  .faq-g08_item:nth-child(2):hover +  .faq-g08_item:nth-child(3){
    border-top:none;
  }
  .faq-g08_item:nth-child(3):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  .faq-g08_item:nth-child(3):hover +  .faq-g08_item:nth-child(4){
    border-top:none;
  }
  .faq-g08_item:nth-child(4):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  
  .faq-g08_item:nth-child(4):hover +  .faq-g08_item:nth-child(5){
    border-top:none;
  }
  .faq-g08_item:nth-child(5):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  
  .faq-g08_item:nth-child(5):hover +  .faq-g08_item:nth-child(6){
    border-top:none;
  }
  .faq-g08_item:nth-child(6):hover {
    border: 1px solid rgb(11, 13, 138);
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
  }
  
.gallery-g08 {
    padding: 100px 0;
    overflow: hidden;
}

.gallery-g08__list {
    display: flex;
    flex-wrap: wrap;
}

.gallery-g08__item {
    position: relative;
    width: calc(100% / 2);
    height: 50vh;
}

.gallery-g08__item div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: saturate(0.1);
    transition: all 0.5s ease-in-out;
}

.gallery-g08__item div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 0 13px #fff, 0 0 24px #fff, 0 0 26px #fff;
    transition: all 0.5s ease-in-out;
}

.tr-1 {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.tr-2 {
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.tr-3 {
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.tr-4 {
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.gallery-g08__item div:hover {
    filter: saturate(1);
    clip-path: unset;
    transform: scale(1.3);
    z-index: 2;
}
.gallery-g08__item div:hover img {
    border-radius: 42px;
}

.subscribe-g08 {
    height: 500px;
    position: relative;
}

.textarea-input__panel_input, 
.input-input__panel_input, 
#sendLetter {
  line-height: 1.5rem;
  border: 0;
  outline: none;
  font-family: inherit;
  appearance: none;
}
.textarea-input__panel_input, 
.input-input__panel_input {
    display: inline-block;
  color: #4e5e72;
  background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='24'><rect fill='rgb(229, 225, 187)' x='0' y='23' width='10' height='1'/></svg>");
}
.textarea-input__panel_input {
 width: 100%;
 height: 4rem;
 resize: none;
}
.input-input__panel_input {
 width: 100%;
 margin-bottom: 1rem;
 }
 input[type=text]:invalid, 
 input[type=tel]:invalid, 
 input[type=email]:invalid {
    box-shadow: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='24'><rect fill='rgba(240, 132, 114, 0.5)' x='0' y='23' width='10' height='1'/></svg>");
  }

  @media screen and (min-width: 992px) {
    .input-input__panel_input {
        width: 60%;
      }       
  }

#sendLetter {
 padding: 0.5rem 1rem;
 border-radius: 0.25rem;
 background-color: rgba(78, 94, 114, 0.9);
 color: white;
 font-size: 1rem;
 transition: background-color 0.2s;
}
#sendLetter:hover, #sendLetter:focus {
    outline: none;
    background-color: rgba(78, 94, 114, 1);
  }

.input-input__panel_input:focus,
.textarea-input__panel_input:focus {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='24'><rect fill='rgba(78, 94, 114, 0.3)' x='0' y='23' width='10' height='1'/></svg>");
  outline: none;
}
@media screen and (min-width: 576px) {
    .wrapper {
        width: 35rem;
    }
    .letter {
        width: 30rem;
    }
}

.letter {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  margin: auto;
  perspective: 60rem;
  transform: translateY(-50%);
}
.side {
  
  background-color: #fcfcf8;
  outline: 1px solid transparent;
  position: relative;
}
  .side:nth-of-type(1) {
    padding: 1.5rem 1.5rem 0;
    border-radius: 1rem 1rem 0 0;
    box-shadow: inset 0 0.75rem 2rem rgba(229, 225, 187, 0.5);
    z-index: 1;
  }
  .side:nth-of-type(2) {
    padding: 3rem 1.5rem 1.5rem 1.5rem;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05), inset 0 -0.57rem 2rem rgba(229, 225, 187, 0.5);
    text-align: right;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

.side h2,
.side2 h2 {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23fbfbf7' stroke-width='18' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"), radial-gradient(ellipse at center, #fff, #8f94a7);
    border: solid 1px #fbfbf7;
    background-size: 101% 101%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
    padding: 15px 30px;
}

.envelope {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.envelope.front {
  width: 11rem;
  height: 6rem;
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
  z-index: 9999;
  opacity: 0;
}
.envelope.front::before, .envelope.front::after {
  position: absolute;
  display: block;
  width: 12rem;
  height: 6rem;
  background-color: #e9dc9d;
  transform: rotate(30deg);
  transform-origin: 0 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  content: '';
}
.envelope.front::after{
  right: 0;
  transform: rotate(-30deg);
  transform-origin: 100% 0;
}
.envelope.back {
  top: -4rem;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  z-index: -9998;
  opacity: 0;
  transform: translateY(-6rem);
}
.envelope.back::before {
    display: block;
    width: 10rem;
    height: 10rem;
    background-color: #e9dc9d;
    border-radius: 1rem;
    content: '';
    transform: scaleY(0.6) rotate(45deg)
  }

.result-message {
  opacity: 0;
  transition: all 0.3s 2s;
  transform: translateY(9rem);
  z-index: -9999;
}
.sent .letter {
    top:0;
    animation: scaleLetter 1s forwards ease-in;
  }
  .sent .side:nth-of-type(1) {
    transform-origin: 0 100%;
    animation: closeLetter 0.66s forwards ease-in;
  }
  .sent .side:nth-of-type(1) h1, .sent .side:nth-of-type(1) textarea {
    animation: fadeOutText 0.66s forwards linear;
  }
  .sent #sendLetter {
    background-color: rgba(78, 94, 114, 0.2);
  }
  .sent .envelope {
    animation: fadeInEnvelope 0.5s 1.33s forwards ease-out;
  }
  .sent .input-input__panel_input,
  .sent .textarea-input__panel_input,
  .sent #sendLetter,
  .sent .form-g08-check,
  .sent .form-g08 label {
    animation: fadeOutText 0.66s forwards linear;
  }

  .form-g08 label {
    font-size: 15px;
    color: #535253;
    display: block;
    line-height: 1.1;
}

.form-g08-check {
    color: #dbcde3;
    margin: 15px 0;
}
@media screen and (min-width: 575px) {
    .form-g08-check {
        margin: 24px 0;
    }    
}

.form-g08-check a {
    color: #8c23bb;
}
  
.centered {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 1rem auto;
}
@keyframes closeLetter {
   50% {transform: rotateX(-90deg);}
   100% {transform: rotateX(-180deg);}
}
@keyframes fadeOutText {
   49% {opacity: 1;}
   50% {opacity: 0;}
   100% {opacity: 0;}
}
@keyframes fadeInEnvelope {
  0% {opacity: 0; transform: translateY(8rem);}
  100% {opacity: 1; transform: translateY(4.5rem);}
}
@keyframes scaleLetter {
  66% {transform: translateY(-8rem) scale(0.5, 0.5);}
  75% {transform: translateY(-8rem) scale(0.5, 0.5);}
  90% {transform: translateY(-8rem) scale(0.3, 0.5);}
  97% {transform: translateY(-8rem) scale(0.33, 0.5);}
  100%{transform: translateY(-8rem) scale(0.3, 0.5);}
}

.disclamer-g08 {
    padding: 90px 0 400px 0;
    background: radial-gradient(circle, #ffffff 20%, #ffffff 58%, #0f1a37);
    margin-top: -43px;
}

.disclamer-g08-flex {
    display: flex;
    gap: 40px;
    align-items: flex-end;
    flex-direction: row;
}

@media screen and (max-width: 990px) {
    .disclamer-g08-flex {
        flex-direction: column-reverse;
        align-items: center;
    }
}

.disclamer-g08-flex > div {
    flex: 1;
    width: min(100%, 500px);
}

.disclamer-g08-flex > div img{
    max-height: 330px;
    margin: 0 auto;
    max-width: 300px;
}

.disclamer-g08-center {
    background-image: url('winter08/img/frame_with_torn_paper.png'), linear-gradient(45deg, #3d096d, #13caeb, #b4046b);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 80px;
    border: solid 1px white;
    text-align: center;
    border-radius: 80px;
}

@media screen and (max-width: 499px) {
    .disclamer-g08-center {
        max-width: 100%;
        padding: 80px 40px;
    }
}

.disclamer-content-g08 h2 {
    padding: 5px 26px;
    display: inline-block;
    border-bottom: dashed 5px #ff1f48;
    color: #fff;
}

.disclamer-content-g08 p {
    color: #ffffff;
}

.adult-wrap {
    background-image: url('winter08/img/ripped_torn_paper_texture.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: inline-block;
}

.adult {
    width: 150px !important;
    padding: 30px;
}

footer {
    border-radius: 31% 50% 0 0;
    background: #fff;
    padding: 24px 0 60px 0;
    border: 2px solid #e0f6fa;
    background: radial-gradient(#fffafa, #ecf8f8);
}

.politics-g08-links {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    flex-direction: column-reverse;
}

.politics-g08-links li {
    padding: 35px 10px 10px;
    flex: 1;
    text-align: center;
    position: relative;
    border-top: solid 1px #d8f6f6;
    border-radius: 200% 100% 0 0;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, #c7e9eb63, #ffffff00);
    height: fit-content;
}
.politics-g08-links li:nth-child(2) {
    border-radius: 100% 200% 0 0;
}
.politics-g08-links li:nth-child(3) {
    border-radius: 100% 100% 0 0;
}
.politics-g08-links li:nth-child(4) {
    border-radius: 150% 100% 0 0;
}
.politics-g08-links li:nth-child(5) {
    border-radius: 100% 150% 0 0;
    top:30%;
}

.link-footer {
    color: #812c2c;
}
.politics-g08-links li:hover .link-footer {
    color: #4b0c0c;
}


.politics-g08-links li img{
    position: absolute;
    top: -150%;
    left: 50%;
    max-height: 100px;
    max-width: 100px;
    display: none;
}

.copyright {
    margin-top: 70px;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .politics-g08-links {
        height: 150px;
        flex-direction: row;
    }
    .politics-g08-links li:nth-child(1) {
        bottom: -57%;
    }
    .politics-g08-links li:nth-child(2) {
        top: -9%;
    }
    .politics-g08-links li:nth-child(3) {
        top: -22%;
    }
    .politics-g08-links li:nth-child(4) {
        bottom: -80%;
    }
    .politics-g08-links li img{
        display: block;
    }

}

  @media screen and (min-width: 1200px) {
    footer {
        border-radius: 31% 100% 0 0;
    }    
  }

.game-page-g08 {
    background: #0f1a37;
    padding: 100px 0;
    margin-top: -45px;
}

.game-g08 {
    mb100
}

.game-g08 .category-g08__item{
    flex: 1;
    float: left;
    shape-outside: circle(50%);
    clip-path: ellipse(58% 88% at 50% 50%);
    width: min(400px, 100%);
    margin: 40px;
}

.game-g08_content {
    color: #ffffff;
    margin-bottom: 80px;
}

.form-g08.contacts p {
    margin: 0;
    padding: 0;
  }

.form-g08.contacts textarea,
.form-g08.contacts  input,
.form-g08.contacts  button {
    line-height: 1.5rem;
    border: 0;
    outline: none;
    font-family: inherit;
  }

  .form-g08.contacts textarea,
  .form-g08.contacts  input:not([type=checkbox]),
  .form-g08.contacts  button {
    appearance: none;
}

  
  .form-g08.contacts textarea,
  .form-g08.contacts  input:not([type=checkbox]) {
    color: #4e5e72;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='24'%3e%3crect fill='rgb(229, 225, 187)' x='0' y='23' width='10' height='1'/%3e%3c/svg%3e");
  }
  .form-g08.contacts textarea {
   width: 100%;
   height: 6rem;
   resize: none;
  }
  .form-g08.contacts input:not([type=checkbox]) {
   width: 100%;
   margin-bottom: 0.5rem;
  }
  @media screen and (min-width: 576px) {
    .form-g08.contacts input:not([type=checkbox]) {
        width: 50%;
      }       
  }

   .form-g08.contacts input[type=text]:invalid,
   .form-g08.contacts input[type=email]:invalid {
      box-shadow: none;
      background-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='24'%3e%3crect fill='rgba(240, 132, 114, 0.5)' x='0' y='23' width='10' height='1'/%3e%3c/svg%3e");
    }
  
    .form-g08.contacts button {
   padding: 0.5rem 1rem;
   border-radius: 0.25rem;
   background-color: rgba(78, 94, 114, 0.9);
   color: white;
   font-size: 1rem;
   transition: background-color 0.2s;
    }
   .form-g08.contacts button:hover,
   .form-g08.contacts button:focus {
      outline: none;
      background-color: rgba(78, 94, 114, 1);
    }
  
    .form-g08.contacts input[type=text]:focus,
    .form-g08.contacts input[type=email]:focus,
    .form-g08.contacts textarea:focus {
    background-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='24'%3e%3crect fill='rgba(78, 94, 114, 0.3)' x='0' y='23' width='10' height='1'/%3e%3c/svg%3e");
    outline: none;
  }
  .wrapper2 {
    width: 100%;
  }
  .letter2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: auto;
    perspective: 60rem;
  }
  @media screen and (min-width: 576px) {
    .wrapper2 {
        width: 35rem;
    }
    .letter2 {
        width: 30rem;
    }
}

  .side2 {
    height: 12rem;
    background-color: #fcfcf8;
    outline: 1px solid transparent;
  }
  .side2:nth-of-type(1) {
      padding: 2rem 2rem 0;
      border-radius: 1rem 1rem 0 0;
      box-shadow: inset 0 0.75rem 2rem rgba(229, 225, 187, 0.5);
    }
    .side2:nth-of-type(2) {
      padding: 2rem;
      border-radius: 0 0 1rem 1rem;
      box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05), inset 0 -0.57rem 2rem rgba(229, 225, 187, 0.5);
      text-align: right;
    }
    @media screen and (min-width: 575px) {
        .form-g08.contacts .form-g08-check {
            margin-top: 0;
        }
    }
  .envelope2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  .envelope2.front {
    width: 10rem;
    height: 6rem;
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
    z-index: 9999;
    opacity: 0;
  }
  .envelope2.front::before, .envelope2.front::after {
    position: absolute;
    display: block;
    width: 12rem;
    height: 6rem;
    background-color: #e9dc9d;
    transform: rotate(30deg);
    transform-origin: 0 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    content: '';
  }
  .envelope2.front::after{
    right: 0;
    transform: rotate(-30deg);
    transform-origin: 100% 0;
  }
  .envelope2.back {
    top: -4rem;
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    z-index: -9998;
    opacity: 0;
    transform: translateY(-6rem);
  }
  .envelope2.back::before {
      display: block;
      width: 10rem;
      height: 10rem;
      background-color: #e9dc9d;
      border-radius: 1rem;
      content: '';
      transform: scaleY(0.6) rotate(45deg)
    }
  
  .sent .letter2 {
      animation: scaleLetter 1s forwards ease-in;
    }
    .sent .side2:nth-of-type(1) {
      transform-origin: 0 100%;
      animation: closeLetter 0.66s forwards ease-in;
    }
    .sent .side2:nth-of-type(1) h2,
    .sent .side2:nth-of-type(1) textarea {
      animation: fadeOutText 0.66s forwards linear;
    }
    .sent .envelope2 {
      animation: fadeInEnvelope 0.5s 1.33s forwards ease-out;
    }
  .centered2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 1rem auto;
  }

  .contacts-g08 {
    padding: 100px 0;
  }
  .contacts-g08 ul {
    display: flex;
    gap: 42px;
    flex-direction: column-reverse;
  }
  @media screen and (min-width: 768px) {
    .contacts-g08 ul {
        flex-direction: row;
    }
}

  .contacts-g08 ul li {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: center;
    text-align: center;
  }
  .contacts-g08 ul li p,
  .contacts-g08 ul li a {
    margin: 0;
    color: #1b3577;
  }
.contacts-g08 ul li .container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 150px;
    }
  .contacts-g08 svg {
    position: absolute;
    filter: drop-shadow(0px 3px 1px rgb(0 0 0 / 0.3));
    z-index: 2;
    top: 15%;
    left: 25%;
    fill: #fff;
    width: 50%;
  }

  .cont-lay1 {
    background-color: var(--layer-3-background);
    box-shadow: 1px 1px 13px 2px rgb(0 0 0 / 45%) inset;
    -webkit-box-shadow: 1px 1px 13px 2px rgb(0 0 0 / 45%) inset;
    -moz-box-shadow: 1px 1px 13px 2px rgb(0 0 0 / 45%) inset;
    border-radius: 61% 41% 45% 64% / 51% 68% 40% 54%;
    position: absolute;
    overflow: hidden;
    width: 200px;
    height: 150px;
  }
  .cont-lay2 {
    background-color: var(--layer-4-background);
    box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
    -webkit-box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
    -moz-box-shadow: 1px 1px 26px 7px rgb(0 0 0 / 42%) inset;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    width: 170px;
    height: 120px;
  }


  .about-g08 {
    padding: 100px 0;
    background-image: linear-gradient(to bottom, #e9eae9, transparent, #e9eae9), url('visualtreasure/tematik-assets/svg_tematik-0691c7fa0a1689.svg'), url("winter08/img/fresh-snow.png");
    background-repeat: no-repeat, no-repeat,repeat;
    background-position: 100%, right top;
  }

  .about-text-wrapp {
    border-radius: 50%;
    background-image: linear-gradient(to bottom, transparent 20%, #fff 40%, #fff 60%, transparent 80%, transparent), url("winter08/img/snow.png"), url('visualtreasure/back/bg-dark-0691c7fa0a1247.jpg');
    align-content: center;
    border: 1px solid #b6e7f3;
    overflow: hidden;
    background-size: cover;
    align-content: center;
    border: 1px solid #15254f;
    overflow: hidden;
    background-size: cover;
    box-shadow: rgba(50, 50, 93, 0.35) 0px 42px 110px -24px, rgba(0, 0, 0, 0.4) 0px 26px 69px -26px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-top: 15px double #d5e1ff;
    border-bottom: 15px double #d5e1ff;
    max-width: 800px;
  }

  .about-text-inner {
    color: #0a3074;
    padding: 100px clamp(20px, 20vw, 100px);
    background-image: linear-gradient(to bottom, transparent 15%, #ffffffe6 23%, #ffffffe6 85%, transparent);
}

@media screen and (min-width: 576px) {
    .about-text-wrapp {
        aspect-ratio: 1;
    }
    .about-text-inner {
        padding: 40px 100px;
    }
  }
  @media screen and (min-width: 576px) {
    .about-text-inner {
        padding: 40px 60px;
    }
  }
.game-frame-g07 iframe {
  height: 100vh;
  width: 100%;
}
.about-text-inner h2{
    border-radius: 20%;
    margin-bottom: 24px;
}

.privacy .title-dark{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23e9eae9' stroke-width='18' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"), radial-gradient(ellipse at center, #fff, #8f94a7);
    background-size: 101% 101%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 16px;
    padding: 16px 26px;
}

.privacy li {
    margin-left: 26px;
    list-style: inside;
}
  

@media  (max-width: 576px) {
  .game-g08 .category-g08__item {
    flex: 1;
    float: none;
    shape-outside: none;
    clip-path: none;
    width: 100%;
    margin: 0;
  }
  .game-page-g08 .category-g08__item {
    height: auto;
    box-shadow: none;
    border-radius: 0;
    animation: none;
    overflow: hidden;
    position: relative;
  }
  .game-page-g08 .category-g08__img.page_img img {
    height: auto;
  }
  .game-page-g08 .category-g08__img {
    height: auto;
  }
}


.privacy-mainDopPadd{
  padding: 80px 0;
}
.footer-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
}

.footer-logos a img {
  height: 50px;
  width: 100%;
  object-fit: contain;
  display: block;
}