/* ====== tab-gallery.css ====== */
/* Dark sidebar and white rounded right box like your images */



.tg-wrapper {
    display: flex;
    gap: 32px;
}

.tg-left {
    width: 35%;

    @media screen and (max-width:991px) {
        width: 100%;
    }
}

.tg-right {
    width: 60%;
    height: 490px;
    overflow: hidden;

    @media screen and (max-width:991px) {
        display: none;
    }
}

.tg-tab-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #aab7c4 transparent;
    scrollbar-gutter: stable;
    counter-reset: tab-counter;

    &::-moz-scrollbar-button {
        display: none !important;
    }

    /* Chrome / Edge / Safari */
    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-thumb {
        background: #aab7c4;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    @media screen and (max-width:991px) {
        height: 100%;
        max-height: 100%;
    }
}

.tg-tab-item {
    background: transparent;
    border-radius: 18px;
    margin-bottom: 0;
    overflow: hidden;
    transition: 0.25s ease;


    .tg-gallery-box {
        display: none !important;
    }

}

.tg-tab-item.open {
    background: #0d3342;

    @media screen and (max-width:991px) {
        .tg-gallery-box {
            display: block !important;
            transition: 0.25s ease;
        }
    }
}

.tg-tab-header {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 14px;
    cursor: pointer;
}

