@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap");

:root {
    --gbg: #F1F1F1;
    --gri: #646464;
    --mavi: #043458;
    --siyah: #000000;
    --turuncu: #FFA945;
    --yesil: #48D388;
    --kirmizi: #F15F5F;
    --border: #F0F0F0;
    --golge: 0 15px 50px rgba(0,0,0,0.15);
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--siyah);
    background: #fff;
}

input,
textarea,
button,
select {
    font-family: "Mulish", sans-serif;
}

.bg {
    background-position: center center !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}

@media (min-width: 992px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 3px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 3px;
        }

    ::-webkit-scrollbar-thumb {
        background-color: var(--mavi);
        border-radius: 3px;
        border: 0 solid #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #fff;
    }
}

.anaslider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .anaslider .swiper-wrapper {
        height: 100%;
    }

    .anaslider .swiper-pagination {
        bottom: 27px;
        pointer-events: none;
    }

@media (max-width: 576px) {
    .anaslider .swiper-pagination {
        bottom: 15px;
    }
}

.anaslider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none;
    margin: 0 4px !important;
    transition: 0.5s;
    opacity: 1;
    border-radius: 6px;
    border: 1px solid var(--mavi);
}

@media (max-width: 576px) {
    .anaslider .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 2px !important;
    }
}

.anaslider .swiper-pagination-bullet-active {
    background: var(--mavi) !important;
}

.anaslider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.header {
    width: 100%;
    height: 98px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07);
    background: #fff;
    position: relative;
    z-index: 99;
    display: flex;
    padding: 0 35px;
    align-items: center;
}

@media (max-width: 1600px) {
    .header {
        padding: 0 20px;
    }
}

@media (max-width: 1400px) {
    .header {
        height: 90px;
    }
}

@media (max-width: 768px) {
    .header {
        height: 80px;
        padding: 0 10px;
    }
}

@media (max-width: 576px) {
    .header {
        height: 70px;
    }
}

.logo {
    height: 100%;
    display: flex;
    align-items: center;
}

    .logo img {
        max-width: 231px;
    }

@media (max-width: 1600px) {
    .logo img {
        max-width: 200px;
    }
}

@media (max-width: 576px) {
    .logo img {
        max-width: 120px;
    }
}

.menu {
    height: 100%;
    margin-left: 40px;
}

@media (max-width: 1600px) {
    .menu {
        margin-left: 25px;
    }
}

@media (max-width: 1200px) {
    .menu {
        display: none;
    }
}

.menu ul {
    height: 100%;
    display: flex;
}

    .menu ul li {
        height: 100%;
        position: relative;
    }

        .menu ul li::before {
            content: "";
            width: 0;
            height: 3px;
            background: var(--mavi);
            position: absolute;
            left: 0;
            bottom: 0;
            transition: 500ms all;
        }

        .menu ul li:hover::before {
            width: 100%;
        }

        .menu ul li a {
            height: 100%;
            position: relative;
            padding: 0 30px;
            display: flex;
            justify-content: center;
        }

@media (max-width: 1600px) {
    .menu ul li a {
        padding: 0 20px;
    }
}

.menu ul li a span {
    font-size: 18px;
    white-space: nowrap;
    color: var(--siyah);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 1400px) {
    .menu ul li a span {
        font-size: 16px;
    }
}

.menu ul li a span::before {
    content: attr(data-marka);
    color: #949494;
    font-size: 12px;
    margin-bottom: 4px;
}

