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

:root {
    --black-header-bg-4: #16091c3b;
    --black-header-bg-2: #311c27b8;
    --backdrop-color-4: #442d3f;
    --backdrop-color-2: #180b17;
    --section-bg-4: #16091c;
    --section-bg-2: #311c27;

    --accent-color-1: #af2296;
    --accent-color-2: #995E7C;
    --hover-4: #d5aae3;
    --hover-6: #fc45a3;

    --svg: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 272 264' xmlns='http://www.w3.org/2000/svg'><path d='M 124,19 122,21 122,22 121,23 121,25 120,26 120,28 119,29 119,32 118,33 118,37 117,38 117,42 116,43 116,45 115,46 115,49 114,50 114,52 113,53 113,56 112,57 112,59 111,60 111,61 110,62 110,63 109,64 109,65 107,67 107,68 105,70 104,70 102,72 101,72 100,73 92,73 91,72 87,72 86,71 81,71 80,72 80,75 81,76 81,79 82,80 82,82 83,83 83,86 84,87 84,96 83,97 83,98 79,102 78,102 77,103 76,103 75,104 71,104 70,105 62,105 61,106 25,106 24,107 22,107 20,109 20,112 22,114 22,115 33,126 34,126 42,134 43,134 50,141 50,142 53,145 53,146 55,148 55,155 53,157 53,158 50,161 50,162 42,170 42,171 39,174 39,175 37,177 37,178 35,180 35,181 34,182 34,183 33,184 33,186 32,187 32,189 31,190 31,191 30,192 30,195 29,196 29,207 30,208 30,209 31,210 31,211 35,215 37,215 38,216 55,216 56,215 62,215 63,214 68,214 69,213 74,213 75,212 82,212 83,211 86,211 87,212 90,212 91,213 92,213 97,218 97,219 98,220 98,221 99,222 99,224 100,225 100,227 101,228 101,230 103,232 103,233 104,234 104,235 106,237 106,238 108,240 108,241 111,244 112,244 115,247 116,247 117,248 118,248 119,249 125,249 126,248 127,248 131,244 131,243 132,242 132,241 133,240 133,239 134,238 134,237 135,236 135,234 136,233 136,232 137,231 137,230 138,229 138,228 139,227 139,225 140,224 140,223 141,222 141,221 142,220 142,219 145,216 145,215 147,213 148,213 149,212 153,212 154,213 156,213 159,216 160,216 167,223 167,224 172,229 172,230 177,235 177,236 181,240 181,241 185,245 185,246 190,251 191,251 192,252 193,252 194,251 194,250 195,249 195,221 196,220 196,217 197,216 197,215 198,214 198,213 201,210 202,210 203,209 204,209 205,208 223,208 224,209 229,209 230,210 236,210 237,211 244,211 245,210 245,209 244,208 244,207 241,204 241,203 219,181 219,180 215,176 215,175 213,173 213,172 211,170 211,169 210,168 210,167 209,166 209,164 208,163 208,161 209,160 209,159 214,154 215,154 216,153 217,153 218,152 219,152 220,151 222,151 223,150 225,150 226,149 228,149 229,148 233,148 234,147 237,147 238,146 239,146 240,145 241,145 241,142 239,140 238,140 235,137 234,137 232,135 231,135 224,128 224,127 223,126 223,125 222,124 222,117 223,116 223,115 224,114 224,112 225,111 225,110 226,109 226,108 227,107 227,106 229,104 229,103 230,102 230,101 231,100 231,99 234,96 234,95 235,94 235,93 236,92 236,91 237,90 237,89 238,88 238,84 237,84 236,83 226,83 225,84 218,84 217,85 213,85 212,86 206,86 205,87 194,87 193,86 191,86 189,84 188,84 185,81 185,80 183,78 183,77 182,76 182,75 181,74 181,73 180,72 180,71 179,70 177,70 165,82 164,82 163,83 162,83 161,84 158,84 156,82 155,82 153,80 153,79 151,77 151,76 149,74 149,73 148,72 148,71 147,70 147,69 146,68 146,67 145,66 145,64 144,63 144,62 143,61 143,59 142,58 142,57 141,56 141,54 140,53 140,51 139,50 139,48 138,47 138,46 137,45 137,43 136,42 136,40 135,39 135,38 134,37 134,35 133,34 133,32 132,31 132,30 131,29 131,27 130,26 130,25 129,24 129,23 127,21 127,20 126,19 Z'/></svg>");

    --transition-linear: all 300ms linear;
    --space5-10: 5px;
    --space10-15: 12px;
    --space-20: 22px;
    --space-30: 26px;
    --space40-50: 42px;
}


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

.footer-logos a img {
  max-height: 50px;
  width: auto;
  display: block;
}

*,
*::before,
*::after {
    border: none;
    box-sizing: border-box;
}
html,
body {
    height: 100%;
    min-width: 320px;
    background-color: var(--section-bg-2);
}

body {
    position: relative;
    direction: ltr;
    margin: 0;
    font-family: 'Assistant', sans-serif!important;
    overflow-x: hidden;
}




img {
    display: block;
    max-width: 100%;
    height: auto;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 15px;
    isolation: isolate;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: Lobster;
}


a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-linear);
}
a:not(.common-btn-FIRST):hover {
    color: var(--hover-4);
}


.star-animation {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.star {
    position: absolute;
    top: 0;
    color: white;
    width: 20px;
    height: 20px;
    animation: animate-long 15s linear forwards;
}
@media (min-width: 768px) {
    .star {
        animation: animate-short 8s linear forwards;
    }
}

.star::before {
    content: '★';
    text-shadow: 0 0 5px white, 0 0 20px white, 0 0 50px white;
}

@keyframes animate-short {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
    }
    3% {
        opacity: 0.5;
    }
    7% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        transform: translateY(80vh) rotate(360deg);
        opacity: 0;
    }
}

@keyframes animate-long {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
    }

    5% {
        opacity: 0.5;
    }

    10% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        transform: translateY(150vh) rotate(360deg);
        opacity: 0;
    }
}





.header-FIRST {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: var(--black-header-bg-2);
}

