/* Base Styles */

@import "bootstrap-grid.min.css";
@import "/assets/vendor/icofont/icofont.min.css";
@import "boxicons.min.css";
@import "normalize.css";



/* dm-sans-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/dm-sans-v14-latin-300.woff2') format('woff2');
}
/* dm-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dm-sans-v14-latin-regular.woff2') format('woff2');
}
/* dm-sans-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/dm-sans-v14-latin-500.woff2') format('woff2');
}
/* dm-sans-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/dm-sans-v14-latin-600.woff2') format('woff2');
}
/* dm-sans-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/dm-sans-v14-latin-700.woff2') format('woff2');
}
/* dm-sans-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/dm-sans-v14-latin-800.woff2') format('woff2');
}
/* dm-sans-900 - latin */
@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/dm-sans-v14-latin-900.woff2') format('woff2');
}

/* ubuntu-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2');
}
/* ubuntu-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2');
}
/* ubuntu-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2');
}
/* ubuntu-500italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2');
}
/* ubuntu-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2');
}
/* ubuntu-700italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2');
}




/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
*/

/* Root */

:root {
    --bc-color-primary: #096995;
    --bc-color-primary-dark: #0e5a7e;
    --bc-color-primary-light: #f0f8ff;
    --bc-color-secondary: #a3195b;
    --bc-color-secondary-dark: #75053b;
    --bc-color-secondary-light: #ffe2f0;
    --bc-dts-color: #177E7D;
    --bc-button-primary: #848484;
    --bc-gradient-primary: linear-gradient(270deg, #662483 0%, #ab2c69 100%);
    --bc-gradient-1: linear-gradient(360deg, var(--bc-color-primary-dark), var(--bc-color-primary));
    --bc-gradient-2: linear-gradient(0deg, var(--bc-color-secondary-dark), var(--bc-color-secondary));
    --font-family-body: "IBM Plex Sans", sans-serif;
    --font-family-head: "Ubuntu", sans-serif;
    --font-boxicon: "boxicons", !important;
    --font-xl: 17px;
    --font-lg: 16px;
    --font-body: 14px;
    --font-md: 14px;
    --font-sm: 13px;
    --font-xs: 12px;
    --font-xxs: 10px;
    --font-icon: 32px;
    --font-icon-lg: 42px;
    --font-icon-sm: 24px;
    --font-icon-xs: 16px;
    --font-icon-xxs: 14px;
    --pd-xxs: 2px;
    --pd-xs: 4px;
    --pd-sm: 6px;
    --pd-md: 8px;
    --pd-xl: 12px;
    --pd-xxl: 16px;
    --pd-xxxl: 22px;
    --height-32px: 32px;
    --height-28px: 28px;
    --height-24px: 24px;
    --height-20px: 20px;
    --height-16px: 16px;
    --shadow-xs: 0px 1px 3px 0px #00000014;
    --shadow-sm: 0px 3px 5px 0px #00000021;
    --shadow-md: 0px 6px 8px 0px #00000021;
    --shadow-lg: 0px 6px 8px 0px #00000038;
    --border-radius-xs: 4px;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 14px;
    --border-radius-circle: 50%;
    --opacity-1: 1;
    --opacity-75: .75;
    --opacity-50: .50;
    --opacity-40: .40;
    --opacity-30: .30;
    --opacity-25: .25;
    --opacity-15: .15;
}


* {
    scroll-behavior: smooth;
    margin: 0;
    line-height: 1.4;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100vh;
    background: #676767;
    font-family: var(--font-family-body);
    font-size: var(--font-sm);
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    background: var(--bs-gray-400);
    min-height: 100vh;
    transition: filter 0.5s ease;
}

#DersonetMasterContent {
    display: none;
}

:is(h1,h2,h3,h4,h5,h6) {
    font-family: var(--bs-font-sans-serif);
    margin-bottom: 8px;
    /*font-size: var(--font-lg);*/
    font-size: clamp(16px, 18px, 22px);
    /*color: var(--bs-gray-700);*/
}

label {
    font-weight: 400;
    margin-bottom: var(--pd-xs);
}

p {
    margin-bottom: var(--pd-xs);
}

span {
    display: inline-flex;
    margin-bottom: var(--pd-xs);
    align-items: center;
}

b, strong {
    font-weight: semi-bold;
}

a {
    text-decoration: none;
    color: var(--bc-color-primary);
}

.blockquote {
    padding: 10px 20px;
    border-left: 4px solid var(--vz-border-color)
}

.blockquote-reverse {
    border-left: 0;
    border-right: 4px solid var(--vz-border-color);
    text-align: right
}

br {
    /*line-height: 8px;
    height: 8px;*/
}

details {
    border-radius: var(--border-radius-sm);
    padding-right: 0;
    padding-left: 0;
}

summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bc-color-primary-light);
    padding: var(--pd-xs) var(--pd-md);
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    margin: 0 0 var(--pd-md) 0;
}

    summary:hover {
        /*border-block: 1px solid var(--bc-color-primary);*/
        border-spacing: 1px;
        outline: 0px solid transparent;
    }

    summary:after {
        font-family: boxicons !important;
        content: '\ea4a';
        font-size: var(--font-icon-sm);
        font-weight: 500;
        transition: 0.1s;
    }

    summary h2 {
        margin: 0;
    }

details p {
    padding: var(--pd-xs) var(--pd-md);
}

details[open] > summary::after {
    transform: rotate(180deg);
}

summary::-webkit-details-marker {
    display: none;
}

details[open] {
    border: 1px solid var(--bs-gray-500);
    margin-bottom: var(--pd-xl);
    background: var(--bs-gray-100);
    padding: var(--pd-md);
}

 details[open] > .details-content {
     padding: 4px;
 }

details[open] summary {
    /*animation: fadeIn .1s linear forwards;*/
    font-weight: 600;
    color: var(--bc-color-primary);
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
}


summary:hover {
    cursor: pointer;
}


body.offline-mode > :not(.baglanti-kontrol):not(.offline-overlay) {
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

/* overlay tam ekran, arkaplan hafif koyu bırakıldı (isteğe göre transparent yapabilirsin) */
.offline-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.18); /* veya "transparent" istersen */
    z-index: 1984;
    opacity: 1;
    transition: opacity 0.5s ease;
    backdrop-filter: blur(3px);
}

    /* hide sınıfıyla fade-out */
    .offline-overlay.hide {
        opacity: 0;
        pointer-events: none;
    }

/* Toast: viewport ortasına sabit, layout'u itmez */
.baglanti-kontrol {
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 12px;
    transform: translate(-50%, -50%); /* kesin ortala */
    padding: 14px 20px;
    color: #fff;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 1985;
    min-width: 220px;
    text-align: center;
}

    /* görünür hale getirme */
    .baglanti-kontrol.show {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }

    /* gizleme */
    .baglanti-kontrol.hide {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.98);
        visibility: hidden;
        pointer-events: none;
    }

    /* renk sınıfları */
    .baglanti-kontrol.ok {
        background: #4caf50;
    }
    /* yeşil */
    .baglanti-kontrol.err {
        background: #f44336;
    }
/* kırmızı */

/* sayfa offline iken kaydırmayı engelle (overlay ile birlikte) */
body.offline-mode {
    overflow: hidden;
}

/* Buton stilleri (örnek test düğmesi) */
#toggle-connection {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    z-index: 2000;
}



/* Mobil'de Çalışan Accordion İçerik */

.accordion-inner {
    border: unset;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 10px;
}