.menu ul li a span::after {
    content: attr(data-sayi);
    color: #fff;
    background: var(--mavi);
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    top: 17px;
    right: 17px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1400px) {
    .menu ul li a span::after {
        top: 10px;
        right: 10px;
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
}

.menu ul li a span[data-sayi=""]::after {
    display: none;
}

.mac {
    width: 55px;
    height: 55px;
    border: 1px solid #DDDDDD;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 25px;
}

@media (max-width: 1400px) {
    .mac {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 1200px) {
    .mac {
        margin-left: 50px;
    }
}

@media (max-width: 576px) {
    .mac {
        margin-left: 30px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 330px) {
    .mac {
        margin-left: 15px;
    }
}

.mac em {
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: var(--mavi);
    margin: 2.5px 0;
    transition: 500ms all;
}

@media (max-width: 1400px) {
    .mac em {
        width: 18px;
        height: 2px;
    }
}

@media (max-width: 576px) {
    .mac em {
        width: 14px;
        margin: 2px 0;
    }
}

.mac em:nth-child(2) {
    width: 13px;
}

@media (max-width: 1400px) {
    .mac em:nth-child(2) {
        width: 12px;
    }
}

@media (max-width: 576px) {
    .mac em:nth-child(2) {
        width: 8px;
    }
}

.mac::before {
    top: 110% !important;
}

.mac::after {
    top: calc(110% - 12px) !important;
}

.mac:hover em {
    width: 13px;
}

    .mac:hover em:nth-child(2) {
        width: 22px;
    }

.mac:hover::before {
    top: 130% !important;
}

.mac:hover::after {
    top: calc(130% - 12px) !important;
}

.whatsapp {
    color: var(--mavi);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

    .whatsapp svg {
        width: 38px;
        height: 38px;
    }

@media (max-width: 1400px) {
    .whatsapp svg {
        height: 33px;
        width: 33px;
    }
}

.info {
    position: relative;
}

    .info::before {
        content: attr(data-title);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 120%;
        background: var(--mavi);
        color: #fff;
        height: 26px;
        padding: 0 16px;
        font-size: 13px;
        font-weight: 600;
        display: flex;
        align-items: center;
        white-space: nowrap;
        pointer-events: none;
        transition: 500ms all;
        opacity: 0;
    }

@media (max-width: 1400px) {
    .info::before {
        height: 22px;
        font-size: 11px;
        padding: 0 10px;
    }
}

@media (max-width: 768px) {
    .info::before {
        display: none;
    }
}

.info::after {
    content: "";
    border: 6px solid transparent;
    border-bottom: 6px solid var(--mavi);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(120% - 12px);
    pointer-events: none;
    transition: 500ms all;
    opacity: 0;
}

@media (max-width: 768px) {
    .info::after {
        display: none;
    }
}

.info:hover::before {
    top: 100%;
    opacity: 1;
}

.info:hover::after {
    top: calc(100% - 12px);
    opacity: 1;
}

.telefon {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 34px;
}

@media (max-width: 1600px) {
    .telefon {
        margin-left: 25px;
    }
}

@media (max-width: 360px) {
    .telefon {
        margin-left: 15px;
    }
}

.telefon svg {
    color: var(--mavi);
    width: 34px;
    height: 34px;
    min-width: 34px;
}

@media (max-width: 1400px) {
    .telefon svg {
        height: 30px;
        width: 30px;
        min-width: 30px;
    }
}

.telbilgi {
    display: flex;
    flex-direction: column;
    margin-left: 11px;
}

@media (max-width: 1450px) {
    .telbilgi {
        display: none;
    }
}

@media (max-width: 1200px) {
    .telbilgi {
        display: flex;
    }
}

@media (max-width: 992px) {
    .telbilgi {
        display: none;
    }
}

.telsaat {
    font-size: 13px;
    font-weight: 400;
    color: #A4A4A4;
}

.telno {
    font-size: 18px;
    font-weight: 400;
    color: var(--siyah);
}

.sosyalmedya {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 58px;
}

@media (max-width: 1600px) {
    .sosyalmedya {
        margin-left: 35px;
    }
}

@media (max-width: 1400px) {
    .sosyalmedya {
        margin-left: 30px;
    }
}

@media (max-width: 768px) {
    .sosyalmedya {
        display: none;
    }
}

.sosyalmedya a {
    height: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mavi);
}

    .sosyalmedya a svg {
        width: 32px;
        height: 32px;
    }

    .sosyalmedya a.fb svg {
        width: 28px;
        height: 28px;
    }

@media (max-width: 1400px) {
    .sosyalmedya a.fb svg {
        height: 22px;
        width: 22px;
    }
}

.sosyalmedya a.yt svg {
    width: 28px;
    height: 28px;
}

@media (max-width: 1400px) {
    .sosyalmedya a.yt svg {
        height: 22px;
        width: 22px;
    }
}

.sosyalmedya a.ins svg {
    width: 22px;
    height: 22px;
}

@media (max-width: 1400px) {
    .sosyalmedya a.ins svg {
        height: 18px;
        width: 18px;
    }
}

.sosyalmedya a.in svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 1400px) {
    .sosyalmedya a.in svg {
        height: 20px;
        width: 20px;
    }
}

.sosyalmedya a.tw svg {
    width: 30px;
    height: 30px;
}

@media (max-width: 1400px) {
    .sosyalmedya a.tw svg {
        height: 26px;
        width: 26px;
    }
}

.sic {
    width: 100%;
    height: 578px;
}

@media (max-width: 1400px) {
    .sic {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .sic {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .sic {
        height: 200px;
    }
}

.sic a {
    width: 100%;
    height: 100%;
    display: block;
}

.aileri {
    width: 100px;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: 300ms all;
    opacity: 0.3;
    color: var(--mavi);
}

@media (max-width: 576px) {
    .aileri {
        width: 60px;
    }
}

.aileri svg {
    width: 42px;
    height: 42px;
}

@media (max-width: 576px) {
    .aileri svg {
        width: 25px;
        height: 25px;
    }
}

.aileri:hover {
    opacity: 1;
}

.ageri {
    width: 100px;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: 300ms all;
    opacity: 0.3;
    color: var(--mavi);
}

@media (max-width: 576px) {
    .ageri {
        width: 60px;
    }
}

.ageri svg {
    width: 42px;
    height: 42px;
}

@media (max-width: 576px) {
    .ageri svg {
        width: 25px;
        height: 25px;
    }
}

.ageri:hover {
    opacity: 1;
}

.solmenu {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    overflow: hidden;
    transition: 300ms all;
    pointer-events: none;
    opacity: 0;
}

.smkapat {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.smic {
    width: 315px;
    height: 100%;
    position: absolute;
    overflow: auto;
    background: #fff;
    left: -400px;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    transition: 500ms all;
}

@media (max-width: 576px) {
    .smic {
        width: 280px;
    }
}

.smic .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}

    .smic .logo img {
        max-width: 190px;
    }

.smic * {
    height: auto;
}

.smm {
    margin-left: 0;
}

@media (max-width: 1600px) {
    .smm {
        margin-left: 0;
    }
}

@media (max-width: 1200px) {
    .smm {
        display: block;
    }
}

.smm ul {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .smm ul li {
        width: 100%;
        border-bottom: 1px solid #DFDFDF;
    }

        .smm ul li:last-child {
            border: 0;
        }

        .smm ul li a {
            justify-content: flex-start;
            padding: 17px;
        }

            .smm ul li a span::after {
                top: 50%;
                transform: translateY(-50%);
            }

.dmenu {
    width: 100%;
    margin-top: 15px;
}

    .dmenu ul {
        width: 100%;
    }

        .dmenu ul li {
            width: 100%;
        }

            .dmenu ul li a {
                font-size: 18px;
                font-weight: 400;
                color: var(--siyah);
                display: block;
                padding: 10px 17px;
            }

                .dmenu ul li a:hover {
                    color: var(--turuncu);
                }

            .dmenu ul li ul {
                margin-bottom: 10px;
            }

                .dmenu ul li ul li a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #6F6F6F;
                    padding: 6px 17px;
                }

.smsm {
    margin-left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 60px;
}

    .smsm a {
        margin: 0 5px;
    }

        .smsm a.fb svg {
            width: 22px;
            height: 22px;
        }

        .smsm a.yt svg {
            width: 22px;
            height: 22px;
        }

        .smsm a.ins svg {
            width: 18px;
            height: 18px;
        }

        .smsm a.in svg {
            width: 20px;
            height: 20px;
        }

        .smsm a.tw svg {
            width: 26px;
            height: 26px;
        }

.smt {
    border: 1px solid var(--mavi);
    margin-left: 0;
    width: 100%;
    justify-content: center;
    padding: 12px 0;
    border-radius: 10px;
    margin-bottom: 17px;
}

    .smt .telbilgi {
        display: flex !important;
    }

.smulas {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    flex-direction: column;
}

@media (max-width: 576px) {
    .smulas {
        padding: 30px 10px;
    }
}

.smaktif {
    opacity: 1;
    pointer-events: all;
}

    .smaktif .smic {
        left: 0 !important;
    }

.alan {
    width: 100%;
}

.duyurular {
    width: 100%;
    padding: 43px 10px 49px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1200px) {
    .duyurular {
        padding: 33px 10px 39px;
    }
}

.duyurular svg {
    width: 28px;
    height: 28px;
    color: var(--mavi);
}

@media (max-width: 1200px) {
    .duyurular svg {
        width: 24px;
        height: 24px;
    }
}

.duyurular a {
    font-size: 18px;
    font-weight: 400;
    color: var(--siyah);
    margin-left: 23px;
}

@media (max-width: 1200px) {
    .duyurular a {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .duyurular a {
        font-size: 14px;
    }
}

.duyurular a:hover {
    color: var(--mavi);
}

.uclu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 8px 40px 36px;
}

@media (max-width: 1200px) {
    .uclu {
        padding: 8px 20px 25px;
    }
}

@media (max-width: 992px) {
    .uclu {
        padding: 8px 10px 15px;
    }
}

@media (max-width: 768px) {
    .uclu {
        margin-bottom: 20px;
    }
}

.uclu .uicon {
    width: 76px;
    height: 68px;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 9px 7px rgba(0, 0, 0, 0.1);
    color: var(--mavi);
}

@media (max-width: 1200px) {
    .uclu .uicon {
        width: 66px;
        height: 58px;
    }
}

.uclu .uicon svg {
    width: 36px;
    height: 36px;
}

@media (max-width: 1200px) {
    .uclu .uicon svg {
        width: 30px;
        height: 30px;
    }
}

.uclu .uctitle {
    font-size: 24px;
    font-weight: 500;
    color: var(--siyah);
    margin-top: 23px;
}

@media (max-width: 1200px) {
    .uclu .uctitle {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .uclu .uctitle {
        font-size: 16px;
    }
}

.uclu p {
    font-size: 15px;
    line-height: 24px;
    color: #8C8C8C;
    margin-top: 14px;
    height: 72px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .uclu p {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .uclu p {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }
}

.uclu a {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--mavi);
    height: 26px;
    font-weight: 700;
    margin-top: 4px;
    display: flex;
    align-items: center;
    overflow: hidden;
    max-height: 0;
    width: 100%;
    line-height: 26px;
    justify-content: center;
}

@media (max-width: 768px) {
    .uclu a {
        margin-top: 0;
        max-height: 26px;
    }
}

@media (max-width: 576px) {
    .uclu a {
        margin-top: 10px;
        max-height: 26px;
    }
}

.uclu a svg {
    margin-left: 4px;
    width: 26px;
    height: 26px;
    position: relative;
    left: 0;
    transition: 300ms all;
}

.uclu a:hover svg {
    left: 5px;
}

.uclu:hover a {
    max-height: 26px;
    margin-top: 24px;
}

@media (max-width: 1200px) {
    .uclu:hover a {
        margin-top: 12px;
    }
}

@media (max-width: 768px) {
    .uclu:hover a {
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    .uclu:hover a {
        margin-top: 10px;
    }
}

.box {
    background: #fff;
    border-radius: 38px;
    box-shadow: var(--golge);
}

@media (max-width: 1200px) {
    .box {
        border-radius: 25px;
    }
}

.kutu {
    width: calc(100% + 250px);
    margin-left: -125px;
}

@media (max-width: 576px) {
    .kutu {
        width: calc(100% + 48px);
        margin-left: -24px;
    }
}

.uclualan {
    height: 255px;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .uclualan {
        height: auto;
        display:none;
    }
    /*.duyurus {
        display: none;
    }*/
}

.title {
    font-size: 36px;
    line-height: 36px;
    font-weight: 900;
    color: var(--mavi);
    letter-spacing: -3px;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .title {
        font-size: 30px;
    }
}

@media (max-width: 576px) {
    .title {
        font-size: 24px;
        letter-spacing: -2px;
    }
}

.title::before {
    content: "";
    width: 104px;
    height: 6px;
    border-radius: 0 3px 3px 0;
    background: var(--mavi);
    position: absolute;
    left: -125px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 576px) {
    .title::before {
        position: relative;
        left: -18px;
        width: 40px;
    }
}

.yetkinlikler {
    padding-top: 160px;
    background: #F1F1F1;
    position: relative;
    z-index: 1;
}

@media (max-width: 1200px) {
    .yetkinlikler {
        padding-top: 120px;
    }
}

@media (max-width: 992px) {
    .yetkinlikler {
        padding-top: 30px;
    }
}

.yaklasanslider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .yaklasanslider .swiper-wrapper {
        height: 100%;
    }

    .yaklasanslider .swiper-pagination {
        bottom: 20px;
        pointer-events: none;
    }

@media (max-width: 576px) {
    .yaklasanslider .swiper-pagination {
        bottom: 10px;
    }
}

.yaklasanslider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none;
    margin: 0 4px !important;
    transition: 0.5s;
    opacity: 1;
    border-radius: 6px;
    border: 1px solid var(--mavi);
}

@media (max-width: 576px) {
    .yaklasanslider .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 2px !important;
    }
}

.yaklasanslider .swiper-pagination-bullet-active {
    background: var(--mavi) !important;
}

.yaklasanslider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.yileri {
    width: 100px;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -90px;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: 300ms all;
    opacity: 0.3;
    color: var(--mavi);
}

@media (max-width: 768px) {
    .yileri {
        width: 60px;
        right: -30px;
    }
}

@media (max-width: 576px) {
    .yileri {
        width: 50px;
        height: 50%;
        right: 5px;
    }
}

.yileri svg {
    width: 35px;
    height: 35px;
}

@media (max-width: 576px) {
    .yileri svg {
        width: 25px;
        height: 25px;
    }
}

.yileri:hover {
    opacity: 1;
}

.ygeri {
    width: 100px;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -90px;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: 300ms all;
    opacity: 0.3;
    color: var(--mavi);
}

@media (max-width: 768px) {
    .ygeri {
        width: 60px;
        left: -30px;
    }
}

@media (max-width: 576px) {
    .ygeri {
        width: 50px;
        height: 50%;
        left: 5px;
    }
}

.ygeri svg {
    width: 35px;
    height: 35px;
}

@media (max-width: 576px) {
    .ygeri svg {
        width: 25px;
        height: 25px;
    }
}

.ygeri:hover {
    opacity: 1;
}

.ysic {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .ysic {
        padding-bottom: 60px;
        margin-top: -15px;
    }
}

@media (max-width: 576px) {
    .ysic {
        padding-left: 10px;
    }
}

.ysic .tarih {
    font-size: 16px;
    font-weight: 500;
    color: #89510E;
    background: var(--turuncu);
    padding: 0 21px;
    line-height: 34px;
    border-radius: 18px;
}

@media (max-width: 1400px) {
    .ysic .tarih {
        font-size: 14px;
        line-height: 30px;
    }
}

@media (max-width: 992px) {
    .ysic .tarih {
        font-size: 12px;
        line-height: 25px;
        padding: 0 15px;
    }
}

.ysic .ytitle {
    font-size: 40px;
    line-height: 126%;
    color: var(--mavi);
    margin-top: 11px;
    font-weight: 800;
    max-width: 500px;
}

@media (max-width: 1400px) {
    .ysic .ytitle {
        font-size: 30px;
    }
}

@media (max-width: 992px) {
    .ysic .ytitle {
        font-size: 24px;
    }
}

.ysic .ytitle a {
    color: var(--mavi);
}

.ysic .yaciklama {
    margin-top: 20px;
    max-width: 520px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #666666;
    max-height: 128px;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .ysic .yaciklama {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1200px) {
    .ysic .yaciklama {
        max-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .ysic .yaciklama {
        display: none;
    }
}

@media (max-width: 768px) {
    .ysic .yaciklama {
        display: block;
    }
}

.ysic .ysalt {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 42px;
}

@media (max-width: 1200px) {
    .ysic .ysalt {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .ysic .ysalt {
        margin-top: 20px;
    }
}

.ysic .ysalt .ysfiyat {
    display: flex;
    align-items: center;
}

    .ysic .ysalt .ysfiyat em {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        background: var(--kirmizi);
        color: #fff;
        border-radius: 10px;
        font-weight: 700;
        font-style: normal;
        padding: 0 7px;
    }

@media (max-width: 992px) {
    .ysic .ysalt .ysfiyat em {
        height: 35px;
        font-size: 12px;
    }
}

.ysic .ysalt .ysfiyat span {
    display: flex;
    flex-direction: column;
    margin-left: 19px;
}

@media (max-width: 1200px) {
    .ysic .ysalt .ysfiyat span {
        margin-left: 10px;
    }
}

.ysic .ysalt .ysfiyat span p {
    font-size: 20px;
    font-weight: 400;
    color: #ABABAB;
    text-decoration: line-through;
}

@media (max-width: 1200px) {
    .ysic .ysalt .ysfiyat span p {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .ysic .ysalt .ysfiyat span p {
        font-size: 14px;
    }
}

.ysic .ysalt .ysfiyat span b {
    font-size: 30px;
    font-weight: 700;
    color: var(--mavi);
    line-height: 30px;
}

@media (max-width: 1200px) {
    .ysic .ysalt .ysfiyat span b {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .ysic .ysalt .ysfiyat span b {
        font-size: 20px;
        line-height: 20px;
    }
}

.ysic .ysalt .yssatinal {
    height: 53px;
    padding: 0 45px;
    background: var(--yesil);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    margin-left: 65px;
    border-radius: 10px;
}

@media (max-width: 1200px) {
    .ysic .ysalt .yssatinal {
        margin-left: 40px;
        padding: 0 30px;
    }
}

@media (max-width: 992px) {
    .ysic .ysalt .yssatinal {
        margin-left: 20px;
        padding: 0 20px;
        height: 45px;
    }
}

.ysic .ysalt .yssatinal:hover {
    background: #64EEA4;
}

.ysic .ysalt .yssatinal svg {
    margin-right: 12px;
    width: 20px;
    height: 20px;
}

.ysliders {
    width: 100%;
    position: relative;
}

.yaklasanlar {
    position: relative;
    margin-top: -108px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .yaklasanlar {
        /*margin-top: -70px;*/
        margin-top:0;
    }
}

.yaklasanlar::before {
    content: "";
    width: 100%;
    left: 0;
    bottom: 190px;
    height: 82px;
    background: var(--mavi);
    position: absolute;
}

.konusmacilar {
    padding-top: 90px;
    padding-bottom: 100px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .konusmacilar {
        padding: 60px 0;
    }
}

@media (max-width: 576px) {
    .konusmacilar {
        padding: 40px 0;
    }
}

.konusmacilist {
    width: 100%;
    margin-top: 75px;
}

@media (max-width: 1200px) {
    .konusmacilist {
        margin-top: 50px;
    }
}

@media (max-width: 576px) {
    .konusmacilist {
        margin-top: 30px;
    }
}

.konusmaci {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 27px;
    position: relative;
    top: 0;
    transition: 500ms all;
}

@media (max-width: 1200px) {
    .konusmaci {
        padding-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .konusmaci {
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .konusmaci {
        margin-bottom: 15px;
    }
}

.konusmaci:hover {
    top: -5px;
}

.konusmaci .kresim {
    width: 100%;
    position: relative;
    padding-bottom: 88.4615%;
    border-bottom: 5px solid var(--mavi);
}

    .konusmaci .kresim a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .konusmaci .kresim a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.konusmaci .ktitle {
    margin-top: 21px;
    font-size: 22px;
    font-weight: 500;
    color: var(--mavi);
}

@media (max-width: 1200px) {
    .konusmaci .ktitle {
        font-size: 18px;
        margin-top: 18px;
    }
}

@media (max-width: 576px) {
    .konusmaci .ktitle {
        font-size: 14px;
        margin-top: 10px;
    }
}

.konusmaci .ktitle a {
    color: var(--mavi);
}

.konusmaci span {
    margin-top: 7px;
    font-size: 16px;
    color: #666666;
}

@media (max-width: 1200px) {
    .konusmaci span {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .konusmaci span {
        font-size: 12px;
        margin-top: 5px;
    }
}

.ktumu {
    background: var(--turuncu);
    width: 100%;
    padding: 40px 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    color: #89510E;
    transition: 300ms all;
}

@media (max-width: 1200px) {
    .ktumu {
        padding: 30px 10px;
    }
}

@media (max-width: 576px) {
    .ktumu {
        padding: 20px 10px;
    }
}

.ktumu:hover {
    background: #FFB55E;
}

.ktumu .kttitle {
    font-size: 22px;
    font-weight: 700;
    margin: 25px 0;
}

@media (max-width: 1200px) {
    .ktumu .kttitle {
        font-size: 18px;
        margin: 15px 0;
    }
}

@media (max-width: 992px) {
    .ktumu .kttitle {
        font-size: 22px;
        margin: 20px 0;
    }
}

@media (max-width: 576px) {
    .ktumu .kttitle {
        font-size: 18px;
        margin: 10px 0;
    }
}

.ktumu svg:nth-child(1) {
    width: 90px;
    height: 90px;
}

@media (max-width: 1200px) {
    .ktumu svg:nth-child(1) {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 576px) {
    .ktumu svg:nth-child(1) {
        width: 50px;
        height: 50px;
    }
}

.ktumu svg:nth-child(3) {
    width: 40px;
    height: 40px;
}

@media (max-width: 1200px) {
    .ktumu svg:nth-child(3) {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 992px) {
    .ktumu svg:nth-child(3) {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 576px) {
    .ktumu svg:nth-child(3) {
        width: 30px;
        height: 30px;
    }
}

.ktalan {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ktalan a {
        width: 80%;
    }

@media (max-width: 576px) {
    .ktalan a {
        width: 100%;
    }
}

.videos {
    background-image: url(../images/vbg.jpg);
    padding-top: 72px;
    padding-bottom: 90px;
}

@media (max-width: 1200px) {
    .videos {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.videos .title {
    color: #fff;
}

    .videos .title::before {
        background: #fff;
    }

.videolar {
    overflow: hidden;
}

.tumu {
    margin-left: auto;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {
    .tumu {
        font-size: 14px;
    }
}

.tumu svg {
    width: 26px;
    height: 26px;
    margin-left: 13px;
    position: relative;
    left: 0;
    transition: 500ms all;
}

@media (max-width: 576px) {
    .tumu svg {
        margin-left: 5px;
    }
}

.tumu:hover svg {
    left: 5px;
}

.videolist {
    margin-top: 60px;
}

@media (max-width: 992px) {
    .videolist {
        margin-top: 40px;
    }
}

.video {
    width: 100%;
    height: 559px;
    position: relative;
}

@media (max-width: 1200px) {
    .video {
        height: 459px;
    }
}

@media (max-width: 992px) {
    .video {
        margin-bottom: 15px;
        height: 350px;
    }
}

@media (max-width: 576px) {
    .video {
        margin-bottom: 5px;
        height: 350px;
    }
}

.video a {
    width: 100%;
    height: 100%;
}

    .video a img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.video .vic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding: 50px;
    background: black;
    background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

@media (max-width: 1200px) {
    .video .vic {
        padding: 40px;
    }
}

@media (max-width: 576px) {
    .video .vic {
        padding: 20px;
    }
}

.video .vic span {
    font-size: 18px;
    font-weight: 700;
    color: var(--turuncu);
}

@media (max-width: 1200px) {
    .video .vic span {
        font-size: 16px;
    }
}

.video .vic .vtitle {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 11px;
}

@media (max-width: 1200px) {
    .video .vic .vtitle {
        font-size: 20px;
    }
}

.video .vic .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.78);
}

    .video .vic .play svg {
        width: 88px;
        height: 88px;
        transition: 500ms all;
    }

@media (max-width: 1200px) {
    .video .vic .play svg {
        width: 68px;
        height: 68px;
    }
}

.video:hover .vic .play svg {
    width: 100px;
    height: 100px;
}

@media (max-width: 1200px) {
    .video:hover .vic .play svg {
        width: 78px;
        height: 78px;
    }
}

.videoyan {
    height: 268px;
    margin-bottom: 23px;
}

@media (max-width: 1200px) {
    .videoyan {
        height: 218px;
    }
}

@media (max-width: 992px) {
    .videoyan {
        width: 49%;
        display: inline-block;
        margin-bottom: 0;
    }

        .videoyan:nth-child(2) {
            margin-left: 1%;
        }
}

@media (max-width: 576px) {
    .videoyan {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 5px;
    }
}

.videoyan:last-child {
    margin-bottom: 0;
}

.videoyan .vic {
    padding: 20px;
}

    .videoyan .vic span {
        font-size: 16px;
    }

    .videoyan .vic .vtitle {
        font-size: 20px;
        margin-top: 9px;
    }

@media (max-width: 1200px) {
    .videoyan .vic .vtitle {
        font-size: 18px;
    }
}

.videoyan .vic .play svg {
    width: 52px;
    height: 52px;
}

@media (max-width: 1200px) {
    .videoyan .vic .play svg {
        width: 40px;
        height: 40px;
    }
}

.videoyan:hover .vic .play svg {
    width: 60px;
    height: 60px;
}

@media (max-width: 1200px) {
    .videoyan:hover .vic .play svg {
        width: 50px;
        height: 50px;
    }
}

.fotograflar {
    padding-top: 90px;
    padding-bottom: 100px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .fotograflar {
        padding-top: 60px;
        padding-bottom: 70px;
    }
}

@media (max-width: 576px) {
    .fotograflar {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#galeriler {
    width: 100%;
    margin-top: 75px;
    display: flex;
}

@media (max-width: 1200px) {
    #galeriler {
        margin-top: 50px;
    }
}

@media (max-width: 992px) {
    #galeriler {
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    #galeriler {
        margin-top: 40px;
    }
}

.fg {
    color: var(--mavi);
}

.galeri {
    width: 25%;
    padding-bottom: 18.9393%;
    position: relative;
    cursor: pointer;
    transform: scale(1);
    transition: 300ms all;
}

@media (max-width: 992px) {
    .galeri {
        width: 50%;
        padding-bottom: 35%;
    }
}

@media (max-width: 576px) {
    .galeri {
        width: 100%;
        padding-bottom: 70%;
    }
}

.galeri:hover {
    transform: scale(1.1);
    z-index: 2;
    box-shadow: 15px 13px 33px rgba(0, 0, 0, 0.25);
}

@media (max-width: 992px) {
    .galeri:hover {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    }
}

.galeri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.galeri .gic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding: 27px;
    background: black;
    background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: 500ms all;
    z-index: 1;
}

@media (max-width: 1200px) {
    .galeri .gic {
        padding: 15px;
    }
}

@media (max-width: 992px) {
    .galeri .gic {
        opacity: 1;
    }
}

@media (max-width: 576px) {
    .galeri .gic {
        padding: 20px;
    }
}

.galeri .gic span {
    font-size: 16px;
    font-weight: 700;
    color: var(--turuncu);
}

@media (max-width: 1200px) {
    .galeri .gic span {
        font-size: 13px;
    }
}

.galeri .gic .gtitle {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 9px;
}

@media (max-width: 1200px) {
    .galeri .gic .gtitle {
        font-size: 14px;
        margin-top: 5px;
    }
}

.galeri:hover .gic {
    opacity: 1;
}

.ebulten {
    background-image: url(../images/bbg.jpg);
    padding-top: 72px;
    padding-bottom: 75px;
}

@media (max-width: 992px) {
    .ebulten {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.ebulten .title {
    color: #fff;
}

    .ebulten .title::before {
        background: #fff;
    }

.bultenic {
    margin: auto;
    max-width: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 992px) {
    .bultenic {
        padding-top: 30px;
    }
}

.bultenic .btitle {
    font-size: 24px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

@media (max-width: 992px) {
    .bultenic .btitle {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .bultenic .btitle {
        font-size: 16px;
    }
}

.bform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

@media (max-width: 576px) {
    .bform {
        flex-direction: column;
        margin-top: 25px;
    }
}

.bform .btext {
    width: 100%;
    height: 58px;
    border: 2px solid #fff;
    background: none;
    padding: 0 34px;
    border-radius: 29px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    transition: 300ms all;
}

@media (max-width: 992px) {
    .bform .btext {
        font-size: 14px;
        height: 48px;
        padding: 0 25px;
    }
}

@media (max-width: 576px) {
    .bform .btext {
        margin-bottom: 10px;
    }
}

.bform .btext:focus {
    border-color: var(--yesil);
}

.bform .btext::placeholder {
    opacity: 0.51;
    color: #fff;
}

.bform .bbuton {
    height: 58px;
    padding: 0 33px;
    background: var(--yesil);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    margin-left: 20px;
    border-radius: 29px;
    cursor: pointer;
    border: 0;
    transition: 300ms all;
}

@media (max-width: 992px) {
    .bform .bbuton {
        font-size: 16px;
        height: 48px;
    }
}

@media (max-width: 576px) {
    .bform .bbuton {
        width: 100%;
        margin-left: 0;
    }
}

.bform .bbuton:hover {
    background: #64EEA4;
}

.bform .bbuton svg {
    margin-right: 13px;
    width: 28px;
    height: 28px;
}

.pbasarili {
    width: 100%;
    margin-top: 44px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--yesil);
}

@media (max-width: 992px) {
    .pbasarili {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .pbasarili {
        font-size: 14px;
        margin-top: 20px;
    }
}

.phata {
    width: 100%;
    margin-top: 44px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--kirmizi);
}

@media (max-width: 992px) {
    .phata {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .phata {
        font-size: 14px;
        margin-top: 20px;
    }
}

.marka {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .marka img {
        max-width: 100%;
        max-height: 100%;
    }

.markalar {
    padding: 70px 0;
}

@media (max-width: 992px) {
    .markalar {
        padding: 35px 0;
    }
}

.markaslider {
    width: 100%;
    overflow: hidden;
}

.footer {
    width: 100%;
    padding: 56px 0 50px;
    background: #F3F3F3;
}

@media (max-width: 992px) {
    .footer {
        padding: 30px 0;
    }
}

.fbilgi {
    width: 320px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

@media (max-width: 992px) {
    .fbilgi {
        width: 100%;
    }
}

.fbilgi .flogo {
    max-width: 100%;
    opacity: 0.3;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .fbilgi .flogo {
        margin-bottom: 20px;
        max-width: 170px;
    }
}

.fbilgi p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 24px;
    color: #646464;
}

@media (max-width: 1200px) {
    .fbilgi p {
        font-size: 13px;
        line-height: 22px;
    }
}

@media (max-width: 992px) {
    .fbilgi p {
        margin-bottom: 7px;
    }
}

.fbilgi p a {
    color: #646464;
}

.fbilgi .fcc {
    max-width: 100%;
    margin-top: 50px;
}

@media (max-width: 992px) {
    .fbilgi .fcc {
        max-width: 200px;
        margin-top: 25px;
    }
}

.fmenu {
    width: 200px;
}

@media (max-width: 992px) {
    .fmenu {
        width: 50%;
        margin-top: 40px;
        text-align: center;
    }
}

.fmenu .ftitle {
    font-size: 18px;
    font-weight: 800;
    color: var(--mavi);
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .fmenu .ftitle {
        justify-content: center;
        align-items: center;
    }
}

.fmenu .ftitle::after {
    content: "";
    width: 37px;
    height: 4px;
    border-radius: 2px;
    margin-top: 14px;
    background: #CFCFCF;
}

.fmenu ul {
    margin-top: 17px;
}

    .fmenu ul li {
        width: 100%;
        margin-bottom: 12px;
    }

@media (max-width: 1200px) {
    .fmenu ul li {
        margin-bottom: 7px;
    }
}

.fmenu ul li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #646464;
}

@media (max-width: 1200px) {
    .fmenu ul li a {
        font-size: 14px;
    }
}

.fmenu ul li a:hover {
    color: var(--mavi);
}

.footeric {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .footeric {
        flex-wrap: wrap;
    }
}

.fsag {
    width: 245px;
}

@media (max-width: 992px) {
    .fsag {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .fsag {
        margin-top: 20px;
    }
}

.fsag .smsm {
    margin-top: 0;
}

.fsag .smulas {
    padding: 30px 0;
}

@media (max-width: 768px) {
    .fsag .smulas {
        padding: 30px 0 0;
    }
}

.fsmt {
    background: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    margin-left: 0;
    width: 100%;
    justify-content: center;
    padding: 12px 0;
    border-radius: 10px;
    margin-bottom: 17px;
}

    .fsmt .telbilgi {
        display: flex !important;
    }

.alt {
    width: 100%;
    border-top: 1px solid #E0E0E0;
    background: #F3F3F3;
}

.altic {
    padding: 30px 0;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .altic {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 20px 0;
    }
}

.altic p {
    font-size: 14px;
    font-weight: 400;
    color: #646464;
}

.altic a {
    margin-left: auto;
    opacity: 0.4;
}

@media (max-width: 768px) {
    .altic a {
        margin-left: 0;
        margin-top: 15px;
    }
}

.altic a:hover {
    opacity: 1;
}

.ysresim {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media (max-width: 768px) {
    .ysresim {
        border-bottom: 3px solid var(--turuncu);
    }
}

.ysresim img {
    max-width: 100%;
    max-height: 100%;
}

.ebultens {
    overflow: hidden;
}

.icerikler {
    width: 100%;
}

.icust {
    width: 100%;
    padding: 65px 0 220px;
    background: #043458;
    background: -webkit-linear-gradient(left, #043458 0%, #155484 100%);
    background: -o-linear-gradient(left, #043458 0%, #155484 100%);
    background: linear-gradient(to right, #043458 0%, #155484 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 992px) {
    .icust {
        padding: 40px 0 120px;
    }
}

.icust .band {
    display: flex;
    align-items: center;
}

    .icust .band a {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        display: flex;
        align-items: center;
    }

@media (max-width: 992px) {
    .icust .band a {
        font-size: 14px;
    }
}

.icust .band a svg {
    width: 22px;
    height: 22px;
}

@media (max-width: 992px) {
    .icust .band a svg {
        width: 20px;
        height: 20px;
    }
}

.icust .band a::after {
    content: "";
    background: url("https://api.iconify.design/eva:arrow-ios-forward-fill.svg?height=17&width=17&color=white");
    width: 17px;
    height: 17px;
    margin: 0 5px;
}

.icust .band b {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

@media (max-width: 992px) {
    .icust .band b {
        font-size: 14px;
    }
}

.icust .ititle {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-top: 14px;
}

@media (max-width: 992px) {
    .icust .ititle {
        font-size: 30px;
        margin-top: 10px;
    }
}

@media (max-width: 576px) {
    .icust .ititle {
        font-size: 24px;
    }
}

.ortaalan {
    width: 100%;
    margin-top: -150px;
    min-height: 400px;
    padding-bottom: 90px;
}

@media (max-width: 992px) {
    .ortaalan {
        margin-top: -80px;
        padding-bottom: 50px;
    }
}

.kurumsal {
    width: 100%;
}

.hresim {
    width: 100%;
    height: 346px;
}

@media (max-width: 1400px) {
    .hresim {
        height: 300px;
    }
}

@media (max-width: 1200px) {
    .hresim {
        height: 250px;
    }
}

@media (max-width: 768px) {
    .hresim {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .hresim {
        height: 150px;
    }
}

.hresim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 38px;
}

@media (max-width: 768px) {
    .hresim img {
        border-radius: 20px;
    }
}

.sayfa {
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
}

@media (max-width: 992px) {
    .sayfa {
        flex-direction: column;
        justify-content: flex-start;
    }
}

.ksmenu {
    width: 315px;
    padding: 30px 0;
    margin-top: -78px;
    flex-shrink: 0;
}

@media (max-width: 1200px) {
    .ksmenu {
        width: 250px;
        margin-top: -50px;
        padding: 20px 0;
    }
}

@media (max-width: 992px) {
    .ksmenu {
        width: 100%;
        margin-top: -30px;
        padding: 15px 0;
    }
}

.ksmenu ul {
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .ksmenu ul {
        max-height: 0;
        overflow: hidden;
        transition: 600ms all;
    }
}

.ksmenu ul.kmm {
    max-height: 600px;
}

.ksmenu ul li a {
    font-size: 18px;
    font-weight: 600;
    color: var(--mavi);
    display: block;
    padding: 12px 40px;
    position: relative;
}

@media (max-width: 1200px) {
    .ksmenu ul li a {
        font-size: 16px;
        padding: 10px 30px;
    }
}

@media (max-width: 992px) {
    .ksmenu ul li a {
        padding: 7px 30px;
    }
}

.ksmenu ul li a::before {
    content: "";
    width: 0;
    height: 4px;
    background: var(--mavi);
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 0 2px 2px 0;
    transform: translateY(-50%);
    transition: 500ms all;
}

.ksmenu ul li a:hover::before {
    width: 29px;
}

@media (max-width: 1200px) {
    .ksmenu ul li a:hover::before {
        width: 20px;
    }
}

.ksmenu ul li.kmaktif a::before {
    width: 29px;
}

@media (max-width: 1200px) {
    .ksmenu ul li.kmaktif a::before {
        width: 20px;
    }
}

.sayfaic {
    width: 100%;
    padding-left: 60px;
    padding-top: 20px;
}

@media (max-width: 1200px) {
    .sayfaic {
        padding-left: 35px;
    }
}

@media (max-width: 1200px) {
    .sayfaic {
        padding-left: 0;
    }
}

.sayfaic h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .sayfaic h3 {
        margin-top: 20px;
        font-size: 22px;
        margin-bottom: 15px;
    }
}

.sayfaic h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .sayfaic h2 {
        margin-top: 20px;
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.sayfaic h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .sayfaic h4 {
        margin-top: 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }
}

.sayfaic h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .sayfaic h5 {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 15px;
    }
}

.sayfaic h6 {
    font-size: 12px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .sayfaic h6 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.sayfaic p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #000;
    margin-bottom: 14px;
}

@media (max-width: 1200px) {
    .sayfaic p {
        font-size: 14px;
    }
}

.sayfaic p a {
    color: var(--mavi);
    text-decoration: underline;
}

.sayfaic a {
    color: var(--mavi);
    text-decoration: underline;
}

.kmac {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--mavi);
    cursor: pointer;
    display: none;
}

@media (max-width: 992px) {
    .kmac {
        display: flex;
    }
}

.kmac svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.etkinliker {
    width: 100%;
}

.etkinlik {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

@media (max-width: 576px) {
    .etkinlik {
        margin-bottom: 50px;
    }
}

.etkinlik .eresim {
    width: 100%;
    padding-bottom: 73.2452%;
    position: relative;
    border-radius: 38px 38px 0 0;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .etkinlik .eresim {
        border-radius: 25px 25px 0 0;
    }
}

.etkinlik .eresim img {
    width: 100%;
    height: 100%;
    object-fit: initial;
    position: absolute;
    left: 0;
    top: 0;
}

.etkinlik .etitle {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: var(--mavi);
    margin: 15px 0 14px;
    padding: 0 30px;
    text-align: center;
    height: 68px;
    line-height: 34px;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .etkinlik .etitle {
        font-size: 21px;
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .etkinlik .etitle {
        padding: 0 15px;
        font-size: 18px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .etkinlik .etitle {
        padding: 0 10px;
        font-size: 14px;
        line-height: 20px;
        height: auto;
    }
}

@media (max-width: 576px) {
    .etkinlik .etitle {
        font-size: 15px;
        line-height: 18px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
}

.etkinlik .etitle a {
    color: var(--mavi);
    display: block;
}

.etkinlik .eac {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-weight: 400;
    color: #666;
    padding: 0 30px;
    text-align: center;
}

@media (max-width: 1200px) {
    .etkinlik .eac {
        padding: 0 15px;
        font-size: 13px;
        line-height: 21px;
        height: 42px;
    }
}

@media (max-width: 768px) {
    .etkinlik .eac {
        display: none;
    }
}

.etkinlik .ealt {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 21px;
    border-top: 1px solid #DDDDDD;
    padding: 17px 30px 21px;
    position: relative;
}

@media (max-width: 1200px) {
    .etkinlik .ealt {
        padding: 13px 15px 16px;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .etkinlik .ealt {
        padding-bottom: 40px;
        justify-content: center;
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    .etkinlik .ealt {
        padding: 15px;
    }
}

.etkinlik .ealt .fiyat {
    display: flex;
    align-items: center;
}

    .etkinlik .ealt .fiyat em {
        font-style: normal;
        background: var(--kirmizi);
        color: #fff;
        height: 32px;
        border-radius: 9px;
        display: flex;
        align-items: center;
        padding: 0 7px;
        font-size: 16px;
        font-weight: 700;
    }

@media (max-width: 1400px) {
    .etkinlik .ealt .fiyat em {
        height: 30px;
        font-size: 14px;
        padding: 0 5px;
    }
}

@media (max-width: 1200px) {
    .etkinlik .ealt .fiyat em {
        font-size: 13px;
    }
}

.etkinlik .ealt .fiyat span {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

@media (max-width: 1400px) {
    .etkinlik .ealt .fiyat span {
        margin-left: 12px;
    }
}

@media (max-width: 1200px) {
    .etkinlik .ealt .fiyat span {
        margin-left: 8px;
    }
}

.etkinlik .ealt .fiyat span p {
    font-size: 18px;
    font-weight: 400;
    color: #ABABAB;
    text-decoration: line-through;
    line-height: 18px;
}

@media (max-width: 1200px) {
    .etkinlik .ealt .fiyat span p {
        font-size: 14px;
        line-height: 14px;
    }
}

.etkinlik .ealt .fiyat span b {
    font-size: 20px;
    font-weight: 700;
    color: var(--mavi);
    line-height: 20px;
}

@media (max-width: 1200px) {
    .etkinlik .ealt .fiyat span b {
        font-size: 18px;
        line-height: 18px;
    }
}

.etkinlik .ealt .esatinal {
    margin-left: auto;
    padding: 0 24px;
    border-radius: 10px;
    background: var(--yesil);
    height: 42px;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 1400px) {
    .etkinlik .ealt .esatinal {
        padding: 0 15px;
    }
}

@media (max-width: 1200px) {
    .etkinlik .ealt .esatinal {
        font-size: 13px;
        height: 35px;
    }
}

@media (max-width: 768px) {
    .etkinlik .ealt .esatinal {
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%);
    }
}

@media (max-width: 576px) {
    .etkinlik .ealt .esatinal {
        position: relative;
        left: 0;
        bottom: 0;
        transform: translateX(0);
    }
}

.etkinlik .ealt .esatinal:hover {
    background: #59E89A;
}

.etkinlik .ealt .esatinal svg {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

@media (max-width: 1200px) {
    .etkinlik .ealt .esatinal svg {
        width: 15px;
        height: 15px;
        margin-right: 7px;
    }
}

.etkinlik .galt {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 21px;
    border-top: 1px solid #DDDDDD;
    padding: 17px 30px 21px;
    position: relative;
}

@media (max-width: 1200px) {
    .etkinlik .galt {
        padding: 13px 15px 16px;
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .etkinlik .galt {
        padding: 13px 15px 13px;
        margin-top: 0;
    }
}

.etkinlik .galt p {
    font-size: 20px;
    font-weight: 700;
    color: var(--mavi);
}

@media (max-width: 1400px) {
    .etkinlik .galt p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .etkinlik .galt p {
        background: var(--kirmizi);
        padding: 0 8px;
        height: 24px;
        font-size: 13px;
        position: absolute;
        display: flex;
        align-items: center;
        border-radius: 0 0 10px 10px;
        left: 50%;
        bottom: -24px;
        transform: translateX(-50%);
        color: #fff;
    }
}

.etkinlik .galt .hac {
    margin-left: auto;
    width: 45px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--turuncu);
    color: #89510E;
    border-radius: 9px;
    min-width: 45px;
    border: 0;
}

@media (max-width: 1200px) {
    .etkinlik .galt .hac {
        width: 37px;
        height: 35px;
        min-width: 37px;
    }
}

@media (max-width: 576px) {
    .etkinlik .galt .hac {
        margin-left: 0;
    }
}

.etkinlik .galt .hac svg {
    width: 27px;
    height: 27px;
}

@media (max-width: 1200px) {
    .etkinlik .galt .hac svg {
        width: 22px;
        height: 22px;
    }
}

.etkinlik .galt .hac::before {
    top: -50px;
    border-radius: 7px;
}

.etkinlik .galt .hac::after {
    border-bottom: 6px solid transparent;
    border-top: 6px solid var(--mavi);
    top: -24px;
}

.etkinlik .galt .hac:hover::before {
    top: -40px;
}

.etkinlik .galt .hac:hover::after {
    top: -14px;
}

.etkinlik .galt .edetay {
    margin-left: 12px;
    height: 42px;
    padding: 0 35px;
    background: var(--mavi);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 9px;
    display: flex;
    align-items: center;
}

@media (max-width: 1200px) {
    .etkinlik .galt .edetay {
        height: 35px;
        padding: 0 15px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .etkinlik .galt .edetay {
        width: 100%;
        justify-content: center;
        padding: 0;
        font-size: 12px;
        margin-left: 7px;
    }
}

.etkinlik .galt .edetay:hover {
    background: #124972;
}

.gectitle::before {
    position: relative;
    left: 0;
    margin-right: 22px;
}

.gecmisler {
    width: 100%;
    margin-top: 100px;
}

@media (max-width: 1200px) {
    .gecmisler {
        margin-top: 50px;
    }
}

.gelist {
    width: 100%;
    margin-top: 45px;
}

.haberver {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

    .haberver .hvic {
        width: 100%;
        max-width: 400px;
        background: #fff;
        padding: 30px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

@media (max-width: 576px) {
    .haberver .hvic {
        max-width: 90%;
    }
}

.haberver .hvic .htitle {
    font-size: 20px;
    font-weight: 700;
    color: var(--mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .haberver .hvic .htitle::after {
        content: "";
        width: 70px;
        height: 5px;
        background: var(--turuncu);
        margin-top: 15px;
        margin-bottom: 5px;
        border-radius: 3px;
    }

.haberver .hvic p {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    margin-top: 10px;
}

.haberver .hvic .hform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .haberver .hvic .hform .htext {
        width: 100%;
        margin-top: 15px;
        height: 40px;
        border: 2px solid #ccc;
        background: #fff;
        border-radius: 20px;
        padding: 0 20px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }

    .haberver .hvic .hform .hbuton {
        width: 100%;
        text-align: center;
        font-size: 16px;
        border: 0;
        border-radius: 20px;
        margin-top: 10px;
        background: var(--yesil);
        color: #000;
        font-weight: 700;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 300ms all;
        cursor: pointer;
    }

        .haberver .hvic .hform .hbuton:hover {
            background: #62E39D;
        }

    .haberver .hvic .hform .mesaj {
        padding: 14px;
        font-size: 16px;
        font-weight: 700;
    }

        .haberver .hvic .hform .mesaj.basarili {
            color: var(--yesil);
        }

        .haberver .hvic .hform .mesaj.hata {
            color: var(--kirmizi);
        }

.hvkapat {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sayfalama {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

@media (max-width: 1200px) {
    .sayfalama {
        margin-top: 10px;
    }
}

.sayfalama a {
    width: 47px;
    height: 47px;
    font-size: 18px;
    font-weight: 700;
    color: var(--mavi);
    border: 1px solid var(--mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 5px;
}

@media (max-width: 1200px) {
    .sayfalama a {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}

.sayfalama a:hover {
    color: #fff;
    background: var(--mavi);
}

.sayfalama b {
    width: 47px;
    height: 47px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: var(--mavi);
    border: 1px solid var(--mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 5px;
}

@media (max-width: 1200px) {
    .sayfalama b {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}

.konusmacilark {
    width: 100%;
}

    .konusmacilark .konusmaci {
        margin-bottom: 47px;
    }

.videolark {
    width: 100%;
}

    .videolark .video {
        width: 100%;
        height: 400px;
        margin-bottom: 30px;
        position: relative;
        border-radius: 30px;
        overflow: hidden;
    }

@media (max-width: 1400px) {
    .videolark .video {
        height: 350px;
    }
}

@media (max-width: 1200px) {
    .videolark .video {
        height: 300px;
    }
}

@media (max-width: 992px) {
    .videolark .video {
        height: 300px;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .videolark .video {
        height: 200px;
        margin-bottom: 15px;
    }
}

.videolark .video .vic {
    padding: 40px;
}

@media (max-width: 576px) {
    .videolark .video .vic {
        padding: 15px;
    }
}

.videolark .video .vic .vtitle {
    font-size: 20px;
}

@media (max-width: 576px) {
    .videolark .video .vic .vtitle {
        font-size: 14px;
    }
}

.videolark .video .vic span {
    font-size: 18px;
}

@media (max-width: 576px) {
    .videolark .video .vic span {
        font-size: 14px;
    }
}

.videolark .video .vic .play svg {
    width: 67px;
    height: 67px;
}

@media (max-width: 576px) {
    .videolark .video .vic .play svg {
        width: 50px;
        height: 50px;
    }
}

.videolark .video:hover .play svg {
    width: 77px;
    height: 77px;
}

@media (max-width: 576px) {
    .videolark .video:hover .play svg {
        width: 50px;
        height: 50px;
    }
}

.fotograflark {
    width: 100%;
}

    .fotograflark .galeri {
        width: 100%;
        padding-bottom: 75.7572%;
        border-radius: 30px;
        overflow: hidden;
        margin-bottom: 30px;
    }

.iletisim {
    width: 100%;
}

.iletisimform {
    width: 100%;
    position: relative;
    z-index: 1;
}

.ialan {
    width: 100%;
    padding: 25px 20px 15px 35px;
    position: relative;
    border-bottom: 3px solid #F1F1F1;
}

@media (max-width: 1400px) {
    .ialan {
        padding: 15px 10px 10px 25px;
    }
}

@media (max-width: 576px) {
    .ialan {
        padding: 8px 10px 5px 15px;
    }
}

.ialan p {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

@media (max-width: 1400px) {
    .ialan p {
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media (max-width: 576px) {
    .ialan p {
        font-size: 13px;
    }
}

.ialan .itext {
    width: 100%;
    height: 43px;
    line-height: 43px;
    background: none;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--mavi);
}

@media (max-width: 1400px) {
    .ialan .itext {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .ialan .itext {
        font-size: 14px;
    }
}

.ialan .itext::placeholder {
    color: #CBCBCB;
    font-weight: 400;
}

.ialan .itext:focus::placeholder {
    opacity: 0;
}

.ialan .iarea {
    width: 100%;
    height: 85px;
    line-height: 30px;
    background: none;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--mavi);
}

@media (max-width: 1400px) {
    .ialan .iarea {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .ialan .iarea {
        font-size: 14px;
        height: 65px;
    }
}

.ialan .iarea::placeholder {
    color: #CBCBCB;
    font-weight: 400;
}

.ialan .iarea:focus::placeholder {
    opacity: 0;
}

.ialan span {
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
    color: var(--kirmizi);
}

@media (max-width: 1400px) {
    .ialan span {
        font-size: 11px;
    }
}

.ialan.i50 {
    width: 50%;
}

.ialan.bl {
    border-left: 3px solid #F1F1F1;
}

.ialan.b0 {
    border: 0;
}

.ilform {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ibutons {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

@media (max-width: 576px) {
    .ibutons {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

.ibutons .ibuton {
    padding: 0 33px;
    height: 58px;
    display: flex;
    align-items: center;
    border-radius: 29px;
    background: var(--mavi);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    transition: 300ms all;
}

@media (max-width: 576px) {
    .ibutons .ibuton {
        order: 1;
        height: 45px;
        font-size: 16px;
    }
}

.ibutons .ibuton:hover {
    background: #144D78;
}

.ibutons .ibuton svg {
    width: 28px;
    height: 28px;
    margin-right: 13px;
}

.ibutons p {
    font-size: 16px;
    margin-right: 15px;
    color: var(--yesil);
    font-weight: 700;
}

@media (max-width: 576px) {
    .ibutons p {
        order: 2;
        margin-top: 15px;
    }
}

.iadres {
    width: 100%;
    background: #F3F3F3;
    margin-top: 30px;
    padding: 50px;
    border-radius: 38px;
}

@media (max-width: 1400px) {
    .iadres {
        padding: 30px;
    }
}

@media (max-width: 576px) {
    .iadres {
        padding: 10px;
    }
}

.iadres div {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

@media (max-width: 576px) {
    .iadres div {
        margin-bottom: 15px;
    }
}

.iadres div p {
    margin-left: 20px;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 1400px) {
    .iadres div p {
        font-size: 16px;
        line-height: 24px;
    }
}

.iadres div p a {
    color: #000;
}

.iadres div svg {
    width: 31px;
    height: 31px;
    min-width: 31px;
    color: var(--mavi);
}

@media (max-width: 1400px) {
    .iadres div svg {
        width: 25px;
        height: 25px;
        min-width: 25px;
    }
}

.gri {
    background: #F3F3F3;
}

.odemealani {
    padding: 25px 0;
    width: 100%;
}

.otitle {
    font-size: 21px;
    font-weight: 700;
    color: var(--mavi);
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .otitle {
        font-size: 18px;
    }
}

.otitle::before {
    content: "";
    width: 39px;
    height: 4px;
    margin-right: 13px;
    background: var(--mavi);
    border-radius: 0 3px 3px 0;
}

.okutu {
    width: 100%;
    padding: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .okutu {
        padding: 30px 20px;
    }
}

.oalan {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .oalan p {
        width: 100%;
        font-size: 14px;
        font-weight: 700;
        color: var(--mavi);
        margin-bottom: 11px;
        display: flex;
        align-items: center;
        padding: 0 8px;
    }

@media (max-width: 768px) {
    .oalan p {
        font-size: 12px;
    }
}

.oalan p span {
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--kirmizi);
}



.oalan .otext {
    width: 100%;
    height: 49px;
    border: 2px solid #DBDBDB;
    padding: 0 20px;
    background: none;
    line-height: 45px;
    font-size: 14px;
    font-weight: 700;
    color: var(--mavi);
    border-radius: 25px;
    transition: 300ms all;
}

@media (max-width: 768px) {
    .oalan .otext {
        height: 40px;
        line-height: 36px;
    }
}

.oalan .otext::placeholder {
    color: #CBCBCB;
}

.oalan .otext:focus {
    border-color: var(--yesil);
}

.oalan.o50 {
    width: calc(50% - 15px);
}

@media (max-width: 768px) {
    .oalan.o50 {
        width: 100%;
    }
}

.oalan.o55 .otext {
    width: 49%;
}

.checkbox {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    position: relative;
}

    .checkbox.cil {
        width: calc(50% - 28px);
        margin-left: 28px;
    }

    .checkbox div {
        width: 23px;
        height: 23px;
        min-width: 23px;
        border-radius: 100%;
        border: 2px solid #DBDBDB;
        margin-right: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        transition: 300ms all;
    }

        .checkbox div svg {
            width: 23px;
            height: 23px;
        }

    .checkbox b {
        font-size: 14px;
        font-weight: 700;
        color: var(--mavi);
    }

        .checkbox b em {
            font-weight: 800;
            font-style: normal;
        }

        .checkbox b a {
            color: #22B465;
            font-weight: 800;
        }

@media (max-width: 768px) {
    .checkbox b {
        font-size: 12px;
    }
}

.checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
}

    .checkbox input:checked + div {
        background: var(--yesil);
        border-color: var(--yesil);
    }

.select {
    width: 100%;
    position: relative;
}

    .select select {
        width: 100%;
        height: 49px;
        border: 2px solid #DBDBDB;
        padding: 0 20px;
        background: none;
        line-height: 45px;
        font-size: 14px;
        font-weight: 700;
        color: var(--mavi);
        border-radius: 25px;
        transition: 300ms all;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

@media (max-width: 768px) {
    .select select {
        height: 40px;
        line-height: 36px;
    }
}

.select select:focus {
    border-color: var(--yesil);
}

.select svg {
    pointer-events: none;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px;
    color: var(--mavi);
}

.obutons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 35px 10px;
}

@media (max-width: 768px) {
    .obutons {
        padding: 0 15px 10px;
        justify-content: center;
    }
}

.obuton {
    padding: 0 45px;
    height: 64px;
    border-radius: 32px;
    background: var(--yesil);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border: 0;
    cursor: pointer;
    transition: 300ms all;
}

@media (max-width: 768px) {
    .obuton {
        height: 50px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .obuton {
        padding: 0;
        width: 100%;
        justify-content: center;
        font-size: 14px;
    }
}

.obuton:hover {
    background: #5AE198;
}

.obuton svg {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

@media (max-width: 576px) {
    .obuton svg {
        width: 20px;
        height: 20px;
        margin-right: 7px;
    }
}

.sepetim {
    width: 100%;
    padding: 25px 0 15px;
}

@media (max-width: 992px) {
    .sepetim {
        margin-top: 30px;
    }
}

.sepetic {
    width: 100%;
    padding: 25px 16px 0;
}

    .sepetic ul {
        width: 100%;
    }

        .sepetic ul li {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 16px 4px;
            border-top: 1px solid #EAEAEA;
        }

            .sepetic ul li span {
                font-size: 14px;
                font-weight: 500;
                color: var(--mavi);
            }

            .sepetic ul li b {
                width: 90px;
                margin-left: auto;
                font-size: 14px;
                font-weight: 700;
                color: var(--mavi);
            }

            .sepetic ul li .stoplam {
                color: #22B465;
            }

.surun {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    padding-top: 10px;
}

    .surun img {
        width: 93px;
        height: 74px;
        object-fit: cover;
        border-radius: 15px;
    }

    .surun a {
        margin-left: 16px;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: var(--mavi);
    }

.ouc {
    width: calc(50% - 15px);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .ouc {
        width: 100%;
    }
}

.ouc .o30 {
    width: 30%;
    margin-bottom: 0;
}

.sozlesme .checkbox {
    margin-top: 15px;
}

.oab {
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .oab {
        justify-content: center;
    }
}

.oab .obuton {
    margin-top: 10px;
}

@media (max-width: 1400px) {
    .oab .obuton {
        font-size: 16px;
        height: 55px;
    }
}

.bankalar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px;
}

    .bankalar img {
        max-width: 100%;
        margin-bottom: 20px;
    }

.odemes {
    width: 100%;
}

@media (max-width: 1200px) {
    .os2 {
        margin-top: 30px;
    }
}

.ozust {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0 15px 38px;
}

@media (max-width: 576px) {
    .ozust {
        padding: 0 15px 25px;
    }
}

.ozust .ozicon {
    width: 136px;
    height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -62px;
    background: #fff;
    border-radius: 100%;
    color: var(--yesil);
}

@media (max-width: 992px) {
    .ozust .ozicon {
        margin-top: -30px;
        width: 100px;
        height: 100px;
    }
}

.ozust .ozicon svg {
    width: 114px;
    height: 114px;
}

@media (max-width: 992px) {
    .ozust .ozicon svg {
        width: 75px;
        height: 75px;
    }
}

.ozust .oztitle {
    font-size: 30px;
    font-weight: 700;
    color: var(--yesil);
    margin-top: -15px;
}

@media (max-width: 992px) {
    .ozust .oztitle {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .ozust .oztitle {
        font-size: 20px;
    }
}

.ozust p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 22px;
}

@media (max-width: 576px) {
    .ozust p {
        font-size: 14px;
    }
}

.ozust .sno {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-top: 28px;
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {
    .ozust .sno {
        font-size: 14px;
        margin-top: 20px;
    }
}

.ozust .sno b {
    margin-left: 15px;
    font-size: 24px;
    font-weight: 700;
    color: var(--yesil);
}

@media (max-width: 576px) {
    .ozust .sno b {
        font-size: 20px;
    }
}

.ozbilgi {
    width: 100%;
    border-top: 3px solid #ECECEC;
    border-bottom: 3px solid #ECECEC;
    padding: 27px 20px 27px 50px;
    display: flex;
    margin-bottom: 25px;
}

@media (max-width: 992px) {
    .ozbilgi {
        padding: 27px 20px 27px 30px;
    }
}

@media (max-width: 768px) {
    .ozbilgi {
        flex-wrap: wrap;
        padding: 10px 20px 10px 30px;
    }
}

.ozbilgi span {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .ozbilgi span {
        width: 50%;
        margin: 10px 0;
    }
}

@media (max-width: 576px) {
    .ozbilgi span {
        width: 100%;
        margin: 7px 0;
    }
}

.ozbilgi span a {
    font-size: 14px;
    font-weight: 600;
    color: #838383;
}

@media (max-width: 992px) {
    .ozbilgi span p {
        font-size: 12px;
    }
}

.ozbilgi span b {
    font-size: 18px;
    font-weight: 700;
    color: var(--mavi);
    margin-top: 12px;
}

@media (max-width: 992px) {
    .ozbilgi span b {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .ozbilgi span b {
        margin-top: 7px;
    }
}

.ozbiletler {
    width: 100%;
    margin-top: 20px;
}

.bilet {
    width: 100%;
    border-bottom: 1px solid #ECECEC;
    padding: 27px 20px 27px 50px;
    display: flex;
}

@media (max-width: 992px) {
    .bilet {
        padding: 20px 20px 20px 30px;
    }
}

@media (max-width: 768px) {
    .bilet {
        flex-wrap: wrap;
        padding: 10px 20px 10px 30px;
    }
}

.bilet:last-child {
    border: 0;
}

.bilet span {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .bilet span {
        width: 50%;
        margin: 7px 0;
    }
}

@media (max-width: 576px) {
    .bilet span {
        width: 100%;
    }
}

.bilet span a {
    font-size: 14px;
    font-weight: 600;
    color: #838383;
}

@media (max-width: 992px) {
    .bilet span p {
        font-size: 12px;
    }
}

.bilet span b {
    font-size: 16px;
    font-weight: 700;
    color: var(--mavi);
    margin-top: 12px;
}

@media (max-width: 992px) {
    .bilet span b {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .bilet span b {
        margin-top: 5px;
    }
}

.ilginicekebilir {
    width: 100%;
    margin-top: 150px;
}

@media (max-width: 768px) {
    .ilginicekebilir {
        margin-top: 50px;
    }
}

.detays {
    width: 100%;
}

.detay {
    width: 100%;
}

.dresim {
    width: 100%;
}

    .dresim img {
        width: 100%;
        height: auto;
        border-radius: 38px;
    }

.paylasalani {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 12px;
}

@media (max-width: 1200px) {
    .paylasalani {
        flex-direction: column;
    }
}

.linkkopya {
    width: 100%;
    max-width: 490px;
    display: flex;
    align-items: center;
    height: 48px;
    border-radius: 24px;
    padding: 0 0 0 21px;
    background: #F9F9F9;
    border: 1px solid var(--yesil);
}

@media (max-width: 1400px) {
    .linkkopya {
        height: 40px;
    }
}

.linkkopya span {
    font-size: 14px;
    font-weight: 400;
    color: #6D6D6D;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.linkkopya .kopyala {
    margin-left: 15px;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    background: none;
    cursor: pointer;
    border: 0;
    background: none;
    font-size: 13px;
    font-weight: 600;
    color: #29AA64;
}

    .linkkopya .kopyala::after {
        content: attr(data-title);
        white-space: nowrap;
    }

    .linkkopya .kopyala.copied::after {
        content: attr(data-kopyalandi);
    }

    .linkkopya .kopyala svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        margin-right: 6px;
    }

.paylas {
    margin-left: 10px;
    border-radius: 24px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

@media (max-width: 1200px) {
    .paylas {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
    }
}

.paylas a {
    padding: 0 30px;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 48px;
    flex-shrink: 0;
}

@media (max-width: 1400px) {
    .paylas a {
        height: 40px;
        padding: 0 25px 0 15px;
    }
}

@media (max-width: 1200px) {
    .paylas a {
        width: 100%;
        flex-shrink: unset;
        justify-content: center;
        padding: 0;
    }
}

.paylas a b {
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 1400px) {
    .paylas a b {
        font-size: 14px;
    }
}

.paylas a.wa {
    background: #48D388;
}

    .paylas a.wa:hover {
        background: #5CE49B;
    }

    .paylas a.wa svg {
        width: 31px;
        height: 31px;
        margin-right: 15px;
        color: #fff;
        min-width: 31px;
    }

@media (max-width: 1400px) {
    .paylas a.wa svg {
        margin-right: 10px;
        width: 23px;
        height: 23px;
        max-width: 23px;
    }
}

.paylas a.fb {
    background: #2F72A4;
}

    .paylas a.fb:hover {
        background: #3C83B8;
    }

    .paylas a.fb svg {
        width: 24px;
        height: 24px;
        margin-right: 15px;
        color: #fff;
        min-width: 24px;
    }

@media (max-width: 1400px) {
    .paylas a.fb svg {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        max-width: 20px;
    }
}

.paylas a.tw {
    background: #3EAAB9;
}

    .paylas a.tw:hover {
        background: #4FB9C8;
    }

    .paylas a.tw svg {
        width: 28px;
        height: 28px;
        margin-right: 15px;
        color: #fff;
        min-width: 24px;
    }

@media (max-width: 1400px) {
    .paylas a.tw svg {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        max-width: 20px;
    }
}

.tab {
    width: 100%;
    margin-top: 15px;
}

@media (max-width: 992px) {
    .tab {
        margin-top: 30px;
    }
}

.tab ul {
    width: 100%;
    display: flex;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .tab ul {
        overflow: auto;
        flex-wrap: nowrap;
    }
}

.tab ul li {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    padding: 22px 0;
    border-bottom: 4px solid #F1F1F1;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    transition: 300ms all;
}

@media (max-width: 1200px) {
    .tab ul li {
        font-size: 14px;
        padding: 16px 0;
    }
}

@media (max-width: 992px) {
    .tab ul li {
        font-size: 14px;
        padding: 16px 20px;
        width: auto;
    }
}

.tab ul li:hover {
    border-color: #C7C7C7;
}

.tab ul li.taktif {
    border-color: var(--mavi);
}

.tabicerik {
    width: 100%;
    padding: 40px 0;
}

.tic {
    width: 100%;
    display: none;
}

    .tic iframe {
        width: 100%;
        height: 300px;
        border: 0;
    }

    .tic p {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
        font-weight: 400;
    }

@media (max-width: 1200px) {
    .tic p {
        font-size: 14px;
        line-height: 24px;
    }
}

.tic p b {
    font-weight: 700;
}

.tic p strong {
    font-weight: 700;
}

.tic h2 {
    width: 100%;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 400;
}

.tic h3 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}

.tic h4 {
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}

.tic h5 {
    width: 100%;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 400;
}

.tic h6 {
    width: 100%;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 400;
}

.tic ul {
    width: 100%;
    padding: 14px 0;
}

    .tic ul li {
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 8px;
    }

@media (max-width: 1200px) {
    .tic ul li {
        font-size: 14px;
        line-height: 18px;
    }
}

.tic.tgoster {
    display: block;
}

.tic a {
    color: #000;
    text-decoration: underline;
}

    .tic a:hover {
        text-decoration: none;
    }

.kayitform {
    padding: 25px 0;
}

.kform {
    width: 100%;
    padding: 40px;
}

    .kform iframe {
        width: 100%;
    }

.dsag {
    width: 100%;
}

@media (max-width: 992px) {
    .dsag {
        display: none;
    }
}

.dsic {
    width: 100%;
    padding-bottom: 88.4615%;
}

.dslider {
    border-radius: 38px;
    overflow: hidden;
}

    .dslider .aileri {
        width: 37px;
        height: 35px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 50%;
        margin-right: -45px;
        top: auto;
        bottom: 15px;
        background: #CD7B00;
        opacity: 1;
        color: #fff;
        border-radius: 100%;
        z-index: 9;
    }

@media (max-width: 576px) {
    .dslider .aileri {
        width: 37px;
    }
}

.dslider .aileri svg {
    width: 26px;
    height: 26px;
}

@media (max-width: 576px) {
    .dslider .aileri svg {
        width: 25px;
        height: 25px;
    }
}

.dslider .aileri:hover {
    opacity: 1;
}

.dslider .ageri {
    width: 37px;
    height: 35px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    margin-left: -45px;
    top: auto;
    bottom: 15px;
    background: #CD7B00;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    z-index: 9;
}

@media (max-width: 576px) {
    .dslider .ageri {
        width: 37px;
    }
}

.dslider .ageri svg {
    width: 26px;
    height: 26px;
}

@media (max-width: 576px) {
    .dslider .ageri svg {
        width: 25px;
        height: 25px;
    }
}

.dslider .ageri:hover {
    opacity: 1;
}

.dbilgiler {
    width: 100%;
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
    margin-top: -33px;
}

.ebilgi {
    width: 100%;
}

    .ebilgi li {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 17px 22px;
        border-bottom: 1px solid #E5E5E5;
    }

@media (max-width: 1200px) {
    .ebilgi li {
        padding: 13px 15px;
    }
}

.ebilgi li .db {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .ebilgi li .db p {
        font-size: 13px;
        color: var(--mavi);
        font-weight: 400;
    }

@media (max-width: 1200px) {
    .ebilgi li .db p {
        font-size: 12px;
    }
}

.ebilgi li .db b {
    font-size: 18px;
    color: #CD7B00;
    font-weight: 600;
    margin-top: 2px;
}

@media (max-width: 1200px) {
    .ebilgi li .db b {
        font-size: 16px;
    }
}

.ebilgi li svg {
    margin-right: 20px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    color: var(--mavi);
}

@media (max-width: 1200px) {
    .ebilgi li svg {
        margin-right: 12px;
        width: 26px;
        height: 26px;
        max-width: 26px;
    }
}

.ebilgi li.saat svg {
    width: 27px;
    height: 27px;
    min-width: 27px;
}

@media (max-width: 1200px) {
    .ebilgi li.saat svg {
        width: 22px;
        height: 22px;
        max-width: 22px;
    }
}

.ebilgi li.ortam svg {
    width: 23px;
    height: 23px;
    min-width: 23px;
    margin-right: 23px;
}

@media (max-width: 1200px) {
    .ebilgi li.ortam svg {
        margin-right: 16px;
        width: 19px;
        height: 19px;
        max-width: 19px;
    }
}

.dfiyat {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 25px 0;
}

@media (max-width: 1200px) {
    .dfiyat {
        padding: 18px 0;
    }
}

.dfiyat em {
    font-style: normal;
    background: var(--kirmizi);
    color: #fff;
    height: 44px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    padding: 0 7px;
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 1400px) {
    .dfiyat em {
        height: 30px;
        font-size: 14px;
        padding: 0 5px;
    }
}

@media (max-width: 1200px) {
    .dfiyat em {
        font-size: 13px;
    }
}

.dfiyat span {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

@media (max-width: 1400px) {
    .dfiyat span {
        margin-left: 12px;
    }
}

@media (max-width: 1200px) {
    .dfiyat span {
        margin-left: 8px;
    }
}

.dfiyat span p {
    font-size: 20px;
    font-weight: 400;
    color: #ABABAB;
    text-decoration: line-through;
    line-height: 20px;
}

@media (max-width: 1200px) {
    .dfiyat span p {
        font-size: 16px;
        line-height: 16px;
    }
}

.dfiyat span b {
    font-size: 30px;
    font-weight: 700;
    color: var(--mavi);
    line-height: 30px;
}

@media (max-width: 1200px) {
    .dfiyat span b {
        font-size: 22px;
        line-height: 22px;
    }
}

.satinal {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    background: var(--yesil);
    color: #000;
    font-size: 21px;
    font-weight: 700;
    border-radius: 0 0 38px 38px;
}

@media (max-width: 1200px) {
    .satinal {
        font-size: 18px;
        padding: 15px 0;
        border-radius: 0 0 25px 25px;
    }
}

.satinal:hover {
    background: #57E197;
}

.satinal svg {
    width: 29px;
    height: 29px;
    min-width: 29px;
    margin-right: 16px;
}

@media (max-width: 1200px) {
    .satinal svg {
        width: 23px;
        height: 23px;
        min-width: 23px;
        margin-right: 12px;
    }
}

.dsagcopy {
    width: 100%;
    display: none;
    margin-top: 30px;
}

@media (max-width: 992px) {
    .dsagcopy {
        display: block;
    }

        .dsagcopy .dslider {
            display: none;
        }

        .dsagcopy .dbilgiler {
            margin-top: 0;
            padding: 10px 0 0;
        }
}

@media (max-width: 576px) {
    .dsagcopy .dslider {
        display: block;
    }

    .dsagcopy .dbilgiler {
        margin-top: -30px;
        padding: 15px 0 0;
    }
}

.cerezler {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.cerezic {
    width: 100%;
    display: flex;
    align-items: stretch;
}

    .cerezic p {
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        padding: 13px 0;
        text-align: center;
    }

@media (max-width: 576px) {
    .cerezic p {
        padding: 8px 0;
        font-size: 13px;
    }
}

.cerezic p a {
    color: var(--mavi);
    font-weight: 700;
}

    .cerezic p a:hover {
        text-decoration: underline;
    }

.cerezic .ckapat {
    padding: 0 10px;
    color: var(--mavi);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ksm {
    width: 100%;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .ksm {
        margin-top: 5px;
    }
}

.ksm a {
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gri);
}

@media (max-width: 576px) {
    .ksm a {
        width: 30px;
        height: 25px;
    }
}

.ksm a:hover {
    color: var(--mavi);
}

.ksm a svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 576px) {
    .ksm a svg {
        width: 15px;
        height: 15px;
    }
}

.konusdetay {
    padding: 10px 30px;
}

    .konusdetay h3 {
        font-size: 24px;
        font-weight: 700;
        color: var(--mavi);
        margin-bottom: 15px;
        margin-top: 30px;
    }

@media (max-width: 1200px) {
    .konusdetay h3 {
        margin-top: 20px;
        font-size: 22px;
        margin-bottom: 15px;
    }
}

.konusdetay h2 {
    font-size: 30px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .konusdetay h2 {
        margin-top: 20px;
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.konusdetay h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .konusdetay h4 {
        margin-top: 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }
}

.konusdetay h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .konusdetay h5 {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 15px;
    }
}

.konusdetay h6 {
    font-size: 12px;
    font-weight: 700;
    color: var(--mavi);
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .konusdetay h6 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.konusdetay p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #000;
    margin-bottom: 14px;
}

@media (max-width: 1200px) {
    .konusdetay p {
        font-size: 14px;
    }
}

.konusdetay p a {
    color: var(--mavi);
    text-decoration: underline;
}

.konusdetay a {
    color: var(--mavi);
    text-decoration: underline;
}

.indirimkodu {
    width: 100%;
    padding: 0 35px 30px;
    display: none;
}

    .indirimkodu.ikaktif {
        display: flex;
    }

@media (max-width: 1200px) {
    .indirimkodu {
        padding: 0 20px;
    }
}

.ikac {
    width: 100%;
    padding: 0 35px 30px;
}

@media (max-width: 1200px) {
    .ikac {
        padding: 0 20px 30px;
    }
}

.ikac span {
    background: var(--turuncu);
    padding: 12px 20px;
    border-radius: 30px;
    color: #000;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .ikac span {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .ikac span {
        width: 100%;
        text-align: center;
        display: block;
        padding: 12px 0;
    }
}

.ik {
    width: 100%;
    display: flex;
}

.ikbuton {
    padding: 0 20px;
    height: 49px;
    border-radius: 32px;
    background: var(--yesil);
    color: #000;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    border: 0;
    cursor: pointer;
    transition: 300ms all;
    margin-left: 10px;
}

    .ikbuton:hover {
        background: #5AE198;
    }

@media (max-width: 768px) {
    .ikbuton {
        height: 40px;
        font-size: 14px;
    }
}

/*# sourceMappingURL=style.css.map */


/*dev css*/

.pagination li {
    float: left;
}

.pagination .active a {
    width: 47px;
    height: 47px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: var(--mavi);
    border: 1px solid var(--mavi);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 5px;
}

.basarisiz {
    color: var(--kirmizi) !important;
}

.ozust .basarisiz svg {
    width: 74px;
    height: 74px;
}


input[type="text"]:disabled {
    background: #dddddd;
}