#default .row {
    margin: auto;
    width: 100%;
}

.icerik {
    width: 55%;
    margin: auto;
}

.img-back {
    border-bottom: 3px solid #2c37909e;
    margin: auto;
    width: 70%;
    background-color: white;
}

.banner img {
    margin: auto;
    width: 66%;
    background-color: #ffffff;
}

.back {
    width: 95%;
    padding: 3px;
    border-radius: 30px;
    background-color: #233f8d;
}

.back2 {
    border-radius: 30px;
    background-color: white;
}

.ic-banner img {
    width: 87%;
    border-bottom: 4px solid #2c3790;
    border-radius: 0px 0px 170px 170px;
    box-shadow: 0px 8px 0px 1px #80808052;
}



.table1 {
    --bs-table-striped-bg: rgb(249 212 228);
}

.table2 {
    --bs-table-striped-bg: rgb(198 198 222);
}

.card {
    border: 0;
    box-shadow: 0px 4px 18px 0px #8080805c;
    border-radius: 35px;
    padding: 30px 0px;
}

.btn1 {
    background-repeat: no-repeat;
    display: inline-block;
    width: 97%;
    height: 304px;
    background-image: url(../images/buton1.jpg);
    background-size: contain;
    background-position: center;
    border: none;
    text-decoration: none;
    transition: transform 0.2s ease-in-out !important;
}

.btn2 {
    background-repeat: no-repeat;
    display: inline-block;
    width: 97%;
    height: 304px;
    background-image: url(../images/buton2.jpg);
    background-size: contain;
    background-position: center;
    border: none;
    text-decoration: none;
    transition: transform 0.2s ease-in-out !important;
}

.btn1:hover {
    transform: scale(1.1) !important;
}


.btn2:hover {
    transform: scale(1.1) !important;
}

.footer {
    color: white;
    padding: 15px 30px;
    background-color: #233f8d6b;
}

@media screen and (max-width: 1024px) {
    .icerik {
        width: 95%;
    }

    .back {
        margin: auto;
        width: 60%;
        padding: 4px;
        border-radius: 30px;
        background-color: #ffffff;
    }

    .ic-banner img {
        width: 87%;
        border-bottom: 4px solid #2c3790;
        border-radius: 0px 0px 40px 40px;
        box-shadow: 0px 8px 0px 1px #80808052;
    }

    .btn1 {
        height: 207px;
    }
    .btn2 {
        height: 207px;
    }
    h4 {
        border-radius: 0px 30px 30px 0px;
        width: 97%;
        padding: 10px 35px;
        color: white;
        background: linear-gradient(90deg, rgba(197, 3, 89, 1) 3%, rgba(45, 47, 145, 1) 86%);
    }
}

@media screen and (max-width: 768px) {
    .img-back {
        width: 100%;
        background-color: white;
    }

    .banner img {
        margin: auto;
        width: 100% !important;
        background-color: #ffffff;
    }

    .icerik {
        width: 96%;
    }

    .back {
        margin: auto;
        width: 60%;
        padding: 4px;
        border-radius: 30px;
        background-color: #ffffff;
    }

        .back .back2 img {
            width: 188px;
        }
        h4{
            width:97%;
        }
}