.tg-number {
    width: 40px;
    height: 40px;
    background: #2d7ed2;
    border-radius: 10px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.tg-title {
    font-size: 17px;
    color: #dff6ff;
    font-weight: 500;
}

/* ARROW */
.tg-arrow {
    margin-left: auto;
    width: 14px;
    height: 14px;
    border: solid #8fbfd8;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transition: 0.25s;
    transform: rotate(45deg);
    /* default arrow down */
}

.tg-tab-item.open .tg-arrow {
    transform: rotate(-135deg);
    /* arrow up */
}

/* SUBTABS */
.tg-subtabs-wrapper {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
}

.tg-subtab-btn {
    padding: 8px 24px;
    border-radius: 8px;
    background: #1F4D6D;
    border: none;
    color: #d6f0ff;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.tg-subtab-btn.active {
    background: #2d7ed2;
    color: #fff;
}

/* RIGHT SIDE GALLERY */
.tg-gallery-box {
    border-radius: 16px;
    background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
    padding: 24px;
    height: 100%;
    max-height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #aab7c4 transparent;
    scrollbar-gutter: stable;
    counter-reset: tab-counter;

    &::-moz-scrollbar-button {
        display: none !important;
    }

    /* Chrome / Edge / Safari */
    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-thumb {
        background: #aab7c4;
        border-radius: 4px;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    @media screen and (max-width:991px) {
        height: 100%;
        max-height: 100%;
    }
}

.tg-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    place-content: center !important;

    @media screen and (max-width:767px) {
        grid-template-columns: repeat(3, 1fr);
    }
}

.tg-gallery img {
    width: 100%;
    object-fit: contain;
}


/* END */

.custom-icon-box {
    align-items: center;
    padding-bottom: 12px;
}

.content-title {
    h5 {
        color: #3E9BDB;
        font-size: 18px !important;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    h3 {
        color: #FFF;
        font-size: 32px !important;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 12px;
    }

    p {
        color: #323232;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 40px;
    }
}

.order-1 {
    @media screen and (max-width:768px) {
        order: 1;
    }
}

.icon-box-text {
    h3 {
        color: #1F4D6D;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }
}

.box-icon-app {
    .col-inner {
        padding: 24px;
        border-radius: 8px;
        border: 2px solid #3E9BDB;
        background: #FFF;
    }
}

.box-tech {
    .box {
        .box-text {
            padding: 24px;

            .text {
                h4 {
                    color: #FFF;
                    font-size: 20px;
                    font-weight: 600;
                    line-height: 30px;
                    margin-bottom: 12px;
                    /* 150% */
                }
            }

            .icon-box {
                align-items: start;
                margin-bottom: 8px;

                .icon-box-text {
                    h4 {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 0;
                        /* 150% */
                    }
                }
            }
        }
    }
}

.box-benefit {

    .text {
        padding: 24px;
        border-radius: 8px;
        border: 2px solid #FFF;
        background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
        box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
        height: 200px;

        h4 {
            color: #1F4D6D;
            font-size: 20px;
            font-weight: 600;
            line-height: 30px;
            margin-bottom: 12px;
        }

        p {
            margin-bottom: 0;
        }

        @media screen and (max-width:768px) {
            height: 100%;
        }
    }
}

.box-icon-deliver {
    .col-inner {
        border-radius: 8px;
        border: 2px solid #FFF;
        background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
        box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
        padding: 24px;
        height: 100%;

    }
}

.pt-tabs {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;

    .pt-tabs-left {
        width: 45%;

        .pt-item {
            border-bottom: 2px solid #3E9BDB;

            .pt-tab-title {
                background: #fff;
                color: #323232;
                padding: 18px 20px;
                font-weight: 700;
                cursor: pointer;
                transition: all 0.25s;
                display: flex;
                justify-content: space-between;
                align-items: center;

                &.active {
                    background: #2f87c4;
                    color: #fff;
                    transition: all 0.25s;

                    i {
                        transform: rotate(180deg);
                    }
                }
            }

            .pt-panel {
                background: #fff;
                padding: 24px;

                ul {
                    list-style: none;
                    display: flex;
                    gap: 16px;
                    flex-wrap: wrap;
                    margin-bottom: 0;

                    li {
                        border-radius: 4px;
                        border: 1px solid #BEDDF3;
                        background: #F5FBFF;
                        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
                        padding: 8px;
                        margin-left: 0;
                    }
                }

                .pt-panel-image {
                    @media screen and (max-width:991px) {
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    &.pt-layout-tools {
        .pt-panel {

            p {
                position: relative;
                padding-left: 16px;

                &::before {
                    content: "•";
                    position: absolute;
                    left: 0;
                    top: 0;
                }
            }
        }
    }

    .pt-tabs-right {
        width: 55%;

        &.tools {
            border-radius: 16px;
            background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
        }

        &.practices,
        &.tools {
            @media screen and (max-width:991px) {
                display: none;
            }
        }

        .pt-visual {
            height: 100%;

            img {
                height: 100%;
            }
        }
    }





    .pt-visual {
        img {
            width: 100%;
            border-radius: 14px;
            display: block;
        }
    }

    .pt-visual-gallery {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* gap: 24px; */

        .pt-icon {
            img {
                width: 100%;
                border-radius: 8px;
            }
        }
    }

    @media (max-width: 991px) {
        flex-direction: column;

        .pt-tabs-left,
        .pt-tabs-right {
            width: 100%;
        }
    }
}

.banner-service {
    .content-banner {
        h3 {
            background: linear-gradient(180deg, #F4FAFF 41.53%, #5CBDFF 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 40px;
            /* padding-bottom: 16px; */
            /* 125% */
        }

        p {
            color: #FFF;
            text-align: center;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 27px;
            display: flex;
            width: 80%;
            padding-top: 16px;
            margin: auto;

            @media screen and (max-width:991px) {
                width: 100% !important;
            }
        }
    }

    &.child-service {
        .content-banner {
            .sub-cat {
                color: #3E9BDB !important;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                line-height: 27px;
                padding-bottom: 16px;
                padding-top: 0;
                /* 150% */
            }

            p {
                margin: 0;
                text-align: left;
                padding-bottom: 24px;
                width: 60%;
            }
        }
    }
}

.icon-box-testing {
    .col-inner {
        padding: 24px;
        border-radius: 8px;
        border: 1px solid #F5FBFF;
        background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);

        .icon-box-text {
            h4 {
                color: #1F4D6D;
                font-size: 20px;
                font-style: normal;
                font-weight: 600;
                line-height: 30px;
                /* 150% */
            }
        }

        @media screen and (max-width:991px) {
            .icon-box {
                display: flex;
                align-items: center;
                gap: 16px;
            }
        }
    }
}

.box-icon-test {
    .col-inner {
        border-radius: 8px;
        border: 1px solid #F5FBFF;
        background: #3381B6;
        padding: 24px;
        height: 100%;

        .icon-box-text {
            h3 {
                color: #fff;
            }

        }

        p {
            color: #fff;
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            /* 150% */
        }
    }
}

.box-reason {
    .col-inner {
        padding: 24px;
        border-radius: 8px;
        border: 2px solid #FFF;
        background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
        box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
        height: 100%;

        .icon-box {
            align-items: center !important;
            padding-bottom: 12px;

            .icon-box-text {
                h4 {
                    color: #1F4D6D;
                    font-size: 20px;
                    font-weight: 600;
                    line-height: 30px;

                    /* 150% */
                    @media screen and (max-width:991px) {
                        font-size: 16px;
                    }
                }
            }
        }

        p {
            margin-bottom: 0;
        }

        .box-text {
            padding: 0;

            h4 {
                color: #1F4D6D;
                font-size: 20px;
                font-weight: 600;
                line-height: 30px;
                padding-bottom: 12px;
                margin: 0;
                /* 150% */

            }
        }
    }
}

.box-text-soft {
    .col-inner {
        border-radius: 8px;
        border: 2px solid #FFF;
        background: linear-gradient(146deg, #0E2535 59.42%, #004677 100%);
        box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
        padding: 24px;
        height: 100%;
    }
}

.custom-accordion {
    .accordion-item {
        border-bottom: 1px solid #3E9BDB;

        .accordion-title {
            padding: 24px;
            color: #1F4D6D;
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
            border-top: none;
            background-color: #fff;

            /* 150% */
            &.active {
                background: #3E9BDB;
                color: #fff;
            }

            .toggle {
                left: unset;
                top: 3px;
                right: 0;
                height: 100%;
            }
        }

        .accordion-inner {
            padding: 24px;
            background-color: #fff;

            p {
                color: #323232;
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                margin-bottom: 0;
                /* 150% */
            }
        }
    }
}

.sec-app-one,
.sec-app-two,
.sec-app-eight,
.sec-qa-five,
.sec-api-five,
.sec-soft-one,
.sec-soft-two,
.sec-off-one,
.sec-off-two,
.sec-off-five,
.sec-off-six,
.sec-off-seven {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);
}

.sec-app-four,
.sec-app-five,
.sec-app-seven,
.sec-mobile-two,
.sec-qa-two,
.sec-api-seven,
.sec-soft-three,
.sec-off-three,
.sec-it-three,
.sec-soft-nine {
    background: #0A1924;
}

.box-icon-serve {
    .col-inner {
        border-radius: 8px;
        border: 2px solid #FFF;
        background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
        box-shadow: 0 2px 20px 0 rgba(0, 99, 166, 0.30);
        padding: 24px;
        height: 100%;

        .icon-box-text {

            h4,
            h3 {
                color: #1F4D6D;
                font-size: 18px;
                font-weight: 600;
                line-height: 27px;
                /* 150% */
            }
        }
    }
}

.custom-silder-fb {
    .row {
        .col {
            margin: 8px;

            .col-inner {
                border-radius: 0 32px;
                border: 2px solid #FFF;
                background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
                padding: 48px 32px;
                height: 242px;

                @media screen and (max-width:768px) {
                    padding: 24px;
                    height: 242px;
                }

                .content-feedback {
                    p {
                        color: #1F4D6D;
                        font-size: 18px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 24px;
                        /* 150% */
                    }
                }

                .name-field {
                    h4 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 27px;
                        margin-bottom: 0;
                        /* 150% */
                    }

                    p {
                        color: #323232;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 0;
                        /* 150% */
                    }
                }
            }
        }
    }

    .flickity-prev-next-button {
        top: unset;
        bottom: -5px;
        z-index: 5;


        &.previous {
            left: 40% !important;

            svg {
                border: none !important;
                width: 28px;
            }

            &:hover {
                svg {
                    background-color: transparent !important;
                }
            }

            @media screen and (max-width:991px) {
                bottom: -5px;
                display: block;
                left: 28% !important;
            }

            @media screen and (max-width:767px) {
                bottom: -5px;
                display: block;
                left: 15% !important;
            }
        }

        &.next {
            right: 40% !important;

            svg {
                border: none !important;
                width: 28px;
            }

            &:hover {
                svg {
                    background-color: transparent !important;
                }
            }

            @media screen and (max-width:991px) {
                right: 28% !important;
            }

            @media screen and (max-width:767px) {
                bottom: -4px;
                display: block;
                right: 15% !important;
            }
        }
    }
}

.sec-all-service {
    .row {
        .col {
            .col-inner {
                .custom-tab {
                    ul {
                        margin-bottom: 40px;

                        li {
                            a {
                                border-radius: 8px;
                                color: #1F4D6D;
                                padding: 8px 24px;
                                font-size: 16px;
                                transition: all 0.25s;
                                border: none;
                            }

                            &.active {
                                a {
                                    border: 1px solid #3E9BDB;
                                    background: #3E9BDB;
                                    transition: all 0.25s;

                                    span {
                                        color: #fff;
                                    }
                                }
                            }
                        }

                        @media screen and (max-width:768px) {
                            display: block;
                            overflow-x: auto;
                            overflow-y: hidden;
                            white-space: nowrap;
                            -webkit-overflow-scrolling: touch;


                            li {
                                display: inline-block;
                                white-space: nowrap;
                                margin-right: 10px;
                            }


                            &::-webkit-scrollbar {
                                height: 5px;
                            }

                            &::-webkit-scrollbar-thumb {
                                background: #ccc;
                                border-radius: 5px;
                            }
                        }
                    }

                    .tab-panels {
                        .entry-content {
                            .custom-col-service {
                                .col-inner {
                                    height: 100%;
                                    border-radius: 16px;
                                    border: 2px solid #FFF;
                                    background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
                                    padding: 16px 24px;

                                    .icon-box {
                                        .icon-box-text {
                                            h4 {
                                                color: #1F4D6D;
                                                font-size: 18px;
                                                font-style: normal;
                                                font-weight: 600;
                                                line-height: 27px;

                                                /* 150% */
                                                a {
                                                    color: #1F4D6D;
                                                    font-size: 18px;
                                                }

                                            }

                                            p {
                                                color: #323232;
                                                font-size: 16px;
                                                font-style: normal;
                                                font-weight: 400;
                                                line-height: 24px;
                                                /* 150% */
                                            }
                                        }
                                    }

                                    &:hover {
                                        box-shadow: 0 0 20px 0 rgba(0, 99, 166, 0.15);
                                        cursor: pointer;

                                        .icon-box {
                                            .icon-box-text {
                                                h4 {
                                                    color: #5CBDFF;

                                                    a {
                                                        color: #5CBDFF;
                                                    }

                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                }

            }
        }
    }
}

.sec-child-service-one {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .text {
                    h3 {
                        color: #1F4D6D;
                        text-align: center;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 0;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }

            }
        }

        @media screen and (max-width:991px) {
            justify-content: start !important;
        }
    }
}

.sec-child-service-two {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .text-cap {
                    margin-bottom: 0;

                    h3 {
                        margin-bottom: 12px;

                        span {
                            color: #1F4D6D;
                            font-size: 24px;
                            font-weight: 600;
                            line-height: 30px;
                            /* 125% */
                        }
                    }
                }

                p {
                    color: #323232;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    margin-top: 0;
                    margin-bottom: 40px;
                    /* 150% */
                }
            }
        }
    }
}

.sec-child-service-three {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .text-cap {
                    margin-bottom: 0;

                    h3 {
                        margin-bottom: 12px;

                        span {
                            color: #1F4D6D;
                            font-size: 24px;
                            font-weight: 600;
                            line-height: 30px;
                            /* 125% */
                        }
                    }
                }

                p {
                    color: #323232;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    margin-top: 0;
                    margin-bottom: 40px;
                    /* 150% */
                }
            }

            &.large-4 {
                .col-inner {
                    padding: 24px;
                    border-radius: 8px;
                    border: 2px solid #FFF;
                    background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);
                    box-shadow: 0 2px 20px 0 rgba(62, 155, 219, 0.30);
                    height: 244px;

                    @media screen and (max-width:991px) {
                        height: 100%;
                    }
                }

                &:nth-child(3) {
                    .col-inner {
                        box-shadow: none;
                    }
                }
            }
        }
    }
}

.sec-child-service-four {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .text-cap {
                    margin-bottom: 0;

                    h3 {
                        margin-bottom: 12px;

                        span {
                            color: #1F4D6D;
                            font-size: 24px;
                            font-weight: 600;
                            line-height: 30px;
                            /* 125% */
                        }
                    }
                }

                p {
                    color: #323232;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 24px;
                    margin-top: 0;
                    margin-bottom: 40px;
                    /* 150% */
                }
            }

        }

    }
}

.sec-child-service-five {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%);

    .row {
        .col {
            .col-inner {
                .text-cap {
                    margin: 0;

                    h3 {
                        color: #FFF;
                        text-align: center;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }


            }
        }
    }
}

.sec-child-service-six {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .cusstom-title {
                    p {
                        color: #3E9BDB;
                        font-size: 16px;
                        margin: 0;
                        font-weight: 600;
                        line-height: 24px;
                        /* 150% */
                    }

                    h4 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-child-service-seven {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h4 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                        /* 125% */
                    }

                    p {
                        margin-bottom: 40px;
                    }
                }
            }

        }

        .custom-icon-step {

            .col-inner {
                border-radius: 8px;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -7.22%, #3E9BDB 145.58%);
                height: 110px;
                padding: 14.204px 66.482px 14.796px 74.074px;
                width: 335px;
                margin: auto;

                .icon-box {
                    align-items: center;
                    height: 100%;

                    .icon-box-img {
                        margin-left: -92px;

                        @media screen and (max-width:767px) {
                            margin-left: -32px;
                        }
                    }

                    .icon-box-text {
                        width: 194px;
                        margin-left: 18px;

                        h4 {
                            font-size: 15px;
                        }
                    }
                }

                @media screen and (max-width:991px) {
                    width: 85%;


                    .icon-box-img {
                        width: 50px !important;
                        margin-left: -92px;
                    }

                    .icon-box-text {
                        width: 100% !important;
                        margin-left: 0 !important;

                        h4 {
                            color: #323232;
                            font-size: 11.04px !important;
                            font-weight: 600;
                            line-height: 16.56px;
                            /* 150% */
                        }
                    }
                }

                @media screen and (max-width:767px) {
                    width: 100%;
                    padding: 8.853px 35.755px 8.613px 44.592px;

                    .icon-box-text {


                        h4 {
                            font-size: 16px !important;
                        }
                    }
                }
            }

            &:nth-child(3) {
                .col-inner {
                    padding: 0 60px 0 80.556px;

                    @media screen and (max-width:767px) {
                        padding: 8.853px 35.755px 8.613px 44.592px;
                    }
                }

            }

            &:nth-child(2),
            &:nth-child(3) {
                .col-inner {
                    &::after {
                        content: url('../img/Vector\ 1757.png');
                        position: absolute;
                        right: -45px;
                        top: 45px;

                        @media screen and (max-width:991px) {
                            right: -30px;
                            top: 45px;
                        }

                        @media screen and (max-width:767px) {
                            display: none;
                        }
                    }


                }
            }

            &:nth-child(4) {
                .col-inner {

                    &::after {
                        content: url('../img/Vector\ 1755.png');
                        position: absolute;
                        right: -30px;
                        top: 55px;

                        @media screen and (max-width:991px) {
                            display: block;
                        }

                        @media screen and (max-width:767px) {
                            display: none;
                        }
                    }
                }
            }

            &:nth-child(6),
            &:nth-child(7) {
                .col-inner {
                    &::before {
                        content: url('../img/Vector\ 1759.png');
                        position: absolute;
                        left: -104px;
                        top: 45px;

                        @media screen and (max-width:991px) {
                            left: -100px;
                        }

                        @media screen and (max-width:767px) {
                            display: none;
                        }
                    }
                }
            }

            &:nth-child(5) {
                @media screen and (max-width:991px) {
                    order: 3;
                }

                @media screen and (max-width:767px) {
                    order: 5;
                }
            }

            &:nth-child(6) {
                @media screen and (max-width:991px) {
                    order: 4;
                }

                @media screen and (max-width:767px) {
                    order: 4;
                }
            }

            &:nth-child(7) {
                @media screen and (max-width:991px) {
                    order: 5;
                }

                @media screen and (max-width:767px) {
                    order: 3;
                }
            }
        }
    }
}