/* Header */
.accordion-header {
    display: none;
    padding: 12px 16px;
    background-color: var(--bc-color-primary-light);
    color: var(--bc-color-primary);
    padding: var(--pd-xl) var(--pd-md);
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .accordion-header > span {
        margin-bottom: 0;
    }

/* Icon animasyonu */
.accordion-icon {
    transition: transform 0.3s ease;
    font-size: var(--font-lg);
}

.accordion-wrapper.open .accordion-icon {
    transform: rotate(180deg);
}

/* İçerik */
.accordion-content {
    padding: 16px;
    background-color: #fff;
    display: block;
}

/* Mobilde accordion aktifleşir */
@media (max-width: 991px) {


    .accordion-inner {
        border: 1px solid var(--bc-color-primary);
    }

    .accordion-header {
        display: flex;
    }

    .accordion-content {
        display: none;
    }

    .accordion-wrapper.open .accordion-content {
        display: block;
    }
}

/* Masaüstünde header gizli, içerik açık */
@media (min-width: 992px) {
    .accordion-header {
        display: none;
    }

    .accordion-content {
        display: block;
    }
}




.container {
    width: clamp(360px, 90vw, 100%);
    /*width: 80%;*/
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 0 0 var(--pd-xl) var(--pd-xl);
}

    .container:has(.divButons) {
        display: flex;
        flex-direction: column;
    }

        .container:has(.divButons) > div:last-child {
            margin-top: auto;
        }

    .container:has(.tabs-nav) {
        display: flex;
        flex-direction: column;
    }

        .container:has(.tabs-nav) > div:last-child {
            margin-top: auto;
        }

.row > * {
    position: relative
}

.div-position-bottom {
    display: flex;
    flex-direction: column;
}

    .div-position-bottom > div:last-child {
        margin-top: auto !important;
    }

img {
    width: 100%;
    height: auto;
}


@media(max-width:1600px) {
    .container {
        width: clamp(360px, 93vw, 100%);
    }

    html {
        font-size: 13px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1360px) {
    .container {
        width: 100%;
    }
}



@media (max-width:992px) {

    html {
        background: unset;
    }

    body {
        background: unset;
    }
}



/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 9px;
    height: 7px;
    position: absolute;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
}

::-webkit-scrollbar-thumb {
    background: var(--bc-color-primary);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
    }

/*::-webkit-scrollbar-track {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #d5d2d2;
}

::-webkit-scrollbar-thumb {
    background-color: #7e7c7e;
    border-radius: 10px;
    border: 3px solid #7e7c7e;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #494849;
    }


@media (max-width: 992px) {
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: unset;
        border-radius: unset;
        background-color: unset;
    }

    ::-webkit-scrollbar {
        width: unset;
        background-color: unset;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: unset;
        -webkit-box-shadow: unset;
        background: unset;
    }
}*/

/* Lists */

ul {
    list-style: circle;
    padding-inline-start: var(--pd-xxl);
}

    ul li {
    }

        ul li::marker {
            padding: 0;
            margin: 0;
        }

.custom-list ul li {
    margin-bottom: var(--pd-sm);
}

.custom-list-nostyle {
    list-style: none;
    padding-inline-start: unset;
}

.list-number {
    list-style: decimal !important;
    padding-inline-start: var(--pd-md);
}

    .list-number li {
        list-style-position: inside;
    }

        .list-number li::marker {
            margin: var(--pd-xl);
        }

/* Fonts Texts  */

.font-xl {
    font-size: var(--font-xl) !important;
}

.font-lg {
    font-size: var(--font-lg) !important;
}

.font-md {
    font-size: var(--font-md) !important;
}

.font-sm {
    font-size: var(--font-sm) !important;
}

.font-xs {
    font-size: var(--font-xs) !important;
}

.font-xxs {
    font-size: var(--font-xxs) !important;
}

.font-icon-lg {
    font-size: var(--font-icon-lg) !important;
}

.font-icon-md {
    font-size: var(--font-icon) !important;
}

.font-icon-sm {
    font-size: var(--font-icon-sm) !important;
}

.font-icon-xs {
    font-size: var(--font-icon-xs) !important;
}

.font-icon-xxs {
    font-size: var(--font-icon-xxs) !important;
}


/* Colors */


.color-primary {
    color: var(--bc-color-primary) !important;
}

.color-primary-dark {
    color: var(--bc-color-primary-dark) !important;
}

.color-primary-light {
    color: var(--bc-color-primary-light) !important;
}

.color-secondary {
    color: var(--bc-color-secondary) !important;
}

.color-secondary-dark {
    color: var(--bc-color-secondary-dark) !important;
}

.color-secondary-light {
    color: var(--bc-color-secondary-light) !important;
}

.color-red {
    color: var(--bs-red) !important;
}

.color-green {
    color: var(--bs-green) !important;
}

.color-yellow {
    color: var(--bs-yellow) !important;
}

.color-orange {
    color: var(--bs-orange) !important;
}

.color-dts {
    color: var(--bc-dts-color);
}

.color-white {
    color: var(--bs-white) !important;
}

.color-black {
    color: var(--bs-black) !important;
}

.color-gray-100 {
    color: var(--bs-gray-100) !important;
}

.color-gray-200 {
    color: var(--bs-gray-200) !important;
}

.color-gray-200 {
    color: var(--bs-gray-200) !important;
}

.color-gray-300 {
    color: var(--bs-gray-300) !important;
}

.color-gray-400 {
    color: var(--bs-gray-400) !important;
}

.color-gray-500 {
    color: var(--bs-gray-500) !important;
}

.color-gray-600 {
    color: var(--bs-gray-600) !important;
}

.color-gray-700 {
    color: var(--bs-gray-700) !important;
}

.color-gray-800 {
    color: var(--bs-gray-800) !important;
}

.color-gray-900 {
    color: var(--bs-gray-900) !important;
}

/* Backgrounds */

.bg-color-primary {
    background: var(--bc-color-primary) !important;
}

.bg-color-primary-light {
    background: var(--bc-color-primary-light) !important;
}

.bg-color-secondary {
    background: var(--bc-color-secondary) !important;
}

.bg-color-secondary-light {
    background: var(--bc-color-secondary-light) !important;
}

.bg-warning {
    background: var(--bs-warning) !important;
}

.bg-danger-soft {
    background: #ffebed !important;
    color: var(--bs-danger);
}

.bg-warning-soft {
    background: #fff8e3 !important;
    color: var(--bs-orange);
}

.bg-success-soft {
    background: #e3fff2 !important;
    color: var(--bs-success);
}

.bg-dts {
    background: var(--bc-dts-color);
}

.bg-white {
    background: var(--bs-white) !important;
}

.bg-transparent {
    background: transparent !important;
}

.bg-gray-100 {
    background: var(--bs-gray-100) !important;
}

.bg-gray-200 {
    background: var(--bs-gray-200) !important;
}

.bg-gray-300 {
    background: var(--bs-gray-300) !important;
}

.bg-gray-400 {
    background: var(--bs-gray-400) !important;
}

.bg-gray-500 {
    background: var(--bs-gray-500) !important;
}

.bg-gray-600 {
    background: var(--bs-gray-600) !important;
}

.bg-gray-700 {
    background: var(--bs-gray-700) !important;
}

.bg-gray-800 {
    background: var(--bs-gray-800) !important;
}

.bg-gray-900 {
    background: var(--bs-gray-900) !important;
}

.bg-color-white {
    background: var(--bs-white) !important;
}


.bg-bs-yellow {
    background: var(--bs-yellow) !important;
}


.bg-gradient-1 {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0'%3E%3Cstop offset='0' stop-color='%230FF'/%3E%3Cstop offset='1' stop-color='%23CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F00'/%3E%3Cstop offset='1' stop-color='%23FC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='2'%3E%3Cpath transform='translate(0 0)' d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='4' transform='rotate(0 800 450)' cx='500' cy='100' r='40'/%3E%3Cpath transform='translate(0 0)' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='4'%3E%3Cpath transform='translate(0 0)' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='8' transform='rotate(0 1089 759)' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='rotate(0 1400 132)' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bg-gradient-2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="gggyrate-grad"><stop stop-color="hsl(206, 75%, 49%)" stop-opacity="1" offset="0%"></stop><stop stop-color="hsl(331, 90%, 56%)" stop-opacity="1" offset="100%"></stop></linearGradient></defs><g stroke-width="5" stroke="url(%23gggyrate-grad)" fill="none"><path d="M372.05631645215544 -3.0238136378602007C389.34788671583897 -13.005308302029164 410.6521743193173 -13.005308302029164 427.9437445830008 -3.0210192664536635L735.0563396476213 174.29022959287227C752.3479099113048 184.27172425704129 763.0000537130439 202.72295865443982 763.0000537130439 222.68874235418434V577.3112400728363C763.0000537130439 597.2770237725808 752.3479099113048 615.7282581699794 735.0563396476213 625.7125472055549L427.9437445830008 803.0237960648808C410.6521743193173 813.0052907290496 389.34788671583897 813.0052907290496 372.05631645215544 803.0210016934743L64.94372138753494 625.7097528341484C47.65215112385147 615.7282581699794 37.00000732211237 597.2770237725808 37.00000732211237 577.3112400728363V222.68874235418434C37.00000732211237 202.72295865443982 47.65215112385147 184.27172425704129 64.94372138753494 174.28743522146584L372.05631645215544 -3.0238136378602007Z " transform="rotate(44, 400, 400)" opacity="0.05"></path><path d="M373.32648527331116 15.295470732264448C389.8320750704635 5.76768037101229 410.1679859646928 5.76768037101229 426.6735757618451 15.298138086788924L719.8265074144375 184.5497847252364C736.3320972115899 194.07757508648865 746.5000526587046 211.69011701127818 746.5000526587046 230.74836508830708V569.251658365202C746.5000526587046 588.309906442231 736.3320972115899 605.9224483670205 719.8265074144375 615.4529060827971L426.6735757618451 784.7045527212445C410.1679859646928 794.2323430824968 389.8320750704635 794.2323430824968 373.32648527331116 784.70188536672L80.17355362071874 615.4502387282727C63.66796382356631 605.9224483670205 53.50000837645172 588.309906442231 53.50000837645172 569.251658365202V230.74836508830708C53.50000837645172 211.69011701127818 63.66796382356631 194.07757508648865 80.17355362071874 184.54711737071204L373.32648527331116 15.295470732264448Z " transform="rotate(42, 400, 400)" opacity="0.10"></path><path d="M374.59665409446666 33.61472458481103C390.316263425088 24.540638526475618 409.68379761006827 24.540638526475618 425.4034069406896 33.61726492245333L704.5966751812537 194.80930934002242C720.3162845118751 203.88339539835783 730.0000516043651 220.6572448505383 730.0000516043651 238.80795730485158V561.1920461399895C730.0000516043651 579.3427585943028 720.3162845118751 596.1166080464833 704.5966751812537 605.1932344424611L425.4034069406896 766.3852788600301C409.68379761006827 775.4593649183655 390.316263425088 775.4593649183655 374.59665409446666 766.3827385223879L95.40338585390253 605.1906941048188C79.68377652328115 596.1166080464833 70.00000943079107 579.3427585943028 70.00000943079107 561.1920461399895V238.80795730485158C70.00000943079107 220.6572448505383 79.68377652328115 203.88339539835783 95.40338585390253 194.80676900238012L374.59665409446666 33.61472458481103Z " transform="rotate(40, 400, 400)" opacity="0.14"></path><path d="M375.86682291562227 51.93397843735761C390.8004517797125 43.31359668193895 409.19960925544376 43.31359668193895 424.133238119534 51.93639175811779L689.3668429480699 205.06883395480838C704.3004718121601 213.68921571022702 713.5000505500258 229.62437268979852 713.5000505500258 246.86754952139609V553.1324339147773C713.5000505500258 570.3756107463748 704.3004718121601 586.3107677259463 689.3668429480699 594.9335628021252L424.133238119534 748.0660049988157C409.19960925544376 756.6863867542344 390.8004517797125 756.6863867542344 375.86682291562227 748.0635916780556L110.63321808708628 594.9311494813651C95.69958922299605 586.3107677259463 86.50001048513042 570.3756107463748 86.50001048513042 553.1324339147773V246.86754952139609C86.50001048513042 229.62437268979852 95.69958922299605 213.68921571022702 110.63321808708628 205.06642063404826L375.86682291562227 51.93397843735761Z " transform="rotate(38, 400, 400)" opacity="0.19"></path><path d="M377.1369917367779 70.25326280748226C391.284640134337 62.0865853549804 408.71542090081925 62.0865853549804 422.8630692983784 70.25554911136038L674.1370107148862 215.32838908717247C688.2846591124454 223.49506653967438 697.0000494956864 238.59153104663687 697.0000494956864 254.92717225551877V545.0728522071431C697.0000494956864 561.408493416025 688.2846591124454 576.5049579229874 674.1370107148862 584.6739216793674L422.8630692983784 729.7467616551794C408.71542090081925 737.9134391076814 391.284640134337 737.9134391076814 377.1369917367779 729.7444753513015L125.86305032027008 584.6716353754892C111.7154019227109 576.5049579229874 103.00001153946977 561.408493416025 103.00001153946977 545.0728522071431V254.92717225551877C103.00001153946977 238.59153104663687 111.7154019227109 223.49506653967438 125.86305032027008 215.32610278329446L377.1369917367779 70.25326280748226Z " transform="rotate(36, 400, 400)" opacity="0.23"></path><path d="M378.40716055793337 88.57251666002884C391.7688284889615 80.85954351044373 408.23123254619475 80.85954351044373 421.5929004772229 88.57467594702479L658.9071784817024 225.58791370195854C672.2688464127306 233.30088685154362 680.5000484413472 247.55865888589705 680.5000484413472 262.9867644720633V537.0132399819307C680.5000484413472 552.441345568097 672.2688464127306 566.6991176024503 658.9071784817024 574.4142500390315L421.5929004772229 711.4274877939652C408.23123254619475 719.1404609435502 391.7688284889615 719.1404609435502 378.40716055793337 711.4253285069692L141.09288255345388 574.4120907520355C127.73121462242574 566.6991176024503 119.50001259380912 552.441345568097 119.50001259380912 537.0132399819307V262.9867644720633C119.50001259380912 247.55865888589705 127.73121462242574 233.30088685154362 141.09288255345388 225.5857544149626L378.40716055793337 88.57251666002884Z " transform="rotate(34, 400, 400)" opacity="0.28"></path><path d="M379.677329379089 106.89177051257536C392.253016843586 99.63250166590706 407.74704419157024 99.63250166590706 420.3227316560673 106.89380278268925L643.6773462485187 235.8474383167445C656.2530337130157 243.1067071634128 664.0000473870078 256.5257867251572 664.0000473870078 271.04635668860783V528.9536277567183C664.0000473870078 543.4741977201688 656.2530337130157 556.8932772819132 643.6773462485187 564.1545783986953L420.3227316560673 693.1082139327507C407.74704419157024 700.367482779419 392.253016843586 700.367482779419 379.677329379089 693.1061816626369L156.32271478663762 564.1525461285817C143.74702732214058 556.8932772819132 136.00001364814847 543.4741977201688 136.00001364814847 528.9536277567183V271.04635668860783C136.00001364814847 256.5257867251572 143.74702732214058 243.1067071634128 156.32271478663762 235.84540604663067L379.677329379089 106.89177051257536Z " transform="rotate(32, 400, 400)" opacity="0.32"></path><path d="M380.94748294145546 125.21105488270007C392.73718993942146 118.40549033894851 407.26284057815667 118.40549033894851 419.0525475761226 125.21296013593178L628.4474987565458 246.1069934491086C640.2372057545117 252.91255799286017 647.5000310738794 265.4929450819956 647.5000310738794 279.10597942273046V520.8940460490841C647.5000310738794 534.507080389819 640.2372057545117 547.0874674789543 628.4474987565458 553.8949372759375L419.0525475761226 674.7889705891145C407.26284057815667 681.594535132866 392.73718993942146 681.594535132866 380.94748294145546 674.7870653358827L171.55253176103236 553.8930320227059C159.76282476306636 547.0874674789543 152.49999944369875 534.507080389819 152.49999944369875 520.8940460490841V279.10597942273046C152.49999944369875 265.4929450819956 159.76282476306636 252.91255799286017 171.55253176103236 246.10508819587687L380.94748294145546 125.21105488270007Z " transform="rotate(30, 400, 400)" opacity="0.37"></path><path d="M382.21763650382195 143.53030873524665C393.2213630352569 137.17844849441184 406.7786369647431 137.17844849441184 417.78236349617805 143.53208697159624L613.2176512645729 256.3665180638946C624.2213777960078 262.7183783047294 631.0000147607509 274.46007292125574 631.0000147607509 287.165571639275V512.8344338238717C631.0000147607509 525.539932541891 624.2213777960078 537.2816271584173 613.2176512645729 543.6352656356016L417.78236349617805 656.4696967279C406.7786369647431 662.8215569687349 393.2213630352569 662.8215569687349 382.21763650382195 656.4679184915504L186.7823487354271 543.6334873992521C175.77862220399214 537.2816271584173 168.99998523924904 525.539932541891 168.99998523924904 512.8344338238717V287.165571639275C168.99998523924904 274.46007292125574 175.77862220399214 262.7183783047294 186.7823487354271 256.364739827545L382.21763650382195 143.53030873524665Z " transform="rotate(28, 400, 400)" opacity="0.41"></path><path d="M383.48780532497756 161.84956258779317C393.7055513898814 155.95140664987517 406.2944486101186 155.95140664987517 416.51219467502244 161.8512138072607L597.9878190313891 266.62604267868056C608.205565096293 272.5241986165986 614.5000137064116 283.4272007605159 614.5000137064116 295.2251638558196V504.7748215986593C614.5000137064116 516.5727846939628 608.205565096293 527.4757868378802 597.9878190313891 533.3755939952657L416.51219467502244 638.1504228666856C406.2944486101186 644.0485788046037 393.7055513898814 644.0485788046037 383.48780532497756 638.1487716472182L202.01218096861083 533.3739427757982C191.79443490370699 527.4757868378802 185.4999862935884 516.5727846939628 185.4999862935884 504.7748215986593V295.2251638558196C185.4999862935884 283.4272007605159 191.79443490370699 272.5241986165986 202.01218096861083 266.62439145921314L383.48780532497756 161.84956258779317Z " transform="rotate(26, 400, 400)" opacity="0.46"></path><path d="M384.75797414613317 180.16884695791788C394.1897397445059 174.72439532291662 405.8102602554941 174.72439532291662 415.24202585386683 180.17037116050324L582.7579867982054 276.8855978110447C592.1897523965781 282.3300494460459 598.0000126520722 292.39435911735427 598.0000126520722 303.2847865899422V496.715239891025C598.0000126520722 507.60566736361295 592.1897523965781 517.6699770349212 582.7579867982054 523.1159528725079L415.24202585386683 619.8311795230493C405.8102602554941 625.2756311580506 394.1897397445059 625.2756311580506 384.75797414613317 619.829655320464L217.24201320179463 523.1144286699225C207.81024760342183 517.6699770349212 201.99998734792774 507.60566736361295 201.99998734792774 496.715239891025V303.2847865899422C201.99998734792774 292.39435911735427 207.81024760342183 282.3300494460459 217.24201320179463 276.88407360845935L384.75797414613317 180.16884695791788Z " transform="rotate(24, 400, 400)" opacity="0.50"></path><path d="M386.02814296728866 198.48808555167534C394.6739280991304 193.4973382195909 405.3260719008696 193.4973382195909 413.97185703271134 198.48948273737864L567.5281545650216 287.1451071670416C576.1739396968633 292.13585449912614 581.500011597733 301.3614716978254 581.500011597733 311.34436354769764V488.6556124070237C581.500011597733 498.6385042568959 576.1739396968633 507.8641214555952 567.5281545650216 512.856265973383L413.97185703271134 601.5118904030459C405.3260719008696 606.5026377351303 394.6739280991304 606.5026377351303 386.02814296728866 601.5104932173426L232.47184543497843 512.8548687876796C223.82606030313667 507.8641214555952 218.4999884022671 498.6385042568959 218.4999884022671 488.6556124070237V311.34436354769764C218.4999884022671 301.3614716978254 223.82606030313667 292.13585449912614 232.47184543497843 287.14370998133836L386.02814296728866 198.48808555167534Z " transform="rotate(22, 400, 400)" opacity="0.55"></path><path d="M387.29831178844427 216.80735466301098C395.15811645375493 212.27031163384328 404.84188354624507 212.27031163384328 412.70168821155573 216.80862483183216L552.2983223318378 297.4046470406167C560.1581269971484 301.9416900697844 565.0000105433935 310.3286147958746 565.0000105433935 319.40397102303126V480.59601544060024C565.0000105433935 489.67137166775683 560.1581269971484 498.05829639384706 552.2983223318378 502.596609591836L412.70168821155573 583.1926318006206C404.84188354624507 587.7296748297882 395.15811645375493 587.7296748297882 387.29831178844427 583.1913616317994L247.70167766816218 502.5953394230148C239.84187300285151 498.05829639384706 234.99998945660644 489.67137166775683 234.99998945660644 480.59601544060024V319.40397102303126C234.99998945660644 310.3286147958746 239.84187300285151 301.9416900697844 247.70167766816218 297.40337687179556L387.29831178844427 216.80735466301098Z " transform="rotate(20, 400, 400)" opacity="0.59"></path><path d="M388.5684806095999 235.12662377434663C395.64230480837944 231.04328504809567 404.35769519162056 231.04328504809567 411.4315193904001 235.12776692628563L537.068490098654 307.6641869141917C544.1423142974336 311.74752564044263 548.5000094890542 319.2957578939239 548.5000094890542 327.4635784983649V472.536418474177C548.5000094890542 480.70423907861795 544.1423142974336 488.25247133209916 537.068490098654 492.33695321028915L411.4315193904001 564.8733731981952C404.35769519162056 568.9567119244462 395.64230480837944 568.9567119244462 388.5684806095999 564.8722300462562L262.931509901346 492.33581005835003C255.85768570256636 488.25247133209916 251.49999051094585 480.70423907861795 251.49999051094585 472.536418474177V327.4635784983649C251.49999051094585 319.2957578939239 255.85768570256636 311.74752564044263 262.931509901346 307.6630437622527L388.5684806095999 235.12662377434663Z " transform="rotate(18, 400, 400)" opacity="0.64"></path><path d="M389.8386494307554 253.4458928856822C396.12649316300394 249.81625846234806 403.87350683699606 249.81625846234806 410.1613505692446 253.44690902073916L521.8386578654703 317.9237267877668C528.1265015977187 321.55336121110093 532.0000084347148 328.26290099197314 532.0000084347148 335.52318597369845V464.4768215077537C532.0000084347148 471.73710648947895 528.1265015977187 478.44664627035115 521.8386578654703 482.0772968287422L410.1613505692446 546.5541145957699C403.87350683699606 550.183749019104 396.12649316300394 550.183749019104 389.8386494307554 546.553098460713L278.1613421345298 482.07628069368536C271.8734984022812 478.44664627035115 267.9999915652852 471.73710648947895 267.9999915652852 464.4768215077537V335.52318597369845C267.9999915652852 328.26290099197314 271.8734984022812 321.55336121110093 278.1613421345298 317.92271065270984L389.8386494307554 253.4458928856822Z " transform="rotate(16, 400, 400)" opacity="0.68"></path><path d="M391.108818251911 271.76513147943973C396.61068151762845 268.58920135902235 403.38931848237155 268.58920135902235 408.891181748089 271.76602059761456L506.6088256322864 328.1832361437637C512.1106888980039 331.3591662641811 515.5000073803755 337.23001357244425 515.5000073803755 343.5827629314539V456.41719402375224C515.5000073803755 462.7699433827619 512.1106888980039 468.6407906910251 506.6088256322864 471.8176099296172L408.891181748089 528.2348254757665C403.38931848237155 531.4107555961839 396.61068151762845 531.4107555961839 391.108818251911 528.2339363575916L293.3911743677135 471.81672081144245C287.88931110199604 468.6407906910251 284.49999261962455 462.7699433827619 284.49999261962455 456.41719402375224V343.5827629314539C284.49999261962455 337.23001357244425 287.88931110199604 331.3591662641811 293.3911743677135 328.1823470255889L391.108818251911 271.76513147943973Z " transform="rotate(14, 400, 400)" opacity="0.73"></path><path d="M392.3789870730666 290.08443110835344C397.09486987225296 287.36220529085284 402.90513012774704 287.36220529085284 407.6210129269334 290.08519320964615L491.3789933991027 338.4428065349169C496.09487619828906 341.1650323524175 499.0000063260361 346.19718718807167 499.0000063260361 351.64240092436563V448.35762757490704C499.0000063260361 453.802841311201 496.09487619828906 458.83499614685513 491.3789933991027 461.5579840656485L407.6210129269334 509.9155973909192C402.90513012774704 512.6378232084198 397.09486987225296 512.6378232084198 392.3789870730666 509.9148352896265L308.6210066008973 461.5572219643558C303.90512380171094 458.83499614685513 300.9999936739639 453.802841311201 300.9999936739639 448.35762757490704V351.64240092436563C300.9999936739639 346.19718718807167 303.90512380171094 341.1650323524175 308.6210066008973 338.4420444336242L392.3789870730666 290.08443110835344Z " transform="rotate(12, 400, 400)" opacity="0.77"></path><path d="M393.64915589422213 308.4036773315055C397.57905822687746 306.1351558169216 402.42094177312254 306.1351558169216 406.35084410577787 308.4043124159161L476.1491611659189 348.7023235203083C480.0790634985742 350.9708450348922 482.50000527169675 355.1643073979373 482.50000527169675 359.7019855115156V440.2980077203001C482.50000527169675 444.8356858338784 480.0790634985742 449.02914819692353 476.1491611659189 451.298304795918L406.35084410577787 491.5963159003103C402.42094177312254 493.8648374148941 397.57905822687746 493.8648374148941 393.64915589422213 491.5956808158997L323.8508388340811 451.2976697115074C319.9209365014258 449.02914819692353 317.49999472830325 444.8356858338784 317.49999472830325 440.2980077203001V359.7019855115156C317.49999472830325 355.1643073979373 319.9209365014258 350.9708450348922 323.8508388340811 348.7016884358978L393.64915589422213 308.4036773315055Z " transform="rotate(10, 400, 400)" opacity="0.82"></path><path d="M394.9193247153777 326.72294644284113C398.06324658150197 324.90812923117403 401.93675341849803 324.90812923117403 405.0806752846223 326.7234545103696L460.91932893273514 358.9618633938834C464.06325079885937 360.7766806055505 466.0000042173574 364.13145049598654 466.0000042173574 367.7615929868492V432.23841075387685C466.0000042173574 435.8685532447395 464.06325079885937 439.2233231351756 460.91932893273514 441.0386484143711L405.0806752846223 473.27705729788494C401.93675341849803 475.091874509552 398.06324658150197 475.091874509552 394.9193247153777 473.2765492303565L339.08067106726486 441.0381403468427C335.93674920114063 439.2233231351756 333.9999957826426 435.8685532447395 333.9999957826426 432.23841075387685V367.7615929868492C333.9999957826426 364.13145049598654 335.93674920114063 360.7766806055505 339.08067106726486 358.9613553263549L394.9193247153777 326.72294644284113Z " transform="rotate(8, 400, 400)" opacity="0.86"></path><path d="M396.1894935365333 345.0422155541767C398.5474349361265 343.68110264542645 401.4525650638735 343.68110264542645 403.8105064634667 345.0425966048231L445.68949669955134 369.2214032674584C448.04743809914453 370.58251617620874 449.50000316301805 373.09859359403583 449.50000316301805 375.8212004621828V424.1788137874535C449.50000316301805 426.90142065560053 448.04743809914453 429.41749807342757 445.68949669955134 430.77899203282425L403.8105064634667 454.9577986954596C401.4525650638735 456.3189116042099 398.5474349361265 456.3189116042099 396.1894935365333 454.9574176448133L354.31050330044866 430.7786109821779C351.95256190085547 429.41749807342757 350.49999683698195 426.90142065560053 350.49999683698195 424.1788137874535V375.8212004621828C350.49999683698195 373.09859359403583 351.95256190085547 370.58251617620874 354.31050330044866 369.2210222168121L396.1894935365333 345.0422155541767Z " transform="rotate(6, 400, 400)" opacity="0.91"></path><path d="M397.45966235768884 363.3614694067233C399.031623290751 362.45406080088975 400.968376709249 362.45406080088975 402.54033764231116 363.3617234404875L430.45966446636754 379.48092788224443C432.0316253994297 380.388336488078 433.0000021086787 382.065721433296 433.0000021086787 383.88079267872735V416.11920156224113C433.0000021086787 417.93427280767247 432.0316253994297 419.61165775289055 430.45966446636754 420.5193203924883L402.54033764231116 436.63852483424523C400.968376709249 437.5459334400787 399.031623290751 437.5459334400787 397.45966235768884 436.638270800481L369.54033553363246 420.51906635872405C367.9683746005703 419.61165775289055 366.9999978913213 417.93427280767247 366.9999978913213 416.11920156224113V383.88079267872735C366.9999978913213 382.065721433296 367.9683746005703 380.388336488078 369.54033553363246 379.4806738484802L397.45966235768884 363.3614694067233Z " transform="rotate(4, 400, 400)" opacity="0.95"></path><path d="M398.72983117884445 381.6807385180589C399.5158116453755 381.2270342151421 400.4841883546245 381.2270342151421 401.27016882115555 381.68086553494106L415.2298322331838 389.74046775581945C416.01581269971484 390.1941720587362 416.50000105433935 391.0328645313453 416.50000105433935 391.9404001540609V408.05960459581786C416.50000105433935 408.9671402185335 416.01581269971484 409.80583269114254 415.2298322331838 410.25966401094144L401.27016882115555 418.3192662318199C400.4841883546245 418.77297053473666 399.5158116453755 418.77297053473666 398.72983117884445 418.31913921493776L384.7701677668162 410.2595369940593C383.98418730028516 409.80583269114254 383.49999894566065 408.9671402185335 383.49999894566065 408.05960459581786V391.9404001540609C383.49999894566065 391.0328645313453 383.98418730028516 390.1941720587362 384.7701677668162 389.7403407389374L398.72983117884445 381.6807385180589Z " transform="rotate(2, 400, 400)" opacity="1.00"></path></g></svg>');
    background-repeat: no-repeat;
    background-color: var(--bs-gray-300);
    background-position: center;
    background-blend-mode: unset;
    background-size: auto;
}

.bg-gradient-3 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2427%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient2428%26quot%3b)'%3e%3c/rect%3e%3cpath d='M797.028%2c831.061C840.668%2c830.866%2c879.361%2c804.593%2c900.76%2c766.56C921.736%2c729.278%2c920.336%2c684.822%2c900.685%2c646.824C879.111%2c605.107%2c843.922%2c568.557%2c797.028%2c565.978C746.073%2c563.176%2c695.187%2c588.997%2c671.544%2c634.222C649.234%2c676.896%2c665.792%2c726.89%2c691.677%2c767.495C715.307%2c804.562%2c753.069%2c831.258%2c797.028%2c831.061' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1750.621%2c864.792C1806.464%2c866.028%2c1867.1%2c856.468%2c1896.714%2c809.108C1927.724%2c759.515%2c1917.106%2c696.179%2c1887.654%2c645.645C1858.434%2c595.51%2c1808.643%2c557.555%2c1750.621%2c558.442C1693.887%2c559.309%2c1648.135%2c600.083%2c1620.656%2c649.726C1594.142%2c697.626%2c1587.001%2c756.02%2c1615.317%2c802.878C1642.811%2c848.376%2c1697.474%2c863.615%2c1750.621%2c864.792' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M15.542%2c448.596C44.531%2c448.992%2c70.786%2c432.349%2c85.406%2c407.313C100.156%2c382.053%2c100.814%2c351.481%2c87.445%2c325.464C72.751%2c296.868%2c47.635%2c273.272%2c15.542%2c271.354C-19.792%2c269.242%2c-57.218%2c284.176%2c-72.97%2c315.875C-87.629%2c345.376%2c-69.369%2c378.042%2c-51.092%2c405.448C-35.356%2c429.043%2c-12.816%2c448.209%2c15.542%2c448.596' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M232.033%2c631.679C300.303%2c635.444%2c375.445%2c627.461%2c413.404%2c570.592C454.794%2c508.584%2c453.633%2c423.828%2c412.093%2c361.92C374.209%2c305.459%2c299.977%2c297.705%2c232.033%2c300.288C169.734%2c302.657%2c106.066%2c321.168%2c74.223%2c374.766C41.788%2c429.361%2c49.054%2c498.221%2c82.291%2c552.331C113.98%2c603.92%2c171.581%2c628.345%2c232.033%2c631.679' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1317.691%2c1048.055C1351.397%2c1049.211%2c1384.692%2c1033.719%2c1401.402%2c1004.424C1417.979%2c975.362%2c1411.731%2c940.414%2c1395.902%2c910.938C1378.991%2c879.447%2c1353.404%2c850.048%2c1317.691%2c848.541C1279.825%2c846.943%2c1243.931%2c869.837%2c1227.146%2c903.817C1211.868%2c934.746%2c1225.027%2c969.787%2c1243.368%2c999.004C1260.283%2c1025.95%2c1285.895%2c1046.964%2c1317.691%2c1048.055' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1167.528%2c1284.09C1239.207%2c1284.903%2c1318%2c1281.497%2c1358.424%2c1222.298C1403.188%2c1156.745%2c1404.809%2c1066.613%2c1361.431%2c1000.135C1321.157%2c938.415%2c1241.162%2c926.675%2c1167.528%2c929.747C1100.318%2c932.551%2c1035.887%2c958.479%2c999.762%2c1015.224C960.73%2c1076.535%2c945.514%2c1156.388%2c983.99%2c1218.05C1020.881%2c1277.172%2c1097.845%2c1283.299%2c1167.528%2c1284.09' fill='rgba(229%2c 229%2c 229%2c 0.1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2427'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='10.94%25' y1='119.44%25' x2='89.06%25' y2='-19.44%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2428'%3e%3cstop stop-color='rgba(128%2c 0%2c 177%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(38%2c 47%2c 144%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
}

.bg-gradient-4 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800" opacity="0.84"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="gggyrate-grad"><stop stop-color="hsl(206, 75%, 49%)" stop-opacity="1" offset="0%"></stop><stop stop-color="hsl(331, 90%, 56%)" stop-opacity="1" offset="100%"></stop></linearGradient></defs><g stroke-width="4" stroke="url(%23gggyrate-grad)" fill="none"><path d="M400.0000305175781 81.88043212890625L675.5000481218503 240.9402095054337V559.0597642584885L400.0000305175781 718.1195416350159L124.50001291330591 559.0597642584885V240.9402095054337L400.0000305175781 81.88043212890625Z " transform="rotate(19, 400, 400)" opacity="0.05"></path><path d="M400.0000305175781 98.62356567382812L661.0000471953098 249.31177582001203V550.6881961123797L400.0000305175781 701.3764062585636L139.00001383984653 550.6881961123797V249.31177582001203L400.0000305175781 98.62356567382812Z " transform="rotate(18, 400, 400)" opacity="0.10"></path><path d="M400.00001525878906 115.36669921875L646.5000310099799 257.68334213459036V542.316627966271L400.00001525878906 684.6332708821113L153.49999950759815 542.316627966271V257.68334213459036L400.00001525878906 115.36669921875Z " transform="rotate(17, 400, 400)" opacity="0.16"></path><path d="M400 132.10986328125L632.0000148246504 266.05493896674676V533.9450903377403L400 667.890166023237L167.9999851753497 533.9450903377403V266.05493896674676L400 132.10986328125Z " transform="rotate(16, 400, 400)" opacity="0.21"></path><path d="M400 148.85299682617188L617.5000138981097 274.4265052813251V525.5735221916316L400 651.1470306467847L182.49998610189033 525.5735221916316V274.4265052813251L400 148.85299682617188Z " transform="rotate(15, 400, 400)" opacity="0.26"></path><path d="M400 165.59613037109375L603.000012971569 282.7980715959034V517.2019540455228L400 634.4038952703324L196.999987028431 517.2019540455228V282.7980715959034L400 165.59613037109375Z " transform="rotate(14, 400, 400)" opacity="0.31"></path><path d="M400 182.33926391601562L588.5000120450284 291.16963791048175V508.83038589941407L400 617.6607598938801L211.49998795497163 508.83038589941407V291.16963791048175L400 182.33926391601562Z " transform="rotate(13, 400, 400)" opacity="0.37"></path><path d="M400 199.0823974609375L574.0000111184877 299.5412042250601V500.4588177533053L400 600.9176245174278L225.99998888151225 500.4588177533053V299.5412042250601L400 199.0823974609375Z " transform="rotate(12, 400, 400)" opacity="0.42"></path><path d="M400 215.82553100585938L559.5000101919471 307.9127705396384V492.08724960719655L400 584.1744891409755L240.49998980805293 492.08724960719655V307.9127705396384L400 215.82553100585938Z " transform="rotate(11, 400, 400)" opacity="0.47"></path><path d="M400 232.56866455078125L545.0000092654064 316.28433685421675V483.7156814610877L400 567.4313537645232L254.99999073459355 483.7156814610877V316.28433685421675L400 232.56866455078125Z " transform="rotate(10, 400, 400)" opacity="0.53"></path><path d="M400 249.31179809570312L530.5000083388659 324.6559031687951V475.3441133149789L400 550.6882183880709L269.49999166113423 475.3441133149789V324.6559031687951L400 249.31179809570312Z " transform="rotate(9, 400, 400)" opacity="0.58"></path><path d="M400 266.054931640625L516.0000074123252 333.02746948337335V466.97254516887017L400 533.9450830116185L283.99999258767485 466.97254516887017V333.02746948337335L400 266.054931640625Z " transform="rotate(8, 400, 400)" opacity="0.63"></path><path d="M400 282.7980651855469L501.5000064857845 341.39903579795174V458.6009770227614L400 517.2019476351662L298.4999935142155 458.6009770227614V341.39903579795174L400 282.7980651855469Z " transform="rotate(7, 400, 400)" opacity="0.68"></path><path d="M400 299.54119873046875L487.00000555924385 349.77060211253V450.22940887665266L400 500.4588122587139L312.99999444075615 450.22940887665266V349.77060211253L400 299.54119873046875Z " transform="rotate(6, 400, 400)" opacity="0.74"></path><path d="M400 316.2843322753906L472.5000046327032 358.14216842710834V441.85784073054384L400 483.7156768822616L327.4999953672968 441.85784073054384V358.14216842710834L400 316.2843322753906Z " transform="rotate(5, 400, 400)" opacity="0.79"></path><path d="M400 333.0274658203125L458.0000037061626 366.5137347416867V433.4862725844351L400 466.97254150580926L341.9999962938374 433.4862725844351V366.5137347416867L400 333.0274658203125Z " transform="rotate(4, 400, 400)" opacity="0.84"></path><path d="M400 349.7705993652344L443.5000027796219 374.885301056265V425.1147044383263L400 450.22940612935696L356.4999972203781 425.1147044383263V374.885301056265L400 349.7705993652344Z " transform="rotate(3, 400, 400)" opacity="0.89"></path><path d="M400 366.51373291015625L429.0000018530813 383.25686737084334V416.7431362922175L400 433.4862707529046L370.9999981469187 416.7431362922175V383.25686737084334L400 366.51373291015625Z " transform="rotate(2, 400, 400)" opacity="0.95"></path><path d="M400 383.2568664550781L414.5000009265406 391.62843368542167V408.37156814610876L400 416.7431353764523L385.4999990734594 408.37156814610876V391.62843368542167L400 383.2568664550781Z " transform="rotate(1, 400, 400)" opacity="1.00"></path></g></svg>');
    /* background-attachment: fixed | scroll; */
    /* background-size: auto | cover | contain | 500px 250px; */
    /* background-position: center | right 30px bottom 15px; */
    /* background-repeat: no-repeat | repeat | repeat-x; */
    /* background-origin: border-box | padding-box | content-box; */
    /* background-clip: border-box | padding-box | content-box; */
    /* background-blend-mode: multiply | screen | overlay; */
    background-repeat: space;
    background-color: var(--bs-gray-300);
    background-position: center;
    background-blend-mode: unset;
    background-size: cover;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(4px);
}

