body {
    margin: 0;
    line-height: normal;
}

.main-1,
.main-2-icon,
.main-full-1 {
    position: absolute;
    left: 0;
    width: 1440px;
}

.main-1 {
    top: -20px;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0), #0d0d0d);
    height: 1080px;
}

.main-2-icon,
.main-full-1 {
    object-fit: cover;
}

.main-2-icon {
    top: -100px;
    height: 1010px;
    display: none;
}

.main-full-1 {
    top: 0;
    height: 1098px;
}

.div,
.div1 {
    line-height: 90%;
}

.div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 244px;
    font-weight: 500;
    font-size: 14px;
}

.div1 {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}

.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    gap: var(--gap-xl);
}

.b {
    position: relative;
    line-height: 90%;
}

.main-menu-2 {
    display: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-xl);
    font-size: var(--font-size-lg);
    font-family: var(--font-bebas-neue);
}

.vector-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.frame-child,
.frame-inner,
.frame-item {
    position: absolute;
    height: 4.76%;
    width: 76.19%;
    top: 28.57%;
    right: 11.9%;
    bottom: 66.67%;
    left: 11.9%;
    background-color: var(--color-white);
}

.frame-inner,
.frame-item {
    top: 66.67%;
    bottom: 28.57%;
}

.frame-inner {
    width: 57.14%;
    top: 47.62%;
    bottom: 47.62%;
    left: 30.95%;
}

.frame {
    position: relative;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    overflow: hidden;
}

.main-menu-parent {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap-2xl);
    font-size: var(--font-size-sm);
}

.logo-icon {
    position: absolute;
    top: 3px;
    left: 0;
    width: 144px;
    height: 36px;
    object-fit: cover;
}

.header {
    position: absolute;
    top: 20px;
    left: 75px;
    width: 1290px;
    height: 42px;
    font-size: var(--font-size-base);
    font-family: var(--font-manrope);
}

.b3,
.honey-bunny {
    position: absolute;
    left: 255px;
    line-height: 90%;
}

.honey-bunny {
    top: 373px;
    font-size: var(--font-size-6xl);
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.b3 {
    top: 321px;
    font-size: var(--font-size-2xl);
    text-align: left;
}

.frame-icon {
    position: relative;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.parent {
  position: absolute;
  top: 757px;
  left: 75px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  /* gap: var(--gap-sm); */ /* Закомментированная строка */
  text-align: left;
}

.scroll {
    position: relative;
    line-height: 90%;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}

.button-scroll-child {
    position: relative;
    border-right: 1px solid var(--color-white);
    box-sizing: border-box;
    width: 1px;
    height: 41px;
    flex-shrink: 0;
    opacity: 0.25;
    margin-left: -26px;
}

.button-scroll,
.button-showreel {
    position: absolute;
    top: 799px;
    left: 1307px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-sm);
    text-align: right;
}

.button-showreel {
    top: 571px;
    left: 998px;
    flex-direction: row;
    gap: var(--gap-md);
}

.main {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 900px;
    text-align: center;
    font-size: var(--font-size-lg);
    font-family: var(--font-bebas-neue);
}

.lorem-ipsum-is {
    position: absolute;
    top: 63px;
    left: 52px;
    font-size: var(--font-size-3xl);
    line-height: 110%;
    font-weight: 500;
    display: inline-block;
    width: 630px;
}

.div6,
.div7 {
    position: relative;
    font-weight: 500;
}

.div6 {
    line-height: 160%;
    opacity: 0.35;
}

.div7 {
    line-height: 90%;
}

.div7::before {
    content: attr(data-exponent);
    font-size: 10px;
    position: absolute;
    top: -4px;
    right: -6px;
}

.div5 {
    top: 63px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-xs);
    text-align: right;
}

.div11,
.div5,
.div8 {
    position: absolute;
}

.div8 {
    top: 153px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-xs);
    text-align: right;
}

.div11 {
    top: 8px;
    left: 52px;
    font-size: var(--font-size-sm);
    letter-spacing: 0.6em;
    line-height: 110%;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.35;
}

.text-about-club-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.text-about-club {
    position: absolute;
    top: 1180px;
    left: 133px;
    width: 1122px;
    height: 267px;
}

.tarik-keskin-c45bba17037327-56-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 756px;
    height: 880px;
    object-fit: cover;
}

.p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.vip-1 {
    margin: 0;

}

.div12,
.vip- {
    position: absolute;
    left: 645px;
}

