:root {

    --renkMavi: #1D3557;

    --renkKirmizi: #991C15;

    --renkKahve:#373234;

    --renkBeyaz: #FFFFFF;

    --renkFont : #333333;

    --aura: #9265CA80;

    --background: #261E5A;

    --navbar-height: 3.75rem;

    --background-color: #ffffff;

    --default-color: #212529;

    --heading-color: #32353a;

    --accent-color: #e84545;

    --surface-color: #ffffff;

    --contrast-color: #ffffff;

}

.antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

body {

    background: #eee;

    font-family: "Lora", serif;

    font-size: 14px;

    color: var(--renkKahve);

    margin: 0;

    padding: 0;

    height: 100%;

}

.logo{

    max-height: 50px;

}

a{

    text-decoration: none;

    color: var(--renkFont);

}

a:hover{

    color: var(--renkKirmizi);

}

.atam{

    font-family: 'Dancing Script', cursive;

    font-size: 16px;

}

.bgWaves{

    background: url("../Images/menu-bg.png") no-repeat center center;

}

.bgLacivert{

    background-color: var(--renkKahve);

}

.nav-link{

    font-weight: 600;

    height: 100%;

}

.nav-link:hover{

    color: var(--renkBeyaz);

}

@media  (min-width:1199px) {

    .nav-item{

        text-align: center;

        border-right: 1px #dbdbdb solid;

        margin-right: 5px;

    }

    .pdfLink{

        display: none;

    }

    .nav-item:last-child{

        border-right: none;

    }

    .nav-link{

        border-bottom: 2px solid transparent;

        transition: all 0.3s ease;

        text-decoration: none;

        background-image: linear-gradient(

                to right,

                #df1600,

                var(--renkKirmizi) 50%,

                #e6e3e3 50%

        );

        background-size: 200% 100%;

        background-position: -100%;

        display: inline-block;

        padding: 0.225rem 0;

        position: relative;

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        transition: all 0.2s ease-in-out;

    }

    .nav-link:before{

        content: '';

        background: var(--renkKirmizi);

        display: block;

        position: absolute;

        bottom: -0.125rem;

        left: 0;

        width: 0;

        height: 0.125rem;

        transition: all 0.2s ease-in-out;

    }

    .nav-link:hover{

        background-position: 0;

    }

    .nav-link:hover:before{

        width: 100%;

    }

}

#hero{

    background-color: #DCD9D4;

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);

    background-blend-mode: soft-light,screen;

    padding-top: 100px;

    box-sizing: border-box;

    z-index: 1;

    border-bottom: 1px #D8DAD3 solid;

}

#hero h1 {

    margin: 0;

    font-size: 50px;

    font-weight: 700;

    line-height: 56px;

    color: #dbdbdb;

    text-shadow: 2px 2px #000000;

}

#hero ul{

    list-style: none;

}

#hero h5 {

    color: var(--renkMavi);

    margin: 15px 0 0 0;

    font-size: 24px;

    text-shadow: 1px 1px #dbdbdb;

}

#hero .btn-get-started {

    font-family: "Raleway", sans-serif;

    font-weight: 500;

    font-size: 16px;

    letter-spacing: 1px;

    display: inline-block;

    padding: 8px 28px;

    border-radius: 3px;

    transition: 0.5s;

    margin-top: 30px;

    color: #fff;

    background: #d9232d;

}

#hero .btn-get-started:hover {

    background: #ef7f4d;

}

#hero .animated {

    animation: up-down 3s ease-in-out infinite alternate-reverse both;

}

.hero-img{

    text-align: right;

}

.butonlar{

    margin: 50px auto 10px auto;

}

.butonIcondiv{

    height: 50px;

    text-align: center;

}

.butonIcondiv i{

    font-size: 30px;

}

.butonLabelDiv{

    font-weight: 600;

    height: 50px;

    text-align: center;

    color: var(--renkKahve);

}

.sign-up-form {

    margin-top: 20px;

    margin-bottom: 15px;

    padding: 10px;

    border-radius: 7px;

    background: color-mix(in srgb, var(--default-color) 5%, white 90%);

    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);

    display: flex;

}



