.swal-wide {
    width: 650px !important;
}

.bangers-regular {
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
}

.animatedButton {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}

    .animatedButton:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: all 1s;
        cursor: pointer;
    }

.selectedButton {
    cursor: pointer;
}



.finalMakerZoneBackgroundImage {
    background: url('../images/anasayfa/finalMaker__.png') no-repeat;
    background-position: center center;
}

.girisimcilikZoneBackgroundImage {
    background: url('../images/anasayfa/girisimcilik__.png') no-repeat;
    background-position: center top;
}

.finansalOkuryazarlikZoneBackgroundImage {
    background: url('../images/anasayfa/finansalOkuryazarlik__.png') no-repeat;
    background-position: center bottom;
}


.finalMakerZoneBackground {
    background-color: #ffd200 !important;
}

.girisimcilikZoneBackground {
    background-color: #e53e82 !important;
}

.finansalOkuryazarlikZoneBackground {
    background-color: #9e44d5 !important;
}


/*.finalMakerHeaderTop {
    background: url('../images/anasayfa/finalmaker/etkinlikHeaderTop.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.finalMakerHeaderBottom {
    background: url('../images/anasayfa/finalmaker/etkinlikHeaderBottom.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}*/

.finalMakerHeader {
    background-color: #ffd200;
}


/*.girisimcilikHeaderTop {
    background: url('../images/anasayfa/girisimcilik/etkinlikHeaderTop.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.girisimcilikHeaderBottom {
    background: url('../images/anasayfa/girisimcilik/etkinlikHeaderBottom.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}*/

.girisimcilikHeader {
    background-color: #e53e82;
}


/*.finansalOkuryazarlikHeaderTop {
    background: url('../images/anasayfa/finansalOkuryazarlik/etkinlikHeaderTop.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.finansalOkuryazarlikHeaderBottom {
    background: url('../images/anasayfa/finansalOkuryazarlik/etkinlikHeaderBottom.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}*/

.finansalOkuryazarlikHeader {
    background-color: #9e44d5;
}


/*
.blogHeaderTop {
    background: url('../images/anasayfa/blog/etkinlikHeaderTop.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.blogHeaderBottom {
    background: url('../images/anasayfa/blog/etkinlikHeaderBottom.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.blogHeader {
    background-color: #a2a7f4;
}
*/

.duyuruHeaderTop {
    background: url('../images/anasayfa/duyuru/etkinlikHeaderTop.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.duyuruHeaderBottom {
    background: url('../images/anasayfa/duyuru/etkinlikHeaderBottom.png') no-repeat;
    width: 100%;
    height: 34px;
    background-position: right top;
}

.duyuruHeader {
    background-color: #c1e3d1;
}

.duyuruCard {
    transition-property: transform;
    transition-duration: 0.5s;
}

    .duyuruCard:hover {
        cursor: pointer;
        transform: translateY(-10px);
    }

.benzerEtkinlikCard {
    transition-property: transform;
    transition-duration: 0.5s;
}

    .benzerEtkinlikCard:hover {
        cursor: pointer;
        transform: translateY(-10px);
    }



/*SWAL*/
.sa-button-container .confirm {
    font-size: 0;
    background: url('../images/dugme/tamam.png') no-repeat;
    width: 98px;
    height: 40px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}

    .sa-button-container .confirm:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: all 1s;
        cursor: pointer;
        background-color: transparent !important;
    }