@font-face {
    font-family: 'Mark Pro';
    src: url('../../font/markpro/subset-MarkPro-Bold.eot');
    src: url('../../font/markpro/subset-MarkPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../font/markpro/subset-MarkPro-Bold.woff2') format('woff2'),
        url('../../font/markpro/subset-MarkPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mark Pro';
    src: url('../../font/markpro/subset-MarkPro-Medium.eot');
    src: url('../../font/markpro/subset-MarkPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../font/markpro/subset-MarkPro-Medium.woff2') format('woff2'),
        url('../../font/markpro/subset-MarkPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mark Pro';
    src: url('../../font/markpro/subset-MarkPro.eot');
    src: url('../../font/markpro/subset-MarkPro.eot?#iefix') format('embedded-opentype'),
        url('../../font/markpro/subset-MarkPro.woff2') format('woff2'),
        url('../../font/markpro/subset-MarkPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mark Pro';
    src: url('../../font/markpro/subset-MarkPro-Heavy.eot');
    src: url('../../font/markpro/subset-MarkPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../../font/markpro/subset-MarkPro-Heavy.woff2') format('woff2'),
        url('../../font/markpro/subset-MarkPro-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.fs-14{font-size: 14px;}
.fs-18{font-size: 18px;}
.brand-color{color: #450E87;}
.br-16 {border-radius: 16px;}

/* ----------------------------------------------------------------------
	Genel
---------------------------------------------------------------------- */
body {font-family: 'Mark Pro'; color: #191919;background: #F8F9FA;font-weight: 500;font-size: 14px; margin:0px;padding:0px;overflow-x: hidden;-webkit-font-smoothing: antialiased;box-sizing:border-box;}
html {scroll-behavior: smooth;}
a:focus {outline: none !important;}
.btn.focus, .btn:focus {outline: 0;box-shadow: none;}
label {font-size: 16px; color:#450D87; font-weight: bolder;}
.alert-primary {color: #450E87;background-color: #ECE7F3;border-color: #ECE7F3;}
.alert-secondary {color: #7D8E9F;background-color: #F2F4F6;border-color: #F2F4F6;}
.alert-danger {color: #CD3D3D;background-color: #F8D7DA;border-color: #F8D7DA;}



.text-brand-purple {color: #450D87;}
.text-brand-purple-2 {color: #743BA3;}
.text-brand-purple-3 {color: #986ABA;}
.text-brand-purple-4 {color: #BB9FCF;}
.text-brand-purple-5 {color: #DCCBE8;}
.text-brand-purple-6 {color: #F5F1F8;}
.text-brand-green {color: #00BBB4;}
.text-brand-green-2 {color: #00CAC2;}
.text-brand-green-3 {color: #64D8D1;}
.text-brand-green-4 {color: #9FE5E0;}
.text-brand-green-5 {color: #D0F2EF;}
.text-brand-green-6 {color: #F2FBFA;}
.bg-brand-purple {background-color: #450D87;}
.bg-brand-purple-2 {background-color: #743BA3;}
.bg-brand-purple-3 {background-color: #986ABA;}
.bg-brand-purple-4 {background-color: #BB9FCF;}
.bg-brand-purple-5 {background-color: #DCCBE8;}
.bg-brand-purple-6 {background-color: #F5F1F8;}
.bg-brand-green {background-color: #00BBB4;}
.bg-brand-green-2 {background-color: #00CAC2;}
.bg-brand-green-3 {background-color: #64D8D1;}
.bg-brand-green-4 {background-color: #9FE5E0;}
.bg-brand-green-5 {background-color: #D0F2EF;}
.bg-brand-green-6 {background-color: #F2FBFA;}
.bg-brand-blue-1 {background-color: #F9FAFB;}
.bg-brand-gray-1 {background-color: #EBEBEB;}
.bg-brand-blue-2 {background-color: #D0F2EF;}
.btn-icon {position: relative;padding: 1.125rem 4.125rem 1.125rem 1.125rem;}
.btn-icon::before {position: absolute;right: 15px;top: 14px;font-size: 28px;transition: all 0.3s;-webkit-transition: all 0.3s;font-family: bootstrap-icons !important;content: "\f135";font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.btn-sm:before {font-size: 24px;}
.btn-icon:hover::before {right: 10px;}
.btn-txt {padding-right: 3rem;padding-left: 0px;position: relative;font-size: 18px;font-weight: bold;line-height: 20px;}
.btn-txt-sm {padding-right: 2.5rem;padding-left: 0px;position: relative;font-size: 14px;font-weight: bold;line-height: 15px;}
.btn-txt-sm:before {right: 15px;top: 14px;font-size: 22px;}
.custom-selectbox {position: relative;}
.custom-selectbox .dropdown-toggle::after {margin-left: 10px;}
.custom-selectbox .paramkart-menu {padding: 10px;background-color: #ffffff;border-radius: 8px;box-shadow: 0px 6px 12px 0px rgba(125,142,159,0.16);border: 1px #D7DCE1 solid;margin-top: 5px;}
.custom-selectbox .paramkart-menu ul li {float: none;}
.custom-selectbox .paramkart-menu ul li a {color: rgba(61,40,83,0.5);margin-right: 10px;border-radius: 8px;line-height: 16px;text-decoration: none;padding: 15px 10px;display: block; white-space: nowrap;font-size: 16px;font-weight: 500;}
.custom-selectbox .paramkart-menu ul li a:hover, .custom-selectbox .paramkart-menu ul li a:focus {background-color: #F5F4F8;color: rgba(61,40,83,1.0)}
.custom-selectbox .dropdown-menu {background-color: transparent;margin-top: 0px;max-width: calc(100% - 30px);width: 100%;border: 0px;left: 0px !important;padding: 0px 0px;box-shadow: 0px 40px 55px -10px rgba(71,40,126,0.1);}
.custom-selectbox .dropdown-toggle {display: block;width: 100%;padding: 1.25rem 1.25rem;font-size: 0.938rem;letter-spacing: -.02em;font-weight: 500;line-height: 17px;color: #191919;background-color: #fff;background-clip: padding-box;border: 1px solid #D7DCE1;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.custom-selectbox .dropdown-toggle::after {position: absolute;color: #191919;bottom: 23px;right: 24px;border-top: 0px;content: "\f282";font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;}
/*.custom-selectbox .paramkart-menu ul li a{ min-width:280px;}*/
.input-scrool {max-height: 184px;overflow: auto;}
.input-scrool::-webkit-scrollbar {width: 7px;}
.input-scrool::-webkit-scrollbar-track {-webkit-box-shadow: none;}
.input-scrool::-webkit-scrollbar-thumb {background: #F5F4F8;border-radius: 20px;cursor: pointer;}
.input-scrool::-webkit-scrollbar-thumb:window-inactive {background: #eeeeee;}
.p-xs {font-size: 0.8rem;}
p {font-size: 1.125rem;letter-spacing: -.01em;font-weight: 400;}
.p-md {font-size: 1.25rem;letter-spacing: -.02em}
.p-lg {font-size: 1.5rem;letter-spacing: -.024em}
.p-xl {font-size: 1.75rem;letter-spacing: -.024em}
a:hover {text-decoration: none;color: #450D87;}
a {color: #191919;}
img {border: 0px;}
ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style: none;}
a, button, input[type=submit] {transition: all 0.3s;-webkit-transition: all 0.3s;text-decoration: none;}
button:focus {outline: none;}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;transition: background-color 5000s ease-in-out 0s;}
.no-js #loader {display: none;}
.js #loader {display: block;position: absolute;left: 100px;top: 0;}
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(../../images/param-preloader.gif) center no-repeat #fff;}
.section-p {padding-top: 140px;padding-bottom: 140px;}
.section-p-single {padding-top: 140px;}
.section-text {text-align: center;}
input[type="date"] {padding: 1.08rem 1.25rem}
.btn.focus, .btn:focus{box-shadow:none!important;}

header{background-color:#450E87;} 
footer{background-color: #24124A;}
header .logo{display:block; text-align:center;}
header .row {padding: 13px 0px; align-items: center;}
header .row .etahsilat {font-size: 13px; color: #ddd9e2;}
header .row .etahsilat span {font-size:12px; color: rgba(221,217,226, .7);}
header .row .guvenli-odeme {padding: 10px;background-color: #4e1a8d;border-radius: 12px;color: #DDD9E2;}
header .row .guvenli-odeme-svg {background-color: #ede8f3;padding: 8px 9px;border-radius: 10px; margin-right:15px;}
.sayfa-icerik{padding-top:100px; padding-bottom:100px;}
.footer-social{text-align:right;}
.footer-social a{color:rgba(255,255,255,0.4); font-size:24px; padding-left:35px; line-height:25px;}
.footer-social a:first-child{padding-left:0px;}
.footer-social a:hover, .footer-social a:focus{color:rgba(255,255,255,1.0);}
.footer-alt{font-size:12px; font-weight:500; text-align:center; color: rgba(221,217,226, .7);}
footer .row{padding:32px 0px; align-items: center;flex-wrap:nowrap;}
.musteri-hizmetleri span{font-size:18px;color:rgba(255,255,255,0.6); font-weight:500; padding-left:10px;}s
.footer-alt-border {background: #00b7b3;background: -moz-linear-gradient(left, #00b7b3 0%, #8eebe9 33%, #00b7b3 71%, #00b7b3 100%);background: -webkit-linear-gradient(left, #00b7b3 0%,#8eebe9 33%,#00b7b3 71%,#00b7b3 100%); background: linear-gradient(to right, #00b7b3 0%,#8eebe9 33%,#00b7b3 71%,#00b7b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7b3', endColorstr='#00b7b3',GradientType=1 ); height:5px;}
 
/*ÖDEME YAPAN BİLGİLERİ FORM*/
.radio-steps{background:#FFFFFF;border-radius:16px;padding: 25px 48px; margin-bottom: 20px;}
.odemeForm{background:#FFFFFF;border-radius:16px;}
.form-group{border-radius:12px; padding:18px 24px 18px 24px; font-weight:bold;}
.form-group label{color: #3D2852;}
.infoBox{background-color:#ECE7F3; border-radius:12px; margin-top:150px; height: 60px;}
.infoBox-text {color: #450E87;}


.odeme-yapan-bilgileri{background-color: white;border-radius: 16px;padding:20px 15px;}
.odeme-yapan-bilgileri h5{border-bottom: 1px solid rgba(125, 142, 159,.2);font-weight: bold;line-height: 25px;width: 97%;margin: 10px 0px 20px 10px;padding: 0px 0px 10px 0px; text-align: center;}



/*BANKA SECİM TABLOSU FORM*/
.banka-secim-info {background:#F2F4F6; border-radius:12px; padding:20px; margin-bottom:20px; }
.banka-secim-info p{font-size:13px;margin:3px;}
.banka-secim-info-2{background-color:#F8D7DA;border-radius:12px; padding:10px; margin-bottom:20px;justify-content: center;align-items: center;font-weight: 700;font-size: 14px;line-height: 18px;}
.banka-sec-radio{border-radius: 8px;background: #ECE7F3;}
.banka-sec-radio .banka-radio label {width: 100%;text-align: center;padding: 10px;margin: 10px 0px;background-color: transparent;border: 0px;color: #450E87;}
.banka-radio {display: block; margin: 0px 0;position: relative;max-width: 530px;padding-left: 0px;}
.banka-radio input {width: 32px;height: 32px;order: 1;z-index: 2;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);cursor: pointer;visibility: hidden;}
.form-check-input {width: 1.5em; height: 1.5em; position:absolute; right:5px;}
.form-check-input[type=checkbox] {border-radius: 5.25em;}

/*EFT-HAVALE BİLGİLERİ FORM*/
.havale-eft-info {background: #F2F4F6;border-radius: 12px;height: 48px;padding: 20px;}
.havale-eft-info p{font-size:13px;margin:3px;}
.havale-eft-info-2 {background: #ECE7F3;border-radius:12px;padding: 10px;}
.havale-eft-info-2 p {max-width: 635px; }
.havale-eft-info-3 {background: #ECE7F3;border-radius:12px;padding: 10px;}
.copy-span {background: #F2F4F6;border-radius:8px;width: 87px;height:34px;vertical-align:super;}
.copy-text {vertical-align: -webkit-baseline-middle;padding-left: 6px;}
.copy-span img{vertical-align: -webkit-baseline-middle;padding-left: 14px;}

.ortak-odeme-forum{border-radius: 16px; margin-top:50px; margin-bottom:50px;}
.ortak-odeme-forum .step-table{position:relative;margin-top: -15px;}
.ortak-odeme-forum .step-table ul{position: relative;background-color:#ffffff;margin:20px 0px;border-radius:16px;padding: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;justify-content: space-between;}
.ortak-odeme-forum .step-table ul li:first-child {margin: auto 10px;}
.ortak-odeme-forum .step-table ul li{margin: auto 5px; }
.ortak-odeme-forum .step-table .step-blok{display:flex;align-items: baseline;}

.step-tablo{background-color:#ffffff;margin:20px 0px;border-radius:16px;padding: 15px;}
.step-tablo .step-checkbox{display:inline-block;}
.step-tablo .step-checkbox span{display:inline-block; margin:10px;}
.step-tablo .step-blok h5{display:inline-block;}

.step-blok h5 span{color: #3E1682;}
.step-blok h5{font-weight: 900;}

.step-blok.unchecked .step-checkbox{background-color: #DEE0E5;}
.step-blok.unchecked h5, .step-blok.unchecked h5 span{color: #7D8E9F;}
.step-blok.unchecked .step-checkbox span{background-color: #fff;border: 1px solid rgba(127,140,141, 0.5);}

.step-checkbox{background-color: #ECE6F3;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 10px;margin-right:15px;}
.step-checkbox span{width: 20px;height: 20px;background-color: #450E87;border-radius: 100%;text-align: center;}
.step-checkbox span i{color: #ffffff;position: relative;top: 2px;}


.alt-bilgi{background-color:#F2F4F6; padding: 22px 22px; border-radius: 12px;height: 60px;}
.alt-bilgi .bg-beyaz-logo{padding:15px 10px;border-radius:12px;}
.alt-bilgi .guvenlik-text{color: rgba(61,4,82,0.7); font-weight:500;}
.alt-bilgi .btn-beyaz {background-color: #fff;padding: 16px 65px;border-radius: 12px;font-size: 14px;color: rgba(69,14,135, 0.8);font-weight: 900;}
.nav-pills .nav-link.active {border-radius: 7px !important;background-color: #450D87 !important;color: #fff !important;}
.nav-link {font-size: 16px;color: #450D87;font-weight: bolder;}

.banka-secim-tab{border-radius:12px;}
.banka-secim-tab .nav-link{margin:0px 0px; padding:0px 0px; line-height:48px; width:100%;}
.banka-secim-tab .nav-item{width:50%;padding:8px 8px;}
.banka-secim-tab .nav-link:hover{color:#450D87;}

.basvuru-radio {display: table-cell;margin: 0px 0;position: relative;max-width: 530px; padding-left: 0px;vertical-align: middle;width: 300px; background-color: #fff;border-radius: 16px;height: 90px;box-shadow: 0px 12px 40px 4px rgba(0, 0, 0, 0.05);}
.basvuru-radio:hover, .basvuru-radio:focus{cursor:pointer;}
.basvuru-radio label {background-color: #fff; width: 100%; height:90px; display: flex; text-align: left; cursor: pointer; position: relative; z-index: 2;transition: color 200ms ease-in; overflow: hidden; border: 2px #ffffff solid; border-radius: 8px;}
.basvuru-radio label:before {width: 10px;height: 10px;border-radius: 50%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale3d(1, 1, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;z-index: -1;}

    .basvuru-radio label:after {
      width: 24px;
      height: 24px;
      content: "";
      border: 1px solid #D7DAE0;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
      background-repeat: no-repeat;
      background-position: 2px 3px;
      border-radius: 50%;
      z-index: 2;
      position: absolute;
      right: 15px;
      top: 25px;
      transform: translateY(-50%);
      cursor: pointer;
      transition: all 200ms ease-in;
    }

.basvuru-radio input:checked ~ label {color: #450E87;border: 2px solid #450E87;}
.basvuru-radio input:checked ~ label:before {transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1;}
.basvuru-radio input:checked ~ label:after {background-color: #450E87; border-color: #450E87;}
.basvuru-radio input {width: 32px;height: 32px;order: 1;z-index: 2; position: absolute;right: 30px; top: 50%;    transform: translateY(-50%); cursor: pointer; visibility: hidden;}
.basvuru-radio .banka-img{width:200px; padding: 17px 17px 17px 25px;}
.label-disabled {
    color: rgba(127,140,141, 0.7)
}
.form-control:disabled, .form-control[readonly] {
    background-color: #F8F9FA;
    color: rgb(101 101 101);
}
.firma-logo{background-color:#F2F4F6; border-radius:16px;width:100%; padding:77px 15px;}
.btn-yan-blok{display:block;}
.havale-secim .text-brand-purple{min-width:200px;}
.havale-secim button{border:0px; background-color:#F2F4F6; border-radius:8px; color:#7D8E9F; font-size:12px; padding:7px 10px;}
.havale-secim i{margin-right:5px;}


/*İŞLEM ADIMLARI*/
.islem-adimlari-genel{background-color:#ffffff;margin: 20px 0px;border-radius: 16px;padding: 15px;}
.islem-adimlari-genel h5{margin-top:14px;}
.islem-adimlari-genel .connecting-line{background-color:#D8DDE2; height:2px; width:100%;position: relative;display: inline-block;top: 9px; margin-left:15px;}
.islem-adimlari-genel .step-active{min-width:212px;}

/*KREDİ KARTI*/
.kart-gorsel{margin-bottom: 13px; min-width:470px; position: relative;z-index: 1;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;}
.kart-img{position: relative;display: block;width:100%;}
.kart-tipi{position: absolute;display: flex;top: 30px;width: 100%;justify-content: space-between;align-items: center;align-content: center;flex-direction: row;padding: 0px 33px;}
.kart-tipi .logo{width:80px;margin-right:0px;}
.kart-tipi .chip{margin-right:0px;}
.kart-numara{position: absolute; top: 100px; width: 100%; display: flex; justify-content: center; color: #fff; font-weight: 500;font-size:35px;}
.kartsahibi-kartayyil {display: flex; position: absolute; top: 190px; width: 100%; justify-content: space-between; padding: 0 35px;}
.kartsahibi-title {font-size: 10px; font-weight: 500; color: #ffffff99;}
.kartsahibiad {color: #fff; font-size: 13px; font-weight: 500;}
.karttarih-title {font-size: 10px; font-weight: 500; color: #ffffff99;}
.son-kt {color: #fff;font-size: 13px;font-weight: 500;}
.cardhold {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.cardhold .kart-tipi, .cardhold #kartnumara, .cardhold .son-kt, .cardhold #karttipi, .cardhold .kartsahibi-kartayyil{display: none;}
.kart-arka-beyaz, .kart-arka-cvc-alani{display: none;}
.cardhold .kart-arka-beyaz{display: inline-block;}
.cardhold .kart-arka-cvc-alani{display:flex;}
.cardhold .kart-numara{display:none;}
.kart-arka-beyaz {width: 83%;margin: 0px 30px;background-color: #ffffff;color: #333333;height: 30px;position: absolute;top: 117px;right: 0px;text-align: right;font-size: 14px;line-height: 30px;}
.kart-arka-cvc-alani{position: absolute; bottom: 45px; left: 37px; width: 82%; align-items: center; justify-content: space-between;-moz-transform: scaleX(-1); /* Gecko */-o-transform: scaleX(-1); /* Opera */-webkit-transform: scaleX(-1); /* Webkit */transform: scaleX(-1); /* Standard */filter: FlipH; /* IE 6/7/8 */}
.kart-arka-cvc-title{font-size: 10px; font-weight: 500; color: #ffffff99;}
.kart-arka-cvc-code {color: #fff; font-weight: 500; font-size: 13px; }
.kart-arka-chip{display: block; margin-right: 0px; height: 20px;}
.sonkullanmatarihi{margin-right: 15px;}
.cvc-icon input::before{content:""; background-image:url('../../images/fi_info.svg');transform:unset;background-size:36px;width: 2.25rem;height: 2.25rem;}

.banka-bilgileri .accordion-item{background-color: #f2f4f6;border-radius: 12px;padding: 0px 5px 0px 5px;}
.banka-bilgileri .accordion-button:not(.collapsed) {background-color: #f2f4f6;color: #3D2852;border-top-right-radius: 12px!important;border-top-left-radius: 12px!important;}
.banka-bilgileri .accordion-button.collapsed {background-color: #f2f4f6;border-radius: 12px !important;}
.banka-bilgileri .accordion-button:not(.collapsed):focus {box-shadow:inset 0 -1px 0 rgba(0,0,0,0.13);}
.banka-bilgileri .accordion-button:focus {box-shadow:unset;}
.banka-bilgileri .accordion-collapse{padding:15px 10px;}
.banka-bilgileri .table{border-color:#F2F4F6}
.banka-bilgileri .accordion-body{background-color: #fff;border-radius: 12px;}
.accordion-button::after{background-image:url('../../images/plus-icon.svg');transform:unset;background-size:36px;width: 2.25rem;height: 2.25rem;}
.accordion-button:not(.collapsed)::after {background-image: url('../../images/minus-icon.svg');transform:unset;}

.siparis-bilgi{padding:15px 15px;}
.siparis-bilgi hr{background-color:#D8DDE2; opacity:1;}

.odeme-ozeti {position:relative;margin-top:75px;margin-bottom:59px;padding:0px 25px;background-color:#fff;text-align:center;border-radius:16px;}
.odeme-ozeti-baslik{border-bottom: 1px solid #7d8e9f1a;margin-top: 30px;margin-bottom:20px;}
.odeme-ozeti-baslik .odeme-bilgileri .odeme-aciklamasi:not(.odenecek-tutar){color:#7D8E9F;}
.dekont-bilgi{display:flex;justify-content: space-between;align-items: center;background-color: rgba(125,142,159, 0.1);padding: 25px;border-radius: 12px;margin: 10px 30px;}
.btn-copy{background-color: #fff;padding: 7px 12px;border-radius: 10px;margin-left: 15px;cursor: copy !important;}
.odeme-ozeti .btn-mor{margin-bottom:25px; width:100%;}
.circle-left {height: 25px;width: 25px;background-color: #f8f9fa;position: absolute;top: 65px;left: -12px;border-radius: 25px;}
.circle-right {height: 25px;width: 25px;background-color: #f8f9fa;position: absolute;top: 65px;right: -12px;border-radius: 25px;}
.alert-primary i{font-size: 20px; position: relative;top: 3px;}

.modal-kartuyari .modal-content{border:0px; border-radius:16px;}
.modal-kartuyari .modal-image{padding:30px 0px;}
.modal-kartuyari h5{font-size:18px;}
.modal-sozlesme-metin {max-height:500px; overflow:auto; text-align:justify; padding-right:10px;}
.modal-sozlesme-metin p{font-size:12px;}


.taksit-radio { display: block;margin: 0px 0;position: relative; padding:0px 15px; min-width:550px;}
.taksit-radio label {width: 100%; display: block; cursor: pointer; position: relative;transition: color 200ms ease-in; font-size:14px; color:#212529 }
.taksit-baslik{color:#7D8E9F;}
.taksit-radio label:before {width: 10px;height: 10px;border-radius: 50%;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale3d(1, 1, 1);transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0;z-index: -1;}
.taksit-radio .row .col-auto, .taksit-radio .row .col{border:1px #F2F4F6 solid; border-bottom:0px; border-right:0px;}
.taksit-radio .row .col:last-child{border-right:1px #F2F4F6 solid;}
.taksit-radio .col{padding:10px 10px;}
.taksit-radio:last-child .row .col-auto, .taksit-radio:last-child .row .col{border-bottom:1px #F2F4F6 solid;}
.taksit-tablosu .table-responsive{min-height:350px;}

.taksit-radio label:after {
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #D7DAE0;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 5px;
    top: 22px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.taksit-radio input:checked ~ label {color: #212529; font-size:14px;}
.taksit-radio input:checked ~ label:before {transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1;}
.taksit-radio input:checked ~ label:after {background-color: #450E87; border-color: #450E87;}
.taksit-radio input {width: 32px;height: 32px;order: 1;z-index: 2; position: absolute;right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; visibility: hidden;}
.taksit-input{width:38px;padding: 10px 45px 10px 10px;}

.modal-sozlesme-metin::-webkit-scrollbar {width: 7px; background:#EBEDF0;}
.modal-sozlesme-metin::-webkit-scrollbar-track {-webkit-box-shadow: none;}
.modal-sozlesme-metin::-webkit-scrollbar-thumb {background: #7D8E9F;border-radius: 20px;cursor: pointer;}
.modal-sozlesme-metin::-webkit-scrollbar-thumb:window-inactive {background: #7D8E9F;}

.havale-secim button{position:relative; top:-6px;}
.modal-sozlesme-metin ul li{list-style:disc; list-style-position:inside; font-size:12px;}


.islem-basari-alt {background-color: #ECE7F3;padding: 22px 22px; border-radius: 12px;}
.islem-basari-alt p{ max-width: 500px; line-height: 16px; text-align: center; font-size: 14px;}
.iban-bilgileri {background: #FFFFFF;box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.04);border-radius: 8px;}


.icerik-metin{text-align:justify;}
.icerik-metin ul li{font-weight:400; font-size:1.125rem; list-style-position: inside; margin:0px 0px 0px 15px; list-style-type:disc;}
.footer-muvaffakatname{font-size:11px; color:#4E1A8D; padding:0px 5px; }
.footer-muvaffakatname a{font-weight:600; text-decoration:underline;}
.firma-logo-right{max-width:290px;}


@media (max-width: 1400px) {
    .kart-gorsel{min-width:400px;}



}


@media (max-width: 1200px) {
.sonraki-adim{margin-left:20px;}
.kart-gorsel {max-width: 400px; margin:0px auto 30px auto;}

}


@media (max-width: 992px) {
.alt-bilgi .btn-beyaz {padding: 16px 30px;}
.sonraki-adim{margin-left:20px; }
.banka-secim-uyari .btn-beyaz {padding: 16px 30px;}
.connecting-line{display:none}
.f-logo-odeme{padding: 40px 15px;}

}



@media (max-width: 768px) {
header .guvenli-odeme .guvenli-odeme-svg{margin-right:unset;}
header .guvenli-odeme .odeme-text{display:none !important;}
footer .param-cubuk{flex-direction:column; flex-wrap:wrap;padding-bottom:0px;}
.param-cubuk .musteri-hizmetleri {order:1;}
.param-cubuk .col-sm-auto, .param-cubuk .col-sm{padding: 20px 0px;}
.param-cubuk .param {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.logo.text-center {display: flex;align-items: center;flex-direction: column;}
.step-blok.unchecked .step-checkbox{margin-right:0px;}
.step-table li:not(.aktif) .fs-14{display:none;}
.step-table li .connecting-line{width:50px;}
.alt-bilgi p {font-size:10px;}
.alt-bilgi .btn-beyaz{display: block;text-align: center;padding: 15px 0px;margin-top:25px;}
.islem-basari-alt p {max-width: 200px;}
.islem-basari-alt .btn-beyaz{display: block;text-align: center;padding: 15px 0px;margin-top:25px;}
.banka-secim-uyari p {font-size:10px;}
.banka-secim-uyari .btn-beyaz{display: block;text-align: center;padding: 15px 0px;margin-top:25px;}
.islem-basari-alt .btn-beyaz{display: block;text-align: center;padding: 15px 0px;margin-top:25px;}
.sonraki-adim{margin-top:20px; }
.banka-secim-tab .nav-link{min-width:unset;}
.basvuru-radio{width:100%; display:block;}
.btn-yan-blok{display:inline-block;}
.firma-logo{padding:40px 15px;}

.islem-adimlari-genel .step-checkbox{width:32px; height:32px;margin-right: 5px;}
.islem-adimlari-genel .step-checkbox span {margin: 6px;width: 16px;height: 16px;}
.islem-adimlari-genel .step-checkbox i{font-size:12px;top: -1px;}
.islem-adimlari-genel h5 {margin-top: 10px;}
.islem-adimlari-genel .connecting-line{top:5px; margin-left: 10px;}
.firma-logo-right {max-width: 100%; margin-top:15px;}
.footer-muvaffakatname{margin:0px auto; max-width:290px;}
.muvaffakatname-kart-odeme{margin:0px 0px;}


}


@media (max-width: 576px) {
    header .container-lg .row .col-sm-auto {width: 24%}
    header .container-lg .row .col-sm {width: 52%}
    .guvenli-odeme { max-width: 48px;max-height: 48px;}
    .ortak-odeme-forum .step-table .step-blok {align-items: center;}
    .ortak-odeme-forum .step-table ul li {width: 100%;margin:0px;}
    .step-table .step-blok{align-items: center;}
    .step-table .step-blok h5 {font-size:10px;margin-bottom:0px;}
    .alt-bilgi .bg-beyaz-logo{margin-left:10px;}
    .alt-bilgi .btn-beyaz{margin-left:15px;}
    .banka-secim-uyari .bg-beyaz-logo{margin-left:10px;}
    .banka-secim-uyari .btn-beyaz{margin-left:15px;}
    .islem-basari-alt .bg-beyaz-logo{margin-left:10px;}
    .islem-basari-alt .btn-beyaz{margin-left:15px;}
    .sonraki-adim{margin-top:20px;}
    .banka-secim-uyari .guvenlik-text { color: rgba(61,4,82,0.7); font-weight: 500; font-size: 9px;}
    .islem-basari-alt p { text-align: left; max-width: 310px;}
    .btn-yan-blok{display:block;}
    .havale-secim .text-brand-purple {min-width: 150px;}
    .havale-secim small{font-size: 10px;max-width: 125px; display: inline-block;}
    .havale-secim button i{display:block; padding-right:0px; margin-bottom:5px;}
    .kart-gorsel {max-width: 100%; min-width:unset;}
    .kartsahibi-kartayyil{top:72%;}
    .kart-numara{top:35%; font-size:30px;}
    
}

@media (min-width: 576px) {
    .modal-kartuyari .modal-dialog {max-width: 360px;}
    .modal-sozlesme .modal-dialog{max-width: 450px;}
}


@media (max-width: 410px) {
    .islem-adimlari-genel .col, .islem-adimlari-genel .col-auto{display:none;}
    .islem-adimlari-genel .step-active, .islem-adimlari-genel .step-active .col-auto{display:inline-block;}
    .islem-adimlari-genel h5{padding-left:10px;}
}