/* 默认大屏 */


.desktop-win-child {
    position: absolute;
    top: 7595px;
    right: -1189px;
    filter: blur(515.17px);
    border-radius: 50%;
    background-color: #718e01;
    width: 878px;
    height: 823px;
    transform: rotate(90deg);
    transform-origin: 0 0;
    opacity: 0.59;
}

.desktop-win-item {
    position: absolute;
    top: 6376px;
    left: 384.68px;
    filter: blur(515.17px);
    border-radius: 50%;
    background-color: #718e01;
    width: 566.7px;
    height: 566.7px;
    transform: rotate(90deg);
    transform-origin: 0 0;
    opacity: 0.59;
}

.desktop-win-inner {
    position: absolute;
    top: 100px;
    left: 461px;
    width: 1346.6px;
    height: 1196.3px;
    object-fit: cover;
}

.rectangle-div {
    position: absolute;
    width: calc(100% + 4px);
    top: 0px;
    right: -3px;
    left: -1px;
    backdrop-filter: blur(35.1px);
    background-color: rgba(135, 135, 135, 0.07);
    height: 116px;
}

.group-child {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 31.55px;
    background-color: #000;
    border: 0.9px solid #d6ff37;
    box-sizing: border-box;
    width: 142px;
    height: 59px;
}

.try-ciney {
    position: absolute;
    top: 17px;
    left: 29px;
    letter-spacing: -0.04em;
    line-height: 110%;
    font-weight: 500;
}

.rectangle-parent {
    position: absolute;
    top: 21px;
    right: 88px;
    width: 142px;
    height: 59px;
    font-size: 20px;
}

.about-us1 {
    position: absolute;
    top: 0%;
    left: 0%;
    letter-spacing: -0.04em;
    line-height: 110%;
    font-weight: 500;
}

.about-us {
    position: absolute;
    top: 41px;
    left: 1502px;
    width: 83px;
    height: 22px;
    font-size: 20px;
    color: #878787;
}

.home {
    position: absolute;
    top: 41px;
    left: 960px;
    width: 54px;
    height: 22px;
    font-size: 20px;
    color: #878787;
}

.media-kit {
    position: absolute;
    top: 41px;
    left: 1216px;
    width: 84px;
    height: 22px;
    font-size: 20px;
    color: #878787;
}

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

.logo-name-icon {
    position: absolute;
    height: 78.45%;
    width: 64.08%;
    top: 13.57%;
    right: -0.01%;
    bottom: 7.98%;
    left: 35.92%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.logo-name {
    position: absolute;
    height: 0.61%;
    width: 9.95%;
    top: 0.41%;
    right: 85.52%;
    bottom: 98.98%;
    left: 4.53%;
}

.cinematic-vfx-for {
    margin: 0;
}

.cinematic-vfx-for-container {
    position: absolute;
    top: 2.55%;
    left: 92px;
    font-size: 76.62px;
    letter-spacing: 3.6px;
    line-height: 91.1px;
    text-transform: capitalize;
    display: inline-block;
    background: linear-gradient(180deg, #d6ff37, #fff600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 912.3px;
    text-shadow: 25.17937469482422px 14.388213157653809px 37.9px rgba(0, 0, 0, 0.32);
}

.welcome-to-the-container {
    position: absolute;
    top: 453.03px;
    left: 97.23px;
    font-size: 33.75px;
    line-height: 128%;
    font-family: Epilogue;
    display: inline-block;
    width: 658.1px;
}

.group-item {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    border-radius: 17px;
    background-color: #d6ff37;
    border: 1.5px solid #d6ff37;
    box-sizing: border-box;
}

.ios-download {
    position: absolute;
    height: 34.83%;
    width: 57.34%;
    top: 32.58%;
    left: 18.56%;
    letter-spacing: -0.04em;
    line-height: 110%;
    font-weight: 600;
    display: inline-block;
}

.image-3-icon {
    position: absolute;
    height: 33.71%;
    width: 7.2%;
    top: 33.71%;
    right: 85.87%;
    bottom: 32.58%;
    left: 6.93%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.group-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
}

.instance-child {
    position: absolute;
    height: 26.97%;
    width: 6.65%;
    top: 38.2%;
    right: 6.37%;
    bottom: 34.83%;
    left: 86.98%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent {
    position: absolute;
    top: 598px;
    left: 90px;
    width: 361px;
    height: 89px;
    font-size: 32px;
    color: #0d0d0d;
}

.instance-item {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    backdrop-filter: blur(14.1px);
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.41);
    border: 1px solid #7d9a0b;
    box-sizing: border-box;
}

.image-46-icon {
    position: absolute;
    width: 89.77%;
    top: 0px;
    right: 5.12%;
    left: 5.12%;
    border-radius: 12px;
    max-width: 100%;
    overflow: hidden;
    height: 193px;
    object-fit: cover;
}

.scan-to-download {
    position: absolute;
    width: 100%;
    top: 83.97%;
    left: 0%;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
}

.image-46-parent {
    position: absolute;
    width: 59.56%;
    top: 24px;
    right: 20.22%;
    left: 20.22%;
    height: 237px;
}

.rectangle-container {
    display: none;
    position: absolute;
    top: 703px;
    left: 91px;
    width: 361px;
    height: 276px;
    font-size: 24px;
    color: #e6e6eb;
}

.group-inner {
    position: absolute;
    top: 0px;
    left: calc(50% - 98px);
    box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
    border-radius: 36.5px;
    background-color: #000;
    border: 0.5px solid #d6ff37;
    box-sizing: border-box;
    width: 196px;
    height: 64px;
}

.about-ciney {
    position: absolute;
    top: 14px;
    left: 32px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 152px;
}

.group-div {
    position: absolute;
    top: 1130px;
    left: calc(50% - 152px);
    width: 196px;
    height: 64px;
    font-size: 24px;
    color: #e6e6eb;
}

.hollywood-in-your {
    position: absolute;
    height: 48.95%;
    width: 99.57%;
    top: 51.06%;
    left: 0.43%;
    line-height: 160%;
    display: inline-block;
    font-weight: 600;
}

.ciney {
    position: absolute;
    height: 51.63%;
    width: 36.77%;
    top: 0%;
    left: 0%;
    font-size: 85.08px;
    line-height: 160%;
    display: flex;
    font-weight: 800;
    color: #d6ff37;
    align-items: center;
}

.hollywood-in-your-pocket-parent {
    position: absolute;
    height: 100%;
    width: 76.48%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 23.52%;
}

.instance-inner {
    position: absolute;
    height: 95.34%;
    width: 17.9%;
    top: 2.33%;
    right: 82.1%;
    bottom: 2.33%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-container {
    position: absolute;
    top: 1306px;
    left: 568px;
    width: 914px;
    height: 171.6px;
    font-size: 53.11px;
}

.image-5-2 {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    height: 247.2px;
    object-fit: contain;
}

.image-5-2-wrapper {
    position: absolute;
    width: 36.86%;
    top: 398px;
    right: 60.31%;
    left: 2.83%;
    filter: blur(2.8px);
    height: 247.2px;
}

.group-icon {
    position: absolute;
    width: 17.39%;
    top: 0px;
    right: 0.59%;
    left: 82.01%;
    max-width: 100%;
    overflow: hidden;
    height: 128.5px;
    object-fit: contain;
}

.image-5-1 {
    position: absolute;
    width: 100%;
    top: 20px;
    right: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    height: 527px;
    object-fit: cover;
}

.group-parent1 {
    position: absolute;
    top: 1577px;
    left: 7px;
    width: 706px;
    height: 645.2px;
}

.ciney-is-a {
    font-weight: 500;
    font-family: Inter;
}

.next-gen-mobile-app1 {
    font-weight: 800;
    font-family: Inter;
}

.next-gen-mobile-app {
    color: #d6ff37;
}

.that-lets-anyone {
    color: #d8d8d8;
}

.with-just-their {
    font-weight: 500;
}

.let-the-magic {
    font-weight: 800;
    font-family: Inter;
    color: #d6ff37;
}

.ciney-is-a-container {
    position: absolute;
    top: 1714px;
    right: 203.3px;
    font-size: 33.47px;
    line-height: 160%;
    text-transform: capitalize;
    display: inline-block;
    width: 917.7px;
    height: 212px;
    color: #d8d8d8;
}

.group-child1 {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
    border-radius: 36.5px;
    background-color: #000;
    border: 0.5px solid #d6ff37;
    box-sizing: border-box;
    width: 308px;
    height: 64px;
}

.what-can-ciney {
    position: absolute;
    top: 14px;
    left: 39px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 256px;
}

.rectangle-parent1 {
    position: absolute;
    top: 2190px;
    left: 806px;
    width: 308px;
    height: 64px;
    font-size: 24px;
    color: #e6e6eb;
}

.desktop-win-child1 {
    position: absolute;
    height: 3.41%;
    width: 92.88%;
    top: 25.9%;
    right: 4.05%;
    bottom: 70.69%;
    left: 3.07%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.div {
    position: absolute;
    top: 185px;
    left: 0px;
    width: 394.4px;
    height: 854.6px;
}

.div1 {
    position: absolute;
    bottom: 0px;
    left: 460.67px;
    width: 550.1px;
    height: 1192px;
}

.div2 {
    position: absolute;
    top: 185px;
    left: 1096px;
    width: 394.4px;
    height: 854.6px;
}

.parent {
    position: absolute;
    top: 2405px;
    left: 215px;
    width: 1490.4px;
    height: 1192px;
}

.gradient-line {
    width: 100%;
    height: 2px;
    /* 渐变色由中间亮色到两侧透明 */
    background: linear-gradient(to right,
            rgba(214, 255, 55, 0) 0%,
            /* 左侧透明 */
            #d6ff37 30%,
            /* 渐变到主色 */
            #d6ff37 70%,
            /* 主色 */
            rgba(214, 255, 55, 0) 100%
            /* 右侧透明 */
        );
}

.desktop-win-child2 {
    position: absolute;
    top: 3660.78px;
    left: calc(50% - 915px);
    backdrop-filter: blur(34.73px);
    background-color: rgba(0, 0, 0, 0.07);
    /* border: 4px solid #64761e; */
    box-sizing: border-box;
    width: 1824px;
    height: 892.4px;
}

/* 滑动卡片区域建议这样写 */
.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 24px;
    padding: 70px 0px 70px 0px;
    /* 上下左右留点空 */
    scroll-snap-type: x mandatory;
    background: transparent;
    /* 调试时可设为 #222 */

    box-sizing: border-box;
    position: relative;
    /* 保证不是 absolute */
    z-index: 1;
}

.card-custom {
    flex: 0 0 424.7px;
    height: 755px;
    /* 这里可以自定义高度 */
    background: #1b1b1b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    scroll-snap-align: start;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

.card-custom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}



.group {
    position: absolute;
    top: 3728.74px;
    left: -297px;
    width: 2670px;
    height: 756.1px;
}

.group-child2 {
    position: absolute;
    top: 1027.61px;
    right: -634.1px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0), #000);
    width: 634.1px;
    height: 1027.6px;
    transform: rotate(-180deg);
    transform-origin: 0 0;
}

.group-child3 {
    position: absolute;
    top: 11.39px;
    left: 0px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0), #000);
    width: 634.1px;
    height: 1027.6px;
}

.rectangle-parent2 {
    position: absolute;
    top: 3597px;
    right: -3px;
    width: 1934px;
    height: 1039px;
}

.group-child4 {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
    border-radius: 36.5px;
    background-color: #000;
    border: 1px solid #d6ff37;
    box-sizing: border-box;
    width: 115px;
    height: 64px;
}

.work {
    position: absolute;
    top: 14px;
    left: 29px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 61px;
}

.rectangle-parent3 {
    position: absolute;
    top: 4700px;
    left: 903px;
    width: 115px;
    height: 64px;
    font-size: 24px;
    color: #e6e6eb;
}

.our-design-approach {
    position: absolute;
    top: 4996.33px;
    left: 88px;
    font-size: 20px;
    line-height: 160%;
    font-family: Epilogue;
    color: #e6e6eb;
    display: inline-block;
    width: 846px;
    height: 110px;
}

.featured-projects {
    position: absolute;
    top: 0px;
    left: 50px;
    line-height: 160%;
    font-weight: 700;
}

.group-child5 {
    position: absolute;
    top: 40.33px;
    left: 0px;
    background-color: #d6ff37;
    width: 21px;
    height: 67px;
}

.featured-projects-parent {
    position: absolute;
    top: 4828px;
    left: 88px;
    width: 847px;
    height: 148px;
    font-size: 92.28px;
}

.group-child6 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 53.92px;
    background-color: #000;
    border: 2.8px solid #d6ff37;
    box-sizing: border-box;
    width: 817.3px;
    height: 318.8px;
}

.capture-cinematic-shots {
    position: absolute;
    top: 100.27px;
    left: 92.7px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 608.2px;
    height: 109.7px;
}

.ai-camera-tracking {
    position: absolute;
    top: 0px;
    left: 92.7px;
    font-size: 60.54px;
    line-height: 160%;
    font-weight: 600;
    display: inline-block;
    width: 590.2px;
}

