/* Desktop stays fixed like the supplied layout. */
@media (min-width: 761px) {
  .sp-track {
    overflow: visible;
    cursor: default;
    user-select: auto;
  }

  .sp-arrow {
    display: none;
  }

  .sp-skill-track {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sp-skill {
    width: auto;
  }
}

/* Scroll, drag, swipe and arrows are enabled only on phone screens. */
@media (max-width: 760px) {
  .sp-track,
  .sp-skill-track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
    overscroll-behavior-inline: contain;
  }

  .sp-track::-webkit-scrollbar {
    display: none;
  }

  .sp-track.dragging {
    cursor: grabbing;
    scroll-behavior: auto;
  }

  .sp-arrow {
    display: block;
  }
}


/* =====================================
   FEATURED IN SECTION
   MOBILE GRID ONLY
===================================== */


/* Desktop same */
@media(min-width:761px){

.featured-slider .sp-logo-track{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    overflow:visible;
}


.featured-slider .sp-arrow{
    display:block;
}

}


    /*mobile news logo section*/


/* Mobile change */

@media(max-width:760px){

.featured-slider .sp-logo-track{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;

    overflow:visible;
    padding:5px 0 10px;

}


.featured-slider .sp-logo{

    flex:none;
    width:100%;
    min-height:90px;

}


.featured-slider .sp-logo img{

    /*max-height:70px;*/
    object-fit:contain;

}



/* remove carousel arrows only featured */
.featured-slider .sp-arrow{

    display:none;

}

}