.vip- {
    top: 232px;
    line-height: 90%;
    display: inline-block;
    font-family: var(--font-bebas-neue);
    width: 645px;
    overflow: visible;
}

.vip->p {
    overflow: visible;
}

.vip->p:first-child {
    padding-top: 20px;

}

.div12 {
    top: 188px;
    font-size: var(--font-size-sm);
    letter-spacing: 0.6em;
    line-height: 110%;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.35;
}

.interior-child {
    position: absolute;
    top: 180px;
    left: 593px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.tarik-keskin-de1daa17037327-56-icon {
    position: absolute;
    top: 1120px;
    left: 550px;
    width: 740px;
    height: 520px;
    object-fit: cover;
}

.lorem-ipsum-is1,
.lorem-ipsum-is2 {
    position: absolute;
    top: 1260px;
    left: 0;
    font-size: var(--font-size-3xl);
    line-height: 110%;
    font-weight: 500;
    display: inline-block;
    width: 510px;
}

.lorem-ipsum-is2 {
    top: 1412px;
    font-size: var(--font-size-base);
    line-height: 160%;
    opacity: 0.35;
}

.group {
    top: 1566px;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-sm);
    font-size: var(--font-size-lg);
    font-family: var(--font-bebas-neue);
}

.b6,
.group,
.interior {
    position: absolute;
}

.interior {
    top: 3110px;
    left: 75px;
    width: 1290px;
    height: 1666px;
    font-size: var(--font-size-4xl);
}

.b6 {
    top: 393px;
    left: 303px;
    font-size: var(--font-size-6xl);
    line-height: 90%;
    font-family: var(--font-bebas-neue);
    text-align: center;
}

.phone_mask {
    font-family: var(--font-manrope) !important;
    z-index: 2;
}

.phone_mask::placeholder {
    color: transparent;
}

.home_btn {

    font-size: var(--font-size-base);
    color: #fff;
}

.bg-404 {
    position: absolute;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: -20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    background: black;
    overflow: hidden;
}

body {
    min-height: calc(100vh - 35px);
}

.text-404 {
    width: 262px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 234px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.text-404-1,
.text-404-2,
.text-404-3 {
    width: 100%;
}

.text-404-1 {
    margin-bottom: 20px;


    font-family: var(--font-bebas-neue);
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 90%;
    text-align: left;


}

.text-404-2 {
    font-family: var(--font-bebas-neue);
    font-style: normal;
    font-weight: 500;
    font-size: 220px;
    line-height: 90%;
    /* identical to box height, or 198px */
    text-align: center;
    color: #FFFFFF;



}

.text-404-3 {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    /* or 13px */
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;


}

.home_btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    display: flex;
    flex-direction: column;

    font-family: var(--font-bebas-neue);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 90%;

    color: #FFFFFF;
    align-items: center;

    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 2;

}

.home_btn svg {
    margin-bottom: 20px;
}

.bg-404 img {
    height: 100%;
}

.text-404 {
    color: #fff;

    font-size: var(--font-size-base);
}

.text-404-3 {
    font-family: var(--font-manrope);
}

.home_btn+.footer {
    display: none;
}

.placeholder-text {
    display: block;

    width: 100%;

    position: absolute;
    left: 2px;
    top: 26px;
    font-size: 16px;
    bottom: 0;
    cursor: text;
    user-select: none;
    font-family: var(--font-manrope) !important;
    pointer-events: none;
    z-index: 1;
    color: rgba(255, 255, 255, 1)
}

.placeholder-text span {
    opacity: .05;
}

.phone_mask:focus+.placeholder-text,
.phone_mask:hover+.placeholder-text {
    display: none;
}

.b6_chrome {
    -webkit-text-stroke: transparent !important;
}

.angel {
    position: relative;
    line-height: 160%;
    font-weight: 500;
    transform: rotate(180deg);
    transform-origin: 0 0;
    opacity: 0.35;
}

.frame-icon1 {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    overflow: hidden;
}

.arrow-prev,
.arrow-prev1 {
    position: absolute;
    top: 461px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-xs);
    transform: rotate(180deg);
    transform-origin: 0 0;
}

.arrow-prev {
    left: 78px;
}

.arrow-prev1 {
    right: -71px;
    text-align: right;
}

.icon,
.icon1 {
    position: absolute;
    top: 0;
    left: 220px;
    width: 520px;
    height: 947px;
    object-fit: cover;
}

.icon1 {
    top: 209px;
    left: 854px;
    width: 348px;
    height: 626px;
}

.dinara,
.frame-parent {
    position: absolute;
    font-family: var(--font-bebas-neue);
}