.logo-icon1 {
    position: absolute;
    height: 24.48%;
    width: 7.69%;
    top: 10.81%;
    right: 92.31%;
    bottom: 64.71%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.capture-cinematic-shots-in-one-parent {
    position: absolute;
    top: 54.86px;
    left: 40.67px;
    width: 700.9px;
    height: 210px;
}

.rectangle-parent4 {
    position: absolute;
    bottom: 1574.2px;
    left: 851px;
    width: 817.3px;
    height: 318.8px;
}

.frame-334-1 {
    position: absolute;
    top: 7607.05px;
    left: 207.66px;
    width: 507.6px;
    height: 318.9px;
    object-fit: cover;
}

.mask-group-icon {
    position: absolute;
    top: 5688.2px;
    left: 229px;
    width: 394.9px;
    height: 546.8px;
    object-fit: cover;
}

.img-v3-02lb-0c6708e7-e040-4855-icon {
    position: absolute;
    width: 92.26%;
    top: 7.81px;
    right: 3.86%;
    left: 3.87%;
    border-radius: 46.28px;
    max-width: 100%;
    overflow: hidden;
    height: 477.5px;
    object-fit: cover;
    display: none;
}

.templates {
    position: absolute;
    top: 0px;
    left: 0px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    width: 58px;
}

.templates-wrapper {
    position: absolute;
    top: 60.37px;
    left: 7.9px;
    width: 58px;
    height: 14px;
}

.child {
    position: absolute;
    top: -499.62px;
    left: 214.12px;
    border-right: 0.6px solid #2f2f2f;
    box-sizing: border-box;
    width: 0.6px;
    height: 1000.4px;
    display: none;
}

.item {
    position: absolute;
    top: -5.36px;
    left: 7.62px;
    border-right: 0.6px solid #2f2f2f;
    box-sizing: border-box;
    width: 0.6px;
    height: 506.1px;
    display: none;
}

.inner {
    position: absolute;
    top: 350.95px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
    width: 221.7px;
    height: 129.8px;
}

.group-child7 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3.39px;
    background-color: #d6ff37;
    width: 33.9px;
    height: 15.8px;
}

.all {
    position: absolute;
    top: 2.82px;
    left: calc(50% - 5.1px);
    line-height: 131.84%;
    font-weight: 500;
    display: inline-block;
    width: 10.7px;
    height: 8.5px;
}

.rectangle-parent5 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 33.9px;
    height: 15.8px;
    color: #000;
}

.group-child8 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3.39px;
    background-color: #000;
    border: 0.6px solid #d6ff37;
    box-sizing: border-box;
    width: 46.3px;
    height: 15.8px;
}

.camera {
    position: absolute;
    top: 2.26px;
    left: calc(50% - 14.47px);
    line-height: 131.84%;
    font-weight: 500;
    display: inline-block;
    width: 31.2px;
    height: 8.5px;
}

.rectangle-parent6 {
    position: absolute;
    top: 0px;
    left: 39.5px;
    width: 46.3px;
    height: 15.8px;
}

.group-child9 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3.39px;
    background-color: #000;
    border: 0.6px solid #d6ff37;
    box-sizing: border-box;
    width: 66px;
    height: 15.8px;
}

.no-camera {
    position: absolute;
    top: 2.82px;
    left: calc(50% - 20.59px);
    line-height: 131.84%;
    font-weight: 500;
    display: inline-block;
    width: 42.3px;
    height: 7.9px;
}

.rectangle-parent7 {
    position: absolute;
    top: 0px;
    left: 90.28px;
    width: 66px;
    height: 15.8px;
}

.group-parent4 {
    position: absolute;
    top: 81.25px;
    left: 7.34px;
    width: 156.3px;
    height: 15.8px;
    font-size: 7.9px;
    color: #848484;
}

.group-child10 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3.95px;
    background-color: rgba(17, 17, 17, 0.81);
    width: 66px;
    height: 15.8px;
}

.span2 {
    color: #fff;
}

.div10 {
    position: absolute;
    top: 0px;
    left: 28.78px;
}

.credits {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
}

.container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 41.8px;
    height: 9px;
}

.group-frame {
    position: absolute;
    top: 3.38px;
    left: 20.31px;
    width: 41.8px;
    height: 9px;
}

.rectangle-parent8 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 66px;
    height: 15.8px;
}