.bg-gradient-5 {
    background-image: url('data:image/svg+xml,<svg class="border shadow-md" viewBox="0 0 1320.391111111111 742.72" style="width: 1320.39px; height: 742.72px;" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect class="bg" id="bg" x="0" y="0" width="1320.391111111111" height="742.72" fill="%23ffffff"></rect><defs><filter id="f1" x="-200%" y="-200%" width="500%" height="500%"><feGaussianBlur stdDeviation="100"></feGaussianBlur></filter></defs><circle cx="719" cy="661" r="660.1955555555555" fill="%23bde0fe" filter="url(%23f1)"></circle><circle cx="736" cy="12" r="660.1955555555555" fill="%23a2d2ff" filter="url(%23f1)"></circle><circle cx="140" cy="244" r="660.1955555555555" fill="%23cdb4db" filter="url(%23f1)"></circle><circle cx="170" cy="678" r="660.1955555555555" fill="%23ffc8dd" filter="url(%23f1)"></circle><circle cx="468" cy="662" r="660.1955555555555" fill="%23ffafcc" filter="url(%23f1)"></circle></svg>');
}

.bg-gradient-6 {
    background-image: url('data:image/svg+xml,<svg class="border shadow-md" viewBox="0 0 1320.391111111111 742.72" style="width: 1320.39px; height: 742.72px;" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect class="bg" id="bg" x="0" y="0" width="1320.391111111111" height="742.72" fill="%23dbf1ff"></rect><defs><filter id="f1" x="-200%" y="-200%" width="500%" height="500%"><feGaussianBlur stdDeviation="134"></feGaussianBlur></filter></defs><circle cx="595" cy="42" r="660.1955555555555" fill="%23FBFFED" filter="url(%23f1)"></circle><circle cx="483" cy="540" r="660.1955555555555" fill="%23BDE0FE" filter="url(%23f1)"></circle><circle cx="335" cy="27" r="660.1955555555555" fill="%232889D8" filter="url(%23f1)"></circle><circle cx="242" cy="27" r="660.1955555555555" fill="%23F4F4E7" filter="url(%23f1)"></circle></svg>');
}

.bg-gradient-7 {
    background-image: url('data:image/svg+xml,<svg class="border shadow-md" viewBox="0 0 1320.391111111111 742.72" style="width: 1320.39px; height: 742.72px;" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect class="bg" id="bg" x="0" y="0" width="1320.391111111111" height="742.72" fill="%23ffffff"></rect><g transform="rotate(47 660.1955555555555 371.36)"><path d="M -660.20 562.72 S -340.10 507.72 0.00 562.72 89.20 418.72 660.20 562.72 972.39 477.72 1320.39 562.72 1640.49 422.72 1980.59 562.72 h 110 V 1342.72 H -660.20 Z" fill="%23DE9764"></path><path d="M -660.20 205.00 S -340.10 112.50 0.00 205.00 310.20 112.50 660.20 205.00 980.29 112.50 1320.39 205.00 1640.49 60.00 1980.59 205.00 h 110 V -600 H -660.20 Z" fill="%23308AAB"></path></g></svg>');
}

.bg-gradient-8 {
    background-color: #aa3333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FF7' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%235ff' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
}

.bg-gradient-9 {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.2' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(24.7) translate(-959.51 -719.64)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bg-gradient-10 {
    background-image: url('data:image/svg+xml,<svg class="border shadow-md" viewBox="0 0 1320.391111111111 742.72" style="width: 1320.39px; height: 742.72px;" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><rect class="bg" id="bg" x="0" y="0" width="1320.391111111111" height="742.72" fill="%23ffffff"></rect><g transform="rotate(242 660.1955555555555 371.36)"><path d="M -1320.39 552.72 S -670.20 415.72 0.00 552.72 650.20 398.72 1320.39 552.72 1937.78 546.72 2640.78 552.72 h 110 V 1342.72 H -1320.39 Z" fill="%23DF6589"></path><path d="M -1320.39 215.00 S -670.20 117.50 0.00 215.00 446.39 66.00 1320.39 215.00 1970.59 117.50 2640.78 215.00 h 110 V -600 H -1320.39 Z" fill="%233C1053"></path></g></svg>');
}

