.credit-page {
    color: #151d30;
}

main.credit-page {
    margin-top: 0;
}

@media only screen and (max-width: 992px) {
    main.credit-page {
        margin-top: 0;
    }
}

.credit-page .credit-card-content {
    margin-top: 64px;
}

.credit-page .credit-card-content .row>.col-lg-3 {
    margin-bottom: 30px;
}

/* spn-bank - mavi kenarlık (Ayın Ürünü, Sponsor Banka) */
.credit-page .credit-card-block.spn-bank {
    border: 2px solid #235CFF !important;
}

/* special-offer-list - kırmızı kenarlık (Özel Teklif) */
.credit-page .credit-card-block.special-offer-list {
    border: 2px solid #FB3737 !important;
}


/* special-offer-bant */
.credit-page .credit-card-block .special-offer-bant {
    color: #fff;
    background: #FB3737;
    font: 15px "Manrope Bold";
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px 12px;
    margin: -36px auto 0;
}

.credit-page .credit-card-block .special-offer-bant:before {
    content: "";
    background: url("/assets/img/star-01.svg") no-repeat 0 0;
    display: block;
    margin-right: 5px;
    -webkit-animation: sponsorStar 4s ease-out 1s infinite;
    animation: sponsorStar 4s ease-out 1s infinite;
    width: 16px;
    height: 16px;
}

.credit-page .credit-card-block.special-offer-list .cta a {
    background: #FB3737;
}

.credit-page .credit-card-block.special-offer-list .cta a:hover {
    background: #fff;
    color: #FB3737;
    border-color: #FB3737;
}


.credit-page .credit-card-block {
    position: relative;
    border-radius: 12px;
    padding: 20px;
    letter-spacing: -0.005em;
    font-size: 15px;
    height: 100%;
}

.credit-page .credit-card-block.bg-blue {
    background-color: #EEF4FF;
    border-radius: 12px;
    border: 1px solid #D1DDF2;
}

.credit-page .credit-card-block .spn {
    color: #fff;
    background: #235CFF;
    font: 15px "Manrope Bold";
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px 12px;
    margin: -36px auto 0;
}

.credit-page .credit-card-block .spn:before {
    content: "";
    background: url("/assets/img/star-01.svg") no-repeat 0 0;
    display: block;
    margin-right: 5px;
    -webkit-animation: sponsorStar 4s ease-out 1s infinite;
    animation: sponsorStar 4s ease-out 1s infinite;
    width: 16px;
    height: 16px;
}

@keyframes sponsorStar {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}

.credit-page .credit-card-block .credit-logo {
    display: inline-block;
    width: 100%;
    max-width: 145px;
    height: 40px;
    line-height: 40px;
}

@media only screen and (max-width: 768px) {
    .credit-page .credit-card-block .credit-logo {
        padding-right: 0;
    }
}

/* .credit-page .credit-card-block .credit-logo img {
    max-height: 50px;
} */


.credit-page .credit-card-block .form-group {
    font: 18px "Manrope Bold";
    margin: 10px 0;
}

.credit-page .credit-card-block .form-group .form-control {
    height: 54px;
    line-height: 54px;
    padding: 0 55px 0 15px;
    background: #fff;
    border: none;
    border-radius: 12px;
}

.credit-page .credit-card-block .form-group .input-prefix {
    position: absolute;
    top: 50%;
    right: 0;
    pointer-events: none;
    margin: -11px 20px;
}

.credit-page .credit-card-block .form-horizontal {
    margin-bottom: 20px;
}

.credit-page .credit-card-block .form-horizontal table {
    width: 100% !important;
}

.credit-page .credit-card-block .form-horizontal table tr:last-child td {
    border: none;
}

.credit-page .credit-card-block .form-horizontal table tr td {
    border-bottom: 1px dashed #A4B4E0;
    padding: 6px 0;
    font: 14px "Manrope SemiBold";
}

