.home {
    position: relative
}

.home .section1 {
    padding: 17.1875vw 0 6.51042vw 0;
    position: relative;
    overflow: hidden
}

.home .section1::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 48.33333vw;
    height: 48.33333vw;
    background: url(../images/circle.png) no-repeat;
    background-size: 100% 100%;
    filter: blur(32px);
    z-index: -1
}

.home .section1 h1 {
    text-align: center;
    line-height: 1.1
}

.home .section1 .txt {
    margin: 1.30208vw 0 5.72917vw 0;
    text-align: center;
    color: rgba(50, 48, 119, 0.3);
    line-height: 1.25
}

.home .section1 .items {
    display: grid;
    width: 57.55208vw;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 3.54167vw
}

.home .section1 .items .item {
    width: 100%;
    background: #fff;
    border-radius: .625vw;
    padding: 2.1875vw 1.14583vw;
    box-shadow: 0px 10px 14.5px 0px rgba(214, 218, 235, 0.3)
}

.home .section1 .items .item .p1 {
    font-weight: 600;
    line-height: 1;
    color: #313059;
    text-transform: capitalize
}

.home .section1 .items .item .p2 {
    margin: 1.14583vw 0;
    color: #313059;
    line-height: 1.18
}

.home .section1 .items .item .btn {
    width: 100%;
    padding: .9375vw 0;
    background-color: #323077;
    border-radius: 5px;
    color: white;
    text-align: center;
    display: block;
    line-height: 1.2
}

.home .section1 .items .item .box {
    border-bottom: 1.07px solid rgba(50, 48, 119, 0.1)
}

.home .section1 .items .item .box:last-child {
    border-bottom: none
}

