/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local(''), url('/d/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/d/fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local(''), url('/d/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/d/fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/*******/
html { scroll-behavior: smooth; }
body { font-family: roboto,sans-serif; margin: 0; padding: 0; background: #fff; font-size: 16px; }
a, a:active {transition: all ease .1s;color: white;}
h1, h2, .h2, .h3, .h4, h3, h4 { font-family: var(--baslik-fontu); font-weight: 700; color: var(--tema-renk-baslik); font-size: var(--baslik-font-boyutu); }

:focus, input:focus { outline: 0 !important; }
::placeholder { color: #aaa; opacity: 1; }

ul, p { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; display: block; }
figure { margin: 0; padding: 0 }
::selection { color: #ffffff; background: #0095da; }


.mi { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }

.mi { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48 }
/***/
* { box-sizing: border-box; }
.container {width: 681px;margin: 0 auto;max-width: 100%;position: relative;}
.row { display: flex; }
.wrap { flex-wrap: wrap }
/******/
.container { margin: 0 auto; position: relative }
.container:after, .container:before { display: table; content: " "; }
.container:after { clear: both; }
.cl1, .cl2, .cl3, .cl4, .cl5, .cl6, .cl7, .cl8, .cl9, .cl10, .cl11, .cl12 { position: relative; padding: 0 }
.cl1 { width: 8.333333% }
.cl2 { width: 16.666667% }
.cl3 { width: 25% }
.cl4 { width: 33.333333%; }
.cl5 { width: 41.666667% }
.cl6 { width: 50% }
.cl7 { width: 58.333333% }
.cl8 { width: 66.666667% }
.cl9 { width: 75% }
.cl10 { width: 83.333333% }
.cl11 { width: 91.666667% }
.cl12 { width: 100% }
/******/
header { /* background: #2a2a2a; */ padding: 25px 0 5px; }
header a { display: block; margin: 0 auto; width: fit-content; }
header a img {max-width: 274px;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; }
h2 { font-size: 36px }
main #kisaOzet { font-weight: 400; padding: 16px 0 32px 0; max-width: 48rem; margin: 0 auto; }
main #kisaOzet em { font-style: normal; color: white; text-align: center; white-space: nowrap; margin-top: -5px; display: block; font-size: 17px; margin-bottom: 20px; }
main #kisaOzet h1 { }
main #kisaOzet h2 { font-size: 2.25rem; line-height: 2.5rem; padding: 0; }


main #kisaOzet h3 { font-weight: 400; font-size: 24px; line-height: 33px; }
main #kisaOzet h4 { text-align: center; }
main #kisaOzet strong { }

main #soru { max-width: 48rem; margin-left: auto; margin-right: auto; }

main #icerik { margin-top: 16px; padding: 32px 0; text-align: center; font-weight: 400; line-height: 30px; }
main #icerik h2 { margin-bottom: 46px; }


#sayfanumarasi {text-align: center;color: black;/* background: #2a2a2a; */font-size: 16px;padding: 32px 0 16px 0;line-height: 24px;font-weight: 600;}
#jaOrNein { display: flex; justify-content: center; }
#jaOrNein .item {cursor: pointer;margin: 0 10px;background: #13ac00;width: 212px;height: 215px;border-radius: 8px;color: white;position: relative;transition: transform ease .3s;overflow: hidden;}
#jaOrNein .item:hover { transform: scale(1.1); }
#jaOrNein .item .mi { font-size: 32px; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); top: 56px; }
#jaOrNein .item .svgMi { width: 40%; margin-left: auto; margin-right: auto; margin-top: 25px; }
#jaOrNein .item .text { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding: 19px 0; font-size: 16px; font-size: 1rem; line-height: 1.5rem; padding: 16px 29px 5px; font-weight: 600; }
/******/
#jaOrNeinWithSorry { display: flex; justify-content: center; }
#jaOrNeinWithSorry .item { cursor: pointer; margin: 0 10px; background: #440099; width: 180px; height: 191px; border-radius: 8px; color: white; position: relative; transition: transform ease .3s; overflow: hidden; }
#jaOrNeinWithSorry .item:hover { transform: scale(1.1); }
#jaOrNeinWithSorry .item .mi { font-size: 32px; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); top: 56px; }
#jaOrNeinWithSorry .item .svgMi { width: 40%; margin-left: auto; margin-right: auto; margin-top: 25px; }
#jaOrNeinWithSorry .item .text { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding: 19px 0; font-size: 16px; }
/******/
#dortlutiklama { display: flex; justify-content: center; }
#dortlutiklama .item { cursor: pointer; transition: transform ease .3s; margin: 0 10px; width: 180px; height: 191px; border-radius: 6px; position: relative; background: #440099; overflow: hidden; }
#dortlutiklama .item:hover { transform: scale(1.1); }
#dortlutiklama .item:hover { }
#dortlutiklama .item img { }
#dortlutiklama .item .svgMi { width: 40%; margin-left: auto; margin-right: auto; margin-top: 25px; padding-bottom: 25px; }
#dortlutiklama .item .svgMi svg { fill: #fff; width: 100%; height: 100%; display: block; vertical-align: middle; }
#dortlutiklama .item .text { position: relative; text-align: center; padding: 16px; font-size: 16px; color: white; }
/******/
#dortlutiklamaWithSorry {display: flex;justify-content: center;flex-wrap: wrap;}
#dortlutiklamaWithSorry .item { cursor: pointer; transition: transform ease .3s; margin: 0 10px; width: 180px; height: 191px; border-radius: 6px; position: relative; background: #440099; overflow: hidden; }
#dortlutiklamaWithSorry .item:hover { transform: scale(1.1); }
#dortlutiklamaWithSorry .item:hover { }
#dortlutiklamaWithSorry .item .svgMi { width: 40%; margin-left: auto; margin-right: auto; margin-top: 25px; padding-bottom: 20px; }
#dortlutiklamaWithSorry .item .svgMi svg { fill: #fff; width: 100%; height: 100%; display: block; vertical-align: middle; }
#dortlutiklamaWithSorry .item img { }
#dortlutiklamaWithSorry .item .text { position: relative; text-align: center; padding: 16px; font-size: 16px; color: white; }
/******/
#weiter { }
#weiter .item { position: relative; }
#weiter a { background-color: #3cdbc0; display: block; border-radius: 6px; padding: 16px 0; text-align: center; color: white; font-weight: 400; font-size: 18px; width: 55%; margin: 0 auto; text-decoration: none; }
.disabled { cursor: not-allowed; opacity: .4; }
/******/
.coklusec4lu { display: flex; flex-wrap: wrap; }
.coklusec4lu .item { cursor: pointer; width: calc(50% - 32px); padding: 20px 20px; border-radius: 7px; margin: 0 16px 16px 0; display: flex; align-items: center; box-shadow: 0 1px 3px rgb(0 0 0 / 10%), inset 0 0 1px 1px rgb(0 0 0 / 10%); background-color: #ffffff; }
.coklusec4lu .item:hover { background: hsla(0, 0%, 95%, 1); }
.coklusec4lu .item .iconX { margin-right: 16px; flex-grow: 0; font-size: 20px; }
.coklusec4lu .item:nth-child(2n) { margin-right: 0 }
.coklusec4lu .item .radio { flex-grow: 0; box-shadow: inset 0 0 0 2px rgb(0 0 0 / 20%); width: 24px; height: 24px; border-radius: 50%; }
.coklusec4lu .item.secili .radio { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMzYyMjEgNi4xNTgzQzQuMTYzMTEgNi4zNTQxMyAzLjg0MjIgNi4zNDg5IDMuNjQ5NTggNi4xNDY3TDIuNTIzMTggNC45NjQyOEMyLjMyMDUyIDQuNzUxNTQgMS45Nzg5OCA0Ljc1ODU3IDEuNzg1MjUgNC45Nzk0N0wxLjQyMzE4IDUuMzkyMjlDMS4yNDk0NiA1LjU5MDM2IDEuMjU5MjQgNS44ODkyNCAxLjQ0NTUzIDYuMDc1NTNMMy42NDQzOSA4LjI3NDM5QzMuODQwNDUgOC40NzA0NSA0LjE1ODYyIDguNDY5NTMgNC4zNTM1NCA4LjI3MjMzTDEwLjIzMDUgMi4zMjY3QzEwLjQyMzggMi4xMzExMSAxMC40MjI5IDEuODE2MTEgMTAuMjI4NCAxLjYyMTY1TDkuOTU3NCAxLjM1MDYzQzkuNzYzMjkgMS4xNTY1MiA5LjQ0ODk2IDEuMTU1MjEgOS4yNTMyNCAxLjM0NzcxTDQuMzYyMjEgNi4xNTgzWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: 48% 46%; background-size: initial; background-color: #3cdbc0; }
.coklusec4lu .text { flex-grow: 1; }
.coklusec4lu .item.secili { box-shadow: 0 1px 3px rgb(0 0 0 / 10%), inset 0 0 0 2px #3cdbc0; }
/******/
.birtanetextarea { }
.birtanetextarea .item { width: fit-content; margin: 0 auto; }
.birtanetextarea .item textarea { width: 576px; height: 120px; display: block; padding: 25px 24px 22px 70px; font-family: 'Roboto'; font-size: 16px; line-height: 24px; border-radius: 8px; margin-bottom: 16px; max-width: 100%; }
.birtanetextarea .item .iconX { position: absolute; left: 24px; top: 24px; line-height: 24px; font-size: 24px; }
.birtanetextarea .ikaztextarea { width: 22px; height: 22px; position: absolute; top: 22px; right: 22px; display: flex; justify-content: center; align-items: center; pointer-events: none; border-radius: 50%; background: #ffd500; }
.birtanetextarea .ikaztextarea svg { width: 10px; fill: #fff; animation: svelte-1kf8fid-show-error-inner 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.45s forwards; }
/******/
#sonform { }
#sonform .satir { align-items: center; display: flex; background: white; padding: 2px 23px; position: relative; border-bottom: solid 1px #e9e9e9; }
#sonform .satir:last-child { border-bottom: none; }
#sonform .satir u { font-size: 24px; position: absolute; left: 24px; top: 15px; text-decoration: none; }
#sonform .satir input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; padding: 0 24px 0 70px; line-height: 24px; height: 64px; width: 100%; }
#sonform .kapsul { border-radius: 8px; overflow: hidden; width: 576px; margin: 0 auto; max-width: 100%; border: 1px solid rgb(0 0 0 / 10%); }

.checkoynasin { animation: checkboxuyarisi ease 1s; animation-iteration-count: 5 }

@keyframes checkboxuyarisi {
    5%,50% { transform: scale(1) }
    10% { transform: scale(0.9) }
    15% { transform: scale(1.15) }
    20% { transform: scale(1.25) rotate(-3.5deg) }
    23% { transform: scale(1.35) rotate(3.5deg) }
    26% { transform: scale(1.45) rotate(-2.5deg) }
    30% { transform: scale(1.05) rotate(2.5deg) }
    35% { transform: scale(1.05) rotate(0) }
}



::placeholder { font-size: 16px }

#sonform .satir h5 { margin-left: 48px; font-size: 14px; line-height: 21px; padding: 14px 0; }
#sonform .satir:nth-child(7) { border-radius: 0 0 10px 10px; overflow: hidden }
#sonform a.link { background: #74b434; font-size: 18px; font-weight: 400; line-height: 33px; width: 448px; max-width: 100%; display: block; padding: 16px 24px; text-align: center; color: white; margin: 15px auto 0 auto; border-radius: 6px; /* animation: salladur 4s infinite; */ text-decoration: none; }
#sonform .satir h5 a { color: black }

@keyframes salladur {
    5%,50% { transform: scale(1) }
    10% { transform: scale(0.9) }
    15% { transform: scale(1.05) }
    20% { transform: scale(1.05) rotate(-3.5deg) }
    23% { transform: scale(1.05) rotate(3.5deg) }
    26% { transform: scale(1.05) rotate(-2.5deg) }
    30% { transform: scale(1.05) rotate(2.5deg) }
    35% { transform: scale(1.05) rotate(0) }
}

#sonform .ikaztextarea { width: 22px; height: 22px; position: absolute; top: 22px; right: 22px; display: flex; justify-content: center; align-items: center; pointer-events: none; border-radius: 50%; background: #ffd500; animation: buyusun ease .3s; }

@keyframes buyusun {
    0% { width: 0; height: 0; }

    100% { width: 22px; height: 22px; }
}

#sonform .ikaztextarea svg { width: 10px; fill: #fff; animation: svelte-1kf8fid-show-error-inner 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.45s forwards; }

/****/ main[data-current=sayfa1] { overflow-x: hidden }
main[data-current=sayfa1] #icerik { text-align: left; margin: 0; padding-bottom: 0; }
main[data-current=sayfa1] #icerik img { width: 100%; height: auto; margin: 25px 0 }

main[data-current=sayfa1] #icerik h3 { display: flex; text-align: center; font-size: 30px; margin-top: 20px; }
main[data-current=sayfa1] #icerik h3 strong { font-size: 25px; display: block; }
main[data-current=sayfa1] #icerik .container {width: 1051px;padding: 0;}
main[data-current=sayfa1] #kisaOzet { background: linear-gradient(180deg, #7a953e 50px, transparent 50px); display: none; }
main[data-current=sayfa1] #soru { display: none }
main[data-current=sayfa1] .tepe { text-align: center; background-color: #fff; color: #000000; }
main[data-current=sayfa1] .tepe h2 { font-size: 42px; line-height: 50px; margin-bottom: 0 !important; }
main[data-current=sayfa1] .tepe h2 strong { }
main[data-current=sayfa1] .tepe h4 { font-weight: 400; font-size: 17px; line-height: 24px; overflow-wrap: break-word; margin: 0; }
main[data-current=sayfa1] .tepe .kap0 { padding: 8px 32px 0; }
main[data-current=sayfa1] .tepe .kap0 h4 {margin: 25px auto 15px auto;max-width: 800px;}
main[data-current=sayfa1] .tepe .resim { border-radius: 5px; width: 100%; height: 100%; margin: 0 !important; margin-left: auto !important; margin-right: auto !important; max-width: 48rem; }
main[data-current=sayfa1] .yazibg { text-align: center; padding: 32px; position: relative; }
main[data-current=sayfa1] .yazibg:after {content: '';position: absolute;background: #13ac00;height: 210px;width: 5000px;z-index: -1;left: -2500px;top: 0;}
main[data-current=sayfa1] .yazibg2:after { height: 139px; }
main[data-current=sayfa1] .yazibg3:after { height: 165px; }
main[data-current=sayfa1] .yazibgSon:after { height: 135px; }
main[data-current=sayfa1] .yazibg h2 { font-size: 2.25rem; line-height: 2.5rem; color: #fff; }
main[data-current=sayfa1] .yazibg h3 { font-size: 24px !important; line-height: 32px; text-align: center !important; display: block !important; margin-top: 0 !important; color: #fff; }
main[data-current=sayfa1] .yazibg h4 { margin: 0; font-size: 16px; font-weight: 400; color: #fff; line-height: 24px; }
main[data-current=sayfa1] .yazibg svg { fill: #fff; width: 57px; margin-left: auto; margin-right: auto; display: block; vertical-align: middle; height: 57px; }
main[data-current=sayfa1] .metin { text-align: center; margin: 80px 0; max-width: 48rem; margin-left: auto; margin-right: auto; }
main[data-current=sayfa1] .metin h4 { font-weight: 400; font-size: 18px; line-height: 1.5rem; margin: 17px !important; color: #202020; }
main[data-current=sayfa1] .metin h4 strong { }
main[data-current=sayfa1] .metin .resim { width: 100%; height: 100%; border-radius: 5px; display: block; vertical-align: middle; }
main[data-current=sayfa1] .kapsul0 { display: flex; flex-wrap: wrap; margin: 80px 0; }
main[data-current=sayfa1] .kapsul0 .kapsul { width: 50%; display: flex; flex-wrap: nowrap; }
main[data-current=sayfa1] .kapsul0 .kapsul .metin { margin: 2px 0 35px 10px; text-align: left; }
main[data-current=sayfa1] .kapsul0 .kapsul .resim { width: 48px !important; height: 48px !important; margin: 0 !important; }
main[data-current=sayfa1] .kapsul0 .kapsul h4 { margin: 0 20px 4px 20px !important; }
main[data-current=sayfa1] div.button {box-shadow: 0 0 1px rgb(0 0 0 / 50%) inset;color: #ffffff;background-color: #13ac00;margin: 0 auto;max-width: 448px;padding: 16px 24px;text-align: center;border-radius: 6px;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-duration: 150ms;animation: butonsalla 4s infinite;}
main[data-current=sayfa1] div.button a { text-decoration: none; }
main[data-current=sayfa1] div.button:last-child { animation: none; }
main[data-current=sayfa1] div.button h4 { margin: 0; font-size: 16px; font-weight: 400; line-height: 24px; }
main[data-current=sayfa1] div.button:hover { background-color: hsla(267, 100%, 20%, 1); }
main[data-current=sayfa1] div.button:active { background-color: hsla(267, 100%, 20%, 1); transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(.9) scaleY(.9); }
main[data-current=sayfa1] .faq { position: relative; margin: 90px 0 0; padding-bottom: 30px; }
main[data-current=sayfa1] .faq:after {content: '';position: absolute;background: #13ac00;height: 100%;width: 5000px;z-index: -1;left: -2500px;top: 0;}

main[data-current=sayfa1] .faq .tepe {background: #13ac00;padding: 32px;color: #fff;display: block;}
main[data-current=sayfa1] .faq .tepe h3 { margin: 0; font-size: 24px; font-weight: 400; line-height: 32px; text-align: center; display: block !important; }
main[data-current=sayfa1] .faq svg { fill: #fff; width: 57px; margin-left: auto; margin-right: auto; display: block; vertical-align: middle; height: 57px; }
main[data-current=sayfa1] .testimonial { display: flex; flex-wrap: wrap; padding: 24px; max-width: 768px; margin-left: auto; margin-right: auto; }
main[data-current=sayfa1] .testimonial .item { width: calc(50% - 30px); margin: 15px; }
main[data-current=sayfa1] .testimonial .item .resim { width: 48px; height: 48px; border-radius: 50%; margin: 0 auto; }
main[data-current=sayfa1] .testimonial .item h4 { text-align: center; font-weight: 400; font-size: 16px; line-height: 24px; }
main[data-current=sayfa3] #soru{
    max-width: 100%;
    margin: 0 auto;
}
main[data-current=sayfa3] .container{
    width: 803px;
}
main[data-current=sayfa4] #soru{
    max-width: 100%;
    margin: 0 auto;
}
main[data-current=sayfa4] .container{
    width: 803px;
}
main[data-current=sayfa5] #soru{
    max-width: 100%;
    margin: 0 auto;
}
main[data-current=sayfa5] .container{
    width: 803px;
}
 
main[data-current=sayfa6] .container{
    width: 803px;
}

main[data-current=sayfa4] #icerik { text-align: center; padding: 12px 0; line-height: 21px; }
main[data-current=sayfa5] { background: #ffffff }
main[data-current=sayfa5] main[data-current=sayfa5]#kisaOzet h1 { color: white }
main[data-current=sayfa5] #kisaOzet h2 { color: black }
main[data-current=sayfa5] #kisaOzet h3 { color: white }
main[data-current=sayfa5] #kisaOzet h4 { color: white; }
main[data-current=sayfa5] #soru .container { width: 900px; }



main[data-current=sayfa6] { /* background: #2a2a2a; */ }
main[data-current=sayfa6] main[data-current=sayfa5]#kisaOzet h1 { color: white }
main[data-current=sayfa6] #kisaOzet h2 {color: black;text-align: center;}
main[data-current=sayfa6] #kisaOzet h3 { color: white }
main[data-current=sayfa6] #kisaOzet h4 { color: black; }
main[data-current=sayfa6] #soru .container { width: 100%; padding: 0; margin: 0; }

main[data-current=sayfa7] { }
main[data-current=sayfa7] #kisaOzet .container { width: 100%; padding: 0; margin: 0 auto; max-width: 48rem; }

main[data-current=sayfa8] #soru .container, main[data-current=sayfa8] #icerik .container { width: 904px; }
main[data-current=sayfa8] #icerik { padding: 14px 0; text-align: left; font-size: 22px; }
main[data-current=sayfa9] #soru .container { width: 576px; }

main[data-current=sayfa9] { background: #2a2a2a }
main[data-current=sayfa9] main[data-current=sayfa5]#kisaOzet h1 { color: white }
main[data-current=sayfa9] #kisaOzet h2 { color: white }
main[data-current=sayfa9] #kisaOzet h3 { color: white }
main[data-current=sayfa9] #kisaOzet h4 { color: white; }
main[data-current=sayfa9] #soru .container { width: 900px; }

main[data-current=sayfa9] #kisaOzet h6 { color: white; font-size: 16px; margin-bottom: 30px; }
main[data-current=sayfa9] #kisaOzet h6 strong { font-weight: 400 }
main[data-current=sayfa9] #kisaOzet { background: linear-gradient(180deg, #7a953e 90px, transparent 90px); }
main[data-current=sayfa9] #icerik { background: #4cd964; padding: 7px 0; color: white; margin: 0; }
/*****/
footer { /* background: #2a2a2a; */ padding: 71px 0; }
footer p { text-align: center; }
footer a {color: black !important;font-size: 14px;}
footer a:hover{color:blue !important}
.sayfatepe { background: transparent linear-gradient(270deg,#962a86 0%,#7a953e 100%) 0% 0% no-repeat padding-box; padding: 75px 0; font-size: 50px; text-align: center; color: white; margin-bottom: 32px; }
.sayfatepe h1 { }
#soru1alt { text-align: center; /* background: linear-gradient(180deg, #7a953e 78px, transparent 78px); */ color: white; padding: 15px 0; line-height: 27px; }
#soru1alt h2 { color: black; font-weight: 600; max-width: 48rem; line-height: 33px; margin: 50px auto 0; font-size: 1.5rem; line-height: 2rem; padding-bottom: 24px; }
/**********/
#cokkipopup { height: 100vh; width: 100vw; background: rgba(0,0,0,.2); position: fixed; top: 0; left: 0; z-index: 999; display: none; }
#cokkipopup .kapsul { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#cokkipopup .item { box-sizing: border-box; position: fixed; bottom: 8px; right: 8px; background-color: #fafafa; border-radius: 8px; box-shadow: 0 4px 50px rgb(0 0 0 / 25%); z-index: 999; font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; padding: 0; max-height: 496px; overflow: auto; width: 360px; position: relative; padding: 24px; color: #4a4a4a; }
#cokkipopup .item svg { position: absolute; top: 0; right: 0; }
#cokkipopup .item .metin { }
#cokkipopup .item .metin .baslik { font-weight: 700; font-size: 16px; margin-top: 0; }
#cokkipopup .item .metin .icerik { font-size: 14px; line-height: 1.5; }
#cokkipopup .item .linkler { display: flex; flex-wrap: nowrap; }
#cokkipopup .item .linkler .sozlesmeLink { text-decoration: underline; color: #4a4a4a; padding-right: 8px; font-size: 14px; line-height: 1.5; }
#cokkipopup .item .gerekliCerez { font-size: 14px; line-height: 1.5; color: #4a4a4a; margin-bottom: 16px; }
#cokkipopup .item .gerekliCerez .kap0 { display: flex; align-items: center; margin-top: 16px; position: relative; justify-content: space-between; }
#cokkipopup .item .gerekliCerez .baslik { flex: 1; display: flex; align-items: center; }
#cokkipopup .item .solokcookie, #cokkipopup .item .solokcookie1 { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #4a4a4a; transform: rotate(0deg); transition: .2s all ease; margin-right: 16px; cursor: pointer; }
#cokkipopup .item .dondurcookie, #cokkipopup .item .dondurcookie { rotate: 90deg; transition: 350ms all ease-out; }
#cokkipopup .item .icerikcookie, #cokkipopup .item .icerikcookie1 { margin-top: 16px; margin-bottom: 0; padding-left: 22px; overflow: hidden; transition: .2s all; display: none; }
#cokkipopup .item .icerikcookie1 .izinler { }
#cokkipopup .item .icerikcookie1 .izinler .izin { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
#cokkipopup .item .buttonOnay { background-color: #0076ff; border-radius: 6px; height: 48px; display: flex; align-items: center; justify-content: center; width: 100%; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: .2s background-color; }
#cokkipopup .item .buttonRet { border-radius: 6px; height: 48px; display: flex; align-items: center; justify-content: center; width: 100%; font-size: 16px; font-weight: 600; cursor: pointer; transition: .2s background-color; color: #0076ff; background-color: rgba(0,122,255,.1); margin-top: 16px; }
.switch { position: relative; padding: 0 0.25rem; border: 0; border-radius: 1rem; height: 1.25rem; width: 2.5rem; font: inherit; color: inherit; line-height: inherit; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0.125rem; margin: auto; height: 1rem; width: 1rem; text-align: center; border-radius: 50%; background-color: currentColor; transition: transform 150ms ease-out; color: rgb(255, 255, 255); }
input:checked + .slider { background-color: rgb(25, 171, 39); }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { transform: translateX(1.25rem); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
/**********/
/**********/
.nedirIcerik { line-height: 30px; }
.nedirIcerik h2 { margin: 52px 0 15px 0; }
.nedirIcerik p { }
/*****/
@keyframes butonsalla {
    5%, 50% { transform: scale(1) }
    10% { transform: scale(.9) }
    15% { transform: scale(1.05) }
    20% { transform: scale(1.05) rotate(-3.5deg) }
    23% { transform: scale(1.05) rotate(3.5deg) }
    26% { transform: scale(1.05) rotate(-2.5deg) }
    30% { transform: scale(1.05) rotate(2.5deg) }
    35% { transform: scale(1.05) rotate(0) }
}
/*****/
#sss {max-width: 100%;margin: 0 auto;padding: 20px 0;display: flex;flex-wrap: wrap;}
#sss li {margin: 0 15px 30px 15px;background: white;padding: 20px;border-radius: 6px;height: max-content;width: calc(50% - 30px);}
#sss li .baslik { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; position: relative; padding-right: 37px; }
#sss li .baslik:before { content: ""; position: absolute; right: 22px; top: 7px; z-index: 9; border-top: 3px solid #373737; border-right: 3px solid #373737; width: 7px; height: 7px; transform: rotate(134deg); }
#sss li .baslik.active:before { transform: rotate(315deg); top: 12px; }
#sss li .text { font-size: 1rem; line-height: 1.5rem; padding-top: 25px; }
/*****/

@media (min-width: 1901px) {
    .container { width: 1170px; }
}


@media (min-width:1601px) and (max-width: 1900px) {
}

@media (min-width:1401px) and (max-width: 1600px) {
}

@media (min-width:1200px) and (max-width: 1400px) {
    #slider div.item .metin { margin-top: 0; }
}

@media (min-width:992px) and (max-width:1199px) {
    .container { width: 96%; padding: 0 10px; margin: 0 2%; }
}

@media (min-width:768px) and (max-width:991px) {
    .container { width: 100%; padding: 0 10px }
    .gizle-xs { display: none !important; }
    .goster-xs { display: block !important; }
    .xs4 { width: 40%; padding: 0; }
    .xs6 { width: 50%; padding: 0; }

    .xs8 { width: 60%; padding: 0; }
    .xs12 { width: 100%; padding: 0; }

    /********/
}


@media (max-width:767px) {
    .container { padding: 0 10px }
    .row { display: block; }

    .container { width: 100%; padding: 0 10px }
    .goster-xs { display: block !important; }
    .xs4 { width: 40%; padding: 0; }
    .xs6 { width: 50%; padding: 0; }

    .xs8 { width: 60%; padding: 0; }
    .xs10 { width: 80%; padding: 0; }
    .xs12 { width: 100%; padding: 0; }
    main #kisaOzet h2, main[data-current=sayfa5] #kisaOzet h2 { padding: 0 }
    #dortlutiklama { flex-wrap: wrap }
    #dortlutiklama .item { width: calc(50% - 20px); margin-bottom: 20px; height: 180px; }
    #jaOrNein .item {height: 203px;}
    .birtanetextarea .item { width: 100% !important; }
    .coklusec4lu .item { width: 100%; margin: 0 0 16px 0; }
    main #kisaOzet em { white-space: normal }
    main[data-current=sayfa1] #kisaOzet { background: linear-gradient(180deg, #7a953e 70px, transparent 70px); }
    #soru1alt {/* background: linear-gradient(180deg, #7a953e 205px, transparent 205px); */}
main[data-current=sayfa1] .kapsul0 .kapsul{
    width: 100%;
}
main[data-current=sayfa1] .yazibg3:after {
    height: 193px;
}
#sss li{
    width: 100%;
}main[data-current=sayfa1] .testimonial .item{
    width: 100%;
    margin-bottom: 56px;
}

#dortlutiklamaWithSorry .item{
    width: calc(50% - 20px);
    margin-bottom: 20px;
}
}