.credit-page .credit-card-block .form-horizontal table tr td:first-child {
    color: #6C7281;
}

.credit-page .credit-card-block .form-horizontal table tr td:last-child {
    text-align: right;
}

.credit-page .credit-card-block .dty {
    text-align: center;
}

.credit-page .credit-card-block .dty a {
    color: #151D30;
    display: inline-block;
    text-decoration: none;
}

.credit-page .credit-card-block .dty a:hover {
    text-decoration: underline;
}

.credit-page .credit-card-block.credit-card-list {
    margin-bottom: 30px;
    height: auto;
}

.credit-page .credit-card-block.credit-card-list .spn {
    margin: -36px 0 8px;
}

.credit-page .credit-card-block.credit-card-list .cta {
    max-width: 195px;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .credit-page .credit-card-block.credit-card-list .cta {
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .credit-page .credit-card-block.credit-card-list .inc {
        width: 100%;
    }
}

.credit-page .credit-card-block.credit-card-list .credit-logo img {
    max-height: 100%;
}

.credit-page .credit-card-block .list-name {
    font-size: 17px;
}

@media only screen and (max-width: 1200px) {
    .credit-page .credit-card-block .list-name {
        font-size: 15px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .credit-page .credit-card-block .list-name {
        margin: 10px 0;
    }
}

.credit-page .credit-card-block .list-name strong {
    display: block;
    margin-bottom: 5px;
}

.credit-page .credit-card-block .inc a {
    background: #fff;
    color: #151D30;
    text-decoration: none;
    font: 18px "Manrope Medium";
    border: 2px solid #C9D5F9;
    transition: 0.4s;
    height: 62px;
    border-radius: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 37px;
    margin-right: 5px;
}

@media (max-width: 1500px) {
    .credit-page .credit-card-block .inc a {
        height: 50px;
        font-size: 15px;
    }
}

.credit-page .sponsored-banner-slider .swiper-button-next,
.credit-page .sponsored-banner-slider .swiper-button-prev {
    background: url("/assets/img/arrow-slider.svg") no-repeat 0 0;
    width: 9px;
    height: 16px;
    margin-top: -7px;
}

.credit-page .sponsored-banner-slider .swiper-button-next:after,
.credit-page .sponsored-banner-slider .swiper-button-prev:after {
    display: none;
}

@media only screen and (max-width: 992px) {

    .credit-page .sponsored-banner-slider .swiper-button-next,
    .credit-page .sponsored-banner-slider .swiper-button-prev {
        display: none !important;
    }
}

.credit-page .sponsored-banner-slider .swiper-button-prev {
    transform: rotate(-180deg);
}

.credit-page .sponsored-banner-slider .swiper-pagination {
    text-align: right;
    padding: 0 25px 10px 0;
}

@media only screen and (max-width: 992px) {
    .credit-page .sponsored-banner-slider .swiper-pagination {
        position: initial;
        margin-top: 10px;
        text-align: center;
        padding: 0;
    }
}

.credit-page .sponsored-banner-slider .swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: none;
    border: 1px solid #A4BBFF;
    border-radius: 50%;
    transition: 0.4s;
    opacity: 1;
}

@media only screen and (max-width: 992px) {
    .credit-page .sponsored-banner-slider .swiper-pagination .swiper-pagination-bullet {
        background: #ACB1BB;
    }
}

.credit-page .sponsored-banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #A4BBFF;
}

@media only screen and (max-width: 992px) {
    .credit-page .sponsored-banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #235CFF;
    }
}

.credit-page .sponsored-banner-slider .swiper-slide a {
    display: block;
    height: 9.7vw;
    overflow: hidden;
    border-radius: 12px;
}

@media only screen and (max-width: 992px) {
    .credit-page .sponsored-banner-slider .swiper-slide a {
        border-radius: 5px;
    }
}

