.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%;
            }
        }
    }
}

.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: 12px;
    }

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

.box-text-custom {
    .col-inner {
        padding: 24px;
        border-radius: 8px;
        border: 1px solid #296792;
        background: #296792;

        p {
            margin-bottom: 0;
            color: #FFF;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            line-height: 30px;
            /* 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-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% */

            }
        }
    }
}

.sec-bank-one,
.sec-bank-two,
.sec-bank-four,
.sec-bank-six {
    background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%), #FFF;
}

.sec-education-four {
    background: linear-gradient(180deg, #003A71 0%, #3E9BDB 119.15%), #FFF;
}

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

.sec-bank-one {
    .row {
        .col {
            .col-inner {
                height: 100%;
                display: flex;
                align-items: center;

                .content-title {
                    h3 {
                        color: #1F4D6D;
                    }

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

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

                    p {
                        width: 70%;

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

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

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

.sec-bank-three {
    .row {
        .col {
            .col-inner {
                .content-title {
                    p {
                        width: 70%;

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

                .custom-tab-home {
                    .nav {
                        max-height: 100% !important;
                    }

                    .tab-panels {
                        max-height: 100% !important;

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

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

        }
    }
}

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

                    p {
                        width: 70%;

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

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

                    p {
                        width: 70%;

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

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

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

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

                    p {
                        width: 70%;

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

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

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

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

                .custom-tab-home {

                    .nav {
                        /* max-height: 100% !important; */
                        width: 35%;

                        li {
                            a {
                                span {
                                    color: #323232 !important;
                                }
                            }

                            &::before {
                                background: #1F4D6D !important;
                                color: #fff !important;
                            }

                            &.active {
                                background: #3E9BDB !important;

                                a {
                                    span {
                                        color: #fff !important;
                                    }
                                }
                            }

                            &.active::before {
                                background-color: #fff !important;
                                color: #3E9BDB !important;
                            }
                        }
                    }

                    .entry-content {
                        background: #1F4D6D !important;
                        display: flex !important;
                        align-items: center !important;

                        p {
                            color: #fff;
                            width: 100%;
                            text-align: left;
                        }
                    }
                }

                .custom-accordion {
                    .accordion-title {
                        &.active {
                            border-radius: 16px 16px 0 0;
                            background: #3E9BDB !important;

                            &::before {
                                background-color: #fff !important;
                                color: #3E9BDB;
                            }

                            span {
                                color: #fff !important;
                            }
                        }

                        span {
                            color: #323232 !important;
                        }
                    }

                    .accordion-inner {
                        border-radius: 0 0 16px 16px;
                        background: #1F4D6D !important;

                        p {
                            color: #fff !important;
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
}

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

                    p {
                        width: 70%;

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

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

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

.sec-education-three,
.sec-education-four {
    .row {
        .col {
            .col-inner {
                .content-title {
                    h3 {
                        color: #1F4D6D;
                    }

                    p {
                        width: 70%;

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

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

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

.sec-education-k {
    background: #0A1924;

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

                    p {
                        color: #fff;
                        width: 70%;

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

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

                    .text {
                        height: 100%;
                        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);
                        h4 {
                            color:#fff;
                        }
                        p {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}