@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;200;300;400;500;600;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');html{--scrollbarBG:white;--thumbBG:#0c345e}body::-webkit-scrollbar{width:15px}body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG) ;border-radius:6px;border:3px solid var(--scrollbarBG)}body{background-color:#c2d8ff;background-size:100% 60%;background-repeat:no-repeat;background-position:0px 135px;font-family:'Lato',sans-serif}.container{max-width:1210px;padding:30px}.nav-bar{padding:10px}.nav-bar .logo{width:100%}.nav-li{padding:0}.nav-li ul li img{width:30px;margin-top:-8px}.nav-li ul{display:block;height:45px;text-align:right}.nav-li ul li{display:inline-block;padding:10px 0px;list-style-type:none}.nav-li ul li a{color:#1F1F1F;font-size:19px;padding:10px;font-weight:500;text-decoration:none;letter-spacing:-1px;overflow:hidden;position:relative;z-index:5}.nav-li ul li a::before{content:"";position:absolute;width:100%;height:0;bottom:0;left:0;border-radius:20px;background:#EFA118;color:#F3F5F9;transition:height 0.3s ease-in-out;/* Animasyon süresi */z-index:-1;/* Değişen z-index değeri */}.nav-li ul li a:hover::before{height:100%;animation-name:button-animation;animation-duration:0.3s;color:#F3F5F9;z-index:-1;/* Hover durumunda da z-index değeri */}@keyframes button-animation{from{width:0;bottom:0}to{width:100%;bottom:0}}.nav-li .hizli{position:relative;background:#EFA118;color:#F3F5F9;padding:10px 20px;border-radius:10px;margin-left:31px;font-size:20px;transition:all 0.5s ease;z-index:0;border:none}.nav-li .hizli:hover{background:transparent}.resim1 img{width:100%}.resim2 img{width:100%}.sohbetbar{text-align:center;margin-top:-100px}.sohbetbar .baslik{font-family:'Antonio',sans-serif;font-size:27px;font-weight:bold;color:#8F8C8C}.sohbetbar .aciklama{color:#1F1F1F;font-size:14px;text-align:center}.sohbetbar form{padding:0 60px;text-align:left}.sohbetbar .item{background:white;padding:10px 40px;margin-top:10px;border-radius:10px}.sohbetbar div img{width:40px}.sohbetbar input{padding:10px;border:none;text-align:center;font-size:16px;outline:none;width:80%}.sohbetbar button{width:100%;padding:10px;border:none;border-radius:10px;background:#EE5321;color:#FFFFFF;font-weight:bold;font-size:23px}.tanitim{margin-top:45px}.tanitim a{text-decoration:none}.tanitim a:hover img{transform:rotate(360deg)}.tanitim img{position:relative;width:80px;left:-10px;transition:transform 0.3s ease-in-out}.tanitim .baslik{font-family:'Antonio',sans-serif;font-size:19px;font-weight:bold;color:#545454;margin:0}.tanitim .aciklama{font-size:17px;color:#8F8C8C;margin:0}.col-tanitim{-ms-flex:0 0 33%;flex:0 0 33%;max-width:33%;margin:0 auto}.bilgi{margin-top:20px}.bilgi img{width:100px;transition:transform 0.3s ease-in-out}.bilgi .baslik{font-family:'Antonio',sans-serif;font-size:20px;font-weight:bold;color:#545454;margin:0}.bilgi .aciklama{font-family:'Montserrat',sans-serif;font-size:15px;color:#8F8C8C;margin:0;margin-top:5px}.col-bilgi{cursor:pointer;-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%;margin:0 auto;background:#FFFFFF;border-radius:10px;padding:10px}.col-bilgi:hover img{transform:rotate(360deg)}.makale{margin-top:100px}.makale .resim{width:100%}.makale .icon{width:50px}.makale h1,.makale h2,.makale h3,.makale h4{font-family:'Montserrat',sans-serif;color:#EFA118;font-size:22px;font-weight:bold;margin-top:10px}.makale .aciklama{font-family:'Lato',sans-serif;margin:0;color:#1F1F1F;font-size:16px}.blog{margin-top:30px;padding:0 50px}.blog a{text-decoration:none}.blog .blogbaslik{width:60px}.blog .blogresim{width:180px;position:relative;top:45px;left:-40px;transition:transform 0.3s ease-in-out}.blog .baslik{font-family:'Antonio',sans-serif;color:#EFA118;font-size:25px;font-weight:bold;margin:0}.blog .baslik2{font-family:'Antonio',sans-serif;color:#D54F99;font-size:25px;font-weight:bold;margin:0}.blog .baslik3{font-family:'Antonio',sans-serif;color:#473F8F;font-size:25px;font-weight:bold;margin:0}.blog .aciklama{font-family:'Montserrat',sans-serif;color:#8F8C8C;font-size:18px;margin:0}.col-blog{-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%;margin:10px auto;padding:5px 10px}.col-blog:hover{background:#e9e9e9;border-radius:10px}.col-blog:hover .blogresim{transform:rotate(360deg)}.altbar{text-align:center;margin-top:100px}.altbar .altresim1{position:absolute;left:-88px;width:606px;height:200px}.altbar .altresim2{position:absolute;right:-85px;height:200px;width:606px}.altbar .altlogo{width:100%}.altbar .altbtn{border:none;background:transparent}.altbar .altbtn img{margin-top:45px;border-radius:50%;width:100px;animation:expand 2s ease-in-out infinite}@keyframes expand{0%{box-shadow:0 0 0 0 #6c4291;/* Başlangıçta gölge yok */}100%{box-shadow:0 0 20px 10px rgba(52,152,219,0);/* Son durumda gölge tamamen kaybolur */}}.footer{margin-top:30px}.footer .linked img{width:40px}.footer .linked ul{display:block;height:45px;text-align:center}.footer .linked ul li{display:inline-block;padding:10px 0px;list-style-type:none}.footer .linked ul li a{color:#1F1F1F;font-size:22px;padding:10px;font-weight:500;text-decoration:none;letter-spacing:-1px;overflow:hidden;position:relative;z-index:5}.footer .linked ul li a::before{content:"";position:absolute;width:100%;height:0;bottom:0;left:0;border-radius:20px;background:#EFA118;color:#F3F5F9;transition:height 0.3s ease-in-out;/* Animasyon süresi */z-index:-1;/* Değişen z-index değeri */}.footer .linked ul li a:hover::before{height:100%;animation-name:button-animation;animation-duration:0.3s;color:#F3F5F9;z-index:-1;/* Hover durumunda da z-index değeri */}.footer .sosyaled{text-align:center}.footer .sosyaled img{width:50px;transition:transform 0.3s ease-in-out}.footer .sosyaled img:hover{transform:rotate(360deg)}.footer .hakkimizda{text-align:center;margin:0;margin-top:30px;color:silver;font-size:13px}.footer .hakkimizda a{text-decoration:none;color:#EFA118}@keyframes button-animation{from{width:0;bottom:0}to{width:100%;bottom:0}}.blogmakale{margin-top:10px;padding:30px;background:white;border-radius:20px}.blogmakale h1,.blogmakale h2,.blogmakale h3,.blogmakale h4,.blogmakale h5{font-family:'Montserrat',sans-serif;color:#EFA118;font-size:22px;font-weight:bold;margin-top:10px}.blogmakale p{margin:5px;color:#1F1F1F;font-size:14px;border-bottom:1px solid #ededed}button:hover{opacity:0.6}.bars{background:#ffffff;padding:10px;color:#ee5321;border-radius:5px;font-size:23px}.yukari{display:none;position:fixed;bottom:0;right:0;border:none;padding:10px 20px;margin-bottom:10px;margin-right:10px;background:#c6302c;color:white;font-size:20px;border-radius:50%}@media (min-width:1100px).container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1320px}@media screen and (max-width:1044px){.container{padding:15px;max-width:unset}.nav-li ul{display:none;float:none;height:100%;padding:10px}.nav-li ul li{display:block;margin-right:10px;border:none;padding-top:10px;padding-bottom:10px;font-weight:bold;color:#777777;list-style-type:none;text-align:center;width:100%}.nav-li .hizli{margin-left:0}.resim1,.resim2{display:none}.sohbetbar{margin-top:30px}.sohbetbar form{padding:0}.sohbetbar button{font-size:18px}.tanitim{display:none}.col-bilgi{cursor:pointer;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%;margin-bottom:10px}.makale{margin-top:0px}.makale .resim{display:none}.makale .mak{padding:30px}.col-blog{-ms-flex:0 0 32%;flex:0 0 99%;max-width:100%;margin:10px auto;padding:5px 10px;background:white}.blog{padding:0 30px}.blog .blogbaslik{display:none}.blog .blogresim{width:120px;position:unset;transition:transform 0.3s ease-in-out}.blog .baslik{font-size:22px}.blog .aciklama{font-size:15px}.altbar{margin-top:0}.altbar .altresim1,.altbar .altresim2{display:none}.altbar .altlogo{display:none}.altbar .altbtn img{width:70px}.footer .linked ul{height:auto;margin-left:-40px}.footer .linked ul li a{font-size:16px}}@keyframes right{0%{transform:translateX(0)}40%{transform:translateX(10px)}60%{transform:translateX(5px)}100%{transform:translateX(0)}}