/*CSS Layout hero 100 image*/
        .h100i-introduction{
            margin-bottom: 100px;
        }
            .h100i-introduction-wrapper{
                position: relative;
            }
                .h100i-introduction-image{
                    height: 235px;
                }
                    .h100i-introduction-image img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                .h100i-introduction-head{
                    margin-top: -32px;
                    margin-bottom: 25px;
                    z-index: 2;
                    position: relative;
                }
                    .h100i-introduction-title{
                        width: calc(0.9 * var(--global-wrapper-width));
                        margin: 0 auto 15px auto;
                    }
                    .h100i-introduction-text{
                       width: calc(0.9 * var(--global-wrapper-width));
                       margin: 0 auto;
                       line-height: 1.5;
                    }
                .h100i-introduction-breadcrumb{
                    display: flex;
                    justify-content: center;
                }
@media (max-width:1199px) {
                    .h100i-introduction-title, .h100i-introduction-text, .h100i-introduction-breadcrumb{
                        width: 100%;
                        padding-left: var(--global-wrapper-horizontal-padding);
                        padding-right: var(--global-wrapper-horizontal-padding);
                    }
}
@media (max-width:768px) {
        .h100i-introduction{
            margin-bottom: 70px;
        }
                .h100i-introduction-image{
                    height: 257px;
                }
                .h100i-introduction-head{
                    margin-top: -22px;
                }
            .h100i-introduction-breadcrumb .custom-breadcrumb li{
                margin-bottom: 10px;
            }
}