@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

body{
    direction: ltr;
    font-family: 'Karla', sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0px;
    background-color: #f0e4d7;
}


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-g01 {
    color: var(--text-color);
    font-weight:700;
    font-size: 30px;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
}

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

.sub-title-g01 {
    font-weight: 200;
    font-size: 14px;
    line-height: 1.6em;
    color: #111111;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .sub-title-g01 {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    .sub-title-g01 {
        font-size: 20px;
    }
}

.main-btn-g01 {
    font-weight:700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
    background: #e74c3c;
    border-radius: 44px;
    border: 0;
    display: inline-block;
    padding: 8px 20px;
    line-height: 24px;
    transition: all 200ms;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -25px 18px -14px inset, rgba(230, 77, 59, 0.15) 0px 1px 2px, rgba(230, 77, 59, 0.15) 0px 2px 4px, rgba(230, 77, 59, 0.15) 0px 4px 8px, rgba(230, 77, 59, 0.15) 0px 8px 16px, rgba(230, 77, 59, 0.15) 0px 16px 32px;
}

@media screen and (min-width: 576px) {
    .main-btn-g01 {
        padding: 10px 20px;
    }
}

@media screen and (min-width: 992px) {
    .main-btn-g01 {
        font-size: 20px;
    }
}

.main-btn-g01:hover,
.main-btn-g01:focus {
    text-decoration: none;
    transform: scale(1.05) rotate(-1deg);
    box-shadow: rgba(0, 0, 0, 0.15) 0px -25px 18px -14px inset, rgba(230, 77, 59, 0.25) 0px 1px 2px, rgba(230, 77, 59, 0.25) 0px 2px 4px, rgba(230, 77, 59, 0.25) 0px 4px 8px, rgba(230, 77, 59, 0.25) 0px 8px 16px, rgba(230, 77, 59, 0.25) 0px 16px 32px;
    color: #fff;
}

.main-btn-g01:hover a,
.main-btn-g01:focus a {
    color: #fff !important;
}


:root {
  --brand-color: #FF6F91;
  --brand-color-rgb: 0;
  --text-color: #13287e;
  --text-g01-color: #ffe4c4;
  --deg-grad: 90deg;
  --anim: 800ms cubic-bezier(0.4, 0, 0.2, 1);

}

