.slider{
  width:100%;
  overflow:hidden;
  background:#f4f4f4;
  padding:20px 0;
}

.track{
  display:flex;
}

.slide{
  width:300px;
  height:350px;
  flex-shrink:0;
  margin-right:15px;
}

.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px;
}

/* mobile */
@media(max-width:600px){
  .slide{
    width:240px;
    height:360px;
  }
}
/* img slide  loop and */


.cs_tab {
    display: none;
  }

  .cs_tab.active {
    display: block;
  }

  .cs_tab_links li.active a {
    color: #ff6f5e;
    font-weight: 600;
  }

  .extra-text {
    display: none;
    transition: all 0.4s ease;
  }

  .extra-text.show {
    display: block;
  }

  .read-more-btn {
    border: none;
    background-color: #342EAD;
    color: #fff;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 8px;
    transition: background 0.3s ease;
  }

  .read-more-btn:hover {
    background-color: #2b27a3;
  }