.header-wrapper-FIRST {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-wrapper-FIRST.row {
    flex-direction: row;
}
.header-wrapper-FIRST.row-reverse {
    flex-direction: row-reverse;
}
@media (min-width: 500px) and (max-width: 991px) {
    .header-wrapper-FIRST {
        padding-block: var(--space10-15);
    }
}

.logo-FIRST {
    display: flex;

    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 6px;

    padding: var(--space10-15) 0;
    text-align: start;
    color: white;
    margin-right: 0;
}

.logo-img-FIRST {
    display: none;
}

@media (max-width: 499px) {
    .logo-FIRST span {
        max-width: 180px;
        font-family: Lobster;
    }
    .header-wrapper-FIRST.row-reverse .logo-FIRST span{
        text-align: end;
    }
}
.logo-FIRST span {
    font-size: 22px;
    font-weight: 800;
    font-family: Lobster;
}

@media (min-width: 500px) {
    .logo-FIRST {
        padding: var(--space10-15);
        border-radius: var(--space40-50);
        box-sizing: border-box;
        border-color: white;
        border: solid 1px #fff;
    }
    .logo-img-FIRST {
        display: block;
        width: 50px;
        aspect-ratio: 1/1;
    }
}



.header-nav-FIRST {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu-btn-FIRST {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;
    margin: 0;
    padding: 0;
    transition: var(--transition-linear);
    background-color: transparent;
    cursor: pointer;
}

.menu-btn-FIRST svg {
    fill:#fff;
    transition: var(--transition-linear);

}

.menu-btn-FIRST svg:hover,
.menu-btn-FIRST svg:focus {
    fill: var(--hover-4);
}

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

.backdrop-FIRST {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;
    background-color: #180b1759;

    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    overflow-y: scroll;
    transition: var(--transition-linear);
}

.backdrop-FIRST.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}




@media (max-width: 991px) {
    .menu-container-FIRST {
        position: fixed;
        top: 0;

        right: 0;
        display: none;

        height: 100%;
        min-height: 100vh;

        width: calc(40% + 15%);
        padding: 10px;
        background-color: var(--backdrop-color-2);
    }


    .menu-container-FIRST.is-open {
        display: flex;
        flex-direction: column;
        gap: var(--space-30);
        z-index: 5;
    }
}

@media (max-width: 600px) {
    .menu-container-FIRST {
        width: 67vw;
    }
}
@media (max-width: 400px) {
    .menu-container-FIRST {
        width: 100vw;
    }
}

@media (min-width: 992px) {
    .menu-container-FIRST {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
}

.menu-close-btn-FIRST {
    transition: var(--transition-linear);
    margin-right: auto;
    background-color: transparent;
}

@media (min-width: 992px) {
    .menu-close-btn-FIRST {
        display: none;
    }
}

.menu-close-btn-FIRST svg {
    fill: white;
    transition: var(--transition-linear);
}

.menu-close-btn-FIRST svg:hover {
    fill: var(--hover-4);
}

.menu-list-FIRST {
    display: flex;
    flex-direction: column;
    padding: var(--space-20);
    margin-top: var(--space-20);
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
    column-gap: 6px;
    row-gap: var(--space-20);
}

@media (min-width: 992px) {
    .menu-list-FIRST {
        flex-direction: row;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 6px var(--space-20);
        margin-top: 0;
    }
}

.menu-link-FIRST {
    display: block;

    font-weight: 600;
    font-size: 19px;
    line-height: 1.3;
    color: white;
    transition: var(--transition-linear);
}

@media (min-width: 992px) {
    .menu-link-FIRST {
        padding: var(--space-30) var(--space10-15);
        font-size: 19px;
    }
}

.active-FIRST {
    font-weight: 700;
    color: var(--hover-4);
}


.hero-bg {
    position: relative;
    background-color: var(--black-header-bg-2);
    background-image: linear-gradient(rgb(9 9 9 / 10%),
    rgb(0 0 0 / 80%)), url(picgallery/background/bg-dark-06881044bdb8ec.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.hero-FIRST>* {
    isolation: isolate;
    color: white;
}

.hero-FIRST {
    padding-block: 110px;
}

.hero-container-FIRST-1 .hero-block-2 {
    display: none;
}


.hero-block-1 {
    display: flex;
    padding-block: 30px;
    flex-direction: column;
    gap: 50px;
}
@media (min-width: 500px) {
    .hero-block-1 {
        padding-block: 50px;
    }
}
.hero-block-1 .flex-1{
    flex-direction: column;

}
.hero-block-1 .flex-2 {
    flex-direction: column;
}
@media (min-width: 778px) {
    .hero-block-1 .flex-2 {
        flex-direction: column;
    }
}
.hero-block-1 .flex-1,
.hero-block-1 .flex-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.hero-container-FIRST-1 .hero-block-1 .flex-1 h3 {
    font-size: 1.5rem;
    color: var(--accent-color-1);
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    text-wrap: pretty;
    margin-block: 0;
}
.hero-container-FIRST-1 .hero-block-1 .flex-1 h1 {
    font-size: 2rem;
    letter-spacing: -3px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-wrap: pretty;
    text-transform: uppercase;
    margin-block: 0;
}
@media (min-width: 500px) {
    .hero-container-FIRST-1 .hero-block-1 .flex-1 h1 {
        font-size: 4.5rem;
        text-transform: uppercase;
    }
    .hero-container-FIRST-1 .hero-block-1 .flex-1 h3 {
        text-transform: uppercase;
    }
    
}
.hero-block-1 .flex-2 .hero-text
{
    display: none;
    
}
@media (min-width: 991px) {
    .hero-block-1 .flex-2 .hero-text {
        max-width: 900px;
        font-size: 19px;
        line-height: 1.5;
    }
}
.hero-block-1:has(.hero-btn-random-5) .flex-1 {
    gap: 0;
    padding-block: 100px 30px;
}


.hero-btn-random-1 .hero-button--A {
    display: flex;
}
.hero-btn-random-1 .hero-button--B {
    display: none;
}
.hero-btn-random-1 .hero-button--C {
    display: none;
}
.hero-btn-random-1 .hero-button--D {
    display: none;
}

.hero-btn-random-2 .hero-button--A {
    display: none;
}
.hero-btn-random-2 .hero-button--B {
    display: flex;
}
.hero-btn-random-2 .hero-button--C {
    display: none;
}
.hero-btn-random-2 .hero-button--D {
    display: none;
}

.hero-btn-random-3 .hero-button--A {
    display: none;
}
.hero-btn-random-3 .hero-button--B {
    display: none;
}
.hero-btn-random-3 .hero-button--C {
    display: flex;
}
.hero-btn-random-3 .hero-button--D {
    display: none;
}

.hero-btn-random-4 .hero-button--A {
    display: none;
}
.hero-btn-random-4 .hero-button--B {
    display: none;
}
.hero-btn-random-4 .hero-button--C {
    display: none;
}
.hero-btn-random-4 .hero-button--D {
    display: flex;
}

.hero-btn-random-5 .hero-button--A {
    display: none;
}

.hero-btn-random-5 .hero-button--B {
    display: none;
}

.hero-btn-random-5 .hero-button--C {
    display: none;
}

.hero-btn-random-5 .hero-button--D {
    display: none;
}




.hero-button {
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    display: flex;
    min-width: 240px;
    max-width: fit-content;
    padding-inline: 12px;
    height: 80px;
    border-radius: 40px;
    box-sizing: border-box;
    border: solid 1px #fff;
    text-decoration: none;
}

.hero-button::before,
.hero-button::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 40px;
    transition: all ease 0.8s;
}

.hero-button::after {
    mix-blend-mode: multiply;
}

.hero-button .glow_back {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 218px;
    height: 44px;
    transition: all ease 0.8s;
    mix-blend-mode: overlay;
    clip-path: path("m209.63,21.67l-2.74.22,4.07,2.6-9.12-2.63,4.9,3.26.24,1.34-6.87-2.78,11.15,8.28-5.67-2.31-1.76.13,1.84,3.14.97,2.79-8.85-7.21,5.88,8.34-4.99-4.04-2.89-2.09,2.29,5.65.07,2.94-1.87-.38-4.57-7.16-1.78-1.97-.19,2.59-1.03.18-1.21-.85-.53,4.2-1.1,2.39-1.36.69-1.31-3.46-1.3,3.43-1.3,2.47-1.3-1.14-1.3,3.72-1.3-8.89-1.3-2.91-1.3.92-1.3,9.08-1.3-4.94-1.3,2.97-1.3-5.84-1.3-1.52-1.3,4.5-1.3,6.44-1.3-7.17-1.3,3.91-1.3-9.47-1.3,8.47-1.3-.18-1.3,3.18-1.3-2-1.3-8.04-1.3,9.25-1.31-8.09-1.31,8.93-1.31-4.37-1.31,5.17-1.31-6.01-1.3,6.09-1.3-7.67-1.3,2.38-1.3-4.87-1.3,9.41-1.3-6.56-1.3-2.02-1.3,2.55-1.3-4.89-1.3,8.88-1.3,2.59-1.3-2.87-1.3,2.76-1.31-2.34-1.31-7.51-1.31,8.22-1.31-1.28-1.31-1.55-1.31-7.27-1.31,9.27-1.3-7.66-1.3,1.32-1.3,9.46-1.3-12.65-1.31.78-1.31,9.82-1.31-5.85-1.31,7.43-1.31-9.94-1.31,4.73-1.31-5-1.31,10.39-1.31-11.07-1.31-.92-1.31,9.25-1.31-1.73-1.31-1.77-1.31,5.08-1.31-8.19-1.31,4.41-1.31,1.25-1.31-6.67-1.31-1.7-1.31,10.54-1.31-1.7-1.31-7.25-1.31,3.28-1.31.36-1.31,2.37-1.31,1.69-1.31-.51-1.31-2.43-1.31.96-1.3-4.48-1.3,1.02-1.31,4.88-1.31-1.57-1.31,1.41-1.31-3.53-1.3,6.02-1.3-6.14-1.31,6.65-1.31-6.3-1.31,1.77-1.31-4.96-1.31-.87-1.31,11.16-1.31-3.56-1.31-8.2-1.31,1.74-1.31,7.25-1.31,1.27-1.31-10.58-1.31,3.37-1.31-1.44-1.31-1.57-1.31,11.69-1.31-10.29-1.31,3.55-1.31.6-1.31-3.37-1.31,3.78-1.31-5.84-1.31-.6-1.32-.11-1.32,2.37-.96-2.87-1.62,5.87-1.4.55-.93-1.85.16-4.93-2.34,3.81-.48-1.9-4.98,7.89-2.13.66,2.36-6.86,2.19-5.28-.65-.64-9.29,9.49,4.56-7.03-3.66,2-1.6-.28,3.83-4.69,1.91-2.61-12.76,7.37,4.28-4.27-6.14,1.93,9.4-6.15-10.98,3.68,12.01-6.11-3.41.24-6.77.93,5.22-2.56-5.3.04-4.88-.44,12.73-2.91-6.16-.38-5.06-.91,1.98-1.3h7.65L.65,13.1l12.8-.34-1.69-1.04-3.48-1.48.11-1.06-3.58-1.98,5.37.26L2.65,3.86l11.79,3.01-6.39-3.72,6.61,1.83.96-.56-3.19-2.25,2.49.25,4.79-.04-4.72,2.56,6.12-.93,3.08-.24-10.85,6.11,9.92-3.68-8.49,6.15,5.54-1.93-3.87,4.27,11.53-7.37-1.73,2.61-3.46,4.69,1.45.28,3.3-2-4.12,7.03,8.4-9.49.59.64-1.98,5.28-2.13,6.86,1.92-.66,4.49-7.88.43,1.9,2.11-3.81-.15,4.93.84,1.85,1.26-.55,1.47-5.87.87,2.87,1.19-2.37,1.19.11,1.19.6,1.18,5.84,1.19-3.78,1.18,3.37,1.18-.6,1.18-3.55,1.18,10.29,1.18-11.69,1.18,1.57,1.18,1.44,1.18-3.37,1.18,10.58,1.18-1.27,1.18-7.25,1.18-1.74,1.18,8.2,1.18,3.56,1.18-11.16,1.18.87,1.18,4.96,1.18-1.77,1.18,6.3,1.18-6.65,1.18,6.14,1.18-6.02,1.18,3.53,1.18-1.41,1.18,1.57,1.18-4.88,1.18-1.02,1.18,4.48,1.18-.96,1.18,2.43,1.18.51,1.18-1.69,1.18-2.37,1.18-.36,1.18-3.28,1.18,7.25,1.18,1.7,1.18-10.54,1.18,1.7,1.18,6.67,1.18-1.25,1.18-4.41,1.18,8.19,1.18-5.08,1.18,1.77,1.18,1.73,1.18-9.25,1.18.92,1.18,11.07,1.18-10.39,1.18,5,1.18-4.73,1.18,9.94,1.18-7.43,1.18,5.85,1.18-9.81,1.18-.78,1.18,12.65,1.18-9.46,1.18-1.32,1.18,7.66,1.18-9.27,1.18,7.27,1.18,1.55,1.18,1.28,1.18-8.22,1.18,7.51,1.18,2.34,1.18-2.76,1.18,2.87,1.18-2.59,1.18-8.88,1.18,4.89,1.18-2.56,1.18,2.02,1.18,6.56,1.18-9.41,1.18,4.87,1.18-2.38,1.18,7.67,1.18-6.09,1.18,6.01,1.18-5.17,1.18,4.37,1.18-8.93,1.18,8.09,1.18-9.25,1.18,8.04,1.18,2,1.18-3.18,1.18.18,1.18-8.47,1.18,9.47,1.18-3.91,1.18,7.17,1.18-6.44,1.18-4.5,1.18,1.52,1.18,5.84,1.18-2.97,1.18,4.94,1.18-9.08,1.18-.92,1.18,2.91,1.18,8.89,1.18-3.72,1.18,1.14,1.18-2.47,1.18-3.43,1.18,3.46,1.23-.69.99-2.39.47-4.2,1.09.85.93-.18.17-2.59,1.61,1.97,4.13,7.16,1.69.38-.06-2.94-2.07-5.65,2.61,2.09,4.51,4.04-5.31-8.34,8,7.21-.88-2.79-1.66-3.14,1.59-.13,5.12,2.31-10.07-8.29,6.21,2.78-.22-1.34-4.43-3.26,8.24,2.63-3.67-2.6,2.47-.22,2.47-.43h.76s-.41.34-.41.34l.85-.35,3.89-.04-1.52-.95,5.5-2.29,1.25.87,1.58.77-1,1.84-9.15,4.41,3.25-.05,2.73.33-4.53,2,4.65.13.17,1.03-5.55,1.48-.56.83,11.92.79h-9.98l.66.89,9.69,1.66-10.36.06,8.31,2.21,3.45,1.94-5.63.05-2.74.43Zm-3.95-18.98l1.79.54-.98-.61-.82.06Z"
    );
}

.hero-button .glow_front {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
    height: 68px;
    background: #360082;
    mix-blend-mode: screen;
    opacity: 0.5;
    clip-path: path("m58.67,41.32l6.82,22.39-30.16,2.69,23.33-25.08ZM38.33,5.04l-7.07,1.43,5.89,8,1.18-9.43ZM14.14,49.43l19.4,9.23,17.03-21.36-36.43,12.13Zm-7.32-14.1l-.65,15.05,41.43-20.27-40.78,5.22Zm17.54-10.54l-18.19,2.04,5.41,4.26,12.78-6.3Zm195.63-4.06l-15.52-15.69-38.09,18.86,53.61-3.17Zm-6.18,6.1l-18.19-2.04,12.78,6.3,5.41-4.26ZM171.77,0l-18.22,17.69,26.3-14.32-8.08-3.37Zm16.97,6.47l-7.07-1.43,1.18,9.43,5.89-8ZM48.23,0l-8.08,3.37,26.3,14.32L48.23,0ZM15.52,5.04L0,20.73l53.61,3.17L15.52,5.04Zm133.58,53.38l5.41-4.26-7.82-10.3,2.41,14.57Zm-12.78,3.5l12.76,3.32-17.47-21.78,4.71,18.46Zm23.78,4.48l21.56-7.98-20.34-17.1-1.23,25.08Zm33.01.61l12.75-17.58-36.43-12.13,23.68,29.71Zm23.31-14.04v-19.4l-44.03-3.47,44.03,22.86Zm-125.56,8.57l7.62,4.4-.77-15.57-6.85,11.17Zm32.47.39l11.91,6.06-12.96-17.62,1.05,11.56Zm-57.84-7.78l5.41,4.26,2.41-14.57-7.82,10.3Zm5.43,11.09h17.19l-6.18-24.55-11.01,24.55Zm42.62-4.09l1.11-18.93-12.98,24.18,11.86-5.25Z"
    );
}

.hero-button .twinkle_white {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 210px;
    height: 58px;
    background: rgba(255, 255, 255, 0.7);
    transition: all ease 0.8s;
    clip-path: path("m31.82,21c-1.13,3.75-4.54,8.87-8.93,6.69-1.67-.97-2.72-3.28-4.65-3.22l.11.48c-4.32,4.59-10.64,7.19-16.91,6.95-.98.09-1.53-.69-1.44-1.65.28-7.27-.23-17.33,7.77-20.5,5.04-3.01,11.13-2.4,15.73,1.23,2.79,1.52,2.87,4.66,1.66,7.37,2.9-.38,8.77-2.98,6.66,2.63Zm5.66-15.43c-1.42-.76-3.09.16-4.33.92-3.86,2.54-1.24,4.8,1.97,5.83,3.16,1.03,4.88-5.29,2.36-6.74ZM50.32.14c-1.99-.45-3.91,1.25-4.3,3.16-.74,1.87,1.24,5.51,3.05,3.08,1.75-1.53,5.02-4.99,1.25-6.24Zm11.3,1.45c.06,1.44-2.04,2.15-2.84.97-1.55-2.31,2.52-3.9,2.84-.98,0,0,0,0,0,.01Zm-2.99-.01s0,.05,0,.08c0-.03,0-.05,0-.08Zm122.94,39.65c-1.89-.28-6.49,2.59-6.38,4.72,0,1.3,1.32,2.53,2.59,2.03,3.17,2.13,7.67-5.14,3.79-6.75Zm26.14,4.19c-3.76-.72-7.78.11-10.96,2.25-.61-.63-.25-1.88-.95-2.39-.52-.38-1.23-.09-1.79.2-1.43.74-3.39,1.6-3.39,1.6-1.5.31-.11,3.55.99,3.76,1.42.08,1.65.91.97,2.13-.84,1.64-2.03,5.38,1.05,5,6.46-.3,12.66-4.03,15.99-9.62,1.09-1.42-.36-2.71-1.91-2.93Zm-43.05,6.57c1.25,2.17-1.97,4.41-3.54,2.51-.94.51-2.16-.29-2.13-1.35.4-2.45,4.46-3.64,5.68-1.16Zm-1.16.73s-.04-.05-.05-.07c.05.09.1.17.14.27-.03-.07-.06-.14-.08-.2Zm-15.96-.78c-.89-.86-2.7-.49-3.17.66-.61,1.23.9,2.6,2.06,1.91,1.32.1,2.06-1.65,1.11-2.57Zm24.81-.73c-1.2-1.91-4.04.04-2.49,1.76,1.2,1.91,4.04-.04,2.49-1.76Z"
        );
}

.hero-button .twinkle_color {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 66px;
    background: linear-gradient(-15deg, #ffee7f 50%, #9afcff 50%);
    clip-path: path("m2.41,56.51c-1.5,1.1-2.76-1.09-2.32-2.49,1.91-9.01,13.14-9.61,20.62-10.63,3.1-.59,3.62,2.02,1.39,3.89-5.19,4.8-11.74,8.39-18.78,9m26.18-3.23c-4.98,2.71-10.25,6.41-12.92,11.49-.01.99,1.21,1.48,2.2,1.52,5.39.16,9.4-4.51,11.22-9.18.76-1.2.55-3.75-1.31-3.3M197.31,8.82c-7.04.61-13.59,4.2-18.78,9-2.2,1.86-1.73,4.49,1.39,3.89,7.47-1.01,18.71-1.62,20.62-10.63.43-1.4-.81-3.6-2.32-2.49m-29.39,4.42c4.98-2.71,10.25-6.41,12.92-11.49.01-.99-1.21-1.48-2.2-1.52-5.39-.16-9.4,4.51-11.22,9.18-.76,1.2-.55,3.75,1.31,3.3"
    );
}

.hero-button .reflection_top {
    position: absolute;
    z-index: 7;
    top: 6px;
    right: 6px;
    width: 146px;
    height: 44px;
    background: linear-gradient(10deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9));
    clip-path: path("m0,11.36L16.95,2.53,99.76,0l25.25,5.68,21.05,23.36-8.18,14.32-68.87-16.42L0,11.36ZM14.45,2.9");
}

.hero-button .reflection_bottom {
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    bottom: 4px;
    margin: 0 auto;
    width: 96px;
    height: 32px;
    border-radius: 50%;
    opacity: 0.6;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0));
}

.hero-button .shine {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 204px;
    height: 62px;
}
.hero-button .shine::before,
.hero-button .shine::after {
    content: "";
    position: absolute;
    top: 0;
    width: 45px;
    height: 58px;
    background: #fff;
    transform: scale(0);
    clip-path: path("m27.17,29c10.87-9.47,17.83-18.56,17.83-18.56,0,0-9.07,4.53-19.61,12.44-.6-13.08-2.89-22.88-2.89-22.88,0,0-2.29,9.81-2.89,22.88C9.07,14.97,0,10.44,0,10.44c0,0,6.96,9.08,17.83,18.56C6.96,38.47,0,47.56,0,47.56c0,0,9.07-4.53,19.61-12.44.6,13.08,2.89,22.88,2.89,22.88,0,0,2.29-9.81,2.89-22.88,10.53,7.91,19.61,12.44,19.61,12.44,0,0-6.96-9.08-17.83-18.56Z");
    transition: all ease 0.8s;
}

.hero-button::before {
    left: -1px;
}

.hero-button::after {
    right: -1px;
}
    

.hero-button .shine_shadow_R,
.hero-button .shine_shadow_L {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 4px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px #fa9cff;
    transition: all ease 0.8s;
    opacity: 0;
    transform: scale(0);
}
.hero-button .shine_shadow_R::before,
.hero-button .shine_shadow_L::before,
.hero-button .shine_shadow_R::after,
.hero-button .shine_shadow_L::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 5px #fa9cff;
    transition: inherit;
}

