.success-stories .story-card {
    background: #FFFFFF8A;
    box-shadow: 0px 4px 26px 0px #00000040;
    padding: 27px;
    border: 1px solid;
    border-image-source: radial-gradient(82.71% 261.03% at 3.06% 115.75%, #FFFFFF 0%, rgba(103, 103, 103, 0.750969) 63.85%, rgba(103, 103, 103, 0.61) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    border-radius: 8px 0px 0px 0px;
    }

    .success-stories .success-stories-title{
            font-size: 36px;
    font-weight: 700;
    color: #245AA5;
    }

    .success-stories .success-stories-description {

       font-size: 18px;
        font-weight: 500;
color: #030303;

    }

    .success-stories img {

    border-image-source: radial-gradient(82.71% 261.03% at 3.06% 115.75%, #FFFFFF 0%, rgba(103, 103, 103, 0.750969) 63.85%, rgba(103, 103, 103, 0.61) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    box-shadow: 0px 4px 26px 0px #00000040;
    border-radius: 8px;

    }
   .rtl .success-stories .story-card-content {
    text-align: right;
    padding: 15px;
    }
    .ltr .success-stories .story-card-content {
    text-align: left;
    padding: 15px;
    }
    .story-card-content span {
        background: linear-gradient(90deg, #A3DD4B, #74A32D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;

    font-size: 20px;

    }
    .story-card-content h3 {
            font-size: 25px;
    font-weight: bold;
        color: #245AA5;
    }

    .story-card-content .story-category {
            font-size: 16px;
            color: #030303;
    }
    .story-card-content .title-dec{
           background: linear-gradient(90deg, #A3DD4B, #74A32D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 18px;

    }

    .btn-group-yp  {
    display: flex;
    justify-content: center;
}

.btn-group-yp .btn {
    /* margin: 0 5px; */
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
}

.btn-group-yp  .btn-youth {
    background: rgb(45, 95, 120);
    color: white;
    border-radius: 8px;
}

.btn-group-yp .btn-orphans
 {
    background: #EFEFEF;
    color: #245AA5;
    border-radius: 8px;
}

.btn-group-yp  .btn-youth:hover
 {
    opacity: 0.8;
      background: #EFEFEF;
  color: #245AA5;

}
.btn-group-yp .btn-orphans:hover
 {
    background: rgb(45, 95, 120);
    color: white;

}

 #orphans-stories {
        display: none;
    }


.news-list-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 0px;
}

.news-list-card {
  flex-shrink: 0;
  scroll-snap-align: center;
}

 .news-list-wrapper {
    display: flex;
    overflow-x: auto;
    width: 100%;
    scroll-behavior: smooth;
}

.news-list-cards {
    display: flex;
    flex-wrap: nowrap;
}

.news-list-card {
    flex: 0 0 calc(33.333% - 20px);
    margin: 10px;
    max-width: calc(33.333% - 20px);
}
@media (max-width: 968px) {
   .news-list .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .news-list .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 568px) {
    .news-list .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .btn-group-yp .btn{
        font-size: 12px;
    }
    .story-card-content .story-category{
        font-size: 14;
    }
}



/*
    .btn.active {
        background-color: #08291a;
        color: white;
    } */