.vector-icon {
    position: absolute;
    height: 75.56%;
    width: 83.7%;
    top: 12.54%;
    right: 7.94%;
    bottom: 11.91%;
    left: 8.36%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.huge-icon-child {
    position: absolute;
    height: 8.15%;
    width: 8.15%;
    top: 20.9%;
    right: 45.88%;
    bottom: 70.95%;
    left: 45.97%;
    border-radius: 50%;
    background-color: #d6ff37;
}

.huge-icon {
    position: absolute;
    height: 85.44%;
    width: 20.45%;
    top: 7.14%;
    right: 75.27%;
    bottom: 7.42%;
    left: 4.27%;
    overflow: hidden;
}

.group-parent5 {
    position: absolute;
    top: 58.68px;
    left: 147.26px;
    width: 66px;
    height: 15.8px;
    font-size: 7.33px;
    color: #d6ff37;
}

.home2 {
    position: absolute;
    top: calc(50% - 8.45px);
    left: calc(50% - 20.57px);
    text-transform: capitalize;
    font-weight: 600;
}

.top-navigation-child {
    position: absolute;
    top: 3.95px;
    left: 196.35px;
    width: 16.9px;
    height: 16.9px;
}

.top-navigation {
    position: absolute;
    top: 25.91px;
    left: calc(50% - 110.85px);
    width: 221.7px;
    height: 24.8px;
    overflow: hidden;
    font-size: 14.67px;
}

.huge-icon-item {
    position: absolute;
    height: 82.99%;
    width: 74.83%;
    top: 8.32%;
    right: 12.7%;
    bottom: 8.69%;
    left: 12.47%;
    border-radius: 3.04px;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.huge-icon-inner {
    position: absolute;
    height: 7.48%;
    width: 16.33%;
    top: 74.85%;
    right: 42.09%;
    bottom: 17.67%;
    left: 41.58%;
    border-radius: 1.52px;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.huge-icon1 {
    position: absolute;
    height: 62.55%;
    width: 98%;
    top: 0%;
    right: 2%;
    bottom: 37.45%;
    left: 0%;
    overflow: hidden;
}

.home3 {
    position: absolute;
    top: 0px;
    left: calc(50% - 7.5px);
    text-transform: capitalize;
}

.home-wrapper {
    position: absolute;
    top: 17.45px;
    left: calc(50% - 7.5px);
    width: 15px;
    height: 6px;
}

.huge-icon-parent {
    position: absolute;
    height: 100%;
    width: 8.78%;
    top: 0%;
    right: 49.95%;
    bottom: 0%;
    left: 41.27%;
    color: #d6ff37;
}

.assets {
    position: absolute;
    top: 16.89px;
    left: calc(50% - 8.5px);
    text-transform: capitalize;
}

.vector-icon1 {
    position: absolute;
    height: 61.57%;
    width: 86.47%;
    top: 0%;
    right: 10.21%;
    bottom: 38.43%;
    left: 3.32%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.assets-parent {
    position: absolute;
    top: 0.56px;
    left: calc(50% - 85.45px);
    width: 17px;
    height: 22.9px;
}

.control-center {
    position: absolute;
    top: 0px;
    left: calc(50% - 18px);
    text-transform: capitalize;
}

.control-center-wrapper {
    position: absolute;
    top: 16.89px;
    left: calc(50% - 18px);
    width: 36px;
    height: 6px;
}

.vector-icon2 {
    position: absolute;
    height: 61.57%;
    width: 34.44%;
    top: 0%;
    right: 34.21%;
    bottom: 38.43%;
    left: 31.35%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent7 {
    position: absolute;
    top: 0.56px;
    left: calc(50% + 49.4px);
    width: 36px;
    height: 22.9px;
}

.group-parent6 {
    position: absolute;
    height: 4.89%;
    width: 77.09%;
    top: 90.85%;
    right: 7.64%;
    bottom: 4.26%;
    left: 15.27%;
    font-size: 5.08px;
    color: #bfbfbf;
}

.notch-icon {
    position: absolute;
    top: -1.13px;
    left: calc(50% - 46.27px);
    width: 92.5px;
    height: 17.5px;
}

.right-side-icon {
    position: absolute;
    top: 9.78px;
    right: 8.29px;
    width: 37.6px;
    height: 6.4px;
}

.div11 {
    position: absolute;
    top: 0.67px;
    left: 0px;
    letter-spacing: -0.5px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    width: 36.1px;
    height: 13.4px;
}

.time {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 13.54px;
    width: 30.5px;
    height: 11.8px;
}

.left-side {
    position: absolute;
    top: 6.77px;
    left: 13.54px;
    width: 30.5px;
    height: 11.8px;
}

.status-bar-iphone-13-13-pr {
    position: absolute;
    top: 3.8px;
    left: calc(50% - 110.85px);
    background-color: rgba(133, 220, 64, 0);
    width: 220px;
    height: 24.8px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    font-family: 'SF Pro Text';
}

.home-indicator {
    position: absolute;
    bottom: 4.73px;
    left: calc(50% - 37.65px);
    border-radius: 56.42px;
    background-color: #fff;
    width: 75.6px;
    height: 2.8px;
}

.home-indicatorlight {
    position: absolute;
    bottom: -0.04px;
    left: calc(50% - 109.72px);
    background-color: rgba(133, 220, 64, 0);
    width: 221.7px;
    height: 19.2px;
}

.div9 {
    position: absolute;
    top: 11.39px;
    left: 8.97px;
    background-color: #000;
    width: 221.7px;
    height: 480.7px;
    overflow: hidden;
}

.iphone-16-pro-black-titanium {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.img-v3-02lb-0c6708e7-e040-4855-parent {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0%;
    left: 0%;
    height: 496px;
}

.mask-group-icon1 {
    position: absolute;
    height: 76.55%;
    width: 89.5%;
    top: 13.78%;
    right: 5.08%;
    bottom: 9.67%;
    left: 5.42%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.group-parent3 {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 2.99%;
    left: 1.91%;
    height: 520px;
}

.div12 {
    position: relative;
    font-weight: 500;
}

.camera1 {
    width: 46.6px;
    height: 46.6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10.6px 6.4px 10.6px 10.6px;
    box-sizing: border-box;
}

.make-your-video {
    width: 166.3px;
    position: relative;
    font-size: 21.19px;
    text-transform: capitalize;
    display: inline-block;
    font-family: 'Be Vietnam';
    height: 36px;
    flex-shrink: 0;
}

.camera-parent {
    position: absolute;
    height: 13.87%;
    top: 74.17%;
    bottom: 11.96%;
    left: calc(50% - 128.61px);
    box-shadow: 5.889649868011475px 5.889649868011475px 4.53px rgba(0, 0, 0, 0.78);
    border-radius: 19.07px;
    background-color: #d6ff37;
    width: 265.9px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20.1px 49.8px;
    box-sizing: border-box;
    font-size: 18.01px;
    color: #000;
    font-family: 'SF Pro Display';
}

.group-child11 {
    position: absolute;
    top: 242.7px;
    left: 0px;
    width: 85.3px;
    height: 85.3px;
    object-fit: cover;
}

.group-child12 {
    position: absolute;
    top: 60.96px;
    left: 217.08px;
    width: 85.3px;
    height: 85.3px;
    object-fit: cover;
}

.group-parent2 {
    position: absolute;
    width: 15.74%;
    top: 5150px;
    right: 69.92%;
    left: 14.33%;
    height: 496px;
    font-size: 11.28px;
}

.group-child13 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 327.9px;
    height: 542.3px;
    object-fit: cover;
}

.icon {
    position: absolute;
    top: 294.93px;
    left: 4.21px;
    border-radius: 12.13px;
    width: 165.3px;
    height: 250.1px;
    overflow: hidden;
    object-fit: contain;
}

.icon1 {
    position: absolute;
    top: 40.18px;
    left: 173.91px;
    border-radius: 7.82px;
    width: 160.9px;
    height: 244.9px;
    overflow: hidden;
    object-fit: contain;
}

.group-parent8 {
    position: absolute;
    top: 6297.61px;
    left: 259.1px;
    width: 334.8px;
    height: 545px;
}

.mask-group-icon2 {
    position: absolute;
    top: 6883.23px;
    left: 285.2px;
    width: 281.1px;
    height: 622px;
    object-fit: cover;
}

.pick-a-template {
    position: absolute;
    top: 96.48px;
    left: 0px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 616.7px;
    height: 164.6px;
}

.simple-editing {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 60.54px;
    line-height: 160%;
    font-weight: 600;
}

.pick-a-template-place-your-as-parent {
    position: absolute;
    top: 0px;
    left: 87.03px;
    width: 616.7px;
    height: 261.1px;
}

.logo-icon2 {
    position: absolute;
    height: 19.69%;
    width: 7.66%;
    top: 7.25%;
    right: 92.34%;
    bottom: 73.07%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent9 {
    width: 703.8px;
    position: relative;
    height: 261.1px;
}

.frame-div {
    position: absolute;
    width: calc(100% - 1102.7px);
    top: 5181px;
    right: 250.93px;
    left: 851.77px;
    border-radius: 53.92px;
    background-color: #000;
    border: 2.8px solid #d6ff37;
    box-sizing: border-box;
    height: 376.5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 58px 50px;
}

.group-child14 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 53.92px;
    background-color: #000;
    border: 2.8px solid #d6ff37;
    box-sizing: border-box;
    width: 817.3px;
    height: 376.5px;
}

.access-official-models {
    position: absolute;
    top: 100.27px;
    left: 0px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 630px;
    height: 164.6px;
}

.access-official-models-create-parent {
    position: absolute;
    top: 0px;
    left: 78.51px;
    width: 631px;
    height: 264.9px;
}

.logo-icon3 {
    position: absolute;
    height: 19.4%;
    width: 7.6%;
    top: 8.93%;
    right: 92.4%;
    bottom: 71.67%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent10 {
    position: absolute;
    top: 52.97px;
    left: 54.86px;
    width: 709.5px;
    height: 264.9px;
}

.rectangle-parent9 {
    position: absolute;
    top: 5747px;
    left: 851.77px;
    width: 817.3px;
    height: 376.5px;
}

.make-your-models {
    position: absolute;
    top: 100.27px;
    left: 0px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 629px;
    height: 164.6px;
}

.make-your-models-move-with-fr-parent {
    position: absolute;
    top: 0px;
    left: 82.3px;
    width: 629px;
    height: 264.9px;
}

.logo-icon4 {
    position: absolute;
    height: 19.4%;
    width: 7.58%;
    top: 8.57%;
    right: 92.42%;
    bottom: 72.03%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent11 {
    position: absolute;
    top: 55.81px;
    left: 52.97px;
    width: 711.3px;
    height: 264.9px;
}

.rectangle-parent10 {
    position: absolute;
    top: 6312px;
    left: 851.77px;
    width: 817.3px;
    height: 376.5px;
}

.group-child16 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 53.92px;
    background-color: #000;
    border: 2.8px solid #d6ff37;
    box-sizing: border-box;
    width: 817.3px;
    height: 331.1px;
}

.shoot-scan-the {
    position: absolute;
    top: 100.27px;
    left: 0px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 635.7px;
    height: 109.7px;
}

.shoot-scan-the-light-and-get-parent {
    position: absolute;
    top: 0px;
    left: 83.24px;
    width: 635.7px;
    height: 210px;
}

.logo-icon5 {
    position: absolute;
    height: 24.48%;
    width: 7.5%;
    top: 10.81%;
    right: 92.5%;
    bottom: 64.71%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent12 {
    position: absolute;
    top: 58.65px;
    left: 50.13px;
    width: 718.9px;
    height: 210px;
}

.rectangle-parent11 {
    position: absolute;
    top: 7595px;
    left: 851.77px;
    width: 817.3px;
    height: 331.1px;
}

.turn-everyday-moment {
    align-self: stretch;
    position: relative;
    line-height: 120%;
}

.turn-everyday-moment-into-movi-wrapper {
    position: absolute;
    bottom: 521.51px;
    left: 88.55px;
    width: 274.5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 22.18px;
    font-family: Epilogue;
}

.join-ciney {
    width: 372.7px;
    position: relative;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
}

.subscribe-ciney-to {
    width: 372.7px;
    position: relative;
    line-height: 160%;
    display: inline-block;
}

.this-is-placeholder {
    position: relative;
    line-height: 160%;
}

.button-icon {
    width: 45.2px;
    height: 45.2px;
    object-fit: contain;
}

.form-variants {
    width: 374.8px;
    border: 2.1px solid #282828;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 2.1px 2.1px 2.1px 16.9px;
    gap: 0px;
    color: #a3a3a3;
}

.subscribe-ciney-to-get-more-3d-parent {
    width: 372.7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25.4px;
}

.join-ciney-parent {
    position: absolute;
    top: 8146.86px;
    right: 87.81px;
    width: 372.7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 21.2px;
    font-size: 16.94px;
    font-family: Epilogue;
}

.divider {
    align-self: stretch;
    position: relative;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    height: 1px;
}

.bottom-bar-content {
    width: 1118.3px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.bottom-bar {
    position: absolute;
    bottom: 394.1px;
    left: -1px;
    width: 1921px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 87.9px 32px;
    box-sizing: border-box;
    gap: 32px;
    opacity: 0.7;
    font-size: 13.98px;
    font-family: Epilogue;
}

.logo-icon6 {
    position: absolute;
    height: 100%;
    width: 29.85%;
    top: 0%;
    right: 70.15%;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.logo-name-icon1 {
    position: absolute;
    height: 78.41%;
    width: 64.08%;
    top: 13.57%;
    right: -0.01%;
    bottom: 8.03%;
    left: 35.93%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.logo-name1 {
    position: absolute;
    height: 0.84%;
    width: 13.57%;
    top: 92.45%;
    right: 81.95%;
    bottom: 6.72%;
    left: 4.48%;
}

.group-icon1 {
    position: absolute;
    height: 0.51%;
    width: 2.38%;
    top: 93.51%;
    right: 64.62%;
    bottom: 5.97%;
    left: 33.01%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-icon2 {
    position: absolute;
    height: 0.51%;
    width: 2.37%;
    top: 93.51%;
    right: 51.87%;
    bottom: 5.97%;
    left: 45.76%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-icon3 {
    position: absolute;
    height: 0.51%;
    width: 2.38%;
    top: 93.51%;
    right: 60.37%;
    bottom: 5.97%;
    left: 37.26%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-icon4 {
    position: absolute;
    height: 0.51%;
    width: 2.38%;
    top: 93.51%;
    right: 56.12%;
    bottom: 5.97%;
    left: 41.51%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-icon5 {
    position: absolute;
    height: 0.51%;
    width: 2.38%;
    top: 93.51%;
    right: 47.62%;
    bottom: 5.97%;
    left: 50%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.social-media {
    position: absolute;
    top: 6520.07px;
    left: 357.5px;
    font-size: 10.64px;
    line-height: 160%;
    font-weight: 500;
    font-family: Epilogue;
    display: inline-block;
    width: 71.9px;
}

.info {
    width: 275.3px;
    position: relative;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
}

.download-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25.4px;
    color: #ceccd6;
}

.info-parent {
    position: absolute;
    top: 8162.06px;
    left: 1243px;
    width: 169.4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 21.2px;
    font-size: 16.94px;
    font-family: Epilogue;
}

.desktop-win-inner1 {
    position: absolute;
    top: 4244px;
    left: 493px;
    border-radius: 53.92px;
    background-color: #000;
    border: 2.8px solid #d6ff37;
    box-sizing: border-box;
    width: 817.3px;
    height: 376.5px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 58px 50px;
}

.pick-a-template2 {
    position: absolute;
    top: 77.56px;
    left: 0px;
    line-height: 160%;
    font-weight: 500;
    display: inline-block;
    width: 495.8px;
    height: 132.3px;
}

.simple-editing2 {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 48.67px;
    line-height: 160%;
    font-weight: 600;
}

.pick-a-template-place-your-as-container {
    position: absolute;
    top: 0px;
    left: 69.96px;
    width: 495.8px;
    height: 209.9px;
}

.logo-icon8 {
    position: absolute;
    height: 19.68%;
    width: 7.67%;
    top: 7.25%;
    right: 92.33%;
    bottom: 73.08%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.group-parent14 {
    width: 565.7px;
    position: relative;
    height: 209.9px;
}

.desktop-win-inner2 {
    position: absolute;
    top: 2707px;
    left: -11px;
    border-radius: 43.34px;
    background-color: #000;
    border: 2.3px solid #d6ff37;
    box-sizing: border-box;
    width: 657px;
    height: 302.6px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 46.6px 40.2px;
    font-size: 27.37px;
}

.desktop-win {
    width: 100%;
    position: relative;
    background-color: #000;
    height: 8872px;
    overflow-y: auto;
    text-align: left;
    font-size: 34.05px;
    color: #fff;
    font-family: Inter;
}



/* 平板 */
@media (max-width: 1923px) and (min-width: 1280px) {


    .desktop-win-child {
        position: absolute;
        top: 5849px;
        right: -902.99px;
        filter: blur(356.16px);
        border-radius: 50%;
        background-color: #718e01;
        width: 607px;
        height: 569px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        opacity: 0.59;
    }

    .desktop-win-item {
        position: absolute;
        top: 5339px;
        left: 367.68px;
        filter: blur(515.17px);
        border-radius: 50%;
        background-color: #718e01;
        width: 566.7px;
        height: 566.7px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        opacity: 0.59;
    }

    .group-child {
        position: absolute;
        top: 798.15px;
        right: -424px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0), #000);
        width: 424px;
        height: 798.2px;
        transform: rotate(-180deg);
        transform-origin: 0 0;
    }

    /* Z */

    .rectangle-parent {
        position: absolute;
        top: 2922px;
        right: 0px;
        width: 1293px;
        height: 807px;
    }

    /* .pick-a-template {
        position: absolute;
        top: 77.43px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 494.9px;
        height: 132.1px;
    } */


    .pick-a-template-place-your-as-parent {
        position: absolute;
        top: 0px;
        left: 69.84px;
        width: 494.9px;
        height: 209.5px;
    }

    .logo-icon {
        position: absolute;
        height: 19.67%;
        width: 7.67%;
        top: 7.25%;
        right: 92.33%;
        bottom: 73.09%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    /* .group-parent {
        width: 564.8px;
        position: relative;
        height: 209.5px;
    } */

    .desktop-inner {
        position: absolute;
        top: 4289.79px;
        right: 92.71px;
        width: 644.8px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 46px 40px;
        box-sizing: border-box;
    }

    .pick-a-template {
        position: absolute;
        top: 77.56px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 495.8px;
        height: 132.3px;
    }

    .simple-editing {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 45.67px;
        line-height: 160%;
        font-weight: 600;
    }

    .pick-a-template-place-your-as-group {
        position: absolute;
        top: 0px;
        left: 69.96px;
        width: 495.8px;
        height: 209.9px;
    }

    .logo-icon2 {
        position: absolute;
        height: 19.68%;
        width: 7.67%;
        top: 7.25%;
        right: 92.33%;
        bottom: 73.08%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent9 {
        width: 565.7px;
        position: relative;
        height: 209.9px;
    }

    .frame-div {
        position: absolute;
        top: 2707px;
        left: -11px;
        border-radius: 43.34px;
        background-color: #000;
        border: 2.3px solid #d6ff37;
        box-sizing: border-box;
        width: 1349px;
        height: 302.6px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 46.6px 40.2px;
        font-size: 27.37px;
    }

    .rectangle-div {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 8px;
        left: -8px;
        backdrop-filter: blur(35.1px);
        background-color: rgba(135, 135, 135, 0.07);
        height: 116px;
    }

    /* .group-inner {
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 31.55px;
        background-color: #000;
        border: 0.9px solid #d6ff37;
        box-sizing: border-box;
        width: 142px;
        height: 59px;
    } */

    .try-ciney {
        position: absolute;
        top: 17px;
        left: 29px;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 500;
    }

    .rectangle-group {
        position: absolute;
        top: 21px;
        right: 105px;
        width: 142px;
        height: 59px;
        font-size: 20px;
    }

    .about-us1 {
        position: absolute;
        top: 0%;
        left: 0%;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 500;
    }

    .about-us {
        position: absolute;
        top: 41px;
        right: 321px;
        width: 83px;
        height: 22px;
        font-size: 20px;
        color: #878787;
    }

    .home {
        position: absolute;
        top: 41px;
        left: 522px;
        width: 54px;
        height: 22px;
        font-size: 20px;
        color: #878787;
    }

    .media-kit {
        position: absolute;
        top: 41px;
        right: 512px;
        width: 84px;
        height: 22px;
        font-size: 20px;
        color: #878787;
    }

    /* .logo-icon2 {
        position: absolute;
        height: 100%;
        width: 29.84%;
        top: 0%;
        right: 70.16%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    } */

    .logo-name-icon {
        position: absolute;
        height: 78.45%;
        width: 64.08%;
        top: 13.57%;
        right: -0.01%;
        bottom: 7.98%;
        left: 35.92%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name {
        position: absolute;
        height: 0.8%;
        width: 14.92%;
        top: 0.53%;
        right: 78.91%;
        bottom: 98.67%;
        left: 6.17%;
    }

    .cinematic-vfx-for {
        margin: 0;
    }

    .cinematic-vfx-for-container {
        position: absolute;
        top: 3.07%;
        left: 88.05px;
        font-size: 45.1px;
        letter-spacing: 2.12px;
        line-height: 53.62px;
        text-transform: capitalize;
        display: inline-block;
        background: linear-gradient(180deg, #d6ff37, #fff600);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: 537px;
        text-shadow: 14.819860458374023px 8.468490600585938px 22.31px rgba(0, 0, 0, 0.32);
    }

    .welcome-to-the-container {
        position: absolute;
        top: 354.42px;
        left: 87px;
        font-size: 24.95px;
        line-height: 128%;
        font-family: Epilogue;
        display: inline-block;
        width: 486.5px;
    }

    .desktop-win-inner {
        position: absolute;
        top: 100px;
        left: 326.97px;
        width: 956.8px;
        height: 850px;
        object-fit: cover;
    }

    .group-item {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        border-radius: 17px;
        background-color: #d6ff37;
        border: 1.5px solid #d6ff37;
        box-sizing: border-box;
    }

    .ios-download {
        position: absolute;
        height: 34.83%;
        width: 57.34%;
        top: 32.58%;
        left: 18.56%;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 600;
        display: inline-block;
    }

    .image-3-icon {
        position: absolute;
        height: 33.71%;
        width: 7.2%;
        top: 33.71%;
        right: 85.87%;
        bottom: 32.58%;
        left: 6.93%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .group-wrapper {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
    }

    .instance-child {
        position: absolute;
        height: 26.97%;
        width: 6.65%;
        top: 38.2%;
        right: 6.37%;
        bottom: 34.83%;
        left: 86.98%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent {
        position: absolute;
        top: 470px;
        left: 80px;
        width: 361px;
        height: 89px;
        font-size: 32px;
        color: #0d0d0d;
    }

    .instance-item {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        backdrop-filter: blur(14.1px);
        border-radius: 12px;
        background-color: rgba(0, 0, 0, 0.41);
        border: 1px solid #7d9a0b;
        box-sizing: border-box;
    }

    .image-46-icon {
        position: absolute;
        width: 89.77%;
        top: 0px;
        right: 5.12%;
        left: 5.12%;
        border-radius: 12px;
        max-width: 100%;
        overflow: hidden;
        height: 193px;
        object-fit: cover;
    }

    .scan-to-download {
        position: absolute;
        width: 100%;
        top: 83.97%;
        left: 0%;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
    }

    .image-46-parent {
        position: absolute;
        width: 59.56%;
        top: 24px;
        right: 20.22%;
        left: 20.22%;
        height: 237px;
    }

    .rectangle-container {
        position: absolute;
        top: 581px;
        left: 80px;
        width: 361px;
        height: 276px;
        font-size: 24px;
        color: #e6e6eb;
    }

    .group-inner {
        position: absolute;
        top: 0px;
        left: calc(50% - 98px);
        box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
        border-radius: 36.5px;
        background-color: #000;
        border: 0.5px solid #d6ff37;
        box-sizing: border-box;
        width: 196px;
        height: 64px;
    }

    .about-ciney {
        position: absolute;
        top: 14px;
        left: 32px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 152px;
    }

    .group-div {
        position: absolute;
        top: 930px;
        left: calc(50% - 106px);
        width: 196px;
        height: 64px;
        font-size: 24px;
        color: #e6e6eb;
    }

    .hollywood-in-your {
        position: absolute;
        height: 48.95%;
        width: 99.57%;
        top: 51.06%;
        left: 0.43%;
        line-height: 160%;
        display: inline-block;
        font-weight: 600;
    }

    .ciney {
        position: absolute;
        height: 51.63%;
        width: 36.77%;
        top: 0%;
        left: 0%;
        font-size: 85.08px;
        line-height: 160%;
        display: flex;
        font-weight: 800;
        color: #d6ff37;
        align-items: center;
    }

    .hollywood-in-your-pocket-parent {
        position: absolute;
        height: 100%;
        width: 76.48%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 23.52%;
    }

    .instance-inner {
        position: absolute;
        height: 95.34%;
        width: 17.9%;
        top: 2.33%;
        right: 82.1%;
        bottom: 2.33%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-container {
        position: absolute;
        top: 1194px;
        left: calc(50% - 410px);
        width: 914px;
        height: 171.6px;
        font-size: 53.11px;
    }

    .image-5-2 {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        height: 140.4px;
        object-fit: contain;
    }

    .image-5-2-wrapper {
        position: absolute;
        width: 36.86%;
        top: 226.06px;
        right: 60.31%;
        left: 2.83%;
        filter: blur(1.59px);
        height: 140.4px;
    }

    .instance-child1 {
        position: absolute;
        width: 17.38%;
        top: 0px;
        right: 0.61%;
        left: 82.01%;
        max-width: 100%;
        overflow: hidden;
        height: 73px;
        object-fit: contain;
    }

    .image-5-1 {
        position: absolute;
        width: 100%;
        top: 11.36px;
        right: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        height: 299.3px;
        object-fit: cover;
    }

    .group-parent1 {
        position: absolute;
        top: 1417px;
        left: 40px;
        width: 401px;
        height: 366.5px;
    }

    .ciney-is-a {
        font-weight: 500;
        font-family: Inter;
    }

    .next-gen-mobile-app1 {
        font-weight: 800;
        font-family: Inter;
    }

    .next-gen-mobile-app {
        color: #d6ff37;
    }

    .that-lets-anyone {
        color: #d8d8d8;
    }

    .with-just-their {
        font-weight: 500;
    }

    .let-the-magic {
        font-weight: 800;
        font-family: Inter;
        color: #d6ff37;
    }

    .ciney-is-a-container {
        position: absolute;
        top: 1507.61px;
        right: 73px;
        font-size: 25.42px;
        line-height: 160%;
        text-transform: capitalize;
        display: inline-block;
        width: 697px;
        height: 161px;
        color: #d8d8d8;
    }

    .group-child1 {
        position: absolute;
        top: 0px;
        left: 0px;
        box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
        border-radius: 36.5px;
        background-color: #000;
        border: 0.5px solid #d6ff37;
        box-sizing: border-box;
        width: 308px;
        height: 64px;
    }

    .what-can-ciney {
        position: absolute;
        top: 14px;
        left: 39px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 256px;
    }

    .rectangle-parent1 {
        position: absolute;
        top: 1936px;
        left: 478px;
        width: 308px;
        height: 64px;
        font-size: 24px;
        color: #e6e6eb;
    }

    .group-child4 {
        position: absolute;
        height: 100%;
        width: 19.33%;
        top: 0%;
        right: 80.67%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: contain;
    }

    .group-child5 {
        position: absolute;
        top: 40.33px;
        left: 0px;
        background-color: #d6ff37;
        width: 21px;
        height: 67px;
    }

    .desktop-win-child1 {
        position: absolute;
        height: 3.2%;
        width: 88.2%;
        top: 29.37%;
        right: 7.19%;
        bottom: 67.43%;
        left: 4.61%;
    }

    .div {
        position: absolute;
        top: 135.92px;
        left: 0px;
        width: 289.8px;
        height: 627.9px;
    }

    .div1 {
        position: absolute;
        bottom: 0px;
        left: 338.46px;
        width: 404.1px;
        height: 875.8px;
    }

    .div2 {
        position: absolute;
        top: 135.92px;
        left: 805.25px;
        width: 289.8px;
        height: 627.9px;
    }

    .parent {
        position: absolute;
        top: 2123px;
        left: 80px;
        width: 1095px;
        height: 875.8px;
    }

    .desktop-win-child2 {
        position: absolute;
        top: 3043.68px;
        left: calc(50% - 562px);
        backdrop-filter: blur(22.21px);
        background-color: rgba(0, 0, 0, 0.07);
        box-sizing: border-box;
        width: 1124px;
        height: 570.6px;
    }

    .div3 {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    .div4 {
        position: absolute;
        top: 0px;
        left: 273.03px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    .div5 {
        position: absolute;
        top: 0px;
        left: 547.06px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    .div6 {
        position: absolute;
        top: 0px;
        left: 819.86px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    .div7 {
        position: absolute;
        top: 0px;
        left: 1092.65px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    .div8 {
        position: absolute;
        top: 0.62px;
        right: 0.03px;
        background-color: #1b1b1b;
        width: 258.4px;
        height: 459.4px;
    }

    /* 滑动卡片区域建议这样写 */
    .scrolling-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        padding: 50px 0px 50px 0px;
        /* 上下左右留点空 */
        scroll-snap-type: x mandatory;
        background: transparent;
        /* 调试时可设为 #222 */

        box-sizing: border-box;
        position: relative;
        /* 保证不是 absolute */
        z-index: 1;
    }

    .card-custom {
        flex: 0 0 310.8px;
        height: 555px;
        /* 这里可以自定义高度 */
        background: #1b1b1b;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        scroll-snap-align: start;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        position: relative;
    }

    .card-custom img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


    .group-child4 {
        position: absolute;
        top: 0px;
        left: 0px;
        box-shadow: 0px 4px 56.4px 2px rgba(214, 255, 55, 0.41);
        border-radius: 36.5px;
        background-color: #000;
        border: 1px solid #d6ff37;
        box-sizing: border-box;
        width: 115px;
        height: 64px;
    }

    .work {
        position: absolute;
        top: 14px;
        left: 29px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 61px;
    }

    .rectangle-parent3 {
        position: absolute;
        top: 3774px;
        left: 611px;
        width: 115px;
        height: 64px;
        font-size: 24px;
        color: #e6e6eb;
    }

    .our-design-approach {
        position: absolute;
        top: 4054.33px;
        left: 80px;
        font-size: 20px;
        line-height: 160%;
        font-family: Epilogue;
        color: #e6e6eb;
        display: inline-block;
        width: 846px;
        height: 110px;
    }

    .featured-projects {
        position: absolute;
        top: 0px;
        left: 50px;
        line-height: 160%;
        font-weight: 700;
    }

    /* .group-child5 {
        position: absolute;
        top: 40.33px;
        left: 0px;
        background-color: #d6ff37;
        width: 21px;
        height: 67px;
    } */

    .featured-projects-parent {
        position: absolute;
        top: 3886px;
        left: 80px;
        width: 847px;
        height: 148px;
        font-size: 92.28px;
    }

    .group-child6 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        border-radius: 43.27px;
        background-color: #000;
        border: 2.3px solid #d6ff37;
        box-sizing: border-box;
        width: 655.9px;
        height: 255.8px;
    }

    .capture-cinematic-shots {
        position: absolute;
        top: 80.47px;
        left: 74.39px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 488.1px;
        height: 88.1px;
    }

    .ai-camera-tracking {
        position: absolute;
        top: 0px;
        left: 74.39px;
        font-size: 45.67px;
        line-height: 160%;
        font-weight: 600;
        display: inline-block;
        width: 460.8px;
    }

    .logo-icon3 {
        position: absolute;
        height: 24.45%;
        width: 7.7%;
        top: 10.81%;
        right: 92.3%;
        bottom: 64.74%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .capture-cinematic-shots-in-one-parent {
        position: absolute;
        top: 44.03px;
        left: 32.64px;
        width: 562.5px;
        height: 168.5px;
    }

    .rectangle-parent4 {
        position: absolute;
        bottom: 487.2px;
        left: 534.49px;
        width: 655.9px;
        height: 255.8px;
    }

    .frame-334-1 {
        position: absolute;
        top: 6088.54px;
        left: 31px;
        width: 384px;
        height: 241.3px;
        object-fit: cover;
    }

    .mask-group-icon {
        position: absolute;
        top: 4637px;
        left: 57.86px;
        width: 298.7px;
        height: 413.6px;
        object-fit: cover;
    }

    .img-v3-02lb-0c6708e7-e040-4855-icon {
        position: absolute;
        width: 92.26%;
        top: 5.91px;
        right: 3.87%;
        left: 3.87%;
        border-radius: 35.01px;
        max-width: 100%;
        overflow: hidden;
        height: 361.2px;
        object-fit: cover;
        display: none;
    }

    .templates {
        position: absolute;
        top: 0px;
        left: 0px;
        text-transform: capitalize;
        font-weight: 600;
        display: inline-block;
        width: 43.9px;
    }

    .templates-wrapper {
        position: absolute;
        top: 45.67px;
        left: 5.98px;
        width: 43.9px;
        height: 10px;
    }

    .child {
        position: absolute;
        top: -377.95px;
        left: 161.98px;
        border-right: 0.4px solid #2f2f2f;
        box-sizing: border-box;
        width: 0.4px;
        height: 756.7px;
        display: none;
    }

    .item {
        position: absolute;
        top: -4.05px;
        left: 5.76px;
        border-right: 0.4px solid #2f2f2f;
        box-sizing: border-box;
        width: 0.4px;
        height: 382.9px;
        display: none;
    }

    .inner {
        position: absolute;
        top: 265.48px;
        left: 0px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
        width: 167.7px;
        height: 98.2px;
    }

    .group-child9 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #d6ff37;
        width: 25.6px;
        height: 12px;
    }

    .all {
        position: absolute;
        top: 2.13px;
        left: calc(50% - 3.84px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 8.1px;
        height: 6.4px;
    }

    .rectangle-parent6 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 25.6px;
        height: 12px;
        color: #000;
    }

    .group-child10 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #000;
        border: 0.4px solid #d6ff37;
        box-sizing: border-box;
        width: 35px;
        height: 12px;
    }

    .camera {
        position: absolute;
        top: 1.71px;
        left: calc(50% - 10.94px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 23.6px;
        height: 6.4px;
    }

    .rectangle-parent7 {
        position: absolute;
        top: 0px;
        left: 29.88px;
        width: 35px;
        height: 12px;
    }

    .group-child11 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #000;
        border: 0.4px solid #d6ff37;
        box-sizing: border-box;
        width: 49.9px;
        height: 12px;
    }

    .no-camera {
        position: absolute;
        top: 2.13px;
        left: calc(50% - 15.56px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 32px;
        height: 6px;
    }

    .rectangle-parent8 {
        position: absolute;
        top: 0px;
        left: 68.29px;
        width: 49.9px;
        height: 12px;
    }

    .group-parent6 {
        position: absolute;
        top: 61.46px;
        left: 5.55px;
        width: 118.2px;
        height: 12px;
        font-size: 5.98px;
        color: #848484;
    }

    .group-child12 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.99px;
        background-color: rgba(17, 17, 17, 0.81);
        width: 49.9px;
        height: 12px;
    }

    .span2 {
        color: #fff;
    }

    .div10 {
        position: absolute;
        top: 0px;
        left: 21.77px;
    }

    .credits {
        position: absolute;
        top: 0px;
        left: 0px;
        color: #fff;
    }

    .container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 31.8px;
        height: 7px;
    }

    .group-frame {
        position: absolute;
        top: 2.56px;
        left: 15.37px;
        width: 31.8px;
        height: 7px;
    }

    .rectangle-parent9 {
        position: absolute;
        top: 4730.37px;
        left: 534.49px;
        width: 655.9px;
        height: 302.1px;
    }

    .vector-icon {
        position: absolute;
        height: 75.49%;
        width: 83.33%;
        top: 12.55%;
        right: 8.3%;
        bottom: 11.96%;
        left: 8.37%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon-child {
        position: absolute;
        height: 8.82%;
        width: 8.82%;
        top: 20.92%;
        right: 45.15%;
        bottom: 70.25%;
        left: 46.03%;
        border-radius: 50%;
        background-color: #d6ff37;
    }

    .huge-icon {
        position: absolute;
        height: 85%;
        width: 20.44%;
        top: 7.11%;
        right: 75.28%;
        bottom: 7.89%;
        left: 4.28%;
        overflow: hidden;
    }

    .group-parent7 {
        position: absolute;
        top: 44.39px;
        left: 111.4px;
        width: 49.9px;
        height: 12px;
        font-size: 5.55px;
        color: #d6ff37;
    }

    .home2 {
        position: absolute;
        top: calc(50% - 6.41px);
        left: calc(50% - 15.56px);
        text-transform: capitalize;
        font-weight: 600;
    }

    .top-navigation-child {
        position: absolute;
        top: 2.99px;
        left: 148.53px;
        width: 12.8px;
        height: 12.8px;
    }

    .top-navigation {
        position: absolute;
        top: 19.6px;
        left: calc(50% - 83.85px);
        width: 167.7px;
        height: 18.8px;
        overflow: hidden;
        font-size: 11.1px;
    }

    .huge-icon-item {
        position: absolute;
        height: 82.88%;
        width: 74.77%;
        top: 8.33%;
        right: 12.73%;
        bottom: 8.79%;
        left: 12.5%;
        border-radius: 2.3px;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon-inner {
        position: absolute;
        height: 8.11%;
        width: 16.22%;
        top: 74.98%;
        right: 42.13%;
        bottom: 16.91%;
        left: 41.66%;
        border-radius: 1.15px;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon1 {
        position: absolute;
        height: 60.99%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 39.01%;
        left: 0%;
        overflow: hidden;
    }

    .home3 {
        position: absolute;
        top: 0px;
        left: calc(50% - 5.5px);
        text-transform: capitalize;
    }

    .home-wrapper {
        position: absolute;
        top: 13.2px;
        left: calc(50% - 5.55px);
        width: 11px;
        height: 5px;
    }

    .huge-icon-parent {
        position: absolute;
        height: 100%;
        width: 8.6%;
        top: 0%;
        right: 50.04%;
        bottom: 0%;
        left: 41.36%;
        color: #d6ff37;
    }

    .assets {
        position: absolute;
        top: 12.78px;
        left: calc(50% - 6.5px);
        text-transform: capitalize;
    }

    .vector-icon1 {
        position: absolute;
        height: 60.11%;
        width: 85.38%;
        top: 0%;
        right: 11.33%;
        bottom: 39.89%;
        left: 3.28%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .assets-parent {
        position: absolute;
        top: 0.43px;
        left: calc(50% - 64.5px);
        width: 13px;
        height: 17.8px;
    }

    .control-center {
        position: absolute;
        top: 0px;
        left: calc(50% - 13.5px);
        text-transform: capitalize;
    }

    .control-center-wrapper {
        position: absolute;
        top: 12.78px;
        left: calc(50% - 13.5px);
        width: 27px;
        height: 5px;
    }

    .vector-icon2 {
        position: absolute;
        height: 60.11%;
        width: 34.81%;
        top: 0%;
        right: 33.57%;
        bottom: 39.89%;
        left: 31.62%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    /* .group-parent9 {
        position: absolute;
        top: 0.43px;
        left: calc(50% + 37.51px);
        width: 27px;
        height: 17.8px;
    } */

    .group-parent8 {
        position: absolute;
        height: 5.01%;
        width: 76.92%;
        top: 90.86%;
        right: 7.81%;
        bottom: 4.14%;
        left: 15.27%;
        font-size: 3.84px;
        color: #bfbfbf;
    }

    .notch-icon {
        position: absolute;
        top: -0.85px;
        left: calc(50% - 35.25px);
        width: 70px;
        height: 13.2px;
    }

    .right-side-icon {
        position: absolute;
        top: 7.4px;
        right: 6.71px;
        width: 28.5px;
        height: 4.8px;
    }

    .div11 {
        position: absolute;
        top: 0.67px;
        left: 0px;
        letter-spacing: -0.5px;
        line-height: 20px;
        font-weight: 600;
        display: inline-block;
        width: 36.1px;
        height: 13.4px;
    }

    .time {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 10.24px;
        width: 23px;
        height: 9px;
    }

    .left-side {
        position: absolute;
        top: 5.12px;
        left: 10.24px;
        width: 23px;
        height: 9px;
    }

    .status-bar-iphone-13-13-pr {
        position: absolute;
        top: 2.87px;
        left: calc(50% - 83.85px);
        background-color: rgba(133, 220, 64, 0);
        width: 166.5px;
        height: 18.8px;
        overflow: hidden;
        text-align: center;
        font-size: 15px;
        font-family: 'SF Pro Text';
    }

    .home-indicator {
        position: absolute;
        bottom: 2.95px;
        left: calc(50% - 28.45px);
        border-radius: 42.68px;
        background-color: #fff;
        width: 57.2px;
        height: 2.1px;
    }

    .home-indicatorlight {
        position: absolute;
        bottom: -0.04px;
        left: calc(50% - 83px);
        background-color: rgba(133, 220, 64, 0);
        width: 167.7px;
        height: 14.5px;
    }

    .div9 {
        position: absolute;
        top: 8.62px;
        left: 6.78px;
        background-color: #000;
        width: 167.7px;
        height: 363.6px;
        overflow: hidden;
    }

    .iphone-16-pro-black-titanium {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .img-v3-02lb-0c6708e7-e040-4855-parent {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0%;
        left: 0%;
        height: 375.2px;
    }

    .mask-group-icon1 {
        position: absolute;
        height: 76.55%;
        width: 89.5%;
        top: 13.78%;
        right: 5.08%;
        bottom: 9.67%;
        left: 5.42%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .group-parent5 {
        position: absolute;
        width: 79.1%;
        top: 0px;
        right: 8.99%;
        left: 11.91%;
        height: 375.2px;
    }

    .div12 {
        position: relative;
        font-weight: 500;
    }

    .camera1 {
        width: 35.3px;
        height: 35.3px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 8px 4.8px 8px 8px;
        box-sizing: border-box;
    }

    .make-your-video {
        width: 125.8px;
        position: relative;
        font-size: 16.03px;
        text-transform: capitalize;
        display: inline-block;
        font-family: 'Be Vietnam';
        height: 27.2px;
        flex-shrink: 0;
    }

    .camera-parent {
        position: absolute;
        height: 13.86%;
        top: 74.17%;
        bottom: 11.97%;
        left: calc(50% - 97.3px);
        box-shadow: 4.455317497253418px 4.455317497253418px 3.43px rgba(0, 0, 0, 0.78);
        border-radius: 14.42px;
        background-color: #d6ff37;
        width: 201.1px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 15.2px 37.7px;
        box-sizing: border-box;
        font-size: 13.62px;
        color: #000;
        font-family: 'SF Pro Display';
    }

    /* 
    .group-child13 {
        position: absolute;
        top: 183.59px;
        left: 0px;
        width: 64.5px;
        height: 64.5px;
        object-fit: contain;
    } */

    /* .group-child14 {
        position: absolute;
        top: 46.12px;
        left: 164.21px;
        width: 64.5px;
        height: 64.5px;
        object-fit: cover;
    } */

    .group-parent2 {
        position: absolute;
        width: 17.87%;
        top: 4245px;
        right: 74.88%;
        left: 7.25%;
        height: 375.2px;
        font-size: 8.54px;
    }

    .group-child13 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 248.1px;
        height: 410.3px;
        object-fit: cover;
    }

    .icon {
        position: absolute;
        top: 223.1px;
        left: 3.19px;
        border-radius: 9.18px;
        width: 125px;
        height: 189.2px;
        overflow: hidden;
        object-fit: contain;
    }

    .icon1 {
        position: absolute;
        top: 30.4px;
        left: 131.56px;
        border-radius: 5.92px;
        width: 121.7px;
        height: 185.2px;
        overflow: hidden;
        object-fit: contain;
    }

    .group-parent8 {
        position: absolute;
        top: 5098px;
        left: 80.63px;
        width: 253.3px;
        height: 412.3px;
    }

    .mask-group-icon2 {
        position: absolute;
        top: 5541px;
        left: 100.37px;
        width: 212.6px;
        height: 470.5px;
        object-fit: cover;
    }

    .group-child14 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 43.27px;
        background-color: #000;
        border: 2.3px solid #d6ff37;
        box-sizing: border-box;
        width: 655.9px;
        height: 302.1px;
    }

    .access-official-models {
        position: absolute;
        top: 80.47px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 505.6px;
        height: 132.1px;
    }

    .access-official-models-create-parent {
        position: absolute;
        top: 0px;
        left: 63.01px;
        width: 506px;
        height: 212.5px;
    }

    .logo-icon3 {
        position: absolute;
        height: 19.39%;
        width: 7.61%;
        top: 8.93%;
        right: 92.39%;
        bottom: 71.68%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent10 {
        position: absolute;
        top: 42.51px;
        left: 44.03px;
        width: 569px;
        height: 212.5px;
    }

    /* .rectangle-parent9 {
        position: absolute;
        top: 4730.37px;
        left: 534.49px;
        width: 655.9px;
        height: 302.1px;
    } */

    .make-your-models {
        position: absolute;
        top: 80.47px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 504.8px;
        height: 132.1px;
    }

    .make-your-models-move-with-fr-parent {
        position: absolute;
        top: 0px;
        left: 66.04px;
        width: 504.8px;
        height: 212.5px;
    }

    .logo-icon4 {
        position: absolute;
        height: 19.39%;
        width: 7.59%;
        top: 8.57%;
        right: 92.41%;
        bottom: 72.04%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent12 {
        position: absolute;
        top: 47.06px;
        left: 40.23px;
        width: 576.9px;
        height: 168.5px;
    }

    .rectangle-parent11 {
        position: absolute;
        top: 5120.01px;
        left: 534.49px;
        width: 655.9px;
        height: 302.1px;
    }

    .group-child16 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 43.27px;
        background-color: #000;
        border: 2.3px solid #d6ff37;
        box-sizing: border-box;
        width: 655.9px;
        height: 265.7px;
    }

    .shoot-scan-the {
        position: absolute;
        top: 80.47px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 510.1px;
        height: 88.1px;
    }

    .shoot-scan-the-light-and-get-parent {
        position: absolute;
        top: 0px;
        left: 66.8px;
        width: 510.1px;
        height: 168.5px;
    }

    .logo-icon5 {
        position: absolute;
        height: 24.45%;
        width: 7.51%;
        top: 10.81%;
        right: 92.49%;
        bottom: 64.74%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent11 {
        position: absolute;
        top: 47.06px;
        left: 40.23px;
        width: 576.9px;
        height: 168.5px;
    }

    .rectangle-parent10 {
        position: absolute;
        top: 5583.51px;
        left: 534.49px;
        width: 655.9px;
        height: 265.7px;
    }

    .turn-everyday-moment {
        align-self: stretch;
        position: relative;
        line-height: 120%;
    }

    .turn-everyday-moment-into-movi-wrapper {
        position: absolute;
        bottom: 249.2px;
        left: 59.19px;
        width: 197.6px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 15.97px;
        font-family: Epilogue;
    }

    .join-ciney {
        width: 234.2px;
        position: relative;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
    }

    .subscribe-ciney-to {
        width: 234.2px;
        position: relative;
        line-height: 160%;
        display: inline-block;
    }

    .this-is-placeholder {
        position: relative;
        line-height: 160%;
    }

    .button-icon {
        width: 40.2px;
        height: 40.2px;
        object-fit: contain;
    }

    .form-variants {
        width: 235.5px;
        border: 1.3px solid #282828;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 1.3px 1.3px 1.3px 10.6px;
        gap: 0px;
        color: #a3a3a3;
    }

    .subscribe-ciney-to-get-more-3d-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
    }

    .join-ciney-parent {
        position: absolute;
        top: 6467.62px;
        right: 95.8px;
        width: 234.2px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 13.3px;
        font-size: 10.64px;
        font-family: Epilogue;
    }

    .divider {
        align-self: stretch;
        position: relative;
        border: 0.7px solid #e0e0e0;
        box-sizing: border-box;
        height: 0.7px;
    }

    .bottom-bar-content {
        width: 745.1px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

    .bottom-bar {
        position: absolute;
        width: 100%;
        right: 8px;
        bottom: 91.57px;
        left: -8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0px 58.5px 21.3px;
        box-sizing: border-box;
        gap: 21.3px;
        opacity: 0.7;
        font-size: 9.31px;
        font-family: Epilogue;
    }

    .logo-icon7 {
        position: absolute;
        height: 100%;
        width: 29.85%;
        top: 0%;
        right: 70.15%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name-icon1 {
        position: absolute;
        height: 78.42%;
        width: 64.07%;
        top: 13.58%;
        right: 0%;
        bottom: 8%;
        left: 35.92%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name1 {
        position: absolute;
        height: 0.78%;
        width: 14.66%;
        top: 94.77%;
        right: 81.03%;
        bottom: 4.44%;
        left: 4.31%;
    }

    .group-icon1 {
        position: absolute;
        height: 0.42%;
        width: 2.24%;
        top: 96.46%;
        right: 65.27%;
        bottom: 3.12%;
        left: 32.48%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon2 {
        position: absolute;
        height: 0.42%;
        width: 2.23%;
        top: 96.46%;
        right: 53.26%;
        bottom: 3.12%;
        left: 44.5%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon3 {
        position: absolute;
        height: 0.42%;
        width: 2.24%;
        top: 96.46%;
        right: 61.27%;
        bottom: 3.12%;
        left: 36.49%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon4 {
        position: absolute;
        height: 0.42%;
        width: 2.24%;
        top: 96.46%;
        right: 57.26%;
        bottom: 3.12%;
        left: 40.49%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon5 {
        position: absolute;
        height: 0.42%;
        width: 2.24%;
        top: 96.46%;
        right: 49.26%;
        bottom: 3.12%;
        left: 48.5%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .social-media {
        position: absolute;
        top: 6535.83px;
        left: 415.12px;
        font-size: 10.64px;
        line-height: 160%;
        font-weight: 500;
        font-family: Epilogue;
        display: inline-block;
        width: 71.9px;
    }

    .info {
        width: 173px;
        position: relative;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
    }

    .download-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        color: #ceccd6;
    }

    .info-parent {
        position: absolute;
        top: 6484.6px;
        left: 750px;
        width: 106.4px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 13.3px;
        font-size: 10.64px;
        font-family: Epilogue;
    }

    .frame-div {
        position: absolute;
        top: 4314px;
        left: 533px;
        border-radius: 43.34px;
        background-color: #000;
        border: 2.3px solid #d6ff37;
        box-sizing: border-box;
        width: 657px;
        height: 302.6px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 46.6px 40.2px;
        font-size: 27.37px;
    }

    .desktop {
        width: 100%;
        position: relative;
        background-color: #000;
        height: 6810px;
        overflow-y: auto;
        text-align: left;
        font-size: 27.33px;
        color: #fff;
        font-family: Inter;
    }


}

/* 移动端 */
@media (max-width: 1279px) {
    .desktop-win-child {
        position: absolute;
        top: 3460.34px;
        left: 194px;
        filter: blur(400px);
        border-radius: 50%;
        background-color: #718e01;
        width: 440px;
        height: 440px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        opacity: 0.59;
    }

    /* .desktop-win-item {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        backdrop-filter: blur(35.1px);
        background-color: rgba(135, 135, 135, 0.07);
        height: 116px;
    } */

    .about-us1 {
        position: absolute;
        top: 0%;
        left: 0%;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 500;
    }

    .about-us {
        position: absolute;
        top: 41px;
        left: 884px;
        width: 83px;
        height: 22px;
        font-size: 20px;
        color: #878787;
    }

    .home {
        position: absolute;
        top: 41px;
        left: 342px;
        width: 54px;
        height: 22px;
        display: none;
    }

    .media-kit {
        position: absolute;
        top: 166px;
        left: 179px;
        width: 84px;
        height: 22px;
        display: none;
    }

    .mobile-inner {
        position: absolute;
        width: calc(100% - 14px);
        top: 660px;
        right: 7px;
        left: 7px;
        height: 276px;
        display: none;
    }

    .group-child {
        position: absolute;
        top: 1027.61px;
        right: -634.1px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0), #000);
        width: 634.1px;
        height: 1027.6px;
        transform: rotate(-180deg);
        transform-origin: 0 0;
    }

    .group-item {
        position: absolute;
        top: 11.39px;
        left: 0px;
        /* background: linear-gradient(270deg, rgba(0, 0, 0, 0), #000); */
        width: 634.1px;
        height: 1027.6px;
    }

    .rectangle-parent {
        position: absolute;
        top: 3597px;
        right: -1548px;
        width: 1934px;
        height: 1039px;
        display: none;
    }

    .pick-a-template {
        position: absolute;
        top: 36.45px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 233px;
        height: 62.2px;
    }

    .simple-editing {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 22.87px;
        line-height: 160%;
        font-weight: 600;
    }

    .pick-a-template-place-your-as-parent {
        position: absolute;
        top: 0px;
        left: 32.87px;
        width: 233px;
        height: 98.6px;
    }

    .logo-icon {
        position: absolute;
        height: 19.68%;
        width: 7.67%;
        top: 7.25%;
        right: 92.33%;
        bottom: 73.08%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    /* .group-parent {
        width: 265.8px;
        position: relative;
        height: 98.6px;
    } */

    /* .frame-div {
        position: absolute;
        top: 2761px;
        left: calc(50% - 154.5px);
        width: 308.7px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 22px 19px;
        box-sizing: border-box;
    } */

    .desktop-win-item {
        position: absolute;
        top: 5243px;
        left: 800px;
        filter: blur(515.17px);
        border-radius: 50%;
        background-color: #718e01;
        width: 569px;
        height: 533px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        opacity: 0.59;
    }

    .pick-a-template1 {
        position: absolute;
        top: 96.48px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 616.7px;
        height: 164.6px;
    }

    .simple-editing1 {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 60.54px;
        line-height: 160%;
        font-weight: 600;
    }

    .pick-a-template-place-your-as-group {
        position: absolute;
        top: 0px;
        left: 87.03px;
        width: 616.7px;
        height: 261.1px;
    }

    /* .logo-icon2 {
        position: absolute;
        height: 19.69%;
        width: 7.66%;
        top: 7.25%;
        right: 92.34%;
        bottom: 73.07%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    } */

    /* .group-parent9 {
        width: 703.8px;
        position: relative;
        height: 261.1px;
    } */

    .mobile-inner1 {
        position: absolute;
        top: 4244px;
        left: 493px;
        border-radius: 53.92px;
        background-color: #000;
        border: 2.8px solid #d6ff37;
        box-sizing: border-box;
        width: 817.3px;
        height: 376.5px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 58px 50px;
        font-size: 34.05px;
    }

    .group-item {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        border-radius: 7.58px;
        background-color: #d6ff37;
        border: 0.7px solid #d6ff37;
        box-sizing: border-box;
    }

    .ios-download {
        position: absolute;
        height: 34.76%;
        width: 57.33%;
        top: 32.58%;
        left: 18.56%;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 600;
        display: inline-block;
    }

    .image-3-icon {
        position: absolute;
        height: 33.75%;
        width: 7.2%;
        top: 33.7%;
        right: 85.87%;
        bottom: 32.55%;
        left: 6.93%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .group-wrapper {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
    }

    .instance-child {
        position: absolute;
        height: 26.95%;
        width: 6.65%;
        top: 38.2%;
        right: 6.37%;
        bottom: 34.85%;
        left: 86.98%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent {
        position: absolute;
        top: 650px;
        left: 108.35px;
        width: 161px;
        height: 39.7px;
        font-size: 14.27px;
        color: #0d0d0d;
    }

    .group-child1 {
        position: absolute;
        top: 0px;
        left: 0px;
        box-shadow: 0px 2.4765625px 34.92px 1.24px rgba(214, 255, 55, 0.41);
        border-radius: 22.6px;
        background-color: #000;
        border: 0.3px solid #d6ff37;
        box-sizing: border-box;
        width: 190.7px;
        height: 39.6px;
    }

    .what-can-ciney {
        position: absolute;
        top: 8.67px;
        left: 24.15px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 158.5px;
    }

    .hide-on-small {
        display: none;
    }

    .rectangle-parent1 {
        position: absolute;
        top: 1135px;
        left: 84px;
        width: 190.7px;
        height: 39.6px;
        font-size: 14.86px;
        color: #e6e6eb;
    }

    .div {
        position: absolute;
        top: 86.91px;
        left: -216.42px;
        width: 185.3px;
        height: 401.5px;
        display: none;
    }

    .div1 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 258.4px;
        height: 560px;
    }

    .div2 {
        position: absolute;
        top: 86.91px;
        left: 298.48px;
        width: 185.3px;
        height: 401.5px;
        display: none;
    }

    .parent {
        position: absolute;
        top: 1258px;
        left: 55.6px;
        width: 258.4px;
        height: 560px;
    }

    /* .group-child1 {
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 31.55px;
        background-color: #000;
        border: 0.9px solid #d6ff37;
        box-sizing: border-box;
        width: 142px;
        height: 59px;
    } */

    .try-ciney {
        position: absolute;
        top: 17px;
        left: 29px;
        letter-spacing: -0.04em;
        line-height: 110%;
        font-weight: 500;
    }

    /* .rectangle-parent1 {
        position: absolute;
        top: 18px;
        right: 17px;
        width: 142px;
        height: 59px;
        font-size: 20px;
    } */

    .logo-icon6 {
        position: absolute;
        height: 100%;
        width: 29.85%;
        top: 0%;
        right: 70.15%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name-icon {
        position: absolute;
        height: 78.31%;
        width: 64.06%;
        top: 13.57%;
        right: 0.02%;
        bottom: 8.12%;
        left: 35.92%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name {
        position: absolute;
        height: 0.62%;
        width: 35.47%;
        top: 0.47%;
        right: 52.8%;
        bottom: 98.91%;
        left: 11.73%;
    }

    .cinematic-vfx-for {
        margin: 0;
    }

    .cinematic-vfx-for-container {
        position: absolute;
        width: calc(100% - 44px);
        top: 2.11%;
        left: 18px;
        font-size: 26.64px;
        letter-spacing: 1.25px;
        line-height: 31.67px;
        text-transform: capitalize;
        display: inline-block;
        background: linear-gradient(180deg, #d6ff37, #fff600);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        text-shadow: 8.754593849182129px 5.002624988555908px 13.18px rgba(0, 0, 0, 0.32);
    }

    .welcome-to-the-container {
        position: absolute;
        width: calc(100% - 109px);
        top: 199px;
        left: 51px;
        font-size: 16.17px;
        line-height: 128%;
        font-family: Epilogue;
        text-align: center;
        display: inline-block;
    }

    .desktop-win-inner {
        position: absolute;
        top: 253px;
        left: 0px;
        width: 376px;
        height: 334px;
        object-fit: cover;
    }

    .group-inner {
        position: absolute;
        top: 0px;
        left: calc(50% - 66.4px);
        box-shadow: 0px 2.7109375px 38.22px 1.36px rgba(214, 255, 55, 0.41);
        border-radius: 24.74px;
        background-color: #000;
        border: 0.3px solid #d6ff37;
        box-sizing: border-box;
        width: 132.8px;
        height: 43.4px;
    }

    .about-ciney {
        position: absolute;
        top: 9.49px;
        left: 21.69px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 103px;
    }

    .group-div {
        position: absolute;
        top: 720px;
        left: calc(50% - 69.92px);
        width: 132.8px;
        height: 43.4px;
        font-size: 16.27px;
        color: #e6e6eb;
    }

    .hollywood-in-your {
        position: absolute;
        height: 48.85%;
        width: 99.58%;
        top: 51.04%;
        left: 0.43%;
        line-height: 160%;
        display: inline-block;
        font-weight: 600;
    }

    .ciney {
        position: absolute;
        height: 51.72%;
        width: 36.74%;
        top: 0%;
        left: 0%;
        font-size: 25.97px;
        line-height: 160%;
        display: flex;
        font-weight: 800;
        color: #d6ff37;
        align-items: center;
    }

    .hollywood-in-your-pocket-parent {
        position: absolute;
        height: 100%;
        width: 76.49%;
        top: 0%;
        right: -0.01%;
        bottom: 0%;
        left: 23.52%;
    }

    .instance-inner {
        position: absolute;
        height: 95.23%;
        width: 17.89%;
        top: 2.33%;
        right: 82.11%;
        bottom: 2.44%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-container {
        position: absolute;
        top: 786px;
        left: calc(50% - 143.5px);
        width: 279px;
        height: 52.4px;
        font-size: 16.21px;
    }

    .image-5-2 {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        height: 39.6px;
        object-fit: contain;
    }

    .image-5-2-wrapper {
        position: absolute;
        width: 36.81%;
        top: 63.7px;
        right: 60.35%;
        left: 2.83%;
        filter: blur(0.45px);
        height: 39.6px;
    }

    /* .instance-inner {
        position: absolute;
        width: 17.35%;
        top: 0px;
        right: 0.64%;
        left: 82.01%;
        max-width: 100%;
        overflow: hidden;
        height: 20.6px;
        object-fit: contain;
    } */

    .image-5-1 {
        position: absolute;
        width: 100%;
        top: 3.2px;
        right: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        height: 84.3px;
        object-fit: cover;
    }

    .group-parent1 {
        position: absolute;
        top: 869px;
        left: 118px;
        width: 113px;
        height: 103.3px;
    }

    .ciney-is-a {
        font-weight: 500;
        font-family: Inter;
    }

    .next-gen-mobile-app1 {
        font-weight: 800;
        font-family: Inter;
    }

    .next-gen-mobile-app {
        color: #d6ff37;
    }

    .that-lets-anyone {
        color: #d8d8d8;
    }

    .with-just-their {
        font-weight: 500;
    }

    .let-the-magic {
        font-weight: 800;
        font-family: Inter;
        color: #d6ff37;
    }

    .ciney-is-a-container {
        position: absolute;
        top: 975px;
        right: 58px;
        font-size: 13.51px;
        line-height: 160%;
        text-transform: capitalize;
        display: inline-block;
        width: 255px;
        height: 117px;
        color: #d8d8d8;
    }

    .group-child3 {
        position: absolute;
        height: 100%;
        width: 19.34%;
        top: 0%;
        right: 80.66%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: contain;
    }

    .group-child4 {
        position: absolute;
        top: 0px;
        left: 0px;
        box-shadow: 0px 2.697265625px 38.03px 1.35px rgba(214, 255, 55, 0.41);
        border-radius: 24.61px;
        background-color: #000;
        border: 0.7px solid #d6ff37;
        box-sizing: border-box;
        width: 77.5px;
        height: 43.2px;
    }

    .desktop-win-child1 {
        position: absolute;
        height: 0.91%;
        width: 76.53%;
        top: 19.5%;
        right: 12.8%;
        bottom: 79.09%;
        left: 10.67%;
    }
    .gradient-line {
        width: 100%;
        height: 1px;
        /* 渐变色由中间亮色到两侧透明 */
        background: linear-gradient(to right,
                rgba(214, 255, 55, 0) 0%,
                /* 左侧透明 */
                #d6ff37 30%,
                /* 渐变到主色 */
                #d6ff37 70%,
                /* 主色 */
                rgba(214, 255, 55, 0) 100%
                /* 右侧透明 */
            );
    }
    .desktop-win-child2 {
        position: absolute;
        width: 340px;
        top: 1848px;
        left: calc(50% - 170px);
        backdrop-filter: blur(9.4px);
        background-color: rgba(0, 0, 0, 0.07);
        box-sizing: border-box;
        height: 241.5px;
    }

    .div3 {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    .div4 {
        position: absolute;
        top: 0px;
        left: 122.86px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    .div5 {
        position: absolute;
        top: 0px;
        left: 246.17px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    .div6 {
        position: absolute;
        top: 0px;
        left: 368.93px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    .div7 {
        position: absolute;
        top: 0px;
        left: 491.69px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    .div8 {
        position: absolute;
        top: 0.28px;
        right: -0.02px;
        background-color: #1b1b1b;
        width: 116.3px;
        height: 206.7px;
    }

    /* 滑动卡片区域建议这样写 */
    .scrolling-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 6px;
        padding: 10px 0px 10px 0px;
        /* 上下左右留点空 */
        scroll-snap-type: x mandatory;
        background: transparent;
        /* 调试时可设为 #222 */

        box-sizing: border-box;
        position: relative;
        /* 保证不是 absolute */
        z-index: 1;
    }

    .card-custom {
        flex: 0 0 112px;
        height: 200px;
        /* 这里可以自定义高度 */
        background: #1b1b1b;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border-radius: 12px; */
        scroll-snap-align: start;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        position: relative;
    }

    .card-custom img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


    /* .group-parent2 {
        position: absolute;
        top: 0px;
        left: 0px;
        box-shadow: 0px 2.697265625px 38.03px 1.35px rgba(214, 255, 55, 0.41);
        border-radius: 24.61px;
        background-color: #000;
        border: 0.7px solid #d6ff37;
        box-sizing: border-box;
        width: 77.5px;
        height: 43.2px;
    } */

    .work {
        position: absolute;
        top: 9.44px;
        left: 19.56px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 41.1px;
    }

    .rectangle-parent3 {
        position: absolute;
        top: 2135px;
        left: 144.73px;
        width: 77.5px;
        height: 43.2px;
        font-size: 16.18px;
        color: #e6e6eb;
    }

    .our-design-approach {
        position: absolute;
        width: calc(100% - 86.2px);
        top: 2265.45px;
        left: 51px;
        font-size: 6.83px;
        line-height: 160%;
        font-family: Epilogue;
        color: #e6e6eb;
        display: inline-block;
        height: 37.5px;
    }

    .featured-projects {
        position: absolute;
        top: 0px;
        left: 17.07px;
        line-height: 160%;
        font-weight: 700;
    }

    .group-child5 {
        position: absolute;
        top: 13.77px;
        left: 0px;
        background-color: #d6ff37;
        width: 7.2px;
        height: 22.9px;
    }

    .featured-projects-parent {
        position: absolute;
        top: 2208px;
        left: 51px;
        width: 289.1px;
        height: 50px;
        font-size: 31.5px;
    }

    .group-child6 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        border-radius: 20.37px;
        background-color: #000;
        border: 1.1px solid #d6ff37;
        box-sizing: border-box;
        width: 308.7px;
        height: 120.4px;
    }

    .capture-cinematic-shots {
        position: absolute;
        top: 37.87px;
        left: 35.02px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 229.7px;
        height: 41.4px;
    }

    .ai-camera-tracking {
        position: absolute;
        top: 0px;
        left: 35.02px;
        font-size: 20.87px;
        line-height: 160%;
        font-weight: 600;
        display: inline-block;
        width: 216.9px;
    }

    .logo-icon1 {
        position: absolute;
        height: 24.46%;
        width: 7.7%;
        top: 10.81%;
        right: 92.3%;
        bottom: 64.72%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .capture-cinematic-shots-in-one-parent {
        position: absolute;
        top: 20.72px;
        left: 15.36px;
        width: 264.8px;
        height: 79.3px;
    }

    .rectangle-parent4 {
        position: absolute;
        bottom: 805.15px;
        left: 29px;
        width: 308.7px;
        height: 120.4px;
    }

    .frame-334-1 {
        position: absolute;
        width: calc(100% - 38px);
        top: 4843px;
        right: 51px;
        left: 0px;
        max-width: 100%;
        overflow: hidden;
        height: 211.7px;
        object-fit: cover;
    }

    .mask-group-icon {
        position: absolute;
        top: 2930px;
        left: 61.86px;
        width: 298.7px;
        height: 413.6px;
        object-fit: cover;
    }

    .img-v3-02lb-0c6708e7-e040-4855-icon {
        position: absolute;
        width: 92.26%;
        top: 5.91px;
        right: 3.87%;
        left: 3.87%;
        border-radius: 35.01px;
        max-width: 100%;
        overflow: hidden;
        height: 361.2px;
        object-fit: cover;
        display: none;
    }

    .templates {
        position: absolute;
        top: 0px;
        left: 0px;
        text-transform: capitalize;
        font-weight: 600;
        display: inline-block;
        width: 43.9px;
    }

    .templates-wrapper {
        position: absolute;
        top: 45.67px;
        left: 5.98px;
        width: 43.9px;
        height: 10px;
    }

    .child {
        position: absolute;
        top: -377.95px;
        left: 161.98px;
        border-right: 0.4px solid #2f2f2f;
        box-sizing: border-box;
        width: 0.4px;
        height: 756.7px;
        display: none;
    }

    .item {
        position: absolute;
        top: -4.05px;
        left: 5.76px;
        border-right: 0.4px solid #2f2f2f;
        box-sizing: border-box;
        width: 0.4px;
        height: 382.9px;
        display: none;
    }

    .inner {
        position: absolute;
        top: 265.48px;
        left: 0px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
        width: 167.7px;
        height: 98.2px;
    }

    .group-child8 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #d6ff37;
        width: 25.6px;
        height: 12px;
    }

    .all {
        position: absolute;
        top: 2.13px;
        left: calc(50% - 3.84px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 8.1px;
        height: 6.4px;
    }

    .rectangle-parent5 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 25.6px;
        height: 12px;
        color: #000;
    }

    .group-child9 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #000;
        border: 0.4px solid #d6ff37;
        box-sizing: border-box;
        width: 35px;
        height: 12px;
    }

    .camera {
        position: absolute;
        top: 1.71px;
        left: calc(50% - 10.94px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 23.6px;
        height: 6.4px;
    }

    .rectangle-parent6 {
        position: absolute;
        top: 0px;
        left: 29.88px;
        width: 35px;
        height: 12px;
    }

    .group-child10 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.56px;
        background-color: #000;
        border: 0.4px solid #d6ff37;
        box-sizing: border-box;
        width: 49.9px;
        height: 12px;
    }

    .no-camera {
        position: absolute;
        top: 2.13px;
        left: calc(50% - 15.56px);
        line-height: 131.84%;
        font-weight: 500;
        display: inline-block;
        width: 32px;
        height: 6px;
    }

    .rectangle-parent7 {
        position: absolute;
        top: 0px;
        left: 68.29px;
        width: 49.9px;
        height: 12px;
    }

    .group-parent6 {
        position: absolute;
        top: 61.46px;
        left: 5.55px;
        width: 118.2px;
        height: 12px;
        font-size: 5.98px;
        color: #848484;
    }

    .group-child11 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 2.99px;
        background-color: rgba(17, 17, 17, 0.81);
        width: 49.9px;
        height: 12px;
    }

    .span2 {
        color: #fff;
    }

    .div10 {
        position: absolute;
        top: 0px;
        left: 21.77px;
    }

    .credits {
        position: absolute;
        top: 0px;
        left: 0px;
        color: #fff;
    }

    .container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 31.8px;
        height: 7px;
    }

    .group-frame {
        position: absolute;
        top: 2.56px;
        left: 15.37px;
        width: 31.8px;
        height: 7px;
    }

    .rectangle-parent8 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 49.9px;
        height: 12px;
    }

    .vector-icon {
        position: absolute;
        height: 75.49%;
        width: 83.33%;
        top: 12.55%;
        right: 8.3%;
        bottom: 11.96%;
        left: 8.37%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon-child {
        position: absolute;
        height: 8.82%;
        width: 8.82%;
        top: 20.92%;
        right: 45.15%;
        bottom: 70.25%;
        left: 46.03%;
        border-radius: 50%;
        background-color: #d6ff37;
    }

    .huge-icon {
        position: absolute;
        height: 85%;
        width: 20.44%;
        top: 7.11%;
        right: 75.28%;
        bottom: 7.89%;
        left: 4.28%;
        overflow: hidden;
    }

    .group-parent7 {
        position: absolute;
        top: 44.39px;
        left: 111.4px;
        width: 49.9px;
        height: 12px;
        font-size: 5.55px;
        color: #d6ff37;
    }

    .home1 {
        position: absolute;
        top: calc(50% - 6.41px);
        left: calc(50% - 15.56px);
        text-transform: capitalize;
        font-weight: 600;
    }

    .top-navigation-child {
        position: absolute;
        top: 2.99px;
        left: 148.53px;
        width: 12.8px;
        height: 12.8px;
    }

    .top-navigation {
        position: absolute;
        top: 19.6px;
        left: calc(50% - 83.85px);
        width: 167.7px;
        height: 18.8px;
        overflow: hidden;
        font-size: 11.1px;
    }

    .huge-icon-item {
        position: absolute;
        height: 82.88%;
        width: 74.77%;
        top: 8.33%;
        right: 12.73%;
        bottom: 8.79%;
        left: 12.5%;
        border-radius: 2.3px;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon-inner {
        position: absolute;
        height: 8.11%;
        width: 16.22%;
        top: 74.98%;
        right: 42.13%;
        bottom: 16.91%;
        left: 41.66%;
        border-radius: 1.15px;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .huge-icon1 {
        position: absolute;
        height: 60.99%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 39.01%;
        left: 0%;
        overflow: hidden;
    }

    .home2 {
        position: absolute;
        top: 0px;
        left: calc(50% - 5.5px);
        text-transform: capitalize;
    }

    .home-wrapper {
        position: absolute;
        top: 13.2px;
        left: calc(50% - 5.55px);
        width: 11px;
        height: 5px;
    }

    .huge-icon-parent {
        position: absolute;
        height: 100%;
        width: 8.6%;
        top: 0%;
        right: 50.04%;
        bottom: 0%;
        left: 41.36%;
        color: #d6ff37;
    }

    .assets {
        position: absolute;
        top: 12.78px;
        left: calc(50% - 6.5px);
        text-transform: capitalize;
    }

    .vector-icon1 {
        position: absolute;
        height: 60.11%;
        width: 85.38%;
        top: 0%;
        right: 11.33%;
        bottom: 39.89%;
        left: 3.28%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .assets-parent {
        position: absolute;
        top: 0.43px;
        left: calc(50% - 64.5px);
        width: 13px;
        height: 17.8px;
    }

    .control-center {
        position: absolute;
        top: 0px;
        left: calc(50% - 13.5px);
        text-transform: capitalize;
    }

    .control-center-wrapper {
        position: absolute;
        top: 12.78px;
        left: calc(50% - 13.5px);
        width: 27px;
        height: 5px;
    }

    .vector-icon2 {
        position: absolute;
        height: 60.11%;
        width: 34.81%;
        top: 0%;
        right: 33.57%;
        bottom: 39.89%;
        left: 31.62%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    /* .group-parent9 {
        position: absolute;
        top: 0.43px;
        left: calc(50% + 37.51px);
        width: 27px;
        height: 17.8px;
    } */

    .group-parent8 {
        position: absolute;
        height: 5.01%;
        width: 76.92%;
        top: 90.86%;
        right: 7.81%;
        bottom: 4.14%;
        left: 15.27%;
        font-size: 3.84px;
        color: #bfbfbf;
    }

    .notch-icon {
        position: absolute;
        top: -0.85px;
        left: calc(50% - 35.25px);
        width: 70px;
        height: 13.2px;
    }

    .right-side-icon {
        position: absolute;
        top: 7.4px;
        right: 6.71px;
        width: 28.5px;
        height: 4.8px;
    }

    .div11 {
        position: absolute;
        top: 0.67px;
        left: 0px;
        letter-spacing: -0.5px;
        line-height: 20px;
        font-weight: 600;
        display: inline-block;
        width: 36.1px;
        height: 13.4px;
    }

    .time {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 10.24px;
        width: 23px;
        height: 9px;
    }

    .left-side {
        position: absolute;
        top: 5.12px;
        left: 10.24px;
        width: 23px;
        height: 9px;
    }

    .status-bar-iphone-13-13-pr {
        position: absolute;
        top: 2.87px;
        left: calc(50% - 83.85px);
        background-color: rgba(133, 220, 64, 0);
        width: 166.5px;
        height: 18.8px;
        overflow: hidden;
        text-align: center;
        font-size: 15px;
        font-family: 'SF Pro Text';
    }

    .home-indicator {
        position: absolute;
        bottom: 2.95px;
        left: calc(50% - 28.45px);
        border-radius: 42.68px;
        background-color: #fff;
        width: 57.2px;
        height: 2.1px;
    }

    .home-indicatorlight {
        position: absolute;
        bottom: -0.04px;
        left: calc(50% - 83px);
        background-color: rgba(133, 220, 64, 0);
        width: 167.7px;
        height: 14.5px;
    }

    .div9 {
        position: absolute;
        top: 8.62px;
        left: 6.78px;
        background-color: #000;
        width: 167.7px;
        height: 363.6px;
        overflow: hidden;
    }

    .iphone-16-pro-black-titanium {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .img-v3-02lb-0c6708e7-e040-4855-parent {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0%;
        left: 0%;
        height: 470.2px;
    }

    .mask-group-icon1 {
        position: absolute;
        height: 76.55%;
        width: 89.5%;
        top: 13.78%;
        right: 5.08%;
        bottom: 9.67%;
        left: 5.42%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: cover;
    }

    .group-parent3 {
        position: absolute;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 470.2px;
    }

    .div12 {
        position: relative;
        font-weight: 500;
    }

    .camera1 {
        width: 35.3px;
        height: 35.3px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 8px 4.8px 8px 8px;
        box-sizing: border-box;
    }

    .make-your-video {
        width: 125.8px;
        position: relative;
        font-size: 16.03px;
        text-transform: capitalize;
        display: inline-block;
        font-family: 'Be Vietnam';
        height: 27.2px;
        flex-shrink: 0;
    }

    .camera-parent {
        position: absolute;
        height: 13.86%;
        top: 74.17%;
        bottom: 11.97%;
        left: calc(50% - 97.3px);
        box-shadow: 4.455317497253418px 4.455317497253418px 3.43px rgba(0, 0, 0, 0.78);
        border-radius: 14.42px;
        background-color: #d6ff37;
        width: 201.1px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 15.2px 37.7px;
        box-sizing: border-box;
        font-size: 13.62px;
        color: #000;
        font-family: 'SF Pro Display';
    }

    .group-child12 {
        position: absolute;
        top: 183.59px;
        left: 0px;
        width: 64.5px;
        height: 64.5px;
        object-fit: contain;
    }

    /* .group-child13 {
        position: absolute;
        top: 46.12px;
        left: 164.21px;
        width: 64.5px;
        height: 64.5px;
        object-fit: cover;
    } */

    .group-parent2 {
        position: absolute;
        width: 75.99%;
        top: 2313px;
        height: 470.2px;
        font-size: 8.54px;
        right: 0px;
        left: 50px;
    }

    .group-child13 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 248.1px;
        height: 410.3px;
        object-fit: cover;
    }

    .icon {
        position: absolute;
        top: 223.1px;
        left: 3.19px;
        border-radius: 9.18px;
        width: 125px;
        height: 189.2px;
        overflow: hidden;
        object-fit: contain;
    }

    .icon1 {
        position: absolute;
        top: 30.4px;
        left: 131.56px;
        border-radius: 5.92px;
        width: 121.7px;
        height: 185.2px;
        overflow: hidden;
        object-fit: contain;
    }

    .group-parent8 {
        position: absolute;
        top: 3539px;
        left: 57px;
        width: 253.3px;
        height: 412.3px;
    }

    .mask-group-icon2 {
        position: absolute;
        top: 4180px;
        left: 77px;
        width: 212.6px;
        height: 470.5px;
        object-fit: cover;
    }

    .group-child14 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 20.37px;
        background-color: #000;
        border: 1.1px solid #d6ff37;
        box-sizing: border-box;
        width: 308.7px;
        height: 142.2px;
    }

    .access-official-models {
        position: absolute;
        top: 37.87px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 238px;
        height: 62.2px;
    }

    .access-official-models-create-parent {
        position: absolute;
        top: 0px;
        left: 29.66px;
        width: 239px;
        height: 100px;
    }

    .logo-icon3 {
        position: absolute;
        height: 19.4%;
        width: 7.59%;
        top: 8.93%;
        right: 92.41%;
        bottom: 71.67%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent10 {
        position: absolute;
        top: 20.01px;
        left: 20.72px;
        width: 268.7px;
        height: 100px;
    }

    .rectangle-parent9 {
        position: absolute;
        top: 3351px;
        left: 29px;
        width: 308.7px;
        height: 142.2px;
    }

    .make-your-models {
        position: absolute;
        top: 37.87px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 237.6px;
        height: 62.2px;
    }

    .make-your-models-move-with-fr-parent {
        position: absolute;
        top: 0px;
        left: 31.09px;
        width: 237.6px;
        height: 100px;
    }

    /* .logo-icon2 {
        position: absolute;
        height: 19.4%;
        width: 7.59%;
        top: 8.58%;
        right: 92.41%;
        bottom: 72.02%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    } */

    .group-parent11 {
        position: absolute;
        top: 21.08px;
        left: 20.01px;
        width: 268.7px;
        height: 100px;
    }

    .rectangle-parent10 {
        position: absolute;
        top: 3981px;
        left: 29px;
        width: 308.7px;
        height: 142.2px;
    }

    .group-child16 {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 20.37px;
        background-color: #000;
        border: 1.1px solid #d6ff37;
        box-sizing: border-box;
        width: 308.7px;
        height: 125.1px;
    }

    .shoot-scan-the {
        position: absolute;
        top: 37.87px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 240.1px;
        height: 41.4px;
    }

    .shoot-scan-the-light-and-get-parent {
        position: absolute;
        top: 0px;
        left: 31.44px;
        width: 240.1px;
        height: 79.3px;
    }

    /* .logo-icon6 {
        position: absolute;
        height: 24.46%;
        width: 7.51%;
        top: 10.81%;
        right: 92.49%;
        bottom: 64.72%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    } */

    .group-parent12 {
        position: absolute;
        top: 22.15px;
        left: 18.94px;
        width: 271.6px;
        height: 79.3px;
    }

    .rectangle-parent11 {
        position: absolute;
        top: 4651px;
        left: 29px;
        width: 308.7px;
        height: 125.1px;
    }

    .turn-everyday-moment {
        align-self: stretch;
        position: relative;
        line-height: 120%;
    }

    .turn-everyday-moment-into-movi-wrapper {
        position: absolute;
        bottom: 608px;
        left: calc(50% - 102.5px);
        width: 197.6px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: center;
        font-size: 15.97px;
        font-family: Epilogue;
    }

    .join-ciney {
        width: 268.3px;
        position: relative;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
    }

    .subscribe-ciney-to {
        width: 268.3px;
        position: relative;
        line-height: 160%;
        display: inline-block;
    }

    .this-is-placeholder {
        position: relative;
        line-height: 160%;
    }

    .button-icon {
        width: 39px;
        height: 39px;
        object-fit: contain;
    }

    .form-variants {
        width: 269.8px;
        border: 1.5px solid #282828;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 1.5px 1.5px 1.5px 12.2px;
        gap: 0px;
        color: #a3a3a3;
    }

    .subscribe-ciney-to-get-more-3d-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 18.3px;
    }

    .join-ciney-parent {
        position: absolute;
        width: calc(100% - 106.7px);
        right: 57.7px;
        top: 5737px;
        left: 49px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 15.2px;
        font-size: 12.19px;
        font-family: Epilogue;
    }

    .divider {
        align-self: stretch;
        position: relative;
        border: 0.8px solid #e0e0e0;
        box-sizing: border-box;
        height: 0.8px;
    }

    .bottom-bar-content {
        width: 853.6px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

    .bottom-bar {
        position: absolute;
        width: calc(100% + 192px);
        right: -92px;
        bottom: 81.04px;
        left: -100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0px 67.1px 24.4px;
        box-sizing: border-box;
        gap: 24.4px;
        opacity: 0.7;
        font-size: 10.67px;
        font-family: Epilogue;
    }

    .logo-name-icon1 {
        position: absolute;
        height: 78.42%;
        width: 64.07%;
        top: 13.58%;
        right: 0%;
        bottom: 8%;
        left: 35.92%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .logo-name1 {
        position: absolute;
        height: 0.88%;
        width: 50.03%;
        top: 88.11%;
        right: 25.97%;
        bottom: 11.01%;
        left: 24%;
    }

    .group-icon1 {
        position: absolute;
        height: 0.54%;
        width: 8.75%;
        top: 90.9%;
        right: 74.82%;
        bottom: 8.56%;
        left: 16.43%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon2 {
        position: absolute;
        height: 0.54%;
        width: 8.72%;
        top: 90.9%;
        right: 27.86%;
        bottom: 8.56%;
        left: 63.42%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon3 {
        position: absolute;
        height: 0.54%;
        width: 8.75%;
        top: 90.9%;
        right: 59.16%;
        bottom: 8.56%;
        left: 32.09%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon4 {
        position: absolute;
        height: 0.54%;
        width: 8.75%;
        top: 90.9%;
        right: 43.5%;
        bottom: 8.56%;
        left: 47.76%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-icon5 {
        position: absolute;
        height: 0.54%;
        width: 8.75%;
        top: 90.9%;
        right: 12.19%;
        bottom: 8.56%;
        left: 79.06%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .social-media {
        position: absolute;
        top: 5487px;
        left: calc(50% - 37.5px);
        font-size: 10.64px;
        line-height: 160%;
        font-weight: 500;
        font-family: Epilogue;
        display: inline-block;
        width: 67px;
        height: 14px;
    }

    .info {
        width: 198.2px;
        position: relative;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
    }

    .download-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 18.3px;
        color: #ceccd6;
    }

    .info-parent {
        position: absolute;
        top: 5587px;
        left: 50px;
        width: 121.9px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 15.2px;
        font-size: 12.19px;
        font-family: Epilogue;
    }

    .pick-a-template2 {
        position: absolute;
        top: 35.53px;
        left: 0px;
        line-height: 160%;
        font-weight: 500;
        display: inline-block;
        width: 227.1px;
        height: 60.6px;
    }

    .simple-editing2 {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 22.3px;
        line-height: 160%;
        font-weight: 600;
    }

    .pick-a-template-place-your-as-container {
        position: absolute;
        top: 0px;
        left: 32.05px;
        width: 227.1px;
        height: 96.2px;
    }

    .logo-icon2 {
        position: absolute;
        height: 19.65%;
        width: 7.68%;
        top: 7.24%;
        right: 92.32%;
        bottom: 73.11%;
        left: 0%;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }

    .group-parent9 {
        width: 259.2px;
        position: relative;
        height: 96.2px;
    }

    .frame-div {
        position: absolute;
        top: 2805px;
        left: calc(50% - 154.5px);
        border-radius: 19.86px;
        background-color: #000;
        border: 1px solid #d6ff37;
        box-sizing: border-box;
        width: 301px;
        height: 138.7px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 21.4px 18.4px;
        font-size: 12.54px;
    }

    .mobile {
        width: 100%;
        position: relative;
        background-color: #000;
        height: 6066px;
        overflow-y: auto;
        text-align: left;
        font-size: 12.86px;
        color: #fff;
        font-family: Inter;
    }


}