.home .section1 .items .item .box .tag {
    font-size: .72917vw;
    background: var(--Linear, linear-gradient(90deg, #7767E6 0%, rgba(126, 106, 185, 0.4) 25%, #7767E6 50%, rgba(126, 106, 185, 0.4) 75%, #7767E6 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 1.14583vw 0 1.25vw 0
}

.home .section1 .items .item .box .pt {
    color: #313059;
    font-size: .78125vw;
    line-height: 1.14;
    font-weight: 600;
    margin-bottom: .9375vw
}

.home .section1 .items .item .box .des {
    font-size: .67708vw;
    line-height: 1.5;
    margin-bottom: .83333vw
}

.home .section1 .items .item .box .des p {
    color: rgba(50, 46, 74, 0.5)
}

.home .section1 .items .item .box .des p:not(:last-child) {
    margin-bottom: .46875vw
}

.home .section2 h1 {
    text-align: center;
    color: #313059;
    line-height: 1.1
}

.home .section2 .des {
    color: #313059;
    line-height: 1.85;
    margin: 1.25vw 0 1.875vw 0;
    text-align: center
}

.home .section2 .content .theader {
    background: #FFF;
    box-shadow: 0px 5px 14.3px 0px rgba(49, 48, 89, 0.05);
    padding: 1.30208vw 16.35417vw 1.30208vw 16.30208vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    left: 0;
    top: 3.95833vw;
    z-index: 50
}

.home .section2 .content .theader .lt {
    width: 25.625vw;
    font-weight: 700;
    line-height: 1.33
}

.home .section2 .content .theader .rh {
    display: flex
}

.home .section2 .content .theader .rh .item {
    text-align: center
}

.home .section2 .content .theader .rh .item .p1 {
    color: #323077;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize
}

.home .section2 .content .theader .rh .item .btn {
    width: 12.23958vw;
    height: 2.91667vw;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    color: #323077;
    border-radius: 8px;
    border: 1px solid rgba(126, 106, 185, 0.12);
    margin-top: 1.04167vw;
    cursor: pointer
}

.home .section2 .content .theader .rh .item:not(:last-child) {
    /* margin-right: 1.04167vw */
    margin-right: 0.625vw;
}

.home .section2 .content .theader .rh .item:nth-child(2) .btn {
    border-radius: 8px;
    border: 1px solid rgba(126, 106, 185, 0.12);
    background: linear-gradient(90deg, rgba(126, 106, 185, 0.12) 0%, rgba(126, 106, 185, 0.02) 25%, rgba(126, 106, 185, 0.2) 50%, rgba(126, 106, 185, 0.02) 75%, rgba(126, 106, 185, 0.12) 100%)
}

.home .section2 .content .theader .rh .item:nth-child(3) .btn {
    border-radius: 8px;
    border: 1px solid rgba(126, 106, 185, 0.6);
    background: linear-gradient(90deg, rgba(139, 126, 228, 0.24) 0%, rgba(139, 126, 228, 0.16) 25%, rgba(139, 126, 228, 0.4) 50%, rgba(139, 126, 228, 0.16) 75%, rgba(139, 126, 228, 0.24) 100%)
}

.home .section2 .content .table {
    background: #F9FAFC;
    padding: 2.5vw 16.19792vw 0 17.08333vw;
    padding-bottom: 3.125vw;
    position: relative
}

.home .section2 .content .table .bg1 {
    position: absolute;
    right: 16.19792vw;
    top: 0;
    width: 12.23958vw;
    height: calc(100% - 3.125vw);
    background: #EEEEFC;
    border-radius: 0px 0px 8px 8px
}

.home .section2 .content .table .bg2 {
    position: absolute;
    right: 29.16667vw;
    top: 0;
    width: 12.23958vw;
    height: calc(100% - 3.125vw);
    border-radius: 0px 0px 8px 8px;
    background: #F3F3F9
}

.home .section2 .content .table .bg3 {
    position: absolute;
    right: 42.13542vw;
    top: 0;
    width: 12.23958vw;
    height: calc(100% - 3.125vw);
    border-radius: 0px 0px 8px 8px;
    background: #F5F7FC
}

.home .section2 .content .table .box_all:not(:last-child) {
    margin-bottom: 3.33333vw
}

.home .section2 .content .table .box_all .basic {
    border-bottom: 2px solid rgba(126, 106, 185, 0.12);
    background: #FFF;
    backdrop-filter: blur(7.4px);
    height: 3.17708vw;
    padding: 0 .72917vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10
}

.home .section2 .content .table .box_all .basic p {
    background: linear-gradient(90deg, #7767E6 0%, rgba(126, 106, 185, 0.4) 25%, #7767E6 50%, rgba(126, 106, 185, 0.4) 75%, #7767E6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 0.85;
    font-weight: 700
}

.home .section2 .content .table .box_all .box {
    border-bottom: 1px solid rgba(50, 48, 119, 0.1);
    position: relative;
    z-index: 10
}

.home .section2 .content .table .box_all .box .title {
    display: flex;
    margin: 3.33333vw 0 2.91667vw 0;
    align-items: center;
    cursor: pointer;
    position: relative
}

.home .section2 .content .table .box_all .box .title img {
    width: 1.35417vw
}

.home .section2 .content .table .box_all .box .title p {
    color: #313059;
    margin: 0 .41667vw 0 .72917vw;
    font-weight: 600
}

.home .section2 .content .table .box_all .box .title svg {
    width: .83333vw;
    display: block
}

.home .section2 .content .table .box_all .box .title svg path {
    fill-opacity: .3;
    transition: all 600ms
}

.home .section2 .content .table .box_all .box .title span {
    color: #313059;
    margin: .26042vw 0 0 .625vw
}

.home .section2 .content .table .box_all .box .title .notice {
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: .78125vw;
    display: none
}

.home .section2 .content .table .box_all .box .title .notice .nr {
    display: flex;
    width: 28.64583vw;
    padding: 1.51042vw .625vw;
    justify-content: center;
    align-items: center;
    gap: 1.04167vw;
    border-radius: .625vw;
    background: #FFF;
    box-shadow: 0px 5px 10px 0px rgba(163, 178, 233, 0.1);
    color: rgba(50, 46, 74, 0.6);
    font-size: .625vw;
    line-height: 1.5
}

.home .section2 .content .table .box_all .box .title:hover svg path {
    fill-opacity: 1
}

.home .section2 .content .table .box_all .box .title:hover .notice {
    display: block
}

.home .section2 .content .table .box_all .box .items .item {
    display: flex;
    justify-content: space-between;
    padding: 1.5625vw .625vw;
    border-radius: 12px;
    background: transparent;
    align-items: center;
    cursor: pointer;
    transition: all 600ms
}

.home .section2 .content .table .box_all .box .items .item .dl {
    width: 25.625vw
}

.home .section2 .content .table .box_all .box .items .item .dl .d1 {
    display: flex;
    justify-content: space-between
}

.home .section2 .content .table .box_all .box .items .item .dl .d1 img {
    width: .83333vw;
    display: block;
    transition: all 600ms;
}

.home .section2 .content .table .box_all .box .items .item .dl .d1 p {
    color: #313059;
    line-height: 1.25;
    width: calc(100% - 1.2vw)
}

.home .section2 .content .table .box_all .box .items .item .dl .d2 {
    padding: 0.5vw 0 0 1.2vw;
    line-height: 1.4;
    display: none
}

.home .section2 .content .table .box_all .box .items .item .dl .d2 .p1 {
    font-weight: 600;
    color: rgba(50, 46, 74, 0.6)
}

.home .section2 .content .table .box_all .box .items .item .dl .d2 .des2 {
    color: rgba(50, 46, 74, 0.6);
    font-size: .625vw;
    margin-top: 1.04167vw
}

.home .section2 .content .table .box_all .box .items .item .dr {
    display: flex
}

.home .section2 .content .table .box_all .box .items .item .dr .d_d {
    width: 12.23958vw;
    text-align: center
}

.home .section2 .content .table .box_all .box .items .item.on {
    background: #FFF;
    box-shadow: 0px 5px 10px 0px rgba(163, 178, 233, 0.1)
}

.home .section2 .content .table .box_all .box .items .item.on .dl .d1 img {
    transform: rotate(90deg);
}

@media screen and (max-width: 1480px) {
    .home .section1 .items .item .box .tag {
        font-size: 14px;
    }

    .home .section1 .items .item .box .pt {
        font-size: 15px;
    }

    .home .section1 .items .item .box .des {
        font-size: 13px;
    }

    /* Section 2 */
    .home .section2 .content .table .box_all .box .title .notice .nr {
        font-size: 12px;
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d2 .des2 {
        font-size: 12px;
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d1 img {
        width: 16px;
    }
}

@media screen and (max-width: 768px) {
    .home .section1 {
        padding: 120px 5% 40px 5%
    }

    .home .section1::before {
        width: 100%;
        height: 100%;
        top: 50%
    }

    .home .section1 h1 {
        font-size: 20px
    }

    .home .section1 .txt {
        margin: 15px 0 50px 0
    }

    .home .section1 .items {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px 0;
        width: 100%
    }

    .home .section1 .items .item {
        padding: 21px 20px;
        border-radius: 10px
    }

    .home .section1 .items .item .p2 {
        margin: 11px 0
    }

    .home .section1 .items .item .btn {
        padding: 8px 0
    }

    .home .section1 .items .item .box .tag {
        font-size: 14px;
        margin: 11px 0 12px 0
    }

    .home .section1 .items .item .box .pt {
        font-size: 15px;
        margin-bottom: 10px
    }

    .home .section1 .items .item .box .des {
        font-size: 13px;
        margin-bottom: 8px
    }

    .home .section1 .items .item .box .des p:not(:last-child) {
        margin-bottom: 5px
    }

    .home .section2 {
        padding: 0 5%
    }

    .home .section2 .des {
        margin: 12px 0 18px 0
    }

    .home .section2 .content {
        overflow-x: scroll
    }

    .home .section2 .content .theader {
        padding: 13px 0;
        width: 800px;
        top: 0
    }

    .home .section2 .content .theader .lt {
        width: 200px;
        padding-left: 30px
    }

    .home .section2 .content .theader .rh .item .btn {
        width: 200px;
        height: 45px;
        margin-top: 10px
    }

    .home .section2 .content .theader .rh .item:not(:last-child) {
        margin-right: 10px
    }

    .home .section2 .content .table {
        padding: 24px 0;
        width: 800px;
        padding-bottom: 30px
    }

    .home .section2 .content .table .bg1 {
        right: 0;
        width: 200px;
        height: calc(100% - 30px)
    }

    .home .section2 .content .table .bg2 {
        right: 210px;
        width: 200px;
        height: calc(100% - 30px)
    }

    .home .section2 .content .table .bg3 {
        right: 420px;
        width: 200px;
        height: calc(100% - 30px)
    }

    .home .section2 .content .table .box_all:not(:last-child) {
        margin-bottom: 32px
    }

    .home .section2 .content .table .box_all .basic {
        height: 35px;
        padding: 0 20px
    }

    .home .section2 .content .table .box_all .box .title {
        margin: 32px 0 28px 0;
        padding: 0 20px
    }

    .home .section2 .content .table .box_all .box .title img {
        width: 26px
    }

    .home .section2 .content .table .box_all .box .title p {
        margin: 0 10px
    }

    .home .section2 .content .table .box_all .box .title svg {
        width: 16px
    }

    .home .section2 .content .table .box_all .box .title .notice {
        padding-top: 10px;
        left: 20px
    }

    .home .section2 .content .table .box_all .box .title .notice .nr {
        width: 300px;
        padding: 15px 6px;
        font-size: 12px;
        border-radius: 12px
    }

    .home .section2 .content .table .box_all .box .items .item {
        padding: 15px 20px
    }

    .home .section2 .content .table .box_all .box .items .item .dl {
        width: 200px
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d1 img {
        width: 16px
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d1 p {
        width: calc(100% - 20px)
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d2 {
        padding: 9px 0 0 20px;
    }

    .home .section2 .content .table .box_all .box .items .item .dl .d2 .des2 {
        font-size: 12px;
        margin-top: 10px
    }

    .home .section2 .content .table .box_all .box .items .item .dr .d_d {
        width: 200px
    }
}