.segments-accordion-module { display: flex; justify-content: space-between; } 
.segments-accordion-module .segments-main-wrapper { flex:1; margin-left:12px; transition: all 2s ease; width: 100%; } 
.segments-accordion-module .segments-main-wrapper:first-child { margin-left:16px; } 
.segments-accordion-module .segments-main-wrapper:last-child { margin-right:16px; } 
.segments-accordion-module .segments-box { height: 524px; min-width: 20%; border-radius: 12px; padding: 24px; display: flex; flex-flow: column; justify-content: flex-end; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; transition: all 2s ease-out; box-shadow:var(--big-shadow); } 
.segments-accordion-module .segments-box p.tag-small { width: fit-content; text-transform: uppercase; line-height: 2.0rem; font-size: clamp(1.2rem, 1.1rem + 0.208vw, 1.4rem); transition: all 500ms ease; margin-bottom: 12px; } 
.segments-accordion-module .segments-box .onhover-content { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; margin-top: 9px; position: absolute; bottom: 30px; visibility: hidden; } 
.segments-accordion-module .segments-box a.cta { margin-top:0px; } 
.segments-accordion-module .segments-main-wrapper .segments-box .default-title { opacity: 1; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying { width:65%; flex: auto; margin-left: 4px; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper:not(.videoPlaying) { margin-left:4px; width:4%; flex: auto; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper:last-child { margin-right:4px; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .segments-box { max-width:100%; }
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying a.slide-close{display: none !important}
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper:not(.videoPlaying) .segments-box .segments-title { font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem); line-height: 4.8rem; font-weight: 700; writing-mode: vertical-lr; transform: rotate(-180deg); } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper:not(.videoPlaying) .segments-box .tag-small { display:none; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .segments-box .segments-title { font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem); line-height: 4.8rem; transform: rotate(0deg); writing-mode: horizontal-tb; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .segments-box .tag-small { display:block; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .segments-box { justify-content: space-between; padding: 35px 40px 24px; } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .segments-box .onhover-content { display:block } 
.segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .bottom-content-wrapper, .segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying .tag-small { opacity: 0; visibility: hidden } 
.segments-main-wrapper .video-item { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; height: 100%; min-height: 328px; border-radius: 12px; } 
.segments-main-wrapper .video-item .inv_videoMainContainer, .segments-main-wrapper .video-item .inv_videoMainContainer .inv_videoMainContainer_inner, .segments-main-wrapper .video-item .inv_videoMainContainer .inv_videoDisplay, .segments-main-wrapper .video-item .inv_videoMainContainer .inv_videoArea { height: 100% } 
.segments-main-wrapper .video-item .inv_videoMainContainer .inv_videoArea video { object-fit: cover; } 
.segments-main-wrapper .segments-box .close { position: absolute; top: 45px; right: 40px; opacity: 0; visibility: hidden; transition: all 1s ease-in-out; z-index: 10; } 
.segments-main-wrapper .segments-box .close > a { font-size: 1.4rem; line-height: normal; color: var(--cobalt-prime); } 
.segments-main-wrapper.videoPlaying .segments-box .close { opacity: 1; visibility: visible } 
.segments-main-wrapper .slide-close { display:none; } 
.segments-accordion-module .segments-main-wrapper .segments-box .segments-title { webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;transition: transform .8s ease-in-out; } 


    .segments-accordion-module .segments-main-wrapper.segments-focus { width: 65%; flex: auto; margin-left: 4px; } 
    .segments-accordion-module .segments-main-wrapper.segments-outfocus { margin-left:4px; width:4%; flex: auto; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { max-width:100%; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .segments-title { font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem); line-height: 4.8rem; transform: rotate(0deg); writing-mode: horizontal-tb; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .tag-small { display:block; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { justify-content: space-between; padding: 35px 40px 24px; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .onhover-content { visibility: visible; opacity: 1; transition: all 3s ease; webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .default-title { opacity: 0; } 
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .onhover-content { opacity: 0; visibility: hidden; } 
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .default-title { opacity: 1; } 
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box { justify-content: end; padding: 24px; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus { width: 65%; flex: auto; margin-left: 4px; } 
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { max-width:100%; }
    .segments-accordion-module .segments-main-wrapper.segments-outfocus .segments-box .segments-title.default-title 
    {font-size: clamp(2.4rem, 1.6rem + 1.667vw, 4rem); line-height: 4.8rem; font-weight: 700;writing-mode: vertical-lr;transform: rotate(-0.50turn);transition: transform .8s ease-in-out;}
    .segments-accordion-module .segments-main-wrapper.segments-outfocus .segments-box .tag-small{ display:none; }
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { justify-content: space-between; padding: 35px 40px 24px; }
    .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .onhover-content { opacity: 1;visibility: visible;transition: all 3s ease;webkit-transition: all 3s ease;-moz-transition: all 3s ease;-ms-transition: all 3s ease;-o-transition: all 3s ease;} 
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .onhover-content{opacity: 0;visibility: hidden;}
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .default-title{opacity: 1;}
    .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box{justify-content: end;padding: 24px;}


@media all and (max-width: 991.98px) {
.segments-accordion-module .segments-box .onhover-content { bottom:15px; } 
.segments-accordion-module { margin: 0px auto; } 
.segments-accordion-module .segments-main-wrapper:first-child { margin-left: 0px; } 
.segments-accordion-module .segments-main-wrapper:last-child { margin-right: 0px; } 
.segments-accordion-module .segments-main-wrapper { margin-left:6px; } 
.segments-accordion-module .segments-box { height: 328px; padding: 16px 8px; }
.segments-accordion-module .segments-box p.tag-small { margin-bottom: 8px; line-height: 1.6rem; } 
.segments-accordion-module .segments-box .onhover-content { margin-top:8px; } 
.segments-main-wrapper .segments-box .close { top: 25px; right: 25px; } 

.segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { padding: 24px 16px 6px; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .segments-title { line-height: 4.4rem; } 
 .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box { padding: 16px 8px; } 
 .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .segments-title { line-height: 4.8rem; } 
}

@media all and (max-width: 767.98px) {
 .segments-accordion-module .segments-box .onhover-content { bottom:0px; } 
 .segments-accordion-module .segments-box { height: 192px; padding: 8px; position: relative; border-radius: 4px; } 
 .segments-accordion-module .segments-box > div { display: flex; align-items: center; justify-content: center; border-radius: 0px; min-height: auto; } 
 .segments-accordion-module .segments-box p.tag-small { transform: rotate(270deg); margin-bottom: 0px; position: absolute; top: 15px; left: 0; right: 0; margin: auto; } 
 .segments-accordion-module .segments-main-wrapper .segments-box .segments-title { writing-mode: vertical-rl; transform: rotate(-180deg); max-height: 120px; } 
 .segments-accordion-module .segments-main-wrapper { margin-left: 2px; } 
 .segments-accordion-module .segments-main-wrapper.close-box .segments-box .default-title { opacity: 0; } 



 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box p.tag-small { transform: rotate(360deg); } 
 .segments-accordion-module .segments-main-wrapper.segments-outfocus,.segments-accordion-module .segments-main-wrapper.close-box:not(.videoPlaying) { width:4px; } 
 .segments-accordion-module .segments-main-wrapper.segments-outfocus .segments-box .segments-title { display:none; } 
 .segments-accordion-module .segments-main-wrapper.segments-outfocus .segments-box { padding:0px; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .segments-title { display:block; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box { padding: 11px 9px 0px; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box .tag-small { position: relative; top: auto; margin: unset; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .segments-box > div { display: block; } 
 .segments-accordion-module .segments-main-wrapper.segments-focus .slide-close {display:block;position: absolute; right: 11px; font-size: 1.8rem;z-index:10; }
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus,
 .segments-accordion-module.default-view .segments-main-wrapper{flex: 1; transition: all 1s ease; width: 100%; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .slide-close,
 .segments-accordion-module.default-view .segments-main-wrapper.segments-outfocus .slide-close { display:none; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .segments-box p.tag-small,
 .segments-accordion-module.default-view .segments-main-wrapper.segments-outfocus .segments-box p.tag-small{transform: rotate(270deg); display: block; position: absolute; top: 15px; margin: auto; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .segments-title.default-title,
 .segments-accordion-module.default-view .segments-main-wrapper.segments-outfocus .segments-title.default-title { writing-mode: vertical-rl; transform: rotate(-180deg); line-height: 3.4rem; display: block; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .segments-box .onhover-content,
 .segments-accordion-module.default-view .segments-main-wrapper.segments-outfocus .segments-box .onhover-content { display:none; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-outfocus .segments-box,
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .segments-box { justify-content: flex-end; padding: 8px; } 
 .segments-main-wrapper .segments-box .close { top: 10px; right: 10px; } 
 .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .slide-close { display: none; } 
 .segments-accordion-module .segments-main-wrapper.close-box.segments-focus .segments-box .default-title { opacity: 0; } 
 .segments-accordion-module.default-view .segments-main-wrapper.segments-focus .segments-box .default-title { opacity: 1; } 
   .segments-accordion-module.videoPlayingWrap .segments-main-wrapper.videoPlaying {width: 75%;}
  .segments-accordion-module .segments-main-wrapper.segments-focus {width: 75%;}
  .segments-accordion-module .segments-main-wrapper.segments-focus.videoPlaying .segments-box .bottom-content-wrapper{display: none;}
}