/*CSS Look hero 50 image*/
                .h50i-introduction-content-white{
                    background-color: var(--global-color-white);
                }
                .h50i-introduction-content-ocre-light{
                    background-color: var(--global-color-ocre-light);
                }
                .h50i-introduction-content-ocre-medium{
                    background-color: var(--global-color-ocre-medium);
                }
                .h50i-introduction-content-ocre-dark{
                    background-color: var(--global-color-ocre-dark);
                }
                .h50i-introduction-content-grey-light{
                    background-color: var(--global-color-grey-light);
                }
                .h50i-introduction-content-grey-medium{
                   background-color: var(--global-color-grey-medium);
                }
                        .h50i-introduction-title{
                            font-size: var(--font-size-heading-h1-medium);
                        }
            .h50i-body-center-circle .h50i-body-wrapper{
                background-image: url("data:image/svg+xml;charset=UTF-8, <svg viewBox='0 0 185 186' fill='none' transform='rotate(90)' xmlns='http://www.w3.org/2000/svg'><path d='M92.244 0.833984C41.3585 0.833984 0.117188 42.0863 0.117188 92.9608C0.117188 143.835 41.3695 185.088 92.244 185.088V0.833984Z' fill='rgb(223,193,78)'/><path d='M184.369 92.9608C184.369 42.0753 143.117 0.833984 92.2422 0.833984V185.099C143.128 185.099 184.369 143.846 184.369 92.9718' fill='rgb(208,171,75)'/></svg>");
                background-repeat: no-repeat;
                background-size: 380px;
                background-position: calc((100% - 860px)/2) -1px;
                overflow: visible;
            }
                .h50i-body-center-circle .h50i-body-content{
                    border: solid var(--border-width-thick) var(--border-color-gray);
                    border-radius: var(--border-radius-bottom-left-big);
                    background-color: var(--global-color-white);
                }
            .h50i-body-right-circle .h50i-body-wrapper{
                background-image: url("data:image/svg+xml;charset=UTF-8, <svg viewBox='0 0 185 186' fill='none' transform='rotate(90)' xmlns='http://www.w3.org/2000/svg'><path d='M92.244 0.833984C41.3585 0.833984 0.117188 42.0863 0.117188 92.9608C0.117188 143.835 41.3695 185.088 92.244 185.088V0.833984Z' fill='rgb(223,193,78)'/><path d='M184.369 92.9608C184.369 42.0753 143.117 0.833984 92.2422 0.833984V185.099C143.128 185.099 184.369 143.846 184.369 92.9718' fill='rgb(208,171,75)'/></svg>");
                background-repeat: no-repeat;
                background-size: 380px;
                background-position: calc((100% - 960px + (380px / 2))) -1px;
                overflow: visible;
            }
                .h50i-body-right-circle .h50i-body-content{
                    border-top: solid var(--border-width-thick) var(--border-color-gray);
                    border-left: solid var(--border-width-thick) var(--border-color-gray);
                    border-bottom: solid var(--border-width-thick) var(--border-color-gray);
                    border-radius: var(--border-radius-bottom-left-big);
                    background-color: var(--global-color-white);
                }
            .h50i-body-right-logo .h50i-body-wrapper{
                background-image: url("data:image/svg+xml;charset=UTF-8, <svg viewBox='0 0 689 772' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M252.704 770.029C252.582 770.049 252.48 770.066 252.399 770.079C252.318 770.066 252.216 770.049 252.094 770.029C251.954 770.005 251.787 769.977 251.593 769.945C251.29 769.893 250.921 769.83 250.489 769.755C249.075 769.508 246.986 769.132 244.289 768.614C238.896 767.578 231.077 765.976 221.385 763.712C202 759.185 175.131 752.013 145.205 741.439L145.188 741.433L145.172 741.427C134.572 737.953 124.18 733.973 114.028 729.533L114.013 729.527L113.998 729.521C17.782 689.923 -92.2812 616.49 -92.2812 487.853V1.85547H241.233V428.941C241.233 435.043 246.176 439.986 252.278 439.986C258.38 439.986 263.323 435.043 263.323 428.941V171.312H597.09V487.864C597.09 616.501 487.016 689.934 390.8 729.531L390.785 729.538L390.77 729.544C380.619 733.984 370.237 737.953 359.637 741.427L359.621 741.433L359.604 741.439C329.672 752.013 302.801 759.185 283.414 763.712C273.721 765.976 265.902 767.578 260.509 768.614C257.812 769.132 255.723 769.508 254.309 769.755C253.602 769.878 253.064 769.969 252.704 770.029Z' fill='rgb(255,255,255)' stroke='rgb(116,118,121)' stroke-width='3'/><path d='M596.244 234.834C545.358 234.834 504.117 276.086 504.117 326.961C504.117 377.835 545.369 419.088 596.244 419.088V234.834Z' fill='rgb(223,193,78)'/><path d='M688.369 326.961C688.369 276.075 647.117 234.834 596.242 234.834V419.099C647.128 419.099 688.369 377.846 688.369 326.972' fill='rgb(208,171,75)'/></svg>");
                background-repeat: no-repeat;
                background-size: min(810px,calc(50% - 60px)) 100%;
                background-position: 0 0;
            }
                .h50i-body-right-logo .h50i-body-content{
                    background-color: var(--global-color-white);
                }
@media (max-width:1199px) {
        .h50i-introduction-content-white:after{
            border-bottom: solid 1px var(--global-color-alt3-grey);
        }
            .h50i-body-center-circle .h50i-body-wrapper, .h50i-body-right-circle .h50i-body-wrapper{
                background-size: 280px;
                background-position: 30px -1px;
                overflow: visible;
            }
            .h50i-body-right-circle .h50i-body-content{
                border-right: solid var(--border-width-thick) var(--border-color-gray);
            }
            .h50i-body-right-logo .h50i-body-wrapper{
                background-size: 70% 100%;
                background-position: -140% 0;
            }
}
@media (max-width:768px) {
                .h50i-introduction-content{
                    box-shadow: 0 -10px 27px 20px rgba(255,255,255,0.51);
                }
                .h50i-introduction-content-white{
                    background: linear-gradient(0deg, rgba(255,255,255,1) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-content-ocre-light{
                    background: linear-gradient(0deg, var(--global-color-ocre-light) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-content-ocre-medium{
                    background: linear-gradient(0deg, var(--global-color-ocre-medium) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-content-ocre-dark{
                    background: linear-gradient(0deg, var(--global-color-ocre-dark) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-content-grey-light{
                    background: linear-gradient(0deg, var(--global-color-grey-light) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-content-grey-medium{
                    background: linear-gradient(0deg, var(--global-color-grey-medium) 94%, rgba(255,255,255,0.52) 94%);
                }
                .h50i-introduction-breadcrumb{
                    background-color: var(--global-color-white);
                }
            .h50i-body-center-circle .h50i-body-wrapper, .h50i-body-right-circle .h50i-body-wrapper{
                background-size: 400px;
                background-position: right -100px bottom 0;
            }
                .h50i-body-center-circle .h50i-body-content, .h50i-body-right-circle .h50i-body-content{
                    border: 0;
                    border-radius: 0;
                    background-color: transparent;
                }
            .h50i-body-right-logo .h50i-body-wrapper{
                background-size: 400px;
                background-position: left -100px bottom 0;
            }
                .h50i-body-right-logo .h50i-body-content{
                    background-color: transparent;
                }
}