.card-filter-results.digitalservice-list-results .card-list {
   max-width: 100%;
}

.card-filter-results.digitalservice-list-results .card-list .cards {
   padding-top: 60px;
}

.card-filter-results.digitalservice-list-results .card-list .cards .row {
   gap: 30px;
   margin: -15px !important;
   padding: unset;
   justify-content: start;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 {
   margin-bottom: unset;
   padding: unset;
   max-width: 370px !important;
   display: none;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12.active {
   display: flex;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard {
   border: unset;
   height: 100%;
   border-radius: unset;
   background-color: unset;
   max-width: unset;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody {
   background-color: unset;
   max-width: unset;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-cardbody-box {
   height: 100%;
   min-width: unset;
   max-width: unset;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-cardbody-box .ds-card-img {
   max-width: 140px;
   height: 75px;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-cardbody-box .ds-card-img img {
   max-width: inherit !important;
   height: inherit !important;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-cardbody-box h4 {
   display: flex;
   align-items: center;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-cardbody-box p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   line-clamp: 4;
   -webkit-box-orient: vertical;
   height: 88px;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-card-info {
   border: 1px solid var(--grey-light-periwinkle, #dee3ed);
   border-top: unset;
   border-radius: 0px 0px 8px 8px;
   align-items: center;
   max-width: unset;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-card-info .ci-price {
   align-self: unset;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-card-info .ci-price strong {
   font-size: 26px;
   font-weight: 800;
   line-height: 34px;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-card-info .ci-price .sup-group sup {
   top: 0;
   align-self: end;
   padding-bottom: 2px;
   font-size: 12px;
}

.card-filter-results.digitalservice-list-results .card-list .cards>.row>.col-sm-12 .dscard .dscardbody .ds-card-info .ci-price p.note {
   font-size: 12px;
   font-weight: 600;
   line-height: 15px;
   letter-spacing: -0.05em;
   color: #717D8D;
}

@media (max-width:768px) {
   .card-filter-results.digitalservice-list-results {
      padding-right: unset !important;
   }

   .card-filter-results.digitalservice-list-results .card-list .cards .row {
      margin: 0 !important;
      justify-content: center;
   }
}

.digital-service-list-category .kategoriler div {
   display: flex;
   flex-wrap: wrap;
   column-gap: 8px;
   row-gap: 20px;
}

.digital-service-list-category .kategoriler div a.btn.btn-white:not(:disabled):not(.disabled) {
   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
   text-align: center;
   box-shadow: 0px 1px 4px 0px #25334233;
   color: #222943;
   padding: 8px 20px;
   display: flex;
   gap: 2px;
   align-items: center;
}

.digital-service-list-category .kategoriler div a.btn.btn-white:not(:disabled):not(.disabled).active {
   font-weight: 800;
   border-color: #049EAD;
}

.digital-service-list-category .kategoriler div a span.number {
   color: #B8BEC6;
   margin-left: 10px;
}

.digital-service-list-category .kategoriler div a::before {
   width: 22px;
   height: 22px;
   margin-right: 8px;
}

.digital-service-list-category .kategoriler div a[data-category="arama-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/phone.svg");
}

.digital-service-list-category .kategoriler div a[data-category="fatura-ve-tl-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/tl.svg");
}

.digital-service-list-category .kategoriler div a[data-category="bilgi-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/machine-learning.svg");
}

.digital-service-list-category .kategoriler div a[data-category="eglence-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/music.svg");
}

.digital-service-list-category .kategoriler div a[data-category="egitim-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/education.svg");
}

.digital-service-list-category .kategoriler div a[data-category="erisebilirlik-servisleri"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/accessibility-alt.svg");
}

.digital-service-list-category .kategoriler div a[data-category="dijital-odeme"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/money.svg");
}

.digital-service-list-category .kategoriler div a[data-category="turk-telekom-wi-fi"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/wifi.svg");
}

.digital-service-list-category .kategoriler div a[data-category="esim"]::before {
   content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/category/sim-card.svg");
}

.digital-service-list-category .kategoriler div a[data-category="esim"] span.number,
.digital-service-list-category .kategoriler div a[data-category="dijital-odeme"] span.number {
   display: none;
}

.digital-service-list-category .kategoriler div a[data-length="0"] {
   opacity: 0.5;
   pointer-events: none;
}

.digital-service-list-pagination .pagination {
   display: flex;
   margin: 0 auto;
   justify-content: center;
   align-items: center;
   gap: 16px;
   padding-top: clamp(32px, calc(0.2666666667px + 4.6666666667vw), 60px);
}

.digital-service-list-pagination .pagination .page-item a {
   border-top-left-radius: 50% !important;
   border-bottom-left-radius: 50% !important;
   border-top-right-radius: 50% !important;
   border-bottom-right-radius: 50% !important;
   border-radius: 50%;
   background-color: #fff;
   border: 1px solid rgb(240, 242, 245) !important;
   border-color: rgb(240, 242, 245) !important;
   width: 36px;
   height: 36px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #222943 !important;
}

.digital-service-list-pagination .pagination .page-item.active a {
   border: unset;
   background-color: rgb(4, 158, 173);
   color: #fff !important;
}

.digital-service-list-pagination .pagination .page-item.prev a.page-link,
.digital-service-list-pagination .pagination .page-item.next a.page-link {
   overflow: hidden;
   border-color: #049ead !important;
   color: #049ead !important;
   font-weight: normal;
}

.digital-service-list-pagination .pagination .page-item.prev a.page-link::before {
   font-size: 20px;
   font-family: "icomoon" !important;
   content: "\e91a";
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   background: white;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.digital-service-list-pagination .pagination .page-item.prev.disabled {
   display: none;
}

.digital-service-list-pagination .pagination .page-item.prev {
   transform: rotate(-180deg);
}

.digital-service-list-pagination .pagination .page-item.next a.page-link::before {
   font-size: 20px;
   font-family: "icomoon" !important;
   content: "\e91a";
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   background: white;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.digital-service-list-pagination .pagination .page-item.next.disabled {
   display: none;
}

.container .card-filter-results.digitalservice-list-results:first-child {
   display: block;
}

.card-filter-results.digitalservice-list-results:first-child {
   display: none;
}

@media (max-width: 768px) {
   .digital-service-list-category .kategoriler div {
      flex-wrap: nowrap;
      overflow: auto;
   }

   .digital-service-list-category .kategoriler div a {
      min-width: max-content;
   }

   .digital-service-list-category .kategoriler div::-webkit-scrollbar {
      display: none;
   }
}