.sign-up-form input[type=text] {

    background-color: transparent;

    border: 0;

    padding: 4px 10px;

    width: 100%;

}



.sign-up-form input[type=text]:focus-visible {

    outline: none;

}



.sign-up-form input[type=submit] {

    border: 0;

    box-shadow: none;

    background-color: var(--renkKirmizi);

    border-color: var(--renkKirmizi);

    padding: 8px 20px 10px 20px;

    border-radius: 7px;

    color: var(--contrast-color);

    transition: 0.3s;

}



.sign-up-form input[type=submit]:hover {

    background-color: color-mix(in srgb, var(--renkKirmizi), transparent 10%);

}

.carousel-fade .carousel-inner .item {

    opacity: 0;

    transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

    opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}



.carousel-fade .carousel-control {

    z-index: 2;

}

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

        opacity: 0;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

        opacity: 0;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}

h2 {

    margin: 0;

    font-size: 44px;

    font-weight: 700;

    color: var(--renkKahve);

}

.sosyal{

    text-align: right;

}

.borderEd{

    border-right: 1px #dbdbdb dashed;

}

@media (max-width: 768px) {

    .birimKutularDiv{

        width: 50%;

    }

    h2 {

        margin: 0;

        font-size: 30px;

        font-weight: 700;

        color: var(--renkKahve);

    }

    #hero h1 {

        font-size: 28px;

        line-height: 36px;

        text-align: center;

    }

    #hero h5 {

        font-size: 18px;

        line-height: 24px;

        text-align: center;

    }

    .etkinlikBaslik{

        width: 100%;

    }

    .atam{

        display: none;

    }

    .borderEd{

        border: 0;

    }

    .nav-link{

        height: 40px;

        padding-top: 10px;

    }

    .carousel img {

        max-width: 1320px;

    }

    .w50{

        width: 50%;

        max-width: 50%;

    }

    .kurumsalMenu{

        display: none;

    }

    .col-md-8{

        margin-top: 10px;

    }

    .pdfObject{

        display: none;

    }

    .sosyal{

        text-align: center;

    }

}

.footerList li{

    height: 30px;

}



.discussion {

    background-color: var(--white);

    border-radius: 0.5rem;

    margin: 1rem;

    width: 100%;

    min-width: 17.5rem;

    max-width: 25rem;

}



.comment {

    display: flex;

    padding: 1rem;

    min-height: 6rem;

    gap: 0.25rem;

    border-bottom: 1px solid var(--gray-borders);

}



.newcomment__toolbar {

    justify-content: end;

    display: flex;

    gap: 0.5rem;

    padding: 0.25rem;

}



.newcomment__toolbar button {

    border: none;

    cursor: pointer;

    padding: 0.5rem;

    border-radius: 0.5rem;

}



.button--primary {

    background-color: var(--primary);

    color: var(--white);

    min-width: 5rem;

}



.comment__text {

    font-size: 0.75rem;

}



.comment__author {

    font-size: 0.8rem;

}



.comment__date {

    font-size: 0.75rem;

    margin-left: 0.25rem;

    color: var(--gray-dark);

}

.breadcrumb-chevron {

    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

    gap: .5rem;

}

.breadcrumb-chevron .breadcrumb-item {

    display: flex;

    gap: inherit;

    align-items: center;

    padding-left: 0;

    line-height: 1;

}

.breadcrumb-chevron .breadcrumb-item::before {

    gap: inherit;

    float: none;

    width: 1rem;

    height: 1rem;

}

.page-link{

    color: var(--renkKahve) !important;

}

.page-link:hover{

    color: var(--renkKirmizi);

}



/* Preloader arka planı */

#preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #ffffff; /* Arka plan rengi */

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

}



/* Dönen yükleme animasyonu */

.spinner {

    width: 50px;

    height: 50px;

    border: 5px solid #f3f3f3; /* Hafif renk */

    border-top: 5px solid var(--renkKirmizi); /* Ana renk */

    border-radius: 50%;

    animation: spin 1s linear infinite;

}



@keyframes spin {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}