.sec-viewer{
  background: #DDDCDE;
}
.border-radius-24 + .sec-viewer{
  margin-top: -2.4rem;
  padding-top: 2.4rem;
}
.sec-viewer.horizontal-end{
  background: #cccbd0;
  padding: 6.4rem 0 4.6rem;
  border-radius: 0 0 2.4rem 2.4rem;
}
.sec-viewer iframe{
  border: none !important;
  height: calc(100vh - 11.3rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: block;
}
.horizontal-end iframe{
  position: relative;
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-viewer iframe {
    height: calc(100vh - 8.7rem) !important;
  }
}
@media(max-width:767.98px){
  .sec-viewer:not(.horizontal-end){
    z-index: 1;
  }
  .sec-page-head + .sec-viewer{
    z-index: initial;
    background: var(--white);
  }
  .sec-viewer iframe {
    height: calc(100vh - 8.7rem) !important;
    pointer-events: auto;
  }
  .sec-viewer.horizontal-end iframe {
    height: 112.9rem !important;
  }
}
@media(max-width:575.98px){
  .sec-viewer.horizontal-end iframe {
    height: calc(105vw + 29vw + 435px) !important;
  }
}
@media(max-width:474px){
  .sec-viewer.horizontal-end iframe {
    height: calc(105vw + 593px) !important;
  }
}
@media(max-width:435px){
  .sec-viewer.horizontal-end iframe {
    height: calc(105vw + 580px) !important;
  }
}
@media(max-width:400px){
  .sec-viewer.horizontal-end iframe {
    height: calc(105vw + 570px) !important;
  }
}