.profile-card {
display: flex;
align-items: center;
gap: 25px;
padding: 20px;
border-radius: 8px;
background: #f9fafb;
justify-content: center;
flex-direction: column;
text-align: center;
}

.profile-avatar img {
width: 160px;
height: 160px;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
box-shadow: 0 -2px 0.5px 0 #261f8733 inset, 0 -3px 3px 0 #261f8733 inset, 0 0 0 1px #261f8733, 0 1px 2px 0 #261f8766, 0
6px 16px 0 #261f8733;
}

.profile-info {
display: flex;
flex-direction: column;
justify-content: center;
}

.profile-name {
font-size: 25px;
font-weight: 600;
color: #1e293b;
margin-bottom: 22px;
line-height: 40px;
}

.profile-social {
display: flex;
gap: 14px;
flex-wrap: wrap;
justify-content: center;
}

.profile-social a {
font-size: 22px;
color: #475569;
transition: color 0.2s ease;
background: rgba(30, 58, 138, .06);
padding: 10px;
border-radius: 8px;
border: 1px solid rgba(30, 58, 138, .06) !important;
}
.profile-social a:hover {
color: #3b82f6; /* mavi hover */
}

/* Responsive: küçük ekranlarda alt alta gelsin */
@media (max-width: 768px) {
.profile-card {
flex-direction: column;
align-items: center;
text-align: center;
}
.profile-info {
align-items: center;
}
}

.profile-social a:hover {
color: #261f87;
border: 1px solid #261f87 !important;
}
.img-content{
display: flex;
gap: 35px;
align-items: center;
margin-bottom: 20px;
}

.resp--class-7 a i {
border: 2px solid #241c8a;
font-size: 30px;
color: #241c8a;
padding: 5px;
border-radius: 8px;
margin-right: 2px;
}

/* container */
.currency-tabs{
display:flex !important;
align-items:center !important;
gap:26px !important;
list-style:none !important;
margin:0 !important;
padding:0 !important;
justify-content: center;
margin-top: 0px !important;
margin-bottom: 30px !important;
}

/* eski ayırıcıyı gizle */
.currency-tabs .separator--spec{
display:none !important;
}

/* linkler: normal, hover, active */
.currency-tabs .spec--tab-links{
display:inline-block !important;
padding:6px 12px !important;
border-radius:8px !important;
font-weight:700 !important;
font-size:16px !important;
color:#111827 !important; /* slate-900 */
text-decoration:none !important;
line-height:1 !important;
transition:background .2s,color .2s !important;
}
.currency-tabs .spec--tab-links:hover{
background:rgba(59,130,246,.10) !important; /* mavi hover */
color:#2563eb !important;
}
.currency-tabs .spec--tab-links.active{
background: #261f87 !important;
color:#fff !important;
}

.currency-tabs .spec--tab-links{ border-radius:0 !important; background:transparent !important; }
.currency-tabs .spec--tab-links.active{
background:transparent !important;
color: #261f87 !important;
position:relative !important;
}
.currency-tabs .spec--tab-links.active::after{
content:"" !important;
position:absolute !important;
left:0;
right:0;
bottom:-8px;
height:3px !important;
border-radius:8px !important;
background: #261f87 !important;
}