.hero-button .shine_shadow_R::before,
.hero-button .shine_shadow_L::before {
    transform: rotate(49deg);
}

.hero-button .shine_shadow_R::after,
.hero-button .shine_shadow_L::after{
    transform: rotate(-49deg);
}


.hero-button .shine_shadow_R {
    right: 37px;
}

.hero-button .shine_shadow_L {
    left: 37px;
}

.hero-button .text {
    position: relative;
    z-index: 11;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    transition: all ease 0.8s;
}




    
.hero-button--A::before {
    background: #490869;
}

.hero-button--A::after {
    background: linear-gradient(0deg, rgba(187, 0, 212, 0) 5%, rgba(204, 0, 130, 1) 60%, rgba(30, 0, 64, 1));
}

.hero-button--A .glow_back {
        background: #bf349d;
    }

.hero-button--A .shine_shadow_R,
.hero-button--A .shine_shadow_L {
    box-shadow: 0 0 5px #fa9cff;
}
.hero-button--A .shine_shadow_R::before,
.hero-button--A .shine_shadow_L::before,
.hero-button--A .shine_shadow_R::after,
.hero-button--A .shine_shadow_L::after, {
    box-shadow: 0 0 5px #fa9cff;
}
        
    

    
.hero-button--B::before {
    background: #ab0f58;
}

