.tab-content.content-area {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    background: var(--tt-color-surface-on-background, #FFFFFF) !important;
    border-radius: 8px;
    padding: 32px;
    color: var(--grey-gunmetal, #414C5B);
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    width: 100%;
}

.about-us-content-area .panel h4.panel-title {
    display: none;
}

.tab-pane .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    background: var(--tt-color-surface-on-background, #FFFFFF) !important;
    border-radius: 8px;
    padding: 16px 12px;
    color: var(--grey-gunmetal, #414C5B);
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
}

.tab-pane .panel-body > p {
    display: none;
}

.tab-pane .panel-body h2,
.tab-pane .panel-body h3,
.tab-pane .panel-body h4 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--tt-color-text-neutral-highEmphasis, #212529);
    width: 100%;
}

.tab-pane .panel-body h2 { font-size: 24px; }
.tab-pane .panel-body h3 { font-size: 22px; }
.tab-pane .panel-body h4 { font-size: 18px; }

.tab-pane .panel-body p,
.tab-pane .panel-body span {
    color: var(--tt-color-text-neutral-medEmphasis);
    margin-bottom: 16px;
    font-size: 16px;
}

.tab-pane .panel-body ul,
.tab-pane .panel-body ol {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 20px;
    display: grid;
    gap: 16px;
    color: var(--tt-color-text-neutral-medEmphasis);
}

.tab-pane .panel-body ul li,
.tab-pane .panel-body ol li {
    line-height: 22px;
}

.tab-pane .panel-body ul li a,
.tab-pane .panel-body ol li a {
    font-weight: 700;
    color: var(--tt-color-text-neutral-medEmphasis);
    text-decoration: none;
}

.tab-pane .panel-body ul li a:hover,
.tab-pane .panel-body ol li a:hover {
    text-decoration: underline;
    color: var(--product-colors-corporate-blue, #002855);
}

.tab-pane .panel-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: 0 !important;
}

.tab-pane .panel-body .btn-primary {
    max-width: 328px;
    margin: 20px 0;
    display: flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--product-colors-corporate-blue, #002855);
    color: #FFFFFF;
    font-weight: 600;
    border: none;
}

.tab-pane .panel-body .accordion,
#accordionGroup {
    display: grid;
    gap: 16px;
    width: 100%;
    background: var(--tt-color-surface-on-background) !important;
}

.tab-pane .panel-body .accordion-item,
.accordion-item {
    border-radius: 4px;
    background: var(--tt-color-background) !important;
    padding: 0 16px;
    border: 0;
}

.about-us-content-area .content-area p {
    color: var(--tt-color-text-neutral-highEmphasis);
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

.about-us-content-area .content-area.tt-with-numbers > div {
    display: flex;
}

.rakamlarla-tt-menu .card-body {
    background: var(--tt-color-surface-on-surface);
}

.rakamlarla-tt-menu1 {
    display: flex;
}

.rakamlarla-tt-menu2 {
    display: flex;
    flex: 0 !important;
}

.rakamlarla-tt-menu1 > .col-md-6.col-12.custom-card.mb-4 > .card {
    height: 230px;
    width: 224px !important;
}

.rakamlarla-tt-menu2 > .col-md-6.col-12.custom-card.mb-4 > .card {
    height: 296px;
    width: 224px !important;
}

.col-md-6.col-12.custom-card.mb-4 {
    max-width: 224px;
    margin-right: 16px;
    margin-bottom: 24px;
    width: 100%;
}

.col-12.custom-card.mb-4 > .card {
    width: 100% !important;
}

.disaster-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 222px;
    max-width: max-content;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.disaster-actions-contact {
    display: flex;
    column-gap: 20px;
    align-items: baseline;
}

.disaster-information-sss .disaster-title {
    padding-top: 16px;
}

.subat6-area {
    padding-bottom: 16px;
}

.side-menu ul {
    background-color: var(--tt-color-background) !important;
    border-radius: 4px;
    overflow: hidden;
    border-top: 0 !important;
    border-bottom: 1px solid var(--tt-color-surface-opaque);
    margin-left: -8px;
}

.side-menu ul li {
    margin-left: 12px;
    border-top: 1px solid var(--tt-color-border);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.side-menu ul li::after {
    content: "\e911";
    font-family: "icomoon";
    transform: rotate(270deg);
    align-items: center;
    width: 24px;
    color: #dee3ed;
    margin-right: 5px;
}

.side-menu ul li.active {
    background-color: var(--tt-color-text-white);
    margin-left: 0;
    border-top: 1px solid var(--tt-color-surface-opaque);
    border-bottom: 1px solid var(--tt-color-surface-opaque);
    border-left: 4px solid var(--tt-color-base-secondary);
}

.side-menu ul li.active::after {
    content: "\e911";
    font-family: "icomoon";
    display: flex;
    transform: rotate(270deg);
    align-items: center;
    width: 22px;
    color: #049EAD;
    margin-right: 8px;
}

.list.circle-list li::before,
.about-us-content-area .content-area ul.list li::before {
    display: none !important;
}

.ihaleler-ve-duyurular-form iframe,
.duyurular-tt iframe{
    min-height: 1700px;
    position: relative !important;
    border: 0;
}

.duyurular-tt .panel-heading a{
    display: none;
}

.planlı-duyuru iframe{
    min-height: 290px;
    position: relative !important;
    border: 0;
}

.sponsorluk-talep iframe{
    min-height: 2400px;
    position: relative !important;
    border: 0;
}

.duyurular-tt .panel-body,
.planlı-duyuru .panel-body{
    padding: 0
}

@media (max-width: 991px) {

    .active .tab-sub-menu { display: block; }
    .tab-sub-menu { display: none; }

    .card {
        max-width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }

    iframe {
        min-height: 500px;
        position: relative !important;
    }

    .about-us-content-area .panel .panel-body {
        margin: 0 !important;
        border-radius: unset;
        padding: 0;
    }

    .about-us-content-area .tab-content .tab-pane {
        display: none;
    }

    .about-us-content-area .tab-content .tab-pane.active {
        padding-left: 0;
        margin: 0;
        border: unset;
    }

    .tab-content.content-area {
        border-radius: 0;
        padding: 16px;
        margin: 0 0 16px 0;
    }

    .about-us-content-area .content-area h2 {
        display: block;
    }

    .about-us-content-area .content-area.tt-with-numbers > .rakamlarla-tt-menu1,
    .about-us-content-area .content-area.tt-with-numbers > .rakamlarla-tt-menu2 {
        display: block;
    }

    .rakamlarla-tt-menu1,
    .rakamlarla-tt-menu2 {
        display: block;
    }

    .rakamlarla-tt-menu1 {
        align-items: center !important;
    }

    .rakamlarla-tt-menu1 .card,
    .rakamlarla-tt-menu2 .card {
        max-width: 100%;
        height: 100%;
    }

    .row.content-area.tt-with-numbers {
        display: block;
    }

    .col-md-6.col-12.custom-card.mb-4 {
        max-width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: unset !important;
    }

    .rakamlarla-tt-menu1 > .col-md-6.col-12.custom-card.mb-4 > .card,
    .rakamlarla-tt-menu2 > .col-md-6.col-12.custom-card.mb-4 > .card {
        width: 100% !important;
        margin-bottom: 0;
        margin-top: 24px;
    }

    p.mini-text {
        margin-top: 24px;
    }

    .panel-body > p {
        display: none;
    }

    .disaster-actions-contact {
        flex-direction: column;
        align-items: center;
    }

    .about-us-content-area .tab-content .tab-pane.active .panel-collapse {
        border: 0;
    }

    .disaster-information-sss .disaster-title {
        padding-top: 0;
    }
}