body{
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.birinci-bolum .sol strong {
    font-size: 26px;
    font-weight: 600;
}
.birinci-bolum .sol span {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.birinci-bolum .sol a {
    font-style: italic;
    font-weight: 700;
    text-decoration:underline;
}
.birinci-bolum .sol {
    max-width: 587px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.birinci-bolum {
    display: flex;
    flex-direction: row;
    gap: 40px;
    max-width: 1214px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.birinci-bolum iframe {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.ikinci-bolum .baslik span {
    font-size: 32px;
    font-weight: 600;
}
.ikinci-bolum .baslik strong {
    font-size: 64px;
    font-weight: 400;
}
.ikinci-bolum .baslik {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    gap: 13px;
    justify-content: end;
    align-items:last baseline;
    border-bottom: 4px solid #E8A07C;
}
.ikinci-bolum .orta .sol img {
    width: 100%;
}
.ikinci-bolum .orta .sol .yazilar strong {
    font-size: 26px;
    font-weight: 600;
}
.ikinci-bolum .orta .sol .yazilar span {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.ikinci-bolum .orta .sol {
    display: flex;
    flex-direction: column;
    gap: 22px;
    max-width: 378px;
}
.ikinci-bolum .orta .sag-resim {
    width: 100%;
}
.ikinci-bolum .orta {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.ikinci-bolum .alt .kart img {
    max-width: 378px;
    height: 176px;
}
.ikinci-bolum .alt .kart div strong {
    font-size: 26px;
    font-weight: 600;
    display: block;
}
.ikinci-bolum .alt .kart div span {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.ikinci-bolum .alt .kart div {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ikinci-bolum .alt .kart {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.ikinci-bolum .alt {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ikinci-bolum {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-bottom: 20px;
    max-width: 1214px;
    margin: 0 auto;
}

.ucuncu-bolum .orta-resim {
    max-width: 378px;
}
.ucuncu-bolum .sm-resim {
    height: 491px;
}
.ucuncu-bolum .sm-resim-2 {
    height: 377px;
}
.ucuncu-bolum .kart.gap-60 {
    gap: 60px;
}
.ucuncu-bolum .kart.gap-87 {
    gap: 87px;
}

.ucuncu-bolum .kart img {
    max-width: 100%;
}
.ucuncu-bolum .kart .yazilar strong {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.ucuncu-bolum .kart .yazilar span {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.ucuncu-bolum .kart .yazilar {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.ucuncu-bolum .kart {
    display: flex;
    flex-direction: column;
    gap: 110px;
    max-width: 378px;
}
.ucuncu-bolum .ust,
.ucuncu-bolum .orta,
.ucuncu-bolum .orta-2,
.ucuncu-bolum .alt {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.ucuncu-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1214px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 80px;
}
.dorduncu-bolum .ust img {
    width: 100%;
}
.dorduncu-bolum .ust .yazilar strong {
    font-size: 26px;
    font-weight: 600;
}
.dorduncu-bolum .ust .yazilar span {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    display: block;
}
.dorduncu-bolum .ust .yazilar {
    max-width: 587px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.dorduncu-bolum .ust {
    max-width: 1214px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}
.dorduncu-bolum .alt img:nth-child(1) {
    max-width: 646px;
    height: 459px;
}
.dorduncu-bolum .alt img:nth-child(2) {
    max-width: 459px;
    height: 459px;
}
.dorduncu-bolum .alt {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding: 34px 31.5px;
    background-color:  white;
    border: 3px solid #2EA4A6;
}
.dorduncu-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1214px;
    margin: 0 auto;
    padding-bottom: 80px;
}

/* MOBİL UYUM */
@media (max-width: 1253px) {
    body { overflow-x: hidden; }

    /* BİRİNCİ BÖLÜM */
    .birinci-bolum {
        flex-direction: column;
        padding: 0 20px;
        box-sizing: border-box;
        gap: 20px;
    }
    .birinci-bolum .sol {
        max-width: 100%;
    }
    .birinci-bolum iframe {
        width: 100%;
    }

    /* İKİNCİ BÖLÜM */
    .ikinci-bolum {
        padding: 80px 20px;
        box-sizing: border-box;
    }
    .ikinci-bolum .baslik {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .ikinci-bolum .orta {
        flex-direction: column;
        gap: 20px;
    }
    .ikinci-bolum .orta .sol {
        max-width: 100%;
    }
    .ikinci-bolum .alt .kart {
        flex-direction: column;
        gap: 20px;
    }
    .ikinci-bolum .alt .kart img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .ikinci-bolum .alt .kart div {
        max-width: 100%;
    }

    /* ÜÇÜNCÜ BÖLÜM */
    .ucuncu-bolum {
        padding: 80px 20px;
        box-sizing: border-box;
    }
    .ucuncu-bolum .ust,
    .ucuncu-bolum .orta,
    .ucuncu-bolum .orta-2,
    .ucuncu-bolum .alt {
        flex-direction: column;
        gap: 20px;
    }
    .ucuncu-bolum .kart,
    .ucuncu-bolum .kart.gap-60,
    .ucuncu-bolum .kart.gap-87 {
        max-width: 100%;
        gap: 20px;
    }
    .ucuncu-bolum .kart img {
        width: 100%;
        height: auto;
    }
    .ucuncu-bolum .sm-resim,
    .ucuncu-bolum .sm-resim-2 {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    /* DÖRDÜNCÜ BÖLÜM */
    .dorduncu-bolum {
        padding: 0 20px;
        padding-bottom: 60px;
        box-sizing: border-box;
    }
    .dorduncu-bolum .ust {
        flex-direction: column;
        gap: 20px;
    }
    .dorduncu-bolum .ust .yazilar {
        max-width: 100%;
    }
    .dorduncu-bolum .alt {
        flex-direction: column;
        padding: 20px;
    }
    .dorduncu-bolum .alt img:nth-child(1),
    .dorduncu-bolum .alt img:nth-child(2) {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {
    /* BİRİNCİ BÖLÜM */
    .birinci-bolum .sol strong {
        font-size: 22px;
    }
    .birinci-bolum .sol span {
        font-size: 16px;
    }

    /* İKİNCİ BÖLÜM */
    .ikinci-bolum .baslik span {
        font-size: 24px;
    }
    .ikinci-bolum .baslik strong {
        font-size: 40px;
    }
    .ikinci-bolum .orta .sol .yazilar strong {
        font-size: 22px;
    }
    .ikinci-bolum .orta .sol .yazilar span {
        font-size: 16px;
    }
    .ikinci-bolum .alt .kart div strong {
        font-size: 22px;
    }
    .ikinci-bolum .alt .kart div span {
        font-size: 16px;
    }

    /* ÜÇÜNCÜ BÖLÜM */
    .ucuncu-bolum .kart .yazilar strong {
        font-size: 22px;
    }
    .ucuncu-bolum .kart .yazilar span {
        font-size: 16px;
    }

    /* DÖRDÜNCÜ BÖLÜM */
    .dorduncu-bolum .ust .yazilar strong {
        font-size: 22px;
    }
    .dorduncu-bolum .ust .yazilar span {
        font-size: 16px;
    }
}