.hero-button--B::after {
    background: linear-gradient(0deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, 1));
}

.hero-button--B .shine::before {
    display: none;
}

.hero-button--B .glow_back {
    background: #a37db8;
}

.hero-button--B .shine_shadow_R {
    box-shadow: 0 0 5px #f92385;
}
.hero-button--B .shine_shadow_R::before,
.hero-button--B .shine_shadow_R::after {
    box-shadow: 0 0 5px #f92385;
}

    

    
.hero-button--C::before {
    background: #005899;
}

.hero-button--C::after {
    background: linear-gradient(0deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, 1));
}

.hero-button--C .shine::after {
    display: none;
}

.hero-button--C .glow_back {
    background: #a37db8;
}

.hero-button--C .shine_shadow_L {
    box-shadow: 0 0 5px #2bd0fc;
}
.hero-button--C .shine_shadow_L::before,
.hero-button--C .shine_shadow_L::after {
    box-shadow: 0 0 5px #2bd0fc;
}

    


.hero-button:hover .shine::before,
.hero-button:hover .shine:after {
    transform: scale(1);
}

.hero-button:hover .shine_shadow_R,
.hero-button:hover .shine_shadow_L {
    opacity: 1;
    transform: scale(1);
}

.hero-button:hover .twinkle_white {
    background: rgba(255, 255, 255, 1);
}

