section.mega-menu-expert-card {
  max-width    : 20rem;
  overflow     : hidden;
  border-radius: .5rem;
  background   : #f4f6f9;
  display      : grid
}

section.mega-menu-expert-card .expert-card__image {
  height: 160px
}

section.mega-menu-expert-card .expert-card__title {
  padding    : 1.75rem 1.75rem 0;
  color      : #1b1820;
  font-size  : 1.125rem;
  font-style : normal;
  font-weight: 500;
  line-height: 1.625rem;
  margin     : 0
}

section.mega-menu-expert-card .read-more {
  padding    : 0 28px 28px;
  color      : #175cff;
  font-family: Geist, sans-serif;
  font-size  : 1rem;
  line-height: 1.875rem
}

section.mega-menu-expert-card .read-more i {
  font-family: "Font Awesome 6 Pro";
  font-size  : .875rem;
  font-style : normal;
  font-weight: 400;
  line-height: 1.875rem
}

@media only screen and (max-width:575px) {
  section.mega-menu-expert-card {
    grid-template-columns: 32% 68%;
    max-width            : fit-content
  }

  section.mega-menu-expert-card>.expert-card__image {
    height  : auto;
    display : block;
    grid-row: 1/3
  }

  section.mega-menu-expert-card .expert-card__title {
    font-size         : 1rem;
    padding           : .75rem .75rem 0;
    line-height       : 1.5rem;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow          : hidden
  }

  section.mega-menu-expert-card .read-more {
    padding  : 0 .75rem .75rem;
    font-size: .875rem
  }

  section.mega-menu-expert-card .expert-card__image img {
    object-fit: none;
    min-height: 100%
  }
}

.sk-loader {
  border-radius   : 1rem;
  width           : 100%;
  min-height      : 294px;
  max-height      : 522px;
  background      : #e0e0e0;
  background-image: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size : 200% 100%;
  animation       : skLoader 1.5s infinite
}

@keyframes skLoader {
  0% {
    background-position: 200% 0
  }

  100% {
    background-position: -200% 0
  }
}

section.mega-menu-expert-card {
  max-width    : 20rem;
  overflow     : hidden;
  border-radius: .5rem;
  background   : #f4f6f9;
  display      : grid;

  .expert-card__image {
    height: 160px
  }

  .expert-card__title {
    padding    : 1.75rem 1.75rem 0;
    color      : #1b1820;
    font-size  : 1.125rem;
    font-style : normal;
    font-weight: 500;
    line-height: 1.625rem;
    margin     : 0 0 .5rem 0
  }

  .read-more {
    padding    : 0 28px 28px;
    color      : #175cff;
    font-family: Geist, sans-serif;
    font-size  : 1rem;
    line-height: 1.875rem;
    display    : flex;
    align-items: center;
    font-weight: 500;

    svg {
      fill       : #175cff;
      margin-left: .5rem;
      width      : .9rem
    }
  }

  @media only screen and (max-width:575px) {
    grid-template-columns: 32% 68%;
    max-width            : fit-content;

    >.expert-card__image {
      height  : auto;
      display : block;
      grid-row: 1 / 3
    }

    .expert-card__title {
      font-size         : 1rem;
      padding           : .75rem .75rem 0;
      line-height       : 1.5rem;
      display           : -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow          : hidden
    }

    .read-more {
      padding  : 0 .75rem .75rem;
      font-size: .875rem
    }

    .expert-card__image {
      img {
        object-fit: none;
        min-height: 100%
      }
    }
  }
}

.sk-loader {
  border-radius   : 1rem;
  width           : 100%;
  min-height      : 294px;
  max-height      : 522px;
  background      : #e0e0e0;
  background-image: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size : 200% 100%;
  animation       : skLoader 1.5s infinite
}

@keyframes skLoader {
  0% {
    background-position: 200% 0
  }

  100% {
    background-position: -200% 0
  }
}

.solutions-table {
  table {
    width          : 100%;
    border-collapse: separate;
    border-spacing : 0;

    thead {
      tr {
        th {
          background : #175CFF;
          color      : #FFF;
          font-weight: 400;
          font-size  : 1rem;
          border     : none;
          padding    : 15px 20px;
          text-align : left;

          &:first-child {
            border-top-left-radius: 8px;
          }

          &:last-child {
            border-top-right-radius: 8px;
          }
        }
      }
    }

    tbody {
      tr {
        td {
          background-color: #FFF;
          font-size       : 0.9rem;
          font-weight     : 400;
          color           : #161D26;
          padding         : 15px 20px;
          border-bottom   : 0;
          border-right    : 1px solid #CECFDE;

          &:first-child {
            border-right: 0;
          }

        }

        &:nth-child(odd)>td {
          background-color: #FFF;
        }

        &:last-child td {
          border-bottom: 1px solid #CECFDE;

          &:first-child {
            border-bottom-left-radius: 8px;
          }

          &:last-child {
            border-bottom-right-radius: 8px;
          }
        }
      }
    }
  }
}