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

@media(min-width:769px){
.mobil{display: none!important}
}


*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth; }
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden;}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}

a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
h1,h2,h3{font-weight:800;letter-spacing:-0.02em;line-height:1.08;}
button{font-family:inherit;}



:root{--bg1: #f5f4f6;--bg2: #E7E9EB;--bg3: #d5d6d8;--siyah: #141414;--siyah2: #232b2f;--yes: #B6FF39;--yes3: #5ea800;--mor: #601feb;--mavi: #3e79f7;}
.container{width: 100%;max-width: 1300px;margin: auto;padding: 0 10px;}
.container-full{width: 100%;margin: auto;max-width: 1700px;}
.btn-yesil{background: var(--yes);color: var(--siyah)!important;border-radius: 100px;padding: 10px 30px;}
.btn-siyah{background: var(--siyah);color: #fff!important;border-radius: 100px;padding: 10px 30px;}
.cl-yesil{color:var(--yes);}

.website-header{opacity: 1;float: left;width: 100%;margin: 0 0 10px 0;position: fixed;z-index: 9;}
.website-header .anamenu{opacity: 1;float: left;display: flex;align-items: center;}
.website-header .items{opacity: 1;float: left;width: 100%;background: #ffffffcc;border-radius: 0 0 20px 20px;display: flex;flex-flow: row wrap;padding: 0 25px;justify-content: space-between;border: 1px solid var(--bg1);border-top: none;backdrop-filter: blur(5px);}
.website-header .anamenu nav{opacity: 1;float: left;width: 100%;}
.website-header .anamenu nav ul{opacity: 1;float: left;width: 100%;list-style: none;margin: 0;padding: 0;display: flex;flex-flow: row;gap: 0 15px;}
.website-header .anamenu nav ul li{opacity: 1;float: left;}
.website-header .anamenu nav ul li a{opacity: 1;color: var(--siyah);text-decoration: none;padding: 10px;font-size: 15px;font-weight: 500;}
.website-header .anamenu .kapat-btn{width: 50px;height: 50px;position: absolute;top: 0;right: -50px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 22px;color: var(--siyah);border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.website-header .navmenu-logo{float: left;width: 100%;margin-bottom: 30px;}
.website-header .navmenu-logo a{float: left;width: 100%;}
.website-header .navmenu-logo a img{float: left;width: auto;max-width: 200px;}
.website-header .navmenu-butonlar{float: left;width: 100%;margin-top: 40px;display: flex;gap: 10px;flex-flow: column;}
.website-header .navmenu-butonlar li{float: left;width: 100%;list-style: none;}
.website-header .navmenu-butonlar li a{font-size: 16px;width: 100%;float: left;padding: 12px;text-align: center;font-weight: 600;border-radius: 5px;}
.website-header .navmenu-butonlar li.kayit a{background: var(--yes);color: var(--siyah);}
.website-header .navmenu-butonlar li.giris a{color: #fff;background: var(--siyah);}
.website-header .headmenu-ac-buton{display: inline-block;border-radius: 100px;font-size: 24px;text-align: center;width: 40px;}

.website-header .logo{opacity: 1;max-width: 220px;display: flex;align-items: center;padding-right: 10px;}
.website-header .logo a{opacity: 1;float: left;}
.website-header .logo a img{opacity: 1;float: left;}
.website-header .headmenu{opacity: 1;float: right;border-left: 1px solid var(--bg1);padding: 25px;padding-right: 5px;}
.website-header .headmenu .menu{opacity: 1;float: left;width: 100%;}
.website-header .headmenu .menu .head-sidemenu{opacity: 1;float: left;width: 100%;margin: 0;padding: 0;list-style: none;display: flex;flex-flow: row;position: relative;gap: 0 15px;align-items: center;}
.website-header .headmenu .menu .head-sidemenu>li{opacity: 1;float: left;flex: 1;}
.website-header .headmenu .menu .head-sidemenu>li>a{opacity: 1;float: left;width: max-content;padding: 10px 30px;color: var(--siyah);text-decoration: none;font-weight: 500;font-size: 15px;border-radius: 100px;}
.website-header .headmenu .menu .altmenu{opacity: 1;float: left;width: 100%;background: #fff;box-shadow: 0px 20px 60px hsla(240,1%,66%,.65);border-radius: 10px;display: flex;flex-flow: column;max-width: 250px;opacity: 0;visibility: hidden;-webkit-transform: translateX(0) translateY(30px);transform: translateX(0) translateY(30px);-webkit-transition: .2s linear;transition: all .2s linear;position: absolute;top: 100%;right: 0;min-width: 250px;}
.website-header .headmenu .menu .altmenu .profil{opacity: 1;float: left;width: 100%;display: flex;flex-flow: row;align-items: center;justify-content: space-between;padding: 12px 24px;border-bottom: 1px solid #f0f0f0;}
.website-header .headmenu .menu .altmenu .profil .sol{opacity: 1;float: left;display: flex;flex-flow: column;}
.website-header .headmenu .menu .altmenu .profil .sol a.ust{opacity: 1;float: left;color: var(--siyah);font-size: 16px;font-weight: 500;text-decoration: none;}
.website-header .headmenu .menu .altmenu .profil .sol a.qrmenu{opacity: 1;float: left;font-size: 13px;font-weight: 500;text-decoration: none;color: var(--yes3);}
.website-header .headmenu .menu .altmenu .profil .sag{opacity: 1;float: left;}
.website-header .headmenu .menu .altmenu .profil .sag img{opacity: 1;float: left;width: 50px;height: 50px;aspect-ratio: 1/1;object-fit: cover;border-radius: 100px;}
.website-header .headmenu .menu .altmenu>ul{opacity: 1;float: left;width: 100%;list-style: none;margin: 0;display: flex;flex-flow: column;padding: 12px 24px;}
.website-header .headmenu .menu .altmenu>ul>li{opacity: 1;float: left;padding: 5px 0;}
.website-header .headmenu .menu .altmenu>ul>li>a{opacity: 1;color: var(--siyah);padding: 10px 0;text-decoration: none;font-size: 16px;float: left;width: 100%;border-bottom: 1px solid #f0f0f0;font-weight: 500;}
.website-header .headmenu .menu .altmenu>ul>li>ul{opacity: 1;background: #fff;box-shadow: 0px 20px 60px hsla(240,1%,66%,.65);border-radius: 10px;list-style: none;margin: 0;padding: 12px 24px;display: flex;flex-flow: column;}
.website-header .headmenu .menu .altmenu>ul>li:last-child a{border:none;}
.website-header .headmenu .menu .altmenu>ul>li>a i{margin-right:10px;width: 20px;}
.website-header .headmenu .menu .submenu.aktif .altmenu{opacity: 1;visibility: visible;-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0);z-index: 9999;}
.website-header .headmenu .menu .head-sidemenu>li>a.profil-icon{height: 45px;border-radius: 100px;display: flex;align-items: center;justify-content: center;padding: 0px 10px 0 20px;border: 2px solid var(--siyah);transition: .2s;}
.website-header .headmenu .menu .head-sidemenu>li>a.profil-icon .asagi{height: 100%;border-left: 2px solid var(--siyah);margin-left: 15px;display: flex;align-items: center;padding: 0 2px 0 6px;font-size: 12px;color: var(--siyah);}
.website-header .headmenu .menu .head-sidemenu>li.aktif a.profil-icon, .website-header .headmenu .menu .head-sidemenu>li.aktif a:hover{background:#fff;}
.website-header .headmenu .menu .head-sidemenu>li>a.profil-icon span{margin-left:5px;}
.website-header .headmenu .menu .head-sidemenu>li.kayit a{background: var(--yes);color: var(--siyah);}
.website-header .headmenu .menu .head-sidemenu>li.giris a{background: var(--siyah);color: #fff;}





.website-hero{opacity: 1;float: left;width: 100%;z-index: 2;position: relative;margin: 5px 0;margin-top: 110px;}
.website-hero .items{opacity: 1;float: left;width: 100%;background-color: #f5f5f5;border-radius: 20px;background-image: url(imaj/herobg1.jpg);background-repeat: no-repeat;background-position: right center;padding: 80px 60px;display: flex;flex-flow: row;align-items: center;justify-content: space-between;gap: 50px;background-size: cover;}
.website-hero .items .sol{opacity: 1;flex: 1;color: var(--siyah);display: flex;flex-flow: column;max-width: 600px;}
.website-hero .items .sol .tepe{opacity: 1;float: left;font-size: 13px;line-height: 1.2;font-weight: 800;margin: 0;background: var(--yes);padding: 8px 20px;border-radius: 100px;display: inline-block;width: fit-content;letter-spacing: 1px;margin-bottom: 20px;}
.website-hero .items .sol .ust{opacity: 1;float: left;width: 100%;font-size: 70px;line-height: 1.2;font-weight: 800;margin: 0;text-shadow: -2px 2px 5px #f0f0ef;}
.website-hero .items .sol .orta{float: left;width: 100%;margin: 20px 0;opacity: .6;font-size: 20px;font-weight: 500;line-height: 1.6;padding-right: 70px;}
.website-hero .items .sol .alt{opacity: 1;float: left;width: 100%;}
.website-hero .items .sag{opacity: 1;display: flex;flex-flow: row;float: right;gap: 10px;margin-bottom: -140px;}
.website-hero .items .sag .imaj-sol{opacity: 1;display: flex;flex-flow: column;gap: 50px 0;text-align: right;align-items: flex-end;}
.website-hero .items .sag .imaj-sol img{opacity: 1;float: right;max-width: 100%;position: relative;width: 160px;}
.website-hero .items .sag .imaj-sol img:nth-child(1){opacity: 1;}
.website-hero .items .sag .imaj-sol img:nth-child(2){opacity: 1;margin-right: 40%;}
.website-hero .items .sag .imaj-sol img:nth-child(3){opacity: 1;}
.website-hero .items .sag .imaj-sag{opacity: 1;float: left;background: var(--yes);border-radius: 200px;padding: 90px 50px;display: flex;align-items: center;}
.website-hero .items .sag .imaj-sag img{opacity: 1;width: 100%;}
.website-hero .items .sag .link{background:var(--yes);padding: 15px 30px;/* width: 100%; */float: left;border-radius: 100px;font-size: 18px;color: var(--siyah);font-weight: 600;text-align: center;border: 2px solid #a3ff2d;box-shadow: 0 10px 10px #00000017;margin: 5px 0 0 0;}


.website-adimlar{float: left;width: 100%;margin: 10px 0;}
.website-adimlar .items{float: left;width: 100%;background: var(--siyah);border-radius: 20px;padding: 60px 50px;color: #fff;background-image: url(imaj/def-herobg.png);background-size: inherit;background-repeat: no-repeat;background-position: bottom left;}
.website-adimlar .ana-baslik{float: left;width: 100%;margin-bottom: 50px;}
.website-adimlar .ana-baslik .ust{opacity: 1;font-size: 16px;color: var(--yes);margin: 0;}
.website-adimlar .ana-baslik .alt{opacity: 1;float: left;width: 100%;font-size: 50px;font-weight: 700;margin: 0;}
.website-adimlar .liste{float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.website-adimlar .liste .item{opacity: 1;float: left;background: #292929;border-radius: 30px;padding: 10px;transition: .2s;display: flex;flex-flow: column;justify-content: space-between;}
.website-adimlar .liste .item .itemic{opacity: 1;/* float: left; *//* width: 100%; */}
.website-adimlar .liste .item .ust-baslik{opacity: 1;float: left;width: 100%;padding: 20px;display: flex;flex-flow: row;justify-content: space-between;}
.website-adimlar .liste .item .ust-baslik .text{opacity: 1;font-size: 26px;font-weight: 600;color: var(--yes);line-height: 1.3;transition: .3s;}
.website-adimlar .liste .item .ust-baslik .sayi{opacity: 1;width: 65px;height: 65px;aspect-ratio: 1/1;background: #3e3e3e;border-radius: 100px;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 24px;transition: .3s;}
.website-adimlar .liste .item hr{opacity: 1;float: left;width: 100%;background: #ffffff1f;color: transparent;border: none;height: 1px;margin: 10px 0;}
.website-adimlar .liste .item .alt-baslik{opacity: 1;float: left;width: 100%;padding: 0 20px;color: #fff;opacity: .6;font-size: 17px;line-height: 1.6;}
.website-adimlar .liste .item .imaj{opacity: 1;float: left;width: 100%;margin: 25px 0 0 0;position: relative;overflow: hidden;border-radius: 30px;}
.website-adimlar .liste .item .imaj img{opacity: 1;float: left;width: 100%;border-radius: 30px;transition: 1s;}
.website-adimlar .liste .item:hover{background:var(--mor);}
.website-adimlar .liste .item:hover .ust-baslik .sayi{background:var(--yes); color:var(--siyah);}
.website-adimlar .liste .item:hover .ust-baslik .text{color:#fff;}
.website-adimlar .liste .item:hover .alt-baslik{}
.website-adimlar .liste .item:hover .imaj img{transform:scale(1.2)}
.website-adimlar .cta{opacity: 1;float: left;width: 100%;margin: 30px 0 0 0;display: flex;flex-flow: wrap row;align-items: center;justify-content: space-between;border: 1px solid #ffffff0f;background: #ffffff0a;border-radius: 30px;padding: 50px;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-shadow: 0 20px 20px #0000004d;}
.website-adimlar .cta .sol{opacity: 1;flex: 1;}
.website-adimlar .cta .sol .baslik{opacity: 1;font-size: 32px;color: var(--bg1);font-weight: 700;margin: 0 0 20px 0;float: left;width: 100%;}
.website-adimlar .cta .sol .link{opacity: 1;background: var(--yes);color: var(--siyah);padding: 8px 8px 8px 30px;border-radius: 100px;font-size: 18px;text-decoration: none;float: left;display: flex;flex-flow: row;align-items: center;font-weight: 600;transition: .3s;}
.website-adimlar .cta .sag{opacity: 1;flex: 1;}
.website-adimlar .cta .sag .metin{opacity: 1;text-align: right;font-size: 26px;}
.website-adimlar .cta .sol .link i{width: 50px;height: 50px;background: #000000;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin-left: 30px;transform: rotate(-45deg);color: var(--yes);transition: .3s;aspect-ratio: 1/1;}
.website-adimlar .cta .sol .link:hover i{opacity: 1;background: var(--yes);color: var(--siyah);transform: rotate(0deg);}
.website-adimlar .cta .sol .link:hover{opacity: 1;background: #fff;color: var(--siyah);}



.website-avantaj{opacity: 1;float: left;width: 100%;margin: 10px 0;}
.website-avantaj .items{opacity: 1;flex-flow: row wrap;display: flex;gap: 20px;}
.website-avantaj .items .sol{opacity: 1;/* background: url(imaj/def-tanitim4.jpg); */background-size: cover;background-repeat: no-repeat;background-position: top left;flex: 3;border-radius: 20px;padding: 0;overflow: hidden;}
.website-avantaj .items .sol.whatsapp{}
.website-avantaj .items .sol .imaj{opacity: 1;float: left;width: 100%;height: 100%;margin: 0;line-height: 0;}
.website-avantaj .items .sol .imaj img{opacity: 1;height: 100%;width: 100%;object-fit: cover;border-radius: 20px;object-position: left;}
.website-avantaj .items .sag{opacity: 1;flex: 2;gap: 20px;display: flex;flex-flow: column;}
.website-avantaj .items .sag .ust{opacity: 1;float: left;width: 100%;padding: 50px 40px;background: var(--yes);border-radius: 20px;background-image: url(imaj/def-shapebg1.png);background-repeat: no-repeat;background-position: 95% 15%;}
.website-avantaj .items .sag .ust .buyuk-baslik{opacity: 1;float: left;width: 100%;margin: 0;font-size: 28px;margin-bottom: 15px;}
.website-avantaj .items .sag .ust .kucuk-baslik{opacity: 1;float: left;width: 100%;font-size: 30px;font-weight: 700;margin: 0;line-height: 1.4;}
.website-avantaj .items .sag .alt{opacity: 1;float: left;width: 100%;padding: 50px 40px;background: var(--bg1);border-radius: 20px;}
.website-avantaj .items .sag .alt .metin{float: left;width: 100%;font-size: 26px;font-weight: 400;margin: 0;}
.website-avantaj .items .sag .alt .link{opacity: 1;float: left;margin: 20px 0 0 0;padding: 15px 30px;border-radius: 50px;border: 2px solid var(--siyah);cursor: pointer;background: var(--siyah);transition: .2s;font-size: 16px;font-weight: 600;color: #fff;}
.website-avantaj .items .sag .alt .link:hover{background:var(--siyah); color:var(--yes);}
.website-avantaj .items .sag .alt.dark{color:#fff; background:var(--siyah);}
.website-avantaj .items .sag .alt.dark .link{color:#fff; border-color:#fff;}
.website-avantaj .items .sag .alt.dark .link:hover{background:var(--yes); color:var(--siyah); border-color:var(--yes);}


.website-paketler{opacity: 1;float: left;width: 100%;margin: 20px 0;}
.website-paketler .items{opacity: 1;float: left;width: 100%;}
.website-paketler .ana-baslik{opacity: 1;float: left;width: 100%;margin-bottom: 40px;}
.website-paketler .ana-baslik .tepe{float: left;font-size: 14px;font-weight: 700;margin: 0;color: var(--siyah);background: var(--yes);padding: 5px 20px;border-radius: 100px;letter-spacing: 1px;}
.website-paketler .ana-baslik .ust{float: left;width: 100%;font-size: 38px;font-weight: 800;margin: 0;color: var(--siyah);}
.website-paketler .ana-baslik .alt{margin: 0;float: left;width: 100%;font-size: 18px;opacity: .7;}
.website-paketler .liste{opacity: 1;float: left;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.website-paketler .liste .item{float: left;background: #fff;padding: 20px;padding-top: 0;border-radius: 20px;color: var(--siyah);transition: .2s;display: flex;flex-flow: column;border: solid 1px #e6e6e1;}
.website-paketler .liste .item .ust-baslik{opacity: 1;float: left;width: 100%;font-size: 20px;font-weight: 700;margin-top: 20px;}
.website-paketler .liste .item .sure{opacity: 1;float: left;width: 100%;font-size: 14px;opacity: .5;font-weight: 600;}
.website-paketler .liste .item .fiyat{opacity: 1;float: left;width: 100%;font-size: 28px;font-weight: 800;margin: 10px 0 0 0;}
.website-paketler .liste .item ol{opacity: 1;float: left;width: 100%;list-style: none;padding: 0;margin: 20px 0;}
.website-paketler .liste .item ol li{opacity: 1;float: left;width: 100%;padding: 5px 0;/* border-bottom: 1px dashed #0000001f; */font-size: 15px;font-weight: 500;}
.website-paketler .liste .item ol li:before{content:"\f00c";margin-right: 2px;font-family: 'Font Awesome 5 Pro';opacity: .7;font-size: 12px;width: 18px;display: inline-block;}
.website-paketler .liste .item ol li.del:before{content: "\f00d";}
.website-paketler .liste .item ol li.del{opacity: 1;/* text-decoration: line-through; */opacity: .4;}
.website-paketler .liste .item .link{display: inline-block;padding: 10px 10px;font-size: 16px;font-weight: 700;color: var(--siyah);border: 1px solid var(--siyah);border-radius: 100px;margin-top: 10px;text-align: center;}
.website-paketler .liste .item:hover{background: var(--siyah);color: #fff;}
.website-paketler .liste .item:hover .link, .website-paketler .liste .item.tercih .link{background:var(--yes); border-color:var(--yes);}
.website-paketler .liste .item:hover .ust-baslik{color:var(--yes);}
.website-paketler .liste .item.tercih{border: 2px solid var(--yes);}
.website-paketler .liste .item .uyari{border-radius: 100px;padding: 2px 20px;margin-top: -12px;width: max-content;font-size: 14px;font-weight: 600;margin-bottom: -12px;}
.website-paketler .liste .item.tercih .uyari{color:#000;background: var(--yes);}
.website-paketler .liste .item ol li .plus{color:var(--yes);background: var(--yes);border-radius: 100px;color: var(--siyah);width: 20px;font-size: 10px;height: 20px;text-align: center;line-height: 20px;margin-right: 10px;}




.cta2{float: left;width: 100%;margin: 20px 0;color: #fff;}
.cta2 .items{float: left;background: #141414;padding: 60px 40px;border-radius: 20px;background-image: url(imaj/cta2bg.png);background-size: cover;width: 100%;}
.cta2 .items .sol{opacity: 1;width: 100%;float: left;max-width: 600px;}
.cta2 .ust{float: left;font-size: 38px;font-weight: 700;}
.cta2 .orta{float: left;width: 100%;font-size: 18px;opacity: .7;margin: 20px 0;}
.cta2 .liste{float: left;width: 100%;display: flex;flex-flow: row wrap;margin: 10px 0 30px 0;}
.cta2 .liste .list{float: left;flex: 1;display: flex;flex-flow: row;gap: 10px;}
.cta2 .liste .list .icon{float: left;font-size: 30px;}
.cta2 .liste .list .text{float: left;display: flex;flex-flow: column;}
.cta2 .liste .list .text .t-ust{float: left;width: 100%;font-size: 16px;font-weight: 600;}
.cta2 .liste .list .text .t-alt{float: left;width: 100%;font-size: 14px;opacity: .7;}
.cta2 .link{float: left;margin: 20px 0 0 0;background: var(--yes);padding: 15px 30px;border-radius: 100px;color: var(--siyah);font-weight: 700;}
.cta2 .link i{display: inline-block;}
.cta2 .liste .list .icon span{font-weight:200;}





.website-refler{opacity: 1;float: left;width: 100%;margin: 10px 0;}
.website-refler .items{opacity: 1;float: left;width: 100%;flex-flow: row;display: flex;gap: 20px;}
.website-refler .sol{opacity: 1;flex: 4;background: var(--yes);border-radius: 20px;padding: 40px;display: flex;flex-flow: column;justify-content: space-between;align-items: end;}
.website-refler .sol .icon{opacity: 1;float: right;width: 70px;height: 70px;background: #fff;aspect-ratio: 1/1;border-radius: 100px;display: flex;align-items: center;justify-content: center;font-size: 30px;}
.website-refler .sol .metin{opacity: 1;float: left;width: 100%;font-size: 32px;font-weight: 600;line-height: 1.3;margin: 20px 0 0 0;}
.website-refler .sag{opacity: 1;flex: 9;background: var(--bg1);border-radius: 20px;padding: 50px 40px;background-image: url(imaj/def-herobg.png);background-size: contain;background-repeat: no-repeat;background-position: 150% 100%;width: 1px;background-blend-mode: luminosity;}
.website-refler .sag .ust-baslik{opacity: 1;float: left;width: 100%;font-size: 24px;color: var(--siyah);margin: 0;font-weight: 600;}
.website-refler .sag .liste{opacity: 1;float: left;width: 100%;display: flex;gap: 10px;position: relative;margin: 30px 0 0 0;flex-flow: row wrap;}
.website-refler .sag .liste .item{opacity: 1;padding: 10px;border-radius: 10px;color: var(--siyah);font-size: 14px;background: #fff;}
.website-refler .sag .liste .item img{opacity: 1;}
.website-refler .sag .liste .kaydir{float: left;width: max-content;gap: 0 10px;display: flex;white-space: nowrap;flex-flow: row;overflow: hidden;position: relative;animation: marquee 30s infinite linear;}
.website-refler .sol .metin .tepe{letter-spacing: 1px;font-size:14px;display: inline-flex;background: var(--siyah);padding: 8px 24px;border-radius: 100px;color: #fff;margin-bottom: 15px;}



.website-faq{width:100%;overflow:hidden;padding:40px 0;}
.website-faq .ana-baslik .tepe{float: left;font-size: 14px;font-weight: 700;margin: 0;color: var(--siyah);background: var(--yes);padding: 5px 20px;border-radius: 100px;letter-spacing: 1px;}
.website-faq .ana-baslik .ust{float: left;width: 100%;font-size: 38px;font-weight: 800;margin: 0;color: var(--siyah);}
.website-faq .ana-baslik .alt{margin: 0;float: left;width: 100%;font-size: 18px;opacity: .7;}
.website-faq .slider{overflow:hidden;position:relative;float: left;width: 100%;margin: 20px 0 0 0;}
.website-faq .track{display:flex;gap:25px;width:max-content;animation:scroll 45s linear infinite;padding: 20px 0;}
.website-faq .track:hover{animation-play-state:paused}
.website-faq .item{width:370px;min-width:370px;background:#fff;border-radius:22px;padding:30px;border:1px solid #ececec;transition:.35s}
.website-faq .item:hover{transform:translateY(-8px);box-shadow: 0 5px 15px #0000001f;}
.website-faq .item .yildiz{color: var(--siyah);font-size: 16px;letter-spacing:2px;display:block;margin-bottom:18px}
.website-faq .item .yorum{color:#3b3b3b;line-height:1.8;font-size: 16px;min-height:120px}
.website-faq .item .meta{display:flex;justify-content:space-between;align-items:center;margin-top: 20px;padding-top:18px;border-top:1px solid #eee;font-size: 14px;}
.website-faq .item .name{font-weight:700;color:#141414}
.website-faq .item .adres{color:#888}
@keyframes scroll {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@media(max-width:768px) {
.website-faq .item{width:300px;min-width:300px}
.website-faq .track{animation-duration:32s}
}







.website-sss{opacity: 1;float: left;width: 100%;margin: 10px 0;}
.website-sss .items{opacity: 1;float: left;width: 100%;border-radius: 20px;}
.website-sss .items .ana-baslik{opacity: 1;float: left;width: 100%;margin-bottom: 50px;}
.website-sss .items .ana-baslik .ust{opacity: 1;font-size: 14px;font-weight: 700;margin: 0;color: var(--siyah);background: var(--yes);padding: 5px 20px;border-radius: 100px;letter-spacing: 1px;width: max-content;}
.website-sss .items .ana-baslik .alt{opacity: 1;float: left;width: 100%;font-size: 38px;font-weight: 800;margin: 0;}
.website-sss .items .liste{opacity: 1;float: left;width: 100%;border: 1px solid #ddd;border-radius: 30px;overflow: hidden;}
.website-sss .items .liste .faq-item{border-bottom:1px solid #ddd;float: left;width: 100%;}
.website-sss .items .liste .faq-question{cursor:pointer;padding: 20px;transition:background 0.3s ease;float: left;width: 100%;font-weight: 500;font-size: 16px;position:relative;padding-right: 30px;}
.website-sss .items .liste .faq-item.active .faq-question{background: #fff;border-bottom: 1px solid #ddd;}
.website-sss .items .liste .faq-answer{padding: 0 20px;max-height: 0;overflow:hidden;transition:0.3s ease;background:#fff;float: left;width: 100%;font-size: 16px;}
.website-sss .items .liste .faq-item.active .faq-answer{max-height: 200px;padding: 20px;}
.website-sss .items .liste .faq-question:hover{background:#fff;}
.website-sss .items .liste .faq-question:before{content:"+";width: 20px;display: inline-block;}
.website-sss .items .liste .active .faq-question:before{content:"-"}


.website-footer{opacity: 1;float: left;width: 100%;margin: 10px 0 0 0;}
.website-footer .items{opacity: 1;background: var(--siyah);border-radius: 20px 20px 0 0;padding: 40px;float: left;width: 100%;}
.website-footer .items .ust{opacity: 1;float: left;width: 100%;border-bottom: 1px solid #ffffff1a;display: flex;flex-flow: row wrap;justify-content: space-between;padding-bottom: 30px;margin-bottom: 30px;}
.website-footer .ust{opacity: 1;}
.website-footer .ust .sol{opacity: 1;float: left;flex: 1;}
.website-footer .ust .sol .logo{opacity: 1;float: left;width: 100%;max-width: 200px;}
.website-footer .ust .sol .logo a{opacity: 1;}
.website-footer .ust .sol .logo a img{opacity: 1;max-width: 100%;float: left;}
.website-footer .ust .sol .iletisim{opacity: 1;float: left;width: 100%;display: flex;flex-flow: column;gap: 10px;margin: 20px 0 0 0;}
.website-footer .ust .sol .iletisim a{font-size: 16px;color: #fff;opacity: .5;float: left;width: 100%;}
.website-footer .ust .sol .iletisim a:hover{}
.website-footer .ust .sol .iletisim a i{opacity: 1;}
.website-footer .ust .sag{opacity: 1;float: left;}
.website-footer .ust .sag .footmenu {opacity: 1;float: left;width: 100%;}
.website-footer .ust .sag .footmenu ul {opacity: 1;float: left;width: 100%;margin: 0;padding: 0;list-style: none;gap: 20px;display: flex;flex-flow: row;}
.website-footer .ust .sag .footmenu ul li {opacity: 1;float: left;margin: 0;}
.website-footer .ust .sag .footmenu ul li a {opacity: 1;float: left;color: #fff;border: 1px solid #fff;padding: 10px 30px;border-radius: 100px;font-size: 16px;font-weight: 600;}
.website-footer .alt {opacity: 1;float: left;width: 100%;display: flex;flex-flow: row;justify-content: space-between;align-items: center;gap: 20px;}
.website-footer .alt .sosyal {opacity: 1;display: flex;flex-flow: row;gap: 15px;}
.website-footer .alt .sosyal a {opacity: 1;color: #fff;font-size: 20px;opacity: .5;padding: 5px 15px;border: 1px solid #fff;border-radius: 100px;padding: 0;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 /1;width: 40px;height: 40px;}
.website-footer .alt .sosyal a i {opacity: 1;}
.website-footer .alt .sag {float: left;color: #fff;font-size: 14px;opacity:.5;}
.website-footer .alt .sag span {opacity: 1;font-size: 14px;}
.website-footer .alt .sag span a{color:var(--yes);}
.website-footer .ust .sag .footmenu ul li.whatsapp a{background:var(--yes);color:var(--siyah);border-color: var(--yes);}
.website-footer .ust .sag .footmenu ul li.randevu a{background: #fff;color:var(--siyah);border-color: #fff;}



.comp-randevu{float:left;width: 100%;margin: 20px 0;}
.comp-randevu .items{float:left;display: flex;flex-flow: row wrap;gap: 30px;padding: 40px;border-radius: 20px;background: var(--bg1);}
.comp-randevu .items .item{float:left;flex: 1;min-width: 1px;}
.comp-randevu .sol{float:left;flex: 1;min-width: 1px;display: flex;flex-flow: column;gap: 10px;}
.comp-randevu .sol .tepe{float:left;font-size: 14px;font-weight: 700;margin: 0;color: var(--siyah);background: var(--yes);padding: 5px 20px;border-radius: 100px;letter-spacing: 1px;width: max-content;}
.comp-randevu .sol .ust{float:left;width: 100%;font-size: 40px;font-weight: 700;}
.comp-randevu .sol .alt{float:left;font-size: 18px;width: 100%;margin-bottom: 30px;}
.comp-randevu .sol .iletisim-link{float:left;width: 100%;margin-bottom: 10px;font-weight: 600;display: flex;align-items: center;font-size: 16px;}
.comp-randevu .sol .iletisim-link i{float:left;color: var(--siyah);border-radius: 5px;margin-right: 10px;}
.comp-randevu .sag{float:left;}
.comp-randevu .randevu-form{float:left;width: 100%;padding: 25px;border: 1px solid #eee;border-radius: 10px;background: #fff;}
.comp-randevu .randevu-form form{float:left;width: 100%;gap: 20px;display: flex;flex-flow: column;}
.comp-randevu .randevu-form .form-item{float:left;display: flex;width: 100%;gap: 20px;}
.comp-randevu .randevu-form .form-item.ikili{float:left;}
.comp-randevu .randevu-form .form-item label{float:left;width: 100%;display: flex;flex-flow: column;font-size: 13px;font-weight: 600;/* letter-spacing: 1px; */color: #999;}
.comp-randevu .randevu-form .form-item label input, .comp-randevu .randevu-form .form-item label select{float:left;width: 100%;padding: 15px;border-radius: 5px;border: 1px solid #ddd;margin: 2px 0 0 0;font-size: 14px;}
.comp-randevu .randevu-form .form-item button{float:left;padding: 15px 40px;background: var(--yes);border-radius: 100px;border: none;font-weight: 700;text-align: center;width: 100%;font-size: 16px;}
.comp-randevu .randevu-form .form-uyari{float:left;text-align: center;padding: 10%;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-flow: column;backdrop-filter: blur(5px);}
.comp-randevu .randevu-form .form-uyari.onay{background: #00260ee0;color: var(--yes);}
.comp-randevu .randevu-form .form-uyari.hata{float:left;background: #f7e7e7;color: #8a1f1f;}
.comp-randevu .randevu-form .form-uyari .uyari-kapat{opacity:1;position: absolute;top: 5px;right: 5px;width: 50px;height: 60px;background: #fff;border: none;outline: none;font-size: 30px;display: flex;align-items: center;justify-content: center;padding: 0;margin: 0;line-height: normal;border-radius: 8px;}
.comp-randevu .randevu-form .form-uyari .icon{opacity:1;width: 100px;height: 100px;border: 1px solid var(--yes);display: flex;align-items: center;justify-content: center;border-radius: 100px;font-size: 60px;background: var(--yes);color: #000;margin-bottom: 20px;box-shadow: 0 10px 30px #b6ff394d;}

@media(max-width:769px){
body{/* padding:0 10px; */}
.website-header .logo{order:2;border: none;padding: 0;max-width: 190px;}
.website-hero .items{flex-flow:column;padding: 40px 10px;gap: 20px 0;background-position: 35% center;}
.website-adimlar .liste{flex-flow:column;grid-template-columns: repeat(1, 1fr);gap: 20px 0;}
.website-paketler .liste{grid-template-columns: repeat(1, 1fr);}
.website-refler .items{flex-flow:column;}
.website-header .items{padding: 0;border-radius: 0 0 20px 20px;flex-flow: row;/* box-shadow: 0 10px 10px #00000014; */border: 1px solid #e5e5e5;border-top: none;gap: 0 10px;}
.website-header .anamenu .anamenunav{position:fixed;width: calc(100% - 50px);left: -100%;top: 0;height: 100%;background: #fff;z-index: -1;opacity: 0;transition: .5s;border-right: 1px solid #e0e0e0;box-shadow: 20px 0 20px #00000038;padding: 30px;min-height: 100vh;}
.website-header .anamenu .anamenunav.aktif{left: 0;z-index: 9999999;opacity: 1;}
.website-header .anamenu nav ul{flex-flow:column;/* gap: 20px 0; */}
.website-header .anamenu nav ul li a{width:100%;font-size: 17px;padding: 12px 0;float: left;border-bottom: 1px solid #eee;}
.website-header{margin: 0 0 10px 0;position: fixed;width: 100%;z-index: 9;}
.website-header .headmenu{padding: 10px 5px;float: left;order: 3;border: none;}
.website-header .headmenu .menu .head-sidemenu>li>a.profil-icon{height:40px;padding: 0 10px;}
.website-header .headmenu .menu .head-sidemenu>li>a.profil-icon .asagi{margin-left: 10px;}
.website-hero .items .sol .ust{font-size:40px;text-align: center;}
.website-header .headmenu .menu .head-sidemenu>li>a{font-size: 14px;padding: 8px 10px;width: max-content;text-align: center;}
.website-header .headmenu .menu .head-sidemenu{gap: 4px;}
.website-header .anamenu{margin-left: 5px;order: 1;/* border-right: 1px solid #e0e0e0; */}
.website-hero .items .sol{padding:0 20px;align-items: center;}
.website-hero .items .sol .orta{text-align:center;padding: 0;font-size: 20px;}
.website-hero .items .sag{flex-flow:column;margin-bottom: 0;padding: 0 20px;gap: 20px 0;align-items: center;}
.website-hero .items .sag .imaj-sol{flex-flow:row;gap: 10px;align-items: end;justify-content: center;}
.website-hero .items .sag .imaj-sol img:nth-child(2){margin: 0 0 30px 0;}
.website-hero .items .sag .imaj-sol img{max-width: 32%;}
.website-hero .items .sag .imaj-sag{padding: 10%;border-radius: 30px;}
.website-adimlar .items{padding: 30px 20px;}
.website-adimlar .ana-baslik .alt{font-size: 30px;}
.website-adimlar .ana-baslik{margin-bottom:20px}
.website-adimlar .liste .item .ust-baslik{padding: 10px;align-items: center;flex-flow: row-reverse;justify-content: flex-end;gap: 10px;}
.website-adimlar .liste .item .ust-baslik .text{font-size: 18px;}
.website-adimlar .liste .item .ust-baslik .sayi{width: 30px;height: 30px;font-size: 16px;}
.website-adimlar .liste .item hr{margin: 5px 0;}
.website-adimlar .liste .item .alt-baslik{padding:10px; font-size:16px}
.website-adimlar .liste .item .imaj{margin:5px 0 0 0;}
.website-adimlar .cta{margin:20px 0 0 0;padding: 20px;flex-flow: column;}
.website-adimlar .cta .sol .baslik{font-size: 24px;text-align: center;}
.website-adimlar .cta .sol .link{padding: 10px 10px 10px 30px;font-size: 18px;}
.website-adimlar .cta .sol .link i{width:30px;height:30px;font-size: 14px;}
.website-adimlar .cta .sol{display:flex;align-items:center;flex-flow:column;margin-bottom: 10px;}
.website-adimlar .cta .sag .metin{font-size:18px;text-align: center;}
.website-avantaj .items{flex-flow:column;}
.website-avantaj .items .sol{/* padding:100px; */}
.website-avantaj .items .sag .ust{padding: 25px;}
.website-avantaj .items .sag .ust .buyuk-baslik{font-size: 20px;}
.website-avantaj .items .sag .ust .kucuk-baslik{font-size: 24px;}
.website-avantaj .items .sag .alt{padding: 20px;}
.website-avantaj .items .sag .alt .metin{font-size: 20px;}
.website-paketler .items{padding: 20px 0;}
.website-paketler .ana-baslik .ust{font-size: 30px;}
.website-paketler .ana-baslik .alt{font-size:16px;}
.website-paketler .ana-baslik{margin-bottom:30px;}
.website-paketler .liste .item{padding:0 20px 20px 20px;}
.website-paketler .liste .item .ust-baslik{margin-top: 10px;font-size: 22px;}
.website-paketler .liste .item .sure{font-size: 14px;}
.website-paketler .liste .item .fiyat{font-size: 30px;margin: 5px 0 0 0;}
.website-refler .sol{padding: 20px 20px 0 20px;flex-flow: column-reverse;align-items: center;}
.website-refler .sol .icon{transform:rotate(90deg);margin-bottom: -40px;width: 60px;height: 60px;/* border: 2px solid var(--siyah); */box-shadow: 0 0px 20px #00000080;}
.website-refler .sol .metin{margin:0 0 20px 0;font-size: 24px;text-align: center;}
.website-refler .sag{padding: 20px;width: 100%;}
.website-refler .sag .ust-baslik{font-size:22px; text-align:center;}
.website-refler .sag .liste{flex-flow:wrap;display: grid;grid-template-columns: repeat(3, 1fr);}
.website-sss .items{padding: 20px 0;}
.website-sss .items .ana-baslik .alt{font-size: 30px;}
.website-sss .items .ana-baslik{margin-bottom:30px;}
.website-sss .items .liste .faq-question{font-size:16px;padding: 15px;}
.website-sss .items .liste .faq-answer{padding: 0 15px;font-size:16px;}
.website-footer .items{padding:30px 20px;}
.website-footer .items .ust{flex-flow:column;align-items: center;gap: 20px 0;}
.website-footer .ust .sag .footmenu ul li a{padding:6px 12px;font-size: 14px;width: 100%;}
.website-footer .ust .sag .footmenu ul li{flex:1;/* width:100%; */}
.website-footer .ust .sag{width:100%;}
.website-footer .ust .sag .footmenu ul{gap:10px;flex-flow: column;}
.website-footer .ust .sol .iletisim a{font-size:16px;}
.website-footer .ust .sol{width:100%;}
.website-footer .alt .sosyal a{padding: 10px;font-size: 16px;width: 40px;height: 40px;}
.website-footer .alt .sag span{font-size:12px;}
.website-footer .alt{flex-flow:column;align-items: flex-start;}

.comp-nedenler .items{grid-template-columns: repeat(1, 1fr);}
.comp-nedenler .items .item{height: auto;}
.comp-nedenler .items .item .itemic{padding: 20px;}
.comp-nedenler .items .item .icon i{font-size:30px;aspect-ratio: auto;}
.comp-nedenler .items .item .icon{opacity: 1;}
.comp-nedenler .items .item .text .baslik{font-size: 22px;}
.comp-nedenler .items .item.aktif .itemic{/* padding-top: 20px; */}
.comp-nedenler .items .item.aktif{height:100%;}
.comp-nedenler .items .item.aktif .icon{margin-top: -30px;}
.website-nasil .items{padding: 20px 10px;}
.website-nasil .sol{padding:20px;}
.website-nasil .sol .baslik{font-size:36px;text-align: center;}
.website-nasil .sol .aciklama{font-size:18px;text-align: center;}
.website-nasil .sol .butonlar{flex-flow: column-reverse;}
.website-nasil .sol .butonlar a{width:100%;}
.website-nedir-avantaj .avantajlar{padding:20px;}
.website-nasil-calisir .icerik{padding: 30px 20px;}
.website-nasil-calisir .gorsel{padding: 30px;padding-bottom: 150px;}
.website-nasil-calisir .icerik .liste .list{padding:15px;font-size: 16px;}
.website-nedir-avantaj .avantajlar .liste span{font-size: 13px;padding: 6px 6px;}
.website-nedir-avantaj .nedir .aciklama{font-size:16px;}
.std-header .items{padding:20px;}
.std-header .baslik h1{font-size:28px;}
.blog-sayfa .blog-kutu{padding: 15px;}
.blog-sayfa .itemler{flex-flow:column;}
.blog-sayfa .blog-kutu .imaj{max-width:100%;}
.blog-sayfa .blog-kutu .imaj img{max-height:200px;}
.blog-sayfa .blog-kutu .metin .baslik{font-size:24px;}
.blog-sayfa .blog-kutu a{gap:15px;}
.blog-sayfa .itemler .sag{max-width:100%;}
.blog-yazi-header{flex-flow:column;gap: 0;}
.blog-yazi-header .imaj{padding:10px;}
.blog-yazi-header .metin{padding: 10px;}
.blog-yazi-header .metin .baslik{font-size:26px;}
.blog-yazi-icerik{padding:15px;}
.blog-sayfa .sag .widget .widget-icerik{padding:10px;}
.blog-sayfa .sag .widget .widget-baslik{padding:15px 10px;}
.karekod-masalar table tr th:first-child{width:auto;}
.karekod-baski-items{align-items: self-start;}
.mobil100w{width:100%!important;}
.website-paketler .liste .item ol{margin:10px 0;}
.website-adimlar .liste .item .imaj img{height:200px;object-fit: cover;object-position: center;}
.cta2 .items{padding:20px;}
.cta2 .ust{font-size:30px;}
.website-refler .sag .liste .item{display:flex;flex-flow:column;}
.website-faq .ana-baslik .ust{font-size:30px;}
.website-faq .ana-baslik .alt{font-size:16px;}
.website-sss .items .liste{border-radius:20px;}
.comp-randevu .items{padding: 10px;flex-flow: column;}
.comp-randevu .sol .ust{font-size:30px;}
.comp-randevu .sol .alt{font-size:16px;}
.comp-randevu .randevu-form{padding:15px}
.comp-randevu .sol{padding:10px;}
.website-footer .ust .sag .footmenu ul li a{padding:10px 20px;}
.website-hero{margin-top: 70px;}
.website-header .headmenu .menu .head-sidemenu>li.kayit a i{font-size: 26px;}
.website-header .headmenu .menu .head-sidemenu>li.kayit a{padding:5px;aspect-ratio: 1/1;width: 50px;height: 40px;}
.website-adimlar .liste .item{border-radius:20px;}
.website-faq{padding: 20px 0;}
.website-header .logo a img{max-width: 150px;}
}

/* ==================================================
   BLOG — Ana sayfa öne çıkan kutu bölümü, arşiv ve tekil yazı sayfaları
   ================================================== */

.website-header .anamenu nav ul li a.aktif{color:var(--yes3);}

/* Ortak blog kartı (ana sayfa öne çıkan bölüm + arşiv + ilgili yazılar) */
.website-blog, .website-blog-arsiv{float:left;width:100%;margin:20px 0;}
.website-blog .ana-baslik, .website-blog-arsiv .ana-baslik{float:left;width:100%;margin-bottom:40px;}
.website-blog .ana-baslik .tepe, .website-blog-arsiv .ana-baslik .tepe{float:left;font-size:14px;font-weight:700;margin:0;color:var(--siyah);background:var(--yes);padding:5px 20px;border-radius:100px;letter-spacing:1px;}
.website-blog .ana-baslik .ust, .website-blog-arsiv .ana-baslik .ust{float:left;width:100%;font-size:38px;font-weight:800;margin:0;color:var(--siyah);}
.website-blog .ana-baslik .alt, .website-blog-arsiv .ana-baslik .alt{margin:0;float:left;width:100%;font-size:18px;opacity:.7;}

.website-blog .liste, .website-blog-arsiv .liste, .ilgili-yazilar .liste{float:left;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.website-blog-arsiv .liste{grid-template-columns:repeat(3,1fr);}
.ilgili-yazilar .liste{grid-template-columns:repeat(3,1fr);}

.website-blog .liste .item, .website-blog-arsiv .liste .item, .ilgili-yazilar .liste .item{float:left;width:100%;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e6e6e1;transition:.25s;display:flex;flex-flow:column;}
.website-blog .liste .item:hover, .website-blog-arsiv .liste .item:hover, .ilgili-yazilar .liste .item:hover{box-shadow:0 15px 30px #00000014;transform:translateY(-4px);}
.website-blog .liste .item .imaj, .website-blog-arsiv .liste .item .imaj, .ilgili-yazilar .liste .item .imaj{float:left;width:100%;aspect-ratio:16/10;overflow:hidden;line-height:0;}
.website-blog .liste .item .imaj img, .website-blog-arsiv .liste .item .imaj img, .ilgili-yazilar .liste .item .imaj img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.website-blog .liste .item .gorsel-yok, .website-blog-arsiv .liste .item .gorsel-yok, .ilgili-yazilar .liste .item .gorsel-yok{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg1);color:#c7c7c2;font-size:32px;}
.website-blog .liste .item:hover .imaj img, .website-blog-arsiv .liste .item:hover .imaj img, .ilgili-yazilar .liste .item:hover .imaj img{transform:scale(1.08);}
.website-blog .liste .item .metin, .website-blog-arsiv .liste .item .metin, .ilgili-yazilar .liste .item .metin{float:left;width:100%;padding:20px;display:flex;flex-flow:column;flex:1;}
.website-blog .liste .item .tarih, .website-blog-arsiv .liste .item .tarih, .ilgili-yazilar .liste .item .tarih{float:left;width:100%;font-size:13px;opacity:.5;font-weight:600;margin-bottom:8px;}
.website-blog .liste .item .baslik, .website-blog-arsiv .liste .item .baslik, .ilgili-yazilar .liste .item .baslik{float:left;width:100%;font-size:18px;font-weight:700;color:var(--siyah);margin-bottom:8px;line-height:1.3;}
.website-blog .liste .item .ozet, .website-blog-arsiv .liste .item .ozet, .ilgili-yazilar .liste .item .ozet{float:left;width:100%;font-size:14px;opacity:.65;line-height:1.6;margin-bottom:14px;flex:1;}
.website-blog .liste .item .devam, .website-blog-arsiv .liste .item .devam, .ilgili-yazilar .liste .item .devam{float:left;font-size:14px;font-weight:700;color:var(--siyah);display:flex;align-items:center;gap:8px;margin-top:auto;}
.website-blog .liste .item .devam i, .website-blog-arsiv .liste .item .devam i, .ilgili-yazilar .liste .item .devam i{transition:.25s;}
.website-blog .liste .item:hover .devam, .website-blog-arsiv .liste .item:hover .devam, .ilgili-yazilar .liste .item:hover .devam{color:var(--yes3);}
.website-blog .liste .item:hover .devam i, .website-blog-arsiv .liste .item:hover .devam i, .ilgili-yazilar .liste .item:hover .devam i{transform:translateX(4px);}

.website-blog .buton-alani{float:left;width:100%;text-align:center;margin-top:30px;}
.website-blog .buton-alani .link{display:inline-flex;align-items:center;gap:10px;background:var(--siyah);color:#fff;padding:14px 32px;border-radius:100px;font-weight:700;font-size:15px;}
.website-blog .buton-alani .link:hover{background:var(--yes3);}

.website-blog-arsiv .bos-mesaj{float:left;width:100%;text-align:center;padding:60px 20px;opacity:.6;font-size:16px;}

/* Sayfalama */
.sayfalama{float:left;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap;}
.sayfalama .link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:100px;border:1px solid #e2e2e2;font-weight:600;font-size:14px;color:var(--siyah);}
.sayfalama .link.aktif{background:var(--siyah);color:#fff;border-color:var(--siyah);}
.sayfalama .link:hover{border-color:var(--siyah);}

/* Tekil yazı sayfası */
.website-blog-tekil{float:left;width:100%;margin:130px 0 20px 0;}
.website-blog-tekil .breadcrumb{float:left;width:100%;display:flex;gap:8px;font-size:14px;opacity:.6;margin-bottom:20px;flex-wrap:wrap;}
.website-blog-tekil .breadcrumb a{text-decoration:underline;}
.website-blog-tekil .breadcrumb .aktif{opacity:.8;}
.website-blog-tekil .yazi-header{float:left;width:100%;max-width:820px;margin:0 auto 30px auto;text-align:center;}
.website-blog-tekil .yazi-header .tarih{float:left;width:100%;font-size:14px;font-weight:700;color:var(--yes3);margin-bottom:10px;}
.website-blog-tekil .yazi-header h1{float:left;width:100%;font-size:42px;margin-bottom:16px;}
.website-blog-tekil .yazi-header .ozet{float:left;width:100%;font-size:18px;opacity:.7;line-height:1.6;}
.website-blog-tekil .one-cikan-gorsel{float:left;width:100%;max-width:900px;margin:0 auto 40px auto;border-radius:20px;overflow:hidden;aspect-ratio:16/8;}
.website-blog-tekil .one-cikan-gorsel img{width:100%;height:100%;object-fit:cover;}
.website-blog-tekil .yazi-icerik{float:left;width:100%;max-width:760px;margin:0 auto;font-size:17px;line-height:1.9;color:#2b2b2b;overflow-x: hidden;}
.website-blog-tekil .yazi-icerik h2{font-size:28px;margin:30px 0 15px 0;color:var(--siyah);}
.website-blog-tekil .yazi-icerik h3{font-size:22px;margin:24px 0 12px 0;color:var(--siyah);}
.website-blog-tekil .yazi-icerik p{margin-bottom:18px;}
.website-blog-tekil .yazi-icerik ul, .website-blog-tekil .yazi-icerik ol{margin:0 0 18px 24px;}
.website-blog-tekil .yazi-icerik ul{list-style:disc;}
.website-blog-tekil .yazi-icerik ol{list-style:decimal;}
.website-blog-tekil .yazi-icerik li{margin-bottom:8px;}
.website-blog-tekil .yazi-icerik img{max-width:100%;border-radius:14px;margin:20px 0;}
.website-blog-tekil .yazi-icerik a{color:var(--yes3);text-decoration:underline;}
.website-blog-tekil .yazi-icerik blockquote{border-left:4px solid var(--yes);padding:10px 20px;margin:20px 0;background:var(--bg1);border-radius:0 10px 10px 0;font-style:italic;}
.website-blog-tekil .yazi-cta{float:left;width:100%;max-width:760px;margin: 0;background:var(--siyah);border-radius:20px;padding: 20px;text-align:center;}
.website-blog-tekil .yazi-cta .baslik{color:#fff;font-size:22px;font-weight:700;margin-bottom:20px;}
.website-blog-tekil .yazi-cta .link{display:inline-flex;align-items:center;gap:10px;background:var(--yes);color:var(--siyah);padding:14px 32px;border-radius:100px;font-weight:700;}
.website-blog-tekil .ilgili-yazilar{float:left;width:100%;margin-top:30px;}
.website-blog-tekil .ilgili-yazilar .baslik{float:left;width:100%;font-size:26px;font-weight:800;margin-bottom:20px;}
.website-blog-tekil .bulunamadi{float:left;width:100%;text-align:center;padding:100px 20px;}
.website-blog-tekil .bulunamadi h1{font-size:32px;margin-bottom:16px;}
.website-blog-tekil .bulunamadi p{opacity:.6;margin-bottom:24px;}
.website-blog-tekil .bulunamadi .link{display:inline-flex;align-items:center;gap:10px;background:var(--siyah);color:#fff;padding:14px 32px;border-radius:100px;font-weight:700;}
.website-blog-tekil .blog-sol-content{opacity:1;flex: 3;min-width: 1px;padding: 20px;border-radius: 20px;border: 1px solid #eee;width: 100%;}
.website-blog-tekil .blog-sag-content{opacity:1;flex: 1;position: sticky;top: 120px;min-width: 350px;}
.website-blog-tekil .blog-content{opacity:1;display: flex;flex-flow: row wrap;position: relative;float: left;width: 100%;align-items: flex-start;gap: 30px;}

@media(max-width:768px){
.website-blog, .website-blog-arsiv{margin-top:90px;}
.website-blog .liste, .website-blog-arsiv .liste, .ilgili-yazilar .liste{grid-template-columns:repeat(1,1fr);}
.website-blog-tekil .yazi-header h1{font-size:28px;}
.website-blog-tekil .yazi-header .ozet{font-size:16px;}
.website-blog-tekil{margin-top: 0;}
.website-blog-tekil .yazi-cta{padding: 15px;}
.website-blog-tekil .blog-content{flex-flow: column;gap: 30px;}
.website-blog-tekil .blog-sag-content{opacity:1;top: 70px;order: 1;}
.website-blog-tekil .blog-sol-content{margin-top: 55px;order: 2;}
.website-blog-tekil .yazi-cta .baslik{font-size: 20px;font-weight: 600;}
.website-blog-tekil .yazi-cta .link{font-size: 16px;padding: 10px 20px;}
}