.cms_videoPanorama_main { width: 100%; padding: 0 30px 30px 30px; }
@media screen and (min-width: 1081px) { .cms_videoPanorama_box { --vpHeight: calc(100svh - 167px - 60px); } }
@media screen and (min-width: 1081px) and (max-width: 1555px) { .cms_videoPanorama_box { --vpHeight: calc(100svh - 164px - 60px); } }
@media screen and (max-width: 1080px) { .cms_videoPanorama_box { --vpHeight: calc(100svh - 85px - 60px); } }
.cms_videoPanorama_box { position: relative; width: 100%; height: max(550px,var(--vpHeight)); border-radius: var(--border-radius-small); overflow: clip; }
.cms_videoPanorama_box:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg, rgba(0, 116, 86, 0.00) 0%, rgba(0, 80, 60, 0.95) 100%); }
.cms_videoPanorama_videoBox { position: absolute; z-index: 1; inset: 0; }
.cms_videoPanorama_box video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.cms_videoPanorama_txtBox { position: absolute; z-index: 3 !important; bottom: 90px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 30px; max-width: 1640px; width: 100%; padding: 0 30px; }
.cms_videoPanorama_title { width: 50%; }
.cms_videoPanorama_title > h1 { color: var(--primary-30); }
.cms_videoPanorama_text { width: 50%; }
.cms_videoPanorama_text > p { font-weight: 300; font-size: 32px; line-height: 48px; color: var(--white); }

@media screen and (min-width: 1281px) and (max-width: 1580px) {
    .cms_videoPanorama_title > h1 { font-size: 40px; line-height: 52px; }
    .cms_videoPanorama_text > p { font-size: 26px; line-height: 40px; }
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
    .cms_videoPanorama_title > h1 { font-size: 32px; line-height: 42px; }
    .cms_videoPanorama_text > p { font-size: 18px; line-height: 24px; }
}
@media screen and (max-width: 959px) {
    .cms_videoPanorama_main { padding: 0; }
    .cms_videoPanorama_box { height: auto; border-radius: 0; overflow: visible; }
    .cms_videoPanorama_box:before { content: none; }
    .cms_videoPanorama_videoBox { position: relative; inset: auto; padding: 0 0 max(230px,58.52417302798982%) 0; }
    .cms_videoPanorama_box video { position: absolute; inset: 0; }
    .cms_videoPanorama_txtBox { position: relative; bottom: auto; left: auto; transform: none; flex-direction: column; align-items: flex-start; gap: 22px; max-width: none; padding: 30px; }
    .cms_videoPanorama_title { width: 100%; }
    .cms_videoPanorama_title > h1 { font-size: 28px; line-height: 34px; color: var(--primary-100); }
    .cms_videoPanorama_text { width: 100%; }
    .cms_videoPanorama_text > p { font-weight: 400; font-size: 17px; line-height: 26px; color: var(--black); }
}