.home img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

.home .common_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.home .section1 {
    height: 100vh;
    display: none
}

.home .section1 .fix {
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.home .section1 .fix .wrap {
    width: 70.3125vw
}

.home .section1 .fix .wrap .img {
    width: 100%;
    height: 29.16667vw;
    margin: 0 0 1.35417vw;
    position: relative
}

.home .section1 .fix .wrap .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.home .section1 .fix .wrap .img img.on {
    display: block
}

.home .section1 .fix .wrap .title {
    color: #000;
    font-size: 3.33333vw;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-transform: capitalize;
    text-align: center
}

.home .banner {
    position: relative
}

.home .banner video {
    width: 63.33333vw;
    margin: 9.375vw auto 0 auto;
    display: block;
    object-fit: cover
}

.home .banner .title {
    color: #000;
    font-size: 3.33333vw;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1.45833vw;
    z-index: 10
}

.home .section2 {
    padding: 5.20833vw 12.5vw 0 12.5vw;
    position: relative;
    z-index: 12;
    overflow: hidden
}

.home .section2 .scroll_move {
    position: absolute;
    top: 214px;
    left: 0;
    z-index: -1;
    transform-origin: top left
}

.home .section2 .scroll_move svg {
    width: 1920px
}

.home .section2 .scroll_move .move {
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    offset-path: path("M1909 21.0003C1782.5 -8 1441.84 -23.3883 1252.88 113.244C1089.01 231.736 1526.56 386.272 1132.88 436.244C971.382 456.744 754.132 489.488 789.382 639.244C824.631 789 1185.33 1412.9 756.131 1416.5C219.631 1421 107 1306 1.50006 1679.5");
    offset-distance: 0%;
    transform: rotate(180deg) translate(0px, -33px)
}

.home .section2 .scroll_move .move svg {
    width: 100%
}

.home .section2 .content1 {
    display: flex;
    justify-content: space-between
}

.home .section2 .content1 .l {
    width: 38.4375vw;
    height: 23.75vw;
    border-radius: 1.04167vw;
    /* background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3.22917vw 0 0
}

.home .section2 .content1 .l .bor {
    width: 23.69792vw;
    height: 15.625vw;
    position: relative;
    z-index: 1;
    border-radius: .78125vw;
    border: .3125vw solid #000;
    background: #D9D9D9;
    overflow: hidden;
    transform: scale(1.5);
}

.home .section2 .content1 .l .bor .scale {
    position: absolute;
    left: 3.02083vw;
    top: 76px;
    z-index: 1;
    width: 194px;
    transform-origin: top left
}

.home .section2 .content1 .l .bor .scale .svg1 {
    width: 194px
}

.home .section2 .content1 .l .bor .scale .svg2 {
    width: 194px;
    position: absolute;
    left: 0px;
    bottom: 10px
}

.home .section2 .content1 .l .bor .scale .svg3 {
    position: absolute;
    left: -12px;
    bottom: 0;
    width: 24px
}

.home .section2 .content1 .l .bor .scale .svg4 {
    position: absolute;
    top: 29px;
    right: -11px;
    width: 24px
}

.home .section2 .content1 .l .bor .scale .move {
    position: absolute;
    left: 0;
    top: 0;
    offset-path: path("M1 132.5C1.66667 120.667 6.3 95.3999 19.5 88.9999C36 80.9999 35 77.9999 46 67.9999C57 57.9999 82.5 30.4999 88 23.4999C93.5 16.4999 99 -1.00005 110 0.999949C121 2.99995 124.5 20 132 28C139.5 36 186.5 43 195.5 41.5");
    offset-distance: 100%;
    transform: rotate(47deg) translateY(-11px);
    animation: 10s move2Animate linear infinite
}

.home .section2 .content1 .l .bor .scale .move img {
    display: block
}

.home .section2 .content1 .l .bor .scale .move .img1 {
    width: 18px;
    margin: 0 0 3px
}

.home .section2 .content1 .l .bor .scale .move .img2 {
    width: 18px
}

.home .section2 .content1 .l .bor .position {
    position: absolute;
    top: .72917vw;
    right: .52083vw;
    width: 8.125vw;
    height: 11.5625vw;
    background: #FFF;
    padding: .3125vw .625vw
}

.home .section2 .content1 .l .bor .position .p1 {
    color: #000;
    text-align: justify;
    font-size: .625vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.1px;
    text-transform: capitalize
}

.home .section2 .content1 .l .bor .position .p2 {
    color: rgba(0, 0, 0, 0.6);
    text-align: justify;
    font-size: .41667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.1px;
    text-transform: capitalize
}

.home .section2 .content1 .l .bor .position .line_con {
    margin: 1.19792vw 0 0 0;
    position: relative;
    z-index: 1
}

.home .section2 .content1 .l .bor .position .line_con .more_joke {
    position: absolute;
    top: .88542vw;
    right: 0;
    z-index: 21
}

.home .section2 .content1 .l .bor .position .line_con .more_joke .more {
    width: 1.71964vw;
    height: .70547vw;
    border-radius: .35276vw;
    background: #00C043;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: justify;
    font-size: .35276vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.085px;
    text-transform: capitalize
}

.home .section2 .content1 .l .bor .position .line_con .more_joke .more.on {
    background: #D54B35;
    margin: .15625vw 0 0
}

.home .section2 .content1 .l .bor .position .line_con:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #E6E6E6;
    z-index: -1
}

.home .section2 .content1 .l .bor .position .line_con .line_black {
    width: 5.9526vw;
    height: .17635vw;
    border-radius: .08818vw;
    background: #D9D9D9;
    display: flex;
    margin: 0 0 .52083vw .52083vw
}

.home .section2 .content1 .l .bor .position .line_con .line_black div {
    width: 3.96839vw;
    height: .17635vw;
    border-radius: .08818vw;
    background: #000
}

.home .section2 .content1 .l .bor .position .line_con .line_black img {
    width: .57292vw;
    height: .57292vw;
    position: relative;
    max-height: unset;
    max-width: unset;
    top: 50%;
    transform: translateY(-50%)
}

.home .section2 .content1 .l .bor .position .line_con .list {
    padding: 0 0 0 .52083vw;
    color: rgba(0, 0, 0, 0.6);
    text-align: justify;
    font-size: .30865vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.085px;
    text-transform: capitalize;
    position: relative
}

.home .section2 .content1 .l .bor .position .line_con .list img {
    width: .3125vw;
    position: absolute;
    left: .15625vw;
    top: 0
}

.home .section2 .content1 .l .bor .position .line_con .list.on:after {
    background: #00C043
}

.home .section2 .content1 .l .bor .position .line_con .list:after {
    content: '';
    position: absolute;
    width: .15625vw;
    height: .15625vw;
    border-radius: 50%;
    background: #D9D9D9;
    top: .10417vw;
    left: -.05208vw
}

.home .section2 .content1 .l .bor .position .line_con .list:not(:last-child) {
    margin: 0 0 .52083vw
}

.home .section2 .content1 .l .bor .common_bg {
    object-fit: contain;
    transform: scale(1.05)
}

.home .section2 .content1 .r {
    width: 33.33333vw;
    margin: 4.375vw 0 0 0
}

.home .section2 .content1 .r .p1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2.08333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    margin: 0 0 6.25vw;
    font-family: "Montserrat"
}

.home .section2 .content1 .r .p2 {
    color: rgba(0, 0, 0, 0.9);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px
}

.home .section2 .content2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 10.41667vw 0 0 0
}

.home .section2 .content2 .l {
    width: 38.4375vw;
    height: 23.75vw;
    border-radius: 1.04167vw;
    /* background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 3.22917vw
}

.home .section2 .content2 .l .bor {
    width: 23.69792vw;
    height: 15.625vw;
    position: relative;
    z-index: 1;
    border-radius: .78125vw;
    border: .3125vw solid #000;
    background: #D9D9D9;
    overflow: hidden;
    transform: scale(1.5);
}

.home .section2 .content2 .l .bor .common_bg {
    object-fit: contain;
    transform: scale(1.05)
}

.home .section2 .content2 .l .bor .scale {
    position: absolute;
    right: 0;
    bottom: -5px;
    z-index: 1;
    width: 384px;
    transform-origin: right bottom
}

.home .section2 .content2 .l .bor .scale .path {
    width: 384px
}

.home .section2 .content2 .l .bor .scale .point {
    width: 11px;
    position: absolute;
    bottom: 88px;
    left: 41px
}

@keyframes moveAnimate {
    0% {
        offset-distance: 100%
    }

    100% {
        offset-distance: 0%
    }
}

@keyframes move2Animate {
    0% {
        offset-distance: 0%
    }

    100% {
        offset-distance: 100%
    }
}

.home .section2 .content2 .l .bor .scale .move {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: rgba(64, 132, 239, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    offset-path: path("M2 264C3.31962 240.452 12.491 190.171 38.6195 177.435C71.2802 161.515 69.3008 155.545 91.0746 135.645C112.848 115.745 163.324 61.0198 174.211 47.0898C185.098 33.1598 195.985 -1.66528 217.758 2.31472C239.532 6.29473 246.46 40.1249 261.306 56.0449C276.152 71.9649 369.185 85.8949 387 82.9099");
    offset-distance: 100%;
    transform: rotate(47deg);
    animation: 10s moveAnimate linear infinite
}

.home .section2 .content2 .l .bor .scale .move img {
    width: 28px
}

.home .section2 .content2 .r {
    width: 33.33333vw;
    margin: 4.375vw 0 0 0
}

.home .section2 .content2 .r .p1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2.08333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    font-family: "Montserrat";
    margin: 0 0 4.53125vw
}

.home .section2 .content2 .r .p2 {
    color: rgba(0, 0, 0, 0.9);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px
}

.home .section2 .content3 {
    width: 100%;
    margin: 8.33333vw 0 0 0
}

.home .section2 .content3 .swiper1 .swiper-slide img {
    width: 100%;
    border-radius: 2.08333vw
}

.home .section2 .content3 .end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1.5625vw 0 0 0
}

.home .section2 .content3 .end .swiper-pagination {
    position: static;
    width: 13.69792vw;
    height: .15625vw;
    background: #F5F5F5
}

.home .section2 .content3 .end .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #000
}

.home .section2 .content3 .end .num {
    display: flex;
    align-items: center;
    margin: 0 0 0 1.04167vw
}

.home .section2 .content3 .end .num p,
.home .section2 .content3 .end .num span {
    color: rgba(0, 0, 0, 0.9);
    font-size: .83333vw;
    font-style: normal;
    font-weight: 600
}

.home .section2 .content3 .text {
    margin-bottom: 3.125vw
}

.home .section2 .content3 .text .p1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2.08333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    margin: 0 0 .625vw;
    font-family: "Montserrat"
}

.home .section2 .content3 .text .p2 {
    color: rgba(0, 0, 0, 0.6);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    margin: 0 0 .625vw
}

.home .section2 .content3 .text .p3 {
    width: 71.71875vw;
    color: rgba(0, 0, 0, 0.9);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px
}

.home .section3 {
    padding: 7.8125vw 12.5vw 8.33333vw 12.5vw
}

.home .section3 .title .p1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 2.08333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    margin: 0 0 2.08333vw;
    font-family: "Montserrat"
}

.home .section3 .title .p2 {
    color: rgba(0, 0, 0, 0.9);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px
}

.home .section3 .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.09375vw;
    margin: 4.53125vw 0 0 0
}

.home .section3 .content .item {
    width: 100%;
    height: 13.17708vw;
    background: #F5F5F5;
    border-radius: 1.04167vw;
    padding: 1.66667vw 2.08333vw 2.08333vw;
    display: flex;
    justify-content: space-between;
    transition: .6s ease
}

.home .section3 .content .item:hover {
    background: #FFF;
    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.06)
}

.home .section3 .content .item:hover .l .t1 {
    opacity: 1
}

.home .section3 .content .item .l {
    width: 14.27083vw
}

.home .section3 .content .item .l .t1 {
    color: rgba(0, 0, 0, 0.9);
    font-size: .72917vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.1px;
    margin: 0 0 .88542vw;
    opacity: 0;
    transition: .6s ease
}

.home .section3 .content .item .l .t2 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.1px
}

.home .section3 .content .item .bor {
    width: 4.58333vw;
    height: 4.58333vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .05208vw solid #D9D9D9
}

.home .section3 .content .item .bor img {
    object-fit: contain
}

@media screen and (max-width: 1024px) {
    .home {
        padding-top: 60px
    }

    .home .banner video {
        width: 100%;
        margin: 0 auto
    }

    .home .banner .title {
        font-size: 24px;
        bottom: 15px
    }

    .home .section1 .fix .wrap {
        width: 90%
    }

    .home .section1 .fix .wrap .img {
        margin: 0 0 10px
    }

    .home .section1 .fix .wrap .title {
        font-size: 24px
    }

    .home .section2 {
        padding: 25px 5%
    }

    .home .section2 .scroll_move {
        display: none
    }

    .home .section2 .content1 {
        flex-direction: column
    }

    .home .section2 .content1 .l {
        width: 100%;
        height: auto;
        padding: 20px;
        border-radius: 10px;
        margin: 0 !important
    }

    .home .section2 .content1 .l .bor {
        width: 100%;
        height: 180px;
        border-radius: 10px;
        border: 3px solid #000;
        transform: scale(1);
    }

    .home .section2 .content1 .l .bor .common_bg {
        transform: scale(1.3)
    }

    .home .section2 .content1 .l .bor .position {
        width: 156px;
        height: 100px;
        padding: 6px 12px
    }

    .home .section2 .content1 .l .bor .position .p1 {
        font-size: 12px
    }

    .home .section2 .content1 .l .bor .position .p2 {
        font-size: 8px
    }

    .home .section2 .content1 .l .bor .position .line_con {
        margin: 10px 0 0 0
    }

    .home .section2 .content1 .l .bor .position .line_con .more_joke {
        top: 17px
    }

    .home .section2 .content1 .l .bor .position .line_con .more_joke .more {
        width: 33px;
        height: 13px;
        border-radius: 7px;
        font-size: 8px
    }

    .home .section2 .content1 .l .bor .position .line_con .more_joke .more.on {
        margin: 5px 0 0
    }

    .home .section2 .content1 .l .bor .position .line_con .line_black {
        width: 114px;
        height: 2px;
        border-radius: 2px;
        margin: 0 0 10px 10px
    }

    .home .section2 .content1 .l .bor .position .line_con .line_black div {
        width: 76px;
        height: 2px
    }

    .home .section2 .content1 .l .bor .position .line_con .line_black img {
        width: 11px;
        height: 11px
    }

    .home .section2 .content1 .l .bor .position .line_con .list {
        padding: 0 0 0 10px;
        font-size: 5px
    }

    .home .section2 .content1 .l .bor .position .line_con .list img {
        width: 6px;
        left: 3px
    }

    .home .section2 .content1 .l .bor .position .line_con .list::after {
        width: 3px;
        height: 3px;
        top: 2px;
        left: -1px
    }

    .home .section2 .content1 .r {
        width: 100%;
        margin: 25px 0 0 0
    }

    .home .section2 .content1 .r .p1 {
        font-size: 20px;
        margin: 0 0 15px
    }

    .home .section2 .content1 .r .p2 {
        font-size: 13px;
        line-height: 1.8
    }

    .home .section2 .content2 {
        flex-direction: column !important;
        margin: 50px 0 0 0
    }

    .home .section2 .content2 .l {
        width: 100%;
        height: auto;
        padding: 20px;
        border-radius: 10px;
        margin: 0 !important
    }

    .home .section2 .content2 .l .bor {
        width: 100%;
        height: 180px;
        border-radius: 10px;
        border: 3px solid #000;
        transform: scale(1);
    }

    .home .section2 .content2 .l .bor .common_bg {
        transform: scale(1.3)
    }

    .home .section2 .content2 .r {
        width: 100%;
        margin: 25px 0 0 0
    }

    .home .section2 .content2 .r .p1 {
        font-size: 20px;
        margin: 0 0 15px
    }

    .home .section2 .content2 .r .p2 {
        font-size: 13px;
        line-height: 1.8
    }

    .home .section2 .content3 {
        margin: 30px 0 0 0
    }

    .home .section2 .content3 .end {
        margin: 15px 0 0 0
    }

    .home .section2 .content3 .end .swiper-pagination {
        width: 100px;
        height: 2px
    }

    .home .section2 .content3 .end .num {
        margin: 0 0 0 15px
    }

    .home .section2 .content3 .end .num p,
    .home .section2 .content3 .end .num span {
        font-size: 14px
    }

    .home .section2 .content3 .text .p1 {
        font-size: 20px;
        margin: 0 0 15px
    }

    .home .section2 .content3 .text .p2 {
        font-size: 13px;
        line-height: 1.8
    }

    .home .section2 .content3 .text .p3 {
        font-size: 13px;
        width: 100%;
        line-height: 1.8
    }

    .home .section3 {
        padding: 25px 5%
    }

    .home .section3 .title .p1 {
        font-size: 24px
    }

    .home .section3 .title .p2 {
        font-size: 13px;
        line-height: 1.8
    }

    .home .section3 .content {
        margin: 25px 0 0 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px
    }

    .home .section3 .content .item {
        height: auto;
        border-radius: 7px;
        padding: 5%;
        flex-direction: column-reverse
    }

    .home .section3 .content .item .l {
        width: 100%
    }

    .home .section3 .content .item .l .t1 {
        opacity: 1;
        font-size: 13px;
        line-height: 1.7;
        margin: 0 0 15px
    }

    .home .section3 .content .item .l .t2 {
        font-size: 18px
    }

    .home .section3 .content .item .l .t2 br {
        display: none
    }

    .home .section3 .content .item .bor {
        width: 55px;
        height: 55px;
        margin: 0 0 15px
    }

    .home .section3 .content .item .bor img {
        height: 30px
    }
}