.sec-child-service-eight {
    background: #0A1924;

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h4 {
                        color: #FFF;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 40px;
                    }
                }
            }


        }
    }
}

.sec-child-service-nine {
    background: #0A1924;

    .row {
        .col {
            .col-inner {
                h3 {
                    color: #FFF;
                    font-size: 24px;
                    font-weight: 600;
                    line-height: 30px;
                    margin-bottom: 40px;
                    /* 125% */
                }

            }
        }
    }
}


.sec-app-one {

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        color: #323232;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 40px;
                    }
                }
            }

        }
    }
}

.sec-app-two {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        color: #323232;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-ap-three {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%), linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                    }
                }

                .custom-stack-icon {
                    .icon-box {
                        height: 100%;
                    }
                }
            }
        }
    }
}

.sec-app-four {

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        margin-bottom: 40px;
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                    }
                }
            }
        }
    }
}

.sec-app-five {

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        margin-bottom: 40px;
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                    }
                }
            }
        }
    }
}

.sec-app-six {

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        margin-bottom: 40px;
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-app-seven {

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        margin-bottom: 40px;
                        color: #fff;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-app-eight {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        margin-bottom: 40px;
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                    }

                    &.two {
                        h3 {
                            margin-bottom: 12px;
                        }

                        p {
                            width: 792px;
                            color: #323232;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 24px;
                            margin-bottom: 40px;

                            @media screen and (max-width:768px) {
                                width: 100%;
                            }
                        }
                    }
                }

                .html-table {
                    .pricing-table {
                        width: 100%;
                        border-collapse: collapse;
                        text-align: center;
                        font-family: sans-serif;
                    }

                    .pricing-table thead th {
                        background-color: #3fa9f5;
                        /* màu xanh giống hình */
                        color: #fff;
                        padding: 24px;
                        font-size: 20px;
                        text-align: center;
                        text-transform: capitalize;

                        &:nth-child(2) {
                            border-left: 2px solid #fff;
                        }
                    }

                    .pricing-table td {
                        padding: 24px;
                        border: 1px solid #3fa9f5;
                        font-size: 20px;
                        font-weight: 600;
                        text-align: center;
                    }

                }
            }
        }
    }
}

