.individual-brands-images-list {
  background-color: white;
  color: #191A1A;
  font-family: Sofia Pro;
  padding: 0 0 80px;
  text-align: center;
  .container {
    max-width: calc(1260px + 4rem);
    margin: 0 auto;
    padding: 0 2rem;

    .tic_title_box {

      &.with_sub_title {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        margin: 0 0 35px;

        @media screen and (max-width: 767px) {
          flex-direction: column-reverse;
          align-items: center;
          gap: 15px;
        }
        
        @media screen and (max-width: 578px) {
          margin: 0 auto 25px;
        }

        .tic__title {
          margin-bottom: 0 !important;
        }
      }
      
      .tic__title {
        color: #000;
        font-size: 52px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%; /* 57.2px */
        margin:0 0 25px;
        @media screen and (max-width: 578px) {
          font-size: 32px;
          margin: 0 auto 25px;
        }
      }

      .tic_sub_title {
        margin: 0;
        text-align: left;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 130%;
        max-width: 399px;
        letter-spacing: 0;

        @media screen and (max-width: 578px) {
          font-size: 16px;
        }
      }
      
    }

    .lb_logos_box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 30px;

      .lb-items {
        display: flex;

        &.full_image{
          position: relative;
          overflow: hidden;
          &:hover {
            .hover_image {
              top: 0;
            }
          }
        }
        

        .hover_image {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 100%;
          width: 100%;
          height: 100%;
          transition: all 0.2s ease-in-out;

          img,
          a {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }

          a {
            display: flex;
          }
        }

        &.half_image {
          display: grid;
          gap: 32px;
          grid-template-columns: auto auto;
          

          @media screen and (max-width: 578px) {
            grid-template-columns: auto;
          }

          .lb-item-img-column {
            display: flex;
            position: relative;
            overflow: hidden;

            &:hover {
              .hover_image {
                top: 0;
              }
            }
          }
        }
        
        img {
          width: 100%;
          max-width: 100%;
          max-height: 425px;
          object-fit: cover;

          @media screen and (max-width: 578px) {
            min-height: 250px;
            max-height: 300px;
          }
        }
      }
    }

    .tic_button {
      margin-top: 48px;
      a.btn {
        border-radius: 12px;
        border: 1px solid #000;
        background-color: #000;
        color: #fff;
        display: inline-block;
        font-family: "sofia-pro", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        min-width: 98px;
        padding: 9px 30px;
        text-align: center;
        text-decoration-skip-ink: none;
        text-decoration: none;
      }
      a.btn:hover {
        font-weight: 600;
        background-color: transparent;
        color: #000;
      }
    }
    
  }
}