.hero-button:hover .text {
    letter-spacing: 4px;
}


    
.hero-button--A:hover::before {
    background: #750ea9;
}

.hero-button--A:hover .glow_back {
    background: #ff45d1;
}
    


.hero-button--B:hover::before {
    background: #ff1784;
}

.hero-button--B:hover .glow_back {
    background: #e2adff;
}



.hero-button--C:hover::before {
    background: #007fde;
}

.hero-button--C:hover .glow_back {
    background: #e2adff;
}
    




.hero-button-72 {
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(#f800acfa, #8d23a4);
    border-radius: 42px;
    border-width: 0;
    box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px, rgba(179, 132, 201, 0.4) 0 8px 12px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 16px;
    margin: 0;
    padding: 18px 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px, rgba(255, 255, 255, 0.2) 0 0 12px, rgba(57, 31, 91, 0.6) 1px 1px 4px, rgba(57, 31, 91, 0.32) 4px 4px 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
}

.button-72:hover {
    background-image: linear-gradient(#B384C9, #391F5B 50%);
}

@media (min-width: 768px) {
    .button-72 {
        font-size: 21px;
        padding: 18px 34px;
    }
}





.benef-FIRST {
    background-color: var(--section-bg-2);
    padding-block: 40px;
}
.benef-list-FIRST {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--space40-50);
    padding-inline: 0;
    margin-block: 0;
}

@media (min-width: 768px) {
    .benef-list-FIRST {
        flex-direction: row;
        width: 50%;
        margin-inline: auto;
    }
}
.benef-item-1 {
    display: flex;
}
.benef-item-2 {
    display: none;
}
.benef-item-3 {
    display: none;
}
@media (min-width: 768px) {
    .benef-item-2,
    .benef-item-3 {
        display: flex;
    }
}

.benef-item-FIRST {
    flex: 1;
    align-items: center;
    justify-content: center;
}

.benef-icon-FIRST {
    width: 134px;
    height: 134px;
}
.benef-icon-FIRST img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.category-FIRST {
    overflow: hidden;
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-16881044bdb94e.jpg);
    padding-top: 56px;
}
@media (min-width: 992px) {
    .category-FIRST,
    .main-page-FIRST {
        padding-bottom: 50px;
    }
}
.category-titel-FIRST {
    margin-bottom: var(--space-30);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8rem;
    color:white;
}


.category-wrapper-FIRST {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.category-list-FIRST {
    direction: initial;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-30) 10px;
    justify-items: center;
    padding-left: 0;
}
@media (min-width: 600px) {
    .category-list-FIRST {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .category-list-FIRST {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) {
    .category-list-FIRST.category-6 {
        grid-template-columns: repeat(6, 1fr);
    }
}

.category-item-FIRST {
    position: relative;
    display: grid;
    grid-template-rows: 2fr 1fr;
    justify-items: center;
    transition: var(--transition-linear);
}
@media (min-width: 600px) {
    .category-item-FIRST {
        padding: 15px;
    }
}
@media (min-width: 992px) {
    .category-6 .category-item-FIRST {
        padding: 5px;
    }
}
.category-pic-FIRST {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    align-self: center;
}
.category-pic-FIRST img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 20px;
    transition: var(--transition-linear);
}
@media (min-width: 992px) {
    .category-list-6 .category-pic-FIRST {
        height: 100%;
        aspect-ratio: initial;
    }
}
.category-item-FIRST:hover .category-pic-FIRST img {
    border-top-right-radius: 0%;
}
@media (max-width: 767px) {
    .category-pic-FIRST img  {
        height: 350px;
    }
}
.category-subtitel-FIRST {
    display: flex;
    height: 60%;
    width: 100%;
    align-items: center;
    justify-content: center;

    padding-inline: 12px;
    background-color: var(--section-bg-2);
    color: white;
    border-bottom-left-radius: 20px;
    
}
.category-subtitel-FIRST h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 25px;
    text-align: center;
    transition: var(--transition-linear);
    margin-block: 0;
}
@media (min-width: 992px) {
    .category-6 .category-subtitel-FIRST h4 {
        font-size: 20px;
    }
}
.category-item-FIRST:hover .category-subtitel-FIRST h4,
.category-item-FIRST:active .category-subtitel-FIRST h4
{
    color: var(--hover-4)
}



.container-play-btn {
    position: absolute;

    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
    .category-list-6 .container-play-btn {
        display: none;
    }
}

.button-play {
    display: inline-block;
    position: relative;
}

.button-play.is-play {
    background-color: var(--accent-color-1);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    opacity: 0.5;
}
.category-item-FIRST:hover .button-play.is-play,
.category-item-FIRST:active .button-play.is-play {
    opacity: 1;
}

.button-play.is-play .button-outer-circle {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.button-play.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}
.button-icon.is-play svg {
    fill: white;
}

.button-play.is-play .button-icon .triangle {
    -webkit-animation: fadeIn 7s ease;
    animation: fadeIn 7s ease;
}

