/* Universal breakpoints */
.logo-grid-logo {
  max-width: 96px;
  width: 96px;
  background-color: gainsboro; }
  .logo-grid-logo img {
    width: 100%;
    height: 100%; }

.logo-brand-grid {
  width: 100%; }
  .logo-brand-grid .logo-brand-grid-header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500; }
    @media (min-width: 992px) {
      .logo-brand-grid .logo-brand-grid-header {
        text-align: center; } }
  .logo-brand-grid .logo-brand-grid-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr); }
    @media (max-width: 991px) {
      .logo-brand-grid .logo-brand-grid-inner {
        padding-bottom: 20px; } }
    @media (max-width: 1279px) {
      .logo-brand-grid .logo-brand-grid-inner {
        display: flex;
        overflow-x: auto;
        /* Scrollbar styles */ }
        .logo-brand-grid .logo-brand-grid-inner::-webkit-scrollbar {
          width: 12px;
          height: 12px;
          cursor: pointer; }
        .logo-brand-grid .logo-brand-grid-inner::-webkit-scrollbar-track {
          background: #e8e9ec;
          opacity: 0.7;
          border-radius: 12px; }
        .logo-brand-grid .logo-brand-grid-inner::-webkit-scrollbar-thumb {
          border-radius: 12px;
          background: #62657b; }
        .logo-brand-grid .logo-brand-grid-inner::-webkit-scrollbar-thumb:hover {
          background: #62657b; } }
  .logo-brand-grid .logo-brand-item {
    padding: 2px 30px 19px 30px; }
    .logo-brand-grid .logo-brand-item a {
      display: block; }
  .logo-brand-grid .logo-subtext {
    padding-top: 10px; }