@media (max-width: 991px) {

    .accordion-item.shadow-lg.mb-3.rounded.bank-rows {
        margin: 15px 0px !important;
        margin-bottom: 0 !important;
    }
    section.contact-area .colleps-delete {
        padding: 5px;
    }

    section.contact-area .colleps-delete i{
        font-size: 10px;
    }
    .theme-btn-register {
        font-size: 28px;
        color: #fff;
        background: var(--dark);
        border-radius: 8px;
        height: 37px;
        padding: 4px;
        transition: all .3s ease;
    }
    .mb-mbl-0{
        margin-bottom: 0 !important;
    }
    .profile-name {
        font-size: 22px;
        font-weight: 600;
        color: #1e293b;
        margin-bottom: 22px;
        line-height: 40px;
    }

    a.about-btn.copy-all.py-2 h6 {
        display: none;
    }
    .fixed-div-parent {
        display: flex;
        justify-content: center;
    }

    .fixed-div {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .fixed-div img {
        width: 60% !important;
    }

    .resp-class-9 {
        padding-left: 2rem;
    }

    /* .resp--class-7 {
    flex-direction: row;
    } */

    .resp--class-8 {
        margin-top: 1rem;
    }

    .resp--class-1 {
        height: auto !important;
    }

    .resp--class-2 {
        width: auto !important;
    }

    .resp--class-4 {
        width: 85% !important;
    }

    .resp--class-5 {
        padding-top: 2rem !important;
    }


    .icon-box-my {
        margin-top: 0 !important;
        margin-bottom: 0.5rem !important;
    }
    .icon-box-my img {
        width: 105px !important;
        height: 30px !important;
        object-fit: contain !important;
    }
    .mbl-fnt-10{
        font-size: 10px !important;
    }
    .info-box .infos h1 {
        font-size: 12px !important;
        color: #0F0F0F;
        font-weight: 500;
        height: max-content !important;
    }

    .info-box h1 {
        height: 16px !important;
        margin-bottom: 5px !important;
    }
    .info-box .infos h4 {
        color: #BCBCBC;
        font-size: 11px !important;
        margin-bottom: 5px !important;
        margin-top: 5px;
    }
    .info-box h3 {
        height: 15px !important;
    }

    h3.accname-text {
        font-size: 14px !important;
    }
    
    h5.swift-text {
        font-size: 12px !important;
    }

    .infos.fatura-infos h3{
        height: 28px !important;
        font-size: 14px;
    }

    .share-area-home{
        position: absolute;
        right: 0;
        top: 3px;
        gap:4px;
        max-height: max-content;
    }
    .share-area-home a{
        margin-top:0 !important;
    }
    .info-box .about-btn {
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        padding: 6px 6px;
    }
      .icon--edit-theme {
        font-size: 12px;
        color: #fff;
    }
    a.about-btn h6 {
        font-size: 10px;
        margin-bottom: 0 !important;
    }
    a.share-bank-info {
    margin-left: auto;
    }
    .header-area .navbar .menu li.active a::after, .header-area .navbar .menu li a:hover::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 2px;
        background: #000;
        border-radius: 8px;
        transition: width 0.3s;
    }
    .theme-btn {
    background: var(--dark);
    color: #fff;
    display: inline-block;
    transition: .3s;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 12px;
    width: max-content;
    }
    .header-area .show-menu {
    width: 40px;
    height: 18px;

    margin-left: 20px;
    }
    .infos.fatura-infos h1 span{
    font-size: 14px;
    }
    .infos.fatura-infos h4 span{
    font-size: 14px;
    }
}


@media (max-width: 768px) {
.mobil-float-width {
width: 100%;
float: left;
margin-bottom: 20px;
}

.mobil-display-float-mobil {
float: left;
display: block;
}

.mobil-display-block {
display: block !important;
float: left;
margin-left: 20px;
}
.client-item {
padding: 0px !important;
}

.clients.d-flex.align-items-start.gap-24.justify-content-center {
margin-bottom: 20px;
margin-top: 20px;
}
.change-profile-content {
width: 100% !important;
}

.change-profile-content img {
height: 60px;
}

.change-profile-content {
text-align: center;
}

.ex-mobil-card-profile {
width: 100% !important;
margin: 0px !important;
float: left;
text-align: center;
height: 130px !important;
margin-top: 40px !important;
padding: 0px !important;
}
.contact-area .contact-form h1 {
font-size: 22px !important;
}
h4.new-bank-h4 {
font-size: 12px;
}


.new-invoice-div i {
padding: 0px !important;
}

.iban-text .share-bank-info {
display: none !important;
}
.about-btn.copy-iban i {
    font-size: 14px !important;
}

.about-btn i {
    font-size: 14px !important;
}

.accname-text .share-bank-info {
display: none !important;
}

.about-btn .share-btn{
display: none !important;
}

a.about-btn.share-btn.py-2 h6 {
display: none;
}

a.about-btn.share-btn.py-2 {display: block !important;width: 100%;float: left;margin-right: 5px;}

a.about-btn.copy-all.py-2 {display: block !important;width: 100% !important;float: left;display: none !important;}
}
.icon--edit-theme {color: #000 !important;}
.iconoir-share-ios{
color:#fff !important;
}
.iconoir-copy{
color:#fff !important;
}