.dinara {
    top: 641px;
    left: 220px;
    font-size: var(--font-size-4xl);
    line-height: 90%;
}

.div14,
.div17,
.div20,
.div23 {
    cursor: pointer;
}

.frame-parent {
    top: 947px;
    right: 545px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-lg);
    font-size: var(--font-size-lg);
}

.lorem-ipsum-is3,
.show-manager {
    position: absolute;
    font-weight: 500;
}

.lorem-ipsum-is3 {
    top: 1027px;
    left: 660px;
    line-height: 160%;
    display: none;
    width: 410px;
    opacity: 0.35;
}

.show-manager {
    top: 749px;
    left: 220px;
    line-height: 110%;
    text-transform: uppercase;
}

.girls {
    position: absolute;
    top: 1727px;
    left: 75px;
    width: 1290px;
    height: 1103px;
}

.div13 {
    position: relative;
    line-height: 90%;
    font-weight: 500;
}

.frame-icon3 {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    overflow: hidden;
}

.container {
    position: absolute;
    top: 3098px;
    left: 546px;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-2xs);
    color: var(--color-gray-400);
    font-family: var(--font-work-sans);
}

.button-icon1 {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 36px);
    width: 100px;
    height: 100px;
    display: none;
}

.b8,
.b9 {
    position: absolute;
    bottom: -78px;
    left: 20px;
    line-height: 90%;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}

.b9 {
    bottom: 12px;
    left: 118px;
    font-size: var(--font-size-xl);
}

.en-1-1-parent {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 534px;
    overflow: hidden;
    font-size: var(--font-size-4xl);
}

.play-with-me {
    position: absolute;
    top: 620px;
    left: 0;
    font-size: var(--font-size-3xl);
    line-height: 90%;
}

.div15 {
    position: relative;
    line-height: 90%;
    font-weight: 600;
}

.div16,
.wrapper {
    left: 0;
    font-family: var(--font-manrope);
    text-align: right;
}


.div16 {
    top: 666px;
    line-height: 90%;
    font-weight: 500;
    opacity: 0.5;
}

.div14,
.div16,
.div19 {
    position: absolute;
}

.div14 {
    top: 368px;
    left: 330px;
    width: 300px;
    height: 679px;
}

.div19 {
    top: 666px;
    left: 0;
    line-height: 90%;
    font-weight: 500;
    font-family: var(--font-manrope);
    opacity: 0.5;
}

.div17 {
    top: 368px;
    width: 300px;
    height: 679px;
}

.div17,
.en-1-12,
.pro {
    position: absolute;
    left: 0;
}

.en-1-12 {
    top: 0;
    width: 357px;
    height: 534px;
    object-fit: cover;
}

.pro {
    top: 620px;
    font-size: var(--font-size-3xl);
    line-height: 90%;
    -webkit-text-stroke: 1px #fff;
    opacity: 0.1;
}

.div22,
.wrapper1 {
    left: 0;
    font-family: var(--font-manrope);
}

.wrapper1 {
    position: absolute;
    top: 574px;
    border-radius: var(--br-md);
    border: 1px solid var(--color-gray-300);
    display: flex;
    flex-direction: row;
    padding: var(--padding-sm) var(--padding-lg) var(--padding-md);
    align-items: flex-start;
    justify-content: flex-start;
    text-align: right;
}

.div22 {
    top: 666px;
    line-height: 90%;
    font-weight: 500;
    opacity: 0.1;
}

.b16,
.div20,
.div22 {
    position: absolute;
}

.div20 {
    top: 368px;
    left: 660px;
    width: 300px;
    height: 679px;
}

.b16 {
    top: 620px;
    left: 0;
    font-size: var(--font-size-3xl);
    line-height: 90%;
    opacity: 0.1;
}

.div23,
.party-child {
    position: absolute;
    top: 368px;
    left: 990px;
    width: 300px;
    height: 679px;
}

.party-child {
    top: 1090px;
    left: 1189px;
    width: 36px;
    height: 36px;
    opacity: 0.25;
}

.div26,
.div27,
.div28 {
    position: absolute;
    top: 1101px;
    font-size: var(--font-size-base);
    line-height: 90%;
    font-weight: 500;
    font-family: var(--font-work-sans);
    text-align: center;
}

.div26 {
    left: 1240px;
    opacity: 0.35;
}

.div27,
.div28 {
    left: 1203px;
}

.div28 {
    left: 1280px;
    opacity: 0.35;
}

.div29,
.lorem-ipsum-is4 {
    position: absolute;
    left: 205px;
}