header .container-g01,
section .container-g01,
footer .container-g01,
.container-g01 {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px !important;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    section .container-sp {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (min-width: 992px) {
    section .container-sp {
        padding-left: 19px;
        padding-right: 19px;
    }
}

.section-priv {
    padding: 118px 0px;
}
.content-block ul {
    margin: 0 15px;
}
.content-block li {
    list-style: inside;
}

.nav-inner-g01 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
}

.logo-link-g01 {
    display: flex;
    gap: 20px;
    font-size: 25px;
    font-weight: 700;
    color: var(--text-color);
}

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

.logo-link-g01:hover,
.logo-link-g01:focus {
    color: var(--brand-color);
    text-shadow: 18px 25px 4px rgba(160, 16, 136, 0.56);
}


.logo-link-g01 img {
    display: inline-block;
    max-height: 40px;
}

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

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

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

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

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

    .menu-btn-g01.is-active .icon-cross {
        display: block;
    }

    .menu-btn-g01.is-active .icon-cross:hover .icon-cros {
        fill: var(--accent-color);
    }

    .menu-btn-g01.is-active .icon-menu {
        display: none;
    }

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

    .mob-menu-g01 {
        display: none;
        z-index: 9;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        padding: 48px 40px;
        overflow-y: scroll;
        background-color: #8514ea;
        color: var(--text-g01-color);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 48px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
        }

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

    .btn-cross .icon-cross {
        fill: var(--text-g01-color);
    }

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

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

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

.mob-nav-bar-g01__item {
    position: relative;
    border-bottom: 1px solid #3F3F46;
}

.mob-nav-bar-g01__list .mob-nav-bar-g01__item::before {
    color: var(--text-g01-color);
    font-size: 16px;
    font-weight:700;
    left: 10px;
    position: absolute;
}

.mob-nav-bar-g01__link {
    display: block;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0.02em;
    font-size: 14px;
    padding: 14px 16px;
    color: var(--text-g01-color);
 }

.mob-nav-bar-g01__item:hover .mob-nav-bar-g01__link{
    color: var(--brand-color);
}

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

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

.nav-bar-g01__list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

.nav-bar-g01__link {
    color: #16181a;
    text-transform: uppercase;
    font-weight:700;
    font-size: 14px;
    line-height: 1.8;
    padding: 20px 0;
}

.nav-bar-g01__link:hover,
.nav-bar-g01__link:focus {
    color: var(--brand-color);
    text-shadow: 18px 25px 4px rgba(160, 16, 136, 0.56);
}

.hero-area-g01 {
    background-image: url("pixelpantry/back/bg-light-06870050d2511e.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 48px 15px;
    position: relative;
    overflow: hidden;
    border-radius: 50% / 10%;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
}

@media screen and (min-width: 575px) {
    .hero-area-g01 {
        padding: 118px 0;
    }
}



.cloud-wrap {
    position: absolute;
    height: 100%;
    width: 100vw;
    z-index: 0;
}

.hero-inner-g01 {
    position: relative;
    z-index: 1;
    height: 365px;
    background: rgb(255 228 196 / 70%);
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    text-align: center;
    box-shadow: rgb(255 228 196) 0 18px 58px 4px;
}


@media screen and (min-width: 575px) {
    .hero-inner-g01 {
        width: 385px;
        height: 385px;
        }
}

@media screen and (min-width: 992px) {
    .hero-inner-g01 {
        width: 556px;
        height: 556px;
        }
}

.welcome-title-g01 {
    font-size: 16px;
    line-height: 1.4;
}

@media screen and (min-width: 575px) {
    .welcome-title-g01 {
        font-size: 22px;
    }
}

@media screen and (min-width: 992px) {
    .welcome-title-g01 {
        font-size: 25px;
    }
}

.welcome-btn-g01 {
    margin-top: 15px;
    display: inline-block;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    .welcome-btn-g01 {
        margin-top: 30px;
        font-size: unset;
    }
}

.featursdaes-g01 {
    padding: 48px 0;
    direction: initial;
}

.featursdaes-g01-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media screen and (min-width: 575px) {
    .featursdaes-g01-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 992px) {
    .featursdaes-g01-list {
        flex-wrap: nowrap;
        gap: 38px;
    }
}

.featursdaes-g01-title {
    text-align: right;
    margin-left: auto;
    rotate: 6deg;
}

.featursdaes-g01-it {
    width: 100%;
    text-align: center;
    padding: 32px;
    border-radius: 11% 30% 50% 70%;
    background-color: #8514ea;
    color: var(--text-g01-color);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 48px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    height: 100%;
}

@media screen and (min-width: 575px) {
    .featursdaes-g01-it {
        flex-basis: calc(100% / 2 - 15px);
    }

    .featursdaes-g01-it:nth-of-type(2),
    .featursdaes-g01-it:nth-of-type(4) {
        margin-top: 36px;
    }
        
}

@media screen and (min-width: 992px) {
    .featursdaes-g01-it {
        flex-basis: calc(100% / 4 - 30px);    
    }


        .featursdaes-g01-it:nth-of-type(2) {
            margin-top: 36px;
        }
        .featursdaes-g01-it:nth-of-type(3) {
            margin-top: 80px;
        }
        .featursdaes-g01-it:nth-of-type(4) {
            margin-top: 120px;
        }
}

.aboutus-g01 {
    border-radius: 50% / 10%;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
    padding: 80px 0;
    background-color: #E79E4F;
    background-image: url(styles_lib/img/back-pattern.png);
}

@media screen and (min-width: 992px) {
    .aboutus-g01 {
        padding: 118px 0;
    }
}

.aboutus-g01-flex {
    display: flex;
    gap: 38px;
    flex-direction: column;
}

@media screen and (min-width: 575px) {
    .aboutus-g01-flex {
        flex-direction: row-reverse;
        align-items: center;
        gap: 0;
    }
}

.aboutus-g01-flex div {
    flex: 1;
    color: #f3f4ed;
}

.aboutus-g01__img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    max-width: 556px;
}

@media screen and (min-width: 575px) {
    .aboutus-g01__img {
        width: 90%;
    }
}

.aboutus-g01-title {
    text-align: center;
}

.about-g01-border {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.about-g01-text {
    margin-top: 20px;
}

.about-g01-text p {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}

.gamesss-g01 {
    padding: 80px 0;
}

.gamesss-g01-list {
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (min-width: 576px) {
    .gamesss-g01-list {
        gap: 20px;
        flex-direction:  row-reverse;
    }
}

@media screen and (min-width: 992px) {
    .gamesss-g01-list {
        gap: 30px;
    }
}

.gamess-g01-item {
    position: relative;
    overflow-x: hidden;
}

@media screen and (max-width: 1200px) {
    .gamesss-g01 .container-ml01 {
        padding-left: unset;
        padding-right: unset;
    }
}

@media screen and (min-width: 576px) {
    .gamess-g01-item {
        flex-basis: calc(100% / 2 - 10px);
    }
}

@media screen and (min-width: 992px) {
    .gamess-g01-item {
        flex-basis: calc(100% / 3 - 20px);
    }
}

.gamesss-g01-img-wrap {
    width: 100%;
    height: 100%;
}

.gamesss-g01-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gamesss-g01-article {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    height: 90%;
    background: rgb(255 228 196 / 80%);
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
    text-align: center;
    box-shadow: rgb(255 228 196) 0 18px 58px 4px;
    transition: background var(--anim);
}

@media screen and (min-width: 991px) {
    .gamesss-g01-article {
        background: rgb(255 228 196 / 70%);
    }
}

.gamess-g01-item:hover .gamesss-g01-article,
.gamess-g01-item:focus .gamesss-g01-article {
    background: rgb(255 228 196);
}

.gamesss-g01-it-title h3 {
    color: var(--brand-color);
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
}

@media screen and (min-width: 576px) {
    .gamesss-g01-it-title h3 {
        font-size: 0.9em;
    }
}

@media screen and (min-width: 991px) {
    .gamesss-g01-it-title h3 {
        font-size: 1.2em;
    }
}

.gamesss-g01-text {
    color: #373636;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3em;
}

@media screen and (min-width: 400px) {
    .gamesss-g01-text {
        font-size: 14px;
    }
}

@media screen and (min-width: 576px) {
    .gamesss-g01-text {
        font-size: 12px;
        font-weight: 700;
    }
}

@media screen and (min-width: 991px) {
    .gamesss-g01-text {
        line-height: 1.4em;
    }
}

.gamesss-g01-article .read-more {
    color: var(--brand-color);
    border-top: solid 1px var(--brand-color);
    padding-top: 4px;
    font-size: 12px;
}

@media screen and (min-width: 576px) {
    .gamesss-g01-article .read-more {
        padding-top: 10px;
        font-size: 12px;
    }
}

.gamesss-g01-article a:hover,
.gamesss-g01-article a:focus,
.gamesss-g01-article a:hover > h3,
.gamesss-g01-article a:focus > h3 {
    color: var(--brand-color);
    text-shadow: 18px 25px 4px rgba(160, 16, 136, 0.56);
}

.other-g01 {
    border-radius: 50% / 10%;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
    padding: 118px 0;
    background-color: #E79E4F;
    background-image: linear-gradient(to right, rgba(160, 16, 136, 0.6) 48%, rgba(47, 48, 58, 0.6) 54%), url("pixelpantry/back/gallery-06870050d251b4.jpg");
    background-attachment: fixed;
}

.other-flex {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

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

@media screen and (min-width: 991px) {
    .other-flex {
        gap: 60px;
    }
}

.other__item {
    flex: 1;
    padding: 0 10px;
}

.form-g01__title {
    color: var(--text-color);
    margin-bottom: 20px;
}
    
.input-custom-item_item,
.textarea-custom-item_item,
.input-g01,
.textarea-g01 {
    border-radius: 11% 30% 50% 70%;
    margin: 15px 0 15px 0;
    border: none;
    background: va;
    outline:none;
    padding: 0 40px;
    width: 100%;
    height: 40px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    .input-custom-item_item,
    .textarea-custom-item_item,
    .input-g01,
    .textarea-g01 {
        margin: 15px 0 15px 30px;
        width: 70%;
        }
}

@media screen and (min-width: 991px) {
    .input-custom-item_item,
    .textarea-custom-item_item,
    .input-g01,
    .textarea-g01 {
        margin: 15px 0 15px 30px;
        width: 70%;
    }
}

.textarea-g01 {
    height: 50px;
}

@media screen and (min-width: 576px) {
    .input-g01,
    .textarea-g01 {
        width: 100%;
        margin: 15px 0;
        }
}

.form-g01 label {
    rotate: -2deg;
    position: relative;
    top: -5px;
    color: var(--text-g01-color);
    margin: 0 10px;
}

.form-g01-check {
    margin: 14px;
    color: var(--text-g01-color);

}

.form-g01::placeholder {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


.form-g01-check-label a {
    color: var(--brand-color);
    font-weight: 700;
}

.form-g01-btn-wrap {
    display: flex;
    justify-content: flex-end;
}

.discl-wrap {
    margin: 42px 0;
    position: relative;
}
.discl-block-thumb{
    padding: 12px;
    border-radius: 12px;
    display: flex;
     flex-direction: column;
   align-items: center; background-color: red;
}
.h2-discl-title{
    color: #fff;
     text-align: center;
}
.discl-wrap div {
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 991px) {
    .discl-wrap div {
        align-items: center;
    }
}

.discl-g01__img {
    width: 145px;
}

.discl-text {
    flex-basis: unset;
    padding: 32px 32px 32px 36px;
    flex-direction: column;
}

.discl-text img {
    width: 59px;
}

.discl-wrap > img {
    position: absolute;
    right: -120px;
    bottom: 5px;
}

.liders-g01 {
    padding: 80px 0;
}

.liders-g01-list {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

@media screen and (min-width: 576px) {
    .liders-g01-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media screen and (min-width: 1100px) {
    .liders-g01-list {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .liders-g01-items:nth-of-type(2),
    .liders-g01-items:nth-of-type(4) {
        margin-top: 30px;
    }

    .liders-g01-items:nth-of-type(3) {
        margin-top: 36px;
    }
}


.liders-g01-items {
    position: relative;
}

.lider-g01-photo-frame {
    position: relative;
}

.lider-g01-avatar {
    height: 145px;
    width: 145px;
    border-radius: 0px;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
}

.score {
    position: absolute;
    top: -25px;
    rotate: -5deg;
    color: #6c17be;
    font-weight: 700;
    background: rgb(255 228 196 / 80%);
    border-radius: 50%;
    padding: 8px 14px;
    box-shadow: rgb(255 228 196) 0 18px 58px 4px;
}

.lider-g01-nickname {
    padding: 8px 14px 14px 14px;
    margin-top: -20px;
    z-index: 1;
    position: relative;
}

.awards {
    width: 44px;
    position: absolute;
    right: 10px;
    top: 20px;
}

.footer-g01 {
    border-radius: 50% / 10%;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
    padding: 58px 0 0 0;
    background: rgb(255 228 196);
}

.ftop-g01-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

@media screen and (min-width: 576px) {
    .ftop-g01-flex {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        gap: 30px;
    }
}

@media screen and (min-width: 991px) {
    .ftop-g01-flex {
        align-items: flex-start;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }
}

.footers-g01-item {
    text-align: center;
}

@media screen and (min-width: 576px) {
    .footers-g01-item {
        text-align: left;
        min-height: 150px;
        }
}

@media screen and (min-width: 991px) {
    .ftop-g01-flex {
        align-items: flex-start;
        flex-direction: row-reverse;
    }
}

.footer-g01-border {
    width: 145px;
    object-fit: contain;
}

@media screen and (min-width: 576px) {
    .border-1 {
        rotate: 90deg;
    }

    .border-2 {
        rotate: -90deg;
    }
}

.adult {
    width: 145px;
    margin-left: auto;
    margin-right: auto;
}

.with-logo {
    display: flex;
    gap:10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width: 576px) {
    .with-logo {
        flex-direction: row-reverse;
        overflow: hidden;
    }
}

.footers-g01-item .logo-link-g01 {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 25px;
    font-weight: 700;
    color: var(--text-color);
    min-width: 223px;
}

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

.footer-g01__texts {
    margin: 10px;
}

.footer-g01__texts a{
    color: #7417cc;
}

.fbot-g01-politics {
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media screen and (min-width: 576px) {
    .fbot-g01-politics {
        text-align: right;
    }
}

.fbot-g01-politics a {
    color: #7417cc;
    display: inline-block;
    margin: 5px;
}

.fbot-g01-politics a:hover,
.footer-g01__texts a:hover,
.fbot-g01-politics a:focus,
.footer-g01__texts a:focus {
    text-shadow: 18px 25px 4px rgba(160, 16, 136, 0.56);
  }

.fbottom-g01 {
    margin-top: 36px;
    text-align: center;
    padding-bottom: 30px;
    border-radius: 50% 50% 0 0;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
    background: #7417cc;
    padding-top: 38px;
}

.fbottom-g01 h3{
    font-size: 16px;
    color: #f8f6c9;}

.aboutus-spec {
    border-radius: unset;
    box-shadow: unset;
    padding: 145px 0;
    background-color: unset;
    background-image: url(styles_lib/img/back-pattern.png);
    margin: -100px 0;
    z-index: -1;
}

.contacts-g01.aboutus-spec {
    padding: 145px 0;
}

@media screen and (min-width: 576px) {
    .contacts-g01.aboutus-spec {
        padding: 145px 0 145px 0;
    }
}

@media screen and (min-width: 991px) {
    .contacts-g01.aboutus-spec {
        padding: 145px 0 145px 0;
    }
}
.maps-iframe{
    margin: 20px 0;
}
.contacts-g01 {
    position: relative;
}

.contacts-g01 .other__item {
    text-align: center;
    padding: 38px 20px;
}

@media screen and (min-width: 576px) {
    .contacts-g01 .other__item {
        padding: 38px 32px;
    }
}

.contacts-g01 .featursdaes-g01-list {
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (min-width: 576px) {
    .contacts-g01 .featursdaes-g01-list {
        flex-direction: row;
    }
}

.contacts-g01-ic__wr.cont-icon {
    width: 44px;
    height: 40px;
    margin: 14px;
}

.featursdaes-g01-it a {
    color: #f8f6c9;
}

.contscts-item {
    flex-basis: unset;
    min-width: 15%;
    padding: 15px 25px 32px 38px;
}

@media screen and (min-width: 576px) {
    .contscts-item {
        flex-basis: calc(100% / 2 - 15px);
        min-width: unset;
    }
}

@media screen and (min-width: 991px) {
    .contscts-item {
        max-width: 31%;
    }
}

.other__item.other-g01 {
    position: unset;
    margin-top: 30px;
}



.form-g01-check-label a {
    color: var(--brand-color);
}

.contacts__img {
    margin: 20px auto 0 auto;
}

@media screen and (min-width: 576px) {
    .contacts__img {
        position: absolute;
        top: 140px;
        right: -276px;
        max-height: 365px;
    }
}

@media screen and (min-width: 991px) {
    .contacts__img {
        position: absolute;
        top: 140px;
        right: -276px;
        max-height: 365px;
    }
    }

.page-g01-wraper {
    display: flex;
    flex-direction: column;
    gap: 44px;
    align-items: center;
}
.page-g01-rand-games{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.main-g01-img-wraper, 
.main-g01-text-wraper {
    flex: 50%;
}

.main-g01-img {
    width: 100%;
    object-fit: cover;
}

@media screen and (min-width: 576px) {
    .main-g01-img {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 991px) {
    .main-g01-img {
        width: 60%;
        }
    }

.game-g01 {
    border-radius: 50% / 10%;
    box-shadow: rgba(160, 16, 136, 0.56) 0px 18px 58px 4px;
    padding: 118px 0;
    background-color: #E79E4F;
    background-image: linear-gradient(to right, rgba(160, 16, 136, 0.6) 48%, rgba(47, 48, 58, 0.6) 54%), url("pixelpantry/back/gallery-06870050d251b4.jpg");
    background-attachment: fixed;
}

.comments-g01 {
    padding: 118px 0;
}

.comments-g01-header {
    text-align: center;
    margin-bottom: 80px;
}

@media screen and (min-width: 991px) {
    .comments-g01-header {
        margin-bottom: unset;
    }
}

.comments-g01-header__title {
    text-align: right;
    margin-left: auto;
    rotate: 6deg;
    transform-origin: bottom right;
}

.comments-g01-list {
    display: flex;
    flex-direction: column;
    gap: 73px;
}

@media screen and (min-width: 576px) {
    .comments-g01-list {
        gap: 38px;
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 991px) {
    .comments-g01-list {
        gap: 118px ;
        padding-left: 59px;
    }
}

.comments-g01-item {
    position: relative;
    flex: 1;
    padding: 75px 25px 32px 25px;
    border-radius: 50% / 10%;
    background-image: url(styles_lib/img/back-pattern.png);
    background-color: #8514ea;
    color: rgb(255 228 196);
    text-align: left;
}

@media screen and (min-width: 991px) {
    .comments-g01-item {
        gap: 118px ;
        padding: 32px 32px 32px 80px;

    }
}

.comments-g01-name {
    text-align: right;
    font-size: 16px;
    font-weight:700;
    line-height: 1.4;
}

.comments-g01-avatar {
    position: absolute;
    outline: 5px solid #D45B3F;
    outline-offset: 5px;
    border-radius: 0px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 991px) {
    .comments-g01-avatar {
        gap: 118px ;
        top: 50%;
        left: 0;
    }
}

.comments-g01-avatar__img {
    width: 100px;
    height: 100px;
    border-radius: 0px;
}

.game-g01 iframe {
    height: 556px;
}
