.breadcrumb-nav {
    background-color: #ecf1f8 !important;
}

ol.breadcrumb li.breadcrumb-item + li.breadcrumb-item::before {
    color: #0271EC !important;
}

ol.breadcrumb li.breadcrumb-item,
ol.breadcrumb li.breadcrumb-item a,
ol.breadcrumb li.breadcrumb-item a:visited,
ol.breadcrumb li.breadcrumb-item a:focus {
    color: #0271EC !important;
}

.popover {
    max-width: 320px !important;
    width: 320px !important;
    padding: 6px !important;
}

@media (min-width: 600px) {
    .popover {
        max-width: 420px !important;
        width: 420px !important;
        padding: 12px !important;
    }
}

.box-popover-container .title {
    color: #011B44;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.18px;
    line-height: 22px;
}

.box-popover-container .description {
    margin-top: 24px;
    color: #011B44;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 22px;
}

.guide-learn-about-cmis-development-container {
    background-color: white;
    margin: 0;
    padding: 0;
}

    .guide-learn-about-cmis-development-container .section-01 {
        margin: 0;
        padding: 0;
    }

        .guide-learn-about-cmis-development-container .section-01 .row-01 {
            background-color: #ecf1f8;
            padding-top: 80px;
        }

            .guide-learn-about-cmis-development-container .section-01 .row-01 .title {
                color: #011B44;
                font-size: 16px;
                letter-spacing: 1.32px;
                line-height: 19px;
                text-align: center;
            }

        .guide-learn-about-cmis-development-container .section-01 .row-02 {
            background-color: #ecf1f8;
            padding: 15px 5px 120px 5px;
        }

            .guide-learn-about-cmis-development-container .section-01 .row-02 .title {
                color: #011B44;
                font-size: 43px;
                font-weight: bold;
                letter-spacing: 0.86px;
                line-height: 50px;
                text-align: center;
            }

        .guide-learn-about-cmis-development-container .section-01 .row-03 {
            background-color: white;
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .guide-learn-about-cmis-development-container .section-01 .row-03 .image-container {
                position: relative;
                top: -113px;
                background-color: transparent;
            }

                .guide-learn-about-cmis-development-container .section-01 .row-03 .image-container img {
                    max-width: 357px;
                }

        .guide-learn-about-cmis-development-container .section-01 .row-04 {
            position: relative;
            top: -113px;
            margin: 0 auto -113px auto;
            background-color: white;
            padding: 20px 5px 0 5px;
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: center;
            max-width: 710px;
        }

            .guide-learn-about-cmis-development-container .section-01 .row-04 .text {
                color: rgba(1,27,68,0.8);
                font-size: 18px;
                font-weight: bold;
                letter-spacing: 0.18px;
                line-height: 22px;
            }

        .guide-learn-about-cmis-development-container .section-01 .row-05 {
            position: relative;
            top: -13px;
            margin: 0 auto -13px auto;
            background-color: white;
            padding: 0 5px 40px 5px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .guide-learn-about-cmis-development-container .section-01 .row-05 .text {
                color: rgba(1,27,68,0.8);
                font-size: 16px;
                letter-spacing: 0.16px;
                line-height: 22px;
                max-width: 710px;
            }

    .guide-learn-about-cmis-development-container .section-02 {
        margin: 0;
        padding: 0;
        background-color: white;
    }

        .guide-learn-about-cmis-development-container .section-02 svg {
            margin: 20px auto 80px auto;
            max-width: 1076px;
        }

            .guide-learn-about-cmis-development-container .section-02 svg g.box
            .guide-learn-about-cmis-development-container .section-02 svg g.box path {
                cursor: pointer;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-1, .cls-2, .cls-3 {
                fill: #ffb300;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-4 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-5, .cls-6, .cls-7 {
                fill: #1fa071;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-8, .cls-2, .cls-9, .cls-10, .cls-11, .cls-7, .cls-12 {
                isolation: isolate;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-8, .cls-13, .cls-14 {
                fill: #005de7;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-15 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-16 {
                fill: #011b44;
                font-size: 29px;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-16, .cls-17, .cls-3, .cls-14, .cls-6, .cls-18, .cls-19 {
                font-family: Roboto-Bold, Roboto;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-20 {
                letter-spacing: .01em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-21 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-22 {
                letter-spacing: .03em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-23, .cls-9, .cls-18 {
                fill: #f12306;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-24 {
                fill: #ecf1f8;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-25, .cls-19, .cls-12 {
                fill: #31b8d2;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-17, .cls-3, .cls-14, .cls-6, .cls-18, .cls-19 {
                font-size: 18px;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-17, .cls-26, .cls-10 {
                fill: #6139e6;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-27 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-28 {
                letter-spacing: .01em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-29 {
                letter-spacing: -.02em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-30 {
                letter-spacing: .02em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-31 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-32 {
                letter-spacing: -.01em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-33 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-34 {
                fill: none;
                stroke-width: 11px;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-34, .cls-35 {
                stroke: #ecf1f8;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-36 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-11 {
                opacity: .6;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-37 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-38 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-39 {
                letter-spacing: 0em;
            }

            .guide-learn-about-cmis-development-container .section-02 svg .cls-35 {
                fill: #fff;
                stroke-miterlimit: 10;
            }

    .guide-learn-about-cmis-development-container .section-03 {
        background-color: rgba(236,241,248,0.47);
        margin: 0;
        padding: 25px 0 50px 0;
    }

        .guide-learn-about-cmis-development-container .section-03 .title {
            font-size: 30px;
            font-weight: bold;
            color: rgb(1, 27, 68);
            line-height: 1.2;
        }

        .guide-learn-about-cmis-development-container .section-03 .steps {
            margin: 10px 0;
        }

            .guide-learn-about-cmis-development-container .section-03 .steps .step-container {
                padding: 20px 15px;
            }

            .guide-learn-about-cmis-development-container .section-03 .steps .step {
                width: 310px;
                height: 256px;
                padding: 18px 32px;
                background-color: #ecf1f8;
                border-radius: 10px;
                box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
            }

                .guide-learn-about-cmis-development-container .section-03 .steps .step a,
                .guide-learn-about-cmis-development-container .section-03 .steps .step a:hover,
                .guide-learn-about-cmis-development-container .section-03 .steps .step a:visited,
                .guide-learn-about-cmis-development-container .section-03 .steps .step a:focus {
                    color: #011B44;
                    text-decoration: none;
                }

                .guide-learn-about-cmis-development-container .section-03 .steps .step .step-title {
                    height: 57px;
                    color: #011B44;
                    font-size: 48px;
                    font-weight: bold;
                    letter-spacing: 0.96px;
                    line-height: 57px;
                }

                .guide-learn-about-cmis-development-container .section-03 .steps .step .step-text-line-1 {
                    height: 48px;
                    color: #011B44;
                    font-size: 20px;
                    font-weight: 300;
                    letter-spacing: 0.4px;
                    line-height: 24px;
                }

                .guide-learn-about-cmis-development-container .section-03 .steps .step .step-text-line-2 {
                    height: 69px;
                    color: #011B44;
                    font-size: 20px;
                    font-weight: bold;
                    letter-spacing: 0.4px;
                    line-height: 23px;
                }

                .guide-learn-about-cmis-development-container .section-03 .steps .step .step-arrow-next {
                    font-size: 40px;
                    position: relative;
                    top: -10px;
                }

@media (min-width: 992px) {
    .guide-learn-about-cmis-development-container .section-03 {
        padding-top: 60px;
    }
}