.banner-img {
    height: 400px;
    object-fit: cover;
}

.sayfa-title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(42, 67, 59, 1);
    margin-bottom: 15px;
}
.vizyon-row img {
    border-radius: 12px !important;
}
.sayfa-detay {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(112, 129, 124, 1);
}

.tarhice-row {
    align-items: center;
    justify-content: end;
    margin-top: 120px !important;
}

.sag-img {
    position: absolute;
    right: 0;
}

.vizyon-detay {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: rgba(85, 105, 98, 1);
}

.vizyon {
    margin-bottom: 12px;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: rgba(42, 67, 59, 1);
}

.card-detay {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 32px;
}

.endruist {
    margin-top: 32px;
    margin-bottom: 12px;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: rgba(42, 67, 59, 1);
}

.vizyon-row {
    margin-top: 92px !important;
}

.bardak-row {
    align-items: center;
    margin-top: 96px !important;
}

.bardak {
    position: absolute;
    left: 0;
}

.bardak img {
    height: 605px;
}

.basari {
    margin-bottom: 18px;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(42, 67, 59, 1);
}

.basari-detay {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(112, 129, 124, 1);
}

.tarihce-img {
    height: 605px;
    border-radius: 24px;
    object-fit: cover;
}

.sayfa-mobile {
    display: none !important;
}

.masa {
    display: block !important;
}

@media only screen and (max-width: 991px) {
    .sayfa-mobile {
        position: relative !important;
        display: block !important;
    }
    .masa {
        display: none !important;
    }
    .degisim-2 {
        order: 2;
        margin-top: 2rem !important;
    }
    .degisim-1 {
        order: 1;
    }
    .tarihce-img {
        height: 400px;
    }
    .vizyon-row {
        row-gap: 2rem;

    }
    .bardak-detay {
        margin-top: 2rem;
    }
    .vizyon-row {
        margin-top: 2rem !important;
    }
    .tarhice-row {
        margin-top: 60px !important;
    }
    .bardak-row {
        margin-top: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    .banner-img {
        height: 300px;
        object-fit: cover;
    }
    .tarihce-img {
        height: 290px;
    }
}