@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");
    @import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap");


    /* diğer stiller */

    .leaders::after {
        display: none;
    }

    section.start-contents .list li>a span.title {
        position: relative;
    }

    section.start-contents .list li>a .leaders {
        flex-grow: 1;
        border-bottom: 2px dotted #888;
        position: relative;
        margin: 0 0.5em;
        align-self: center;
    }

    section.start-contents .list li>a span.title {
        display: flex;
    }


    /* section .page-wrapper {
    border: 2px solid red;
} */

    .leaders {
        display: none;
    }

    section.start-contents .list li>a {
        background-image: radial-gradient(circle, #888 1px, transparent 1px);
        background-image: radial-gradient(circle, #888 1px, transparent 1px);
        background-size: 6px 100%;
        background-repeat: repeat-x;
        background-position: bottom;
    }

    section.start-contents .list li>a span.title {
        background: white;
    }

    section.start-contents .list li>a>.page {
        background: white;
        padding-left: .5rem;
    }

    section.start-contents .list li>a span.title {
        width: fit-content;
        padding-right: .5rem
    }

    section.start-contents .left-desc {
        z-index: 111;
    }

    /* //print */
    @media print {
        :root {
            --bogazici-primary: #006bab;
            ----bogazici-secondary: #00acef;
            --txt-color: #231f20;
            --blue: #006aab;
            --blue-2: #2279b7;
            --gray: #626366;
            --gray-2: #808285;
            --light-blue: #dae5f4;
            --dark: #222020;
            --table-header-gradient: linear-gradient(to right, #006bad, #adc4e7);
            --table-header-gradient-2: linear-gradient(to right, #adc4e7, #006bad);
        }

        body {
            background-color: #f8f8f8;
            color: var(--txt-color);
            margin: 0;
            font-family: "IBM Plex Sans", sans-serif;
        }

        @page {
            size: 180mm 240mm;
            margin: 0;
        }

        html,
        body {
            width: 180mm !important;
            height: 240mm !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .single-page {
            width: 180mm !important;
            height: 240mm !important;
            page-break-after: always;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
        }

        .page-wrapper {
            width: 100% !important;
            height: 100% !important;
            padding: 15mm !important;
            box-sizing: border-box !important;
        }

        .modal {
            display: none !important;
        }


        section.single-page .page-wrapper {
            padding-top: 2.5rem;
        }


        table {
            width: 100%;
        }

        section.single-page .bb-0 {
            border-bottom: 0 !important;
        }

        section.single-page .br-0 {
            border-right: 0 !important;
        }

        .utility.go-page {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255, 255, 255, 0.9);
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            z-index: 100000;
        }

        .utility.go-page .page-nav {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .utility.go-page #pageInfo {
            text-align: center;
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: center;
            margin-top: 5px;
            font-size: .85rem;
            color: gray;
        }

        .utility.go-page .page-nav input {
            width: 60px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            text-align: center;
        }

        .utility.go-page .total-pages {
            color: #666;
            font-size: 14px;
        }

        .pow-single {
            font-size: 0.6em;
            vertical-align: super;
        }

        .pow-container {
            position: relative;
            display: inline-block;
        }

        .pow-container .pow {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 0.6em;
            font-weight: bold;
        }

        .txt-gray>* {
            color: var(--gray);
        }

        a {
            color: unset !important;
        }

        .fw-400 {
            font-weight: 400;
        }

        .mw-100 {
            max-width: 100% !important;
        }

        .text-left-in td,
        .text-left-in th {
            text-align: left !important;
        }

        .single-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        .page-wrapper {
            background-color: white;
            /* width: 21cm; */
            /* margin-bottom: 20px; */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            position: relative;
            overflow: hidden;
        }

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

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

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

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

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

        .fw-400 {
            font-weight: 400 !important;
        }

        .fw-500 {
            font-weight: 500 !important;
        }

        .fw-600 {
            font-weight: 600 !important;
        }

        .bg-white th:not(.bg-light-blue),
        .bg-white td:not(.bg-light-blue) {
            background: white !important;
        }

        body {
            background: none;
            padding: 0;
        }

        .page-wrapper {
            box-shadow: none;
            margin: 0;
            padding: 2.54cm;
        }

        section.cover .page-wrapper {
            position: relative;
            background-color: white;
            overflow: hidden;
        }

        section.cover .page-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            width: auto;
            height: 100%;
            background: url(./images/boun-pattern.svg) no-repeat;
            background-size: contain;
            filter: invert(90%) sepia(1%) saturate(307%) hue-rotate(182deg) brightness(94%) contrast(87%);
            z-index: 0;
            background-position: center;
            transform: translate(-50%);
        }

        section.cover .page-wrapper>* {
            position: relative;
            z-index: 1;
        }


        section.cover .start-contents .desc {
            width: 68%;
        }

        section.cover .start-contents h6 {
            font-weight: 400;
            position: relative;
        }

        section.cover .start-contents h5 {
            font-weight: 400;
            margin-top: -6%;
        }

        section.cover .start-contents h5 {
            margin-top: -6%;
        }

        section.cover .start-contents .desc {
            color: #006aac;
        }

        section.cover .start-contents h6:after {
            content: " ";
            width: 65%;
            height: 2px;
            left: 0;
            position: absolute;
            bottom: 0%;
            bottom: -10%;
        }

        section.cover .start-contents .desc-year {
            display: flex;
            align-items: flex-start;
        }

        section.cover .start-contents h5,
        section.cover .start-contents h6,
        section.cover .start-contents .title {
            color: #00aced;
        }

        section.cover .start-contents h6:after {
            background: #00aced;
        }

        section.cover .start-contents h5 {
            font-weight: 300;
            line-height: 1.8;
        }

        section.cover .start-contents .title {
            font-weight: 400;
        }

        section.cover .page-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .single-page.cover .pattern-line:after {
            content: " ";
            position: absolute;
            top: 0%;
            width: 359px;
            background: #ccd6e7;
            height: 20px;
            left: 40%;
        }

        .single-page.cover .pattern-line {
            position: absolute;
            top: 29%;
            width: 82%;
            height: 2px;
            background: #ccd6e7;
            left: 0;
        }


        /* section start contents */

        section.start-contents>* {
            color: var(--txt-color);
        }

        section.start-contents .pattern-line {
            position: absolute;
            top: 6rem;
            width: 75%;
            height: 2px;
            background: #ccd6e7;
            left: 0;
        }

        section.start-contents .pattern-line:after {
            content: " ";
            position: absolute;
            top: 0%;
            width: 250px;
            background: #ccd6e7;
            height: 20px;
            left: 55%;
        }

        section.start-contents .page-wrapper {
            position: relative;
        }

        section.single-page.start-contents h2 {
            margin-top: 4rem !important;
            color: var(----bogazici-secondary);
            text-transform: lowercase;
            font-weight: 700;
            text-align: center;
            margin-bottom: 2rem;
            font-size: 4rem;
        }


        section.start-contents .visually-hidden {
            clip: rect(0 0 0 0);
            clip-path: inset(100%);
            height: 1px;
            overflow: hidden;
            position: absolute;
            width: 1px;
            white-space: nowrap;
        }

        section.start-contents .list,
        section.start-contents .list ol {
            list-style-type: none;
        }

        section.start-contents .list {
            padding: 0;
        }

        section.start-contents .list ol {
            padding-inline-start: 0;
        }

        section.start-contents .list>li>a {
            font-weight: bold;
            margin-block-start: 1em;
        }

        section.start-contents .list li>a {
            text-decoration: none;
            display: grid;
            grid-template-columns: auto max-content;
            align-items: end;
        }

        section.start-contents .list li>a>.title {
            position: relative;
            overflow: hidden;
        }

        /* 
section.start-contents .list li>a .leaders::after {
    position: absolute;
    padding-inline-start: 0.25ch;
    content: " . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . ";
    text-align: right;
} */

        section.start-contents .list li>a>.page {
            min-width: 2ch;
            font-variant-numeric: tabular-nums;
            text-align: right;
            font-size: 0.65rem;
        }

        section.start-contents .list li>a>.title {
            padding-left: 70px;
        }

        section.start-contents .left-desc {
            position: absolute;
            width: 70px;
            left: 0;
            font-size: 0.72rem;
            top: 0;
        }

        section.start-contents .list li>a {
            position: relative;
            margin: 0;
        }

        section.start-contents .list li>a .title {
            font-size: 0.65rem;
        }

        section.start-contents .list li>a:first-child:not(.visible-line) .leaders:after {
            display: none;
        }

        section.start-contents .list li {
            margin-bottom: 0.65rem;
        }

        section.start-contents .list li>a:first-child {
            font-weight: 700;
            margin-bottom: 0.2rem;
        }

        section.start-contents .list li>a:nth-child(2) {
            font-weight: 400;
        }

        section.start-contents .mini-txt {
            font-size: 0.9rem;
            margin-bottom: 2rem !important;
        }

        section.start-contents .content {
            margin-top: 2rem;
        }

        section.start-contents .content-title-wrapper {
            padding-left: 65px;
            color: var(----bogazici-secondary);
            margin: 2.5rem 0;
        }

        section.single-page.start-contents:has(h2) .content-title-wrapper {
            margin-bottom: 1rem;
        }

        section.start-contents .content-title-wrapper h5:first-child {
            font-weight: 700;
            margin-bottom: 0;
        }

        section.start-contents .content-title-wrapper h5:nth-child(2) {
            font-weight: 400;
        }


        /* section blue cover */

        section.blue-cover .page-wrapper {
            background: #006bab;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        section.blue-cover .page-wrapper img {
            height: 120px;
        }


        /* section intro */

        .single-page.intro {
            position: relative;
            overflow: hidden;
        }

        .single-page.intro .page-wrapper {
            padding-top: 0rem;
            padding-bottom: 0rem;
        }

        .single-page.intro .page-wrapper .top,
        .single-page.intro .page-wrapper .copyright {
            font-size: 0.9rem;
            text-align: center;
        }

        .single-page.intro .page-wrapper .copyright+.center {
            margin-top: 2rem;
        }

        .single-page.intro .page-wrapper .center p {
            font-size: 0.82rem;
            text-align: center;
        }

        .single-page.intro .page-wrapper .center p:first-child {
            font-weight: 600;
        }

        .single-page.intro .page-wrapper .center ol {
            /* text-align: center; */
            /* width:fit-content; */
            margin: auto;
        }

        .single-page.intro .page-wrapper li {
            text-align: center;
            width: fit-content;
            margin: auto;
            font-size: 0.9rem;
        }

        .single-page.intro .page-wrapper .center ol:last-child {
            list-style: upper-roman;
        }

        .single-page.intro .page-wrapper .bottom p {
            text-align: center;
            font-size: 0.9rem;
            margin: 0;
        }

        .single-page.intro .page-wrapper {
            overflow: hidden !important;
            position: relative;
        }

        .single-page.intro .page-wrapper .contents {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            padding-top: 2.54cm;
            padding-bottom: 2.54cm;
            z-index: 111;
            position: relative;
        }

        .single-page.intro .page-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            width: auto;
            height: 100%;
            background: url(./images/boun-pattern.svg) no-repeat;
            background-size: contain;
            filter: invert(96%) sepia(6%) saturate(41%) hue-rotate(169deg) brightness(88%) contrast(86%);
            z-index: 0;
            background-position: center;
            transform: translate(50%);
        }

        section.single-page.preface .page-wrapper h1 {
            color: var(----bogazici-secondary);
            font-size: 2rem;
            font-family: "Libre Baskerville", serif;
        }

        section.single-page.preface .page-wrapper p {
            font-size: 0.75rem;
            text-align: justify;
            padding: 0.3rem 0 0.3rem 3.3rem;
        }

        .single-page.unit-title .desc {
            position: absolute;
            bottom: 4rem;
            color: var(----bogazici-secondary);
            font-style: italic;
            font-weight: 400;
            font-size: 1rem;
            max-width: 550px;
        }

        .single-page.unit-title .desc p:first-child {
            color: var(--bogazici-primary);
        }

        .single-page.unit-title .desc p {
            text-align: end;
        }

        .single-page.unit-title .number-title-wrapper {
            display: flex;
            align-items: center;
        }

        .single-page.unit-title .number-block {
            display: flex;
            align-items: self-end;
            position: relative;
        }

        .single-page.unit-title .number-bg {
            background-color: #d4def0;
            font-weight: 400;
            color: white;
            padding: 0rem 1.5rem;
            line-height: 0.7;
            font-family: "Libre Baskerville", serif;
        }


        .single-page.unit-title .number-bg {
            padding-top: 60%;
            font-size: 11rem;
        }

        .single-page.unit-title .page-wrapper {
            padding-top: 0 !important;
            position: relative;
        }

        .single-page.unit-title .title-content {
            margin-left: 0.5rem;
            margin-bottom: -1rem;
        }

        .single-page.unit-title .title-content h1 {
            color: var(----bogazici-secondary);
            font-size: 4rem;
            margin: 0;
            font-weight: 400;
            text-transform: lowercase;
            font-family: "Libre Baskerville", serif;
        }


        .single-page.page .page-wrapper {
            padding-bottom: 20%;
        }

        .single-page.unit-title .title-content h2 {
            color: var(--bogazici-primary);
            font-size: 3rem;
            margin: 0;
            font-weight: 400;
            text-transform: lowercase;
            position: absolute;
        }

        .top-number-comp .number-block {
            display: flex;
            align-items: self-end;
            position: relative;
            margin-bottom: 1rem;
        }

        .top-number-comp .number-bg {
            background-color: #d4def0;
            font-size: 2rem;
            font-weight: 400;
            color: white;
            padding: 0 0.5rem;
            line-height: 0.7;
            font-family: "Libre Baskerville", serif;
            padding-top: 4rem;
        }

        .top-number-comp .title-content {
            margin-left: 1rem;
        }

        .top-number-comp .title-content h1 {
            color: var(----bogazici-secondary);
            font-size: 1.5rem;
            margin: 0;
            font-weight: 400;
            text-transform: lowercase;
        }

        .top-number-comp .title-content h2 {
            color: var(--bogazici-primary);
            font-size: 0.65rem;
            margin: 0;
            font-weight: 400;
            text-transform: lowercase;
        }


        /* classic number page */

        .single-page.page .page-wrapper {
            padding-top: 0 !important;
            position: relative;
            overflow: hidden;
        }

        .single-page.page .page-wrapper .txt-uppercase {
            text-transform: uppercase;
            color: var(----bogazici-secondary);
            font-size: .85rem;
            font-weight: 700;
            margin-bottom: .85rem;
        }

        .single-page.page .page-wrapper ul {
            padding-left: 0;
            list-style: none;
        }

        .single-page.page .page-wrapper ul li {
            font-size: 0.9rem;
        }

        .single-page.page .page-wrapper ul li:first-child {
            font-weight: 600;
        }


        /* page num comp */

        .page-num-comp {
            font-size: 0.89rem;
            color: var(--dark);
            position: absolute;
            bottom: 1%;
            left: 0;
            text-align: center;
            width: fit-content;
            right: 0;
            margin: auto;
        }

        .page-num-comp:after {
            content: " ";
            width: 30px;
            height: 2px;
            background: var(--gray-2);
            position: absolute;
            top: auto;
            bottom: 50%;
            transform: translate(50%, 50%);
        }

        .page-num-comp::before {
            content: " ";
            width: 30px;
            height: 2px;
            background: var(--gray-2);
            position: absolute;
            top: auto;
            bottom: 50%;
            transform: translate(-150%, 50%);
        }

        /* comp pattern */

        .right-comp-pattern {
            position: absolute;
            top: 0;
            right: -55.5px;
            width: 110px;
            height: 100%;
            background: url(./images/boun-pattern.svg) no-repeat;
            background-size: contain;
            /* filter: invert(83%) sepia(6%) saturate(27%) hue-rotate(201deg) brightness(87%)
    contrast(85%);
  filter: invert(90%) sepia(1%) saturate(307%) hue-rotate(182deg) brightness(94%) contrast(87%); */
            filter: invert(79%) sepia(0%) saturate(179%) hue-rotate(356deg) brightness(88%) contrast(100%);
        }

        .left-comp-pattern {
            position: absolute;
            top: 0;
            left: -55.5px;
            width: 110px;
            height: 100%;
            background: url(./images/boun-pattern.svg) no-repeat;
            background-size: contain;
            /*filter: invert(83%) sepia(6%) saturate(27%) hue-rotate(201deg) brightness(87%)
    contrast(85%);
  filter: invert(90%) sepia(1%) saturate(307%) hue-rotate(182deg) brightness(94%) contrast(87%); */
            filter: invert(79%) sepia(0%) saturate(179%) hue-rotate(356deg) brightness(88%) contrast(100%);
        }

        .table-wrapper .classic-table .table {
            width: 100%;
            border-collapse: collapse;
            /* margin-top: -1px; */
            position: relative;
        }

        .table .bg-light-blue th:not(.total),
        .table .bg-light-blue td:not(.total),
        .table .bg-light-blue {
            background: #dae5f4 !important;
        }

        .table th,
        .table td {
            /* font-size: 0.6rem; */
            font-size: 0.5rem;
            padding: 0.1rem !important;
            border: 1px solid #818283;
            font-weight: 400;
            vertical-align: middle;
            text-align: center;
        }

        .table th.total,
        .table td.total,
        .table tr.total-row td,
        .table tr.total-row th {
            background: #00a0da !important;
            color: white;
        }

        .table tr.total-row td.text-dark {
            color: var(--txt-color) !important;
        }

        .text-dark,
        .table tr.text-dark-row td,
        .table tr.text-dark-row th {
            color: var(--txt-color);
        }

        .table .bb-gray-1,
        .table .bb-gray-1-row td,
        .table .bb-gray-1-row th {
            border-bottom: 1px solid var(--gray) !important;
        }


        .table .bl-gray-1,
        .table .bl-gray-1-row td,
        .table .bl-gray-1-row th {
            border-left: 1px solid var(--gray) !important;
        }

        .vs-none {
            visibility: hidden;
        }

        .thead-fw-bold th,
        .tbody-fw-bold td {
            font-weight: 600;
        }

        /* .thead-borderless tr th:first-child {
        border-left: 0;
        border-top: 0;
    } */

        .thead-borderless tr th {
            border-top: 0;
        }

        /* .tbody-borderless tr td:first-child {
        border-left: 0;
        border-top: 0;
    } */

        .tbody-borderless tr td {
            border-top: 0;
        }

        /* .tbody-borderless tr td:last-child {
        border-right: 0;
    } */

        table.table {
            margin-bottom: .2rem !important;
        }

        .pd-1 th,
        .pd-1 td {
            padding: .3rem !important;
        }

        .pd-05 th,
        .pd-05 td {
            padding: .25rem !important;
        }

        .pd-03 th,
        .pd-03 td {
            padding: .15rem !important;
        }

        .bb-blue-7 {
            border-bottom: 3px solid #006aac;
        }

        .br-blue-7 {
            border-right: 3px solid #006aac !important;
        }

        .tl-first-td td:first-child {
            text-align: left;
        }

        .tl-four-td td:nth-child(4n) {
            text-align: left !important;
        }

        .tl-first-light-blue td:first-child:not(.total) {
            background: #dae5f4
        }

        .tl-first-br-blue-7 td:first-child:not(.br-gray-1),
        .tl-first-br-blue-7 th:first-child:not(.br-gray-1) {
            border-right: 3px solid #006aac !important;
        }

        .tl-first-br-blue-7-thin td:first-child:not(.br-gray-1),
        .tl-first-br-blue-7-thin th:first-child:not(.br-gray-1) {
            border-right: 3px solid #006aac !important;
        }

        .tl-first-nowrap td:first-child,
        .tl-first-nowrap th:first-child {
            white-space: nowrap !important;
        }

        .tl-last-bold td:last-child,
        .tl-last-bold th:last-child {
            font-weight: 600 !important;
        }

        .tl-nine-br-blue-7 td:nth-child(9n),
        .tl-nine-br-blue-7 th:nth-child(9n) {
            border-right: 3px solid #006aac !important;
        }

        .tl-nine-br-blue-1 td:nth-child(9n),
        .tl-nine-br-blue-1 th:nth-child(9n) {
            border-right: 3px solid #006aac !important;
        }

        .tl-nine-br-blue-7-thin td:nth-child(9n),
        .tl-nine-br-blue-7-thin th:nth-child(9n) {
            border-right: 3px solid #006aac !important;
        }

        .tl-four-br-blue-7-thin td:nth-child(4n),
        .tl-four-br-blue-7-thin th:nth-child(4n) {
            border-right: 3px solid #006aac !important;
        }

        .table-header-wrapper {
            margin-top: 4rem;
            position: relative;
            margin-bottom: 2rem;
        }

        .table-header-wrapper span.mini-title {
            position: absolute;
            right: 0;
            top: 0;
            background: var(--blue);
            color: #fff;
            font-size: 0.89rem;
            padding: 10px;
            width: 170px;
            text-align: center;
            padding-bottom: 2rem;
            z-index: 1;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            font-weight: 600;
            transform: translateY(-55%);
            color: #fff;
            font-size: 0.89rem;
            padding: 5px;
            padding-bottom: 1rem;
            white-space: nowrap;
            width: auto;
            min-width: 170px;
        }

        .table-header-wrapper .desc {
            color: white;
            margin: 0;
            background: var(--table-header-gradient);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin-top: 2rem;
            position: relative;
            padding: .8rem;
            z-index: 1111;
            text-align: center;
            border: 3px solid #0069ab;
        }

        .table-header-wrapper .desc::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: inherit;
            padding: 3px;
            background: var(--table-header-gradient-2);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
            display: none;
        }

        .table-header-wrapper .desc::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: inherit;
            padding: 3px;
            background: var(--table-header-gradient-2);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
            opacity: 0.5;
            display: none;
        }

        .table-header-wrapper .desc p {
            margin: 0;
        }

        .classic-table {
            margin-bottom: 2rem;
            width: 100%;
            overflow: auto;
        }

        section.table-page .table.gradient {
            width: 100%;
            border-collapse: collapse;
            margin-top: -1px;
            position: relative;
        }

        section.table-page .table.gradient.gradient-border::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 3px;
            background: var(--table-header-gradient);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }

        section.table-page .table.gradient.gradient-border::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 3px;
            background: var(--table-header-gradient-2);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
            opacity: 0.5;
        }

        section.table-page .table.gradient thead {
            background: var(--light-blue);
            font-weight: normal;
        }

        section.table-page .table.gradient th {
            background: #dae5f4;
            font-size: 0.9rem;
            text-align: center;
            padding: 1rem 0.5rem;
            border: 1px solid #818283;
            padding: 0.5rem !important;
        }

        section.table-page .table.gradient thead tr {
            border-color: #818283;
        }

        section.table-page .table.gradient thead tr:last-child {
            border-bottom: 3px solid #006aac;
        }

        section.table-page .table.gradient thead tr:last-child th {
            font-weight: 400;
        }

        section.table-page .table.gradient tbody {
            background: var(--table-header-gradient);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 400;
            font-size: 0.9rem;
            border: none;
        }

        section.table-page .table.gradient td {
            padding: .5rem;
            text-align: center;
            border: 1px solid #eee;
            font-size: 0.9rem;
            white-space: nowrap;
        }

        section.table-page .table.gradient tbody tr td:last-child {
            border-right: 0;
        }

        section.table-page .table.gradient tbody tr td:first-child {
            border-left: 0;
        }

        section.table-page .table.gradient .bg-blue {
            background: #00a0da;
            color: white;
        }

        section.table-page .table.gradient .bg-blue-2 {
            background: #009fda !important;
            color: white;
        }

        section.table-page .table.gradient .bg-blue-3 {
            background: #dae5f4 !important;
            color: white;
        }

        section.table-page .single-table {
            margin-bottom: 6rem;
        }

        section.table-page .table-wrapper {
            width: 100%;
            overflow-x: auto;
            margin-bottom: 1rem;
            position: relative;
            background: white;
        }

        section.table-page .table-wrapper::-webkit-scrollbar {
            height: 8px;
        }

        section.table-page .table-wrapper::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }

        section.table-page .table-wrapper::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 4px;
        }

        section.table-page .table-wrapper::-webkit-scrollbar-thumb:hover {
            background: #ccc;
        }

        section .pie .chart-wrapper {
            margin-top: 4rem;
            text-align: center;
        }

        section .pie .chart-wrapper .chart-header {
            margin-bottom: 2rem;
        }

        section .pie .chart-wrapper .chart-header h3 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        section .pie .chart-wrapper .chart-header p {
            font-size: 0.9rem;
            color: var(--gray);
        }

        section .pie .chart-container {
            height: 350px;
            margin: 0 auto;
            position: relative;
            transform: rotate(45deg);
            z-index: 1;
        }

        section .pie .chart-container canvas {
            transform-style: preserve-3d;
            backface-visibility: hidden;
        }

        section .pie .chart-legend {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
        }

        section .pie .legend-item,
        section .line .legend-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            width: 100%;
            justify-content: space-between;
            padding-right: 1rem;
        }

        section .pie .legend-color,
        section .line .legend-color {
            width: 25px;
            height: 25px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 0.7rem;
        }

        section .pie .legend-item:nth-child(1) .legend-color {
            background-color: #007bb2;
        }

        section .pie .legend-item:nth-child(2) .legend-color {
            background-color: #375aa4;
        }

        section .pie .legend-text {
            display: flex;
            flex-direction: column;
            align-items: end;
            font-size: 0.82rem;
            text-align: end;
            flex: 1;
        }

        section .pie .legend-text .percent {
            font-weight: bold;
            color: var(--bogazici-primary);
        }

        section .pie .legend-text small {
            color: var(--gray);
            font-size: 0.8rem;
        }

        section .pie .pie-chart-wrapper {
            display: flex;
            align-items: center;
            height: fit-content;
        }

        section .pie .pie-chart-wrapper .chart-right,
        section .line-chart-wrapper .chart-right {
            display: flex;
        }

        section .line-chart-wrapper .chart-right {
            gap: .5rem;
            flex-direction: column;
        }

        section .pie .chart-legend,
        section .pie .chart-container {
            /* flex: 1; */
        }

        section .pie .chart-header .title-wrapper p,
        section .pie .chart-header .desc-wrapper p {
            margin-bottom: 0;
            font-size: 0.9rem;
        }

        section .pie .chart-header .desc-wrapper p {
            color: #6d6e70;
        }

        section .pie .legend-title span {
            font-size: 0.8rem;
            background: #0068a9;
            padding: 5px 10px;
            color: #fff;
            border-top-right-radius: 15px;
            font-weight: 600;
        }

        section .pie .legend-title {
            height: 150px;
            display: flex;
            align-items: center;
            border-left: 2px solid #0068a9 !important;
        }


        /* 
section.page .pie .percent-symbol {
  font-size: 100px;
  background: linear-gradient(45deg, #b0b0b09c, #e0e0e000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 295px;
  margin-top: -105px;
  z-index: 0; 
}*/


        /* horizontal table */

        section.single-page .single-table.horizontal-table.table-style-2 tr td:first-child {
            text-align: left;
            background: #dae5f4;
            border: 1px solid #818283;
        }

        section.single-page .single-table.horizontal-table.table-style-2 tr td.bg-blue {
            background: #00a0da;
            color: white;
        }


        /* table style 2 */

        section.single-page .single-table.horizontal-table.table-style-2 th:first-child,
        section.single-page .single-table.horizontal-table.table-style-2 td {
            border-color: #818283 !important;
        }

        section.single-page .single-table.horizontal-table.table-style-2 thead tr {
            border-bottom: 0 !important;
        }

        section.single-page .single-table.horizontal-table.table-style-2 th[rowspan]:first-child,
        section.single-page .single-table.horizontal-table.table-style-2 td:first-child {
            border-right: 3px solid #006aac !important;
        }

        section.single-page .single-table.horizontal-table.table-style-2 tr th:not([rowspan]) {
            background: white !important;
        }

        .br-blue-1 {
            border-right: 3px solid #006aac !important;
        }

        .bb-blue-1 {
            border-bottom: 3px solid #006aac !important;
        }

        .bt-blue-1 {
            border-top: 3px solid #006aac !important;
        }

        .br-blue-thin {
            border-right: 2px solid #006aac !important;
        }

        /* table style 3 */

        section.single-page .table-style-3 tr td:first-child {
            background: #dae5f4;
            text-align: left !important;
            border-right: 3px solid #006aac !important;
            border-left: 0 !important;
        }

        section.single-page .table-style-3 tr:last-child td {
            border-bottom: 3px solid #006aac !important;
        }


        /* page 10 

section.single-page.page-10 #barChart {
  background: #dbe5f4;
  padding-top: 2rem;
  border-top: 3px solid #818284;
  border-bottom: 3px solid #818284;
}

section.single-page.page-10 .bar-chart-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

section.single-page.page-10 .chart-container {
  flex: 1;
}

section.single-page.page-10 .custom-legend {
  width: 120px;
  padding-top: 40px;
  padding-right: 4rem;
}

section.single-page.page-10 .legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  justify-content: end;
}

section.single-page.page-10 .legend-color {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  margin-top: 3px;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}

section.single-page.page-10 .legend-text {
  display: flex;
  flex-direction: column;
}

section.single-page.page-10 .legend-text span {
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.2;
}

section.single-page.page-10 .legend-text small {
  font-size: 12px;
  color: #666;
}

section.single-page.page-10 .legend-title span {
  font-size: 0.8rem;
  background: #0068a9;
  padding: 5px 10px;
  color: #fff;
  border-top-right-radius: 15px;
  font-weight: 600;
}

section.single-page.page-10 .chart-header .title-wrapper p,
section.single-page.page-10 .chart-header .desc-wrapper p {
  margin-bottom: 0;
  font-size: 0.9rem;
}

section.single-page.page-10 .chart-legend {
  flex: 0.7;
}

section.single-page.page-10 .pie-chart-wrapper {
  display: flex;
  align-items: center;
  height: fit-content;
}

section.single-page.page-10 .pie-chart-wrapper.single-pie-chart {
  display: flex;
}

section.single-page.page-10 .chart-container {
  flex: 2 !important;
}

section.single-page.page-10 .pie-chart-right {
  flex: 1;
}
*/

        .width-fit {
            width: fit-content !important;
        }

        .chart-right.flex-2 {
            flex: 1 !important;
        }

        .chart-right.flex-1 {
            flex: 1;
        }

        section.single-page .pie .chart-container {
            height: 378px;
            margin: 0 auto;
            position: relative;
            transform: rotate(45deg) translateY(20px) translateX(-20px);
            z-index: 1;
        }


        /* .chart-with-percent .chart-container:after {
  content: "%";
  font-size: 8rem;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-45deg) translateY(-95px) translateX(-50px);
  z-index: -1;
  background: linear-gradient(45deg, #c4c5c7, #f9f9f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */

        section.single-page .chart-header .desc-wrapper p {
            margin-bottom: 1rem;
            color: #6d6e70;
            font-size: .65rem !important;
        }

        section.single-page .chart-header .title-wrapper p {
            margin-bottom: 0;
            font-size: 0.9rem;
            font-weight: 500;
        }

        section.single-page .chart-header .title-wrapper p {
            font-size: .65rem !important;
        }

        .single-pie-chart .chart-container.flex-3 {
            flex: 3;
        }

        section.table-page .table.gradient thead tr {
            border-bottom: 1px solid #77777a !important;
        }

        section.table-page .table.gradient thead th:last-child {
            border-right: 0;
        }

        section.table-page .table.gradient td {
            border: 1px solid #77777a;
        }

        section.table-page .table.gradient tr:first-child th:first-child {
            border-right: 3px solid #006aac !important;
            border-left: 0;
        }

        section.single-page .table-style-3 tr:last-child td {
            border-bottom: 0 !important;
        }


        /* page 12 */

        section.single-page .bar-chart-container .chart-container {
            background: #dbe5f4;
            padding-top: 1rem;
            border-top: 3px solid #818284;
            border-bottom: 3px solid #818284;
        }

        section .bar-chart-container .legend-title span {
            font-size: 0.8rem;
            background: #0068a9;
            padding: 5px 10px;
            color: #fff;
            border-top-right-radius: 15px;
            font-weight: 600;
        }

        section .bar-chart-container {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        section.single-page .legend-item {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 5px;
            justify-content: end;
        }

        section.single-page .legend-color {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-top: 3px;
            border-radius: 5px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.65rem;
        }

        section.single-page .legend-text {
            display: flex;
            flex-direction: column;
        }

        section.single-page .legend-text span {
            font-weight: 400;
            font-size: 0.65rem;
            line-height: 1.2;
        }

        section.single-page .legend-text small {
            font-size: 0.65rem;
            color: #666;
        }

        section.single-page .legend-title span {
            font-size: 0.65rem;
            background: #0068a9;
            padding: 5px 10px;
            color: #fff;
            border-top-right-radius: 15px;
            font-weight: 600;
            white-space: nowrap;
        }

        section.single-page .faculty-legend small,
        section.single-page .faculty-legend span:has(.small) {
            color: #6d6e70;
            font-size: 0.65rem;
        }

        section.single-page .faculty-legend {
            display: grid;
            grid-template-columns: auto auto;
            margin-bottom: 3rem;
            font-size: 0.7rem;
            max-width: 80%;
        }

        section.single-page .chart-legend {
            /* flex: 1; */
            display: flex;
            gap: 1rem;
            flex-direction: column;
            margin-bottom: 2rem;
            flex-wrap: wrap;
            width: fit-content !important;
        }

        section.single-page .bar-chart-container .chart-legend {
            width: fit-content !important;
        }


        /* page 13 */

        .vertical-td-content,
        .vertical-td {
            writing-mode: vertical-rl;
            -webkit-writing-mode: vertical-rl;
            transform: rotate(180deg);
            text-align: center !important;
            white-space: nowrap;
            height: auto;
        }

        section.single-page td:has(.vertical-td-content) {
            width: 50px;
        }

        section.single-page .table-notes {
            max-width: 600px;
            font-size: 0.9rem;
        }

        section.single-page .table-notes p {
            margin-bottom: 0;
        }


        /* table style 4 */

        section.table-page .table-style-4 .table.gradient tr:first-child th:first-child {
            border-right-color: #818283 !important;
            border-right-width: 1px !important;
        }

        section.table-page .table-style-4 .table.gradient thead tr:last-child th {
            border-bottom: 3px solid #006aac !important;
        }

        .br-blue-1 {
            border-right: 3px solid #006aac !important;
        }

        section.table-page .table-style-5 tr th {
            border-bottom: 3px solid #006aac !important;
        }

        section.table-page .table-style-5 tr th:first-child {
            text-align: left !important;
        }

        section.table-page .table-style-5 .table.gradient tr:first-child th:first-child {
            padding: 5px !important;
        }

        section.table-page .table-style-5 .table.gradient td {
            padding: 0.3rem 1rem;
        }

        .br-blue-bottom-1 {
            border-bottom: 3px solid #006aac !important;
        }

        section.table-page .table-style-4 .table.gradient td {
            padding: 0.3rem 1rem;
        }

        section.table-page .table-style-4 .table.gradient tr:first-child th {
            background: white;
        }

        section.table-page .table-style-4 .table.gradient tr:first-child th:first-child {
            background: #dae5f4;
        }

        section.table-page .table-style-6 .table.gradient td {
            padding: 0.3rem 1rem;
        }

        section.table-page .table-style-6 thead th {
            background: white !important;
        }

        .table-normal table td,
        .table-normal table th {
            padding: 0.5rem 1rem !important;
            font-size: 0.9rem;
        }

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

        .bl-none {
            border-left: none !important;
        }

        .chart-row-2 .single-pie-chart .chart-container {
            flex: 2;
        }

        .gap-05 {
            gap: 0.5rem;
        }

        .faculty-legend>.d-flex {
            padding-right: .5rem;
        }

        .custom-legend {
            padding-left: .5rem;
        }

        .custom-legend.centered {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        section.table-page tr.total-row {
            background: #dae5f4;
            text-align: left !important;
            border-bottom: 3px solid #006aac !important;
        }

        .with-percent .chart-container:after {
            /* content: "%";
    font-size: 8rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(-45deg) translateY(-95px) translateX(-50px);
    z-index: -1;
    background: linear-gradient(45deg, #c4c5c7, #f9f9f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 300; */
        }

        .d-row-in .legend-text,
        .legend-text.d-row {
            flex-direction: row !important;
        }

        .program-list {
            list-style: none;
            padding: 0;
        }

        .program-list li {
            margin-bottom: .5rem;
        }

        .program-list h4 {
            font-weight: 600;
            margin-bottom: .2rem;
            font-size: .6rem;
        }

        .program-list p {
            font-size: 0.5rem;
            font-weight: 400;
            margin-bottom: 0rem;
        }

        .program-list p:first-of-type {
            font-weight: 400;
        }

        .faculty-average {
            margin: 1rem 0;
            width: 80%;
        }

        .faculty-average.full-width {
            width: 100%;
        }

        .faculty-average table td[colspan]:first-child {
            border-bottom: 3px solid #006aac !important;
        }

        .faculty-average table {
            border-collapse: collapse;
            width: auto;
            margin: 0 auto;
        }

        .faculty-average td {
            border: 1px solid #77777a;
            padding: 0.25rem .5rem;
        }

        .faculty-average td:first-child {
            min-width: 300px;
        }

        .faculty-average tr:first-child td {
            background: #dae5f4;
            text-align: center;
        }

        .faculty-section .faculty-title {
            margin-bottom: .5rem;
            font-size: .8rem;

        }

        .faculty-section .faculty-title span.fw-600 {
            text-transform: uppercase;
        }

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

        .br-gray-1,
        section.single-page .table-style-3 tr td.br-gray-1 {
            border-right: 1px solid #77777a !important;
        }

        .br-gray-1 {
            border-right: 1px solid #77777a !important;
        }

        .bl-gray-1 {
            border-left: 1px solid #77777a !important;
        }

        .bt-gray-1 {
            border-top: 1px solid #77777a !important;
        }

        .flex-1 {
            flex: 1;
        }

        rect.highcharts-background {
            fill: transparent;
        }

        .diagonal-cell-reverse {
            position: relative;
            padding: 0;
            margin: 0;
            border: none;
        }

        .diagonal-overlay-reverse {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to top right, transparent 49%, #818284 50%, transparent 51%);
            z-index: 0;
            pointer-events: none;
        }

        .top-right-text {
            position: absolute;
            top: 5px;
            right: 5px;
            z-index: 1;
        }

        .bottom-left-text {
            position: absolute;
            bottom: 5px;
            left: 5px;
            z-index: 1;
        }

        .fw-600-in th,
        .fw-600-in td,
        .fw-600-in p {
            font-weight: 600 !important;
        }

        .fw-400-in th {
            font-weight: 400 !important;
        }


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

        .bar-chart-wrapper.bar .bar-content,
        .line-chart-wrapper .line-content {
            display: flex;
            height: 100%;
        }

        .bar-chart-wrapper.bar .bar-content .chart-container,
        .line-chart-wrapper .line-content .chart-container {
            height: 100%;
            flex: 1;
            background: #dbe5f4;
            padding-top: 2rem;
            border-top: 3px solid #818284;
            border-bottom: 3px solid #818284;
        }

        .color-light-blue {
            color: #009fda !important;
        }

        table.w-80 {
            width: 80% !important;
            margin: auto;
        }

        .fraction {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            font-size: 0.65rem;
        }

        .fraction .numerator {
            border-bottom: 1px solid black;
            text-align: left;
            width: 100%;
            font-size: 0.65rem;
        }

        .fraction .denominator {
            text-align: center;
            width: 100%;
        }

        .table-footer p,
        .table-footer small {
            font-size: 0.65rem !important;
        }

        .custom-ordered-list {
            counter-reset: list-counter;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .custom-ordered-list li {
            counter-increment: list-counter;
            margin-bottom: 8px;
            font-size: 0.65rem !important;
        }

        .custom-ordered-list li::before {
            content: " (" counter(list-counter) ") ";
            font-weight: bold;
            margin-right: 8px;
            color: black;
            font-size: 0.65rem !important;
        }

        .sm-desc {
            font-size: 0.65rem !important;
            color: #6d6e70;
        }

        .txt-gray {
            color: #6d6e70;
            font-weight: 400;
        }

        .txt-inline {
            display: inline;
        }

        .custom-star-list .sm-desc,
        .custom-ordered-list .sm-desc {
            padding-left: 2rem;
        }

        .grid-custom-legend {
            display: grid;
            grid-template-columns: auto auto auto auto;
            margin-top: 1rem;
            gap: .5rem;
        }

        .grid-custom-legend .legend-item {
            justify-content: start !important;
            padding-right: 10px;
            text-align: end;
        }

        .gap-1 {
            gap: 1rem;
        }

        .gap-2 {
            gap: 2rem;
        }

        .grid-area {
            display: grid !important;
            grid-template-columns: auto auto auto auto auto;
        }

        /* .table td>span,
.table th>span,
.table .vertical-td-content>span {
    display: block !important;
} */

        .custom-legend.w-fit {
            max-width: 690px !important;
            flex: 1;
        }

        /* ----------
pdf çevir
----------- */

        body {
            width: 180mm;
            height: 240mm;
            margin: 0;
            padding: 0;
            font-family: "IBM Plex Sans", sans-serif;
            font-size: 10pt;
            line-height: 1.4;
            box-sizing: border-box;
            background-color: #fff;
        }

        .single-page {
            width: 180mm;
            height: 240mm;
            overflow: hidden;
            page-break-after: always;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .page-wrapper {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
        }

        h1 {
            font-size: 18pt;
            margin: 0 0 5mm 0;
            font-weight: bold;
        }

        h2 {
            font-size: 16pt;
            margin: 0 0 4mm 0;
            font-weight: bold;
        }

        h3 {
            font-size: 14pt;
            margin: 0 0 3mm 0;
            font-weight: bold;
        }

        h5 {
            font-size: 12pt;
            margin: 0 0 2mm 0;
        }

        h6 {
            font-size: 10pt;
            margin: 0 0 1mm 0;
        }

        table {
            width: 100%;
            max-width: 190mm;
            font-size: 9pt;
            border-collapse: collapse;
            table-layout: auto;
        }

        th,
        td {
            padding: 1mm;
            text-align: left;
            border: 0.5pt solid #ccc;
            word-wrap: break-word;
            overflow-wrap: break-word;
            white-space: normal;
        }

        th {
            background-color: #f0f0f0;
            font-weight: bold;
        }

        .table-wrapper {
            width: 100%;
            overflow-x: auto;
            margin: 0;
            padding: 0;
        }

        .chart-container {
            width: 90%;
            height: auto;
            max-height: 60mm;
            transform: none !important;
        }

        .list {
            padding-left: 5mm;
            font-size: 9pt;
            width: 100%;
        }

        .list li {
            margin-bottom: 2mm;
            line-height: 1.2;
        }

        .list li a {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .leaders {
            flex-grow: 1;
            border-bottom: 0.5pt dotted #000;
            margin: 0 2mm;
            height: 0;
        }

        .page {
            min-width: 2mm;
            font-size: 8pt;
        }

        .pattern-line {
            height: 0.5pt;
            background: #000;
            width: 50mm;
            margin: 5mm 0;
        }

        .page-num-comp {
            position: absolute;
            bottom: 2mm;
            right: 2mm;
            font-size: 8pt;
        }

        .utility.go-page {
            display: none;
        }

        a[href] {
            text-decoration: none;
            color: inherit;
        }

        body {
            background: none;
        }

        .page-wrapper {
            box-shadow: none;
            padding: 0;
        }

        table {
            font-size: 8pt;
        }

        th,
        td {
            padding: 0.5mm;
        }

        .chart-container {
            max-width: 85%;
        }

        section.single-page {
            border: 1px solid red;
        }

        section.single-page {
            border: none;
        }


        /* pdf tabanlı css */

        .utility.go-page {
            display: none;
        }

        section.cover .start-contents .title {
            font-size: 5rem;
        }

        section.cover .start-contents h6 {
            font-size: 3rem;
        }

        section.cover .page-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: self-end;
            padding-right: 2rem;
        }

        section.cover .page-wrapper .desc p {
            font-size: 2.2rem;
            margin-bottom: .5rem;
        }

        section.cover .start-contents h5 {
            font-weight: 400;
        }


        section.single-page.preface .page-wrapper {
            padding-left: 6rem;
        }

        section.single-page.preface .page-wrapper p {
            line-height: .95rem;
            margin-bottom: 0;
        }

        section.single-page.preface .page-wrapper h1 {
            margin-bottom: .5rem;
            font-size: 2rem;
            font-weight: 500;
        }

        .single-page.unit-title .desc {
            padding-right: 2rem;
            right: 0;
        }

        .single-page.unit-title .desc {
            bottom: 3rem;
            font-weight: 400;
            font-size: .8rem
        }

        .top-number-comp .number-bg {
            padding-top: 2rem;
        }

        .page-wrapper {
            padding: 50px;
        }

        .single-page.page .page-wrapper ul li {
            font-size: 0.65rem;
        }

        .top-number-comp .number-bg {
            font-size: 2.5rem;
        }

        .top-number-comp .title-content h1 {
            font-size: 1.1rem;
        }

        .table-header-wrapper span.mini-title {
            font-size: .6rem;
            min-width: 120px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }



        .table-header-wrapper {
            margin-top: 1rem;
            margin-bottom: .3rem !important;
        }

        section.table-page .table.gradient th {
            font-size: 0.7rem;
            padding: 2px !important;
        }

        section.table-page .table.gradient td {
            font-size: 0.6rem !important;
            padding: 2px !important;
        }

        .table-header-wrapper .desc p {
            font-size: .55rem !important;
        }

        section.table-page#page-5 .table-style-4 .table.gradient tr:first-child th:not(.bg-blue),
        section.table-page#page-6 .table-style-4 .table.gradient tr:first-child th:not(.bg-blue) {
            background-color: #dae5f4 !important;
        }

        section.table-page#page-5 .table.gradient th.bg-blue,
        section.table-page#page-6 .table.gradient th.bg-blue {
            background: #00a0da !important;
        }

        section.table-page .single-table {
            margin-bottom: .5rem;
        }

        section.single-page .chart-header .title-wrapper p {
            font-size: .8rem;
        }


        section.single-page .pie .chart-container {
            max-height: 300px;
            max-width: 250px;
        }

        section.single-page {
            border: 0 !important;
        }

        .single-page#page-7 {
            position: relative;
        }

        /* .single-page#page-7 .single-table{
    transform: rotate(-90deg) translateX(-50%) translateY(0%) scale(0.72);
    position: absolute;
    right: 0;
    top: -50%;
    bottom: 0;
    height: 100vh;
} */

        #page-7 .table td>span,
        #page-7 .table th>span,
        #page-7 .table .vertical-td-content>span {
            display: inline-flex !important;
        }

        #page-8 td span,
        #page-8 th span,
        #page-9 td span,
        #page-9 th span {
            display: inline-flex !important;
        }

        .table-header-wrapper .desc p {
            font-size: .6rem !important;
        }

        .custom-legend,
        section.single-page .chart-legend {
            flex-direction: column !important;
            display: flex;
            gap: .3rem;
            flex-wrap: wrap;
            width: fit-content;
        }

        .legend-title {
            display: grid;
        }


        .pie-chart-wrapper.single-pie-chart {
            display: flex;
            align-items: center;
        }

        [data-page-number="V"] .page-wrapper {
            padding-top: 9rem !important;
        }



        #page-11 tbody span.fw-bold {
            display: block;
        }


        #page-12 .classic-table {
            margin-bottom: 0rem;
        }

        #page-12 p {
            margin-bottom: .3rem;
        }

        #page-12 .chart-header {
            margin-bottom: 1rem;
        }

        #page-12 .chart-container {
            max-height: 70mm;
        }

        #page-12 .highcharts-label text {
            display: none;
        }


        /* .single-page#page-7 .single-table {
        transform: rotate(-90deg) translateX(-55%) translateY(25%) scale(1.2);
        position: absolute;
        top: -40%;
        height: 100vh;
    } */

        #page-13 td:has(.vertical-td-content) {}

        #page-13 .table-style-3 tr td:first-child {
            border-top: 0 !important;
        }

        #page-13 .table-style-3 tr td:first-child {}

        #page-13 td.bg-white.br-blue-7.text-left {
            background: #dae5f4 !important;
        }

        #page-13 .year-cell {
            border: 1px solid #818283 !important;
        }

        #page-13 td:has(.vertical-td-content) {}

        #page-13 .table-style-3 tr td.year-cell:first-child {
            border-right: 1px solid #818283 !important;
            border-left: 0 !important;
            text-align: center !important;
        }

        #page-13 td:has(.vertical-td-content) {
            width: 40px !important;
        }

        #page-13 td.bg-white.br-blue-7.text-left {
            white-space: nowrap;
        }

        #page-14 th.fw-600 {
            white-space: nowrap;
        }

        #page-14 tbody span.fw-600 {
            display: block;
        }

        p {
            margin-bottom: .2rem;
            font-size: .65rem;
        }

        .mb-1 {
            margin-bottom: .14rem !important;
        }

        .classic-table {
            margin-bottom: .45rem;
        }

        #page-15 span.fw-600 {
            display: block;
        }


        #page-6 .single-table {
            margin-bottom: 2rem;
        }


        #page-5 .table-tc-blue {
            margin-bottom: 4rem;
        }

        #page-6 .single-table td,
        #page-6 .single-table th,
        #page-5 .single-table td,
        #page-5 .single-table th,
        #page-11 .single-table td,
        #page-11 .single-table th {
            padding: .5rem !important;
        }

        #page-5 .single-table td {
            white-space: nowrap;
        }

        #page-11 .table-wrapper {
            margin-bottom: 3rem !important;
        }

        #page-11 span.fw-bold {
            display: block;
        }

        #page-11 th:first-child b {
            display: block;
        }

        #page-11 th:first-child {
            text-align: center !important;
        }

        #page-11 thead th {
            white-space: nowrap !important
        }


        #page-16 td.bg-white.br-blue-7.text-left,
        #page-17 td.bg-white.br-blue-7.text-left {
            background: #dae5f4 !important;
            border-left: 1px solid #818283 !important;
        }

        #page-16 td,
        #page-17 td {
            border: 1px solid #818283 !important;
        }

        #page-16 td:first-child,
        #page-17 td:first-child {
            border-left: 0 !important;
        }

        #page-16 td.bg-white.br-blue-7.text-left,
        #page-16 td.br-blue-7.total,
        #page-17 td.bg-white.br-blue-7.text-left,
        #page-17 td.br-blue-7.total {
            border-right: 3px solid #006aac !important;
        }

        #page-16 td:last-child,
        #page-17 td:last-child {
            font-weight: 600;
        }


        #page-16 span.fw-600,
        #page-17 span.fw-600 {
            display: block;
        }

        #page-16 span.fw-400,
        #page-17 span.fw-400 {}

        /* #page-16 th, 
#page-16 td,
#page-17 th, 
#page-17 td {
    padding: 0 !important;
} */

        #page-16 td,
        #page-16 th,
        #page-17 td,
        #page-17 th {
            padding: .15rem !important;
        }

        #page-18 tr:last-child {
            border-bottom: 1px solid #818283;
        }

        #page-18 .fw-600 {
            display: block;
        }

        #page-18 .pd-05 th,
        #page-18 .pd-05 td {
            padding: 0 !important;
        }

        #page-18 .table-header-wrapper {
            margin-bottom: 0 !important;
        }

        #page-18 tr:has(.total-td) td {
            background: #dae5f4 !important;
            border-bottom: 3px solid #006aac !important;
        }

        #page-18 .year-cell:last-child {
            border-bottom: 3px solid #006aac !important;
        }

        #page-18 .year-cell {
            border-right: 1px solid #818283 !important;
        }

        .single-page#page-19 .single-table {
            transform: rotate(-90deg) translateX(-45%) translateY(35%) scale(1.2);
            position: absolute;
            top: -37%;
            height: 100vh;
        }

        .single-page#page-19 td {
            white-space: nowrap;
        }


        #page-20 td .fw-600 {
            display: block
        }

        #page-20 tr:has(.total-td) td {
            border-bottom: 3px solid #006aac !important;
        }

        #page-21 .legend-title {
            order: 2;
        }

        #page-21 .custom-legend.mt-3 {
            border-right: 1px solid #0068a9
        }

        #page-21 td .fw-600 {
            display: block;
        }

        #page-22 .chart-wrapper {
            transform: rotate(-90deg) translateX(-63%) translateY(31%) scale(1);
            position: absolute;
            top: -44%;
            height: 100vh;
        }

        #page-22 .chart-wrapper .chart-container {
            max-height: 85mm;
        }

        #page-23 .single-table.table-style-3.mb-4 {
            transform: rotate(-90deg) translateX(-53%) translateY(24%) scale(1.1);
            position: absolute;
            top: -43%;
            height: 100vh;
        }

        #page-23 td .fw-600 {
            display: block
        }

        #page-24 .table th,
        #page-24 .table td {
            padding: .3rem !important;
        }

        #page-25 .legend-title {
            order: 2;
        }

        #page-25 .custom-legend.mt-3 {
            border-right: 1px solid #0068a9
        }

        #page-25 .custom-legend .fw-600 {
            white-space: nowrap;
        }

        #page-25 .fw-400,
        #page-26 .fw-600 {
            display: block;
        }

        #page-27 td span.fw-600,
        #page-28 td span.fw-600,
        #page-29 td span.fw-600 {
            padding-right: .5rem;
            display: block
        }

        #page-27 td span.fw-400,
        #page-28 td span.fw-400,
        #page-29 td span.fw-400 {
            display: block
        }

        #page-27 .table th,
        #page-27 .table td,
        #page-29 .single-table:not(.table-18) .table th,
        #page-29 .single-table:not(.table-18) .table td {
            padding: 0 !important
        }

        #page-29 .table-18 .table-wrapper {
            width: 80%;
            margin: auto;
        }

        #page-30 .table th,
        #page-30.table td {
            padding: .3rem !important
        }

        #page-30 td .fw-600 {
            display: block
        }

        #page-31 .chart-wrapper {
            transform: rotate(-90deg) translateX(-61%) translateY(30%) scale(1);
            position: absolute;
            top: -47%;
            height: 100vh;
        }

        #page-31 .chart-wrapper .chart-container {
            max-height: 95mm;
            width: 550px;
        }

        #page-32 td span.fw-400,
        #page-32 td span.fw-600,
        #page-33 td span.fw-400,
        #page-33 td span.fw-600,
        #page-34 td span.fw-400,
        #page-34 td span.fw-600 {
            display: block;
            white-space: nowrap
        }


        #page-35 td span.fw-400,
        #page-35 td span.fw-600 {
            display: block
        }

        #page-32 .table td,
        #page-32 .table th,
        #page-33 .table td,
        #page-33 .table th,
        #page-34 .table td,
        #page-34 .table th,
        #page-35 .table td,
        #page-35 .table th {
            padding: 0rem !important;
        }

        #page-32 span.fw-600,
        #page-33 span.fw-600,
        #page-34 span.fw-600,
        #page-35 span.fw-600 {
            padding-right: 5px;
        }

        #page-42 td span.fw-600 {
            display: block;
            padding-right: 5px;
        }

        #page-43 .horizontal-table {
            transform: rotate(-90deg) translateX(-57%) translateY(24%) scale(1.2);
            position: absolute;
            top: -40%;
            height: 100vh;
            width: 90%;
        }

        #page-44 .horizontal-table {
            transform: rotate(-90deg) translateX(-60%) translateY(20%) scale(1.1);
            position: absolute;
            top: -40%;
            height: 100vh;
            width: 90%;
        }

        #page-43 .table th,
        #page-43 .table td,
        #page-44 .table th,
        #page-44 .table td {
            padding: .5rem !important;
        }

        #page-43 td .fw-600,
        #page-44 td .fw-600 {
            display: block;
        }

        #page-43 .table,
        #page-44 .table {
            width: 100%;
            height: 100%;
        }

        #page-45 td span.fw-400,
        #page-45 td span.fw-600 {
            display: block;
        }

        #page-45 td .fw-600 {
            padding-right: 5px
        }

        #page-45 .table th,
        #page-45 .table td {
            padding: 0.04 !important
        }


        #page-46 .chart-right,
        #page-53 .chart-right {
            flex-direction: row;
        }

        #page-46 .legend-title,
        #page-53 .legend-title {
            order: 2;
        }

        #page-46 .fw-600,
        #page-53 .custom-legend .fw-600 {
            white-space: nowrap;
        }


        #page-47 td .fw-600,
        #page-47 th:not(:has(.diagonal-overlay-reverse)) .fw-400,
        #page-48 td .fw-600,
        #page-48 th:not(:has(.diagonal-overlay-reverse)) .fw-400 {
            display: block;
            padding-right: 5px
        }


        #page-47 .top-right-text,
        #page-48 .top-right-text {
            top: 0;
            right: 0
        }

        #page-47 .bottom-left-text,
        #page-48 .bottom-left-text {
            bottom: 0;
            left: 0
        }

        #page-47 .table th,
        #page-47 .table td,
        #page-48 .table th,
        #page-48 .table td {
            padding: .2rem !important;
        }

        #page-49 .table th,
        #page-49 .table td,
        #page-50 .table th,
        #page-50 .table td,
        #page-51 .table th,
        #page-51 .table td {
            padding: .3rem !important;
        }

        #page-52 .table th,
        #page-52 .table td,
        #page-53 .table th,
        #page-53 .table td {
            padding: .2rem !important;
        }

        #page-49 th .fw-600,
        #page-49 td .fw-600,
        #page-50 th .fw-600,
        #page-50 td .fw-600,
        #page-51 th .fw-600,
        #page-51 td .fw-600,
        #page-51 td .fw-400,
        #page-53 th .fw-600,
        #page-53 td .fw-600 {
            display: block;
        }


        .mb-5 {
            margin-bottom: 1.2rem !important;
        }

        #page-51 td.bg-light-blue:has(.fw-400) {
            background: #009fda !important;
            color: #fff;
        }

        #page-54 .vertical-td-content {
            padding-right: 10px;
        }

        #page-55 .horizontal-table {
            transform: rotate(-90deg) translateX(-60%) translateY(30%) scale(1.2);
            position: absolute;
            top: -40%;
            height: 100vh;
            width: 90%;
        }


        #page-55 td .fw-600,
        #page-56 td .fw-600,
        #page-56 td .fw-400,
        #page-57 td .fw-600,
        #page-57 td .fw-400,
        #page-58 td .fw-600,
        #page-58 td .fw-400,
        #page-58 th .fw-400,
        #page-59 td .fw-600,
        #page-59 td .fw-400,
        #page-59 th .fw-600,
        #page-59 th .fw-400 {
            display: block
        }

        #page-57 th {
            white-space: nowrap;
        }

        #page-50 .table .tbody-borderless>tr>td,
        #page-52 .table .tbody-borderless>tr>td {
            padding: 0 !important;
        }

        #page-59 .horizontal-table {
            transform: rotate(-90deg) translateX(-60%) translateY(30%) scale(1.2);
            position: absolute;
            top: -40%;
            height: 100vh;
            width: 90%;
        }

        #page-60 .bar-content,
        #page-61 .bar-content,
        #page-62 .bar-content {
            flex-direction: row !important;
            height: auto !important;
        }

        #page-60 .bar-content .legend-title,
        #page-61 .bar-content .legend-title,
        #page-62 .bar-content .legend-title {
            height: fit-content;
        }

        #page-66 .single-table,
        #page-67 .single-table,
        #page-68 .single-table,
        #page-69 .single-table,
        #page-70 .single-table,
        #page-71 .single-table,
        #page-72 .single-table,
        #page-75 .single-table {
            transform: rotate(-90deg) translateX(-60%) translateY(30%) scale(1.2);
            position: absolute;
            top: -40%;
            height: 100vh;
            width: 90%;
        }

        #page-73 .table td,
        #page-73 .table th,
        #page-74 .table td,
        #page-74 .table th {
            padding: .25rem !important
        }

        #page-76 .table th {
            padding: .25rem !important
        }

        #page-76 .fw-600 {
            display: block;
            padding-right: 5px
        }

        #page-77 span.fw-600,
        #page-77 th .fw-400 {
            display: flex !important;
            padding-right: 5px;
        }

        #page-77 span.vertical-td-content {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #page-78 .fw-600,
        #page-78 .fw-400,
        #page-79 .fw-600,
        #page-79 .fw-400,
        #page-80 .fw-600,
        #page-80 .fw-400 {
            display: block;
            padding-right: 5px;
        }

        #page-78 .single-table {
            transform: rotate(-90deg) translateX(-60%) translateY(34%) scale(1.2);
            position: absolute;
            top: -42%;
            height: 100vh;
            width: 90%;
        }

        #page-81 .line-content {
            display: flex;
            flex-direction: row !important;
        }

        #page-81 .legend-title.mt-3 {
            margin-top: 0 !important;
        }

        #page-81 .chart-section {
            transform: rotate(-90deg) translateX(-60%) translateY(41%) scale(1.2);
            position: absolute;
            top: -43%;
            height: 100vh;
            width: 90%;
        }


        #page-97 .chart-right {
            max-width: 140px;
        }

        #page-97 .chart-legend {
            margin-bottom: 0 !important;
        }

        #page-97 .chart-section.mt-5,
        #page-98 .chart-section.mt-5 {
            margin-top: 1rem !important;
        }



        #page-98 .chart-right .chart-legend {
            order: 2 !important;
        }

        #page-98 .legend-text span {
            white-space: nowrap;
        }

        #page-98 .chart-legend {
            border-left: 1px solid #0068a9;
        }

        #page-100 .bar-content,
        #page-101 .bar-content,
        #page-102 .bar-content {
            flex-direction: row !important;
        }

        #page-100 .chart-section,
        #page-101 .chart-section,
        #page-102 .chart-section {
            transform: rotate(-90deg) translateX(-29%) translateY(-2%) scale(1.1);
        }

        #page-100 .custom-legend,
        #page-101 .custom-legend,
        #page-102 .custom-legend {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }


        #page-82 .line-content,
        #page-83 .line-content,
        #page-84 .line-content,
        #page-89 .line-content,
        #page-90 .line-content,
        #page-91 .line-content,
        #page-92 .line-content,
        #page-93 .line-content,
        #page-94 .line-content,
        #page-95 .line-content,
        #page-97 .line-content,
        #page-99 .line-content,
        #page-100 .line-content,
        #page-125 .line-content {
            flex-direction: row !important;
        }

        #page-82 .line-chart-wrapper .chart-right,
        #page-83 .line-chart-wrapper .chart-right,
        #page-84 .line-chart-wrapper .chart-right,
        #page-89 .line-chart-wrapper .chart-right,
        #page-90 .line-chart-wrapper .chart-right,
        #page-91 .line-chart-wrapper .chart-right,
        #page-92 .line-chart-wrapper .chart-right,
        #page-93 .line-chart-wrapper .chart-right,
        #page-94 .line-chart-wrapper .chart-right,
        #page-95 .line-chart-wrapper .chart-right,
        #page-97 .line-chart-wrapper .chart-right,
        #page-99 .line-chart-wrapper .chart-right,
        #page-100 .line-chart-wrapper .chart-right {
            width: fit-content;
        }

        #page-84 .chart-section,
        #page-90 .chart-section {
            transform: rotate(-90deg) translateX(-43%) translateY(-20%) scale(1.2);
        }

        #page-85 .table th,
        #page-85 .table td,
        #page-86 .table th,
        #page-86 .table td,
        #page-87 .table th,
        #page-87 .table td {
            padding: .3rem !important;
        }


        #page-105 table span.fw-600,
        #page-105 table span.fw-400,
        #page-106 table span.fw-600,
        #page-106 table span.fw-400,
        #page-107 table span.fw-600,
        #page-107 table span.fw-400,
        #page-126 table span.fw-600 {
            display: block;
        }


        #page-106 .table th,
        #page-106 .table td {
            padding: 0 !important;
        }

        #page-107 .table-area {
            transform: rotate(-90deg) translateX(-43%) translateY(-20%) scale(1.2);
        }

        #page-110 .gap-1 {
            gap: .35rem !important;
        }

        #page-111 .single-table {
            transform: rotate(-90deg) translateX(-43%) translateY(-3%) scale(1.2);
        }


        #page-112 td span.fw-600 {
            display: block;
        }

        #page-112 .table th,
        #page-112 .table td {
            padding: 0 !important
        }

        #page-113 .table th,
        #page-113 .table td,
        #page-117 .table th,
        #page-117 .table td {
            padding: 0.3rem !important
        }


        #page-114 .chart-right {
            flex-direction: row-reverse;
        }

        #page-114 .custom-legend {
            border-right: 1px solid #0068a9;
        }

        section#page-116 .table-area {
            transform: rotate(-90deg) translateX(-35%) translateY(-14%) scale(1.2);
        }

        section#page-119 .table th,
        section#page-119 .table td {
            padding: .3rem !important;
        }

        section#page-119 .table-area {
            transform: rotate(-90deg) translateX(-29%) translateY(-2%) scale(1.2);
        }

        section#page-121 table th {
            white-space: nowrap;
        }

        section#page-121 .table th,
        section#page-121 .table td {
            padding: .3rem !important
        }

        section#page-122 .fw-600,
        section#page-123 .fw-600 {
            display: block;
        }

        section#page-122 .table-area {
            transform: rotate(-90deg) translateX(-11%) translateY(-8%) scale(.9);
            width: 120%;
        }

        section#page-123 .single-table {
            transform: rotate(-90deg) translateX(-26%) translateY(-18%) scale(1);
            width: 120%;
        }

        #page-126 table span.fw-600,
        #page-127 table span.fw-600,
        #page-128 table span.fw-600 {
            display: block;
        }

        #page-126 th {
            white-space: nowrap
        }

        #page-126 .single-table,
        #page-127 .single-table {
            transform: rotate(-90deg) translateX(-30%) translateY(-24%) scale(1.1);
            width: 120%;
        }

        #page-129 b.fw-400 {
            white-space: normal;
        }

        section.single-page.cover-v2 .page-wrapper .logo-area .logo-mark img {
            height: 150px
        }


        section.single-page.cover-v2 .page-wrapper .main-content {
            top: 50%;
            left: 30mm;
            right: 30mm;
            transform: translateY(-85%);
        }

        section.single-page.cover-v2 .page-wrapper .bottom-info {
            bottom: 70mm;
            left: 30mm;
            right: 30mm;
        }

        .page-wrapper {
            min-height: 100% !important;
        }

        .blue-cover .page-wrapper img.logo {
            background: white;
            border-radius: 50%;
        }

        html,
        body {
            width: 180mm !important;
            height: 240mm !important;
        }

        .page-wrapper {
            width: 100% !important;
            height: 100% !important;
        }

        .single-page {
            overflow: hidden !important;
        }


        @page {
            size: 180mm 240mm;
            margin: 0;
        }

        .single-page {
            width: 180mm !important;
            height: 240mm !important;
            page-break-after: always !important;
            page-break-before: auto !important;
            page-break-inside: avoid !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            position: relative !important;
        }

        .page-wrapper {
            width: 100% !important;
            height: 100% !important;
            padding: 1cm !important;
            box-sizing: border-box !important;
            transform: scale(1) !important;
        }

        .single-page:last-child {
            page-break-after: auto !important;
        }

        .page-num-comp {
            position: absolute !important;
            bottom: 1cm !important;
        }





        /* 
   @media (min-width: 1200px) {
       body {
           padding: 20px;
           min-height: 100vh;
       }

       section.single-page .page-wrapper {
           padding-top: 5rem;
       }

       section.start-contents:has(h2) .page-wrapper {
           padding-top: 9rem !important;
       }

       section.single-page.preface .page-wrapper {
           padding-left: 13rem;
       }

       .single-page.unit-title .number-block {
           padding-left: 5rem;
       }

       .single-page.unit-title .number-bg {
           font-size: 11rem;
           padding-top: 70%;
       }

   }

   @media (max-width: 992px) {
       .utility.go-page {
           top: auto;
           bottom: 0;
           left: 0;
           right: 0;
           transform: none;
           text-align: center;
           width: fit-content
       }

       .utility.go-page .page-nav {
           justify-content: center;
       }
   }

   @media (min-width: 1200px) {
       .page-wrapper {
           padding: 56px 71px;
           width: 950px;
           min-height: 1123px;
       }
   }

   @media (max-width: 1198.9px) {
       .page-wrapper {
           width: 80%;
           min-height: 80vh !important;
           padding: 2rem;
       }
   }


   @media (max-width: 992px) {
       section.start-contents .pattern-line:after {
           width: 40% !important;
       }

       section.start-contents .pattern-line {
           top: 15% !important;
           width: 96% !important;
       }
   }

   @media screen and (max-width: 21cm) {
       .page-wrapper {
           width: 100%;
           min-height: auto;
           padding: 20px;
       }
   }


   @media (min-width: 1200px) {
       section.cover .page-wrapper>* {
           padding-left: 6rem;
       }

       .single-page.unit-title .desc {
           right: 5rem;
           bottom: 4rem
       }

   }

   @media (min-width: 992px) {
       section.cover .start-contents .title {
           font-size: 6rem;
           margin-bottom: 1rem;
       }

       section.cover .start-contents h6 {
           font-size: 3.5rem;
       }

       section.cover .start-contents h5 {
           font-size: 4rem;
       }

       section.cover .start-contents .desc {
           font-size: 2.4rem;
       }
   }

   @media (max-width: 767.8px) {
       section.cover .start-contents .title {
           font-size: 3rem;
       }

       section.cover .start-contents .desc {
           font-size: 1.6rem;
       }

       section.cover .start-contents h6 {
           font-size: 2.5rem;
       }

       section.cover .start-contents h5 {
           font-size: 3rem;
       }
   }

   @media (min-width: 768px) and (max-width: 992px) {
       section.cover .start-contents .title {
           font-size: 4rem;
       }

       section.cover .start-contents .desc {
           font-size: 2.2rem;
           line-height: 2.5rem;
       }

       section.cover .start-contents h5 {
           font-size: 3.9rem;
           line-height: 1.8;
       }

       section.cover .start-contents h6 {
           font-size: 3rem;
       }
   }

   @media (min-width: 992px) {
       section.single-page.start-contents h2 {
           font-size: 5rem;
       }
   }

   @media (min-width: 992px) {
       .single-page.unit-title .number-bg {
           padding-top: 500px;
       }
   }

   @media (min-width: 992px) {
       .single-page.unit-title .title-content h1 {
           font-size: 5rem;
       }

       .single-page.unit-title .number-block {
           flex-direction: row;
       }
   }

   @media (max-width: 992px) {
       .single-page.unit-title .number-title-wrapper {
           justify-content: center;
       }

       .single-page.unit-title .number-bg {
           padding-top: 90%;
           font-size: 6rem;
       }

       .single-page.unit-title .desc {
           padding-right: 2rem;
       }

       .m-flex-column {
           flex-direction: column;
       }

       .diagonal-cell-reverse .top-right-text,
       .diagonal-cell-reverse .bottom-left-text {
           width: 40%;
       }
   }

   @media (max-width: 992px) {
       .page-num-comp {
           bottom: 2%;
           position: relative;
           width: 100%;
           display: block;
       }

       section .pie .pie-chart-wrapper,
       section .bar-chart-container {}

       section.single-page .pie .chart-container {
           width: 100%;
       }

       .bar-chart-container .chart-container {
           width: 100%;
       }

       .custom-legend,
       section.single-page .chart-legend {
           flex-direction: row !important;
           display: flex;
           width: 100%;
           gap: 1rem;
           flex-wrap: wrap;
       }

       .single-page.page .page-wrapper {
           padding-bottom: 10%;
       }

       section.single-page .pie-chart-wrapper:has(.custom-legend, .legend-title) .custom-legend {
           order: 2
       }

       section.single-page .pie-chart-wrapper:has(.custom-legend, .legend-title) .legend-title {
           height: auto;
       }

       section.single-page .pie-chart-wrapper:has(.custom-legend, .legend-title) .chart-right {
           display: flex;
           flex: .5;
       }

       .bar-chart-wrapper.bar .bar-content,
       .line-chart-wrapper .line-content {
           flex-direction: column;
       }

       section.single-page .faculty-legend {
           max-width: 100% !important;
       }
   }

   @media (min-width: 992px) {
       .w-80 {
           width: 80%;
           margin: auto;
       }
   }

   @media (max-width: 768px) {
       .grid-custom-legend {
           grid-template-columns: auto auto;
       }
   }

   @media (min-width: 768px) and (max-width: 992px) {
       .grid-custom-legend {
           grid-template-columns: auto auto auto;
       }
   }

   @media (min-width: 992px) {
       .grid-custom-legend {
           grid-template-columns: auto auto auto auto;
       }
   }


   @media (min-width: 1200px) {
       .page-wrapper {
           width: 180mm !important;
           height: 240mm !important;
       }

       table {
           max-width: 190mm;
       }

       .chart-container {
           max-width: 90%;
       }
   }

   @media (max-width: 1199px) {
       .page-wrapper {
           width: 100vw;
           height: 100vh;
       }

       table {
           font-size: 8pt;
       }

       .chart-container {
           max-width: 85%;
       }
   } */


        .modal-open {
            overflow: auto;
        }

        #page-11 .table {
            width: 100% !important;
        }

        section .pie .pie-chart-wrapper,
        section .bar-chart-container {
            flex-direction: row !important;
        }

        #page-12 .chart-wrapper.bar,
        #page-14 .chart-wrapper.bar {
            transform: scale(.8) !important;
            margin-top: -2rem;
            margin-left: -3.5rem
        }

        #page-12 .faculty-legend,
        #page-14 .faculty-legend {
            margin-top: -2rem !important;
        }


        .page-num-comp {
            position: absolute !important;
            bottom: 0.1cm !important;
            transform: scale(.7);
        }

        #page-16 .table-wrapper {
            transform: scale(.79);
            margin-top: -6.5rem;
        }

        #page-24 .single-table {
            transform: scale(0.9);
        }

        #page-24 .single-table+.single-table {
            margin-top: -3rem;
        }

        #page-29 .classic-table {
            transform: scale(.8);
            margin-top: -4rem;
        }

        #page-29 .classic-table {
            transform: scale(.8);
            margin-top: -4rem;
        }

        #page-29 .table-notes {
            margin-top: -4rem;
        }

        section .pie .pie-chart-wrapper .chart-right,
        section .line-chart-wrapper .chart-right {
            flex-direction: row !important;
        }

        td.blue-bg-1,
        th.blue-bg-1 {
            background-color: #dae5f4 !important;
        }

        td.gray-bg-1,
        th.gray-bg-1 {
            background-color: #f0f0f0 !important;
        }

        #page-13 .vertical-td-content,
        #page-13 .vertical-td {
            transform: rotate(-181deg);
            display: inline-block;
            font-size: .6rem !important;
            max-width: 90px;
        }

        /* #page-13 .vertical-td-content,
#page-13 .vertical-td {
    transform: none !important;
    writing-mode: inherit !important;
    -webkit-writing-mode: inherit !important;
} */

        .table thead th {
            border-bottom: 1px solid #818283;
        }

        span.fw-bold {
            font-weight: 600;
        }

        .bt-0 {
            border-top: none !important;
        }

        .bl-0 {
            border-left: none !important;
        }

        #page-13 .table td>span,
        #page-13 .table th>span,
        #page-13 .table .vertical-td-content>span {
            display: inline-flex !important;
        }

        .table-header-wrapper .desc {
            margin-top: 1rem;
        }

        .faculty-average.table-responsive {
            transform: scale(.65);
            margin-left: -5.3rem;
            margin-top: -1rem;
            margin-bottom: 0;
        }

        #page-37 .faculty-section .program-list,
        #page-36 .faculty-section .program-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        #page-43 .table-header-wrapper {
            margin-top: 3rem;
        }

        #page-54 .table-wrapper {
            transform: scale(.7);
            margin-top: -10rem;
        }

        #page-74 .table-wrapper {
            transform: scale(.86);
            margin-top: -1.6rem;
        }


        #page-74 .single-table.mt-4 {
            margin-top: -2rem !important;
        }

        #page-82 .legend-title,
        #page-83 .legend-title,
        #page-84 .legend-title {
            height: fit-content;
        }


        #page-85 .single-page.page .page-wrapper {
            padding-top: 3rem !important;
        }


        #page-87 .table-wrapper,
        #page-98 .table-wrapper {
            transform: scale(.9);
            margin-top: -1rem;
        }

        #page-86 .table-wrapper{
            margin-top: -.8rem;
        }

        #page-97 .chart-right {
            flex-direction: column !important;
        }

        #page-99 .chart-right {
            flex-direction: column !important;
        }

        .iframe-btn-wrapper {
            display: none;
        }
    }

    @media print {
        .tbody-borderless td {
            border: 1px solid #818283 !important;
        }

        .tbody-borderless tr td:first-child {
            border-left: 1px solid #818283 !important;
            border-top: 1px solid #818283 !important;
        }

        .tbody-borderless tr td:last-child {
            border-right: 1px solid #818283 !important;
        }

        .tbody-borderless tr td {
            border-top: 1px solid #818283 !important;
        }

        /* #page-6 .with-percent .chart-container:after,
        #page-10 .with-percent .chart-container:after,
        #page-11 .with-percent .chart-container:after {
            transform: rotate(0deg) translateY(2px) translateX(-60px);
        }

        #page-10 .chart-right {
            flex: 1;
        }

        #page-11 .chart-right,
        #page-10 .chart-right {
            flex: 1;
        }

        #page-11  .chart-legend {flex: 0 !important;} */
        section.single-page .pie .chart-container {
            max-width: 100% !important;
        }

        #page-13 .table-wrapper .classic-table .table {
            transform: scale(.98);
            margin-top: -1rem !important;
            margin-bottom: 0;
        }

        #page-13 .table-footer.mb-3 {
            margin-top: -1rem;
        }

        section.single-page.endpage.cover-v2 .page-wrapper .main-content {
            transform: translateY(-52%);
        }

        section.single-page.endpage.cover-v2 .page-wrapper .bottom-info {
            bottom: 27mm;
        }


        #page-59 .tbody-borderless tr td:last-child.br-blue-7,
        .tbody-borderless tr td.total:first-child {
            border-right: 3px solid #006aac !important;
        }

        #page-13 .single-table .table-wrapper {
            transform: scale(.94);
            margin-top: -2rem !important
        }

        #page-13 .table-wrapper .classic-table .table {
            margin-top: 0 !important;
        }

        #page-13 .table-footer.mb-3 {
            margin-top: -2.4rem;
            transform: scale(.93);
        }
    }

    section.endpage .contact-info {
        margin-top: 30px;
        padding: 20px 0;
        border-radius: 10px;
    }

    section.endpage .contact-info p {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #444;
    }

    section.endpage .contact-info h5 {
        font-size: 16px;
        margin: 8px 0;
        color: #444;
        letter-spacing: 1px;
        font-weight: 400;
    }

    section.endpage .report-info {
        margin-top: 25px;
        padding: 15px 0;
        color: #444;
        letter-spacing: 1px;
        border-radius: 8px;
    }

    section.endpage .report-info p {
        font-size: 16px;
        margin: 5px 0;
        color: #444;
        letter-spacing: 1px;
    }

    section.endpage .report-info strong {
        color: #444;
        letter-spacing: 1px;
    }

    #page-18 td.year-cell span {
        margin: auto;
        text-align: center !important;
        width: 100% !important;
        height: max-content !important;
        justify-content: center;
        display: flex !important;
    }

    /* .pie-chart-percentage {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 24px;
         font-weight: bold;
         color: #333;
         text-align: center;
         z-index: 10;
     }

     .pie-chart-percentage .main-percentage {
         font-size: 32px;
         color: #007bb2;
         display: block;
         line-height: 1;
     }

     .pie-chart-percentage .sub-percentage {
         font-size: 16px;
         color: #666;
         display: block;
         margin-top: 5px;
     }

     .chart-container {
         position: relative;
     }
     */

    section.single-page .pie .chart-container {
        transform: none !important;
    }

    .with-percent .chart-container:after {
        transform: rotate(0deg) translateY(-28px) translateX(-87px) !important;
    }