.bg-gradient-11 {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='46.5' height='46.5' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(240,6.7%,17.6%,1)'/><path d='M27.31-2.917a5 5 0 010 5.834m-8.12 0a5 5 0 010-5.834m-4.827 7.501a10 10 0 010-9.169m17.774.001a10 10 0 010 9.169M10.181 7.36a15 15 0 01-.001-14.722m26.14 0a15 15 0 010 14.724m-9.01 36.22a5 5 0 010 5.835m-8.12 0a5 5 0 010-5.834m-4.827 7.501a10 10 0 010-9.169m17.774.001a10 10 0 010 9.169M10.181 53.86a15 15 0 01-.001-14.723m26.14 0a15 15 0 010 14.724m6.12-27.693a5 5 0 010-5.834m-4.827 7.5a10 10 0 010-9.169M33.431 30.61a15 15 0 01-.001-14.722M4.06 20.332a5 5 0 010 5.835m4.827-7.501a10 10 0 010 9.169m4.183-11.947a15 15 0 010 14.724'  stroke-linecap='square' stroke-width='1' stroke='hsla(47,80.9%,61%,1)' fill='none'/><path d='M43.582 42.44a5 5 0 015.835 0m-7.501-4.827a10 10 0 019.169 0M39.138 33.43a15 15 0 0114.724 0m-56.781 9.01a5 5 0 015.836 0m-7.501-4.827a10 10 0 019.169 0M-7.362 33.43a15 15 0 0114.724 0M49.417 4.06a5 5 0 01-5.834 0m7.501 4.827a10 10 0 01-9.169 0m11.946 4.182a15 15 0 01-14.723.001M2.917 4.06a5 5 0 01-5.834 0m7.501 4.827a10 10 0 01-9.169 0M7.36 13.069a15 15 0 01-14.722.001m27.694 6.12a5 5 0 015.835 0m0 8.12a5 5 0 01-5.834 0m7.5 4.827a10 10 0 01-9.168 0m.001-17.774a10 10 0 019.169 0m2.776 21.956a15 15 0 01-14.723.001m0-26.14a15 15 0 0114.724 0'  stroke-linecap='square' stroke-width='1' stroke='hsla(4.1,89.6%,58.4%,1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

.bg-gradient-12 {
    background-image: linear-gradient(0deg, #f4fafd 0%, #e4f0f7 100%);
}

.bg-gradient-ai-img-01 {
    background-image: url(/assets/img/div_ai_notify_bg_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-gradient-animate {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 25s ease infinite;
    height: 100vh;
}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-green {
    background: var(--bs-green) !important;
}

.bg-blur {
    backdrop-filter: blur(10px);
}

.bg-blur-2 {
    background: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.25);
}

.bg-blur-3 {
    background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(14.4px);
    -webkit-backdrop-filter: blur(14.4px);
}

.bg-unset {
    background: transparent !important;
}


/* Gradients */
.gradient-primary {
    background: var(--bc-gradient-primary);
}


/* Modal Info Icons */

.modal-icon-error {
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    height: 64px;
    width: 64px;
    display: inline-block;
    background: var(--bs-danger);
    color: var(--bs-white);
    border-radius: var(--border-radius-circle);
    animation: animation2;
}

    .modal-icon-error:before {
        content: "\eee4";
    }

.modal-icon-warning {
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    height: 64px;
    width: 64px;
    display: inline-block;
    background: var(--bs-yellow);
    color: var(--bs-white);
    border-radius: var(--border-radius-circle);
    animation: animation2;
}

    .modal-icon-warning:before {
        content: "\ef1c";
    }

.modal-icon-success {
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    height: 64px;
    width: 64px;
    display: inline-block;
    background: var(--bs-success);
    color: var(--bs-white);
    border-radius: var(--border-radius-circle);
    animation: animation2;
}

    .modal-icon-success:before {
        content: "\eed8";
    }

/* Buttons */

/* Base Button */

.btn {
    display: inline-flex;
    padding: var(--pd-xs) var(--pd-md);
    border-radius: var(--border-radius-xs);
    font-size: var(--font-xs);
    font-weight: 400;
    text-decoration: none;
    height: 32px;
    outline: none;
    border: unset;
    min-width: 30px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color, background-color, border-color;
}

    .btn:after, .btn:before {
        font-family: boxicons !important;
        text-indent: 0;
        align-self: center;
        font-size: var(--font-icon-xs);
    }

    .btn:after {
        margin-left: var(--pd-sm);
    }

    .btn:before {
        margin-right: var(--pd-sm);
    }

    .btn:hover {
        border: unset;
    }

    .btn:empty {
        text-indent: 0;
    }

    .btn:disabled {
        cursor: not-allowed;
        border: none;
        background: var(--bs-gray-300);
        color: var(--bs-gray-600);
    }

        .btn:disabled:hover {
            background: var(--bs-gray-300);
            color: var(--bs-gray-600);
        }

/* Button Small */

.btn-sm {
    outline: none;
    width: fit-content;
}

    .btn-sm:hover {
        border: unset;
    }

/* Button Square */

.btn-sq {
    width: 32px;
    height: 32px;
}

.btn-hint {
    color: var(--bs-gray-800);
    background: var(--bs-yellow);
    border: 1px solid var(--bs-border-color-translucent);
    padding: var(--pd-md);
    height: 24px;
    width: 24px;
    font-weight: 700;
    min-width: unset;
    content: '?';
    font-style: normal;
    border-radius: 50%;
    justify-content: center;
    font-size: var(--font-icon-xxs);
}


@media(max-width:600px) {
    .btn {
        font-size: var(--font-sm);
    }
}


/* Primary Buttons */

.btn-primary {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

.btn-primary-border {
    border: 1px inset var(--bc-color-primary);
}

    .btn-primary-border:hover {
        border: 1px solid var(--bc-color-primary);
        background: var(--bc-color-primary);
    }

.btn-add {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-add:after {
        font-family: boxicons !important;
        content: "\ebc0";
    }

.btn-circle-arrow-up {
    border-radius: var(--border-radius-lg);
    background: var(--bs-gray-400);
    transform: rotate(0.75turn);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0;
    padding: 0;
    text-box-trim: trim-start;
    text-box-edge: text;
    background: var(--bs-gray-300);
    color: var(--bs-gray-700);
}


.btn-circle-arrow-down {
    border-radius: var(--border-radius-lg);
    background: var(--bs-gray-400);
    transform: rotate(0.25turn);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0;
    padding: 0;
    text-box-trim: trim-start;
    text-box-edge: text;
    background: var(--bs-gray-300);
    color: var(--bs-gray-700);
}


.btn-delete {
    background: var(--bs-danger);
    color: var(--bs-white);
}

    .btn-delete:after {
        content: "\ef06";
    }

.btn-save {
    background: var(--bs-success);
    color: var(--bs-white);
}

    .btn-save:after {
        content: "\ea41";
    }

.btn-update {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-update:after {
        content: "\ec37";
    }

.btn-search {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-search:after {
        content: "\ebf7";
    }


.btn-detail {
}

    .btn-detail:after {
        content: "\ed13";
    }


.btn-clear {
    background: var(--bs-danger);
    color: var(--bs-white);
}

    .btn-clear:after {
        content: "\ec8d";
    }

.btn-apply {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-apply:after {
        content: "\ebe6";
    }

.btn-upload {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-upload:after {
        content: "\ec5f";
    }

.btn-download {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-download:after {
        content: "\eab9";
    }

.btn-print {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-print:after {
        content: "\ebc9";
    }

.btn-next {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

    .btn-next:after {
        content: "\ebe6";
        margin-left: 0;
    }

.btn-prev {
    background: var(--bc-color-primary);
    color: var(--bs-white);
    text-indent: inherit;
}

    .btn-prev:before {
        content: "\eb33";
        margin-right: 0;
    }

.btn-next-green {
    background: var(--bs-green);
    color: var(--bs-white);
}

    .btn-next-green:after {
        content: "\ebe6";
    }

.btn-next-darkpink {
    background: var(--bc-color-secondary);
    color: var(--bs-white);
}

    .btn-next-darkpink:after {
        content: "\ebe6";
    }

@media(max-width:992px) {

    .btn-mobile-up {
        transform: rotate(0.25turn);
    }

    .btn-mobile-down {
        transform: rotate(0.25turn);
    }

    .btn-sq {
        width: -webkit-fill-available;
        height: 32px;
    }
}





/* Borders */

.border-right-gray {
    border-right: 1px solid var(--bs-gray-400) !important;
}

.border-right-gray-desktop {
    border-right: 1px solid var(--bs-gray-400) !important;
}

.border-right-graydark {
    border-right: 1px solid var(--bs-gray-500) !important;
}

.border-right-graydark-desktop {
    border-right: 1px solid var(--bs-gray-600) !important;
}

.border-bottom-gray {
    border-bottom: 1px solid var(--bs-gray-400) !important;
}

.border-bottom-gray-desktop {
    border-bottom: 1px solid var(--bs-gray-400) !important;
}

.border-left-gray {
    border-left: 1px solid var(--bs-gray-400) !important;
}

.border-left-gray-desktop {
    border-left: 1px solid var(--bs-gray-400) !important;
}

.border-left-graydark-desktop {
    border-left: 1px solid var(--bs-gray-600) !important;
}

.border-top-gray {
    border-top: 1px solid var(--bs-gray-400) !important;
}

.border-unset {
    border: unset !important;
}

.border-left {
    border-left: 1px solid;
}

.border-right {
    border-right: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-top {
    border-top: 1px solid;
}

.border-all {
    border: 1px solid;
}

.border-primary {
    border: 1px solid var(--bc-color-primary) !important;
}

.border-primary-radius {
    border: 1px solid var(--bc-color-primary) !important;
    border-radius: var(--border-radius-md) !important;
}

.border-gray-100 {
    border: 1px solid var(--bs-gray-100) !important;
}

.border-gray-200 {
    border: 1px solid var(--bs-gray-200) !important;
}

.border-gray-300 {
    border: 1px solid var(--bs-gray-300) !important;
}

.border-gray-400 {
    border: 1px solid var(--bs-gray-400) !important;
}

.border-gray-500 {
    border: 1px solid var(--bs-gray-500) !important;
}

.border-gray-600 {
    border: 1px solid var(--bs-gray-600) !important;
}

.border-gray-700 {
    border: 1px solid var(--bs-gray-700) !important;
}

.border-gray-800 {
    border: 1px solid var(--bs-gray-800) !important;
}

.border-gray-900 {
    border: 1px solid var(--bs-gray-900) !important;
}


@media (max-width:992px) {
    .border-right-gray-desktop {
        border-right: none;
    }

    .border-left-gray-desktop {
        border-left: none;
    }

    .border-right-graydark-desktop {
        border-right: none;
    }

    .border-right-graydark-mobil {
        border-right: 1px solid var(--bs-gray-500);
    }

    .border-bottom-mobil {
        border-bottom: 1px solid var(--bs-gray-400);
    }

    .border-bottom-gray-desktop {
        border-bottom: none;
    }
}


.notify {
    width: 13px;
    height: 13px;
    background: var(--bs-red);
    position: absolute;
    left: 5px;
    top: -5px;
    font-size: 9px;
    border-radius: var(--border-radius-circle);
    color: var(--bs-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: var(--font-family-head);
    animation: pulse 2s infinite;
}


/* Hovers */

.hover-primary-color:has(:hover) {
    background: var(--bc-color-primary);
    color: var(--bs-white);
}

.hover-primary-color-light:has(:hover) {
    background: var(--bc-color-primary-light);
    color: var(--bc-color-primary);
}

/* Helpers */

section {
    min-height: 82vh;
}

    section > div {
        min-height: 80vh;
        background: var(--bs-body-bg);
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.no-resize {
    resize: none;
    overflow: hidden;
}

.no-list {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.no-overflow-x {
    overflow-x: hidden;
}

.no-list li {
}

.absoulte {
    position: absolute !important;
}

.sticky {
    position: sticky !important;
}

.fixed {
    position: fixed !important;
}

.static {
    position: static !important;
}

.top-0 {
    top: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.text-nowrap {
    white-space: nowrap;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-semibold {
    font-weight: 600 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.shadow-none {
    box-shadow: none !important;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.border-radius-1 {
    border-radius: var(--border-radius-sm) !important;
}

.border-radius-2 {
    border-radius: var(--border-radius-md) !important;
}

.border-radius-3 {
    border-radius: var(--border-radius-xl) !important;
}

.border-radius-circle {
    border-radius: var(--border-radius-circle) !important;
}

.border-radius-xs {
    border-radius: var(--border-radius-xs) !important;
}

.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.shadow-md {
    box-shadow: var(--shadow-md) !important;
}

.shadow-xl {
    box-shadow: var(--shadow-lg) !important;
}

hr {
    border: 1px solid var(--bs-gray-300);
    margin: var(--pd-md) 0;
    border-bottom: medium;
    display: block;
}

.h-auto {
    height: auto !important;
}

.h-10 {
    height: 10%;
}

.h-100vh {
    height: 100vh !important;
}

.width-auto {
    width: auto !important;
}

.overflow-x {
    overflow-x: auto;
    white-space: nowrap;
}




.overflow-y-10 {
    overflow-y: auto;
    max-height: 10vh;
}

.overflow-y-15 {
    overflow-y: auto;
    max-height: 15vh;
}

.overflow-y-20 {
    overflow-y: auto;
    max-height: 20vh;
}

.overflow-y-25 {
    overflow-y: auto;
    max-height: 25vh;
}

.overflow-y-30 {
    overflow-y: auto;
    max-height: 30vh;
}

.overflow-y-35 {
    overflow-y: auto;
    max-height: 35vh;
}

.overflow-y-40 {
    overflow-y: auto;
    max-height: 40vh;
}

.overflow-y-45 {
    overflow-y: auto;
    max-height: 45vh;
}

.overflow-y-50 {
    overflow-y: auto;
    max-height: 50vh;
}

.overflow-y-55 {
    overflow-y: auto;
    max-height: 55vh;
}

.overflow-y-60 {
    overflow-y: auto;
    max-height: 60vh;
}

.overflow-y-65 {
    overflow-y: auto;
    max-height: 65vh;
}

.overflow-y-70 {
    overflow-y: auto;
    max-height: 70vh;
}

.overflow-y-75 {
    overflow-y: auto;
    max-height: 75vh;
}

.overflow-y-80 {
    overflow-y: auto;
    max-height: 80vh;
}

.overflow-y-85 {
    overflow-y: auto;
    max-height: 85vh;
}

.overflow-y-90 {
    overflow-y: auto;
    max-height: 90vh;
}

.overflow-y-95 {
    overflow-y: auto;
    max-height: 95vh;
}

.overflow-y-100 {
    overflow-y: auto;
    max-height: 100vh;
}



.min-height-3 {
    height: 3vh;
}

.min-height-4 {
    height: 4vh;
}

.min-height-5 {
    height: 5vh;
}

.min-height-6 {
    height: 6vh;
}

.min-height-7 {
    height: 7vh;
}

.min-height-8 {
    height: 8vh;
}

.min-height-10 {
    height: 10vh;
}

.min-height-15 {
    height: 15vh;
}

.min-height-20 {
    height: 20vh;
}

.min-height-25 {
    height: 25vh;
}

.min-height-30 {
    height: 30vh;
}

.min-height-35 {
    height: 35vh;
}

.min-height-40 {
    height: 40vh;
}

.min-height-50 {
    height: 50vh;
}

.min-height-60 {
    height: 60vh;
}

.min-height-70 {
    height: 70vh;
}

.min-height-80 {
    height: 80vh;
}

.min-height-auto {
    min-height: auto !important;
}





.z-index-inherit {
    z-index: inherit
}

.z-index-auto {
    z-index: auto;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.gap-1 {
    gap: var(--pd-sm)
}

.gap-2 {
    gap: var(--pd-md)
}

.gap-3 {
    gap: var(--font-xl)
}

.gap-4 {
    gap: var(--pd-xl)
}

.d-mobile {
    display: none !important;
}

.d-mobile-flex {
    display: none;
}

.d-desktop {
    display: block !important;
}

.d-desktop-flex {
    display: flex !important
}

.desktop-table-cell {
    display: table-cell !important;
}

.mobile-content {
    display: none;
}



@media (min-width: 992px) {

    .overflow-lg-y-10 {
        overflow-y: auto;
        max-height: 10vh !important;
    }

    .overflow-lg-y-15 {
        overflow-y: auto;
        max-height: 15vh !important;
    }

    .overflow-lg-y-20 {
        overflow-y: auto;
        max-height: 20vh !important;
    }

    .overflow-lg-y-25 {
        overflow-y: auto;
        max-height: 25vh !important;
    }

    .overflow-lg-y-30 {
        overflow-y: auto;
        max-height: 30vh !important;
    }

    .overflow-lg-y-35 {
        overflow-y: auto;
        max-height: 35vh !important;
    }

    .overflow-lg-y-40 {
        overflow-y: auto;
        max-height: 40vh !important;
    }

    .overflow-lg-y-45 {
        overflow-y: auto;
        max-height: 45vh !important;
    }

    .overflow-lg-y-50 {
        overflow-y: auto;
        max-height: 50vh !important;
    }

    .overflow-lg-y-55 {
        overflow-y: auto;
        max-height: 55vh !important;
    }

    .overflow-lg-y-60 {
        overflow-y: auto;
        max-height: 60vh !important;
    }

    .overflow-lg-y-65 {
        overflow-y: auto;
        max-height: 65vh !important;
    }

    .overflow-lg-y-70 {
        overflow-y: auto;
        max-height: 70vh !important;
    }

    .overflow-lg-y-75 {
        overflow-y: auto;
        max-height: 75vh !important;
    }

    .overflow-lg-y-80 {
        overflow-y: auto;
        max-height: 80vh !important;
    }

    .overflow-lg-y-85 {
        overflow-y: auto;
        max-height: 85vh !important;
    }

    .overflow-lg-y-90 {
        overflow-y: auto;
        max-height: 90vh !important;
    }

    .overflow-lg-y-95 {
        overflow-y: auto;
        max-height: 95vh !important;
    }

    .overflow-lg-y-100 {
        overflow-y: auto;
        max-height: 100vh !important;
    }


    .height-lg-3 {
        height: 3vh;
    }

    .height-lg-4 {
        height: 4vh;
    }

    .height-lg-5 {
        height: 5vh;
    }

    .height-lg-6 {
        height: 6vh;
    }

    .height-lg-7 {
        height: 7vh;
    }

    .height-lg-8 {
        height: 8vh;
    }

    .height-lg-10 {
        height: 10vh;
    }

    .height-lg-15 {
        height: 15vh;
    }

    .height-lg-20 {
        height: 20vh;
    }

    .height-lg-25 {
        height: 25vh;
    }

    .height-lg-30 {
        height: 30vh;
    }

    .height-lg-35 {
        height: 35vh;
    }

    .height-lg-40 {
        height: 40vh;
    }

    .height-lg-45 {
        height: 45vh;
    }

    .height-lg-50 {
        height: 50vh;
    }

    .height-lg-55 {
        height: 55vh;
    }

    .height-lg-60 {
        height: 60vh;
    }

    .height-lg-65 {
        height: 65vh;
    }

    .height-lg-70 {
        height: 70vh;
    }

    .height-lg-75 {
        height: 75vh;
    }

    .height-lg-80 {
        height: 80vh;
    }

    .height-lg-85 {
        height: 85vh;
    }

    .height-lg-90 {
        height: 90vh;
    }

    .height-lg-95 {
        height: 95vh;
    }

    .height-lg-auto {
        height: auto !important;
    }



    .min-height-lg-3 {
        min-height: 3vh;
    }

    .min-height-lg-4 {
        min-height: 4vh;
    }

    .min-height-lg-5 {
        min-height: 5vh;
    }

    .min-height-lg-6 {
        min-height: 6vh;
    }

    .min-height-lg-7 {
        min-height: 7vh;
    }

    .min-height-lg-8 {
        min-height: 8vh;
    }

    .min-height-lg-10 {
        min-height: 10vh;
    }

    .min-height-lg-15 {
        min-height: 15vh;
    }

    .min-height-lg-20 {
        min-height: 20vh;
    }

    .min-height-lg-25 {
        min-height: 25vh;
    }

    .min-height-lg-30 {
        min-height: 30vh;
    }

    .min-height-lg-35 {
        min-height: 35vh;
    }

    .min-height-lg-40 {
        min-height: 40vh;
    }

    .min-height-lg-50 {
        min-height: 50vh;
    }

    .min-height-lg-60 {
        min-height: 60vh;
    }

    .min-height-lg-70 {
        min-height: 70vh;
    }

    .min-height-lg-80 {
        min-height: 80vh;
    }

    .min-height-lg-auto {
        min-height: auto !important;
    }
}

@media(max-width:992px) {

    .overflow-mb-x {
        overflow-x: auto;
        white-space: nowrap;
    }

    .overflow-mb-y-10 {
        overflow-y: auto;
        max-height: 10vh;
    }

    .overflow-mb-y-15 {
        overflow-y: auto;
        max-height: 15vh;
    }

    .overflow-mb-y-20 {
        overflow-y: auto;
        max-height: 20vh;
    }

    .overflow-mb-y-25 {
        overflow-y: auto;
        max-height: 25vh;
    }

    .overflow-mb-y-30 {
        overflow-y: auto;
        max-height: 30vh;
    }

    .overflow-mb-y-35 {
        overflow-y: auto;
        max-height: 35vh;
    }

    .overflow-mb-y-40 {
        overflow-y: auto;
        max-height: 40vh;
    }

    .overflow-mb-y-45 {
        overflow-y: auto;
        max-height: 45vh;
    }

    .overflow-mb-y-50 {
        overflow-y: auto;
        max-height: 50vh;
    }

    .overflow-mb-y-55 {
        overflow-y: auto;
        max-height: 55vh;
    }

    .overflow-mb-y-60 {
        overflow-y: auto;
        max-height: 60vh;
    }

    .overflow-mb-y-65 {
        overflow-y: auto;
        max-height: 65vh;
    }

    .overflow-mb-y-70 {
        overflow-y: auto;
        max-height: 70vh;
    }

    .overflow-mb-y-75 {
        overflow-y: auto;
        max-height: 75vh;
    }

    .overflow-mb-y-80 {
        overflow-y: auto;
        max-height: 80vh;
    }

    .overflow-mb-y-85 {
        overflow-y: auto;
        max-height: 85vh;
    }

    .overflow-mb-y-90 {
        overflow-y: auto;
        max-height: 90vh;
    }

    .overflow-mb-y-95 {
        overflow-y: auto;
        max-height: 95vh;
    }

    .overflow-mb-y-100 {
        overflow-y: auto;
        max-height: 100vh;
    }
}

@media(min-width:992px) {
    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-nowrap {
        white-space: nowrap !important;
    }

    .float-lg-right {
        float: right;
    }

    .float-lg-left {
        float: left;
    }
}

@media (min-width:992px) {



    .width-lg-5 {
        width: 5%;
        flex: 0 0 auto;
    }


    .width-lg-6 {
        width: 6%;
        flex: 0 0 auto;
    }


    .width-lg-7 {
        width: 7%;
        flex: 0 0 auto;
    }

    .width-lg-8 {
        width: 8%;
        flex: 0 0 auto;
    }

    .width-lg-9 {
        width: 9%;
        flex: 0 0 auto;
    }

    .width-lg-10 {
        width: 10%;
        flex: 0 0 auto;
    }

    .width-lg-15 {
        width: 15%;
        flex: 0 0 auto;
    }

    .width-lg-20 {
        width: 20%;
        flex: 0 0 auto;
    }

    .width-lg-25 {
        width: 25%;
        flex: 0 0 auto;
    }

    .width-lg-30 {
        width: 30%;
        flex: 0 0 auto;
    }

    .width-lg-35 {
        width: 35%;
        flex: 0 0 auto;
    }

    .width-lg-40 {
        width: 40%;
        flex: 0 0 auto;
    }

    .width-lg-45 {
        width: 45%;
        flex: 0 0 auto;
    }

    .width-lg-50 {
        width: 50%;
        flex: 0 0 auto;
    }

    .width-lg-55 {
        width: 55%;
        flex: 0 0 auto;
    }

    .width-lg-60 {
        width: 60%;
        flex: 0 0 auto;
    }

    .width-lg-65 {
        width: 65%;
        flex: 0 0 auto;
    }

    .width-lg-70 {
        width: 70%;
        flex: 0 0 auto;
    }

    .width-lg-75 {
        width: 75%;
        flex: 0 0 auto;
    }

    .width-lg-80 {
        width: 80%;
        flex: 0 0 auto;
    }

    .width-lg-85 {
        width: 85%;
        flex: 0 0 auto;
    }

    .width-lg-90 {
        width: 90%;
        flex: 0 0 auto;
    }

    .width-lg-95 {
        width: 95%;
        flex: 0 0 auto;
    }

    .w-max-content {
        width: max-content;
    }
}

@media (max-width:992px) {
    .w-lg-10 {
        width: 10%;
        flex: 0 0 auto;
    }

    .w-lg-15 {
        width: 15%;
        flex: 0 0 auto;
    }

    .w-lg-20 {
        width: 20%;
        flex: 0 0 auto;
    }

    .w-lg-25 {
        width: 25%;
        flex: 0 0 auto;
    }

    .w-lg-30 {
        width: 30%;
        flex: 0 0 auto;
    }

    .w-lg-35 {
        width: 35%;
        flex: 0 0 auto;
    }

    .w-lg-40 {
        width: 40%;
        flex: 0 0 auto;
    }

    .w-lg-45 {
        width: 45%;
        flex: 0 0 auto;
    }

    .w-lg-50 {
        width: 50%;
        flex: 0 0 auto;
    }

    .w-lg-55 {
        width: 55%;
        flex: 0 0 auto;
    }

    .w-lg-60 {
        width: 60%;
        flex: 0 0 auto;
    }

    .w-lg-65 {
        width: 65%;
        flex: 0 0 auto;
    }

    .w-lg-70 {
        width: 70%;
        flex: 0 0 auto;
    }

    .w-lg-75 {
        width: 75%;
        flex: 0 0 auto;
    }

    .w-lg-80 {
        width: 80%;
        flex: 0 0 auto;
    }

    .w-lg-85 {
        width: 85%;
        flex: 0 0 auto;
    }

    .w-lg-90 {
        width: 90%;
        flex: 0 0 auto;
    }

    .w-lg-95 {
        width: 95%;
        flex: 0 0 auto;
    }

    .overflow-y-mobil {
        overflow-y: auto;
        white-space: nowrap;
    }
}

@media(max-width:768px) {
    section {
        /*min-height: calc(100vh - 200px);*/
        min-height: 100vh;
        /*min-height: unset;*/
    }

        section > div {
            min-height: unset;
            max-height: unset;
            margin-bottom: unset;
            padding-bottom: var(--pd-xxxl);
        }

    .d-mobile {
        display: block !important;
    }

    .d-mobile-flex {
        display: flex !important
    }

    .d-desktop {
        display: none !important;
    }

    .d-desktop-flex {
        display: none !important;
    }

    .desktop-table-cell {
        display: none !important;
    }

    .mobile-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 75vh;
    }

        .mobile-content p {
            text-align: center;
            font-size: var(--font-xl);
            text-align: center;
        }

        .mobile-content i {
            text-align: center;
            margin-bottom: var(--pd-xl);
        }
}

/* Page Loader */


/* Center the loader */
#loader .loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1984;
    width: 90px;
    height: 90px;
    /*margin: -25px 0 0 -25px;*/
    border: 10px solid var(--bc-color-primary-light);
    border-radius: 50%;
    border-top: 10px solid var(--bc-color-primary);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader {
    background: #1f1f1fa4;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2023;
}

    #loader:before {
    }

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

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.65);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}


@media(max-width:992px) {

    #loader .loader-inner {
        width: 64px;
        height: 64px;
        border: 5px solid var(--bc-color-primary-light);
        border-radius: 50%;
        border-top: 5px solid var(--bc-color-primary);
    }
}


/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

.animate-fade {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animation;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#form1 {
}

/* Inputs */
/*
input, select, textarea {
    font: 14px/18px "DM Sans", sans-serif;
    display: block;
    min-width: 100%;
    outline: none;
    min-height: 2em;
    margin-bottom: 8px;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.3;
    background-clip: padding-box;
    border: 1px solid #17374a50;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[type=file] {
    border: 0;
}

input[type=text]:focus-visible {
    outline: none;
}

input[type=text]:focus-visible {
    
}*/

/* Video */

.video {
    padding: 16px;
}

    .video img {
        border-radius: var(--border-radius-sm);
    }

    .video:hover::after {
        content: "\e9d2";
        position: center;
        font-size: 8px;
        color: aliceblue;
    }



.form-group {
    margin-top: var(--pd-xs);
    margin-bottom: var(--pd-md);
    align-self: self-end;
}

    .form-group label {
        margin: 0;
    }

    .form-group span {
        font-size: var(--font-xs);
        font-family: var(--font-family-body);
        /*font: var(--font-sm) / var(--font-sm) var(--font-family-body);*/
        /*margin-bottom: var(--pd-xs);*/
    }

input, textarea, select {
    display: block;
    font-family: Dubai, sans-serif;
    font-size: var(--font-xs);
    width: 100%;
    outline: none;
    height: 30px;
    padding: var(--pd-md) var(--pd-xs);
    background-clip: padding-box;
    border: 1px solid #9b9b9b;
    border-radius: var(--border-radius-xs);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: border-box;
    background: var(--bs-white);
}


textarea {
    line-height: 1.4;
}

select {
    padding: 2px 4px;
}

    select:disabled {
        cursor: not-allowed;
        background: var(--bs-gray-200);
    }

input:is:not(input[type=button]):is(:hover) {
    cursor: not-allowed;
}

input:disabled {
    background: var(--bs-gray-100);
    cursor: not-allowed;
    border: 1px solid var(--bs-gray-300);
    color: var(--bs-gray-500);
}

input:is(:disabled):hover {
    cursor: not-allowed;
    border: 1px solid var(--bs-gray-300);
}

input:hover, textarea:hover, select:hover {
    border: 1px solid var(--bc-color-primary);
}

/*input:focus-visible, textarea:focus-visible, select:focus-visible {
        border: 1px solid var(--bc-color-primary);
        background: var(--bc-color-primary-light);
    }*/

input::placeholder, textarea::placeholder, textarea::placeholder, select::placeholder, input[type="date"]::placeholder {
    color: var(--bs-gray-700);
}

input:invalid, input:user-invalid {
    border: 1px solid var(--bs-red);
    animation: notvalid;
}

input[type="date" i] {
    font-family: var(--font-body);
    width: 100%;
    cursor: pointer;
}

input[type="time" i] {
    font-family: var(--font-body);
    width: 100%;
    cursor: pointer;
}

    input[type="time" i]::-webkit-calendar-picker-indicator {
        color: var(--bc-color-primary);
        cursor: pointer;
        padding-inline: 6px 0;
        margin-inline: 0;
    }

[type="date"]::-webkit-calendar-picker-indicator {
    /*color: var(--bc-color-primary);
    cursor: pointer;
    background-color: transparent;
    width: 100%;
    display: inline-block;*/
    width: 0.66em;
    height: 0.66em;
    padding: 0.17em 0.34em;
    background-color: #eee;
    cursor: pointer;
}

[type="date"]::-webkit-calendar-picker-indicator {
}

@keyframes notvalid {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/*input[type="checkbox"] {
    display: flex;
    width: 14px;
    height: 14px;
    accent-color: var(--bc-color-primary);
    margin-right: 4px;
}*/


input[type=color] {
    padding: 0;
    margin: 0;
    border: 1px solid var(--bc-color-primary-dark);
}

input[type=file] {
    background: var(--bc-color-primary-light);
    border: 1px dashed var(--bc-color-primary);
    min-height: 30px;
    padding: var(--pd-sm);
    cursor: pointer;
}

input[tyoe=file]:hover {
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#000 45%,#000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), linear-gradient(135deg, transparent 0%,transparent 43%,#000 45%,#000 55%,transparent 57%,transparent 100%);
    color: var(--bc-color-primary);
}

    input[type="search"]::-webkit-search-cancel-button:hover {
        cursor: pointer;
    }


::-webkit-file-upload-button {
    font-size: var(--font-sm);
    cursor: pointer;
    border: unset;
}

    ::-webkit-file-upload-button:after {
        font-family: var(--font-boxicon);
        content: '\eb65';
    }


@media(max-width:768px) {
    .form-group {
        margin-bottom: var(--pd-md);
    }

    input, textarea, select {
        height: 32px;
    }
}


/* Select2 Styles */

.select2-container {
    /*display: inline-table !important;*/
    /*max-width: 100%;
    width: 100% !important;
    min-width: auto;*/
}

select2-container--open {
    width: unset;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bc-color-primary-light) !important;
    border: 1px solid var(--bc-color-primary-dark) !important;
    font-size: var(--font-xs);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    margin: 4px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent !important;
    background: var(--bc-color-primary);
    color: var(--bc-color-primary-dark) !important;
    padding: 0 6px !important;
    top: 0;
    bottom: 0;
    font-size: 18px !important;
}

.select2-selection__choice__remove:hover {
}

.select2-container .select2-selection--single {
    font-family: inherit;
    /*height: 30px !important;*/
    height: 30px !important;
    background-clip: padding-box;
    border: 1px solid #9b9b9b;
    border-radius: var(--border-radius-xs);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
    background: var(--bs-white);
    margin-bottom: 0;
}

.select2-container .select2-selection--multiple {
    margin-bottom: 0 !important;
}

.select2-results__options {
    text-wrap-mode: nowrap;
    white-space: nowrap;
    max-height: 400px !important;
}


/*.select2-dropdown {
    width: auto !important;*/ /* İçeriğe göre genişlik */
/*min-width: 200px !important;*/ /* Minimum genişlik */
/*max-width: 500px !important;*/ /* Maksimum genişlik */
/*overflow: auto !important;*/ /* Taşma durumunda scroll çubuğu göster */
/*}*/

.select2-results__option--selectable {
    font-size: var(--font-xs);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--bc-color-primary);
    color: #fff;
    text-wrap-mode: nowrap;
    font-size: var(--font-xs);
    margin-bottom: 0 !important;
}

.select2-container--default .select2-results__option--selected {
    overflow-wrap: normal;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-gray-100) !important;
    cursor: not-allowed !important;
    border: 1px solid var(--bs-gray-300) !important;
    color: var(--bs-gray-500);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit !important;
    background-color: unset;
}



/* SelecT2 Styles */
.select2 > span {
    display: unset;
}


/* End of Input Styles */
/* Custom Checkbox */
.checkbox-checked .form-check-input:checked {
    background-color: #7A70BA;
    border-color: #7A70BA;
}

.custom-checkbox {
    display: flex;
    align-items: center;
}

table th:has(> .custom-checkbox) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-checkbox input[type=checkbox] {
    /*margin-right: unset;*/
    margin: 0 var(--pd-sm);
}

.custom-checkbox input[type=radio] {
    margin-right: var(--pd-sm);
}

.custom-checkbox > label {
    margin: 2px 0;
}

input[type=checkbox] {
    height: 14px;
    width: 14px;
    margin-right: var(--pd-sm);
    margin-top: 0;
    accent-color: var(--bc-color-primary);
}

    input[type=checkbox] + label {
        align-self: center;
        margin-bottom: 0;
        width: 100%;
        text-align: left;
    }

        input[type=checkbox] + label:hover {
            cursor: pointer;
        }

    input[type=checkbox] + span:hover {
        cursor: pointer;
    }

    input[type=checkbox]:hover:not(:disabled) {
        cursor: pointer;
    }

    input[type=checkbox]:after {
    }

input[type="checkbox"][disabled] > label {
    color: #ccc;
}


input[type=radio] {
    height: 14px;
    width: 14px;
    accent-color: var(--bc-color-primary);
}

.custom-checkbox span {
    display: flex;
    align-items: center;
}

.custom-checkbox label {
    cursor: pointer;
}

.custom-checkbox-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .custom-checkbox-switch input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        width: 38px;
        min-width: 38px;
        height: 22px;
        background: #ccc;
        border-radius: 999px;
        position: relative;
        outline: none;
        cursor: pointer;
        transition: background .3s;
        margin: 0;
        vertical-align: middle;
    }


        .custom-checkbox-switch input[type="checkbox"]:hover {
        }


        .custom-checkbox-switch input[type="checkbox"]:checked {
            background: var(--bc-color-primary);
        }

        .custom-checkbox-switch input[type="checkbox"]::before {
            content: "";
            display: block;
            position: absolute;
            left: 3px;
            top: 2px;
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 50%;
            transition: transform .3s;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }

        .custom-checkbox-switch input[type="checkbox"]:checked::before {
            transform: translateX(14px);
        }

        /* Hide the default checkmark */
        .custom-checkbox-switch input[type="checkbox"]::-ms-check {
            display: none;
        }

    /* İsteğe bağlı: label'a tıklandığında da değişsin */
    .custom-checkbox-switch label {
        cursor: pointer;
        user-select: none;
        font-size: 1rem;
    }


.divHataMesaji {
    /*backdrop-filter: blur(40px);
    background: #073e6524;
    filter: drop-shadow(0px 64px 30px #11111111);*/
}

/* General Modal System */
.modal {
    display: none;
    position: fixed;
    z-index: 9;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    background-color: rgb(0 0 0 / 55%);
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: fadeIn;
    animation-duration: .75s
}

/* Modal Content */
.modal-content {
    margin: auto;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: .75s;
    /*width: fit-content;*/
    min-width: 20%;
}

/* Modal Head */
.modal-head {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    max-height: 5vh;
    box-shadow: var(--shadow-md);
    background: linear-gradient(270deg, #662483 0%, #ab2c69 100%);
    align-items: center;
    border-radius: 8px 8px 0 0;
}

    .modal-head h1 {
        margin: 7px 14px;
        padding: 0;
        color: var(--bs-white);
        font-size: var(--font-lg);
        text-shadow: 0px 3px 1px #00000017;
    }

    .modal-head span {
        margin: 0px 10px;
        padding: 0;
        color: var(--bs-white);
        font-size: var(--font-md);
        font-family: var(--font-family-head);
        font-weight: 400;
    }

        .modal-head span > a {
            font-size: var(--font-icon-sm);
        }

        .modal-head span a:hover {
            color: var(--bs-white) !important;
        }


/* Modal Text Area */
.modal-text {
    padding: var(--pd-xxl);
    border-radius: 0 0 8px 8px;
    background: var(--bs-white);
}



    .modal-text br {
        display: table-cell;
        content: " ";
        height: 4px;
    }

    .modal-text p {
        margin-bottom: var(--pd-md);
    }

    .modal-text b {
        font-weight: 600;
    }

/* The Close Button */
.modal-close {
    color: #aaaaaa;
    position: relative;
    float: right;
    padding: 0 8px;
    font-size: 30px;
}

    .modal-close:hover, .modal-close:focus {
        color: var(--bs-light);
        text-decoration: none;
        cursor: pointer;
    }

@media (max-width: 992px) {
    .modal-content {
        margin: auto 12px;
    }

    .container {
        width: 100%;
        border-radius: unset;
    }
}

/* AI Modals */

.popup-inpage-icon {
    display: none;
    position: fixed;
    bottom: -50px;
    right: 5%;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1000;
    transition: bottom 0.5s ease-in-out;
}

.popup {
    display: none;
    position: fixed;
    bottom: 10%;
    right: 60px;
    background-color: white;
    box-shadow: var(--shadow-sm);
    border-radius: var(--border-radius-sm);
    overflow: auto;
    z-index: 5;
    /*animation: slideIn 0.5s ease-in-out;*/
}

.popup-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px);
    background-color: rgba(0,0,0,0.35);
    z-index: -1;
}


.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bc-gradient-primary);
    padding: var(--pd-xxs) var(--pd-sm);
    color: white;
}

    .popup-header h1 {
        margin: 0;
        font-size: var(--font-lg);
        font-family: var(--font-family-head);
    }

.close-button {
    cursor: pointer;
    font-size: var(--font-icon-sm);
    margin: 0;
    color: white;
}

.popup-content {
    padding: var(--pd-md);
    background: var(--bs-body-bg);
}

    .popup-content i {
        font-size: var(--font-icon-xs);
        text-align: center;
    }

/* Maserpage Sarı Icon */

.divAIPopupIcon {
    position: fixed;
    bottom: 1.5%;
    right: 1.5%;
    z-index: 3;
}

    .divAIPopupIcon #lnkHizliIslemleriAc {
        display: block; /*
        background: var(--bs-border-color-translucent);
        padding: 8px;
        margin: 2px;
        border-radius: 50%;*/
    }

        .divAIPopupIcon #lnkHizliIslemleriAc .crop-container {
            /* Kırpma kutusu (yeni div) */
            width: 90px; /* Görünür alanın genişliği */
            height: 90px; /* Görünür alanın yüksekliği */
            overflow: hidden; /* Bu en önemli özellik: içindeki her şeyi bu boyutların dışına taşanı gizler */
        }

            .divAIPopupIcon #lnkHizliIslemleriAc .crop-container.blend-with-img {
                width: 75px;
                height: 75px;
                overflow: hidden;
                border-radius: 50%;
                display: flex; /* İçindeki img'i ortalamak için */
                align-items: center;
                justify-content: center;
            }

                .divAIPopupIcon #lnkHizliIslemleriAc .crop-container.blend-with-img img {
                    /*width: 160px;*/ /* Gif'in genişletilmiş boyutu */
                    /*height: auto;
                    position: relative;
                    top: 0;
                    object-fit: cover;
                    mix-blend-mode: hard-light;*/
                }

    .divAIPopupIcon span {
        width: 16px;
        height: 16px;
        background: var(--bs-red);
        position: absolute;
        top: -2px;
        right: -2px;
        font-size: 10px;
        padding: 0;
        margin: 0;
        border-radius: var(--border-radius-xs);
        color: var(--bs-white);
        display: inline-flex;
        justify-content: center;
        font-weight: 400;
        font-family: var(--font-family-head);
        align-items: center;
    }


/*    .divAIPopupIcon .ai-svg {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 704.45 625.3'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M704.23,335.65c0,43.08.17,86.15,0,129.23-.42,89.34-68.12,158.69-157.53,159.66q-131,1.44-262.1,0C198,623.4,128.62,556.29,126.78,474.24c-.45-19.88,7.43-30.89,22.69-31.72s24.7,9.6,26.16,28.91C180.3,533.18,225.51,575.74,287.74,576q127.5.53,255,0c65.75-.29,112.36-47.42,112.47-113.21q.24-126.57,0-253.15C655,142.54,608.44,96,541.6,95.8c-39.55-.14-79.1.07-118.65-.08C401.79,95.63,391.08,87,391.38,71c.28-15.22,11-24.13,30.8-24,47.2.2,94.64-1.94,141.55,2,79.66,6.72,139.1,73.59,140.37,153.9C704.81,247.12,704.23,291.39,704.23,335.65Z'/%3E%3Cpath d='M483,431.85c-6.4.28-9.89.52-13.39.57-28.42.41-29.18.66-38.25-25.92-4.57-13.41-11.25-18.44-25.55-17.39-18.78,1.38-37.77,1-56.61.09-10.75-.51-15.6,3.58-19.38,13.31-13.27,34.19-13.62,34.06-52.22,28.07.78-3.36,1.09-6.83,2.36-9.91,26-63.21,52.51-126.26,78-189.68,4.61-11.46,11.82-12.39,21.94-12.29,9.93.09,17.45.43,22.11,12,25.25,62.89,51.44,125.41,77.21,188.1C480.71,422.49,481.42,426.46,483,431.85ZM379.61,271.52,348.9,353.11h61.24Z'/%3E%3Cpath d='M213,0c13.5,59.27,47.68,92.72,105.52,106.78-57.77,13.76-91.94,47.3-105.21,105.81-14-56.75-46.75-91.88-105.82-105.49C164.81,92.71,199.51,59.35,213,0Z'/%3E%3Cpath d='M89.63,412.15c-12.12-48-39.49-77.34-89.63-89.67,48.41-13.16,77.82-41.06,87.79-84,10,16.38,18.2,36.82,32.49,51.24,14.58,14.73,35.14,23.54,52.09,34.31C129.92,334.72,101.81,363.14,89.63,412.15Z'/%3E%3Cpath d='M550.73,431.34h-36V220.54h36Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-color: var(--bs-warning);
        width: 36px;
        height: 36px;
        display: block;
        border-radius: 50%;
        padding: 26px;
        margin: 0px;
    }*/




@keyframes slideIn {
    from {
        bottom: -100%;
    }

    to {
        bottom: 5%;
    }
}

@media(max-width:992px) {
    .popup {
        width: unset;
        height: inherit;
        bottom: 10%;
        right: 5%;
        left: 5%;
        top: 5%;
    }
}



/* iFrame */

.iframe-container {
    min-height: 260px;
}

#ifrmOkul {
    background: yellow;
}

iframe {
    overflow: hidden;
    border: 0;
    width: 100%;
    min-height: 100%;
}

.iframe-container > body {
    height: auto;
    background: var(--bs-body-bg);
}

.iframe-wrapper {
    background: var(--bs-body-bg);
    height: contain;
    min-height: 100%;
}

/* Mesajlasma */



/*.message {
    display: none;
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    overflow: auto;
}

.message-container {
    position: absolute;
    background: var(--bs-white);
    right: calc(100% - 90%);
    width: 600px;
    top: 120px;
    box-shadow: var(--shadow-md);
    font-size: var(--font-sm);
}

.message-head {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    max-height: 5vh;
    box-shadow: var(--shadow-sm);
    background: linear-gradient(270deg, #662483 0%, #ab2c69 100%);
    align-items: center;
    border-radius: 8px 8px 0 0;
}

    .message-head h3 {
        margin: 0;
    }

.message-user-list {
    border-right: 1px solid var(--bs-border-color-translucent);
    height: 45vh;
    overflow-y: auto;
}

    .message-user-list ul {
        padding: 0;
    }

    .message-user-list li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--bs-gray-300);
    }

        .message-user-list li:last-child {
            border-bottom: none;
        }

    .message-user-list a {
        padding: var(--pd-xl) var(--pd-sm);
        width: 85%;
        color: var(--bs-gray-900);
    }

    .message-user-list ul li a span {
        font-size: var(--font-xs);
        color: var(--bs-gray-600);
    }

    .message-user-list a:last-of-type {
        display: inline-flex;
        align-items: center;
        width: 15%;
        justify-content: center;
        display: none;
    }

    .message-user-list a:hover ~ .message-user-list a:last-of-type:after {
        display: flex;
    }

    .message-user-list a:last-of-type:after {
        content: '\2715';
    }

    .message-user-list a:last-of-type:hover {
        background: none;
        color: var(--bc-color-primary);
        cursor: pointer;
    }

.message-user-filter {
    padding: var(--pd-md);
}

.new-message {
    padding: var(--pd-md);
}

.message-chat-container {
    overflow-y: auto;
    font-size: var(--font-sm);
    height: 45vh;
    padding: var(--pd-md);
}

.message-text {
}

.message-send {
    background-color: #dff6e5;
    padding: 0.75rem;
    text-align: right;
    overflow-wrap: break-word;
    border-radius: 5px;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
}

    .message-send:before {
        content: '\2713';
        position: relative;
        left: 0;
        color: #368519;
        font-weight: 500;
        display: flex;
        align-items: center;
    }

.message-send-time {
    color: var(--bs-gray-600);
    font-size: var(--font-xs);
    display: block;
    text-align: end;
}

.message-recived {
    background-color: #4691f624;
    padding: var(--pd-md);
    overflow-wrap: break-word;
    border-radius: 5px;
    margin-top: 0;
}

    .message-recived:before {
    }

.message-recived-time {
    color: var(--bs-gray-600);
    font-size: var(--font-xs);
    display: block;
    text-align: start;
}

.send-message {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 67%;
    display: flex;
    padding: var(--pd-md);
}

    .send-message a {
        display: flex;
        padding: var(--pd-md);
    }
*/

/* Notification Modal */

.notification {
    display: none;
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    overflow: auto;
}

.notification-container {
    position: absolute;
    background: var(--bs-white);
    right: calc(100% - 90%);
    width: 600px;
    top: 120px;
    box-shadow: var(--shadow-md);
    font-size: var(--font-sm);
}

.notification-head {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    max-height: 5vh;
    box-shadow: var(--shadow-sm);
    background: linear-gradient(270deg, #662483 0%, #ab2c69 100%);
    align-items: center;
    border-radius: 8px 8px 0 0;
}

    .notification-head h3 {
        margin: 0;
    }

.notification ul {
    margin: 0;
    padding: 0;
}

.notification li {
    list-style: none;
    padding: var(--pd-xl);
}

    .notification li a {
        display: block;
    }

/* Kişi Arama */

.ogrenci-ara {
}


#txtOgrenciAra:after {
    content: "\eccd";
    font-family: boxicons !important;
}

.ogrenci-ara input[type=text] {
    width: 120px;
    height: 28px;
    margin: 0;
}

    .ogrenci-ara input[type=text]:focus {
        background: var(--bc-color-primary-light);
        color: var(--bs-gray-800);
        border: 1px solid var(--bc-color-primary);
        margin-left: 0;
        width: 170px;
        outline: none;
    }

.ogrenci-ara input[type="text"] {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.ogrenci-arama-listele {
    display: none;
    flex-direction: column;
    background-color: var(--bs-white);
    border: 1px solid var(--bc-color-primary);
    position: fixed;
    z-index: 1984;
    max-height: 230px;
    height: unset;
    right: calc(100% - 95%);
    width: 760px;
    border-radius: var(--border-radius-sm);
    max-height: 30rem;
    overflow-y: auto;
    margin: 10px 0;
    -webkit-box-shadow: var(--shadow-lg);
    -moz-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    animation: fadeIn 0.5s ease-in-out;
}

.ogrenci-arama-sonuc-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0px;
    background: var(--bc-color-primary);
    color: var(--bs-white);
    box-shadow: var(--shadow-xs);
    padding: var(--pd-md) var(--pd-md);
}

    .ogrenci-arama-sonuc-baslik h4 {
        font-size: var(--font-sm);
        margin-bottom: 0;
    }

.ogrenci-arama-sonuc-listele {
    display: flex;
    flex-direction: column;
    max-height: 30rem;
    min-height: 22rem;
    overflow-y: auto;
}

.ogrenci-arama-liste {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--pd-md) var(--pd-xl);
}

    .ogrenci-arama-liste input[type=radio] {
        margin-right: var(--pd-sm);
    }

    .ogrenci-arama-liste a:after {
        content: '';
    }

.ogrenci-arama-sonuc {
    display: flex;
    flex-direction: column;
    height: 27rem;
    max-height: 27rem;
    overflow-y: auto;
    overflow-x: hidden;
}

    .ogrenci-arama-sonuc li:active,
    .ogrenci-arama-sonuc li:focus-within {
        background: var(--bc-color-primary-light);
    }

.table-ogrenci-veli-arama {
    display: table;
    width: 100%;
}

    .table-ogrenci-veli-arama tr {
        background: unset !important;
        height: 30px;
        cursor: pointer;
        user-select: none;
    }

    .table-ogrenci-veli-arama tbody tr.selected {
        background-color: #e8f7ff;
    }

    .table-ogrenci-veli-arama thead tr:first-child {
        position: sticky;
        background: var(--bc-color-primary-light) !important;
        color: var(--bc-color-primary) !important;
        z-index: 2;
    }

    .table-ogrenci-veli-arama td {
        border: 1px solid var(--bs-border-color);
    }

.ogrenci {
    padding: 0;
    margin: 0;
}

.ogrenci-tab-content {
    width: 100%;
}

.ogrenci-liste-detay {
    border-bottom: 1px solid var(--bs-gray-300);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 60px;
    padding: var(--pd-xxl);
}

.ogrenci-liste-sonuc a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .ogrenci-liste-sonuc a:after {
        content: '';
        font-size: 0.5rem;
        padding-left: 0.3rem;
    }

.ogrenci-arama-sonuc-link {
    display: flex;
    flex-direction: row;
    border-top: 1px solid var(--bs-border-color);
}

    .ogrenci-arama-sonuc-link a {
        color: var(--bc-color-primary);
        display: flex;
        flex-direction: column;
        font-size: var(--font-xs);
        text-align: center;
        padding: var(--pd-md);
        width: calc(100% / 6);
    }

        .ogrenci-arama-sonuc-link a:after {
            content: none;
        }

        .ogrenci-arama-sonuc-link a:hover {
            background: var(--bc-color-primary);
            color: var(--bs-white);
        }

        .ogrenci-arama-sonuc-link a:not(:last-child) {
            border-right: 1px solid var(--bs-gray-200);
        }

        .ogrenci-arama-sonuc-link a i {
            font-size: large;
        }


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.divOgrenciAramaListe {
}

.ogrenci-liste {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.ogrenci {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.liste-aktarma {
    min-height:;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Section Headings */
.section-heading {
    padding: var(--pd-md) 0 var(--pd-xs) 0;
    color: var(--bs-gray-600);
    margin: 0;
}

    .section-heading > div {
        padding: 0;
        margin: 0;
    }

    .section-heading h1 {
        font-size: var(--font-xl);
        margin: var(--pd-xs) 0 var(--pd-xxs) 0;
        color: var(--bs-gray-600);
        padding: 0;
    }

.section-heading-inner {
    padding: var(--pd-md) 0;
    color: var(--bs-gray-600);
}

    .section-heading-inner h2 {
        font-size: var(--font-lg);
        color: var(--bc-color-primary);
        /*margin: var(--pd-md) 0;*/
        padding-bottom: 4px;
        border-bottom: 1px solid;
        border-image: linear-gradient(to right, var(--bc-color-primary),var(--bs-white)) 90;
    }

@media (max-width:992px) {
    .ogrenci-arama-listele {
        right: unset;
        left: unset;
        width: calc(100% - 10%);
    }

    .ogrenci-ara {
        position: sticky;
        width: 100%;
        margin-bottom: var(--pd-xl);
    }

    .ogrenci-arama-sonuc-listele {
        max-height: 400px;
        min-height: 290px;
    }

    .ogrenci-arama-sonuc-link a {
        font-size: 10px;
    }

    .ogrenci-ara input[type=text] {
        width: 100%;
        margin: 0;
    }

        .ogrenci-ara input[type=text]:focus {
            width: 100%;
        }

    .section-heading {
        padding: var(--pd-sm) 0;
    }

        .section-heading h1 {
            margin: var(--pd-sm) 0;
            font-size: var(--font-lg);
        }

    .section-heading-inner {
        padding: var(--pd-sm) 0;
        color: var(--bs-gray-600);
    }

        .section-heading-inner h2 {
            font-size: var(--font-md);
        }


    .liste-aktarma {
        min-height: unset;
        display: unset;
    }
}


/* Desktop Header and Nav Style */

header {
    display: flex;
    flex-direction: column;
    background: var(--bs-gray-100);
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: var(--shadow-xs);
}

    header nav {
        background-color: var(--bs-body-bg);
        border-bottom: 1px solid var(--bs-gray-500);
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        overflow-y: auto;
    }

        header nav ul {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0;
            margin: 0;
        }

            header nav ul li {
                list-style: none;
            }


                header nav ul li a {
                    padding: 12px 6px;
                    list-style: none;
                    color: var(--bs-gray-dark);
                    text-decoration: none;
                    font-weight: 500;
                    display: flex;
                    align-items: center;
                    white-space: nowrap;
                }



                    header nav ul li a:after {
                        content: '\25bc';
                        font-size: 0.5rem;
                        padding-left: 0.3rem;
                    }

                    header nav ul li a:hover {
                        cursor: pointer;
                    }

                header nav ul li:last-child {
                    border-right: none;
                }

                header nav ul li span {
                    padding: 0px;
                    margin: 0px;
                    color: #00000094;
                    height: unset;
                    padding-left: 6px;
                    cursor: not-allowed;
                }

.header-top {
    display: flex;
    flex-direction: row;
    height: 60px;
    border-bottom: 1px solid var(--bs-gray-300);
    background: var(--bs-gray-200);
    align-items: center;
}

.header-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-logo {
    display: flex;
    flex-direction: row;
    align-self: center;
    margin-right: var(--pd-xxl);
}

    .header-logo a {
        display: flex;
        align-items: safe center;
    }

    .header-logo img {
    }

    .header-logo span {
        align-self: center;
        margin-left: var(--pd-xs);
    }

.head {
    background: linear-gradient( 180deg, #ebebeb 0%, #ffffff 100%);
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    justify-content: space-between;
    height: 45px;
}

.headAra {
    width: 23%;
    border-left: 1px solid #c9c9c9;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    align-items: stretch;
}

    .headAra > div:first-child {
        display: flex;
        align-items: center;
    }

        .headAra > div:first-child img {
            width: 40px;
            cursor: pointer;
        }

@keyframes animation2 {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.97);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.97);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}


header-search {
    align-self: center;
}

.language-select img {
    width: 25px !important;
    height: auto;
}

.menu-search-area {
    display: flex;
}

.menu-search-results {
    position: absolute;
}

.menu-search-area a {
    display: inline-flex;
    align-items: center;
    margin: var(--pd-xs);
    color: var(--bc-color-primary);
    font-size: var(--font-icon-sm);
}

.menuAra {
    margin: 0;
    background: var(--bs-white);
    padding: 2px 4px;
    border-radius: var(--border-radius-xs);
}

    .menuAra:hover {
        animation: none;
    }

    .menuAra:focus::placeholder {
        color: transparent;
    }

    .menuAra::placeholder {
        color: var(--bs-gray-600);
    }

    .menuAra:focus-visible {
        border: 2px solid var(--bc-color-primary) !important;
        background: var(--bs-white);
        outline: 0;
        font-weight: 500 !important;
    }

@media(min-width:1280px) {
    .header-icons a {
        font-size: 0;
    }

        .header-icons a i {
            font-size: initial;
        }
}

.btnAra {
    color: #f9f9f9;
    background-color: #0075ad;
    border: 0;
    padding: 0.3rem 0.8rem;
    margin-left: 0.3rem;
    border-radius: 0.2rem;
    cursor: pointer;
    font-size: .8rem;
}

#txtBox {
    width: 150px;
    transition: 0.3s;
}

    #txtBox:hover {
        width: 250px;
        transition: .4s;
    }

    #txtBox:focus {
        width: 250px;
        transition: 0.3s;
    }

.menu-container {
    display: none;
    position: fixed;
    padding: 0;
    width: clamp(360px, 90vw, 100%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .menu-container h1 {
        margin: unset;
    }

        .menu-container h1 a {
            color: #f1f1f1;
            background: linear-gradient(270deg, #d63384, #662483);
            padding: 8px 16px;
            margin: 0;
            font-size: 16px;
            cursor: pointer;
        }

            .menu-container h1 a::after {
                display: none;
            }

.menu-nav {
    display: flex;
    flex-wrap: wrap;
    /*background: linear-gradient( 360deg, #f1f1f1 0%, #ffffff 100%);*/
    background: var(--bs-white);
    padding: 1rem;
    border-radius: 0 0 0.75rem 0.75rem;
    -webkit-box-shadow: 0px 5px 14px -5px rgba(189,189,189,1);
    -moz-box-shadow: 0px 5px 14px -5px rgba(189,189,189,1);
    box-shadow: 0px 5px 14px -5px rgba(189,189,189,1);
}

    .menu-nav > div {
        width: 22%;
        border-right: 1px solid #67676724;
        padding: 0 1rem;
        margin-bottom: 1rem;
    }

        .menu-nav > div:last-child {
            border-right: none;
        }

        .menu-nav > div h1 {
            font-weight: 600;
            color: #0075ad;
            margin-bottom: 6px;
            font-size: var(--font-xl);
        }

        .menu-nav > div h2 {
            font-weight: 600;
            margin-bottom: 6px;
            padding-bottom: 4px;
            color: var(--bc-color-primary);
            font-size: var(--font-lg);
            border-bottom: 1px dashed;
            border-image: linear-gradient(to right, var(--bc-color-primary), var(--bs-white)) 90;
        }

        .menu-nav > div h3 {
            color: var(--bs-gray-700);
            margin: 6px 0;
            font-size: var(--font-body);
        }

        .menu-nav > div ul {
            margin: auto;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: baseline;
            height: unset;
        }

    .menu-nav > ul li {
        color: #ff0000;
    }

    .menu-nav > div ul li {
        list-style: none;
        padding-bottom: 3px;
        position: relative;
    }

        .menu-nav > div ul li a {
            padding: 0;
            margin: 0;
            color: #111;
            height: unset;
            transition: .1s;
            transition-timing-function: ease-in;
        }

            .menu-nav > div ul li a:hover {
                color: #006aa0;
                background-color: unset;
                font-weight: bold;
            }

            .menu-nav > div ul li a:before {
                content: '\2022';
                align-self: flex-start;
                margin: 0 2px 0 0;
            }

            .menu-nav > div ul li a:after {
                content: none;
            }


.headAra > div:last-child {
    position: absolute;
    top: 45px;
}


#myUL {
    display: none;
    background-color: var(--bs-white);
    border: 1px solid var(--bc-color-primary);
    position: relative;
    z-index: 1984;
    padding: 0.75rem 0 0.75rem 0.75rem;
    padding: 0;
    border-radius: var(--border-radius-sm);
    max-height: 27rem;
    overflow-y: auto;
    width: 39rem;
    margin: 10px 0;
    -webkit-box-shadow: var(--shadow-lg);
    -moz-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
}

    #myUL li {
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 0.5rem 0.7rem;
    }

        #myUL li:not(:last-child) {
            border-bottom: 1px solid var(--bs-border-color);
        }

        #myUL li:hover {
            background-color: #00659b35;
        }

        #myUL li span {
            font-size: 12px;
            font-style: italic;
            color: #181818;
            padding: 0.2rem 0;
            margin: 0;
        }

        #myUL li a {
            color: var(--bc-color-primary);
            font-size: var(--font-sm);
            text-decoration: none;
            font-weight: 600;
        }


            #myUL li a:hover {
                text-decoration: underline;
            }

    #myUL::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }

    #myUL::-webkit-scrollbar-corner,
    #myUL::-webkit-scrollbar-track {
        background-color: #e3e3e3;
    }

    #myUL::-webkit-scrollbar-thumb {
        background-color: #a0a0a0;
        background-clip: padding-box;
        border: 0 solid transparent;
    }

        #myUL::-webkit-scrollbar-thumb:hover {
            background-color: #0075ad;
        }

        #myUL::-webkit-scrollbar-thumb:active {
            background-color: #005d91;
        }

    #myUL::-webkit-scrollbar-track {
        background: #d9d9d9;
        border: 5px none #000000;
        border-radius: 0;
    }

        #myUL::-webkit-scrollbar-track:hover {
            background: #ddd;
        }

        #myUL::-webkit-scrollbar-track:active {
            background: #cdcdcd;
        }

    /* Buttons */
    #myUL::-webkit-scrollbar-button:single-button {
        background-color: #bbbbbb;
        display: block;
        background-size: 10px;
        background-repeat: no-repeat;
    }

        /* Up */
        #myUL::-webkit-scrollbar-button:single-button:vertical:decrement {
            height: 16px;
            width: 16px;
            background-position: center 4px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(1, 1, 1)'><polygon points='50,00 0,50 100,50'/></svg>");
        }

            #myUL::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='50,00 0,50 100,50'/></svg>");
            }

            #myUL::-webkit-scrollbar-button:single-button:vertical:decrement:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
            }

        /* Down */
        #myUL::-webkit-scrollbar-button:single-button:vertical:increment {
            height: 16px;
            width: 16px;
            background-position: center 5px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(1, 1, 1)'><polygon points='0,0 100,0 50,50'/></svg>");
        }

            #myUL::-webkit-scrollbar-button:single-button:vertical:increment:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 100,0 50,50'/></svg>");
            }

            #myUL::-webkit-scrollbar-button:single-button:vertical:increment:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 100,0 50,50'/></svg>");
            }

        /* Left */
        #myUL::-webkit-scrollbar-button:single-button:horizontal:decrement {
            height: 12px;
            width: 12px;
            background-position: 3px 3px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(1, 1, 1)'><polygon points='0,50 50,100 50,0'/></svg>");
        }

            #myUL::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,50 50,100 50,0'/></svg>");
            }

            #myUL::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,50 50,100 50,0'/></svg>");
            }

        /* Right */
        #myUL::-webkit-scrollbar-button:single-button:horizontal:increment {
            height: 12px;
            width: 12px;
            background-position: 3px 3px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>");
        }

            #myUL::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
            }

            #myUL::-webkit-scrollbar-button:single-button:horizontal:increment:active {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
            }