.lorem-ipsum-is4 {
    top: 52px;
    font-size: var(--font-size-4xl);
    line-height: 90%;
    display: inline-block;
    width: 645px;
}

.div29 {
    top: 8px;
    letter-spacing: 0.6em;
    line-height: 110%;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--font-manrope);
    opacity: 0.35;
}

.party-item {
    position: absolute;
    top: 0;
    left: 153px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.party-inner {
    position: absolute;
    top: 1108.5px;
    left: -0.5px;
    border-top: 1px solid var(--color-white);
    box-sizing: border-box;
    width: 1164px;
    height: 1px;
    opacity: 0.25;
}

.lorem-ipsum-has,
.party {
    position: absolute;
    font-family: var(--font-bebas-neue);
}

.party {
    top: 5156px;
    left: 75px;
    width: 1290px;
    height: 1126px;
    font-size: var(--font-size-sm);
}

.lorem-ipsum-has {
    top: 0;
    left: 0;
    font-size: var(--font-size-6xl);
    line-height: 118%;
    display: inline-block;
}

.form-child,
.form-inner,
.form-item,
.line-div {
    position: absolute;
    top: 749.5px;
    left: -0.5px;
    border-top: 1px solid var(--color-white);
    box-sizing: border-box;
    width: 521px;
    height: 1px;
    opacity: 0.25;
}

.form-inner,
.form-item,
.line-div {
    top: 838.5px;
}

.form-inner,
.line-div {
    left: 549.5px;
}

.line-div {
    top: 749.5px;
}

.div30,
.div31,
.div32 {
    position: absolute;
    left: 0;
    line-height: 90%;
    font-weight: 500;
}

.div30 {
    top: 711px;
    color: var(--color-gray-400);
}

.div31,
.div32 {
    top: 800px;
}

.div32 {
    left: 550px;
}

.frame-icon4,
.frame-icon5 {
    position: absolute;
    top: 795px;
    left: 496px;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.frame-icon5 {
    left: 1046px;
}

.div33 {
    position: absolute;
    top: 711px;
    left: 550px;
    line-height: 90%;
    font-weight: 500;
    color: var(--color-gray-400);
}

.frame-child3 {
    position: relative;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.parent1 {
    position: absolute;
    top: 879px;
    left: 930px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-sm);
    font-size: var(--font-size-sm);
    font-family: var(--font-bebas-neue);
}

.frame-icon6 {
    position: absolute;
    top: 906px;
    left: 0;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

.span {
    color: var(--color-gray-400);
}

.div34,
.form {
    position: absolute;
}

.div34 {
    top: 904px;
    left: 28px;
    font-size: var(--font-size-xs);
    line-height: 160%;
    font-weight: 500;
    font-family: var(--font-manrope);
    color: var(--color-gray-500);
}

.form {
    top: 6662px;
    left: 185px;
    width: 1070px;
    height: 949px;
    font-family: var(--font-manrope);
}

.lorem-ipsum-is5 {
    position: absolute;
    top: 7691px;
    left: 75px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 1290px;
    opacity: 0.35;
}

.footer-child {
    position: absolute;
    top: -0.5px;
    left: 74.5px;
    border-top: 1px solid var(--color-white);
    box-sizing: border-box;
    width: 1291px;
    height: 1px;
    opacity: 0.25;
}

.main-menu1,
.parent2 {
    position: absolute;
    display: flex;
    flex-direction: row;
}

.parent2 {
    top: 20px;
    right: 75px;
    align-items: center;
    justify-content: center;
    gap: var(--gap-sm);
    font-size: var(--font-size-lg);
    color: var(--color-white);
    font-family: var(--font-bebas-neue);
}

.main-menu1 {
    top: 64px;
    left: 75px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-lg);
    text-align: center;
    color: var(--color-gray-400);
    font-family: var(--font-manrope);
}

.honey-bunny1 {
    top: 200px;
    left: 75px;
    line-height: 110%;
}

.div42,
.footer,
.honey-bunny1 {
    position: absolute;
}

.div42 {
    top: 200px;
    left: 1143px;
    line-height: 110%;
}

.footer {
    top: 8213px;
    left: 0;
    width: 1440px;
    height: 245px;
    font-size: var(--font-size-sm);
    color: var(--color-gray-500);
    font-family: var(--font-work-sans);
}

.main-page {
    position: relative;
    background-color: var(--color-gray-200);
    width: 100%;
    height: 7758px;
    overflow: hidden;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-family: var(--font-manrope);
}