.icon-ab6ce90a0737a364 {
  --ds-icon-color: unset;
  --ds-icon-colorHover: unset;
  --module-icon-size: unset;
  aspect-ratio: 1/1;
  background-color: var(--ds-icon-color, currentColor);
  -webkit-mask-image: var(--ds-icon-mask-url, none), linear-gradient(transparent, transparent);
  mask-image: var(--ds-icon-mask-url, none), linear-gradient(transparent, transparent);
  display: inline-block;
  height: var(--module-icon-size, 20px);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.15s ease-out;
  vertical-align: middle;

  /**
  * safari implicitly compresses svg inside flex containers
  * https://bugs.webkit.org/show_bug.cgi
  */
  flex-shrink: 0;
}

.icon-ab6ce90a0737a364:hover {
  background-color: var(--ds-icon-colorHover, currentColor);
}

.icon-ab6ce90a0737a364:focus {
  outline: none;
}

.icon-ab6ce90a0737a364.empty-ab6ce90a0737a364 {
  display: none;
}

@supports not (aspect-ratio: 1/1) {
  /* Old versions of safari do not support the aspect-ratio property */
  .icon-ab6ce90a0737a364 {
    width: var(--module-icon-size);
  }
}

/* Browsers render mask-image with edge artifacts when rasterising for print, so the icon is repainted via background-image */
@media print {
  .icon-ab6ce90a0737a364 {
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    background-image: var(--ds-icon-mask-url);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* AUTO-GENERATED PART! DO NOT CHANGE IT BY YOURSELF! DO NOT WRITE ANY STYLES BELOW! */

/* The mask cannot be painted in different colors, so it should to set background additionally */
.icon-ab6ce90a0737a364:is(
  [data-icon-name='logo'],
  [data-icon-name='sbp'],
  [data-icon-name='gos'],
  [data-icon-name='afblogo'],
  [data-icon-name='assistant'],
  [data-icon-name='assistantpro'],
  [data-icon-name='assistantprowhite']
) {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: var(--ds-icon-mask-url);
}

.video-wrapper-b4957565faee7298 {
    position: relative;
    width: 100%;
    padding: 56.66% 0 0;
}

.video-wrapper-b4957565faee7298.mobile-full-height-b4957565faee7298 {
    height: 100%;
    padding: 0;
}

.video-b4957565faee7298 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-b4957565faee7298.mobile-full-height-b4957565faee7298 {
    height: 100%;
}

.button-b4957565faee7298 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-indent: -10000px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    outline: 0;
    padding: 0;
    border: 0;
}

.button-b4957565faee7298::before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12.5px;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
}

.button-b4957565faee7298::after {
    content: '';
    background: rgba(0, 0, 0, .62);
    height: 116px;
    width: 116px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.active-b4957565faee7298 {
    opacity: 0;
}

.mute-button-b4957565faee7298 {
    position: absolute;
    z-index: 100;
    right: 10px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, .6);
    padding: 6px;
    border: 5px solid rgba(180, 180, 180, .4);
    border-radius: 15px;
    cursor: pointer;
}

.mute-button-b4957565faee7298.mobile-full-height-b4957565faee7298 {
    bottom: 10%;
}

@media (max-width: 1439px) {
    .button-b4957565faee7298::after {
        height: 106px;
        width: 106px;
    }

    .button-b4957565faee7298::before {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 30px solid #fff;
    }
}

@media (max-width: 968px) {
    .button-b4957565faee7298::after {
        height: 126px;
        width: 126px;
    }

    .button-b4957565faee7298::before {
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 40px solid #fff;
    }
}

@media (max-width: 768px) {
    .button-b4957565faee7298::after {
        height: 72px;
        width: 72px;
    }

    .button-b4957565faee7298::before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #fff;
        left: 10px;
    }
}

.YT-wrapper-_601875d5aa3c8436 {
    position: relative;
    width: 100%;
    padding: 56.6% 0 0;
}

.YT-frame-_601875d5aa3c8436 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* content-wrapper */

.content-wrapper-_0669a97c545cfd0b {
    grid-column: 3 / 11;
}

@media screen and (max-width: 1151px) {
    .content-wrapper-_0669a97c545cfd0b {
        grid-column: 2 / 12;
    }
}

@media screen and (max-width: 567px) {
    .video-block-_0669a97c545cfd0b {
        padding-inline: 24px !important;
    }

    .content-wrapper-_0669a97c545cfd0b {
        grid-column: 1 / -1;
    }
}

/* Title, subtitle and video-text */
h2.title-_0669a97c545cfd0b {
    width: 880px;
    margin: 0 auto 28px;
}

.subtitle-_0669a97c545cfd0b {
    width: 880px;
    margin: 0 auto;
    text-align: center;
}

.subtitle-_0669a97c545cfd0b,
.video-text-_0669a97c545cfd0b {
    font-size: 24px;
    line-height: 1.33;
}

.video-text-_0669a97c545cfd0b {
    width: 85%;
}

@media (max-width: 1439px) {
    h2.title {
        margin-bottom: 24px !important;
    }

    h2.title-_0669a97c545cfd0b,
    .subtitle-_0669a97c545cfd0b {
        width: 100%;
    }

    .video-text-_0669a97c545cfd0b {
        width: 96%;
        margin-inline: auto;
    }

    .video-text-_0669a97c545cfd0b p {
        text-align: center;
    }
}

@media (max-width: 1151px) {
    .subtitle-_0669a97c545cfd0b,
    .video-text-_0669a97c545cfd0b {
        font-size: 20px;
    }
}

@media (max-width: 968px) {
    h2.title {
        width: 100%;
        font-size: 30px;
        margin-bottom: 16px !important;
        text-align: left !important;
    }

    .video-text-_0669a97c545cfd0b {
        width: 85%;
        font-size: 18px;
        margin-inline: unset;
    }

    .video-text-_0669a97c545cfd0b p {
        text-align: left;
    }

    .subtitle-_0669a97c545cfd0b {
        width: 100%;
        font-size: 18px;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .video-text-_0669a97c545cfd0b {
        width: 100%;
    }
}

/* video-wrapper */
.video-wrapper-_0669a97c545cfd0b {
    margin: 52px 0 20px;
}

.video-wrapper-_0669a97c545cfd0b.full-height-_0669a97c545cfd0b {
    height: 95vh;
    /* stylelint-disable-next-line */
    max-height: -webkit-fill-available;
}

@media (max-width: 1151px) {
    .video-wrapper-_0669a97c545cfd0b {
        margin-top: 36px;
    }
}

@media (max-width: 567px) {
    .video-wrapper-_0669a97c545cfd0b {
        margin: 28px -24px 20px;
    }

    .video-wrapper-_0669a97c545cfd0b.no-margin-top-_0669a97c545cfd0b {
        margin-top: 0;
    }
}

/* video-description */
.video-description-_0669a97c545cfd0b,
.video-description-_0669a97c545cfd0b p,
.video-description-_0669a97c545cfd0b h1,
.video-description-_0669a97c545cfd0b h2,
.video-description-_0669a97c545cfd0b h3,
.video-description-_0669a97c545cfd0b span {
    color: var(--text-secondary) !important;
}

.video-description-_0669a97c545cfd0b {
    max-width: 75%;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 48px;
}

@media (max-width: 1151px) {
    .video-description-_0669a97c545cfd0b {
        margin-bottom: 32px;
    }
}

@media (max-width: 567px) {
    .video-description-_0669a97c545cfd0b {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
        margin-bottom: 24px;
    }
}