.sec-mobile-one,
.sec-qa-one {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        color: #323232;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 40px;
                        width: 70%;

                        @media screen and (max-width:768px) {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}

.sec-mobile-two {
    .row {
        .col {
            .col-inner {
                .content-title {
                    p {
                        width: 60%;
                        margin-bottom: 40px;

                        @media screen and (max-width:768px) {
                            width: 100%;
                        }
                    }
                }

                .custom-silder-fb {
                    .row {
                        .col {
                            margin: 8px;

                            .col-inner {
                                border-radius: 8px;
                                background: #1F4D6D;
                                padding: 24px;
                                border: none;
                                height: 208px;

                                @media screen and (max-width:768px) {
                                    height: 208px;
                                }

                                .content-feedback {
                                    h4 {
                                        color: #1F4D6D;
                                        font-size: 18px;
                                        font-weight: 600;
                                        line-height: 24px;
                                        margin-bottom: 24px;
                                        text-align: center;
                                        /* 150% */
                                    }
                                }
                            }
                        }

                        &.is-selected {
                            .col-inner {
                                border-radius: 8px;
                                border: 2px solid #FFF;
                                background: linear-gradient(90deg, #3E9BDB 0%, #006CD0 100%);
                            }
                        }
                    }

                    .flickity-prev-next-button {
                        display: none;
                    }

                    .flickity-page-dots {
                        .dot {
                            border-radius: 99px;
                            border-color: #7EBCE7;
                            transition: all 0.25s;

                            &.is-selected {
                                border-color: #fff;
                                width: 80px;
                                transition: all 0.25s;
                            }
                        }
                    }
                }

                .icon-box {
                    h4 {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        /* 150% */
                    }
                }
            }
        }
    }
}

.sec-mobile-three,
.sec-mobile-four,
.sec-mobile-five {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        width: 60%;
                        margin-bottom: 40px;

                        @media screen and (max-width:768px) {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}

.sec-mobile-six,
.sec-mobile-seven {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                    }

                    p {
                        width: 100%;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}


.sec-qa-one {
    .row {
        .col {
            .col-inner {}

            &.box-benefit {
                .col-inner {
                    height: 100%;

                    .text {
                        height: 100%;
                    }
                }
            }
        }


    }
}

.sec-qa-two {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #fff;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                        /* 125% */
                    }

                    p {
                        color: #fff;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-qa-three {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #323232;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                        /* 125% */
                    }

                    p {
                        color: #323232;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-qa-five {
    .row {
        .col {
            .col-inner {
                .text-cap {
                    span {
                        color: #1F4D6D;
                        text-align: center;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-api-one {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                    }
                }
            }

            &.box-benefit {
                .col-inner {
                    height: 100%;

                    .text {
                        height: 100%;
                    }
                }
            }
        }
    }
}

.sec-api-two {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%), linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%);

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                    }
                }

            }
        }
    }
}

