header{position:fixed;top:0;display:flex;justify-content:center;align-items:center;width:100vw;z-index:24}header:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:25;overflow-x:hidden}header *{z-index:40}header .navbar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;font-size:calc(var(--yaziboyutu)*1.9);overflow:hidden}header .navbar-container .navbar ul{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:1rem}header .navbar-container .navbar ul li{border-radius:5px}header .navbar-container .navbar ul li a{position:relative;display:inline-block;padding:1.5rem;color:var(--yazirengi);font-size:calc(var(--yaziboyutu)*2.1);border-radius:5px;transition:.2s;z-index:6}header .navbar-container .navbar ul li a:before{content:"";position:absolute;display:inline-block;height:2px;bottom:5px;left:0;width:0;border-bottom:1px solid #32CD32;transition:.5s;border-color:#6495ed}header .navbar-container .navbar ul li a:hover{transform:translate(3px)}header .navbar-container .navbar ul li a:hover:before{width:100%;border-color:#adff2f}header .navbar-container .giris{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}header .navbar-container .giris .giris-item{display:flex;flex-direction:row;gap:1px;justify-content:center;align-items:center;color:var(--yazirengi);font-size:calc(var(--yaziboyutu)*1.9);transition:.2s}header .navbar-container .giris a{padding:1rem;border-radius:2rem;font-size:inherit;color:inherit}header .navbar-container .giris i{padding:1rem;border-radius:2rem;font-size:inherit;color:inherit}header .navbar-container .giris .giris-item:hover{color:#add8e6}header nav .menu-simge{display:none}header .navbar-container .giris .phone{display:none}@media (max-width: 700px){header nav .menu-simge{position:relative;display:block;color:#fff;font-size:24px;z-index:100;padding:5px}header nav .menu-simge:hover{cursor:pointer}header .navbar-container .navbar .link{position:fixed;top:0;left:0;transform:translate(-200%);flex-direction:column;height:100vh;padding-top:20%;justify-content:flex-start;z-index:25;background-color:#000c;width:60%;transition:.5s}header .navbar-container .giris .desktop{display:none}header .navbar-container .giris .phone{display:block}.aktif{transform:translate(0)!important}}footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;background-color:#000;color:#fff;z-index:15}footer:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;background-color:#00000080}footer *{z-index:10}footer .footer-content{display:flex;flex-direction:row;justify-content:center;align-items:baseline;width:90vw;padding:30px 0}footer .footer-content ul{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%}footer .footer-content ul h2{display:inline-block;font-size:calc(var(--yaziboyutu)*2.9);margin-bottom:1rem;border-bottom:1px solid white}footer .footer-content ul li{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:.2s}footer .footer-content ul li a{position:relative;color:#fff;display:inline-block;text-decoration:none;padding:5px 15px;font-size:calc(var(--yaziboyutu)*2);transition:.2s ease-in-out;transform:translate(0);transition:.2s}footer .footer-content ul.show li i{opacity:1;font-size:calc(var(--yaziboyutu)*2)}footer .footer-content ul:not(.show) li:hover a{transform:translate(5px) scale(1.05)}footer .footer-content ul li:hover i{opacity:1}footer .footer-content ul li i{transition:.2s;opacity:0;font-size:calc(var(--yaziboyutu)*2)}footer .footer-socialmedia{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem;padding:1.5rem 0rem}footer .footer-socialmedia i{font-size:calc(var(--yaziboyutu)*3);color:#fff;transition:.2s ease-in-out}footer .footer-socialmedia i:hover{color:#74b1f7}footer h3{text-align:center;padding:1% 5%;font-size:calc(var(--yaziboyutu)*1.8)}@media (max-width:950px){footer .footer-content{flex-direction:column;align-items:center;justify-content:center;width:100vw;flex-wrap:wrap}footer .footer-content ul{width:50vw;flex-direction:column;padding-bottom:20px;text-align:center}}.form{padding:20vh;width:100vw;height:100%;display:flex;align-items:center;justify-content:center;z-index:20}.form form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:500px;border-radius:50px;background-color:#00000080;gap:15px;font-size:calc(var(--yaziboyutu)*2.5)}.form form label{color:#fff;font-size:calc(var(--yaziboyutu)*2.5)}.form form input[type=text],input[type=email]{color:#000;height:35px;width:350px;font-size:calc(var(--yaziboyutu)*2.1);border-radius:10px;padding:0 10px}.form form textarea{color:#000;width:350px;font-size:calc(var(--yaziboyutu)*2.1);border-radius:10px;padding:10px}.form form input[type=submit]{padding:5px 15px;border-radius:10px;font-size:calc(var(--yaziboyutu)*2.1);transition:.2s ease-in-out}.form form input[type=submit]:hover{cursor:pointer;background-color:transparent;color:#fff}.form form .satir{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:500px}@media (max-width:550px){.form form .satir{flex-direction:column}.form form input[type=text],input[type=email],.form form textarea{width:300px}.form form .satir{width:auto}}main{position:relative;display:flex;flex-direction:column}.backresim{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-x:hidden;background-image:url(/image/arkaplan.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.backresim:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.header-interaktif-test{position:relative;width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:calc(var(--yaziboyutu)*2.4);z-index:3}.header-interaktif-test .giris-container{position:relative;width:60%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:5%}.header-interaktif-test *{z-index:3}@keyframes giris-text-effect{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes giris-slide-effect{to{transform:translate(0)}}.header-interaktif-test .giris-container .on-yazi{position:absolute;display:flex;justify-content:center;align-items:center;width:20vw;transition:1.5s;z-index:4}.header-interaktif-test .giris-container .on-yazi h1{font-size:calc(var(--yaziboyutu)*10);animation-name:giris-text-effect;animation-duration:1.5s;animation-delay:0;animation-iteration-count:1;text-align:center;width:100%;display:inline-block}.header-interaktif-test .giris-container .resim{width:20vw;height:20vw;border-radius:50%;background-image:url(/image/resmim.jpeg);background-position:center;background-size:cover;transition:1.5s;opacity:0;z-index:5;transform:translate(-100px)}.header-interaktif-test .giris-container .basliklar{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 4rem;color:#fff;font-size:calc(var(--yaziboyutu)*4);border-radius:10px;transform:translate(+100px);opacity:0;transition:1.5s;z-index:5}.header-interaktif-test .giris-container .basliklar li{display:flex;flex-direction:row;justify-content:left;align-items:center}.header-interaktif-test .giris-container .basliklar li div{width:30px;height:30px;background-color:#6495ed;transform:rotateX(45deg)}.header-interaktif-test .giris-container .basliklar li a{color:#fff;display:inline-block;padding:1rem 2rem;transition:.2s}.header-interaktif-test .giris-container .basliklar li a:hover{cursor:pointer;transform:translate(5px)}.header-interaktif-test .giris-container .basliklar li a:before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;background-color:#6495ed;transform:rotate(45deg);transition:.5s}.header-interaktif-test .giris-container .basliklar li a:hover:before{background-color:#90ee90;border-radius:50%;transform:rotate(225deg)}@media (max-width: 700px){.header-interaktif-test .giris-container{flex-direction:column;justify-content:center;align-items:center;width:100%}.header-interaktif-test .giris-container .resim{width:60vw;height:60vw;opacity:1;transform:translate(0)}.header-interaktif-test .giris-container .basliklar{opacity:1;transform:translate(0)}.header-interaktif-test .giris-container .on-yazi{width:100%;position:static;display:none}}.beceriler-content{position:relative;width:100vw;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;background-color:#0000;z-index:15;padding:5% 0}.beceriler-content .header{width:30%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:calc(var(--yaziboyutu)*4)}.beceriler-content .header h2{font-size:calc(var(--yaziboyutu)*7);text-shadow:-25px 25px 6px rgba(255,255,255,.54);color:#0000;transition:1s;transform:translate(-100px)}.beceriler-content .header .effect-baslik-active{transform:translateY(0);color:#fff}.beceriler-content .body{width:50%;font-size:calc(var(--yaziboyutu)*2.2);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;z-index:15;padding-left:10%}.beceriler-content .body ul{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px}.beceriler-content .body ul li{text-shadow:-25px 25px 6px rgba(255,255,255,.3);color:#fff;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:30px}.beceriler-content .body ul li h3{width:230px}.beceriler-content .body ul li i{background:linear-gradient(209deg,#833ab4,#fd1d1d,#fcb045);background-clip:text;-webkit-background-clip:text;color:#f8ba28f2}@media (max-width: 700px){main .part{flex-direction:column}.beceriler-content .body{width:100%;padding:5%;justify-content:center;align-items:center}.beceriler-content .body ul li h3{width:50%}}.hakkimda-content{position:relative;width:100vw;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;background-color:#00000080;z-index:15;padding:5% 0}.hakkimda-content .header{width:30%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:calc(var(--yaziboyutu)*4)}.hakkimda-content .header h2{font-size:calc(var(--yaziboyutu)*7);text-shadow:-25px 25px 6px rgba(255,255,255,.54);color:#0000;transition:1s;transform:translate(-100px)}.hakkimda-content .header .effect-baslik-active{transform:translateY(0);color:#fff}.hakkimda-content .body{width:50%;font-size:calc(var(--yaziboyutu)*2.2);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;z-index:15}.hakkimda-content .body ul{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px}.hakkimda-content .body ul li{text-shadow:-25px 25px 6px rgba(255,255,255,.3);color:#fff;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}@media (max-width: 700px){.hakkimda-content .body{width:100%;padding:5%;justify-content:center;align-items:center}}:root{--baslikrengi: rgba(253, 185, 0, .95);--cardrengi: rgba(253, 185, 0, .95);--cardrengi: rgba(248, 186, 40, .95);--baslikrengi: var(--cardrengi)}.proje-content{position:relative;width:100vw;height:65vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;z-index:20;background-color:#00000080;overflow:visible}.proje-content .header{width:20vw;height:100%;z-index:11;display:flex;justify-content:center;align-items:center}.proje-content .header h2{font-size:calc(var(--yaziboyutu)*7);text-shadow:-25px 25px 6px rgba(255,255,255,.34);color:#0000;transition:1s;transform:translate(-100px)}.proje-content .header .effect-baslik-active{transform:translateY(0);color:#fff}.cards{width:50vw;height:100%;transform:translateY(0);display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;transition:1s}.card{position:absolute;width:200px;height:200px;transition:.4s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:-25px 25px 6px #1e1e1e66;z-index:5;overflow-x:hidden}.card:hover{cursor:pointer}.card .baslik{display:inline-block;background-color:inherit;background:var(--baslikrengi);border-top-right-radius:10px;border-top-left-radius:10px;opacity:1;font-size:calc(var(--yaziboyutu)*3);padding:2px 15px}.card .body{position:relative;width:100%;height:100%;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:.4s;background:var(--cardrengi);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}#card1:not(.click-card){transform:translate(0);z-index:5}#card2:not(.click-card){transform:translate(90px,10px);z-index:6}#card3:not(.click-card){transform:translate(180px,20px);z-index:7}#card4:not(.click-card){transform:translate(270px,30px);z-index:8}#card5:not(.click-card){transform:translate(360px,40px);z-index:9}#card6:not(.click-card){transform:translate(450px,50px);z-index:10}#card1:not(.click-card):hover{transform:translate(-70px) rotate(-10deg)}#card2:not(.click-card):hover{transform:translate(20px,10px) rotate(-10deg)}#card3:not(.click-card):hover{transform:translate(110px,20px) rotate(-10deg)}#card4:not(.click-card):hover{transform:translate(200px,30px) rotate(-10deg)}#card5:not(.click-card):hover{transform:translate(290px,40px) rotate(-10deg)}#card6:not(.click-card):hover{transform:translate(380px,50px) rotate(-10deg)}.card:not(.click-card){opacity:.95}.card:not(.click-card):hover{opacity:1}.proje-content .cards .click-card{position:fixed;transform:translateX(0px,0px) rotate(0);font-size:calc(var(--yaziboyutu)*3);width:90%;height:90%;z-index:15!important;opacity:1;cursor:default}.proje-content .cards .close-button{position:fixed;right:5%;top:17px;width:37px;height:37px;display:flex;justify-content:center;align-items:center;border-radius:4px;opacity:0;color:#fff;font-size:calc(var(--yaziboyutu)*4);transition:.2s;background-color:#f00f0f99;z-index:50}.proje-content .cards .close-button:hover{cursor:pointer;background-color:#f00f0fcc}.card:hover .body{opacity:1}.card .body h3{padding:1%}.card .body p{font-size:calc(var(--yaziboyutu)*2);width:100%;height:30%;padding:3%;transition:.2s}.card:not(.click-card) .body p{font-size:calc(var(--yaziboyutu)*.5);width:100%;height:40%}.card .body img{position:relative;width:90%;height:60%;object-fit:cover;transition:1s;object-position:0px -80px}.card:not(.click-card) .body img{width:90%;height:60%;object-position:0px 0px}#card6 .body img{object-position:0px -450px}#card6:not(.click-card) .body img{object-position:0px -65px}.card .body iframe{width:100%;height:60%;overflow-y:scroll}.card .body .more-details{position:absolute;bottom:1%;right:1%;color:#fff;font-size:calc(var(--yaziboyutu)*2);transition:.2s;padding:5px 10px;transition:.4s}.card .body .more-details:hover{border-radius:5px;color:#000;border-bottom:1px solid black;transform:translateY(-2px)}.card:not(.click-card) .body .more-details{font-size:calc(var(--yaziboyutu)*.8)}@media (max-width: 700px){.proje-content{height:100vh}.proje-content .header{height:auto}.cards{width:100%}.card{position:absolute;width:70%;transform:translate(0)!important;justify-content:center;align-items:flex-start}.cards .click-card{height:100%!important}.cards .click-card .body{height:auto;padding:10% 0}.cards .click-card .body img{object-position:center!important;object-fit:cover;height:50%}.cards .click-card .body *{height:auto}#card1:not(.click-card){transform:translateY(-150px)!important}#card2:not(.click-card){transform:translateY(-100px)!important}#card3:not(.click-card){transform:translateY(-50px)!important}#card4:not(.click-card){transform:translate(0)!important}#card5:not(.click-card){transform:translateY(50px)!important}#card6:not(.click-card){transform:translateY(100px)!important}.proje-content .cards .close-button{right:5%;top:0;width:37px;height:37px}}.sertifika-content{position:relative;width:100vw;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;background-color:#0000;z-index:15;padding:5% 0}.sertifika-content .header{width:30%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:calc(var(--yaziboyutu)*4)}.sertifika-content .header h2{font-size:calc(var(--yaziboyutu)*7);text-shadow:-25px 25px 6px rgba(255,255,255,.54);color:#0000;transition:1s;transform:translate(-100px)}.sertifika-content .header .effect-baslik-active{transform:translateY(0);color:#fff}.sertifika-content .body{position:relative;width:50%;font-size:calc(var(--yaziboyutu)*2.2);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;z-index:15}.sertifika-content .body ul{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px}.sertifika-content .body ul li{text-shadow:-25px 25px 6px rgba(255,255,255,.3);color:#fff;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}@media (max-width: 700px){.sertifika-content .body{width:100%;padding:5%;justify-content:center;align-items:center}}.bosluk{width:100vw;height:5vh;overflow:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--yaziboyutu: 10px;--yazirengi: #fff;--eleman: 1}.container{width:80%}html{font-size:62.5%}body{width:100vw;height:auto;background-color:#fff;overflow-x:hidden}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}@media (max-width: 700px){:root{--yaziboyutu: 8px}}@media (max-width: 1000px){:root{--yaziboyutu: 9px}}@media (min-width: 1000px){:root{--yaziboyutu: 10px}}