.horizontal-accordion-module { display: flex; justify-content: space-between;margin-top: 74px; } 
.horizontal-accordion__title h2{font-size: 4.8rem;background: linear-gradient(90deg, var(--red-2) 0%, var(--main-blue) 30.98%, #1E7CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: normal;margin-bottom: 0;}
.horizontal-accordion__desc{margin-bottom:0px;}
.horizontal-accordion-module .horizontal-main-wrapper { flex:1;margin: 0 5px; transition: all 2s ease; width: 100%; } 
.horizontal-accordion-module .horizontal-main-wrapper:first-child{margin-left:0px;}
.horizontal-accordion-module .horizontal-main-wrapper:last-child{margin-left:5px;}
.horizontal-accordion-module .horizontal-main-wrapper .horizontal-box:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(24deg, rgba(30, 138, 255, 0.40) -1.15%, rgba(30, 138, 255, 0.00) 15.4%), linear-gradient(162deg, rgba(252, 60, 61, 0.00) 72.86%, rgba(254, 0, 0, 0.34) 98.95%), linear-gradient(186deg, rgba(31, 124, 252, 0.00) 46.4%, #031794 103.29%);}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box:after{background: linear-gradient(24deg, rgba(30, 138, 255, 0.40) -1.15%, rgba(30, 138, 255, 0.00) 15.4%), linear-gradient(162deg, rgba(252, 60, 61, 0.00) 72.86%, rgba(254, 0, 0, 0.34) 98.95%), linear-gradient(186deg, rgba(31, 124, 252, 0.00) 46.4%, #031794 103.29%);}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box:after{background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(166deg, rgba(252, 60, 61, 0.00) 4.94%, rgba(254, 0, 0, 0.34) 95.45%), linear-gradient(193deg, rgba(31, 124, 252, 0.00) -2.62%, #031794 105.99%);}
.horizontal-accordion-module .horizontal-box {height: 468px; min-width: 20%; border-radius: 20px; 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: 0px 1px 3px 0px rgba(255, 255, 255, 0.33) inset, 8px 64px 64px 0px rgba(0, 0, 0, 0.10), 8px 32px 32px 0px rgba(3, 23, 148, 0.13), 0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 8px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);}
.horizontal-accordion-module .horizontal-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; } 
.horizontal-accordion-module .horizontal-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: 20px; visibility: hidden; } 
.horizontal-accordion-module .horizontal-box a.cta-link { color:var(--white);margin-bottom: 0; } 
.horizontal-accordion-module .horizontal-main-wrapper .horizontal-box .default-title { opacity: 1;transition: opacity 2s ease-out 1s; } 
.horizontal-accordion-module .horizontal-main-wrapper .horizontal-box .horizontal-title { z-index: 1;position: relative;color:#fff; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus { width: 64%; flex: auto; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus { width:8%; flex: auto; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box{cursor: pointer;align-items: center;}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .bottom-content-wrapper{z-index: 1;}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box { max-width:100%; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .horizontal-title {transform: rotate(0deg);writing-mode: horizontal-tb;font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;color: var(--white);margin-bottom: 10px; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .horizontal-desc{    font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;color: var(--white);margin-bottom: 10px;}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .tag-small { display:block; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box { justify-content: space-between; padding: 35px 40px 24px; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-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; } 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .default-title { opacity: 0; transition: opacity 0.1s ease-in;} 
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box { max-width:100%; }
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box .horizontal-title.default-title {writing-mode: vertical-lr;transform: rotate(-0.50turn);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;color: var(--white);margin-bottom:0px;}
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box .tag-small{ display:none; }
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box { justify-content: space-between; padding: 20px; }
.horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .onhover-content { opacity: 1;visibility: visible;transition: all 2s ease 1s;webkit-transition: all 2s ease 1s;-moz-transition: all 2s ease 1s;-ms-transition: all 2s ease 1s;-o-transition: all 2s ease 1s;z-index:2;    max-width: 503px;}  
.horizontal-accordion .onhover-content a.cta-link.internal-link:after, .horizontal-accordion .onhover-content .cta-link.internal-link:after{color:var(--sky-blue)}
   
@media all and (min-width: 992px) {
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box .horizontal-title.default-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto;height: 385px;}
}
@media all and (max-width: 991px) {
  .horizontal-accordion-module {flex-flow: column;    padding: 0 15px;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus,
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus{width:100%;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus,
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box{min-height:80px;height:auto;align-items: flex-start;}
  .horizontal-accordion-module .horizontal-main-wrapper{margin:6px 0;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box .horizontal-title.default-title{writing-mode: horizontal-tb;transform: rotate(0deg);margin-bottom: 0;font-size: 18px;line-height: 26px;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .horizontal-title{font-size: 18px;line-height: 26px;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .horizontal-desc{font-size: 14px;line-height: 24px;max-width: max-content;}
  .horizontal-accordion-module .horizontal-box a.cta-link{font-size:14px;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box{height: auto;min-height: 290px;width: 100%;justify-content: flex-end;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .onhover-content{position: relative;bottom:0;}
  .horizontal-accordion__title h2{font-size:24px;font-weight:400;line-height:normal;margin-bottom:16px;}
  .horizontal-accordion-module .horizontal-main-wrapper.horizontal-focus .horizontal-box .onhover-content{transition: all 1s ease;webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
  .horizontal-accordion-module .horizontal-box{transition: all 1s ease-out;padding:20px;}
  .horizontal-accordion .horizontal-accordion__desc{font-size:1.6rem;}
  .horizontal-accordion-module .horizontal-main-wrapper:first-child{margin-top:0px;}
 }
 
 /* Targeting iPads on iOS Safari */
@media only screen and (min-width: 992px) {
  @supports (-webkit-touch-callout: none) {
	.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box{align-items: flex-start;}
	.horizontal-accordion-module .horizontal-main-wrapper.horizontal-outfocus .horizontal-box .horizontal-title.default-title{margin-left: 10px;}
  }
}

 
 

/*Self serve and No js  css*/
body.ip3-edit .horizontal-accordion .horizontal-accordion-module .component-wrapper{width: 100%;}
body.ip3-edit .horizontal-accordion .horizontal-accordion-module .component-wrapper .component-content {display: flex;}
