:root{--spacer-xs:16px;--custom-radius:6px;--custom-color-white-16:#ffffff29;--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg-rgb: 255, 255, 255;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-bg: #fff;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-2xl: 2rem;--bs-border-radius-pill: 50rem;--bs-link-color: #0d6efd;--bs-link-hover-color: #0a58ca;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}
.two-columns img{
    object-fit:cover;
}
.image-row.horizontal .image-row__img{
    grid-column:auto;
    grid-row: 1;
    min-height: 180px;
}
.image-row{
    position: relative;
    display: grid;
    grid-auto-columns:auto;
    grid-template-rows:auto;
    gap:2px;
    width:100%;
}
.image-row.horizontal::after{
    top: initial;
    right: initial;
    bottom: 0;
    width: 100%;
    height: 40px;
}
.kyano_hei{
    height: 414px;
}
.bg-blue .button-primary{
    background-color: #ffffff;
    color: #151975!important;
}
.button-primary, .button-secondary, .button-tertiary, .button-secondary-on-bg, .button-icon{
    border-radius: 3px;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    transition:color var(--custom-transition),background-color var(--custom-transition);
}
.mt20{
    margin-top: 20px;
}
.glueh2{
    line-height: 60px;
    height: 40px;
}
.container{
    width: 100%;
}
.spacer--l{
 margin-bottom: 32px;   
    
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
    padding: 0;
    margin:0;
}
.text-icon-wrapper {
    text-decoration: none !important
}

.text-icon-wrapper .text-icon {
    transition: all .3s
}

.text-icon-wrapper .text-icon:hover {
    box-shadow: -1px 1px 15px 6px rgba(21,25,117,.1),15px 0 40px ,-15px 0 40px var(--custom-color-lighter-blue)
}

.text-icon {
    padding: 35px 24px 40px;
    box-shadow: -1px 1px 15px 6px rgba(21,25,117,.1);
    border-radius: 6px;
    background-color: #ffffff;
}

.text-icon.text-icon-left {
    padding: 21px var(--spacer-xs)
}

.text-icon__top {
    height: calc(150px - 32px - 35px);
    width: 79px;
}
.d-flex{
    display: flex!important;
}
.align-items-center{
    align-items: center!important;
}
.justify-content-center{
    justify-content: center!important;
}
.row{
    row-gap: 24px;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%!important
}
.related-posts__desktop .row>* {
     flex-shrink:0; 
    width: 100%;
     max-width:100%; 
     padding-right:12px; 
     padding-left:12px; 
     margin-top:0; 
}

.text-icon__top img {
    max-width: 79px;
    height: auto;
    max-height: 100%
}
.container-glue{
    max-width: 1300px!important;
}
.text-icon__left img {
    margin-right: 27px;
    max-width: 32px;
    height: auto
}

.text-icon__left .text-icon__title {
    font-size: var(--font-size-l);
    line-height: var(--line-height-l)
}

.text-icon__title {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5)
}

.text-icon p {
    font-family: Inter Light,sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    color: var(--custom-color-blue-stratos-5)
}
.image-gallery p {
    margin-bottom: 0
}

.image-gallery__title {
    font-family: Inter Semibold,sans-serif;
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    color: var(--custom-color-white)
}

.image-gallery__descr {
    font-family: Inter Light,sans-serif;
    font-size: var(--font-size-m);
    line-height: var(--line-height-m)
}

.image-gallery__text-item {
    grid-column: 1/-1;
    background: hsla(0,0%,100%,.0470588235);
    padding: 28px 21px;
    position: relative;
    border-radius: 6px
}

.image-gallery__text-item::after {
    transform: translateX(-50%);
    left: 50%;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    border-right: 18px solid rgba(0,0,0,0);
    border-left: 18px solid rgba(0,0,0,0);
    border-top: 16px solid hsla(0,0%,100%,.0470588235)
}

.logo-gallery-section__topline {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacer-s);
    padding: 0 4px;
    width: fit-content;
    background-color: var(--custom-color-grey-4);
    color: var(--custom-color-black)
}