.credit-page .sponsored-banner-slider .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.credit-page .credi-loan-types .swiper-pagination {
    position: initial !important;
    margin: 20px 0 0 !important;
    display: block !important;
}

.credit-page .credi-loan-types .swiper-pagination.swiper-pagination-hidden {
    display: block !important;
}

.credit-page .credi-loan-types .swiper-pagination.swiper-pagination-disabled {
    display: block !important;
}

.credit-page .credi-loan-types .swiper-pagination.swiper-pagination-lock {
    display: block !important;
}

.credit-page .credi-loan-types .swiper-pagination .swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    background: none !important;
    border: 1px solid #235CFF !important;
    border-radius: 50% !important;
    transition: 0.4s !important;
    opacity: 1 !important;
    display: inline-block !important;
    margin: 0 4px !important;
}

.credit-page .credi-loan-types .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #235CFF !important;
    border-color: #235CFF !important;
}

.credit-page .credi-loan-types .list {
    text-align: center;
    font: 16px "Manrope SemiBold";
    border-radius: 12px;
    padding: 15px;
}

.credit-page .credi-loan-types .list:hover .icon {
    transform: scale(1.1) rotate(-10deg);
}

.credit-page .credi-loan-types .list .icon {
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    transition: 0.4s;
}

.credit-page .credi-loan-types .list a {
    color: #fff;
    background: #235CFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 14px "Manrope Medium";
    margin-top: 15px;
    height: 32px;
    border-radius: 32px;
    transition: 0.4s;
}

.credit-page .credi-loan-types .list a:hover {
    background: #fff;
    color: #235CFF;
}

.credit-page .sss ul {
    padding-left: 0;
}

.credit-page .sss button i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #151d30;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.credit-page .socialM.bg-blue {
    border-radius: 24px;
    border: 1px solid rgba(21, 29, 48, 0.08);
    padding: 32px;
    background: #EEF4FF;
}

.credit-page .socialM.bg-blue .nav-tabs {
    border-bottom: 1px solid #D1DDF2;
    margin-bottom: 16px;
}

.credit-page .socialM.bg-blue .nav-link {
    border: none;
    background: none;
    color: #6C7281;
    font: 14px "Manrope Regular";
    padding: 0 0.6rem 0;
    letter-spacing: -0.005em;
    transition: 0.4s;
}

.credit-page .socialM.bg-blue .nav-link.active {
    color: #235CFF;
    font-family: "Manrope Medium";
    border-bottom: none;
}

.credit-page .socialM.bg-blue .social_list {
    background: #fff;
    border-radius: 12px;
    padding: 0;
}

.credit-page .socialM.bg-blue .social_list .list {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #EEF4FF;
}

.credit-page .socialM.bg-blue .social_list .list:last-child {
    border-bottom: none;
}

.credit-page .socialM.bg-blue .social_list figure {
    margin: 0;
    overflow: hidden;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0;
}

.credit-page .socialM.bg-blue .social_list figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.credit-page .socialM.bg-blue hgroup {
    margin: 0 auto 0 15px;
    position: relative;
}

.credit-page .socialM.bg-blue .socialMenu {
    position: absolute;
    top: 0;
    right: 0;
    color: #151D30;
}

.credit-page .socialM.bg-blue .socialMenu i {
    font-size: 20px;
    cursor: pointer;
}

