/* @font-face {
    font-family: 'DSEG';
    src: url('/assets/fonts/DS-DS-DIGII.TTF') format('truetype');
} */
[x-cloak] {
    display: none !important;
}
/* Alpine.js x-show için güçlü gizleme kuralı - d-flex ile çakışmayı önler */
div.d-flex[style*="display: none"] {
    display: none !important;
}
.space-mono-regular {
    font-family: "Space Mono", monospace;
    font-weight: 400;
    font-style: normal;

  }
html,body {
    margin: 0;
    box-sizing: border-box;
    font-family: "Maven Pro", sans-serif;
    line-height: 1.25rem;
    letter-spacing:-0.05ch;
}
.font-8 {
    font-size: 0.5rem; /* 8px */
}

.font-10 {
    font-size: 0.625rem; /* 10px */
}

.font-11 {
    font-size: 0.6875rem; /* 11px */
}

.font-12 {
    font-size: 0.75rem; /* 12px */
}

.font-14 {
    font-size: 0.875rem; /* 14px */
}

.font-16 {
    font-size: 1rem; /* 16px */
}

.font-18 {
    font-size: 1.125rem; /* 18px */
}

.font-20 {
    font-size: 1.25rem; /* 20px */
}

.font-22 {
    font-size: 1.375rem; /* 22px */
}

.font-24 {
    font-size: 1.5rem; /* 24px */
}

.font-26 {
    font-size: 1.625rem; /* 26px */
}

.font-28 {
    font-size: 1.75rem; /* 28px */
}

.font-30 {
    font-size: 1.875rem; /* 30px */
}

.font-32 {
    font-size: 2rem; /* 32px */
}

.font-34 {
    font-size: 2.125rem; /* 34px */
}

.font-36 {
    font-size: 2.25rem; /* 36px */
}

.font-38 {
    font-size: 2.375rem; /* 38px */
}

.font-40 {
    font-size: 2.5rem; /* 40px */
}

.font-50 {
    font-size: 3.125rem; /* 50px */
}

.font-55 {
    font-size: 3.4375rem; /* 55px */
}

.fw-500 {
    font-weight: 500 !important;
}
.mb-n1 {
    margin-bottom: -0.25rem !important; /* -4px */
  }

  .mb-n2 {
    margin-bottom: -0.5rem !important; /* -8px */
  }

  .mb-n3 {
    margin-bottom: -1rem !important; /* -16px */
  }

  .mb-n4 {
    margin-bottom: -1.5rem !important; /* -24px */
  }

  .mb-n5 {
    margin-bottom: -3rem !important; /* -48px */
  }

  .mt-n1 {
    margin-top: -0.25rem !important; /* -4px */
  }

  .mt-n2 {
    margin-top: -0.5rem !important; /* -8px */
  }

  .mt-n3 {
    margin-top: -1rem !important; /* -16px */
  }

  .mt-n4 {
    margin-top: -1.5rem !important; /* -24px */
  }

  .mt-n5 {
    margin-top: -3rem !important; /* -48px */
  }

html,
body {
    height: 100%;
    /* margin: 0;
    padding: 0; */
    box-sizing: border-box !important;
}

.footer {
    height: 64px;
    background-color: #EFECEC;
    width: 100%;
}
.full{
       min-height: calc(100vh - 80px);
       width: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
}

@media screen and (max-width: 768px) {
    .footer{
        height: 64px;
    }
    .full {
        min-height: calc(100vh - 80px);
    }

}
/* .full-footer {
    min-height: calc(100vh - 6rem);
    width: 100%;
} */
.home-wrapper {
    width: 22%;
}
.alert-warning {
    border : 2px solid #FFB236 !important;
}
.home-remaining-card {
    color: #FFB236 !important;
    background-color: #FFB2360D !important;
    border : 2px solid #FFB236;
    padding: 30px 20px 10px 10px;
    border-radius: 8px;
}
.remaining-wrapper{
    padding: 5px
}
.home-remaining-card2 {
    color: #FFB236 !important;
    background-color: #FFB2360D !important;
    border : 2px solid #FFB236;
    padding: 7px;
    border-radius: 8px;
}
.remaining-wrapper2 {
    padding: 5px
}

.square-card2
{
  flex:1;
}

@media screen and (max-width: 768px) {
    .home-remaining-card2{
        padding: 3px 7px;
    }

}
.login-form {
    width: 350px;
    padding: 20px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    background-color: white;
    text-align: start;
}

.logo, .login-form img {
    width: 150px;
    margin-bottom: 20px;
    object-fit: contain;
}

.login-form .form-control {
    border-radius: 8px;
    height: 45px;
    margin-bottom: 15px;
}

.login-form .btn-custom {
    background-color: #FFB236;
    color: white;
    border-radius: 8px;
    /* font-weight: bold; */
}
.btn-warning {
    background-color: #FFB236 !important;
}
.login-form .btn-custom:hover, .btn-warning:hover {
    background-color: rgb(235, 157, 40) !important;
}

.login-form label {
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
}

.form-control {
    border-color: #d9d9d9 !important;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #d9d9d9 !important;
    outline: 0;
    box-shadow: none !important;
    /* box-shadow: 0 0 0 .25rem #e4e4e4; */
}
.disabled-link {
    pointer-events: none;  /* Tıklamayı devre dışı bırakır */
    opacity: 0.6;  /* Görsel olarak devre dışı olduğunu belli eder */
}

.text-primary {
    color: #FFB236 !important;  /* İstediğin renk */
}
/* btn-primary butonunun arka plan rengini ve metin rengini değiştirin */
.btn-primary, .bg-primary {
    background-color: #FFB236 !important;
    border-color: #FFB236 !important;
}

.btn-primary:hover {
    background-color: #e0a75f; /* Hover rengi (isteğe bağlı) */
    border-color: #e0a75f;
}

.btn-primary:focus, .btn-primary.focus {
    /* box-shadow: 0 0 0 0.2rem rgba(255, 179, 54, 0.5); Focus rengi (isteğe bağlı) */
}
.exam-wrapper {
    min-width: 25rem!important;
    overflow-x: auto;
}

.countdown-timer {
    font-family: 'DSEG', sans-serif;
    /* font-family: "Monomaniac One", sans-serif; */
    font-weight: 400;
    font-style: normal;
}

div.swal2-icon.swal2-warning {
    border-color: #FFB236;
    color: #FFB236;
}
.no-border {
    border: 0;
  }
.footer-links li a{
    list-style-type: none;
    text-decoration: none !important;
}
/* .form-check-input {
    background-color: #FFB236 !important;
    border-color: #000;
} */
.form-check-input.payment-radio {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #000; /* Kenar siyah */
    border-radius: 50%; /* Yuvarlak şekil */
    background-color: white; /* Başlangıçta arka plan yok */
    cursor: pointer;
}

/* Radio butonu seçildiğinde */
.form-check-input.payment-radio:checked {
    background-color: #ffffff !important; /* İç kısmı tamamen sarı yapar */
    border-color: #000 !important; /* Border'ı siyah yapar */
    box-shadow: none !important; /* Gölgeleri kaldırır */
}

/* Seçili butonun ortasına yuvarlak ekliyoruz */
.form-check-input.payment-radio:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px; /* İç yuvarlağın boyutu */
    height: 16px;
    background-color: #FFB236; /* Siyah iç yuvarlak */
    border-radius: 50%; /* Yuvarlak şekil */
    transform: translate(-50%, -50%); /* Ortalamak için translate */
}

@media screen and (max-width: 768px) {
  :root {
     font-size: 90%;
  }

}

.grecaptcha-badge {
    visibility: hidden;
}