@media (max-width: 1600px) {
    .menu-container {
        width: clamp(360px, 93vw, 100%);
    }
}


/* Top Right Icons */

.header-icons {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: end;
}

    .header-icons .kurum-logo {
        display: flex;
        flex-direction: row;
    }


    .header-icons > ul {
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .header-icons > ul > li {
            position: relative;
            white-space: nowrap;
            padding: var(--pd-md);
            list-style: none;
            color: var(--bs-gray-800);
        }

    .header-icons a {
        position: relative;
        color: var(--bs-gray-800);
        transition: 0.3s;
        font-weight: 400;
        font-size: var(--font-sm);
        display: flex;
        align-items: center;
    }

    .header-icons span {
        margin: 0;
    }

    .header-icons a:hover, .header-icons .active > a, .header-icons li:hover > a {
        color: var(--bc-color-primary);
    }

    .header-icons .kurum-logo .drop-down li hr {
        margin: 0 4px;
        border: 0.5px var(--bs-gray-400);
        height: 0px;
        border-style: inherit;
    }

    .header-icons .drop-down img {
        height: auto;
        border-radius: 4px;
        /*aspect-ratio: 1 / 1;*/
        width: 40px;
        border-radius: 6px;
    }

    .header-icons .drop-down ul {
        display: block;
        position: absolute;
        right: 0;
        top: calc(100% + 5px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        background: #fff;
        box-shadow: 0px 10px 7px 0px rgb(0 0 0 / 10%);
        border-bottom: 1px solid var(--bc-color-primary);
        transition: 0.15s;
    }

    .header-icons .drop-down:hover > ul {
        opacity: 1;
        visibility: visible;
        z-index: 198419;
        border-radius: 8px;
    }

    .header-icons .drop-down li {
        min-width: 180px;
        position: relative;
        background: var(--color-white);
        list-style: none;
    }

    .header-icons .drop-down ul a {
        padding: 10px 10px;
        text-transform: none;
    }

        .header-icons .drop-down ul a:hover, .header-icons .drop-down ul .active > a, .header-icons .drop-down ul li:hover > a {
            color: var(--bc-color-primary);
            border-left-color: var(--bc-color-primary);
        }

    .header-icons .drop-down > a:after {
        content: "\25BC";
        padding-left: 5px;
        font-size: 8px;
    }

    .header-icons .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px);
    }

    .header-icons .drop-down .drop-down:hover > ul {
        opacity: 1;
        top: 0;
        right: 100%;
    }

    .header-icons .drop-down .drop-down > a {
        padding-right: 35px;
    }

        .header-icons .drop-down .drop-down > a:after {
            content: "\23F6";
            position: absolute;
            right: 15px;
        }

