
.slider-setting{
  border: 1px solid #FF640A !important;
  padding: 8px !important;
  border-radius: 6px;
}
.slider-setting img{
  border-radius: 6px !important;
}
.slider-btn.slider-btn .slider-sec-btn .project-btn i{
  font-size: 20px !important;
  align-items: center;
  padding-left: 4px !important;
}
.slider-btn .slider-sec-btn .project-btn{
    padding: 4px 8px 4px 6px !important;
    border-radius: 4px;
    display: inline-flex !important;
}
.slider-setting .cross-btn{
  display: inline-flex !important;
  padding: 6px 11px 6px 11px !important;
  font-size: 16px !important;
  border-radius: 4px !important;
}
.top-charts-section .play-btn{
  display: inline;
  padding: 7px 10px 7px 10px !important;
  font-size: 15px;
  border-radius: 6px;
  border: solid 2px #FF640A;
}
.top-charts-section {
  margin-top: 40px !important;
}
.top-charts-section .learn-more-btn{
  display: inline-flex;
  padding: 6px 10px 6px 10px !important;
  border-radius: 4px;
  font-size: 16px !important;
  font-weight: 800;
  border: 2px solid #FF640A;
}
.top-charts-section .cover-card{
  border-radius: 7px !important;
}
.top-charts-section .btn-box{
  display: ruby !important;
}
.top-charts-section .image-card{
    margin-top: -24px !important;
}
.top-charts-section p{
  font-size: 20px;
}
.top-charts-section .topcharts-info {
  margin-top: -61px !important;
  padding: 6px 10px 23px 10px;
  margin-bottom: 8px !important;
}
.top-charts-section .star-content{
  display: flex;
  justify-content: space-between;
}
 .top-charts-section .cover-card img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    border-radius: 4px;
  }
  .chart-year{
  position: relative;
  display: inline-flex;
  padding: 2px 10px 2px 10px;
  top: -260px !important;
  left: 10px !important;
  border: 2px solid #FF640A;
  border-radius: 4px !important;
  background-color: white !important;
  color: #FF640A !important;
  padding: 2px 9px 2px 9px !important;
  font-size: 15px !important;
}
 .top-charts-section .projects-btns{
  display: grid !important;
  grid-template-columns: auto auto!important;
  margin-top: -47px !important;
  justify-content: center !important;
  margin-top: -9px !important;
} 
.slider-setting .slider-info{
  display: flex !important;
  justify-content: space-between !important;
  margin-left: 10px !important;
} 
.top-charts-section .learn-more-btn:hover{
  background-color: #FF640A !important;
  color: white !important;
}
.top-charts-section .learn-more-btn p:hover{
  color: white !important;
}
.top-charts-section .play-btn:hover{
  background-color: #FF640A !important;
  color: white !important;
}

.slider-setting .btn-box{
  display: flex !important;
    justify-content: end !important;
}
.slider-setting .btn-info img{
  width: 20px !important;
  margin-right: 2px !important;
}
.slider-setting .btn-info a{
  border-radius: 7px !important;
    padding: 7px 10px 7px 10px !important;
    color: #FF640A !important;
}
.slider-setting .cross-btn img{
  width: 25px !important;
}
.slider-setting .cross-btn a{
  padding: 7px 10px 7px 10px !important;
  border-radius: 7px !important;
}