.logo-gallery-section__headline {
    margin-bottom: var(--spacer-l);
    font-size: var(--font-size-h3);
    line-height: 40px
}

.logo-gallery {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 16px;
    row-gap: 32px;
}
.logo-gallery__link{
    position: relative;
    display: block;
}
.logo-gallery__img{
    width: 100%;
    max-height: 164px;
    aspect-ratio: 1/1;
    object-fit: contain
}
.logo-gallery__img-wrapper {
    margin-bottom: 16px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

.logo-gallery__link {
    position: relative;
    display: block
}

.logo-gallery__link:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(80deg, #94c7fa 0%, #151975 100%);
    filter: blur(14px);
    animation: show-bg .2s forwards
}
.customerstories-teaser {
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: -1px 1px 6px #1519751a;
    background-color: #ffffff;
    border-radius: 6px;
    height: 100%;
    text-decoration: none;
    color: #000000;
    cursor: pointer
}

.customerstories-teaser:hover {
    box-shadow: -1px 1px 8px 3px rgba(21,25,117,.05),8px 0 20px #151975,-8px 0 20px #00ebff;
}

.customerstories-teaser:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(80deg, #94c7fa 0%,#151975 100%);
    filter: blur(14px);
    animation: show-bg .2s forwards
}
.tags {
    margin-bottom: 0;
    list-style: none;
    padding: var(--spacer-s) var(--spacer-xs) calc(var(--spacer-xxs)/2)
}

.tags li::before {
    content: none
}

.tags--on-img {
    position: absolute;
    top: 0;
    left: 0
}

.tag {
    font-family: Inter Semibold,sans-serif;
    display: inline-block;
    margin-right: var(--spacer-xxs);
    margin-bottom: var(--spacer-xxs);
    padding: 2px 4px;
    background-color: var(--custom-color-grey-4);
    font-weight: 600;
    font-size: 11px;
    line-height: var(--line-height-s);
    color: var(--custom-color-black)
}
.customerstories-teaser__descr {
    font-family: Inter Light,sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.latest-customerstories__headline {
    margin-bottom: 30px
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.customerstories-teaser__img {
    width: 100%;
    height: 224px !important;
    object-fit: cover;
    border-top-right-radius: var(--custom-radius);
    border-top-left-radius: var(--custom-radius)
}

.customerstories-teaser__content {
    padding: var(--spacer-xs) var(--spacer-xs) var(--spacer-l)
}

.customerstories-teaser__title {
    font-size: 20px;
    line-height: 24px;
}
.right-link-arrow {
    font-family: Inter Semibold,sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: var(--line-height-l);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    padding: 13px var(--spacer-xs);
    background-color: var(--custom-color-grey-3);
    text-decoration: none;
    color: var(--custom-color-blue)
}

.right-link-arrow--full-width {
    border-bottom-right-radius: var(--custom-radius);
    border-bottom-left-radius: var(--custom-radius)
}

.right-link-arrow--end {
    align-self: end;
    border-radius: var(--custom-radius)
}

.right-link-arrow .icon-arrow {
    margin-left: var(--spacer-xs);
    width: 16px;
    height: 8px
}

.date-time {
    font-family: Inter Light,sans-serif;
    display: block;
    margin-bottom: var(--spacer-xs);
    font-weight: 300;
    font-size: var(--font-size-m)
}
.container .container{
    padding: 0;
}
.text-icon-wrapper {
    text-decoration: none !important
}

.text-icon-wrapper .text-icon {
    transition: all .3s
}

.text-icon-wrapper .text-icon:hover {
    box-shadow: -1px 1px 15px 6px rgba(21,25,117,.1),15px 0 40px var(--custom-color-blue),-15px 0 40px var(--custom-color-lighter-blue)
}

.text-icon {
    padding: 35px var(--spacer-s) 40px;
    box-shadow: -1px 1px 15px 6px rgba(21,25,117,.1);
    border-radius: var(--custom-radius);
    background-color: var(--custom-color-white)
}

.text-icon.text-icon-left {
    padding: 21px var(--spacer-xs)
}

.text-icon__top {
    height: calc(150px - var(--spacer-l) - 35px)
}

.text-icon__top img {
    max-width: 79px;
    height: auto;
    max-height: 100%
}

.text-icon__left img {
    margin-right: 27px;
    max-width: 32px;
    height: auto
}

.text-icon__left .text-icon__title {
    font-size: var(--font-size-l);
    line-height: var(--line-height-l)
}

.text-icon__title {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5)
}

.text-icon p {
    font-family: Inter Light,sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    color: var(--custom-color-blue-stratos-5)
}

.customerstories-detail__key-facts .text-block {
    color: var(--custom-color-white)
}

.bg-blue .text-icon {
    color: var(--custom-color-white);
    border-radius: var(--custom-radius);
    background-color: var(--custom-color-fake-transparent-on-blue);
    box-shadow: -1px 1px 6px var(--custom-color-blue-10);
    padding: 21px var(--spacer-xs)
}

.bg-blue .text-icon__title,.bg-blue .text-icon p {
    color: var(--custom-color-white)
}
.bg-blue .text-icon__title,.bg-blue .text-icon p {
    color: var(--custom-color-white)
}

.content-html img {
    max-width: 100%;
    object-fit: cover
}

.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) {
    color: var(--custom-color-white)
}

.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h1,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h1,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h1,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h2,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h2,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h2,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h3,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h3,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h3,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h4,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h4,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h4,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h5,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h5,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h5,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) h6,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h6,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) .h6,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) p,.bg-blue .content-html:not(:has(>.hbspt-form,>#subscribeForm,>.EPiServerForms)) a {
    color: var(--custom-color-white)
}

.bg-blue .content-html.content-text {
    color: var(--custom-color-white)
}

.bg-blue .content-html.content-text h1,.bg-blue .content-html.content-text .h1,.bg-blue .content-html.content-text h2,.bg-blue .content-html.content-text .h2,.bg-blue .content-html.content-text h3,.bg-blue .content-html.content-text .h3,.bg-blue .content-html.content-text h4,.bg-blue .content-html.content-text .h4,.bg-blue .content-html.content-text h5,.bg-blue .content-html.content-text .h5,.bg-blue .content-html.content-text h6,.bg-blue .content-html.content-text .h6,.bg-blue .content-html.content-text p,.bg-blue .content-html.content-text a {
    color: var(--custom-color-white)
}

.bg-blue .content-html.content-text a {
    text-decoration: underline !important
}

.bg-blue .content-html.content-text .button-primary,.bg-blue .content-html.content-text .button-secondary,.bg-blue .content-html.content-text .button-tertiary,.bg-blue .content-html.content-text .button-secondary-on-bg {
    text-decoration: none !important
}

.bg-blue.details-page__registration .content-html {
    color: var(--custom-color-white)
}

.bg-blue.details-page__registration .content-html h1,.bg-blue.details-page__registration .content-html .h1,.bg-blue.details-page__registration .content-html h2,.bg-blue.details-page__registration .content-html .h2,.bg-blue.details-page__registration .content-html h3,.bg-blue.details-page__registration .content-html .h3,.bg-blue.details-page__registration .content-html h4,.bg-blue.details-page__registration .content-html .h4,.bg-blue.details-page__registration .content-html h5,.bg-blue.details-page__registration .content-html .h5,.bg-blue.details-page__registration .content-html h6,.bg-blue.details-page__registration .content-html .h6,.bg-blue.details-page__registration .content-html p,.bg-blue.details-page__registration .content-html a {
    color: var(--custom-color-white)
}

.bg-blue .content-html .news-teaser__content,.bg-blue .content-html .news-teaser__descr,.bg-blue .content-html .customerstories-teaser__content,.bg-blue .content-html .customerstories-teaser__descr,.bg-blue .content-html .podcast-teaser__content,.bg-blue .content-html .podcast-teaser__descr,.bg-blue .content-html .podcast-teaser__time,.bg-blue .content-html .whitepaper-teaser__content,.bg-blue .content-html .whitepaper-teaser__descr,.bg-blue .content-html .blog-teaser__content,.bg-blue .content-html .blog-teaser__descr {
    color: initial !important
}

.bg-blue .content-html .news-teaser__title,.bg-blue .content-html .customerstories-teaser__title,.bg-blue .content-html .blog-teaser__title,.bg-blue .content-html .podcast-teaser__title,.bg-blue .content-html .whitepaper-teaser__title,.bg-blue .content-html .events-teaser__title,.bg-blue .content-html .right-link-arrow,.bg-blue .content-html .svg.icon.icon-arrow {
    color: var(--custom-color-blue) !important
}

.bg-blue .content-html .podcast-teaser__link {
    color: var(--custom-color-blue-stratos-4) !important
}

.bg-blue .content-html .events-teaser__content {
    background-color: var(--custom-color-white) !important
}

.bg-blue .content-html .events-teaser__content .events-teaser__descr,.bg-blue .content-html .events-teaser__content .date-time {
    color: initial !important
}

 .content-teaser {
    position: relative;
    background-color: var(--custom-color-white);
    box-shadow: -1px 1px 6px var(--custom-color-blue-10);
    border-radius: var(--custom-radius)
}

.content-teaser:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(80deg, var(--custom-color-blue-stratos-3) 0%, var(--custom-color-blue) 100%);
    filter: blur(14px);
    animation: show-bg .2s forwards
}
.align-items-center {
    align-items: center !important
}
.justify-content-center {
    justify-content: center !important;
}
.d-flex {
    display: flex !important
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}
.bg-grey .content-accordion {
    background-color: var(--custom-color-white) !important
}
.accordion {
    width: 100%
}