.button-play.is-play .button-icon .path {
    stroke-dasharray: 90;
    stroke-dashoffset: 0;
    -webkit-animation: triangleStroke 3s;
    animation: triangleStroke 3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.has-scale-animation {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
}

.has-delay-short {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

.section-video {
    position: relative;
}
.section-video-bg-FIRST {
    width: 100%;
    height: 220px;
    background-image: linear-gradient(#070109, #000000bd), url(picgallery/background/bg-dark-16881044bdb94e.jpg);
    position: relative;
    clip-path: ellipse(65% 70% at center top);
}
@media (min-width: 500px) {
    .section-video-bg-FIRST {
        height: 300px;
    }
}

@media (min-width: 768px) {
    .section-video-bg-FIRST {
        height: 400px;
    }
    .section-video .container-video::before {
        display: none;
        content: "";
        position: absolute;
        top: -22%;
        left: 6%;
        width: 120px;
        height: 140px;
        background: url(picgallery/other-dir/icons-06881044bdbf08.png) no-repeat center/contain;
        z-index: -2;
        rotate: 344deg;
    }
    .section-video .container-video::after {
        display: none;
        content: "";
        position: absolute;
        top: 10%;
        right: 6%;
        width: 120px;
        height: 140px;
        background: url(picgallery/other-dir/icons-16881044bdbf4d.png) no-repeat center/contain;
        z-index: -2;
        rotate: 4deg;
    }
}


.video-wrapper-FIRST {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 220px;
    overflow: hidden;
    z-index: -1;

    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 500px) {
    .video-wrapper-FIRST {
        width: 500px;
        height: 320px;
    }
}

@media (min-width: 768px) {
    .video-wrapper-FIRST {
        width: 650px;
        height: 370px;
    }
}
@media (min-width: 998px) {
    .video-wrapper-FIRST {
        width: 650px;
        height: 400px;
    }
}
.video-wrapper-FIRST video {
    width: 100%;
    height: 100%;
    object-fit: cover;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




.section-players-FIRST {
    padding-top: 100px;
}
.section-players-FIRST:has(.players-item-FIRST.second.none) {
    padding-top: 180px;
    padding-bottom: 130px;
}
@media (min-width: 600px) {
    .section-players-FIRST:has(.players-item-FIRST.second.none) {
    padding-top: 220px;
    padding-bottom: 170px;
}
}
@media (min-width: 768px) {
    .section-players-FIRST:has(.players-item-FIRST.second.inline-block) {
        padding-bottom: 40px;
    }
}

.players-grid-FIRST {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 134px;
}

@media (min-width: 768px) {
    .players-grid-FIRST{
        grid-template-columns: 1fr 2fr 1fr;
    }
}
.players-item-FIRST {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 280px;
    text-align: center;
}

.players-item-pic {
    display: none;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .players-item-FIRST {
        padding: 10px;
    }
    .players-item-pic.first {
        display: block;
    }
}
@media (min-width: 768px) {
    .players-item-pic.third {
        display: block;
    }
}
.players-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.players-item-FIRST.second {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.players-online-FIRST {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.players-online-FIRST h3 {
    max-width: 210px;
    margin-block: 0;
    font-size: 1.3rem;
    font-weight: 600;
    word-wrap: break-word;
    color:white;
}
@media (min-width: 600px) {
    .players-online-FIRST h3 {
        font-size: 1.8rem;
    }
}

.players-online-FIRST span {
    font-size: 76px;
    color: white;
    line-height: 1.3;
    font-weight: 800;
}

.players-item-FIRST.second.none .shape{
    display: none;
    
}
.players-item-FIRST.second.inline-block .players-mic {
    display: none;

}
.shape {
    width: 250px;
    height: 250px;
    background: linear-gradient(64deg, #f34868 23%, #f24768 23%, var(--accent-color-1) 80%);
    border-radius: 28% 72% 22% 78% / 39% 23% 77% 61%;
    will-change: border-radius, transform;

    animation: blob 10s linear infinite, spin 100s linear infinite;
}
@media (min-width: 450px) {
    .shape {
        width: 300px;
        height: 300px;
    }
}

@keyframes blob {

    0%,
    100% {
        border-radius: 28% 72% 22% 78% / 39% 23% 77% 61%;
    }

    50% {
        border-radius: 72% 28% 50% 50% / 55% 26% 74% 45%;
    }
}



.players-mic::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 250px;
    height: 250px;
    border-radius: 100%;
    z-index: 2;
    box-shadow: 0 0 20px 20px #4f0848;
    border: 20px solid #63086f;
}

.players-mic-shadow {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 1;
    transform-origin: center;
}
@media (min-width: 450px) {
    .players-mic-shadow {
        box-shadow: 10px -55px 30px 15px #823ca6, 24px -10px 47px 10px #ae71c1, -21px -25px 97px 10px #5acee3, 51px 5px 17px 10px #1b7d8f, 3px 2px 77px 10px #f30bf5;
    }
}
@media (min-width: 600px) {
    .players-mic::before,
    .players-mic-shadow {
        width: 300px;
        height: 300px;
    }
    .players-mic-shadow {
        animation: shadow-rotate 2.5s linear infinite;
    }
}
@keyframes shadow-rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
    transform: translate(-50%, -50%) rotate(360deg);
    }
}


@media (max-width: 767px) {
    .players-grid-FIRST:has(.players-item-FIRST.second.none) {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .players-grid-FIRST:has(.players-item-FIRST.second.none) {
        grid-template-columns: 1fr;
    }
    .players-grid-FIRST:has(.players-item-FIRST.second.none) .players-item-pic {
        display: none;
    }
}



.section-steps-FIRST {
    padding-block: 50px;
    color: white;
}

.section-steps-FIRST h2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    margin-inline: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem;
    word-wrap: break-word;
    color: white;
}
@media (min-width: 500px) {
    .section-steps-FIRST h2 {
        text-transform: uppercase;
    }
}
@media (min-width: 600px) {
    .section-steps-FIRST h2 {
        font-size: 1.8rem;
    }
}

@media (min-width: 768px) {
    .section-steps-FIRST h2 {
        width: calc(60% + 20%);
    }
}
.steps-grid-FIRST {
    display: grid;  
    grid-template-columns: 1fr;
    justify-items: center;
    gap: var(--space-30);
}

@media (min-width: 700px) {
    .steps-grid-FIRST{
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space40-50);
    }
}
.steps-item-FIRST {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (min-width: 992px) {
    .steps-item-FIRST.row {
        flex-direction: row;
        align-items: center;
    }
}
.steps-item-FIRST p {
    margin-block: 0;
}
.steps-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: var(--space5-10);
}
.steps-icon img {
    width: 60px;
    aspect-ratio: 1/1;
    object-fit: contain;
}
@media (min-width: 700px) {
    .steps-icon img {
        width: 80px;
    }
}
.steps-item-FIRST p {
    text-align: center;
}
@media (min-width: 550px) {
    .steps-item-FIRST p {
        padding-inline: 89px;
        text-align: center;
    }
}
@media (min-width: 700px) {
    .steps-item-FIRST p {
        padding-inline: 10px;
        text-align: start;
    }
}
@media (min-width: 992px) {
    .steps-grid-FIRST:has(.steps-item-FIRST.row) {
        width: 643px;
        margin-inline: auto;
        grid-template-columns: 1fr;
        justify-items: start;
    }
    .steps-item-FIRST.row {
        gap: 15px;
    }
    .steps-item-FIRST p {
        padding-inline: 56px;
    }
    .steps-item-FIRST.row p {
        padding-inline: 0;
        text-align: left;
    }
    .steps-item-FIRST.row .steps-icon {
        width: 55px;
        padding-block: 0;
        flex-shrink: 0;
    }
}





.form-bg-section-FIRST {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-36881044bdb9aa.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    padding-bottom: 56px;
    overflow: hidden;
}

.form-section-FIRST {
    padding-block: 31px;
}
@media (min-width: 768px) {
    .form-section-FIRST {
        padding-block: calc(73px + 5px);
    }
}
.form-section-FIRST .form-titel-FIRST {
    width: 100%;
    padding-block: 15px;
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 30px;
    margin-inline: auto;
    text-transform: uppercase;
    margin-top: 0;
}
@media (min-width: 600px) {
    .form-section-FIRST .form-titel-FIRST {
        font-size: 1.8rem;
    }
}
@media (min-width: 768px){
    .form-section-FIRST .form-titel-FIRST {
        width: calc(60% + 20%);
    }
}

.form-block-FIRST {
    display: grid;
    gap: var(--space-20);
    grid-template-columns: 1fr;
}
@media (min-width: 400px) {
    .form-block-col-FIRST {
        padding-inline: 15px;
    }
}
@media (min-width: 768px) {
    .form-block-FIRST {
        grid-template-columns: 1fr 1.5fr;
    }
    .form-block-col-FIRST:first-child {
        order: 0;
    }
}
.form-grid-col-pic-FIRST {
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-pic-FIRST {
    position: relative;
    display: none;
    width: calc(33% + 35%);
    height: 95%;
}
@media (min-width: 768px) {
    .form-pic-FIRST {
        display: block;
    }
}
.form-pic-FIRST::before {
    position: absolute;
    display: none;
    content: "";
    top: 50%;
    left: 50%;
    width: 643px;
    height: 643px;
    transform: translate(-50%, -50%) rotate(335deg);

    background-image: var(--svg);
    background-size: contain;
    background-repeat: no-repeat;
    fill: #660046;
    opacity: 0.0;
    z-index: -1;
}
@media (min-width: 768px) {
    .form-pic-FIRST::before {
        display: block;
    }
}
.form-pic-FIRST img {
    width: 100%;
    height: 100%;
    max-height: 340px;
    object-fit: contain;
}

.form-FIRST {
    width: 100%;
    padding: var(--space-20);
    margin-inline: auto;
    background-color: var(--accent-color-1);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.form-FIRST .input-btnitem__section,
.form-FIRST .textarea-btnitem__section,
.form-FIRST .form-input-FIRST,
.form-FIRST .form-text-area-FIRST
 {
    width: 100%;
    padding: 12px;
    margin-bottom: 14px;
    color: #494949;

    font-size: 16px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    outline: none;
}

.form-FIRST label {
    color: white;
    margin-left: 14px;
}
.form-FIRST .input-btnitem__section::placeholder,
.form-FIRST .textarea-btnitem__section::placeholder,
.form-FIRST .form-input-FIRST::placeholder,
.form-FIRST .form-text-area-FIRST::placeholder
{
    color: #9a9b9b;
    width: 100%;
    font-size: 14px;
}

.form-FIRST .textarea-btnitem__section,
.form-FIRST .form-text-area-FIRST {
    height: 4.5em;
    margin-bottom: 6px;
}
.form-agreement-FIRST {
    margin-bottom: var(--space-30);
    color: white;
}
.form-agreement-FIRST .agreement-input-FIRST {
    margin-right: 7px;
    transition: var(--transition-linear);
}
.form-agreement-FIRST .agreement-input-FIRST:checked {
    accent-color: var(--section-bg-2);
}
.agreement-label-FIRST {
    color: var(--section-bg-2);
}

.agreement-privacy-link-FIRST {
    margin-left: 3px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 5px;
    color: white;
    text-decoration-color: white;
}
.form-FIRST .form-btn-FIRST {
    display: block;
    width: 90%;
    padding: 12px 14px;
    margin-inline: auto;
    font-size: 18px;
    text-align: center;
    color: white;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: var(--section-bg-2);
    transition: var(--transition-linear);
}
.form-FIRST .form-btn-FIRST:hover {
    background-color: var(--hover-4);
}






.frage-section-FIRST {
    padding-top: calc(5px + 60px);
}
@media (min-width: 768px) {
    .frage-section-FIRST {
        padding-top: calc(130px + 22px);
        padding-bottom: calc(60px + 22px);
    }
}

.frage-block-FIRST {
    display: grid;
    gap: var(--space-20);
    grid-template-columns: 1fr;
}
@media (min-width: 400px) {
    .frage-block-col-FIRST {
        padding-inline:var(--space10-15);
    }
}
@media (min-width: 768px) {
    .frage-block-FIRST {
        grid-template-columns: 1.5fr 1fr;
    }
    .frage-block-col-FIRST:first-child {
        order: 0;
    }
}
.frage-grid-col-pic-FIRST{
    display: flex;
    justify-content: center;
    align-items: center;
}
.frage-pic-FIRST {
    position: relative;
    display: none;
    width: calc(33% + 35%);
    height: 95%;
}

.frage-pic-FIRST::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(4px + 625px);
    height: calc(4px + 625px);
    transform: translate(-50%, -50%);

    background-image: var(--svg);
    background-size: contain;
    background-repeat: no-repeat;
    fill: #430035;
    opacity: 0.0;
    z-index: -1;
}
@media (min-width: 768px) {
    .frage-pic-FIRST {
        display: block;
    }
}
.frage-pic-FIRST img {
    width: 100%;
    height: 100%;
    max-height: 340px;
    object-fit: contain;
}





.hiden-FIRST {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

.accord-FIRST {
    max-width: calc(50px + 720px);
    min-width: 290px;
    border: 1px solid #5a0147;
}

 
.accord-FIRST-item {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #24001f;
    background-color: var(--section-bg-2);
}

.accord-FIRST-item:last-child {
    border-bottom: none;
}



.accord-FIRST-label {
    position: relative;
    padding: var(--space10-15) 20px;
    width: 100%;
    display: block;
    font-size: 19px;
    cursor: pointer;
}
@media (min-width: 500px) {
    .accord-FIRST-label {
        padding: var(--space-20) var(--space-30);
    }
}

.accord-FIRST-label::before {
    position: absolute;
    display: none;
    content: '';
    height: 6px;
    width: 6px;
    top: 22px;
    left: 12px;
    display: inline-block;
    border-left:6px solid #8c8b8b;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
@media (min-width: 500px) {
    .accord-FIRST-label::before {
        display: block;
    }
}

.frage-section-FIRST input[type=radio]:checked ~ .accord-FIRST-label::before {
    transform: rotate(90deg);
}

.accord-FIRST-child {
    height: 0;
    margin: 0;
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: center top;
    overflow: hidden;
}

.frage-section-FIRST input[type=radio]:checked ~ .accord-FIRST-child {
    border: 1px solid #4a013a;
    margin: 0 -5px 15px -5px;
    background-color: var(--accent-color-1);
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
    padding: 30px;
    height: auto;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    opacity: 1;
    transform: scale(1, 1);
}
@media (min-width: 500px) {
    .frage-section-FIRST input[type=radio]:checked ~ .accord-FIRST-child {
        margin: 0 -20px 15px -20px;
    }
}

.frage-section-FIRST input[type=radio]:checked ~ .accord-FIRST-child p {
    margin-block: 0;
}

.accord-wrapper-FIRST {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 480px) {
    .accord-wrapper-FIRST {
        max-width: 430px;
    }
}

@media screen and (min-width: 575px) {
    .accord-wrapper-FIRST {
        max-width: 520px;
    }
}



.benef-FIRST.bottom {
    padding-block: 30px;
}

.benef-FIRST.bottom .benef-icon-FIRST {
    width: calc(55px + 30px); 
    height: calc(55px + 30px);
}






.footer-flex-FIRST {
    display: flex;
    flex-direction: column;
    gap: var(--space-20);

}
.footer-flex-FIRST a {
    text-decoration: none;
}
.discl-FIRST h3 {
    margin-block: 0 10px;
    color: white;
    text-transform: uppercase;
}
@media (min-width: 550px) {
    .discl-FIRST h3 {
        text-transform: uppercase;
    }
}
.discl-FIRST {
    margin-block: var(--space-20);
    cursor: default;
    display: grid;
    gap: var(--space10-15);
    text-align: center;
    padding: 14px;
    background-color: var(--accent-color-1);
    font-size: 14px;
    letter-spacing: 1px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px; 
    color: white;
    width: 90%;
    margin-inline: auto;
}
    
@media (min-width: 600px) {
    .discl-FIRST {
        padding: var(--space-30);
        font-size: var(--font18-22);
        text-transform: uppercase;
    }
}
.discl-pic-FIRST {
    width: 67px;
    height: 67px;
    margin-inline: auto;
    margin-top: var(--space10-15);
}
.discl-pic-FIRST img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-cont-row-FIRST {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 15px;
    gap: 18px;
}
.footer-cont-row-FIRST.border-bottom {
    border-bottom: 1px solid white;
}
@media (min-width: 768px) {
    .footer-cont-row-FIRST {
        flex-direction: row;
        justify-content: space-between;
        padding-block: 12px;
    }
}
@media (min-width: 992px) {
    .footer-cont-row-FIRST {
        flex-direction: row;
        justify-content: space-between;
    }
}
.footer-logo-FIRST {
    display: none;
    font-size: 23px;
    margin-bottom: 0;
    color: white;
}
@media (min-width: 992px) {
    .footer-logo-FIRST {
        display: block;
    }
}
.footer-menu-list-FIRST {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
@media (min-width: 768px) {
    .footer-menu-list-FIRST {
        flex-direction: row;
        width: max-content;
    }
}
.footer-menu-link-FIRST {
    color: white;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
}


.contacts-list-FIRST {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.contacts-link-icon-FIRST {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff7a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contacts-link-icon-FIRST svg {
    width: 20px;
    height: 20px;
    fill: white;
    transition: var(--transition-linear);
}
.contacts-link-icon-FIRST:hover svg {
    fill: var(--accent-color-1);
}


.footer-privacy-FIRST {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    padding-block: var(--space-30);
    text-align: center;
}
.footer-privacy-FIRST a {
    color: white;
    line-height: 1.5em;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
}
.footer-copyright-FIRST {
    text-align: center;
    line-height: 1.4em;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1.1px;
    color: white;
}
.footer-copyright-FIRST a {
    line-height: 1.5em;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: white;
    text-underline-offset: 5px;
}





.main-page-FIRST {
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-36881044bdb9aa.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    padding-block: var(--space40-50);
}
.main-page-FIRST h1 {
    margin-bottom: var(--space40-50);
    font-size: 1.8em;
    text-align: center;
    text-wrap: pretty;
}
.main-page-flex-FIRST {
    display: flex;
    flex-direction: column;
    gap: 60px;
}


.main-page-img-FIRST {
    width: 100%;
    height: 375px;
    overflow: hidden;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .main-page-FIRST.float-none .main-page-img-FIRST {
        width: 100%;
        height: 528px;
        margin-inline: auto;
        position: relative;
    }

    .main-page-FIRST.float-none .main-page-img-FIRST::before {
        content: "";
        position: absolute;
        top: calc(0px * 100);
        left: 15px;
        width: 150px;
        height: 150px;
        background-image: url(picgallery/other-dir/rings-06881044bdbe4f.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .main-page-FIRST.float-none .main-page-img-FIRST::after {
        content: "";
        position: absolute;
        bottom: calc(0px * 100);
        right: 15px;
        width: 150px;
        height: 150px;
        background-image: url(picgallery/other-dir/rings-16881044bdbe92.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
@media (min-width: 768px) {
    .main-page-FIRST.float-start .main-page-img-FIRST,
    .main-page-FIRST.float-end .main-page-img-FIRST {
        width: 55%;
        height: 354px;
    }

    .main-page-FIRST.float-end .main-page-img-FIRST {
        float: right;
        margin-left: var(--space-20);
    }
    .main-page-FIRST.float-start .main-page-img-FIRST {
        float: left;
        margin-right: var(--space-20);
    }
}
@media (min-width: 992px) {
    .main-page-FIRST.float-start .main-page-img-FIRST,
    .main-page-FIRST.float-end .main-page-img-FIRST {
        width: 60%;
        height: 528px;
    }
    .main-page-FIRST.float-end .main-page-img-FIRST {
        margin-left: var(--space-30);
    }
    .main-page-FIRST.float-start .main-page-img-FIRST {
        margin-right: var(--space-30);
    }
}
.main-page-img-FIRST img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-inline: auto;
}

.main-page-video-FIRST {
    width: 100%;
    height: 100vh;
    padding: 24px 0;
    margin-inline: auto;
}
.main-page-video-FIRST1 {
    width: 100%;
    height: 100%;
    padding: 24px 0;
    margin-inline: auto;
}
@media (min-width: 992px) {
    .main-page-img-FIRST.border-12 img {
        border: 8px solid var(--section-bg-2);
        padding: 5px;
    }
    .main-page-FIRST.float-none .main-page-img-FIRST img {
        width: 67%;
        margin-inline: auto;
    }
    .main-page-video-FIRST {
        height: calc(134px + 400px);
    }
    .main-page-video-FIRST.border-12 {
        border: 8px solid var(--section-bg-2);
        padding: var(--space5-10);
    }
}

.main-page-video-FIRST1 iframe {
    width: 100%;
    height: 100vh;
}


.privacy-FIRST{
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-36881044bdb9aa.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    padding-block: 56px;
}

.privacy-FIRST li {
    margin:  6px;
}






.erfarung-grid-FIRST {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-30);
    padding-block: 100px 50px;
}
@media (min-width: 580px) {
    .erfarung-grid-FIRST {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 992px) {
    .erfarung-grid-FIRST {
        width: 60%;
        margin-inline: auto;
    }
}

.erfarung-item-FIRST {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 25px 10px;
    background-color: var(--accent-color-1);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    gap: 15px;
}
@media (min-width: 992px) {
    .erfarung-item-FIRST {
        flex-direction: row;
        justify-content: flex-start;
    }
}

.erfarung-avatar-FIRST {
    width: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    margin-inline: auto;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}
.erfarung-avatar-FIRST img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.erfarung-textblock-FIRST {
    display: grid;
    gap: 5px;
    text-align: center;
    margin: 0;
}
.erfarung-name-FIRST {
    font-size: 19px;
    letter-spacing: 0.9px;
    margin-block: 0;
    text-transform: uppercase;
}



.contacts-page-FIRST{
    overflow: hidden;
    width: 100%;
    padding-block: 50px 80px;
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-36881044bdb9aa.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    overflow: hidden;
}
.contacts-page-FIRST h2 {
    width: 100%;
    padding-block: 15px;
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 30px;
    margin-inline: auto;
    text-transform: uppercase;
    margin-top: 0;
}
@media (min-width: 600px) {
    .contacts-page-FIRST h2 {
        font-size: 1.8rem;
    }
}
@media (min-width: 768px){
    .contacts-page-FIRST h2 {
        width: calc(60% + 20%);
    }
}
.contacts-page-FIRST .form-FIRST {
    flex: 1;
    padding: 25px;
}


.contacts-page-column,
.contacts-page-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-inline: auto;
}
@media (min-width: 768px) {
    .contacts-page-column,
    .contacts-page-column-reverse {
        width: 60%;
        padding: 10px;
    }
}
@media (min-width: 992px) {
    .contacts-page-row{
        flex-direction: row;
    } 
}

.contats-block-FIRST {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-size: 18px;
    gap: 18px;
    flex: 1;
    text-align: center;
}
@media (min-width: 768px) {
    .contats-block-FIRST {
        padding: 15px;
        font-size: 22px;
    }
}



.section-about-FIRST {
    width: 100%;
    background-image: linear-gradient(rgb(9 9 9 / 84%), #070109), url(picgallery/background/bg-dark-36881044bdb9aa.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    padding-block: 56px;
    overflow: hidden;
}
.section-about-titel-FIRST {
    font-size: 1.8em;
    text-align: center;
    text-wrap: pretty;
    margin-top: 0;
    margin-bottom: var(--space40-50);
}
@media (min-width: 600px) {
    .section-about-titel-FIRST {
        font-size: 2.5em;
    }
}

.section-about-pic-FIRST {
    width: 280px;
    height: 250px;
    margin-inline: auto;
    margin-bottom: var(--space-30)
}
.section-about-pic-FIRST img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 300px;
}
@media (min-width: 768px) {
    .section-about-pic-FIRST {
        width: 262px;
        float: left;
        margin-inline: var(--space40-50);
        margin-bottom: var(--spsce-10-15);
    }
}

.profits-grid-FIRST {
    display: grid;  
    grid-template-columns: 1fr;
    justify-items: center;
    padding-block: var(--space40-50);
    gap: var(--space-30);
    clear: both;
}

@media (min-width: 700px) {
    .profits-grid-FIRST{
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space40-50);
    }
}
.profits-item-FIRST {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (min-width: 992px) {
    .profits-item-FIRST.row {
        flex-direction: row;
        align-items: center;
    }
}

.profits-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: var(--space5-10);
}
.profits-icon img {
    width: 60px;
    aspect-ratio: 1/1;
    object-fit: contain;
}
@media (min-width: 700px) {
    .profits-icon img {
        width: 80px;
    }
}
.profits-item-FIRST p {
    margin-block: 0;
    text-align: center;
}

@media (min-width: 550px) {
    .profits-item-FIRST p {
        padding-inline: 89px;
        text-align: center;
    }
}
@media (min-width: 700px) {
    .profits-item-FIRST p {
        padding-inline: 10px;
        text-align: start;
    }
}

@media (min-width: 992px) {
    .profits-grid-FIRST:has(.profits-item-FIRST.row) {
        width: 643px;
        margin-inline: auto;
        grid-template-columns: 1fr;
        justify-items: start;
    }
    .profits-item-FIRST.row {
        gap: 15px;
    }
    .profits-item-FIRST.row:nth-child(2n) {
        margin-left: 00px;
    }
    .profits-item-FIRST p {
        padding-inline: 56px;
    }
    .profits-item-FIRST.row p {
        padding-inline: 0;
        text-align: left;
    }
    .profits-item-FIRST.row .profits-icon {
        width: 55px;
        padding-block: 0;
        flex-shrink: 0;
    }
}