.container{width:100%; max-width: 1600px;}

body{font-family: "Inter", sans-serif;width: 100%;max-width: 100%;overflow-x: hidden;}
a{text-decoration: none;}
:root{--kirmizi: #E51025;--siyah:#080A0E;}

.cl-kirmizi{color:var(--kirmizi);}

main{float: left;width: 100%;}

.site-header{float: left;width: 100%;position: absolute;top: 0;left: 0;z-index: 99;background: linear-gradient(180deg, black, transparent 80%);}
.site-header .items{opacity:1;display: flex;float: left;width: 100%;position: relative;flex-flow: row;align-items: center;justify-content: space-between;padding: 10px 0;gap: 10px;}
.site-header .logo{float: left;padding: 0 15px;}
.site-header .logo a{float: left;}
.site-header .logo a img{float: left;width: 100%;max-width: 200px;}
.site-header .sitemenu{float: left;display: flex;flex-flow: row;justify-content: flex-end;width: 100%;align-items: center;gap: 30px;}
.site-header .sitemenu ul{float: left;display: flex;flex-flow: row;gap: 20px;margin: 0;list-style: none;padding: 0;}
.site-header .sitemenu ul li{float: left;}
.site-header .sitemenu ul li a{float: left;padding: 5px;color: #fff;text-decoration: none;font-size: 15px;font-weight: 500;}
.site-header .butonmenu{float: left;}
.site-header .butonmenu a{float: left;border: 2px solid #fff;text-decoration: none;color: #fff;padding: 10px 20px;border-radius: 100px;margin-left: 10px;font-size: 15px;font-weight: 500;}
.site-header .butonmenu a.cta{opacity:1;background: var(--kirmizi);border-color: var(--kirmizi);}



.hero{float: left;width: 100%;background: #000;display: flex;align-items: center;background-image: url(../imaj/hero-bg2.jpg);background-size: auto 100%;background-position: center right;position: relative;background-repeat: no-repeat;}
.hero .items{float: left;width: 100%;display: flex;flex-flow: column;padding: 150px 0 50px 0;position: relative;min-height: 70vh;justify-content: space-between;}
.hero .items .ust{float: left;width: 100%;max-width: 600px;}
.hero .items .ust .slogan{float: left;width: 100%;font-size: 70px;color: #fff;font-weight: 700;}
.hero .items .ust .slogan .kirmizi{opacity:1;}
.hero .items .ust .alt-slogan{float: left;width: 100%;font-size: 20px;font-weight: 300;color: #fff;line-height: 1.4;}
.hero .items .ust .butonlar{float: left;width: 100%;margin: 30px 0 0 0;display: flex;flex-flow: wrap;gap: 20px;}
.hero .items .ust .butonlar a{float: left;border: 2px solid #fff;padding: 15px 20px;color: #fff;text-decoration: none;border-radius: 100px;font-weight: 500;}
.hero .items .ust .butonlar a.kirmizi{opacity:1;background: var(--kirmizi);border-color: var(--kirmizi);}
.hero .items .alt{float: left;width: 100%;display: flex;flex-flow: row wrap;margin: 60px 0 0 0;align-items: flex-start;gap: 30px;}
.hero .items .alt .alt-rakamlar{float: left;flex: 1;border: 2px solid #ffffff3d;border-radius: 20px;padding: 30px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.hero .items .alt .alt-rakamlar .rakamlar-baslik{float: left;width: 100%;font-size: 20px;color: #fff;opacity: .7;display: flex;flex-flow: row;align-items: center;}
.hero .items .alt .alt-rakamlar .rakamlar-baslik small{opacity:.6;font-size: 12px;border: 1px solid #fff;padding: 3px 10px;border-radius: 100px;margin-left: 10px;}
.hero .items .alt .alt-rakamlar .rakamlar{float: left;width: 100%;display: flex;flex-flow: row wrap;gap: 10px;margin: 20px 0 0 0;justify-content: space-between;}
.hero .items .alt .alt-rakamlar .rakamlar .rakam{float: left;display: flex;flex-flow: column;text-align: center;font-size: 16px;color: #ffffff80;font-weight: 400;}
.hero .items .alt .alt-rakamlar .rakamlar .rakam .ust{opacity:1;color: var(--kirmizi);font-size: 26px;font-weight: 500;line-height: normal;}
.hero .items .alt .alt-rakamlar .rakamlar .rakam .alt{opacity:1;margin: 0;display: inline-block;}
.hero .items .alt .alt-kutular{float: left;flex: 1;display: flex;flex-flow: row wrap;gap: 15px;}
.hero .items .alt .alt-kutular .kutular{opacity:1;}
.hero .items .alt .alt-kutular .kutu{float: left;flex: 2;position: relative;border-radius: 10px;padding: 15px;display: flex;flex-flow: column;justify-content: end;height: 170px;overflow: hidden;}
.hero .items .alt .alt-kutular .kutu .imaj{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.hero .items .alt .alt-kutular .kutu .imaj:before{content:"";position:absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: linear-gradient(0deg, #000000de, transparent);}
.hero .items .alt .alt-kutular .kutu .kutu-baslik{float: left;width: 100%;color: #fff;font-size: 18px;}
.hero .items .alt .alt-kutular .kutu .kutu-link{float: left;width: 35px;height: 35px;background: var(--kirmizi);color: #fff;border-radius: 100px;text-align: center;display: flex;align-items: center;justify-content: center;aspect-ratio: 1;}
.hero .items .alt .alt-kutular .kutu .ust-text{float: left;display: inline-block;padding: 5px 10px;font-size: 14px;border: 2px solid #ddd;border-radius: 100px;color: #fff;}
.hero .items .alt .alt-kutular .kutu.buyuk{flex: 3;}
.hero .items .alt .alt-kutular .kutu .imaj img{width:100%;height: 100%;object-fit: cover;}
.hero .items .alt .alt-kutular .kutu .metin{opacity:1;float: left;width: 100%;display: flex;flex-flow: row;position: relative;z-index: 1;}
.hero .imaj-text{opacity:1;float: left;width: 100%;margin-bottom: 30px;}
.hero .imaj-text img{opacity:1;float: left;width: 100%;max-width: 500px;}

.red-bar{float: left;width: 100%;background: linear-gradient(90deg, #E10B1F,#570B07);}
.red-bar .items{float: left;width: 100%;padding: 50px 0;display: flex;flex-flow: row wrap;align-items: center;}
.red-bar .items .item{opacity:1;}
.red-bar .items .sol{float: left;flex: 1;display: flex;flex-flow: column;}
.red-bar .items .sol .ust{float: left;width: 100%;font-size: 14px;font-weight: 600;letter-spacing: 1px;color: #fff;opacity: .9;margin: 0 0 10px 0;}
.red-bar .items .sol .slogan{float: left;width: 100%;font-size: 40px;font-weight: 600;color: #fff;margin: 0 0 10px 0;line-height: 1.2;}
.red-bar .items .sol .alt{float: left;width: 100%;font-size: 18px;color: #ffffff;opacity: .8;margin: 0;}
.red-bar .items .sag{float: left;width: 100%;flex: 2;display: flex;flex-flow: row wrap;padding: 0 15px;gap: 30px;}
.red-bar .items .sag .kutu{float: left;display: flex;flex-flow: row;flex: 1;gap: 10px;}
.red-bar .items .sag .kutu .icon{float: left;width: 70px;height: 70px;aspect-ratio: 1;background: #0000001c;border-radius: 100px;border: 1px solid var(--kirmizi);display: flex;align-items: center;justify-content: center;}
.red-bar .items .sag .kutu .metin{float: left;display: flex;flex-flow: column;color: #fff;}
.red-bar .items .sag .kutu .metin .baslik{float: left;width: 100%;font-size: 22px;font-weight: 500;margin: 0px 0 5px 0;}
.red-bar .items .sag .kutu .metin .aciklama{float: left;width: 100%;opacity: .8;font-size: 14px;margin: 0;}
.red-bar .items .sag .kutu .icon i {font-weight: 300;color: #fff;font-size: 24px;width: 50px;height: 50px;aspect-ratio: 1;background: var(--kirmizi);border-radius: 100px;display: flex;align-items: center;justify-content: center;}



.ana-fakulteler{float: left;width: 100%;padding: 90px 0;background: var(--siyah);}
.ana-fakulteler .itemler{gap: 30px;float: left;width: 100%;display: flex;flex-flow: row;}
.ana-fakulteler .sol{float: left;flex: 1;color: #fff;}
.ana-fakulteler .sol .ust{float: left;width: 100%;font-size: 16px;font-weight: 600;letter-spacing: 1px;color: var(--kirmizi);margin: 0 0 10px 0;}
.ana-fakulteler .sol .orta{float: left;width: 100%;font-size: 40px;font-weight: 600;color: #fff;margin: 0 0 10px 0;line-height: 1.2;}
.ana-fakulteler .sol .alt{float: left;width: 100%;font-size: 18px;color: #ffffff;opacity: .8;margin: 0;}
.ana-fakulteler .sol .link{float: left;padding: 15px 20px;border: 2px solid #fff;color: #fff;border-radius: 100px;margin: 20px 0 0 0;text-decoration: none;font-size: 16px;}
.ana-fakulteler .sag{float: left;flex: 2;position: relative;min-width: 0;}
.ana-fakulteler .fakultelerslide{width: 100%;float: left;}
.ana-fakulteler .fakultelerslide .kutu{float: left; width: 100%;}
.ana-fakulteler .fakultelerslide .kutu .kutuic{float: left;width: 100%;display: flex;flex-flow: column;position: relative;height: 300px;justify-content: flex-end;border-radius: 20px;overflow: hidden;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .imaj{position: absolute;width: 100%;height: 100%;z-index: 0;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .imaj img{width: 100%;height: 100%;object-fit: cover;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .metin{float: left;width: 100%;display: flex;flex-flow: row;padding: 20px;align-items: end;justify-content: space-between;z-index: 1;position: relative;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .metin .baslik{float: left;font-size: 20px;color: #fff;margin: 0;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .metin .icon{width: 35px;height: 35px;aspect-ratio: 1;border: 1px solid #fff;border-radius: 100px;display: flex;align-items: center;justify-content: center;color: #fff;}
.ana-fakulteler .fakultelerslide .kutu .kutuic .imaj:before{content:"";position:absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: linear-gradient(0deg, #1a1a1ade, transparent);}
.ana-fakulteler .fakultelerslide .owl-dots{text-align:center;}
.ana-fakulteler .fakultelerslide .owl-dots .active span{background: var(--kirmizi);}


.owl-carousel .owl-dots{opacity:1;}
.owl-carousel .owl-dots button{opacity:1;}
.owl-carousel .owl-dots button.active{opacity:1;}
.owl-carousel .owl-dots button span{opacity:0.5; width: 20px;height: 5px;display: inline-block;margin: 0 4px;background:#fff; border-radius:100px;}
.owl-carousel .owl-dots button.active span{opacity:1;}



.cta1{opacity:1; float:left; width:100%; background: var(--siyah); padding: 50px 0;}
.cta1 .item{float: left;width: 100%;position: relative;overflow: hidden;border-radius: 20px;}
.cta1 .item .imaj{float: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 0; border-radius: 20px;}
.cta1 .item .imaj img{opacity:1;width: 100%;height: 100%;object-fit: cover;}
.cta1 .item .metin{opacity:1;width:100%;padding: 70px;z-index: 1;position: relative;max-width: 500px;}
.cta1 .item .metin .slogan{opacity:1;font-size: 60px;color:#fff;line-height: 1.2;float:left;width: 100%;font-weight: 500;}
.cta1 .item .metin .link{display: inline-block;padding:15px 20px;font-size: 16px;color:#fff;border-radius: 100px;font-weight: 600;border: 2px solid #fff;margin: 20px 0 0 0; text-decoration: none;}
.cta1 .item .metin .link i{font-weight: 600;}


.kampus{opacity:1;float:left;width: 100%;background: linear-gradient(-45deg, #36040A, var(--siyah));padding: 90px 0; position: relative;}
.kampus:before{content:"";background: linear-gradient(180deg, var(--siyah), transparent);position: absolute;top:0;left:0;width:100%;height: 30%;z-index: 0;}
.kampus .items{opacity:1;float:left; width: 100%; display: flex; flex-flow: row wrap; gap: 30px; position: relative; z-index: 1;}
.kampus .items .sol{opacity:1; flex:2;}
.kampus .items .sol .imaj{opacity:1; width:100%;}
.kampus .items .sol .imaj img{opacity:1; width:100%; border-radius: 20px;}
.kampus .items .sag{opacity:1; flex: 1;}
.kampus .items .sag .ust{float: left;width: 100%;font-size: 16px;font-weight: 600;letter-spacing: 1px;color: var(--kirmizi);margin: 0 0 10px 0;}
.kampus .items .sag .orta{float: left;width: 100%;font-size: 40px;font-weight: 600;color: #fff;margin: 0 0 10px 0;line-height: 1.2;}
.kampus .items .sag .alt{float: left;width: 100%;font-size: 18px;color: #ffffff;opacity: .8;margin: 0;}
.kampus .items .sag  .link{float: left;padding: 15px 20px;border: 2px solid #fff;color: #fff;border-radius: 100px;margin: 20px 0 0 0;text-decoration: none;font-size: 16px;}


.burslar{opacity:1;float:left;width: 100%;background: #fff;}
.burslar .items{opacity:1;float:left;width: 100%;display: flex;flex-flow: row wrap;gap: 30px;position: relative;z-index: 1;padding: 60px 0 0 0;}
.burslar .items .sol{opacity:1;flex: 1;display: flex;justify-content: center;flex-flow: column;}
.burslar .items .sol .ust{float: left;width: 100%;font-size: 16px;font-weight: 600;letter-spacing: 1px;color: var(--kirmizi);margin: 0 0 10px 0;}
.burslar .items .sol .alt{float: left;width: 100%;font-size: 40px;font-weight: 600;color: #111;margin: 0 0 10px 0;line-height: 1.2;}
.burslar .items .sag{opacity:1; flex:2;}
.burslar .items .sag .kutular{opacity:1;display: flex;flex-flow: row wrap;gap: 20px;box-shadow: 0 10px 30px #00000024;padding: 30px 15px;border-radius: 50px 10px 0 0;}
.burslar .items .sag .kutu{padding: 30px 15px;opacity:1;color:#111;text-align: center;display: flex;align-items: center;flex-flow: column;flex: 1;position: relative; color:#111;}
.burslar .items .sag .kutu .rakam{opacity:1;font-size: 54px;font-weight: 600;}
.burslar .items .sag .kutu .text{opacity:1;font-size:16px; font-weight: 600;}
.burslar .items .sag .kutu:after{content:"";position: absolute;top: 25%;right: 0;width: 1px;height: 50%;background: #dddeee;}
.burslar .items .sag .kutu:last-child:after{display: none;}
.burslar .items .sag .kutu:first-child:before{content:"";width: 60%;height:5px;background: var(--kirmizi);position: absolute;bottom:0px;left: 20%;border-radius: 100px;}


.faq{float:left;width:100%;background-color: var(--siyah);padding: 10px 0 0 0;background-image: url(../imaj/faq-bg.jpg);background-size: cover;background-repeat: no-repeat;}
.faq .items{float:left; width:100%;}
.faq .items .faqslide{float:left;width:100%;display: flex;flex-flow: column;}
.faq .items .faqitem{float:left;width:100%;display: flex;flex-flow: row;gap: 50px;}
.faq .items .sol{float:left;width:100%;flex: 2;}
.faq .items .sol .imaj{float:left;width:100%;text-align: center;}
.faq .items .sol .imaj img{/* float:left; */width:100%;max-width: 350px;display: inline-block;}
.faq .items .metin{float:left;width:100%;flex: 2;display: flex;flex-flow: column;padding: 20px;justify-content: center;padding-bottom: 60px;}
.faq .items .metin .text{float:left;width:100%;color: #fff;font-size: 24px;font-weight: 300;display: flex;flex-flow: column;}
.faq .items .metin .izle-btn{display: inline-block;padding: 6px 15px;border: 1px solid #fff;width: max-content;border-radius: 100px;font-size: 14px;color: #fff;display: flex;flex-flow: row;align-items: center;gap: 10px;margin: 10px 0 0 0;font-weight: 500;}
.faq .items .metin .adsoyad{float:left;width:100%;margin: 20px 0 0 0;color: #fff;font-size: 16px;}
.faq .items .metin .adsoyad span{float:left;width:100%;opacity: .4;font-size: 14px;}
.faq .owl-dots{opacity:1;float: right;margin-left: 50%;flex: 50%;display: flex;width: 50%;margin-top: 10px;}
.faq .owl-nav{opacity:1;float: right;flex: 1;margin-left: 50%;width: 50%;display: flex;justify-content: flex-end;padding: 0 50px;z-index: 2;position: absolute;bottom: 20px;}
.faq .owl-nav button{opacity:1;}
.faq .owl-nav button span{opacity:1;width: 40px;height: 40px;aspect-ratio: 1;border: 2px solid #ddd;border-radius: 100px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 26px;margin: 0 5px;}
.faq .items .metin .text:before{content: open-quote;font-family: monospace;font-size: 50px;line-height: 0.2;opacity: .6;margin-left: -10px;}
.faq .items .metin .text:after{content: close-quote;font-family: serif;font-size: 0;line-height: normal;text-align: right;opacity: 0;visibility: hidden;}


.nedenyyu{float: left;width: 100%;padding: 90px 0;background: #000000;}
.nedenyyu .items{float: left;width: 100%;}
.nedenyyu .ust-item{float: left;width: 100%;display: flex;align-items: center;flex-flow: row wrap;position: relative;}
.nedenyyu .ust-item .baslik{float: left;color: #fff;display: flex;flex-flow: column;}
.nedenyyu .ust-item .baslik .ust-baslik{float: left;width: 100%;color: var(--kirmizi);font-weight: 600;letter-spacing: 1px;font-size: 16px;margin-bottom: 10px;}
.nedenyyu .ust-item .baslik .alt-baslik{float: left;/* width: 100%; */font-size: 40px;line-height: 1.2;font-weight: 600;}
.nedenyyu .ust-item .aciklama{float: left;font-size: 16px;color: #fff;opacity: .6;max-width: 400px;border-left: 1px solid #ffffff42;padding-left: 40px;flex: 1;min-width: 0;margin-left: 40px;}
.nedenyyu .ust-item:after{opacity:1;}
.nedenyyu .alt-item{float: left;width: 100%;display: grid;grid-template-columns: repeat(5,1fr);margin: 70px 0 0 0;}
.nedenyyu .alt-item .kutu{float: left;display: flex;flex-flow: row;gap: 20px;padding: 25px;align-items: flex-start;}
.nedenyyu .alt-item .kutu .rakam{font-size: 26px;font-weight: 400;color: var(--kirmizi);border-bottom: 2px solid var(--kirmizi);padding-bottom: 10px;line-height: 1;}
.nedenyyu .alt-item .kutu .metin{float: left;display: flex;flex-flow: column;color: #fff;}
.nedenyyu .alt-item .kutu .metin .icon{font-size: 30px;font-weight: 300;}
.nedenyyu .alt-item .kutu .metin .text{opacity:1;margin: 0;font-size: 16px;margin: 15px 0 0 0;opacity: .6;}
.nedenyyu .ust-item .shape{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size: 150px;font-weight: 900;-webkit-text-fill-color: black;-webkit-text-stroke-color: red;-webkit-text-stroke-width: 2.00px;font-family: sans-serif;}
.nedenyyu .ust-item .shape:before{content:""; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, #000 30%, transparent); position:absolute;}



.rektor{float:left;width: 100%;background-color: #000000;background-image: url(../imaj/rektorbg.jpg);background-position: 80% center;background-size: auto 100%;padding: 80px 0;background-repeat: no-repeat;}
.rektor .items{float:left; width: 100%;}
.rektor .metin{float:left; width: 100%;}
.rektor .metin .ust{float:left;width: 100%;color: var(--kirmizi);font-weight: 600;letter-spacing: 1px;font-size: 16px;margin-bottom: 10px;}
.rektor .metin .orta{float:left;width: 100%;color: #fff;font-size: 20px;max-width: 500px;font-weight: 300;line-height: 1.6;margin: 20px 0;opacity: .8;}
.rektor .metin .alt{float:left;width: 100%;font-size: 16px;color: #fff;}
.rektor .metin .alt span{float:left;width: 100%;font-size: 14px;opacity: .6;}



.footer{float: left;width: 100%;background: var(--siyah);}
.footer .items{float: left;width: 100%;border-top: 1px solid var(--gri1);padding: 60px 0;display: flex;align-items: center;}
.footer .items .item{float: left;}
.footer .items .iletisim{float: left;}
.footer .items .iletisim .link{float: left;width: 100%;padding: 5px;margin: 0 0 30px 0;}
.footer .items .iletisim .link p{float: left;width: 100%;margin:0 0 10px 0;color: #fff;opacity: .6;}
.footer .items .iletisim .link a{float: left;font-size: 20px;color: #fff;line-height: normal;text-decoration: none;line-height: 1.6;}
.footer .items .iletisim .link a i{display: inline-block;font-size: 18px;margin-right: 2px;line-height: 20px;}
.footer .items .menu{float: left;}
.footer .items .menu ul{float: left;width: 100%;margin: 0;padding: 0;list-style: none;display: flex;flex-flow: wrap;}
.footer .items .menu ul li{float: left;width: 50%;margin: 0 0 20px 0;padding: 0;list-style: none;}
.footer .items .menu ul li a{float: left;display: inline-block;font-size: 18px;color: #fff;text-decoration: none;opacity: .6;}
.footer .items .sosyal{float: left;display: flex;flex-flow: column;align-items: end;}
.footer .items .sosyal ul{float: left;padding: 0;list-style: none;display: flex;flex-flow: row wrap;gap: 15px;}
.footer .items .sosyal ul li{float: left;list-style: none;}
.footer .items .sosyal ul li a{float: left;display: inline-block;color: #fff;text-decoration: none;}
.footer .items .sosyal ul li a i{opacity:1;font-size: 26px;width: 50px;height: 50px;border: 1px solid #555555;border-radius: 100px;display: flex;align-items: center;justify-content: center;}
.footer .items .sosyal .basari{max-width: 200px;margin: 30px 0 0 0;}
.footer .items .iletisim .link:last-child{margin:0;}
.footer .items .iletisim .link:last-child a{font-size:16px;}




#whatsappbuton{cursor:pointer;opacity: 1;position: fixed;bottom: 15px;right: 15px;background: #15c657;z-index: 99;width: 60px;height: 60px;color: #fff;border-radius: 100px;text-align: center;line-height: 60px;font-size: 34px;box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;}
#whatsappsabit{ padding-left: 10px; transition: .5s; position: fixed;bottom: 0px;right: 20px;width: 100%;max-width: 360px;z-index: 99;opacity: 0; visibility: hidden;}
.whatsappsabit .whatsappsabitic{opacity: 1;float: left;width: 100%;border-radius: 10px;overflow: hidden;position: relative;box-shadow: rgb(0 0 0 / 10%) 0px 12px 24px 0px;}
.whatsappsabit .ust{opacity: 1;float: left; width: 100%;padding: 24px;background: #095e54;position: relative;}
.whatsappsabit .ust .imaj{opacity: 1;float: left;width: 50px;background: #fff;border-radius: 100px;position: relative;}
.whatsappsabit .ust .imaj img{opacity: 1;width: 50px;height: 50px;display: inline-block;border-radius: 100px;}
.whatsappsabit .ust .metin{opacity: 1;float: left;width: calc(100% - 50px);padding-left: 10px;}
.whatsappsabit .ust .metin .baslik{opacity: 1;margin: 0;font-size: 18px;color: #fff;font-weight: 500;}
.whatsappsabit .ust .metin .aciklama{opacity: 1;margin: 0;font-size: 12px;color: #ffffffa8;margin-top: 2px;}
.whatsappsabit .ust .kapatbtn{opacity: 1;position: absolute;right: 10px;top: 10px;color: #99a5a4;font-size: 12px;font-weight: 500;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #053c35;border-radius: 3px;cursor: pointer;text-decoration: none;}
.whatsappsabit .orta{opacity: 1;float: left; width: 100%;background: #e6ddcb;padding: 20px 20px 20px 10px;position: relative;}
.whatsappsabit .orta .ortaic{opacity: 1;float: left;width: 100%;position: relative;z-index: 2;}
.whatsappsabit .orta .ortaic .icerik{opacity: 1;float: left;background: #fff;padding: 10px 14px 10px;border-radius: 0px 8px 8px;margin-left: 10px;max-width: 200px;position: relative;}
.whatsappsabit .orta .ortaic .icerik .isim{opacity: 1;margin: 0;display: block;float: left;width: 100%;color: #00000066;font-weight: 500;font-size: 12px;}
.whatsappsabit .orta .ortaic .icerik .mesaj{opacity: 1;margin: 0;display: block;float: left;width: 100%;font-size: 14px;color: #222;font-weight: 500;margin: 5px 0;}
.whatsappsabit .orta .ortaic .icerik .zaman{opacity: 1;margin: 0;display: block;float: left;width: 100%;color: #11111180;text-align: right;font-size: 12px;font-weight: 500;}
.whatsappsabit .alt{opacity: 1;float: left; width: 100%;padding: 15px 10px;background: #fff;}
.whatsappsabit .alt .altic{opacity: 1;float: left; width: 100%;}
.whatsappsabit .alt form{opacity: 1;float: left;width: 100%;}
.whatsappsabit .alt form input{opacity: 1;float: left;width: calc(100% - 55px);height: 50px;padding: 20px;border-radius: 100px;border: 1px solid #ddd;font-size: 14px;color: #111;outline: none;}
.whatsappsabit .alt form button{opacity: 1;float: left;width: 50px;height: 50px;margin-left: 5px;border-radius: 100px;background: #14c656;color: #fff;border: 0;outline: none;text-align: center;font-size: 18px;padding: 0;}
.whatsappsabit .ust .imaj:after{content:"";bottom: 0px; right: 0px; width: 12px; height: 12px; box-sizing: border-box; background-color: #4ad504; display: block; position: absolute; z-index: 1; border-radius: 50%; border: 2px solid #085e54;}
.whatsappsabit .orta:before{display: block; position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; opacity: 0.08;}
.whatsappsabit .orta .ortaic .icerik:before{content:"";width: 12px;height: 20px;border: 10px solid white;border-bottom-color: transparent;border-left-color: transparent;display: inline-block;float: left;left: -12px;top: 0;position: absolute;}
.whatsappsabit .alt form input::placeholder{color:#999;}

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


@media(max-width:768px){
.desktop{display: none!important}
.nedenyyu{/* display:none; */padding: 50px 0;}
.site-header .container{padding: 0;}
.hero .items{padding: 120px 0 20px 0;}
.hero .items .ust .slogan{font-size: 50px;}
.hero .items .ust .butonlar a{font-size: 15px;padding:10px 15px;backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);background: #00000024;}
.hero .items .alt{margin: 50px 0 0 0;flex-flow: column;gap: 20px;}
.hero .items .alt .alt-rakamlar{padding:15px;background: #000000a8;border-radius: 15px;}
.hero .items .alt .alt-rakamlar .rakamlar-baslik{font-size: 20px;opacity: 1;}
.hero .items .alt .alt-rakamlar .rakamlar .rakam .ust{font-size:22px}
.hero .items .alt .alt-rakamlar .rakamlar .rakam .alt{opacity:1;color: #fff;font-size: 14px;}
.hero .items .alt .alt-rakamlar .rakamlar{opacity:1;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.hero .items .alt .alt-kutular{/* display:grid; *//* grid-template-columns: repeat(2,1fr); */flex-flow: column;width: 100%;gap: 10px;}
.hero .items .alt .alt-kutular .kutu.buyuk{opacity:1;}
.hero .items .alt .alt-kutular .kutu{opacity:1;height: auto;width: 100%;background: #0000006e;flex-flow: row;padding: 5px;gap: 10px;align-items: center;border: 1px solid #ffffff47;backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.hero .items .alt .alt-kutular .kutu .imaj{position:relative;width: 80px;}
.hero .items .alt .alt-kutular .kutu .imaj img{width: 100%;aspect-ratio: 1/1;border-radius: 10px;}
.hero .items .alt .alt-kutular .kutu .kutu-baslik{font-size:16px;}
.hero .items .alt .alt-kutular .kutu .imaj:before{display:none;}
.hero .items .alt .alt-kutular .kutu .metin{align-items:center;font-weight: 500;}
.hero .items .alt .alt-kutular .kutu .ust-text{display:none;}
.red-bar .items{flex-flow:column;}
.red-bar .items .sol .ust{font-size:14px;}
.red-bar .items .sol .slogan{font-size:32px}
.red-bar .items .sol .alt{font-size:16px;}
.red-bar .items .sag .kutu .metin .baslik{font-size:18px;}
.red-bar .items{padding:40px 0;}
.ana-fakulteler{padding:40px 0;}
.ana-fakulteler .sol .ust, .kampus .items .sag .ust, .burslar .items .sol .ust{font-size:14px;}
.ana-fakulteler .sol .orta, .kampus .items .sag .orta, .burslar .items .sol .alt{font-size:32px;}
.ana-fakulteler .sol .alt, .kampus .items .sag .alt{font-size:16px;}
.ana-fakulteler .itemler{flex-flow:column;gap: 30px;}
.ana-fakulteler .sol .link , .kampus .items .sag .link{padding:10px 15px;}
.ana-fakulteler .sol{margin-bottom:20px;}
.cta1{padding: 20px 0;}
.cta1 .item .metin{padding:25px;}
.cta1 .item .metin .slogan{font-size: 32px;max-width: 70%;line-height: 1.4;}
.cta1 .item .metin .link{padding:10px 15px;}
.kampus{padding:40px 0;}
.kampus .items{flex-flow:column-reverse;}
.burslar .items{padding:40px 0 0 0;flex-flow: column;}
.burslar .items .sag .kutular{border-radius:40px 40px 0 0;padding: 15px;gap: 30px;}
.burslar .items .sag .kutular .kutu{padding:15px;}
.burslar .items .sag .kutu .rakam{font-size: 38px;}
.faq{padding:30px 0 0 0;}
.faq .items .faqitem{flex-flow:column;gap: 10px;position: relative;}
.faq .items .sol .imaj img{max-width:70%}
.faq .items .sol:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(0deg, black, transparent);}
.faq .items .sol{position:relative;}
.faq .items .metin .text{font-size:22px;}
.faq .owl-nav{width:100%;margin: 0;justify-content: center;position: relative;}
.rektor{padding:40px 0;background-position: 50% center;padding-bottom: 250px;background-position: 85% bottom;background-size: auto 45%;}
.footer .items{padding:40px 0;display: flex;flex-flow: column;gap: 30px 0;align-items: start;}
.hero .items .alt .alt-kutular .kutu .kutu-link{width:60px}
.footer .items .sosyal{align-items:flex-start;}
.nedenyyu .ust-item .shape{display:none;}
.nedenyyu .ust-item .aciklama{margin:0;border:none;padding: 0;}
.nedenyyu .ust-item{flex-flow:column;align-items: flex-start;}
.nedenyyu .alt-item{opacity:1;grid-template-columns: repeat(2, 1fr);margin: 30px 0;}
.nedenyyu .alt-item .kutu{gap:10px;padding: 10px 5px;}
.nedenyyu .alt-item .kutu .rakam{font-size:18px;padding-bottom: 5px;}
.nedenyyu .ust-item .baslik .ust-baslik, .rektor .metin .ust{font-size:14px;}
.nedenyyu .ust-item .baslik .alt-baslik{font-size:32px;}
.nedenyyu .alt-item .kutu .metin .text{font-size:14px;}
.nedenyyu .alt-item .kutu .metin .icon{font-size:24px;}
.site-header .items{padding:5px 0;flex-flow: wrap;}
.site-header .butonmenu{width:100%;display: flex;flex-flow: row;align-items: center;padding: 5px 0;margin: 5px 0 0 0;text-align: center;}
.site-header .logo a img{max-width:150px;}
.site-header .butonmenu a{flex:1;padding: 10px;font-size: 14px;}
.site-header .sitemenu{display: flex;flex-flow: column;align-items: flex-end;gap: 20px 0; position: fixed;width: 100%;height: 100vh;background: #000000ba;right: 0;top: 0;transition: .5s ease;z-index: 9;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);justify-content: flex-start;transform: translateX(100%);}
.site-header .sitemenu.mobilaktif{opacity:1;transform: translateX(0px);}
.site-header .sitemenu ul li{width:100%;float: left;border-bottom: 1px solid #ffffff29;}
.site-header .sitemenu ul{flex-flow:column;width: 100%;gap: 0;}
.site-header .sitemenu .menu-kapat{opacity:1;width: 50px;height: 50px;float: right;background: #36363a;border: 1px solid #ffffff21;border-top: none;border-right: none;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;text-decoration: none;right: 0;}
.site-header .sitemenu ul li a{padding:15px;}
.site-header .mobil-menu-buton{border:0;color: #fff;text-decoration: none;font-size: 28px;position: fixed;top: 15px;right: 20px;z-index: 9;}
.hero:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, black, transparent);}
.red-bar .items .sag{padding:0;margin:30px 0 0 0;flex-flow: column;}

}



[data-aos] {
opacity: 0;
transition-property: opacity, transform;
transition-timing-function: ease-out;
transition-duration: 400ms; } [data-aos="fade-up"] { transform: translateY(100px); }
[data-aos="fade-down"] { transform: translateY(-100px); }
[data-aos="fade-left"] { transform: translateX(-100px); }
[data-aos="fade-right"] { transform: translateX(100px); }
[data-aos="fade-in"] { transform: scale(1); }
[data-aos="zoom-in"] { transform: scale(0.6); }
[data-aos="zoom-in-up"] { transform: scale(0.6) translateY(100px); }
[data-aos="zoom-in-down"] { transform: scale(0.6) translateY(-100px); } [data-aos].animate {
opacity: 1;
transform: translateY(0) scale(1);
} [data-aos-duration="100"] { transition-duration: 100ms; }
[data-aos-duration="200"] { transition-duration: 200ms; }
[data-aos-duration="300"] { transition-duration: 300ms; }
[data-aos-duration="400"] { transition-duration: 400ms; }
[data-aos-duration="500"] { transition-duration: 500ms; }
[data-aos-duration="600"] { transition-duration: 600ms; }
[data-aos-duration="700"] { transition-duration: 700ms; }
[data-aos-duration="800"] { transition-duration: 800ms; }
[data-aos-duration="900"] { transition-duration: 900ms; }
[data-aos-duration="1000"] { transition-duration: 1000ms; } [data-aos-delay="100"] { transition-delay: 100ms; }
[data-aos-delay="200"] { transition-delay: 200ms; }
[data-aos-delay="300"] { transition-delay: 300ms; }
[data-aos-delay="400"] { transition-delay: 400ms; }
[data-aos-delay="500"] { transition-delay: 500ms; }
[data-aos-delay="600"] { transition-delay: 600ms; }
[data-aos-delay="700"] { transition-delay: 700ms; }
[data-aos-delay="800"] { transition-delay: 800ms; }
[data-aos-delay="900"] { transition-delay: 900ms; }
[data-aos-delay="1000"] { transition-delay: 1000ms; }

.f-html{padding:0;background: none;}
.fancybox__backdrop{background: #00000061;backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.fakultepop{max-width: 1170px;float: left;width: 100%;background-color: var(--siyah);color: #ffffff;padding: 30px;border-radius: 20px;background: linear-gradient(-45deg, #4c090f, var(--siyah));border: 1px solid #ffffff24;display: flex;flex-flow: column;align-items: flex-start;}
.fakultepop .panel{float:left;width: 100%;margin-bottom: 20px;border: 1px solid #ffffff1f;padding: 20px;border-radius: 10px;background: #00000033;}
.fakultepop .panel .panel-heading{float:left;width: 100%;border-bottom: 1px solid #ffffff26;margin-bottom: 20px;position: relative;}
.fakultepop .panel .panel-body{float:left;width: 100%;font-size: 16px;line-height: 1.6;}
.fakultepop .anabaslik h2{float: left;font-weight: 600;background: var(--kirmizi);width: auto;color: #fff;border-radius: 100px;font-size: 15px;padding: 8px 20px;}
.fakultepop .panel .panel-heading .panel-title{font-size: 18px;padding: 0 0 10px 0;margin: 0;font-weight: 600;}
.fakultepop .panel .panel-heading:after{content:"";width: 50px;height: 4px;background: var(--kirmizi);border-radius: 100px;display: inline-block;position: absolute;bottom: -2px;}
.fakultepop .panel .panel-heading .panel-title i{display:inline-block; }
.ogr-roportaj{opacity:1}
.ogr-roportaj .items{opacity:1;float:left;width:100%;padding:15px;border: 1px solid #ffffff1f;border-radius:10px;background: #0000003d;}
.ogr-roportaj .imaj{opacity:1;display:inline-block;width: 100%;}
.ogr-roportaj .imaj img{opacity:1;border-radius:10px;width: 100%;max-width: 200px;}
.ogr-roportaj .isim{opacity:1;font-size:14px;font-weight:500;margin:5px 0 0;display:block}
.ogr-roportaj .sag{opacity:1;float:left;padding-left: 20px;font-size: 14px;line-height: 1.6;width:calc(100% - 200px)}
.ogr-roportaj .sol{opacity:1;float:left;max-width: 200px;}

.fakultepop .anabaslik{float:left;width:100%;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 20px;align-items: center;}
.fakultepop .anabaslik .link{display:inline-block;color: #ffffff;background: #ffffff21;border-radius: 100px;padding: 7px 15px;font-size: 14px;border: 1px solid #ffffff2b;}
.fakultepop .anabaslik .link i{display:inline-block;}
.fakultepop .pop-sidebar{opacity:1;width: 100%;flex: 1;max-width: 300px;border-right: 1px solid #ffffff1c;}
.fakultepop .pop-sidebar ul{opacity:1;margin: 0;padding: 0;list-style: none;justify-co;column;float: left;width: 100%;}
.fakultepop .pop-sidebar ul li{opacity:1;float: left;width: 100%;border-bottom: 1px solid #ffffff33;}
.fakultepop .pop-sidebar ul li a{transition:.2s;opacity: .6;color: #fff;padding: 10px 0;float: left;font-size: 15px;font-weight: 500;position: relative;cursor: pointer;width: 100%;}
.fakultepop .pop-body{display:flex;width: 100%;float: left;flex-flow: row wrap;gap: 15px;}
.fakultepop .pop-icerik{flex:3;/* border-left: 1px solid #ffffff1c; *//* padding-left: 15px; */}
.fakultepop .pop-sidebar ul li:last-child{border:none;}
.fakultepop .pop-sidebar ul li a:before{content:"";position:absolute;width: 20px;height: 3px;background: var(--kirmizi);bottom: -2px;left: 0;border-radius: 100px;opacity: 0;}
.fakultepop .pop-sidebar ul li a.active{opacity: 1;}
.fakultepop .pop-sidebar ul li a.active:before{opacity:1;}

.pop-tab-content{
    display:none;
    flex:1;
}


.pop-tab-content.active{
    display:block;
}

.fakulte-tumu .ana-fakulteler .fakultelerslide{opacity:1;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.fakulte-tumu .ana-fakulteler{padding:0;background: none;}
.fakulte-tumu .ana-fakulteler .fakultelerslide .kutu .kutuic{height:160px;border-radius: 10px;}
.fakulte-tumu .ana-fakulteler .fakultelerslide .kutu .kutuic .metin .baslik{font-size:18px;word-break: break-word;hyphens: auto;word-wrap: break-word;max-width: 100%;}

.basvuruyap{max-width: 500px;padding:0;background: var(--siyah);border-radius: 10px;float:left;width:100%;overflow: hidden;color: #fff;}
.basvuruyap p{width:100%;padding: 15px;border-bottom: 1px solid #282828;margin:0;display:inline-block}
.basvuruyap p label{float:left;width:100%;font-size:14px;font-weight:500;color: #fff;}
.basvuruyap p label span{float:left;width:100%;margin-top: 0;}
.basvuruyap p label input,.basvuruyap p label select{float:left;width:100%;border: 1px solid #ffffff30;border-radius: 5px;padding: 15px;height:auto;outline:none;background: #1b1a1a;color: #fff;}
.basvuruyap p label textarea{float:left;border-radius:10px;border:1px solid #b9ddf5;width:100%;max-width:100%;height:100px}
.basvuruyap p input.gonder{float:left;padding:0 40px;height:50px;letter-spacing:1px;background: var(--kirmizi);color:#fff;text-align:center;white-space:nowrap;border-radius:30px;border:0;font-size:14px;font-weight:700;text-transform:capitalize;box-shadow: 0 8px 16px 0 #e610266b;outline:none;width:100%;transition:.2s}
.basvuruyap .baslik{float:left;width:100%;text-align:center;background:#0e98dd;padding: 15px 0;background: linear-gradient(45deg, #52050e, var(--kirmizi));}
.basvuruyap .baslik .title{display:inline-block;text-align:center;font-size: 20px;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:0 2px 1px #17526f47;border:none!important;padding:5px!important}
.basvuruyap .baslik .desc{float:left;width:100%;padding:0 20px;font-size:13px;color:#fffc}
.basvuruyap form p input.wpcf7-submit:hover{background:#006aef}
.basvuruyap form p{padding:10px 20px}
.basvuruyap form p label span input::placeholder{color:transparent;opacity:0;visibility:hidden}
.basvuruyap form p label span textarea::placeholder{color:transparent;opacity:0;visibility:hidden}
.basvuruyap .onay-chk{opacity:1;width: 100%;padding: 5px 15px;border-bottom: 1px solid #424242;margin: 0;display: flex;font-size: 14px;align-items: center;justify-content: center;gap: 10px;}
.basvuruyap .onay-chk span{opacity:1;display: flex;flex-flow: row;gap: 10px;}


.call-center{float:left;position:fixed;bottom: 15px;left: 0;z-index:9999;background: #ffffff;border-radius: 0 100px 100px 0;padding:5px 15px;transition:.2s;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);box-shadow: 10px 0px 20px #e50f2561;padding: 7px 20px 7px 7px;display: flex;align-items: center;gap: 10px;}
.call-center img{float:left;max-width:100%;max-width: 200px;max-height: 45px;}
.call-center .mobil{display:none}
.call-center:hover{box-shadow: 20px 0px 30px #e50f25ba;background: var(--kirmizi);padding-left: 20px;}
.call-center .invert{filter: invert(1);}
.call-center:hover img{filter: grayscale(1) brightness(0) invert(1);}

.pop-puankontenjan{opacity: 1;width: 100%;max-width: 600px;background: linear-gradient(45deg, var(--siyah), #5c0911);padding: 30px;color: #fff;border-radius: 20px;float: left;}
.pop-puankontenjan .ana-baslik{opacity: 1;float: left;background: var(--kirmizi);border-radius: 100px;padding: 7px 15px;font-size: 15px;font-weight: 600;display: flex;align-items: center;gap: 5px;}
.pop-puankontenjan .items{opacity: 1;float: left;width: 100%;margin: 20px 0 0 0;display: flex;flex-flow: row;gap: 20px;}
.pop-puankontenjan .items .item{float: left;border: 1px solid #ffffff30;display: flex;align-items: center;flex-flow: column;justify-content: flex-start;padding: 20px;border-radius: 10px;background: #00000059;gap: 5px;transition: .2s;color: #fff;text-decoration: none;}
.pop-puankontenjan .item .item-icon{font-size: 50px;float: left;width: 100%;text-align: left;margin-bottom: 20px;}
.pop-puankontenjan .item .item-icon i{opacity: 1;font-weight: 200;}
.pop-puankontenjan .item .item-baslik{opacity: 1;float: left;width: 100%;font-size: 18px;font-weight: 600;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.pop-puankontenjan .item .item-aciklama{float: left;width: 100%;opacity: .7;font-size: 14px;}
.pop-puankontenjan .item .item-baslik:before{content:"";position: absolute;bottom: 0;left: 0;width: 50px;height: 4px;background: var(--kirmizi);border-radius: 100px;}
.pop-puankontenjan .items .item:hover{cursor: pointer;border-color:var(--kirmizi);box-shadow: 0 10px 10px #e5102540;}
.pop-puankontenjan .item .metin{float:left; width: 100%; display: flex; flex-flow: column; gap:5px;}




.pop-konaklama{opacity: 1;width: 100%;max-width: 600px;background: linear-gradient(45deg, var(--siyah), #5c0911);padding: 30px;color: #fff;border-radius: 20px;float: left;}
.pop-konaklama .ana-baslik{opacity: 1;float: left;background: var(--kirmizi);border-radius: 100px;padding: 7px 15px;font-size: 15px;font-weight: 600;display: flex;align-items: center;gap: 5px;}
.pop-konaklama .items{opacity: 1;float: left;width: 100%;margin: 20px 0 0 0;display: flex;flex-flow: column;gap: 20px;}
.pop-konaklama .items .item{float: left;border: 1px solid #ffffff30;display: flex;align-items: center;flex-flow: column;justify-content: flex-start;padding: 15px;border-radius: 10px;background: #00000059;gap: 5px;transition: .2s;color: #fff;text-decoration: none;width: 100%;}
.pop-konaklama .item .metin{opacity: 1;width: 100%;float: left;}
.pop-konaklama .item .metin .baslik{position:relative;float: left;width: 100%;font-size: 16px;font-weight: 500;padding-bottom: 5px;}
.pop-konaklama .item .metin .iletisim{float: left;width: 100%;background: #00000057;padding: 10px;border: 1px solid #ffffff26;border-radius: 10px;margin: 10px 0 0 0;}
.pop-konaklama .item .metin .iletisim a{float: left;width: 100%;border-bottom: 1px solid #ffffff26;color: #fff;display: flex;flex-flow: row;gap: 10px;padding: 10px;align-items: center;}
.pop-konaklama .item .metin .iletisim a i{opacity: 1;}
.pop-konaklama .item .metin .baslik:before{content:"";position: absolute;bottom: 0;left: 0;width: 50px;height: 4px;background: var(--kirmizi);border-radius: 100px;}
.pop-konaklama .item .metin .iletisim a:last-child{border:none;}

#yukarikaydirbtn{cursor: pointer;visibility:hidden;z-index:-1;opacity:0;position: fixed;bottom: -10%;background: #00000033;width: 60px;height: 60px;border-radius: 100px;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);transition: .5s;font-size: 20px;flex-flow: column;color: #fff;transform: translateX(-50%);left: 50%;border: 1px solid #ffffff36;}
#yukarikaydirbtn.aktif{bottom: 2%;opacity:1;z-index:9;visibility:visible;}
#yukarikaydirbtn span{font-size: 9px;font-weight:500;letter-spacing:2px;margin-top: 3px;}


@media(max-width: 768px){
.fakultepop{padding:10px;}
.pop-konaklama{padding:10px;}
.pop-puankontenjan{padding:10px;}
.fakultepop .anabaslik ,.pop-konaklama .anabaslik{margin-bottom:10px;}
.fakultepop .pop-body{flex-flow:column;}
.fakultepop .pop-sidebar{max-width:100%;width: 100%;background: #ffffff21;border: 1px solid #ffffff2b;border-radius: 10px;}
.fakultepop .pop-icerik{padding:0;margin: 20px 0;border: 0;width: 100%;}
.fakultepop .pop-sidebar ul li a{padding:10px;}
.fakultepop .pop-sidebar ul li a:before{left:10px;}
.footer .items .menu ul li{width:100%;}
.pop-puankontenjan .items{flex-flow:column;}
.pop-puankontenjan .items .item{flex-flow:row;gap: 15px;align-items: flex-start;}
.pop-puankontenjan .item .item-icon{width:60px;font-size: 40px;}
.pop-puankontenjan .item .item-baslik{font-size:16px;margin-bottom: 5px;padding-bottom: 5px;}
.fakulte-tumu .ana-fakulteler .fakultelerslide{display:flex;flex-flow: column;gap: 20px;}
.fakulte-tumu .ana-fakulteler .fakultelerslide .kutu .kutuic{height:auto;padding: 30px 0 0 0;border-radius: 10px;}
.fakulte-tumu .ana-fakulteler .fakultelerslide .kutu .kutuic .metin{padding:10px 10px;}
#yukarikaydirbtn{left: inherit;right: 60px;}