﻿body {
    overflow-x: hidden;
}
.menu a {
    color: white;
    font-family: cursive;
}

    .menu a:hover {
        color: #ffc100;
        font-family: cursive;
    }


.footer-1 {
    width: 100%;
    height: 313px;
    float: left;
    background-color: #ebebeb;
}

.footer-2 {
    width: 100%;
    height: 82px;
    float: left;
    background-color: #ebebeb;
}

.colored-line {
    width: 100%; /* Çizginin genişliği */
    height: 3px; /* Çizginin kalınlığı */
    background-color: #449f4a; /* Çizgi rengi (örnek olarak mavi) */
}

i {
    font-size: 40px;
}


.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #212020;
    background-clip: padding-box;
    border: 1px solid white;
    /* border-top: 10px solid transparent; */
    /* border-bottom: 10px solid transparent; */
    opacity: .5;
    border-radius: 100%;
    transition: opacity .6s ease;
}

.carousel-indicators .active {
    opacity: 1;
    background: white;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    background-color: black;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    background-color: black;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.gorsel img {
    width: 200px !important;
    height: 200px !important;
}

@media (max-width: 991px) {
    .bahce-box {
        display: unset !important;
        text-align: center;
    }

    .nav-link {
        background-color: #000;
        padding: 7px 20px;
    }

    .gorsel {
        width: 48% !important;
    }

    .kahvalti-hersey img {
        width: 95% !important;
        height: auto !important;
    }

    .gorsel img {
        width: 150px !important;
        height: 150px !important;
    }

    }

.yazi {
    text-align: left;
}