/* Campus Connect showcase layout repair */

#institutions{
 background:#f8f7fa;
 overflow:hidden;
 padding:90px 0;
}
#institutions .section-heading{
 text-align:center;
 margin:0 auto 35px;
}
#institutions .institution-marquee{
 width:100%;
 overflow:hidden;
 padding:22px 0;
}
#institutions .institution-track{
 display:flex!important;
 flex-direction:row!important;
 width:max-content!important;
 animation:ccShowcaseMove 75s linear infinite;
}
#institutions .institution-set{
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 flex:0 0 auto!important;
 gap:18px;
 padding-right:18px;
}
#institutions .institution-scroll-card{
 display:flex!important;
 flex:0 0 250px!important;
 width:250px!important;
 min-height:115px;
 justify-content:center;
 align-items:center;
 padding:20px;
 border:1px solid #eadfe6;
 border-radius:16px;
 background:#fff;
 box-shadow:0 8px 22px rgba(40,20,35,.06);
 font-weight:800;
 font-size:14px;
 line-height:1.5;
 text-align:center;
 color:#29202b;
}
#institutions .institution-marquee:hover .institution-track{
 animation-play-state:paused;
}
@keyframes ccShowcaseMove{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}

/* Mobile App preview layout repair */
#mobile-app .mobile-showcase{
 position:relative;
 min-height:560px;
 display:flex;
 align-items:center;
 justify-content:center;
}
#mobile-app .mobile-glow{
 position:absolute;
 width:420px;
 height:420px;
 max-width:100%;
 border-radius:50%;
 background:radial-gradient(circle,#f3d9e4,transparent 70%);
}
#mobile-app .phone{
 position:absolute;
 width:225px;
 height:450px;
 padding:10px;
 background:#1a1a23;
 border:7px solid #282832;
 border-radius:35px;
 box-shadow:0 25px 65px rgba(30,20,35,.22);
 overflow:hidden;
}
#mobile-app .phone-front{
 z-index:2;
 transform:translate(45px,0) rotate(5deg);
}
#mobile-app .phone-back{
 z-index:1;
 transform:translate(-95px,10px) rotate(-12deg);
 opacity:.82;
}
#mobile-app .phone-screen{
 height:100%;
 padding:20px 13px;
 border-radius:23px;
 background:#f8f7fa;
 color:#24212a;
 overflow:hidden;
}
#mobile-app .phone-top{
 font-size:10px;
 font-weight:800;
 color:#88324f;
 letter-spacing:1px;
 margin-bottom:28px;
}
#mobile-app .phone-welcome,
#mobile-app .phone-student{
 font-size:21px;
 font-weight:800;
 margin-bottom:20px;
}
#mobile-app .phone-info{
 padding:18px;
 background:#88324f;
 color:#fff;
 border-radius:12px;
 margin-bottom:18px;
}
#mobile-app .phone-mini-card{
 background:#fff;
 padding:15px;
 border-radius:9px;
 margin-bottom:10px;
 font-size:11px;
}
#mobile-app .phone-stats,
#mobile-app .phone-menu{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
 margin-top:18px;
}
#mobile-app .phone-stats>div,
#mobile-app .phone-menu>div{
 padding:13px 8px;
 background:#f1e3e9;
 border-radius:10px;
}
#mobile-app .phone-stats strong,
#mobile-app .phone-stats small,
#mobile-app .phone-menu span{
 display:block;
}
#mobile-app .phone-stats strong{
 font-size:21px;
 color:#88324f;
}
#mobile-app .phone-stats small,
#mobile-app .phone-menu span{
 font-size:9px;
}
#mobile-app .phone-bottom{
 text-align:center;
 font-size:9px;
 margin-top:25px;
}
#mobile-app .mobile-float{
 position:absolute;
 z-index:3;
 padding:12px 16px;
 background:#fff;
 border-radius:12px;
 box-shadow:0 10px 30px rgba(20,20,30,.1);
 font-size:12px;
 font-weight:800;
 color:#88324f;
}
#mobile-app .mobile-float-one{
 right:0;
 top:85px;
}
#mobile-app .mobile-float-two{
 left:0;
 bottom:95px;
}
@media(max-width:575px){
 #institutions .institution-scroll-card{
  flex-basis:205px!important;
  width:205px!important;
 }
 #mobile-app .mobile-showcase{min-height:480px}
 #mobile-app .phone{width:190px;height:390px}
 #mobile-app .phone-front{
  transform:translate(35px,0) rotate(5deg);
 }
 #mobile-app .phone-back{
  transform:translate(-65px,8px) rotate(-12deg);
 }
}
@media(prefers-reduced-motion:reduce){
 #institutions .institution-track{
  animation:none!important;
 }
 #institutions .institution-marquee{
  overflow-x:auto;
 }
 #institutions .institution-set[aria-hidden="true"]{
  display:none!important;
 }
}

/* Campus Connect slower institution carousel */
#institutions .institution-track {
    animation-duration:150s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
}

#institutions .institution-marquee:hover .institution-track {
    animation-play-state:paused!important;
}

@media(prefers-reduced-motion:reduce) {
    #institutions .institution-track {
        animation:none!important;
    }
}