/* Universal breakpoints */
.learn-about-our-networks > p {
  margin-top: 24px; }
  @media (max-width: 991px) {
    .learn-about-our-networks > p {
      margin-top: 18px;
      font-size: 16px;
      line-height: 22px; } }

.learn-about-our-networks .slider-relative {
  position: relative; }
  .learn-about-our-networks .slider-relative .slider-container {
    margin-top: 30px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .learn-about-our-networks .slider-relative .slider-container::-webkit-scrollbar {
      display: none; }
    .learn-about-our-networks .slider-relative .slider-container .slider-track {
      display: flex;
      gap: 16px;
      padding-bottom: 16px; }
      .learn-about-our-networks .slider-relative .slider-container .slider-track .slide {
        flex-shrink: 0;
        width: 293px;
        max-width: calc(100vw - 80px); }
        .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area {
          background-position: center;
          background-size: cover;
          height: 200px;
          border-radius: 8px;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
          .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay {
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%);
            height: 100%;
            width: 100%;
            opacity: 0;
            border-radius: 8px;
            /*visibility: hidden;*/
            transition: all 0.2s ease-in-out; }
            .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay.active {
              opacity: 1;
              visibility: visible; }
            .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay a {
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              gap: 12px;
              align-items: center;
              justify-content: center; }
            @media (max-width: 991px) {
              .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay img {
                width: 127px;
                height: auto; } }
            .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay span {
              display: none;
              padding: 14px 24px;
              background-color: white;
              border: 2px solid #3b3d49;
              color: #3b3d49 !important;
              border-radius: 8px;
              font-size: 16px;
              font-weight: 700; }
              @media (max-width: 991px) {
                .learn-about-our-networks .slider-relative .slider-container .slider-track .slide .interactive-area__overlay span {
                  display: block; } }
  .learn-about-our-networks .slider-relative:hover .prev-btn,
  .learn-about-our-networks .slider-relative:hover .next-btn {
    pointer-events: all;
    opacity: 1;
    visibility: visible; }
  .learn-about-our-networks .slider-relative .prev-btn,
  .learn-about-our-networks .slider-relative .next-btn {
    position: absolute;
    top: calc(50% - 30px);
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out; }
    .learn-about-our-networks .slider-relative .prev-btn:disabled,
    .learn-about-our-networks .slider-relative .next-btn:disabled {
      pointer-events: none;
      opacity: 0;
      visibility: hidden; }
    @media (max-width: 991px) {
      .learn-about-our-networks .slider-relative .prev-btn img,
      .learn-about-our-networks .slider-relative .next-btn img {
        height: 44px;
        width: 44px; } }
  .learn-about-our-networks .slider-relative .prev-btn {
    left: 0px; }
  .learn-about-our-networks .slider-relative .next-btn {
    right: 0px; }