.accordion-item {
    background-color: rgba(0,0,0,0);
    color: var(--custom-color-white);
    border-top: .5px solid var(--custom-color-white);
    overflow: hidden;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.accordion-title {
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: bckround-color .3s ease
}

.accordion-title .rotate-icon {
    margin-right: 1rem;
    transition: transform .3s ease
}

.accordion-title .down {
    transform: rotate(180deg)
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out
}

.accordion-content h1,.accordion-content .h1,.accordion-content h2,.accordion-content .h2,.accordion-content h3,.accordion-content .h3,.accordion-content p {
    color: var(--custom-color-white)
}

.accordion-content ul li::before {
    background-color: var(--custom-color-white)
}

.image_wrapper {
    position: relative
}

.content-accordion {
    width: 100%
}

.content-accordion,.content-accordion .accordion-button {
    z-index: 0;
    background-color: var(--custom-color-grey-3-50)
}

.content-accordion {
    border-radius: var(--custom-radius);
    overflow: hidden
}

.content-accordion .accordion-button {
    font-family: Inter Semibold,sans-serif;
    font-size: var(--font-size-h6);
    line-height: var(--line-height-h6);
    padding: 12px var(--spacer-xs);
    font-weight: 600;
    color: var(--custom-color-blue)
}

.content-accordion .accordion-button:not(.collapsed) {
    border: none;
    box-shadow: none;
    color: var(--custom-color-blue);
    background-color: var(--custom-color-grey-3-50);
    transition: background-color var(--custom-transition)
}

.content-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../icons/chevron--black.svg");
    background-size: 9px;
    background-position: center
}