@media (min-width: 1400px) {
    .header-icons a {
        content: " ";
    }
}

@media (max-width: 1366px) {
    .header-icons .drop-down .drop-down ul {
        left: -90%;
    }

    .header-icons .drop-down .drop-down:hover > ul {
        left: -100%;
    }

    .header-icons .drop-down .drop-down > a:after {
        content: "\23F6";
    }
}


@media (max-width:992px) {

    .menu-container {
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1;
    }

    header nav {
        align-items: flex-start;
        height: auto;
    }

    .menu-nav {
        display: block;
        flex-wrap: wrap;
        background: linear-gradient( 360deg, var(--bs-gray-400) 0%, #ffffff 100%);
        padding: 1rem;
        overflow-y: auto;
        border-bottom: 1px double var(--bc-color-primary);
        height: 70vh;
        border-radius: unset;
        box-shadow: unset;
        -webkit-box-shadow: unset;
    }

        .menu-nav > div {
            width: unset;
            border-right: none;
            padding: unset;
        }

    .menu-search-results {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 10px;
    }

    #myUL {
        width: 95%;
    }

    .header-wrapper {
        flex-direction: row;
    }

    .header-icons {
        display: none;
    }

    .logo-header {
        width: 120px;
    }

    .header-logo img {
        width: 140px;
    }
}

@media (max-width:768px) {
    .logo-header {
        width: 90px;
    }
}


/*@media(max-width:992px) {

    #headerWeb {
        display: none;
    }

    #headerMobil {
        display: block;
    }
}*/




#headerMobil {
    border-bottom: 1px solid var(--bc-color-primary-dark);
    min-height: 72px;
    position: sticky;
    top: 0;
    justify-content: center;
    background: var(--bc-gradient-1);
    color: var(--bs-white);
}

    #headerMobil > .container {
    }


.header-mobil {
}



    .header-mobil .kurum-logo {
        width: 48px;
        height: 48px;
        border: 1px solid var(--bs-gray-600);
        border-radius: var(--border-radius-sm);
    }


.header-mobil-menu-toggle i {
    transition: transform 0.3s ease;
    color: var(--bs-white);
}

.header-mobil-menu-toggle.open i {
    transform: rotate(90deg);
}


.header-mobil-nav {
    display: none;
    position: fixed;
    top: 72px;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    padding: 1rem 0.5rem;
    overflow-y: auto;
}


    .header-mobil-nav.active {
        right: 0;
    }

.header-mobil-accordion-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-mobil-accordion-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--pd-xl) var(--pd-md);
    font-weight: 600;
    transition: background 0.3s;
    border-radius: var(--border-radius-sm);
    font-size: 15px;
}

    .header-mobil-accordion-toggle.active {
        border: 1px solid var(--bc-color-primary);
        color: var(--bc-color-primary);
        font-weight: 500;
    }

    .header-mobil-accordion-toggle:active {
        border: 1px solid var(--bc-color-primary);
        color: var(--bc-color-primary);
        font-weight: 500;
    }

    .header-mobil-accordion-toggle i {
        transition: transform 0.3s;
    }

    .header-mobil-accordion-toggle.active i {
        transform: rotate(180deg);
    }


/*    .header-mobil-accordion-toggle.no-submenu {
        border-bottom: 1px solid #eee;
    }*/


.header-mobil-submenu {
    display: none;
    padding-left: 1rem;
    transition: all 0.3s ease;
}

    .header-mobil-submenu.open {
        display: block;
    }


    .header-mobil-submenu li {
        margin: 0.5rem 0;
    }

        .header-mobil-submenu li a {
            text-decoration: none;
            color: #666;
            font-size: var(--font-md);
            font-weight: 500;
            width: 100%;
            display: block;
        }

    .header-mobil-submenu.open {
        max-height: 500px;
    }




/* Footer */

footer {
    display: flex;
    position: sticky;
    width: 100%;
    bottom: 0;
    background: var(--bs-gray-100);
    z-index: 1;
    height: 65px;
    align-items: center;
}

    /*footer .container {
        width: clamp(360px, 85vw, 100%);
    }*/


    footer .footer-kurum-logo {
        height: 40px !important;
        width: 40px !important;
    }

    footer .footer-dersonet-logo {
        width: 100px !important;
        height: 20px !important;
    }

.footer-label {
    font-size: var(--font-xs);
    text-wrap: pretty;
}

@media(max-width:1600px) {
    /*footer .container {
        width: clamp(360px, 95vw, 100%);
    }*/
}

@media (max-width:992px) {
    footer {
        border-top: 1px solid var(--bs-border-color);
        box-shadow: var(--shadow-sm);
        position: sticky;
        margin-top: 0;
    }
}

/* Slider System */

.slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider-content {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Enables momentum scrolling in iOS */
}

    .slider-content > table {
        width: 100%;
        min-width: 100%;
        border-collapse: collapse;
        margin-right: 20px; /* Adjust the gap between tables */
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

.slider-buttons {
    display: flex;
    justify-content: space-between;
}

.slider-button {
    cursor: pointer;
    background: var(--bs-gray-400);
    border: 1px solid var(--bs-gray-300);
    box-shadow: var(--shadow-xs);
    border-radius: 50%;
    padding: var(--pd-md);
    margin: var(--pd-md);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Card Styles */
.card {
    background: var(--bs-gray-100);
    border-radius: var(--border-radius-sm);
    margin-bottom: var(--pd-md);
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--shadow-xs);
}

    .card:hover {
    }

.card-container {
    padding: 12px;
    margin: 0;
}

.card-info {
    display: flex;
    flex-direction: column;
    padding: var(--pd-md);
}

    .card-info h1 {
        font-size: var(--font-md);
        margin: 0 0 .765em 0;
        padding-bottom: .5rem;
    }

.card-header {
}


/* Anasayfa Duyurular */

/*.card-notice-wrapper {

}

.card-notice {
    display: flex;
    flex-direction: row;
    padding: var(--pd-xxl);
}

.card-notice-close {
    position: absolute;
    right: var(--pd-xxl);
    top: 0;
    padding: var(--pd-sm);
    font-size: var(--font-icon-sm);
    color: var(--bs-gray-500);
    line-height: 1;
}

.card-notice-icon {
    align-self: center;
    border-right: 1px solid var(--bs-gray-500);
    margin-right: 8px;
}

.card-notice h1 {
    margin: 0;
    color: var(--bc-color-primary);
}

.card-notice p {
    font-size: var(--font-sm);
}

.card-notice i {
    padding: 4px;
    margin: 4px;
    color: var(--bc-color-primary);
    font-size: var(--font-icon);
}*/


.card-notice-slider {
    position: relative;
    height: 120px;
    display: flex;
    justify-content: space-between;
}

.card-notice-slider-dts {
    position: relative;
    height: 120px;
    display: flex;
    justify-content: space-between;
}

.card-notice-icon {
    align-self: center;
    border-right: 1px solid var(--bs-gray-500);
    margin-right: 8px;
    height: 100%;
    align-content: center;
}

    .card-notice-icon i {
        padding: 4px;
        margin: 4px;
        color: var(--bc-color-primary);
        font-size: var(--font-icon);
    }

.dts-icon-img {
    width: 48px;
    height: 48px;
    margin-right: 4px;
}

.notice-icon-img {
    width: 48px;
    height: 48px;
    margin-right: 4px;
}

.card-notice-slider-container {
    position: relative;
    width: 100%;
    background: var(--bs-gray-100);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-xs);
}


.card-notice-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 100%;
    padding: var(--pd-xl);
    display: none;
    background: #fff;
    transition: transform 0.5s ease;
    border-radius: var(--border-radius-xs);
    border-left: 5px solid var(--bc-color-primary);
    background: linear-gradient(90deg, #09699520, var(--bc-color-primary-light));
}

    .card-notice-slide.active {
        display: inline-flex;
        animation: slideIn 0.4s ease;
    }


