* {
  box-sizing: border-box;
}

body{
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x: hidden;
}
.menu {
  font-size: 12px;
  font-weight: 300;
  gap: 15px;
  display: flex;
  margin: 0;
  width: 100%;
  max-width: 1214px;
  padding: 20px 0px;
  margin: 0 auto;
}
.menu a{
  text-decoration: none;
  color: #1A1714;
}
.hcd {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1214px;
    margin: 0 auto;
}
.birinci-bolum .strong1 {
    font-size: 40px;
    font-weight: 600;
}
.birinci-bolum img {
    width: 100%;
}
.birinci-bolum .alt strong,
.ikinci-bolum strong,
.ucuncu-bolum strong {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.birinci-bolum .alt span,
.ikinci-bolum span,
.ucuncu-bolum span {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.birinci-bolum .alt,
.ikinci-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.birinci-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.ucuncu-bolum {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.ucuncu-bolum .kart {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dorduncu-bolum .ust strong {
    font-size: 26px;
    font-weight: 600px;
}
.dorduncu-bolum .ust span {
    font-size: 20px;
    font-weight: 400;
}
.dorduncu-bolum .ust {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: white;
    padding: 20px;
}
.dorduncu-bolum .alt .sol .sol-ust div strong {
    font-size: 26px;
    font-weight: 600;
    max-width: 287px;
    display: block;
    line-height: normal;
}
.dorduncu-bolum .alt .sol .sol-ust div span {
    font-size: 20px;
    font-weight: 400;
    max-width: 297px;
    display: block;
}
.dorduncu-bolum .alt .sol .sol-ust div {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 297px;
}
.dorduncu-bolum .alt .sol .sol-ust img {
    width: 250px;
    height: 250px;
}
.dorduncu-bolum .alt .sol .sol-ust {
    display: flex;
    flex-direction: row;
    background-color: white;
    padding: 20px;
    max-width: 587px;
    align-items: center;

}
.dorduncu-bolum .alt .sol .sol-alt strong {
    font-size: 26px;
    font-weight: 600;
    max-width: 547px;
    display: block;
}
.dorduncu-bolum .alt .sol .sol-alt span {
    font-size: 20px;
    font-weight: 400;
    max-width: 547px;
    display: block;
}
.dorduncu-bolum .alt .sol .sol-alt {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: white;
    padding: 20px;
    max-width: 587px;
}
.dorduncu-bolum .alt .sol {
    display: flex;
    flex-direction: column;
    gap: 71px;
}
.dorduncu-bolum .alt .sag img {
    width: 587px;
    height: 100%;
}
.dorduncu-bolum .alt .sag .yazilar strong {
    font-size: 26px;
    font-weight: 600;
    max-width: 547px;
    display: block;
}
.dorduncu-bolum .alt .sag .yazilar span {
    font-size: 20px;
    font-weight: 400;
    max-width: 537px;
    display: block;
}
.dorduncu-bolum .alt .sag .yazilar {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: white;
    padding: 20px;
    max-width: 587px;
}
.dorduncu-bolum .alt .sag {
    display: flex;
    flex-direction: column;
    max-width: 587px;
}
.dorduncu-bolum .alt {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.dorduncu-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.besinci-bolum .ust img {
    width: 378px;
    height: 570px;
}
.besinci-bolum .ust {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.besinci-bolum .alt .kart strong {
    font-size: 26px;
    font-weight: 600;
    max-width: 547px;
    display: block;
}
.besinci-bolum .alt .kart span {
    font-size: 20px;
    font-weight: 400;
    max-width: 547px;
    display: block;
}
.besinci-bolum .alt .kart {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
    background-color: white;
    max-width: 587px;
}
.besinci-bolum .alt .ust,
.besinci-bolum .alt .alt {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.besinci-bolum .alt {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.besinci-bolum {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.altinci-bolum .sol .ust img {
    width: 300px;
    height: 201px;
    object-fit: cover;
    display: block;
}
.altinci-bolum .sol .ust div {
    background-color: #5A2D82;
    width: 496px;
    min-height: 201px;
    padding: 28px 18px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.altinci-bolum .sol .ust div span {
    font-size: 20px;
    font-weight: 400;
    color: white;
    text-align: center;
    display: block;
    line-height: 1.5;
}
.altinci-bolum .sol .ust {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 0;
}
.altinci-bolum .sol .alt .yazi {
    background-color: #F2B600;
    width: 378px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
}
.altinci-bolum .sol .alt .yazi span {
    font-size: 20px;
    font-weight: 400;
    display: block;
    line-height: 1.3;
}
.altinci-bolum .sol .alt img {
    width: 378px;
    height: 150px;
    object-fit: cover;
    display: block;
}
.altinci-bolum .sol .alt {
    max-width: 796px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: stretch;
}
.altinci-bolum .sol {
    max-width: 796px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.altinci-bolum .sag .ust img {
    display: block;
    max-width: 298px;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.altinci-bolum .sag .ust {
    background-color: black;
    width: 378px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
}
.altinci-bolum .sag .yazi span {
    font-size: 20px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.altinci-bolum .sag .yazi span img {
    width: 96px;
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
}
.altinci-bolum .sag .yazi {
    background-color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 70px;
}
.altinci-bolum .sag {
    background-color: white;
    max-width: 378px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 82px;
}
.altinci-bolum {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .hcd {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px 24px !important;
        gap: 20px !important;
    }

    .menu {
        flex-wrap: wrap;
        padding-left: 12px;
        padding-right: 12px;
        gap: 8px;
    }

    .birinci-bolum,
    .birinci-bolum .alt,
    .ikinci-bolum,
    .ucuncu-bolum,
    .dorduncu-bolum,
    .dorduncu-bolum .alt,
    .dorduncu-bolum .alt .sol,
    .dorduncu-bolum .alt .sag,
    .dorduncu-bolum .alt .sol .sol-ust,
    .dorduncu-bolum .alt .sol .sol-alt,
    .besinci-bolum,
    .besinci-bolum .alt,
    .besinci-bolum .alt .ust,
    .besinci-bolum .alt .alt,
    .altinci-bolum,
    .altinci-bolum .sol,
    .altinci-bolum .sol .ust,
    .altinci-bolum .sol .alt,
    .ucuncu-bolum .kart,
    .dorduncu-bolum .alt .sol .sol-ust div,
    .dorduncu-bolum .alt .sol .sol-alt,
    .dorduncu-bolum .alt .sag .yazilar,
    .besinci-bolum .alt .kart,
    .altinci-bolum .sol .alt .yazi,
    .altinci-bolum .sag,
    .altinci-bolum .sag .ust,
    .altinci-bolum .sag .yazi {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 16px !important;
    }

    .birinci-bolum .strong1,
    .birinci-bolum .alt strong,
    .ikinci-bolum strong,
    .ucuncu-bolum strong,
    .dorduncu-bolum .ust strong,
    .dorduncu-bolum .alt .sol .sol-ust div strong,
    .dorduncu-bolum .alt .sol .sol-alt strong,
    .dorduncu-bolum .alt .sag .yazilar strong,
    .besinci-bolum .alt .kart strong {
        font-size: 22px !important;
    }

    .birinci-bolum .alt span,
    .ikinci-bolum span,
    .ucuncu-bolum span,
    .dorduncu-bolum .ust span,
    .dorduncu-bolum .alt .sol .sol-ust div span,
    .dorduncu-bolum .alt .sol .sol-alt span,
    .dorduncu-bolum .alt .sag .yazilar span,
    .besinci-bolum .alt .kart span,
    .altinci-bolum .sol .ust div span,
    .altinci-bolum .sol .alt .yazi span,
    .altinci-bolum .sag .yazi span {
        font-size: 16px !important;
        max-width: none !important;
        width: 100% !important;
    }

    .dorduncu-bolum .alt .sol .sol-ust div,
    .dorduncu-bolum .alt .sag .yazilar,
    .dorduncu-bolum .alt .sol .sol-alt,
    .besinci-bolum .alt .kart,
    .altinci-bolum .sol .ust div,
    .altinci-bolum .sol .alt .yazi {
        max-width: none !important;
        width: 100% !important;
    }

    iframe,
    video,
    .birinci-bolum img,
    .besinci-bolum .ust img,
    .dorduncu-bolum .alt .sol .sol-ust img,
    .dorduncu-bolum .alt .sag img,
    .altinci-bolum .sol .ust img,
    .altinci-bolum .sol .alt img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .altinci-bolum .sag .yazi span img {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        flex-shrink: 0 !important;
    }

    .ikinci-bolum iframe {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

    .dorduncu-bolum .alt .sol .sol-ust,
    .dorduncu-bolum .alt .sol .sol-alt,
    .dorduncu-bolum .alt .sag .yazilar,
    .besinci-bolum .alt .kart,
    .altinci-bolum .sol .ust div,
    .altinci-bolum .sol .alt .yazi,
    .altinci-bolum .sag .ust,
    .altinci-bolum .sag .yazi {
        padding: 16px !important;
    }

    .altinci-bolum .sol .ust div {
        width: 100% !important;
        min-height: 160px !important;
    }

    .altinci-bolum .sag .ust {
        width: 100% !important;
        max-width: 100% !important;
        height: 110px !important;
    }

    .besinci-bolum .ust,
    .besinci-bolum .alt .ust,
    .besinci-bolum .alt .alt {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 16px !important;
    }

    .besinci-bolum .ust > img,
    .besinci-bolum .orta img,
    .besinci-bolum .alt .kart,
    .besinci-bolum .alt .kart img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 16px !important;
    }

    .besinci-bolum .ust > img:last-child,
    .besinci-bolum .alt .kart:last-child {
        margin-bottom: 0 !important;
    }

    .altinci-bolum .sag .ust img {
        max-width: 220px !important;
    }

    .altinci-bolum .sag {
        width: 100% !important;
        max-width: 100% !important;
        gap: 14px !important;
    }

    .altinci-bolum .sag .yazi {
        width: 100% !important;
        min-height: 60px !important;
    }
}