.content-accordion .accordion-button:focus {
    border: none;
    box-shadow: none;
    z-index: 0
}

.content-accordion .accordion-button:hover {
    background-color: var(--custom-color-grey-3)
}

.content-accordion .accordion-button::after {
    background-image: url("../icons/chevron--black.svg");
    background-size: 9px;
    background-position: center
}

.content-accordion .accordion-item {
    color: var(--custom-color-dark-grey);
    border: none;
    border-bottom: 1px solid var(--custom-color-grey-4)
}

.content-accordion .accordion-body {
    font-family: Inter Light,sans-serif;
    font-size: var(--font-size-l);
    line-height: var(--line-height-l);
    color: var(--custom-color-dark-grey);
    padding: var(--spacer-xxs) var(--spacer-xs) var(--spacer-xs);
    background-color: var(--custom-color-grey-3-50);
    font-weight: 300
}
.bg-blue .button-primary {
    background-color: var(--custom-color-white);
    color: var(--custom-color-blue) !important
}

.bg-blue .button-primary:hover {
    color: var(--custom-color-white);
    background-color: var(--custom-color-hover-btn)
}

.bg-blue .button-secondary {
    background-color: var(--custom-color-blue-stratos-4);
    color: var(--custom-color-white) !important
}

.bg-blue .button-secondary:hover {
    color: var(--custom-color-blue-stratos-4) !important;
    background-color: var(--custom-color-white)
}