.card-notice-slide-dts {
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 100%;
    padding: var(--pd-xl);
    display: none;
    background: #fff;
    transition: transform 0.5s ease;
    /*border-radius: var(--border-radius-xs);*/
    border-left: 5px solid var(--bc-dts-color);
    background: linear-gradient(90deg, #177E7D20, var(--bs-white));
}

    .card-notice-slide-dts.active {
        display: inline-flex;
        animation: slideIn 0.4s ease;
    }

.card-notice-content, .card-notice-content-dts {
    width: 100%;
    display: block;
}

.card-notice-content-links, .card-notice-content-links-dts {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

    .card-notice-content-links a, .card-notice-content-links-dts a {
        padding: 0 4px;
    }



.card-notice-content p, .card-notice-content-dts p {
}


.animate-up {
    animation: slideUp 0.6s ease-out forwards;
}

.animate-down {
    animation: slideDown 0.6s ease-out forwards;
}

.animate-left {
    animation: slideLeft 0.6s ease-out forwards;
}

.animate-right {
    animation: slideRight 0.6s ease-out forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(30px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideRight {
    from {
        transform: translateX(-30px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.card-notice-controls, .card-notice-dts-controls {
    position: absolute;
    right: 16px;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.card-notice-arrow, .card-notice-dts-arrow {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    margin: 4px 0;
    color: var(--bs-gray);
}

    .card-notice-arrow i, .card-notice-dts-arrow i {
        font-size: 18px;
        border: 1px solid var(--bs-gray-500);
    }

.card-notice-bullets, .card-notice-dts-bullets {
    display: flex;
    flex-direction: column;
    margin: 8px 0;
}

.card-notice-bullet, .card-notice-dts-bullet {
    width: 8px;
    height: 8px;
    margin: 3px 0;
    border-radius: 50%;
    background-color: var(--bs-gray-300);
    cursor: pointer;
}

    .card-notice-bullet.active, .card-notice-dts-bullet.active {
        background-color: var(--bc-color-primary);
    }

.card-notice-close-btn, .card-notice-dts-close-btn {
    position: absolute;
    left: 8px;
    top: 0;
    background: none;
    border: none;
    font-size: var(--font-icon-sm);
    color: var(--bs-gray);
    cursor: pointer;
}

@media (max-width: 600px) {

    .card-notice-slider-container {
        height: 120px;
    }

    .card-notice-slide-dts {
        flex-direction: row;
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        height: 100%;
    }

    .card-notice-content-dts {
        width: 75%;
    }


    .card-notice-slider, .card-notice-slider-dts {
        width: 100%;
        margin-bottom: 12px;
        flex-direction: column;
    }

    .card-notice-controls, .card-notice-dts-controls {
        bottom: 0;
        right: 5%;
        left: 5%;
        top: unset;
        flex-direction: row;
        justify-content: space-between;
    }

    .card-notice-slide {
        width: 100%;
    }

    .card-notice-content p, .card-notice-content-dts p {
        /*height: 72px;
        width: 240px;*/
        white-space: break-spaces;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-notice-content-links-dts {
        text-align: end;
        position: unset;
    }

    .card-notice-content-links {
        right: 42px;
    }

    .card-notice-bullets, .card-notice-dts-bullets {
        display: flex;
        flex-direction: row;
        gap: 6px;
    }

    .card-notice-dts-arrow.up, .card-notice-arrow.up {
        transform: rotate(270deg);
    }



    .card-notice-dts-arrow.down, .card-notice-arrow.down {
        transform: rotate(270deg);
    }
}



/* AI Önerileri */

/*.kelime-belir {
    opacity: 0;
    display: inline-block;
    transform: translateX(-25px);
    transition: all 0.38s cubic-bezier(.5,1.8,.5,.8);
}

    .kelime-belir.geldi {
        opacity: 1;
        transform: translateX(0);
    }*/

/*.kelime-belir {
    opacity: 0;
    display: inline-block;
    filter: blur(4px);
    transition: all 0.38s cubic-bezier(.5,1.8,.5,.8);
}

    .kelime-belir.geldi {
        opacity: 1;
        filter: blur(0);
    }*/

/*.kelime-belir {
    opacity: 0;
    display: inline-block;
    transform: translateY(15px) scale(0.95);
    transition: all 0.38s cubic-bezier(.5,1.8,.5,.8);
    margin-right: 4px;
}

    .kelime-belir.geldi {
        opacity: 1;
        transform: translateY(0) scale(1);
    }*/

/*.kelime-belir {
    opacity: 0;
    display: inline-block;
    filter: blur(4px);
    transition: opacity 0.35s cubic-bezier(.5,1.8,.5,.8), filter 0.39s cubic-bezier(.5,1.8,.5,.8);
    margin-right: 4px;*/
/* İstersen biraz scale de ekleyebilirsin: transform: scale(0.96); */
/*}

    .kelime-belir.geldi {
        opacity: 1;
        filter: blur(0);
    }*/


/* Blur Effect */

/*.kelime-belir {
    opacity: 0;
    display: inline-block;
    filter: blur(4px);
    transition: opacity 0.36s cubic-bezier(.5,1.8,.5,.8), filter 0.39s cubic-bezier(.5,1.8,.5,.8);
    margin-right: 4px;
}

    .kelime-belir.geldi {
        opacity: 1;
        filter: blur(0);
    }*/

/*.kelime-belir {
    opacity: 0;
    color: #64748b;*/ /* Açık gri-mavi */
/*transition: color 0.5s cubic-bezier(.5,1.8,.5,.8), opacity 0.28s;
    margin-right: 4px;
}

     .kelime-belir.geldi {
        opacity: 1;
        color: #111827;*/ /* Daha koyu ton */
/*}*/



/*AI Icon Animasyon */

.ai-icon {
    user-select: none;
}

.ai-close {
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 1;
    background: none;
    border: none;
    font-size: 2rem;
    color: #a3a3a3;
    cursor: pointer;
    transition: color 0.2s;
}

    .ai-close:hover {
        color: var(--bc-color-primary);
    }



.quantum-bg {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 0;
    filter: blur(19px) brightness(1.18) saturate(1.19);
    background: radial-gradient(circle at 50% 20%, #a78bfa99 0%, #6ee7f7aa 70%, #38bdf866 100%);
}

.quantum-svg {
    position: relative;
    z-index: 1;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.aiDivAnasayfaImg {
    /*    width: 180px;
    height: auto;
    position: relative;
    overflow: hidden;*/

    max-width: 112px;
    height: 112px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .aiDivAnasayfaImg img {
        /*    width: 160px;
    height: auto;
    position: relative;
    top: 0;
    object-fit: cover;
    mix-blend-mode: hard-light;*/
        width: 196px;
        height: auto;
        position: relative;
        top: 0;
        left: 0px;
        object-fit: cover;
    }

.orbit1 {
    transform-origin: 50% 50%;
    animation: orbit1-rotate 3.8s linear infinite;
}

.orbit2 {
    transform-origin: 50% 50%;
    animation: orbit2-rotate 4.4s linear infinite reverse;
}

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

    100% {
        transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.particle1 {
    animation: particle1-move 3.8s linear infinite;
}

.particle2 {
    animation: particle2-move 4.4s linear infinite reverse;
}

.particle3 {
    animation: particle3-move 3.5s linear infinite;
}

@keyframes particle1-move {
    0% {
        transform: translate(80px, 50px);
    }

    100% {
        transform: translate(20px, 50px);
    }
}

@keyframes particle2-move {
    0% {
        transform: translate(50px, 20px);
    }

    100% {
        transform: translate(50px, 80px);
    }
}

@keyframes particle3-move {
    0% {
        transform: translate(70px, 28px);
    }

    100% {
        transform: translate(30px, 72px);
    }
}

/* Kelime Belirme Efekti */
.kelime-belir {
    opacity: 0;
    color: #64748b;
    /* Açık gri-mavi */
    transition: color 0.5s cubic-bezier(.5, 1.8, .5, .8), opacity 0.28s;
    margin-right: 4px;
}

    .kelime-belir.geldi {
        opacity: 1;
        color: #111827;
        /* Daha koyu ton */
    }

/* Responsive iyileştirme */
@media (max-width: 600px) {
    .ai-icon {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }

    .quantum-svg {
        width: 54px !important;
        height: 54px !important;
    }
}


/* AI Popup Öneriler */

#aiPopupWrapper {
    position: relative;
    z-index: 1983; /* modal bağımsız katman */
}

.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    z-index: 1;
}

    .overlay.show {
        opacity: 1;
        pointer-events: auto;
    }

.div-ai-popup-glow {
    position: fixed;
    bottom: -400px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 380px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--bc-color-primary,#096995), var(--bc-color-secondary,#a3195b), var(--bc-color-primary,#096995) );
    background-size: 200% 200%;
    filter: blur(40px);
    opacity: 0.7;
    transition: bottom 0.6s ease, opacity 0.4s ease, filter 0.4s ease, height 0.3s ease;
    z-index: 2;
    animation: borderMove var(--border-speed,3s) linear infinite;
}

    .div-ai-popup-glow.show {
        bottom: 4%;
    }

    .div-ai-popup-glow.pulse {
        animation: borderMove var(--border-speed,1.2s) linear infinite, glowPulse 1s ease-in-out infinite;
    }

@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes glowPulse {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

.div-ai-popup {
    width: 90%;
    max-width: 380px;
    background: white;
    border-radius: 16px;
    border-inline: none;
    position: fixed;
    bottom: -400px;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    opacity: 0;
    transition: bottom 0.6s ease, opacity 0.4s ease, transform 0.4s ease;
    z-index: 3;
    display: flex;
    flex-direction: column;
    min-height: 240px;
}

    .div-ai-popup:focus, .div-ai-popup:focus-visible {
        border: none;
        border-inline: none;
        outline: none;
    }

    .div-ai-popup.show {
        bottom: 4%;
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

.div-ai-popup-header {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 12px 16px;
}

    .div-ai-popup-header span:nth-of-type(2) {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
    }

    .div-ai-popup-header .close-btn {
        font-size: 32px;
        cursor: pointer;
        transition: transform .2s;
        margin-left: auto;
    }

        .div-ai-popup-header .close-btn:hover {
            color: var(--bc-color-primary);
        }

.ai-icon {
    font-size: 28px;
    animation: iconBounce 0.8s ease;
}

@keyframes iconBounce {
    0% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-8px);
    }

    70% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(0);
    }
}



.div-ai-popup-body {
    padding: 12px 16px;
    max-height: 180px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.5;
}

/* Üç nokta animasyonu */
.typing-indicator {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
    height: 20px;
}

    .typing-indicator span {
        width: 6px;
        height: 6px;
        background: #666;
        border-radius: 50%;
        animation: typingBlink 1s infinite ease-in-out;
    }

        .typing-indicator span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .typing-indicator span:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes typingBlink {
    0%, 80%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }

    40% {
        transform: scale(1.5);
        opacity: 1;
    }
}

.div-ai-popup-footer {
    padding: 10px 16px;
    text-align: right;
}

#actionBtn {
    background: var(--bc-color-primary, #096995);
    color: white;
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s, transform 0.3s;
    display: none;
    position: relative;
    padding-right: 28px;
}

    #actionBtn::after {
        content: "➔";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s;
    }

    #actionBtn.show {
        display: inline-block;
        animation: btnShow 0.4s ease;
    }

    #actionBtn:hover {
        background: #07587c;
        transform: translateY(-2px);
    }

        #actionBtn:hover::after {
            transform: translate(3px, -50%);
        }

@keyframes btnShow {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}



/* Anasayfa Kullanıcı Bilgileri */

.card-user {
    display: flex;
    padding: var(--pd-md);
    align-items: center;
    height: 120px;
}

    .card-user h1 {
        margin: 0;
    }

    .card-user p {
        line-height: 1.2;
    }

    .card-user > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .card-user > div > img {
            border-radius: var(--border-radius-md);
        }

.imgKurumLogo {
    padding: var(--pd-sm);
}

.imgResim {
    height: 80px;
    width: 60px;
}

.card-content {
}

@media(max-width:1400px) {
    .card-content:has(p) {
        font-size: 12px;
    }
}


.card-calendar {
}

    .card-calendar hr {
        margin: 0 8px;
        border: 1px solid var(--bs-gray-400);
        border-style: ridge;
    }

    /* Month Section */
    .card-calendar .month {
        padding: var(--pd-md);
        background: var(--bc-color-primary);
        color: var(--bs-white);
        text-align: center;
        border-radius: 8px 8px 0 0;
    }

        .card-calendar .month ul {
            margin: 0;
            padding: 0;
            text-align: center;
        }

            .card-calendar .month ul li {
                color: var(--bs-white);
                font-size: var(--font-lg);
                list-style: none;
            }

                .card-calendar .month ul li span {
                    margin: 0;
                }

        .card-calendar .month .prev {
            float: left;
        }

        .card-calendar .month .next {
            float: right;
        }

            .card-calendar .month .prev a, .card-calendar .month .next a {
                color: var(--bs-white);
                margin: 0;
                padding: 4px;
                cursor: pointer;
            }


    /* Weekdays Section */
    .card-calendar .weekdays {
        margin: 0;
        padding: 8px 0;
        background: var(--bc-color-primary-light);
    }

        .card-calendar .weekdays li {
            display: inline-block;
            width: calc(100% / 7);
            padding: 4px;
            text-align: center;
        }

    /* Days */
    .card-calendar .days {
        margin: 0;
        padding: 8px 0;
        background: var(--bs-white);
        box-shadow: var(--shadow-xs);
    }

        .card-calendar .days li {
            list-style-type: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: calc(100% / 7);
            height: 32px;
            padding: 4px;
            margin: 4px 0;
            text-align: center;
            font-size: var(--font-sm);
            color: var(--bs-gray-700);
            cursor: pointer;
        }

            .card-calendar .days li a:hover {
                border: 1px solid var(--bc-color-primary-dark);
                border-radius: var(--border-radius-xs);
            }

            .card-calendar .days li .active {
                padding: 5px;
                border-radius: var(--border-radius-xs);
                background: var(--bs-gray-200) !important;
                color: var(--bc-color-primary-dark) !important;
                width: 100%;
                display: inline-block;
            }

            .card-calendar .days li a {
                display: inline-flex;
                width: 100%;
                height: 32px;
                align-items: center;
                border-radius: var(--border-radius-xs);
                justify-content: center;
                align-self: center;
                align-content: center;
            }

            .card-calendar .days li > .selected {
                border: 1px solid var(--bc-color-primary-dark);
                border-radius: var(--border-radius-xs);
                background: var(--bc-color-primary-light) !important;
                color: var(--bc-color-primary-dark) !important;
                font-weight: 500;
            }

.card-calendar-events {
}

.calendar-event-item {
    display: flex;
    flex-direction: row;
    border-radius: 0;
    padding: 0;
    border-top: 1px solid var(--bs-border-color-translucent);
}

    .calendar-event-item:last-child {
        border-radius: 0 0 8px 8px;
    }

.calendar-event-day {
    margin: 0 8px 0 0;
    padding: 6px;
    height: 50px;
    width: 120px;
    display: flex;
    align-items: center;
    text-align: center;
    background: var(--bc-color-primary-light);
    flex-direction: column;
    justify-content: center;
}



    .calendar-event-day p {
        font-size: var(--font-icon-xs);
        font-weight: 700;
        color: var(--bc-color-primary);
        line-height: 1;
        font-size: var(--font-sm);
    }

    .calendar-event-day span {
        font-size: var(--font-xs);
        font-weight: 600;
        color: var(--bs-gray-600);
        margin-bottom: 0;
    }

.calendar-event-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

    .calendar-event-title a {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }

    .calendar-event-title div:first-child p {
        overflow-x: hidden;
        width: 10vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.calendar-event-add {
}

.flip-card {
    width: 100%;
    height: 100%;
    perspective: 500px;
    margin-bottom: var(--pd-md);
}

.flip-card-content {
    width: 100%;
    height: 90%;
    transition: transform 1s;
    transform-style: preserve-3d;
    background: var(--bs-gray-100);
    border-radius: var(--border-radius-sm);
    margin-bottom: var(--pd-md);
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--shadow-xs);
}

    .flip-card-content h1 {
        margin-bottom: 8px;
    }

    .flip-card-content p {
    }

.flip-card:hover .flip-card-content {
    cursor: pointer;
    transform: rotateY( 180deg );
    transition: transform 0.7s;
}

.flip-card-content .front, .flip-card-content .back {
    position: absolute;
}

.flip-card-front-content {
}

.flip-card-content .front {
    height: 100%;
    width: 100%;
    background: var(--bc-color-primary);
    color: var(--bs-gray-200);
    border-radius: 5px;
    backface-visibility: hidden;
    padding: 12px;
}

.flip-card-content .back {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    padding: 12px;
}

.flip-card-back-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-self: center;
}

@media (max-width:768px) {
    .flip-card-content {
        min-height: 120px;
    }

    .card-calendar .weekdays {
    }

        .card-calendar .weekdays li {
            width: calc(100% / 7);
        }

    .card-calendar .days {
    }

        .card-calendar .days li {
            width: calc(100% / 7);
        }
}

/* Search Fields */

#search-area {
}

.search-field {
    padding: var(--pd-xl);
    align-items: end;
    margin: 0;
    background: linear-gradient(45deg, #e5e5e599, #dfe6ed80) !important;
    border-radius: var(--border-radius-sm);
    /*animation: fadeIn .3s ease-in-out;*/
}

    .search-field label {
        margin-bottom: unset;
        display: block;
    }

    .search-field > div:has(input[type=checkbox]) {
        /*gap: var(--pd-md);*/
    }


@media (max-width: 768px) {
    #search-area {
        position: sticky;
        top: 90px;
        backdrop-filter: blur(10px);
        border-radius: var(--border-radius-sm);
        box-shadow: var(--shadow-xs);
        z-index: 1;
    }
}


/* Table System */


/*.table {
    display: table;
    width: 100%;
    background: var(--bs-body-bg);
    caption-side: bottom;
    border-collapse: collapse;
    vertical-align: middle !important;
}

    .table thead tr th {
        background-color: #f7faff;
        color: #5b5b98;
        font-weight: 600;
        font-size: 15px;
        padding: 15px 25px;
        position: relative;
        border: none;
    }

    .table tbody tr td {
        background-color: transparent;
        color: #5b5b98;
        border-color: #f7faff;
        padding: var(--pd-md) var(--pd-sm);
    }*/


table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
}

    table th {
        color: var(--bc-color-primary-dark);
        text-align: left;
        padding: var(--pd-xs);
        border: 0;
    }

    table tr {
        border-top: 1px solid var(--bs-border-color);
        border-bottom: 1px solid var(--bs-border-color);
    }

        table tr:hover:not(:first-child) {
        }

        table tr:nth-of-type(odd) {
            background: var(--bs-gray-100);
        }

        table tr:first-child {
            position: sticky;
            background: var(--bc-color-primary-light);
            top: -1px;
            /*border-bottom: 1px solid var(--bs-border-color);
            box-shadow: var(--shadow-xs);*/
            z-index: 1;
        }

    table td {
        border: none;
        padding: var(--pd-xs) var(--pd-sm);
        color: var(--bs-gray-800);
        text-rendering: optimizeSpeed;
        vertical-align: middle;
        font-size: var(--font-sm);
        font-family: system-ui;
    }

        table td > span {
            all: unset;
        }


        table td span:has(> input[type="checkbox"]) {
            margin-right: var(--pd-sm);
        }


@media(max-width:1400px) {
    table td, table th {
        font-size: 12px;
    }
}


/*.table-td-hover tr:hover:not(:first-child) {
    background: unset;
}

.table-td-hover td:hover:not(:first-child) {
    background: var(--bs-gray-200);
}*/
.table-checklist-gunler {
    display: grid;
}

    .table-checklist-gunler tr {
        background: unset !important;
        grid-auto-flow: column;
        display: grid;
        grid-template-columns: repeat(3, calc(100% / 7));
    }

.table-bordered tr td, .table-bordered tr th {
    border-right: 1px solid var(--bs-border-color);
}

.table-datgoster td {
    font-size: 12px;
    border: 1px solid #AAA;
    padding: 2px;
    padding-left: 4px;
    font-family: 'Courier New' !important
}

.table-datgoster th {
    background: #4092bc;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    border: 1px solid #AAA;
    text-align: center;
    font-family: 'Courier New' !important
}

.table-datgoster tr:nth-child(even) {
    background: #effaff;
}

.table-datgoster tr:hover {
    background: #b2d3e4;
}


.table-row {
    display: table;
}

.table-row tbody {
    display: flex;
    flex-direction: row;
}


.table-no-wrap {
}

    .table-no-wrap tr {
    }

    .table-no-wrap th:first-child {
        position: sticky;
        top: -2px;
        min-width: 50px !important;
    }

    .table-no-wrap td {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 2px 4px;
        font-size: var(--font-xs);
    }

        .table-no-wrap th:first-child, .table-no-wrap td:first-child {
            width: unset;
            min-width: unset;
            position: sticky;
            left: 0;
            background: var(--bs-white);
            text-align: center;
        }

.hovered-column {
    background: #aaaaaa24 !important; /* Sarımsı bir renk örneği, istediğini yaz */
    transition: background 0.2s;
}


.table-no-data {
    background: unset !important;
    border: unset !important;
    box-shadow: unset !important;
    position: unset !important;
}

    .table-no-data > td {
        color: var(--bc-color-primary);
        margin: 0;
        padding: var(--pd-sm);
        border: 1px solid var(--bc-color-primary);
        border-right: unset;
        border-radius: var(--border-radius-xs);
        display: flex;
        align-items: center;
    }

        .table-no-data > td:before {
            font-family: boxicons !important;
            content: "\e9d2";
            font-size: var(--font-icon-xs);
            -webkit-animation: burst 2s infinite linear;
            animation: fadeIn 2s infinite linear;
            margin-right: var(--pd-sm);
            color: var(--bc-color-primary);
            width: 30px;
            height: 30px;
            background: var(--bc-color-primary-light);
            border-radius: var(--border-radius-circle);
            align-content: center;
            text-align-last: center;
        }

/*table td > :is(p, input, select, textarea, label, .btn, .select2-container, .select2-selection--single) {
    height: 28px;
}*/

.table-xs td, .table-xs th {
    font-size: var(--font-xs);
}


.table-xxs td, .table-xxs th {
    font-size: var(--font-xxs);
}


.table-radio {
    display: table;
}

    .table-radio tbody {
        display: flex;
        justify-content: center;
    }

    .table-radio tr {
        border: unset;
    }

        .table-radio tr:first-child {
            position: unset;
            background: unset;
            top: 0;
            z-index: 1;
        }

    .table-radio td {
        background: unset;
        display: inline-flex;
        align-items: center;
    }

    .table-radio label {
        margin-bottom: 0;
        margin-left: 4px;
    }

    .table-radio td label:hover {
        cursor: pointer;
    }

    .table-radio td [type="radio"]) {
        display: inline-flex;
        margin-right: 4px;
    }


@media (min-width:1440px) {
    table th[data-label="S.N."], table th[data-label="Öğr. No"], table th[data-label="T.C. Kimlik No"], table th[data-label="Sınıf"], table th[data-label="Şube"], table th[data-label="Cep Telefonu"], table th[data-label="Veli Cep Telefonu"], table th[data-label="Cins."], table th[data-label="Dönem"], table th[data-label="Rehber."], table th[data-label="Aktif Mi"], table th[data-label="Merkez Mi"], table th[data-label="Aktifleştir"], table th[data-label="Aktif"], table th[data-label="Güncelle"], table th[data-label="Sil"], table th[data-label="Kaydet"], table th[data-label="Varsayılan"], table th[data-label="Taksit No"], table th[data-label="Taksit Tutarı"], table th[data-label="Burs Oranı"] {
        text-align: center !important;
    }

    table td[data-label="S.N."],
    table td[data-label="Öğr. No"],
    table td[data-label="T.C. Kimlik No"],
    table td[data-label="Sınıf"],
    table td[data-label="Şube"],
    table td[data-label="Cep Telefonu"],
    table td[data-label="Veli Cep Telefonu"],
    table td[data-label="Cins."],
    table td[data-label="Dönem"],
    table td[data-label="Rehber."],
    table td[data-label="Aktif Mi"],
    table td[data-label="Merkez Mi"],
    table td[data-label="Aktifleştir"],
    table td[data-label="Aktif"],
    table td[data-label="Güncelle"],
    table td[data-label="Sil"],
    table td[data-label="Kaydet"],
    table td[data-label="Varsayılan"],
    table td[data-label="Taksit No"],
    table td[data-label="Taksit Tutarı"],
    table td[data-label="Burs Oranı"] {
        text-align: center !important;
    }

    /*table:has(input[type="checkbox"]) {
        display: flex;
        align-items: center;
        justify-content: center;
    }*/


    table td span:has(> input[type="checkbox"]) {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    table td:has(> input[type="checkbox"]) {
        text-align: center;
    }

    table td > input[type=checkbox] {
        margin: auto;
        text-align: -webkit-center;
    }

    table td span > input[type=checkbox] {
        margin-right: unset;
    }
}



/* Table Button Systems */

table td > .btn {
    /*border: unset;
    padding: var(--pd-sm);
    margin: unset;
    min-height: unset;
    font-size: var(--font-xs);
    align-self: center;
    min-width: fit-content;*/
    font-size: var(--font-xs);
    height: 24px;
    border: unset;
    margin: 0;
    padding: 0;
    min-width: 24px;
    border-radius: var(--border-radius-xs);
    font-weight: 400;
    vertical-align: text-bottom;
}

table td > .btn-delete, table td > .btn-clear {
    background: #dc354524;
    border: 1px solid #dc354550;
    color: var(--bs-danger);
    padding: 4px;
}


    table td > .btn-delete:hover, table td > .btn-clear:hover {
        border: 1px solid #dc354580;
    }


table td > .btn-add, table td > .btn-add {
    background: var(--bc-color-primary-light);
    border: 1px solid var(--bc-color-primary);
    color: var(--bc-color-primary-dark);
    padding: 4px;
}

    table td > .btn-add:hover, table td > .btn-add:hover {
        border: 1px solid var(--bc-color-primary-dark);
        background: var(--bc-color-primary);
        color: var(--bc-color-primary-light);
    }

    @media(max-width:1200) {
        table td {
            font-size: var(--font-xs);
        }
    }


@media(max-width:992px) {
    table td > .btn {
        height: 30px;
        font-size: var(--font-sm);
    }
}


.table-filter:after {
    font-family: boxicons !important;
    content: "\eada";
    cursor: pointer;
}


.table-list {
    display: table;
    width: 100%;
}

    .table-list tr {
        border: unset;
    }

        .table-list tr:first-child {
            position: unset;
            background: unset;
            border-bottom: unset;
            box-shadow: unset;
        }

        .table-list tr:hover:not(:first-child) {
            background: unset;
        }

        .table-list tr:nth-of-type(odd) {
            background: unset;
        }

    .table-list td, .table-list th {
        padding: var(--pd-xxs);
    }


.table-overflow-x {
}

    .table-overflow-x tbody {
    }

    .table-overflow-x tr {
    }

        .table-overflow-x tr td {
            font-size: var(--font-xs);
            font-family: var(--font-body);
        }

        .table-overflow-x tr th {
            font-size: var(--font-xs);
        }

            .table-overflow-x tr th p:first-child {
                font-weight: 600;
                color: var(--bs-gray-700);
            }

            .table-overflow-x tr th p:last-of-type {
                font-weight: 400;
                color: var(--bs-gray-600);
            }

            .table-overflow-x tr th:first-child {
            }

        .table-overflow-x tr td:first-child {
            /*background: white;
            position: sticky;
            left: 0;*/
        }


/*.sticky-left {
    position: sticky;
    left: 0;
    background: white;
}
*/

/* Table List Actions */
.table-list-actions:has(table) tr:has(td) {
    padding: 0 !important;
    border: 1px solid var(--bc-color-primary);
}

.table-list-actions {
    display: block;
}

    .table-list-actions a {
        font-size: var(--font-sm);
    }

    .table-list-actions ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: row;
        width: 98%;
    }

        .table-list-actions ul li {
            list-style: none;
        }

            .table-list-actions ul li:not(:last-of-type) {
                border-right: 1px solid var(--bs-border-color-translucent);
            }

            .table-list-actions ul li a {
                display: flex;
                font-size: var(--font-xs);
                padding: var(--pd-sm);
                height: 30px;
            }

                .table-list-actions ul li a:hover {
                }

                .table-list-actions ul li a i {
                    font-size: var(--font-icon-xs);
                    margin-right: var(--pd-xs);
                }

/* Desktop Tablo Sayfalama */

/*.table-pager:has(table) {
    display: inline-flex !important;
    width: 100% !important;
    position: sticky !important;
    bottom: 0 !important;
    background: var(--bs-white) !important;
    border-bottom: 0;
    margin: var(--pd-md) 0;
}

    .table-pager:has(table) tr {
        display: flex !important;
        justify-content: center;
        background: unset !important;
        position: unset !important;
        box-shadow: unset !important;
        top: unset !important;
        border-bottom: 0 !important;
        padding: 0;
        margin: 0;
    }

    .table-pager:has(table) td {
        display: unset !important;
        border: unset !important;
        text-align: unset;
        font-weight: unset;
        align-self: center;
    }

        .table-pager:has(table) td a, .table-pager:has(table) td span {
            padding: var(--pd-sm);
            border: 1px solid var(--bs-border-color-translucent);
            border-radius: var(--pd-sm);
            margin-bottom: unset
        }

        .table-pager:has(table) td span {
            font-weight: 600;
            background: var(--bc-color-primary-light);
        }*/


.table-pager {
    background: unset !important;
}

    .table-pager td > table {
        border: unset;
        width: fit-content;
        margin: 10px 0;
    }

    .table-pager > td {
        border: 0;
        padding: 6px 0;
    }

    .table-pager td > table tr {
        position: unset;
        background: unset;
        top: unset;
        border-bottom: unset;
        box-shadow: unset;
        z-index: 1;
        border: 0;
    }

        .table-pager td > table tr td {
            padding: unset;
            text-align: unset;
            font-weight: unset;
            align-self: center;
        }

            .table-pager td > table tr td a, .table-pager td > table tr td span {
                border: 1px solid var(--bs-border-color-translucent);
                border-radius: var(--pd-xs);
                padding: var(--pd-sm);
                margin: var(--pd-xs);
            }

            .table-pager td > table tr td span {
                font-weight: 600;
                background: var(--bc-color-primary-light);
            }

/* Responsive Table System */
@media screen and (max-width: 768px) {
    .table-responsive thead {
        display: none;
    }

    .table-responsive tbody {
        display: block;
    }

        .table-responsive tbody tr {
            display: block;
            border: 1px solid var(--bs-border-color-translucent);
            margin-bottom: var(--pd-xxl);
            border-radius: var(--border-radius-sm);
            padding: var(--pd-xs);
            background: var(--bs-white);
        }

            .table-responsive tbody tr:hover {
                border: 1px solid var(--bc-color-primary);
            }

            .table-responsive tbody tr:first-child {
                display: none;
            }

        .table-responsive tbody td {
            display: flex;
            text-align: left;
            font-weight: normal;
            line-height: 1.2;
            padding: var(--pd-xs);
            align-items: center;
            font-size: var(--font-sm);
            width: unset !important;
        }

            .table-responsive tbody td span {
                /*display: inline-flex;*/
            }

            /* span:has(.selection) {
        display: unset !important;
    }*/


            .table-responsive tbody td:before {
                content: attr(data-label) ":";
                display: inline-block;
                font-weight: normal;
                margin-right: 5px;
                font-weight: bold;
                min-width: 35%;
                color: var(--bc-color-primary);
            }

    /*.table-responsive tbody td:last-child:before {
                content: none;
            }*/

    /* Mobil Tablo Sayfalama */

    .table-pager:has(table) {
        display: inline-flex !important;
        width: 100% !important;
        position: sticky !important;
        bottom: 12px !important;
        background: var(--bs-white) !important;
        border: 1px solid var(--bc-color-primary) !important;
        box-shadow: var(--shadow-xs);
    }

        .table-pager:has(table) tr {
            display: flex !important;
            justify-content: center;
            background: unset !important;
            position: unset !important;
            box-shadow: unset !important;
            top: unset !important;
            border: 0 !important;
            padding: 0;
            margin: 0;
        }


        .table-pager:has(table) td {
            display: unset !important;
            border: unset !important;
            text-align: unset;
            font-weight: unset;
            align-self: center;
        }

            .table-pager:has(table) td:not(:last-child) {
                border-right: 1px solid var(--bs-border-color) !important;
            }

            .table-pager:has(table) td a, .table-pager:has(table) td span {
                padding: var(--pd-sm);
            }

            .table-pager:has(table) td span {
                font-weight: 600;
            }

            .table-pager:has(table) td:before {
                content: "" !important;
                display: unset;
                position: sticky;
                bottom: 0;
                min-width: unset;
                margin-right: 0;
            }

    /* Mobil Tablo İşlemler */

    .table-responsive tbody tr td:first-child:has(> #table-list-actions):before {
        content: "" !important;
        display: unset;
        position: sticky;
        bottom: 0;
        min-width: unset;
        margin-right: 0;
    }

    .table-responsive tbody tr td:has(> #table-list-actions) {
        display: inline-flex !important;
        width: 100% !important;
        position: sticky !important;
        bottom: 0 !important;
        background: var(--bc-color-primary);
    }

        .table-responsive tbody tr td:has(> #table-list-actions) ul {
            display: flex !important;
            justify-content: center;
            background: unset !important;
            position: unset !important;
            box-shadow: unset !important;
            top: unset !important;
            border: 0 !important;
            padding: 0;
            margin: 0;
        }

            .table-responsive tbody tr td:has(> #table-list-actions) ul li {
                background: var(--bs-yellow)
            }

                .table-responsive tbody tr td:has(> #table-list-actions) ul li a {
                    background: var(--bs-green);
                }
}


/* Checkbox List Table */

.table-checklist {
    display: table;
    width: 100%;
}

    .table-checklist tbody {
        display: inline-flex;
        flex-direction: column;
        width: 100%;
    }

    .table-checklist tr, .table-checklist tr:first-child {
        border-bottom: unset;
    }

        .table-checklist tr:first-child {
            /*border-bottom: 1px solid var(--bs-border-color);*/
            background: var(--bs-gray-100);
            position: unset;
            box-shadow: unset;
        }

        .table-checklist tr:nth-of-type(odd) {
        }

    .table-checklist td {
        display: flex;
        border: none;
        padding: var(--pd-sm);
        color: var(--bs-gray-800);
    }

        .table-checklist td:hover {
            cursor: pointer;
        }

        .table-checklist td > input[type="checkbox"] {
            margin: 0 4px 0 0;
        }

.table-no-hover tr:hover:not(:first-child) {
    background: unset;
}

.table-no-hover td:hover {
    /*background: var(--bs-gray-200);*/
}

.table-cards {
    display: table;
    width: 100%;
}

    .table-cards tr {
        display: flex;
        flex-direction: column;
    }

        .table-cards tr:first-child {
            display: none;
        }

        .table-cards tr td:first-child:has(> input[type="checkbox"]) {
            position: sticky;
            left: 0;
            width: 10%;
            background: aliceblue;
        }

        .table-cards tr td {
            padding: 0 0 4px 0;
            margin: 0 0 4px 0;
            line-height: 1;
        }


    .table-cards tr {
    }


.table-boxes {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
}

    .table-boxes tbody tr:first-child {
        display: none;
    }

    .table-boxes tbody {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
        padding: 0;
        margin: 0;
    }

        .table-boxes tbody tr {
            display: block;
            background: #fff;
            border: 1px solid var(--bs-gray-400);
            border-radius: 6px;
            padding: 12px;
            box-sizing: border-box;
        }

            .table-boxes tbody tr:hover {
                background: var(--bs-gray-100);
                border: 1px solid var(--bc-color-primary);
            }

    /* 1) td’yi flex yap, label ve content yanyana dursun */
    .table-boxes td {
        display: flex;
        align-items: center;
        padding: 4px 0;
        text-align: right;
        font-size: var(--font-xs);
        position: relative; /* hâlen gerekebilir */
    }

        /* 2) ::before artık flex item, hemen value’den önce gelir */
        .table-boxes td::before {
            content: attr(data-label) ": ";
            flex: 0 0 auto;
            margin-right: 8px;
            font-weight: bold;
            text-transform: capitalize;
            position: static; /* absolute değil */
        }

        /* 3) Hücre değerini saracak wrapper */
        .table-boxes td .cell-content {
            flex: 1 1 0;
            width: 0; /* flex item’ın küçülebilmesi için */
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0;
        }



.table-column {
    display: table;
    width: 100%;
}

    .table-column tbody {
    }

    .table-column tr {
        display: flex;
        flex-direction: column;
        text-align: left;
        background: unset;
    }

        .table-column tr:first-child {
            background: unset;
        }

    .table-column th {
        padding: var(--pd-xxs);
    }

    .table-column td {
        overflow-wrap: anywhere;
        padding: var(--pd-xxs);
    }


        .table-column td a {
            overflow-wrap: anywhere;
        }


/* Tabbed CSS */
.tab {
    width: 100%;
    border-radius: 5px 5px 5px 5px;
}

.tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--bc-color-primary);
}

    .tab-list li {
    }

        .tab-list li:hover {
            cursor: pointer;
        }

        .tab-list li:not(:last-child) {
            border-right: 1px solid var(--bs-border-color);
        }

        .tab-list li.active {
            font-weight: 600;
            background: var(--bc-color-primary-light);
            color: var(--bc-color-primary);
        }

        .tab-list li:hover, .tab-list li:active {
            background: var(--bc-color-primary-light);
            color: var(--bc-color-primary);
        }

        .tab-list li a {
            color: var(--bs-gray-700);
            font-size: var(--font-sm);
            padding: var(--pd-md) var(--pd-xl);
            display: block;
        }


