/* ================================================================
   ELITE BRAND ECOSYSTEM V14
   ================================================================ */

.brand14-section{
 padding:64px 0;
 background:
  linear-gradient(
   110deg,
   #f3f7ff,
   #ffffff 52%,
   #f5f1ff
  );
 border-top:
  1px solid
  rgba(42,89,158,.07);
 border-bottom:
  1px solid
  rgba(42,89,158,.07);
}


.brand14-wrap{
 width:min(
  1220px,
  calc(100% - 48px)
 );
 margin:auto;
}


.brand14-head{
 display:grid;
 grid-template-columns:.65fr 1.35fr;
 gap:40px;
 align-items:end;
 margin-bottom:34px;
}


.brand14-label{
 color:#176cff;
 font-size:11px;
 font-weight:900;
 letter-spacing:1.5px;
 text-transform:uppercase;
}


.brand14-head h2{
 margin:8px 0 0;
 color:#071b49;
 font-size:
  clamp(
   30px,
   3vw,
   44px
  );
 line-height:1.05;
 letter-spacing:-1.4px;
}


.brand14-head p{
 max-width:650px;
 margin:0;
 color:#60728c;
 font-size:15px;
 line-height:1.7;
}


.brand14-grid{
 display:grid;
 grid-template-columns:
  repeat(6,1fr);
 gap:13px;
}


.brand14-item{
 min-height:105px;
 padding:17px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:16px;
 background:#fff;
 border:1px solid #dce6f5;
 box-shadow:
  0 10px 28px
  rgba(22,58,116,.06);
 transition:
  transform .2s ease,
  box-shadow .2s ease;
}


.brand14-item:hover{
 transform:translateY(-4px);
 box-shadow:
  0 18px 42px
  rgba(22,58,116,.11);
}


.brand14-item img{
 display:block;
 max-width:120px;
 max-height:48px;
 width:auto;
 height:auto;
 object-fit:contain;
}


.brand14-name{
 margin-top:9px;
 text-align:center;
 color:#61728a;
 font-size:10px;
 font-weight:800;
}


.brand14-cell{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}


.brand14-dark{
 background:
  linear-gradient(
   125deg,
   #071b49,
   #123a76 62%,
   #303b84
  );
}


.brand14-dark .brand14-label{
 color:#65d8ff;
}


.brand14-dark h2{
 color:#fff;
}


.brand14-dark .brand14-head p{
 color:#d4e2f5;
}


.brand14-dark .brand14-item{
 background:
  rgba(255,255,255,.96);
}


@media(max-width:1050px){

 .brand14-grid{
  grid-template-columns:
   repeat(4,1fr);
 }

}


@media(max-width:760px){

 .brand14-head{
  grid-template-columns:1fr;
  gap:12px;
 }

 .brand14-grid{
  grid-template-columns:
   repeat(2,1fr);
 }

 .brand14-wrap{
  width:
   min(
    100% - 28px,
    1220px
   );
 }

}