.bg-blue .button-tertiary {
    background-color: var(--custom-color-grey-light)
}
h2.blue_title{
    color: #151975;
}
.wrapper_w{
    width: 1320px;
    max-width: 1320px;
}
.quote-block {
    position: relative;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .quote-block {
        flex-direction:row
    }
}

.quote-block__img {
    position: initial;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width: 768px) {
    .quote-block__img {
        position:absolute;
        width: calc(33% + var(--spacer-l))
    }

    .quote-block__img--right {
        right: 0;
        bottom: 0
    }
}

.quote-block__img--is-contained {
    object-fit: contain
}

.quote-block__text {
    font-family: Inter Semibold,sans-serif;
    z-index: 1;
    margin: 0;
    padding: var(--spacer-l);
    border-radius: 6px;
    background-color: var(--custom-color-white) !important;
    color: var(--custom-color-blue) !important;
    box-shadow: -1px 1px 15px 6px var(--custom-color-blue-10)
}

@media only screen and (min-width: 768px) {
    .quote-block__text {
        font-family:Archia Semibold,sans-serif
    }
}

@media only screen and (min-width: 768px) {
    .quote-block__text {
        margin-top:var(--spacer-l);
        margin-bottom: var(--spacer-l)
    }
}

.quote-block__text--left {
    order: 2;
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .quote-block__text--left {
        order:initial;
        margin-left: 0
    }
}

.quote-block__text--blue {
    background-color: var(--custom-color-blue) !important;
    color: var(--custom-color-white) !important
}

.quote-block__text--blue .quote-block__quote {
    color: var(--custom-color-white) !important
}

.quote-block__text--blue .quote-block__position,.quote-block__text--blue .quote-block__name {
    color: var(--custom-color-white) !important
}

.quote-block__title {
    display: inline-block;
    padding-left: var(--spacer-xxs);
    padding-right: var(--spacer-xxs);
    font-size: var(--font-size-s);
    line-height: 20px;
    background-color: var(--custom-color-grey-4);
    color: initial
}

.quote-block__quote {
    font-family: Inter Light,sans-serif;
    margin-bottom: var(--spacer-l);
    font-size: var(--font-size-l);
    line-height: var(--line-height-l);
    color: var(--custom-color-blue) !important
}

@media only screen and (min-width: 768px) {
    .quote-block__quote {
        font-family:Archia Semibold,sans-serif;
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4)
    }
}

.quote-block__name,.quote-block__position {
    margin-bottom: 0;
    font-size: var(--font-size-m);
    color: var(--custom-color-black) !important
}

.quote-block__position {
    font-family: Archia Light,sans-serif
}

@media only screen and (min-width: 768px) {
    .quote-block__position {
        font-family:Inter Light,sans-serif
    }
     .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
}

.quote-block--small {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .quote-block--small .quote-block__quote {
        font-size:var(--font-size-h5);
        line-height: var(--line-height-h5);
        font-family: Inter Semibold,sans-serif
    }
}

.quote-block--small .quote-block__img {
    width: 100%
}

@media only screen and (max-width: 575px) {
    .quote-block--small .quote-block__img {
        width:100%
    }
}

.quote-block--small .quote-block__image {
    width: 29%
}

@media only screen and (max-width: 575px) {
    .quote-block--small .quote-block__image {
        width:100%
    }
}

.quote-block--small .quote-block__text {
    width: 71%;
    padding: var(--spacer-xl) var(--spacer-l)
}

@media only screen and (max-width: 575px) {
    .quote-block--small .quote-block__text {
        width:100%;
        padding: var(--spacer-l)
    }
}