.sec-api-five {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        /* 150% */
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-api-six {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%), #0A1924;

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                    }
                }

                .custom-stack-icon {
                    grid-template-columns: repeat(5, 1fr);

                    .icon-box {
                        width: 100%;
                        height: 100%;
                        padding: 24px;

                        .icon-box-text {
                            h3 {
                                color: #1F4D6D;
                                font-size: 16px;
                                font-weight: 600;
                                line-height: 24px;
                                /* 150% */
                            }
                        }
                    }

                    @media screen and (max-width:991px) {

                        grid-template-columns: repeat(3, 1fr);

                        .icon-box-last-child {
                            grid-column: span 3 !important;
                        }

                    }

                    @media screen and (max-width:767px) {

                        grid-template-columns: repeat(1, 1fr);
                        gap: 16px;

                        .icon-box-last-child {
                            grid-column: unset !important;
                        }
                    }
                }


            }
        }
    }
}

.sec-api-seven {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-soft-one,
.sec-soft-two {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-soft-two {
    .row {
        .col {
            .col-inner {
                .icon-box-text {
                    h4 {
                        color: #323232;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        /* 150% */
                    }
                }
            }
        }
    }
}

.sec-soft-three {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #fff;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }
            }
        }
    }
}

.sec-soft-four {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        text-align: center;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #1F4D6D;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 40px;
                        /* 125% */
                    }
                }

                h4 {
                    color: #1F4D6D;
                    font-size: 20px;
                    font-weight: 600;
                    line-height: 30px;
                    margin-bottom: 12px;
                    /* 150% */
                }
            }
        }
    }
}

.sec-soft-eight {
    background: #0A1924;

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        /* 150% */
                    }

                    h3 {
                        color: #FFF;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                    }

                    p {
                        color: #FFF;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        /* 150% */
                    }
                }
            }
        }
    }
}

.sec-soft-clients {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #FFF;
                        font-family: Inter;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 24px;
                        /* 150% */
                        margin-bottom: 12px;
                    }

                    h3 {
                        color: #FFF;
                        font-family: Inter;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 30px;
                        /* 125% */
                        margin-bottom: 40px;
                    }
                }

                .text {
                    width: 100% !important;

                    h4 {
                        color: #FFF;
                        font-family: Inter;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                        /* 150% */
                    }
                }
            }
        }
    }
}

.sec-off-one {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #3E9BDB;
                        font-family: Inter;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 24px;
                        margin-bottom: 12px;
                        /* 150% */
                    }

                    h3 {
                        color: #1F4D6D;
                        font-family: Inter;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 12px;
                        /* 125% */
                    }

                    p {
                        color: #323232;
                        font-family: Inter;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 24px;
                        margin-bottom: 40px;
                        /* 150% */
                    }


                }

                h4 {
                    color: #323232;
                    font-family: Inter;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 24px;
                    margin-bottom: 24px;
                }
            }
        }
    }
}

.sec-off-two {
    .row {
        .box-benefit {
            .col-inner {
                height: 100%;

                .text {
                    height: 100%;
                }
            }
        }
    }
}

.sec-off-three {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        margin-bottom: 40px;
                    }
                }

                .custom-silder-fb {
                    .row {
                        opacity: 1;

                        /* transform: scale(0.85); */
                        .col {
                            .col-inner {
                                height: 308px;
                                border-radius: 8px;
                                border: 2px solid #FFF;
                                background: linear-gradient(146deg, #0E2535 59.42%, #004677 100%);
                                padding: 24px;
                                opacity: 1;

                                .icon-box-text {
                                    h4 {
                                        color: #FFF;
                                        font-size: 20px;
                                        font-weight: 600;
                                        line-height: 30px;
                                        margin-bottom: 12px;
                                    }
                                }

                                p {
                                    color: #FFF;
                                    font-size: 16px;
                                    font-weight: 400;
                                    line-height: 24px;
                                    /* 150% */
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.sec-off-five {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                        margin-bottom: 40px;
                    }
                }
            }

            &.box-benefit {
                .col-inner {
                    height: 100%;

                    .text {
                        height: 100%;
                    }
                }
            }
        }
    }
}

.sec-off-six {
    .row {
        .col {
            .col-inner {

                .logo-doitac-swiper {
                    background-color: transparent;
                }
            }
        }
    }
}

.sec-off-seven {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                        margin-bottom: 40px;
                    }
                }

                .logo-recognition-swiper {
                    background-color: transparent;
                }
            }
        }
    }
}

.sec-off-nine {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

.sec-off-ten {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        margin-bottom: 40px;
                    }
                }


            }
        }
    }
}

.sec-off-tech {
    .row {
        .col {
            .col-inner {
                .custom-accordion {
                    & .accordion-item {
                        border-bottom: none;

                        .accordion-title {
                            padding: 24px;
                            color: #1F4D6D;
                            font-size: 20px;
                            font-weight: 700;
                            line-height: 30px;
                            border-top: none;
                            background-color: transparent;

                            .toggle {
                                left: unset;
                                right: 12px;
                                top: 4%;
                            }
                        }

                        .icon-box-text {
                            h3 {
                                color: #323232;
                                text-align: center;
                                font-size: 16px;
                                font-weight: 400;
                                line-height: 24px;
                                /* 150% */
                            }
                        }
                    }
                }
            }
        }
    }
}

