.navbar:before {
    -o-border-image: linear-gradient(to right, #575a7b, #575a7b 20%, #f9655b 20%, #f9655b 40%, #f5c070 40%, #f5c070 60%, #6658ea 60%, #6658ea 80%, #fcc 80%) 1;
    border-image: linear-gradient(to right, #575a7b, #575a7b 20%, #f9655b 20%, #f9655b 40%, #f5c070 40%, #f5c070 60%, #6658ea 60%, #6658ea 80%, #fcc 80%) 1;
    border-width: 0;
    border-top: calc(1px * 4) solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.border-multicolor {
    -o-border-image: linear-gradient(to right, #575a7b, #575a7b 20%, #f9655b 20%, #f9655b 40%, #f5c070 40%, #f5c070 60%, #6658ea 60%, #6658ea 80%, #fcc 80%) 1;
    border-image: linear-gradient(to right, #575a7b, #575a7b 20%, #f9655b 20%, #f9655b 40%, #f5c070 40%, #f5c070 60%, #6658ea 60%, #6658ea 80%, #fcc 80%) 1;
    border-width: 0;
    border-top: calc(1px * 4) solid;
}
.z-1 {
    z-index: 1 !important;
}
.py-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
}
.z-n1 {
    z-index: -1 !important;
}
.efficiency-widget {
    left: -4rem;
    bottom: -3rem;
}
.production-widget {
    right: -4rem;
    top: -3rem;
}
@media screen and (max-width: 992px) {
    .efficiency-widget {
        left: 0rem;
        bottom: -3rem;
    }
    .production-widget {
        right: 0rem;
        top: -3rem;
    }
}
@media (min-width: 1200px) {
    .py-xl-8 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important;
    }
}
@media (min-width: 992px) {
    .py-lg-7 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }
}
/* Genel sıfırlama */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
}

/* Yükleme ekranı */
.loading-screen {
    position: absolute; /* fixed yerine absolute kullanılıyor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Tüm görünüm yüksekliği */
    background-color: #ffffff;
    display: flex;
    align-items: center; /* Dikeyde ortalama */
    justify-content: center; /* Yatayda ortalama */
    z-index: 9999;
}

/* Logo */
.loading-logo {
    width: 150px; /* Logonun boyutu */
    height: auto; /* En-boy oranını koru */
    animation: pulsate 1.5s ease-in-out infinite;
}

/* Pulsate animasyonu */
@keyframes pulsate {
    0%, 100% {
        transform: scale(1); /* Orijinal boyut */
    }
    50% {
        transform: scale(1.2); /* %20 büyüme */
    }
}

/* Mobil için özel boyutlar */
@media (max-width: 768px) {
    .loading-logo {
        width: 100px; /* Daha küçük boyut */
    }
}

@media (max-width: 480px) {
    .loading-logo {
        width: 80px; /* Daha küçük boyut */
    }
}
@media (max-width: 768px) {
    .nav-link {
        color: white !important;
    }
    .dropdown-item{
        color: white !important;
    }
}
/* Bank Card */
.bank-card {
    background: #fff;
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
    overflow: hidden;
}

.bank-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

.bank-card-header {
    padding: 20px 0;
    display: flex;
    justify-content: center;
}

.bank-logo {
    height: 100px;
    object-fit: contain;
}

.bank-details {
    padding: 1.5rem;
    text-align: center;
}

.bank-details span {
    display: block;
    font-size: 1rem;
    margin: 0.5rem 0;
}

.bank-details i {
    color: #007bff;
    margin-right: 5px;
}

.tab-pane {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tab-pane.active {
    visibility: visible;
    height: auto;
    overflow: visible;
}
.attribution {
    font-size: 11px; text-align: center;
    background-color: hsl(240, 5%, 91%);
    padding: 8px 0 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.attribution a { color: hsl(228, 45%, 44%); }

/* global */
/*================================================*/
.card-wrapper {
    min-height: 100vh;
    padding-bottom: 50px; /* footer fixed */
    padding-top: 25px;
}
.content-cc{
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-card {

    background-color: #fff;
    border-radius: 20px;

    max-width: 950px;
    margin-top: 90px;

    box-shadow: 0px 60px 50px -25px rgba(0, 0, 0, 0.35);
}
.faq-ilustrations{
    position: relative;
}
.faq-ilustrations .mobile.ilust{
    position: absolute;
    top:-110px;
    left:-30px;
    right: 0;
}
.mobile{
    display: block;
    margin: 0 auto;
}

.faq-content {
    padding: 9px 25px 3rem;
}

.faq-content h2 {
    font-size: 32px;
    text-align: center;
    color: var(--primary-dark-color);
}

.faq-content h6 {
    text-align: center;
}

.subtitle {
    text-align: center;
}

.faq-accordion {
    padding: 8px 0;
    border-bottom: 1px solid hsl(240, 5%, 91%);
}

input.tgg-title {
    appearance: unset;
    all:unset;
}

.faq-accordion-title label{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.faq-accordion-title h2{
    font-size: 18px /*var(--font-size)*/;
    font-weight: 600;
    color: black;
}

.faq-accordion-title span{
    margin-left: auto;
    transition: transform .4s ease-in-out;
}


.faq-accordion-content {
    color: var(--neutral-soft-color);
    overflow: hidden;
    max-height: 0;
    transition: all 0.4s ease-in-out;
}

/* Açıkken içerik uzunluğuna göre yüksekliği dinamik yap */
.faq-accordion .tgg-title:checked ~ .faq-accordion-content {
    max-height: none;
    overflow: visible;
}
.faq-accordion-title:hover h2{
    color: var(--primary-soft-color)
}

/* onclick "" */
.faq-accordion .tgg-title:checked + div>label>h2 {
    font-weight: 700;
}

.faq-accordion .tgg-title:checked + div>label>span {
    will-change: transform;
    transform: rotate(180deg);
}
.content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificate-wrapper {
    margin: 1rem;
    padding: 1rem;
}

.certificate__body {
    padding: 1rem 0;
}

.frame {
    position: relative;
    padding: 1.25rem;
    background:
            radial-gradient(circle at top left, transparent 1.25rem, #ca4 1.25rem, #ca4 1.5rem, transparent 1.5rem) left top / 1.5rem 1.5rem no-repeat,
            radial-gradient(circle at top right, transparent 1.25rem, #ca4 1.25rem, #ca4 1.5rem, transparent 1.5rem) right top / 1.5rem 1.5rem no-repeat,
            radial-gradient(circle at bottom left, transparent 1.25rem, #ca4 1.25rem, #ca4 1.5rem, transparent 1.5rem) left bottom / 1.5rem 1.5rem no-repeat,
            radial-gradient(circle at bottom right, transparent 1.25rem, #ca4 1.25rem, #ca4 1.5rem, transparent 1.5rem) right bottom / 1.5rem 1.5rem no-repeat,
            linear-gradient(90deg, transparent 1.25rem, #ca4 1.5rem) left top / 51% 0.25rem no-repeat,
            linear-gradient(-90deg, transparent 1.25rem, #ca4 1.5rem) right top / 51% 0.25rem no-repeat,
            linear-gradient(90deg, transparent 1.25rem, #ca4 1.5rem) left bottom / 51% 0.25rem no-repeat,
            linear-gradient(-90deg, transparent 1.25rem, #ca4 1.5rem) right bottom / 51% 0.25rem no-repeat,
            linear-gradient(180deg, transparent 1.25rem, #ca4 1.5rem) left top / 0.25rem 51% no-repeat,
            linear-gradient(0deg, transparent 1.25rem, #ca4 1.5rem) left bottom / 0.25rem 51% no-repeat,
            linear-gradient(180deg, transparent 1.25rem, #ca4 1.5rem) right top / 0.25rem 51% no-repeat,
            linear-gradient(0deg, transparent 1.25rem, #ca4 1.5rem) right bottom / 0.25rem 51% no-repeat;
}
.frame:before {
    position: absolute;
    content: "";
    border: 0.25rem double #ca4;
    margin: 0.5rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}