#ota .gallery.otat-on .cell-wrap { height: auto !important; }
#ota .gallery.otat-on .reel-cell { width: 100%; }
#ota .gallery.otat-on .tabrow-box,
#ota .gallery.otat-on .tabstrip,
#ota .gallery.otat-on .cell-wrap > .reel-cell ~ .reel-cell,
#ota .gallery.otat-on .caption-item:not(:first-child) { display: none !important; }
#ota .gallery.otat-on .cell-wrap > .reel-cell:first-child { opacity: 1 !important; visibility: visible !important; }
#ota .gallery.otat-on .caption-item:first-child { display: block !important; opacity: 1 !important; visibility: visible !important; }
#ota .gallery.otat-on { margin-top: 120px !important; }
#ota .gallery-intro { max-width: none !important; width: 81.8181818182% !important; }
@media (max-width: 1068px) { #ota .gallery-intro { width: 90.9090909091% !important; } }
#ota .gallery-headline { width: 100% !important; max-width: none !important; }
#ota .gallery.otat-on .gallery-captions-container { margin-top: 106px !important; margin-left: 8.3333333333% !important; margin-right: 0 !important; text-align: left !important; }
@media (max-width: 734px) {
  #ota .gallery.otat-on { margin-top: 54px !important; }
  #ota .gallery.otat-on .gallery-captions-container { margin-top: 40px !important; margin-left: auto !important; margin-right: auto !important; }
}

.otat { position: relative; width: 980px; margin: 0 auto !important; padding: 82px; border-radius: 28px; overflow: hidden; cursor: default;
        background: linear-gradient(168deg, #040813 0%, #040813 42%, #1c2435 100%);
        color: #fff; font-family: inherit; box-sizing: border-box; --cw: 128px; --rh: 124px; }
.otat * { margin: 0 !important; box-sizing: border-box; }
.otat-tb { position: relative; }
.otat-hd, .otat-r { position: relative; display: grid; grid-template-columns: 1fr repeat(3, var(--cw)); }
.otat-hd { height: 152px; align-items: start; }
.otat-cap { position: relative; z-index: 1; padding-top: 20px; padding-right: 16px; font-weight: 600; font-size: 40px; line-height: 48px; letter-spacing: 0; color: #fff;
            word-break: keep-all; }
.otat-cap .s { white-space: nowrap; }
.otat-hd .c { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.otat-hd img { display: block; width: 96px; height: 96px; border-radius: 22.5%; }
.otat-hd b { display: block; font-weight: 400; font-size: 19px; line-height: 23px; letter-spacing: 0; text-align: center; color: #fff;
             word-break: keep-all; }
.otat-r { height: var(--rh); align-items: center; border-bottom: 1px solid rgba(96,104,120,.55); }
.otat-r .n { position: relative; z-index: 1; padding-right: 16px; font-weight: 600; font-size: 34px; line-height: 42px; letter-spacing: 0; color: #fff;
             word-break: keep-all; }
.otat-r .n .s { white-space: nowrap; }
.otat-r .c { position: relative; z-index: 1; display: flex; justify-content: center; }
.otat-mk { position: relative; display: block; width: 64px; height: 64px; }
.otat-mk svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; }
.otat-cb { position: absolute; z-index: 0; top: -22px; bottom: -14px; left: 0; width: var(--cw); border-radius: 20px; background: #1c2435; opacity: 0; }
@media (max-width: 1068px) {
  .otat { width: 692px; padding: 58px; --cw: 112px; --rh: 110px; }
  .otat-hd { height: 128px; }
  .otat-cap { padding-top: 16px; font-size: 32px; line-height: 40px; }
  .otat-hd .c { gap: 8px; }
  .otat-hd img { width: 72px; height: 72px; }
  .otat-hd b { font-size: 17px; line-height: 21px; }
  .otat-r .n { font-size: 30px; line-height: 38px; }
  .otat-mk { width: 56px; height: 56px; }
  .otat-cb { top: -18px; bottom: -12px; border-radius: 18px; }
}
@media (max-width: 734px) {
  .otat { width: min(467px, calc(100% - 32px)); padding: 32px 20px; border-radius: 20px; --cw: 58px; --rh: 116px; }
  .otat-hd { height: 124px; }
  .otat-cap { padding-top: 0; padding-right: 8px; font-size: 21px; line-height: 25px; }
  .otat-hd .c { gap: 6px; }
  .otat-hd img { width: 52px; height: 52px; }
  .otat-hd b { font-size: 14px; line-height: 17px; }
  .otat-r .n { padding-right: 6px; font-size: 19px; line-height: 24px; }
  .otat-mk { width: 48px; height: 48px; }
  .otat-cb { top: -14px; bottom: -8px; border-radius: 14px; }
}
@media (min-width: 499px) and (max-width: 734px) {
  .otat { padding-left: 24px; padding-right: 24px; --cw: 76px; }
}
@media (max-width: 374px) {
  .otat { padding-left: 12px; padding-right: 8px; --cw: 56px; }
  .otat-hd img { width: 48px; height: 48px; }
  .otat-mk { width: 44px; height: 44px; }
}