.sec-off-process {
    .row {
        .col {
            &.box-icon-deliver {
                .col-inner {
                    border-radius: 8px;
                    border: 2px solid #3E9BDB;
                    background: #FFF;
                    height: 100%;
                    box-shadow: none;
                }
            }
        }
    }
}

.sec-it-one {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                    }


                    h4 {
                        color: #3E9BDB;
                        font-size: 20px;
                        font-weight: 600;
                        line-height: 30px;
                        margin-bottom: 24px;
                        margin-top: 25px;
                        /* 150% */
                    }

                    p {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }
}

.sec-it-two {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%);

    .row {
        .col {
            .col-inner {
                .content-title {
                    h5 {
                        color: #fff;
                    }

                    h3 {
                        color: #fff;
                    }
                }
            }
        }
    }
}

.sec-it-three {
    .row {
        .col {
            .col-inner {
                .content-title {}
            }
        }
    }
}

.sec-soft-nine {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        margin-bottom: 40px;
                    }
                }
            }
        }
    }
}

/* CSS 12/1/2025 */
.custom-text-header-new {
    h5 {
        color: var(--fs-color-primary);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        /* 20.8px */
        text-transform: uppercase;
    }

    h3 {
        color: #FFF;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }
}

.sec-background-linear {
    background: linear-gradient(0deg, #010F0C -44.28%, rgba(3, 62, 117, 0.00) 39.93%) !important;
    background-color: #0A1924 !important;
}

.btn-underline {
    &::before {
        display: none !important;
        ;
    }
}

.box-text-check {
    ul {
        list-style-type: none;
        padding-left: 10px;

        li {
            &::before {

                content: "\2713";
                /* Mã Unicode cho dấu tích (✔) */
                color: #fff;
                /* Màu dấu tích */
                font-weight: bold;
                display: inline-block;
                width: 1em;
                padding-right: 20px;
                margin-left: -1em;
                /* Đẩy dấu tích vào sát chữ */

            }
        }
    }
}

.box-text-icon-new {

    .col-inner {
        padding: 24px;
        height: 100%;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #006CD0;
        background: linear-gradient(17deg, #033E75 -72.07%, #010F0C 31.52%);

        .icon-box-text {
            h3 {
                color: #FFF;
                text-align: center;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                margin: 24px 0;
                /* 31.2px */
            }
        }

        p {
            color: #FFF;
            text-align: center;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 28.8px */
        }
    }
}

.cta-service-new {
    background: linear-gradient(180deg, #010F0C 59.92%, #006CD0 192.53%) !important;

    h5 {
        color: var(--fs-color-primary) !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        text-transform: uppercase;
    }

    h3 {
        color: #FFF;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: 8px 0 14px;
        /* 38.4px */
    }

    p {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 28.8px */
    }
}

.box-icon-serve-new {
    padding-bottom: 0 !important;

    .col-inner {
        background-color: transparent !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none;

        .icon-box-text {
            h3 {
                color: #FFF;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 160%;
                /* 32px */
            }
        }
    }
}

.sec-service-approach {
    .content-title {
        h5 {
            color: var(--fs-color-primary) !important;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            /* 20.8px */
            text-transform: uppercase;
        }

        p {
            color: #FFF;
            width: 776px;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;

            /* 28.8px */
            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    .custom-tab-home {
        .nav {
            max-height: 360px;
        }

        & .tab-panels {
            max-height: 360px;
            height: 100%;

            .entry-content {
                height: 360px !important;

                p {
                    height: 100%;
                    display: flex;
                    align-items: center;
                }
            }
        }
    }

    .custom-accordion {
        & .accordion-title {
            background-color: transparent !important;
        }
    }
}

.sec-it-sp {
    .content-title {
        h5 {
            color: var(--fs-color-primary);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            text-transform: uppercase;
        }

        p {
            color: #FFF !important;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 27px */
        }
    }
}

.box-image-new {
    .col-inner {
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #373737;
        background: linear-gradient(170deg, #010F0C 56.78%, #006CD0 195.77%);
        height: 100%;

        .box-text {
            padding: 14px 20px 0;

            h4 {
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                margin-bottom: 8px;
                /* 23.4px */
            }

            p {
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 300;
                line-height: 150%;
                /* 24px */
            }
        }

        .icon-box {
            padding: 8px 20px 0;

            .text {
                h4 {
                    color: #FFF;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: 130%;
                    /* 20.8px */
                }
            }
        }

        .btn-view-more {
            transform: translateX(-20px);

            &:hover {
                color: var(--fs-color-primary);
            }
        }
    }
}

.sec-ip-sp-two,
.sec-ip-sp-three {
    .content-title {
        h5 {
            color: var(--fs-color-primary);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        h3 {
            color: #1A1A1A;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%;
            /* 38.4px */
        }

        p {
            color: #1A1A1A;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            width: 856px;
            margin-bottom: 24px;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }
}

.pt-layout-practices {
    &.support {
        ul {
            list-style: disc !important;
            display: unset !important;

            li {
                border-radius: 0 !important;
                border: none !important;
                background: transparent !important;
                box-shadow: none !important;
                padding: 0 !important;
            }
        }
    }
}

.icon-box-it-new {
    .col-inner {
        border-radius: 8px;
        border: 1px solid #CACACA;
        background: #F6F6F6;
        padding: 20px;
        overflow: hidden;

        .icon-box {
            display: flex;
            align-items: center;

            h4 {
                color: #1A1A1A;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                /* 20.8px */
            }
        }
    }
}

.sec-child-service-eight-new {
    .box-tech {
        .col-inner {
            border-radius: 8px;
            border: 1px solid #373737;
            background: linear-gradient(140deg, #0F0F0F 52.27%, #101321 83.61%, #006CD0 208.76%) !important;
            height: 100%;
            overflow: hidden;
        }

        &:last-child {
            .col-inner {
                .box {
                    display: flex;
                    align-items: start;
                    justify-content: start;

                    .box-image {
                        order: 1;
                    }

                    @media screen and (max-width:768px) {
                        flex-direction: column;

                        .box-image {
                            order: 0;
                        }
                    }
                }
            }
        }
    }
}

.sec-it-sp-four {
    background: #E6E6E6 !important;
}

.sec-it-sp-five {
    .content-title {
        p {
            width: 856px;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    .icon-box-sp {
        .col-inner {
            border-radius: 8px;
            border: 1px solid #373737;
            background: linear-gradient(170deg, #01040F 56.78%, #006CD0 195.77%) !important;
            overflow: hidden !important;
            height: 100%;

            h3 {
                color: var(--fs-color-primary);
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 160%;
                /* 51.2px */
            }

            p {
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%;
                /* 23.4px */
            }
        }
    }
}

.sec-it-sp-six {
    background: #E6E6E6;

    .content-title {
        h5 {
            color: #1A1A1A;
            text-transform: uppercase;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            /* 20.8px */
            text-transform: uppercase;
        }

        h3 {
            color: #1A1A1A;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%;
            /* 38.4px */
        }

        p {
            color: #1A1A1A;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            width: 856px;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    .box-reason {
        .col-inner {
            border-radius: 8px;
            border: 1px solid #CACACA;
            background: #F6F6F6;
            overflow: hidden;
            height: 100%;
            box-shadow: none !important;
        }
    }
}

.custom-text-share-new {
    h5 {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        /* 20.8px */
        text-transform: uppercase !important;
    }

    h3 {
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }

    p {
        width: 693px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;

        @media screen and (max-width:768px) {
            width: 100%;
        }
    }
}

.sec-cyber {
    .row {
        .custom-text-cyber {
            .col-inner {
                padding: 0 0 0 32px;
                height: 100%;

                &::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 1px;
                    height: 100%;
                    background: var(--fs-color-primary);
                    z-index: -1;
                }



                h3 {

                    color: var(--fs-color-primary);
                    font-size: 48px;
                    font-style: normal;
                    font-weight: 800;
                    line-height: 140%;

                }

                p {
                    color: rgba(255, 255, 255, 0.60);
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%;
                    /* 28.8px */
                }

            }
        }
    }
}

.sec-service-cyber {
    .content-title {
        h5 {
            color: var(--fs-color-primary) !important;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            /* 20.8px */
            text-transform: uppercase;
        }

        h3 {
            color: #FFF;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%;
            /* 38.4px */
        }

        p {
            color: #FFF;
            width: 776px;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    .custom-tab-home {
        .nav {
            height: max-content;
        }

        .tab-panels {
            border-left: 0;
            max-height: 300px !important;

            .entry-content {
                height: 300px !important;
                display: flex !important;
                align-items: center;

                p {
                    display: flex;
                    height: 100%;
                    align-items: center;
                }

                ul {
                    margin-bottom: 0;
                }
            }
        }
    }

    .custom-accordion {
        & .accordion-item {
            .accordion-title {
                background-color: transparent !important;
            }
        }
    }
}

.sec-cyber-one {
    .content-title {
        p {
            width: 684px;
            margin: auto;
            color: #1A1A1A;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;

            @media screen and(max-width:768px) {
                width: 100%;
            }
        }
    }

    .box-text {
        p {
            margin: 14px 0;
        }
    }
}

.box-protecting {
    .col-inner {
        height: 100%;
        border-radius: 16px;
        border: 1px solid #0A1924;
        background: linear-gradient(180deg, #000F0C 0%, #006CD0 247.78%);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        padding: 16.25px 23px 15.75px 24px;

        h4 {
            color: #FFF;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 160%;
            /* 28.8px */
        }

        ul {
            li {
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 28.8px */
            }
        }
    }
}

.sec-cyber-two {
    .content-title {
        h5 {
            color: var(--fs-color-primary);
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            text-transform: uppercase;
        }

        h3 {
            color: #FFF;
            text-align: center;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%;
            /* 41.6px */
        }

        p {
            color: #FFF;
            text-align: center;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            width: 776px;
            margin: auto;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }


}

.sec-cyber-three {
    .box-icon-serve {
        .col-inner {
            border-radius: 8px;
            border: 1px solid #006CD0;
            background: linear-gradient(17deg, #006CD0 -72.07%, #010F0C 31.52%);
            padding: 32px;
            height: 100%;
            overflow: hidden;

            h3 {
                color: #FFF;
                text-align: center;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 130%;
                margin: 24px 0;
                /* 31.2px */
            }

            p {
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 28.8px */
            }
        }
    }
}

.sec-partner-cyber {
    .content-title {
        h3 {
            margin-bottom: 48px;
        }
    }
}

.btn-view-more-cyber {
    color: var(--fs-color-primary) !important;

    .icon-angle-right {
        transform: rotate(-45deg);
        transition: all 0.3s ease;
    }

    &:hover {
        .icon-angle-right {
            transform: rotate(0);
        }
    }
}

.sec-cta-service-new {
    .custom-text-share-k {
        h5 {
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            /* 20.8px */
            text-transform: uppercase;
        }

        h3 {
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%;
            /* 41.6px */
        }
    }
}

.sec-data-one {
    .box-benefit-data {
        .col-inner {
            border-radius: 16px;
            border: 1px solid #006CD0;
            background: linear-gradient(180deg, rgba(0, 108, 208, 0.15) 0%, rgba(19, 10, 89, 0.15) 100%);
            padding: 23px 28px 22px 29px;
            height: 100%;
            overflow: hidden;

            h3 {
                color: #006CD0;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 160%;
                /* 32px */
            }

            ul {
                li {
                    color: #FFF;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%;
                    /* 28.8px */
                }
            }
        }
    }
}

.sec-media-data {
    background: rgb(10, 25, 36) !important;

    h3 {
        margin-bottom: 48px;
    }
}

.sec-cta-service-data {
    background: linear-gradient(180deg, #000F0C 50.21%, #006CD0 122.55%) !important;

    .custom-text-share-k {
        h5 {
            color: #006CD0 !important;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%;
            /* 20.8px */
            text-transform: uppercase !important;
        }

        h3 {
            color: #FFF;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            /* 33.6px */
        }
    }
}

.sec-data-two {

    .content-title {
        p {
            color: #FFF;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 28.8px */
        }
    }

    .icon-box-text {
        h4 {
            color: #FFF;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 28.8px */
        }
    }
}

.sec-data-three {
    background: linear-gradient(180deg, #FFF 40.94%, #D2EDFF 100%);

    .content-title {
        h3 {
            color: #003A71;
            text-align: center;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%;
            /* 38.4px */
            width: 684px;
            margin: auto;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    h3 {
        color: #003A71;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 31.2px */
    }
}

.sec-data-four {
    .icon-box-testing-new {
        .col-inner {
            border-radius: 8px;
            border: 1px solid #373737;
            background: linear-gradient(170deg, #04010F 56.78%, #006CD0 195.77%);
            padding: 24px;
            overflow: hidden;
            height: 100%;

            h4 {
                color: #FFF;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 160%;
                /* 32px */
            }

            p {
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 25.6px */
            }
        }
    }
}

.sec-tech-data {
    .tg-wrapper {
        .tg-left {
            width: 45% !important;

            .tg-tab-item {
                margin-left: 0;
            }

            @media screen and (max-width:768px) {
                width: 100% !important;
            }
        }

        .tg-right {
            .tg-gallery-box {
                padding: 48px;
            }
        }
    }
}

.pb-12 {
    padding-bottom: 18px !important;
}

.sec-data-five {
    .icon-box {
        display: flex;
        align-items: center;
        margin-bottom: 14px;

        h3 {
            color: #1A1A1A;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 160%;
            /* 32px */
        }

        ul {
            li {
                color: #1A1A1A;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                /* 28.8px */
            }
        }
    }
}

.sec-service-data {
    .custom-accordion {
        & .accordion-item {
            .accordion-title {
                background-color: transparent !important;
            }
        }
    }

}

.sec-data-slider {
    .custom-silder-fb {
        .flickity-viewport {
            height: 350px !important;

            .col-inner {
                height: 300px !important;
            }

            @media screen and (max-width:768px) {
                height: 400px !important;

                .col-inner {
                    height: 380px !important;
                }
            }
        }

        .flickity-page-dots {
            .dot {
                border-radius: 0 !important;
                border-color: #7EBCE7;
                transition: all 0.25s;

                &:first-child {
                    border-top-left-radius: 99px !important;
                    border-bottom-left-radius: 99px !important;
                }

                &:last-child {
                    border-top-right-radius: 99px !important;
                    border-bottom-right-radius: 99px !important;
                }
            }

        }
    }
}

.sec-data-tech {
    .content-title {
        p {
            width: 851px;

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }
}

.sec-data-ana {
    .content-title {
        ul {

            margin: 24px 0;

            li {
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 200%;
            }
        }
    }
}

.sec-digital {
    .content-title {
        p {
            width: 856px;
            color: #FFF;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
            /* 28.8px */

            @media screen and (max-width:768px) {
                width: 100%;
            }
        }
    }

    .pt-layout-practices {
        &.digital {
            .pt-tabs-left {
                order: 1;
            }
        }
    }
}

.sec-digital-one {
    h3 {
        color: #1A1A1A;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }

}

.sec-digital-two {
    p {
        width: 878px;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;

        /* 27px */
        @media screen and (max-width:768px) {
            width: 100%;
        }
    }

    .box-view-more-digital {
        .col-inner {
            padding: 20px;
            border-radius: 8px;
            border: 1px solid #373737;
            background: linear-gradient(171deg, #0F0F0F 49.56%, #151021 98.5%, #006CD0 228.52%);
            overflow: hidden;
            height: 100%;

            .icon-box {
                &:first-child {
                    display: flex;
                    align-items: center;
                    margin: 14px 0;

                    h4 {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }
}

.box-icon-text-digital {
    .col-inner {
        border-radius: 8px;
        border: 1px solid #373737;
        background: linear-gradient(170deg, #01020F 56.78%, #006CD0 195.77%);
        height: 100%;
        padding: 24px;
        overflow: hidden;

        h4 {
            color: #fff;
        }

        p {
            color: #fff;
        }

        .icon-box {
            display: flex;
            align-items: center;

        }
    }
}

.custom-tab-new {
    .nav-simple {
        border-radius: 8px;
        background: #FFF;
        padding: 14px 24px;
        display: flex;
        justify-content: center;

        li {
            flex: 1;

            a {
                border-radius: 4px;
                background-color: #F2F2F2;
                padding: 11px 0;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;

                span {
                    color: #000;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 160%;
                    /* 38.4px */
                }
            }

            &.active {
                a {
                    background: var(--fs-color-primary);

                    span {
                        color: #FFF;
                    }
                }
            }
        }
    }

    .tab-panels {
        border-radius: 8px;
        background: #FFF;
        padding: 24px;
        margin-top: 12px;

        .entry-content {
            p {
                color: #1A1A1A;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                /* 23.4px */
            }

            ul {


                li {
                    list-style: none;
                    position: relative;
                    margin-left: 0;
                    border-radius: 4px;
                    padding: 9px 34px 0;
                    background: #F2F2F2;
                    color: #1A1A1A;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%;
                    margin-bottom: 14px;

                    &::before {
                        content: "\f00c";
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        position: absolute;
                        left: 12px;
                        top: 2px;
                        height: 100%;
                        color: #1A1A1A;
                        display: flex;
                        align-items: top;

                        @media screen and (max-width:768px) {
                            top: 10px;
                        }
                    }
                }
            }
        }

    }
}

.box-view-more-digital {

    .icon-box {
        display: none;
    }

    /* Hiện 2 icon-box đầu */
    .icon-box:nth-of-type(-n + 3) {
        display: flex;
    }

    .button.is-link {
        margin-top: 10px;
        padding: 0;
        background: none;
        color: var(--fs-color-primary) !important;

        span {

            color: var(--fs-color-primary) !important;
        }

        &::after {
            content: "\f078";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            transition: transform .3s ease;
            font-size: 14px;
            color: var(--fs-color-primary) !important;
            padding-left: 10px;
        }
    }

    &.active {

        .icon-box {
            display: flex;
        }

        a {
            color: var(--fs-color-primary) !important;
        }

        .button.is-link::after {
            content: "\f077";
            padding-left: 10px;
            color: var(--fs-color-primary) !important;
        }
    }
}

.box-view-more-it-sp {

    .box-view-more-digital {
        .icon-box {
            display: none;
        }

        .icon-box:nth-of-type(-n +3) {
            display: none;
        }

        &.active {

            .icon-box {
                display: flex !important;
            }


        }
    }

}