/* Override social-medya.css - tooltips should be hidden by default */
.credit-page .socialM.bg-blue .socialMenu .tooltips {
    box-shadow: 0px 0px 30px 2px rgba(35, 92, 255, 0.24);
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 100%;
    width: 160px;
    margin: 7px 0 0;
    z-index: 2;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

.credit-page .socialM.bg-blue .socialMenu.open .tooltips {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    overflow: visible !important;
}

.credit-page .socialM.bg-blue .socialMenu .tooltips ul {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.credit-page .socialM.bg-blue .socialMenu .tooltips ul li a {
    color: #235CFF;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    padding: 7px 0;
}

.credit-page .socialM.bg-blue .socialMenu .tooltips ul li a:hover {
    background: #EEF4FF;
    border-radius: 8px;
}

.credit-page .socialM.bg-blue .name {
    font-size: 16px;
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.credit-page .socialM.bg-blue .name a {
    text-decoration: none;
    color: #151D30;
    display: flex;
    align-items: center;
}

.credit-page .socialM.bg-blue .tag {
    color: #6C7281;
    font: 12px "Manrope Regular";
    margin-left: 10px;
    letter-spacing: -0.005em;
}

.credit-page .socialM.bg-blue small {
    display: block;
    background: url("/assets/img/premium.svg") no-repeat left center;
    font-size: 12px;
    padding: 2px 0 2px 25px;
    color: #6C7281;
    margin-bottom: 10px;
}

.credit-page .socialM.bg-blue .txt {
    font: 14px "Manrope Regular";
    letter-spacing: -0.005em;
    margin-top: 10px;
    color: #151D30;
    line-height: 20px;
}

.credit-page .socialM.bg-blue .txt p {
    margin: 0;
}

.credit-page .socialM.bg-blue .txt a {
    color: #235CFF;
    font-family: "Manrope SemiBold";
    text-decoration: none;
}

.credit-page .socialM.bg-blue .bottom {
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #8a8e97;
    justify-content: space-between;
    font-family: "Manrope Medium";
    margin-top: 10px;
}

.credit-page .socialM.bg-blue .btns {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    color: #8a8e97;
}

.credit-page .socialM.bg-blue .btns i {
    background: url("/assets/img/sprite.svg") no-repeat 0 0;
    width: 19px;
    height: 19px;
    display: block;
    transition: 0.3s;
    margin-right: 5px;
}

.credit-page .socialM.bg-blue .btns.like i {
    background-position: 0 -39px;
}

.credit-page .socialM.bg-blue .btns.like.liked i,
.credit-page .socialM.bg-blue .btns.like:hover i {
    background-position: -31px -39px;
}

.credit-page .socialM.bg-blue .btns.repeat i {
    background-position: 0 -80px;
}

.credit-page .socialM.bg-blue .btns.repeat:hover i {
    background-position: -31px -80px;
}

.credit-page .socialM.bg-blue .btns.comment i {
    background-position: 0 0;
}

.credit-page .socialM.bg-blue .btns.comment:hover i {
    background-position: -31px 0;
}

.credit-page .socialM.bg-blue .btns.bar i {
    background-position: 0 -120px;
}

.credit-page .socialM.bg-blue .btns.bar:hover i {
    background-position: -31px -120px;
}

.credit-page .socialM.bg-blue .btns.share i {
    background-position: 0 -160px;
}

.credit-page .socialM.bg-blue .btns.share:hover i {
    background-position: -31px -160px;
}

/* ------------------------------------------------------------
   Mevduat Detay - "Mevduat Hakkında" (aboutDeposits)
   Not: Orijinal kaynak: mevduat-detay/assets/css/kredi.css
   Bu projede olası çakışmaları önlemek için .credit-page altında scope'landı.
------------------------------------------------------------ */
.credit-page .aboutDeposits .aboutDeposits-content {
    background: #EEF4FF;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 20px;
}

.credit-page .aboutDeposits .list {
    background: #EEF4FF;
    font: 16px "Manrope Regular";
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    margin-bottom: 25px;
    border: 2px solid #EEF4FF;
}

@media only screen and (max-width: 480px) {
    .credit-page .aboutDeposits .list {
        margin-bottom: 10px;
        padding: 10px;
    }
}

.credit-page .aboutDeposits .list.expiration-date {
    background: none;
    border: 2px solid #235CFF;
}

.credit-page .aboutDeposits .list strong {
    display: block;
    font: 28px "Manrope Bold", "Manrope", "Segoe UI", "Segoe UI Symbol", Arial, sans-serif;
}

@media (max-width: 1920px) {
    .credit-page .aboutDeposits .list strong {
        font-size: 1.4583333333vw;
    }
}

@media only screen and (max-width: 992px) {
    .credit-page .aboutDeposits .list strong {
        font-size: 20px;
    }
}

.credit-page .aboutDeposits .not {
    text-align: center;
    font: 12px "Manrope Regular";
}

.credit-page .aboutDeposits .inner {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
}

@media (max-width: 991px) {
    .credit-page .credit-card-block {
        padding: 24px 20px;
    }

    .credit-page .credit-card-list {
        padding: 24px 16px;
    }
}

@media (max-width: 575px) {
    .credit-page .credit-card-block .form-group .form-control {
        font-size: 20px;
        padding: 16px 20px;
    }

    .credit-page .credit-card-list .cta {
        width: 100%;
        margin-left: 0;
    }

    .credit-page .sponsored-banner-slider .swiper-button-next,
    .credit-page .sponsored-banner-slider .swiper-button-prev {
        display: none;
    }

    .credit-page .socialM .social_list .list {
        flex-direction: column;
    }

    .credit-page .socialM .social_list figure {
        width: 100%;
        height: 200px;
    }
}

@media (min-width: 768px) {
    .card-detail-top>.row>.col-lg-3 {
        width: 20%;
    }

    .card-detail-top>.row>.col-lg-9 {
        width: 80%;
    }
}

.card-detail-top h1 {
    color: #151D30 !important;
}

.card-detail-top .card-name small {
    color: #fff;
    background: #235CFF;
    font: 15px "Manrope Bold";
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 15px;
    padding: 3px 12px;
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-name small {
        font-size: 11px;
    }
}

.card-detail-top .card-name small:before {
    background: url("../img/ellipse.png");
    width: 4px;
    content: "";
    display: block;
    margin-right: 5px;
    height: 4px;
}

.card-detail-top .card-list {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.card-detail-top .card-list .icon {
    margin-right: 10px;
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-list .icon {
        width: 25px;
    }
}

.card-detail-top .card-list small {
    color: #6C7281;
    font: 17px "Manrope Medium";
    display: block;
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-list small {
        font-size: 15px;
    }
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-list strong {
        font-size: 15px;
    }
}

@media (max-width: 1500px) {
    .card-detail-top .card-information-list .col-lg-9 {
        width: 100%;
    }
}

.card-detail-top .card-information-list .card-head {
    font-family: "Manrope Bold";
}

.card-detail-top .card-information-list .list {
    background: #fff;
    color: #6C7281;
    height: 47px;
    margin: 10px 0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 0 15px;
    justify-content: space-between;
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-information-list .list {
        margin: 5px 0;
        font-size: 13px;
        padding: 9px 15px;
    }
}

.card-detail-top .card-information-list .list i {
    color: #151D30;
    font: normal 16px "Manrope SemiBold";
}

@media only screen and (max-width : 480px) {
    .card-detail-top .card-information-list .list i {
        font-size: 14px;
    }
}

.credit-card-block .month-product:before {
    background-image: url("../img/ellipse.png") !important;
    animation: inherit !important;
    width: 4px !important;
    height: 4px !important;
}

.credit-card-block .spn,
.credit-card-block .faiz,
.credit-card-block .month-product,
.credit-card-block .special-offer-bant {
    color: #fff;
    background: #235CFF;
    font: 15px "Manrope Bold";
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px 12px;
    margin: -36px auto 0;
}

.credit-card-block .spn:before,
.credit-card-block .faiz:before,
.credit-card-block .month-product:before,
.credit-card-block .special-offer-bant:before {
    content: "";
    background: url("../img/star-01.svg") no-repeat 0 0;
    display: block;
    margin-right: 5px;
    -webkit-animation: sponsorStar 4s ease-out 1s infinite;
    animation: sponsorStar 4s ease-out 1s infinite;
    width: 16px;
    height: 16px;
}


/* mc-select dropdown styles for Mevduat page */
.mc-select {
    position: relative;
}

.mc-select span {
    padding: 0 95px 0 15px;
    border: 2px solid #CAD8F0;
    border-radius: 5px;
    height: 62px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    cursor: pointer;
    transition: 0.4s;
}

@media (max-width: 1500px) {
    .mc-select span {
        height: 50px;
    }
}

@media only screen and (max-width: 1200px) {
    .mc-select span {
        font-size: 15px;
    }
}

.mc-select.active span {
    border-color: #235CFF;
}

.mc-select.active .subs {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mc-select .subs {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 12px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 100;
    overflow: hidden;
    box-shadow: 0px 0px 30px 2px rgba(35, 92, 255, 0.24);
    width: calc(100% + 40px);
    margin: 5px -20px 0;
    padding: 20px;
}

.mc-select .subs .head {
    font: 17px "Manrope Bold";
    border-bottom: 1px solid #D1DDF2;
    padding-bottom: 10px;
}

.mc-select .subs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mc-select .subs ul li {
    color: #6C7281;
    font: 17px "Manrope Regular";
    display: flex;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

.mc-select .subs ul li:before {
    content: "";
    border: 1px solid #A5B8DA;
    border-radius: 50%;
    width: 18px;
    transition: 0.4s;
    height: 18px;
    margin-right: 7px;
    display: block;
    flex-shrink: 0;
}

.mc-select .subs ul li:hover:before {
    background: #235CFF;
    border-color: #235CFF;
}

.mc-select .subs ul li:last-child {
    display: block !important;
    opacity: 1 !important;
    margin: 20px 0 0;
    position: relative;
}

.mc-select .subs ul li:last-child:before {
    display: none;
}

.mc-select .subs ul li:last-child input {
    height: 44px;
    border-radius: 8px;
    border-color: #151D30;
    border-width: 1px;
    color: #8C93A1;
    font: 14px "Manrope Regular";
    padding: 0 55px 0 15px;
    width: 100%;
}

.mc-select .subs ul li:last-child button {
    background: #235CFF;
    color: #fff;
    border: none;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    font-size: 20px;
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

.mc-select .subs ul li:last-child button:disabled {
    background: #A5B8DA;
    cursor: not-allowed;
}

/* filtre-mevduat styles for Mevduat page */
.filtre-mevduat {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .filtre-mevduat {
        display: block;
        margin-right: -20px;
    }

    .filtre-mevduat .d-flex {
        overflow: auto;
    }
}

.filtre-mevduat .clear-btn {
    background: none;
    border: none;
    color: #235CFF;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (max-width: 992px) {
    .filtre-mevduat .clear-btn {
        margin-top: 20px;
    }
}

.filtre-mevduat .filtre_list {
    background: #F2F5F9;
    border-radius: 12px;
    font-size: 16px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-right: 15px;
    flex-shrink: 0;
}

@media only screen and (max-width: 480px) {
    .filtre-mevduat .filtre_list {
        font-size: 13px;
    }
}

.filtre-mevduat .filtre_list:before {
    content: "";
    background: url("/assets/img/clock-rewind.svg") no-repeat 0 0;
    background-size: contain;
    display: block;
    min-width: 20px;
    height: 20px;
}

.filtre-mevduat .filtre_list:after {
    content: "";
    background: url("/assets/img/arrow-4.svg") no-repeat 0 0;
    background-size: contain;
    display: block;
    min-width: 12px;
    height: 12px;
    margin-left: 15px;
}


.filtre-mevduat .filtre_list span {
    margin: 0 15px;
    width: max-content;
}

.filtre-mevduat .filtre_list span em {
    color: #6C7281;
    display: block;
    font: normal 12px "Manrope Regular";
}