.tab-content {
    padding: 10px 0;
}

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

    /*.tab-list {
        display: none;
    }*/


    .table-wrap td {
        white-space: normal;
    }
}

.tabs {
    width: 100%;
}

.tabs-nav {
    list-style: none;
    margin-bottom: var(--pd-xl);
    overflow: auto;
    display: flex;
    flex-direction: row;
    gap: var(--pd-xxl);
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--border-radius-md);
    padding: var(--pd-sm);
    background: var(--bs-gray-100);
}

    .tabs-nav li {
    }

        .tabs-nav li a {
            height: 32px;
            width: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: var(--font-md);
            margin: var(--pd-sm) 0;
            padding: var(--pd-sm);
            border-radius: var(--border-radius-circle);
            cursor: pointer;
        }

            .tabs-nav li a:has(:hover) {
                background: var(--bc-color-primary-light);
            }

.tab-content {
    padding: 0;
}

.tab-li-active {
    background: var(--bc-color-primary);
    color: var(--bs-white);
    border: 1px solid transparent;
}

.tab-li-passive {
    background: var(--bs-white);
    color: var(--bs-gray-600);
    border: 1px solid var(--bs-gray-600)
}


.tab-container {
}

.popup-tabs {
    min-height: 40vh;
}

    .popup-tabs ul {
        display: flex;
        flex-direction: row;
        position: relative;
        gap: 8px;
    }

        .popup-tabs ul li .tablink {
            display: inline-block;
            padding: var(--pd-md);
            color: var(--bc-color-primary);
            background: var(--bc-color-primary-light);
            border-radius: var(--border-radius-xs);
        }

.active-tab {
    font-weight: 700;
}

.tabcontent {
    padding: 10px;
}


.apexcharts-toolbar {
    z-index: 1 !important;
}

.apexcharts-legend-text {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
}


.kurumsecim {
    max-height: 35vh;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.radiodiv {
    width: 220px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    .radiodiv h2 {
        margin-top: 20px;
        font-size: var(--font-sm);
        font-weight: bold;
    }

    .radiodiv p {
        font-size: var(--font-small);
        font-weight: normal;
    }

    .radiodiv hr {
    }

.radiodivbos {
    width: 220px;
    height: 240px;
}


.radiodiv input[type="radio"] {
    display: none;
}

.radiocss {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    font-family: Arial;
    content: "✓";
    margin-left: 75px;
    margin-top: -7.5px;
    border: 2px solid #3f729b;
    border-radius: 50%;
    font-size: 24px;
    background: white;
    display: none;
}

.radiodiv input[type="radio"]:disabled ~ .radiodiv label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
}

.radiodiv label {
    height: 210px;
    display: flex;
    flex-direction: column;
    align-content: start;
    background: white;
    border: 2px solid #3f729b;
    border-radius: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
    margin: 1rem;
    text-align: center;
    box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
    position: relative;
    cursor: pointer;
}

    .radiodiv label h2 {
    }

    .radiodiv label p {
        min-height: 70px;
    }

        .radiodiv label p:last-of-type {
            margin-top: auto;
            min-height: unset;
        }

            .radiodiv label p:last-of-type:before {
                border: 0;
                height: 1px;
                background: #333;
                background-image: linear-gradient(to right, #fff, #333, #fff);
                width: 100%;
                float: left;
                margin-top: 5px;
                margin-bottom: 10px;
            }

.radiodiv input[type="radio"]:checked + label {
    background: #008dff1f;
    box-shadow: 0px 0px 20px 6px #3f729b2e;
}

    .radiodiv input[type="radio"]:checked + label:after {
        z-index: 2;
        font-family: var(--font-family-body);
        /*border: 2px solid var(--bc-color-secondary);*/
        content: "✓";
        font-size: var(--font-lg);
        position: absolute;
        top: -5px;
        right: -25px;
        transform: translateX(-50%);
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        background: var(--bc-gradient-primary);
        box-shadow: 0px 2px 5px -2px hsl(0deg 0% 0% / 25%);
        color: var(--bc-color-primary-light);
        font-weight: 500;
    }

@media (max-width:992px) {
    .kurumsecim {
        height: 50vh;
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid var(--bs-border-color-translucent);
    }

    .radiodiv {
        width: 100%;
    }
}



/* HTML: <div class="loader"></div> */
/*.rapor-loader {
    --s: 25px;
    --g: 5px;
    width: calc(3*(1.353*var(--s) + var(--g)));
    display: grid;
    justify-items: end;
    aspect-ratio: 3;
    overflow: hidden;
    --_m: linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000);
    -webkit-mask: var(--_m);
    mask: var(--_m);
}

    .rapor-loader:before {
        content: "";
        width: 200%;
        background: linear-gradient(90deg,#ff1818 50%,#0000 0), conic-gradient(from -90deg at var(--s) calc(0.353*var(--s)), #fff 135deg,#666 0 270deg,#aaa 0);
        background-blend-mode: multiply;
        --_m: linear-gradient(to bottom right, #0000 calc(0.25*var(--s)),#000 0 calc(100% - calc(0.25*var(--s)) - 1.414*var(--g)),#0000 0), conic-gradient(from -90deg at right var(--g) bottom var(--g),#000 90deg,#0000 0);
        -webkit-mask: var(--_m);
        mask: var(--_m);
        background-size: calc(100%/3) 100%, calc(100%/6) 100%;
        -webkit-mask-size: calc(100%/6) 100%;
        mask-size: calc(100%/6) 100%;
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
        animation: l10 2s infinite linear;
    }

@keyframes l10 {
    to {
        transform: translate(calc(100%/3))
    }
}*/


.toogle-on {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-size: var(--font-icon-xs);
}

    .toogle-on:before {
        content: "\ec4a";
        color: var(--bc-color-primary);
        font-size: var(--font-icon);
    }



.toogle-off {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-size: var(--font-icon-xs);
}

    .toogle-off:before {
        content: "\ec49";
        color: var(--bs-gray-500);
        font-size: var(--font-icon);
    }



.rapor-loader {
    position: relative;
    width: 80px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
}

    .rapor-loader:before {
        content: '';
        position: absolute;
        width: 54px;
        height: 25px;
        left: 50%;
        top: 0;
        background-image: radial-gradient(ellipse at center, #0000 24%,#de3500 25%,#de3500 64%,#0000 65%), linear-gradient(to bottom, #0000 34%,#de3500 35%);
        background-size: 12px 12px, 100% auto;
        background-repeat: no-repeat;
        background-position: center top;
        transform: translate(-50%, -65%);
        box-shadow: 0 -3px rgba(0, 0, 0, 0.25) inset;
    }

    .rapor-loader:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
        width: 66%;
        height: 60%;
        background: linear-gradient(to bottom, #f79577 30%, #0000 31%);
        background-size: 100% 16px;
        animation: writeDown 2s ease-out infinite;
    }

@keyframes writeDown {
    0% {
        height: 0%;
        opacity: 0;
    }

    20% {
        height: 0%;
        opacity: 1;
    }

    80% {
        height: 65%;
        opacity: 1;
    }

    100% {
        height: 65%;
        opacity: 0;
    }
}


@keyframes layers1 {
    0% {
        box-shadow: 0px 0px 0 0px
    }

    90%, 100% {
        box-shadow: 20px 20px 0 -4px
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes layerTr {
    0% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(-25px, -25px) scale(1)
    }
}


/* Animations */

.blink {
    animation: fadeIn 3s infinite ease-in-out;
}

.pulse {
    animation: pulse 2s infinite linear;
}

.animate-bottom-top {
    animation-name: notvalid;
    animation-duration: .75s;
}


/* Ajanda */

.ajanda-container {
}

.ajanda-baslik {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
}

    .ajanda-baslik h3 {
        margin: 0 var(--pd-xl);
    }

/*.ajanda-hafta-saat-container {
    height: 55vh;
    overflow-y: auto;
}*/

.ajanda-hafta-gunler {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-columns: var(--pd-md);
    /*overflow-x: hidden;*/
}



.ajanda-hafta-saat-detay > div > div:first-child {
    white-space: nowrap;
    padding-right: 0;
}

.ajanda-hafta-saat-detay > div > div:last-child {
    padding-left: 6%;
}

.ajanda-hafta-gun {
    padding: var(--pd-md);
    background: var(--bc-color-primary);
    text-align: center;
    border-right: 1px solid var(--bs-gray-300);
    position: sticky;
    top: 0;
}

    .ajanda-hafta-gun a {
        color: var(--bs-white);
    }

.ajanda-hafta-saatler {
    /*display: grid;
    grid-template-rows: repeat(4, 20px);*/
    padding: var(--pd-xs);
    flex: 1;
    align-items: center;
    /*display: flex;
    flex-direction: column;
    width: calc(100% / 7);*/
}

.ajanda-hafta-saat-container {
    border: 1px var(--bs-gray-400);
    border-style: dotted;
}

.ajanda-hafta-ikon-sabit {
    display: flex;
    flex-direction: row;
    row-gap: 4px;
    border-bottom: 1px solid var(--bs-gray-300);
}

.ajanda-hafta-saat-sabit p {
    margin: 0 4px;
}

.ajanda-hafta-saat {
    padding: 2px;
}

    .ajanda-hafta-saat span {
        margin-bottom: unset;
        display: inline;
    }

.ajanda-hafta-etkinlik p {
    margin-left: 0px;
    margin-bottom: 0;
}

.ajanda-hafta-saat p {
    /*margin: 0;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;*/
    margin-bottom: 0;
}


.ajanda-hafta-saat-detay {
    /*display: grid;
    grid-template-columns: minmax(min-content, 13%) minmax(22%, 1fr) 65%;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;*/
    display: flex;
    flex-direction: column;
    font-size: var(--font-xs);
    border-bottom: 1px dotted var(--bs-gray-300);
}

    .ajanda-hafta-saat-detay:last-child {
    }


@media(max-width:600px) {


    ajanda-hafta-gunler-container {
        background: linear-gradient()
    }


    .ajanda-hafta-gunler {
        grid-template-columns: repeat(1, 1fr);
    }



    .ajanda-hafta-saatler {
        border-bottom: 1px solid var(--bs-gray-400);
    }

    .ajanda-hafta-saat-container {
        border: unset;
    }

    .ajanda-hafta-gun {
        border-right: unset;
        text-align: left;
        position: unset;
        padding: var(--pd-sm);
    }

        .ajanda-hafta-gun a {
        }

    .ajanda-hafta-saat-detay > div > div:last-child {
        padding-left: 3%;
    }
}


/* Ajanda Günlük JS Stiller */

.ajanda-gunluk-baslik {
}

.ajanda-gunluk-aylar {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 8px;
}

    .ajanda-gunluk-aylar div {
        cursor: pointer;
        padding: var(--pd-sm) var(--pd-md);
        font-size: var(--font-md);
        color: #888;
        transition: color 0.3s, font-weight 0.3s;
    }

        .ajanda-gunluk-aylar div.selected {
            color: black;
            font-weight: bold;
        }

.ajanda-gunluk-gunler {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

    .ajanda-gunluk-gunler div {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        text-align: center;
        font-size: var(--font-sm);
        cursor: pointer;
        background-color: #f2f2f2;
        color: #333;
        transition: background-color 0.3s, color 0.3s;
        display: inline-flex;
        justify-content: center;
        align-items: anchor-center;
        padding: 8px 10px;
    }

        .ajanda-gunluk-gunler div.weekend {
            background: var(--bc-color-primary-light);
        }

    .ajanda-gunluk-gunler .selected {
        background: var(--bs-gray-600);
        color: white;
        font-weight: bold;
    }

    .ajanda-gunluk-gunler .weekend.selected {
        color: var(--bs-white);
        background: var(--bs-orange);
    }

.ajanda-saat-gun {
}

.ajanda-gunluk-icerik {
}

    .ajanda-gunluk-icerik p {
        padding: 4px;
        text-align: center;
    }



/* Ajanda Günlük Plan */
.ajanda-gunluk-plan {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: var(--pd-xl);
    width: 100%;
}

.ajanda-gunluk-plan-saat {
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: var(--pd-md) 0;
}

    .ajanda-gunluk-plan-saat p {
        background: var(--bc-color-primary-light);
        color: var(--bc-color-primary-dark);
        padding: var(--pd-sm) var(--pd-xl);
        border-radius: var(--border-radius-sm);
        font-weight: bold;
    }

    .ajanda-gunluk-plan-saat::after {
        content: "";
        width: 90%;
        height: 1px;
        border-top: 1px dashed;
        display: inline-block;
        background: transparent;
        color: var(--bs-gray-500);
        margin: 14px 10px;
    }

    .ajanda-gunluk-plan-saat::before {
    }

.ajanda-gunluk-plan-etkinlik {
    display: flex;
    border: 1px solid var(--bs-gray-300);
    padding: var(--pd-xl);
    border-radius: var(--border-radius-md);
}

    .ajanda-gunluk-plan-etkinlik:hover {
        border: 1px solid var(--bs-gray-500);
        background: var(--bs-gray-100);
    }

.ajanda-gunluk-plan-etkinlik-metin {
    display: flex;
    flex-direction: column;
}

    .ajanda-gunluk-plan-etkinlik-metin p {
        margin-bottom: 0;
    }


/* Günlük Ajanda */

/*.ajanda-gunluk {
    display: flex;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
}

.ajanda-gunluk-icerik {
    text-align: center;
    font-size: var(--font-lg);
}

    .ajanda-gunluk-icerik b {
        font-size: var(--font-lg) !important;
    }

.ajanda-gunluk p {
    margin: 0;
    padding: 8px;
    font-size: var(--font-xxs);
    align-content: center;
    height: 30px;
}


.ajanda-gunluk-container {
    display: flex;
    align-items: start;
    margin-bottom: 4px;
}


.ajanda-gunluk-saat-dakikalar, .ajanda-gunluk-etkinlik-container {
    display: grid;
    grid-row-gap: 0;
    border-right: 1px solid var(--bs-gray-200);
}

.ajanda-gunluk-etkinlik-container {
    width: 120px;
    border-right: 1px solid var(--bs-gray-300);
}

.ajanda-gunluk-etkinlik-wrapper {
    display: flex;
}

.ajanda-gunluk-etkinlik-st1, .ajanda-gunluk-etkinlik-st2 {
    width: 60px;
}

.ajanda-gunluk-saat-dakikalar p {
    background: var(--bc-color-primary);
    color: white;
    align-self: center;
    text-align: center;
    border-bottom: 1px dashed;
}

    .ajanda-gunluk-saat-dakikalar p:first-child {
        margin: 0;
        padding: 8px;
        font-size: var(--font-xs);
        align-content: center;
    }

.ajanda-gunluk-saat {
    background: var(--bc-color-primary);
    color: white;
    align-self: center;
    text-align: center;
    align-content: center;
    align-self: self-start;
    width: 120px;
}

.ajanda-gunluk-etkinlik {
    width: 60px;
}

    .ajanda-gunluk-etkinlik p {
        word-wrap: break-word;
        white-space: normal;
        border-bottom: 1px dashed var(--bs-gray-500);
        align-content: start;
    }

.ajanda-mavi {
    background: #daf3ff !important;
}

.ajanda-mor {
    background: #dac6ff !important;
}

.ajanda-sari {
    background: #fff2cc !important;
}

.ajanda-gunluk-saat-dakikalar {
    width: 60px;
    position: sticky;
    left: 0;
}*/

.ajanda-gunluk {
    display: flex;
}

.ajanda-gunluk-saatler {
    /*display: grid;
    grid-template-rows: repeat(24, 1fr);*/
}

.ajanda-gunluk-saat {
    height: 90px;
    align-content: center;
    border-right: 1px solid var(--bs-gray-400);
    border-bottom: 1px solid var(--bs-gray-400);
    width: 90px;
    text-align: center;
}

    .ajanda-gunluk-saat:first-child {
    }

.ajanda-gunluk-etkinlik-container {
    position: relative;
    min-height: 1440px;
    background-image: linear-gradient( to bottom, transparent, transparent 89px, var(--bs-gray-400) 89.5px, var(--bs-gray-400) 90px );
    background-size: 100% 90px;
    background-repeat: repeat-y;
    width: 90%;
}

.ajanda-gunluk-etkinlik-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 33%;
}

.ajanda-gunluk-etkinlik {
    height: 30px;
    width: 100%;
    align-content: center;
    padding: 2px 4px;
    box-shadow: var(--shadow-xs);
    border: 1px var(--bs-gray-500);
    border-bottom-style: inset;
    margin-left: 8px;
}

.ajanda-etkinlik-mavi {
    background: #d5e8ff !important;
}

.ajanda-etkinlik-mor {
    background: #e8dbff !important;
}

.ajanda-etkinlik-sari {
    background: #feffdb !important;
}

.ajanda-etkinlik-kirmizi {
    background: #ffe5e7 !important;
}

.ajanda-etkinlik-turuncu {
    background: #ffe7dd !important;
}

.ajanda-etkinlik-yesil {
    background: #d2ffea !important;
}

.ajanda-etkinlik-gri {
    background: #e9e9e9 !important;
}

.ajanda-gunluk-etkinlik-metin {
    display: flex;
    gap: 4px;
    font-size: 11px;
}

    .ajanda-gunluk-etkinlik-metin span {
        margin: 0;
    }

    .ajanda-gunluk-etkinlik-metin b {
        color: slategrey;
        min-width: 25%;
    }

    .ajanda-gunluk-etkinlik-metin p {
        margin-bottom: 0;
    }

#haftalikAjanda {
    display: block;
}

#gunlukAjanda {
    display: block;
}


@media (max-width:576px) {
    .ajanda-gunluk-aylar {
        flex-wrap: nowrap;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .ajanda-gunluk-gunler {
        flex-wrap: nowrap;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .ajanda-gunluk-etkinlik-column {
        width: 49%;
    }

    .ajanda-gunluk-etkinlik-metin {
        flex-direction: column;
    }

        .ajanda-gunluk-etkinlik-metin span {
            display: block;
        }
}



/* AI Anasayfa Öneri Div */

.ai-line {
    transition: opacity 1s ease-in-out; /* Görünür hale gelirken yumuşak bir geçiş sağlar */
    opacity: 0; /* Başlangıçta gizli */
}

    /* Bu kısım JavaScript tarafından değiştirilir */
    .ai-line.is-visible {
        opacity: 1;
    }