/*
    Web Design + Frontend : Volkan SAGLIK
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&family=Roboto:wght@300;400;500&display=swap');
/*
font-family: 'Nunito Sans', sans-serif; // basliklar icin kullanilacak
font-family: 'Roboto', sans-serif;      // Text metinler icin kullanilacak
*/

/***************
    reset
***************/
*,
*::before,
*::after{box-sizing: border-box}
body{min-height: 100dvh}
html,body{margin:0;padding:0;line-height:1.25;font-size: 13px;font-family: 'Roboto', sans-serif;font-weight: 400}
a{text-decoration:none}
h1,h2,h3,h4,h5{margin: 0;padding: 0;font-family: 'Nunito Sans', sans-serif;font-weight: 700;text-wrap:balance}
p, span{margin: 0;padding: 0;font-family:'Roboto', sans-serif; line-height: 26px}
dl, ol, ul{list-style:none;padding: 0;margin: 0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
img{width: 100%;}

/***************
    design system
***************/

:root{
    --radius:2px;
    --boxShadow: 0px 1px 7px rgba(102,102,102,0.1);
    --transition:all .5s ease;
    --bgColor:#F5F6F8;
    --whiteColor:#fff;
    --textColor:#666;
    --blackColor:#000;
    --titleColor:#333;
    --lightColor:#aaa;
    --borderColor:#eee;
    --blueColor:#0092C1;
    --orangeColor:#F15B3E;
    --greenColor:#2CC16A;
    --yellowColor:#F1A002;
    --redColor:#E6272D;
    --greyColor:#9AAEBB;
    --purpleColor:#603E9F;
    --gradiwntLeft:#05AC8E;
    --gradiwntRight:#0881A9;
    /*yeni renk skalasi*/

    /*kirmizi*/
    --red300: #ffa1a4;
    --red500: #f73c42;
    --red700: #c11419;
    --red900: #84181b;
    /*gri*/
    --grey300: #b0b0b0;
    --grey500: #6d6d6d;
    --grey700: #4f4f4f;
    --grey900: #3d3d3d;
    /*turuncu*/
    --orange300: #FFEA00;
    --orange500: #FFC300;
    --orange700: #FFA200;
    --orange900: #FF7B00;
    /*yesil*/
    --green300: #8ce9b2;
    --green500: #2bbc66;
    --green700: #1b7a43;
    --green900: #184f30;
    /*mavi*/
    --blue300: #162f69;
    --blue500: #06abd4;
    --blue700: #0e6d90;
    --blue900: #57c8df;
    /*mor*/
    --purple300: #d0c2f0;
    --purple500: #9574d8;
    --purple700: #603e9f;
    --purple900: #493172;
}

.h1 {font-size: 30px}
.h2 {font-size: 24px}
.h3 {font-size: 20px}
.h4 {font-size: 18px}


/***************
    head
***************/
#head{position:relative;height:420px;width:100%;overflow:hidden;
    background:#162f69;background:linear-gradient(90deg, rgba(10,46,108,1) 0%, rgba(10,46,108,1) 50%, rgba(10,46,108,0.85) 100%)}
.headBg{position:absolute;top:100px;left:0;width:100%;height:400px;background-image:url(../images/bg.png);z-index:0}
.header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;margin-top:25px}
.logo img{height:auto;width:100%}
.headButton{display:flex;position: relative}
.headButton a{background:var(--whiteColor);width:50px;height:40px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left: 15px}
.headButton a:nth-child(2) {margin:0 65px 0 15px}
.headButton a i, .search-icon i{color:var(--gradiwntRight);font-size:18px}


/***************
    calendar
***************/
#calendar{width:100%}
#calendar th,#calendar td{position:relative;border:1px solid var(--borderColor);text-align:center}
#calendar tr{display:flex;justify-content:space-between}
#calendar th{height:50px;font-weight:500;flex:1;align-items:center;display:flex;justify-content:center}
#calendar td{height:52.5px;cursor:pointer;flex:1;align-items:center;display:flex;justify-content:center;transition:var(--transition)}
#calendar td:hover{background:var(--bgColor)}
#calendar td.pasifGunler {pointer-events: none;background:rgba(245, 246, 248, 0.5);color: var(--lightColor)}
#calendar .event-markers{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}
.event-day{display:inline-block;width:8px;height:8px;border-radius:50%}
.event-day:nth-child(n + 2){margin-left:5px}
.event-details{margin-top:10px;display:none}
#calendar span{color:var(--titleColor);font-size:14px}
.takvimContent{position:relative}
.takvimHome{background:var(--whiteColor);border-radius:var(--radius);padding:15px;top:100%;left:0;width:100%;transition:var(--transition)}
.date-head{display:flex;width:100%;border:1px solid var(--borderColor);height:60px;justify-content:space-between;align-items:center}
.date-head span#currentMonthYear{font-size:20px;color:var(--blackColor);font-weight:500}
.date-head button{background:unset;border:unset;background:var(--whiteColor);width:50px;height:100%;transition:var(--transition)}
.rotated{transform:rotate(180deg)}
.rotate-icon{color:var(--gradiwntLeft);transition:transform .3s ease;position:absolute;right:10px}
.date-head button:hover{background:var(--bgColor)}
.date-head button i{font-size:20px;color:var(--blackColor)}
.mobil-takvim{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 15px 0 0;height:50px}
.mobil-takvim span#toggleText{font-weight:800;font-size:13px;font-family:'Nunito Sans',sans-serif;color:var(--gradiwntLeft)}
.mobil-takvim i.takvimIcons{color: var(--gradiwntLeft);padding-right: 10px}


/***************
    content
***************/
#content{position:relative;margin-top:-325px;z-index: 2}
.homeAkademik{position:relative;background:var(--whiteColor);height:450px;width:100%;box-shadow:var(--boxShadow);padding:15px;border-radius:var(--radius)}
.homeAkademik h2{font-size:18px;border:1px solid var(--borderColor);height:50px;display:flex;justify-content:center;align-items:center;color:var(--blackColor);border-radius:2px 2px 0 0}
.homeAkademik ul{height:370px;overflow-y:auto;border:1px solid var(--borderColor)}
.homeAkademik ul::-webkit-scrollbar{width:0}
.homeAkademik ul:hover::-webkit-scrollbar{width:10px}
.homeAkademik ul::-webkit-scrollbar-track{background-color:var(--borderColor)}
.homeAkademik ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--gradiwntRight)}
.homeAkademik ul li{font-size:11px;display:flex;align-content:center;border-bottom:1px solid var(--borderColor)}
.homeAkademik ul li span{color:var(--textColor);width:150px;text-align:center;border-right:1px solid var(--borderColor);line-height:20px;display:flex;align-items:center;justify-content:center;padding:10px}
.homeAkademik ul li a{width:100%;color:var(--textColor);display:flex;align-items:center;padding:10px;line-height:18px;text-wrap:balance}
.homeAkademik ul li.active span{color:var(--greenColor);font-weight:500}
.homeAkademik ul li.active a{color:var(--blackColor);font-weight:500}

.homeAkademik{position:relative;background:var(--whiteColor);height:455px;width:100%;box-shadow:var(--boxShadow);padding:15px;border-radius:var(--radius)}
.homeAkademik h2{font-size:18px;border:1px solid var(--borderColor);height:50px;display:flex;justify-content:center;align-items:center;color:var(--blackColor);border-radius:2px 2px 0 0}
.homeAkademik ul{height:370px;overflow-y:auto;border:1px solid var(--borderColor)}
.homeAkademik ul::-webkit-scrollbar{width:0}
.homeAkademik ul:hover::-webkit-scrollbar{width:10px}
.homeAkademik ul::-webkit-scrollbar-track{background-color:var(--borderColor)}
.homeAkademik ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--gradiwntRight)}
.homeAkademik ul li{font-size:11px;display:flex;align-content:center;border-bottom:1px solid var(--borderColor)}
.homeAkademik ul li span{color:var(--textColor);width:150px;border-right:1px solid var(--borderColor);line-height:20px;display:flex;align-items:center;justify-content:center;padding:10px 0}
.homeAkademik ul li p{width:100%;color:var(--textColor);display:flex;align-items:center;padding:10px;line-height:18px;text-wrap:balance}
.homeAkademik ul li.active span{color:var(--greenColor);font-weight:500}
.homeAkademik ul li.active p{color:var(--blackColor);font-weight:500}
#mobilAkademik{position:relative;background:var(--bgColor);padding-bottom:20px}
.mobilAkademik-title{position:relative;display:flex;justify-content:space-between;padding:15px;align-items:center}
.mobilAkademik-title h2{font-size:15px;color:var(--blackColor);font-weight:800}
.mobilAkademik-title span a{font-size:13px;font-weight:500;color:var(--gradiwntRight)}
.mobil-akademik{position:relative;background:var(--whiteColor);padding-bottom:10px;border-radius:var(--radius);box-shadow:inset 0 -17px 27px -17px rgba(0,0,0,0.1)}
.mobil-akademik ul{max-height:300px;overflow-y:auto}
.mobil-akademik ul::-webkit-scrollbar{width:0}
.mobil-akademik ul:hover::-webkit-scrollbar{width:10px}
.mobil-akademik ul::-webkit-scrollbar-track{background-color:var(--borderColor)}
.mobil-akademik ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--gradiwntRight)}
.mobil-akademik ul li{background:rgba(252,252,252,0.75);font-size:11px;display:flex;align-content:center;border:1px solid var(--borderColor);width:96%;margin:0 0 1% 2%;border-radius:2px}
.mobil-akademik ul li span{color:var(--textColor);width:150px;border-right:1px solid var(--borderColor);line-height:20px;display:flex;align-items:center;justify-content:center;padding:10px 0}
.mobil-akademik ul li p{width:100%;color:var(--textColor);display:flex;align-items:center;padding:10px;line-height:18px}
.mobil-akademik ul li.active span{color:var(--greenColor);font-weight:500}
.mobil-akademik ul li.active p{color:var(--blackColor);font-weight:500}
.akademik-kapsayici{display: flex;justify-content: space-between;align-items: center;padding: 0 10px; border:1px solid var(--borderColor);height: 60px}
.akademik-kapsayici h3 {font-size: 14px}
.akademik-kapsayici a {font-size: 13px; color: var(--blue500)}
.akademik-kapsayici a i{}

/***************
    events
***************/
.category1Left{background-color:var(--red300)}
.category2Left{background-color:var(--red500)}
.category3Left{background-color:var(--red700)}
.category4Left{background-color:var(--red900)}

.category5Left{background-color:var(--grey300)}
.category6Left{background-color:var(--grey500)}
.category7Left{background-color:var(--grey700)}
.category8Left{background-color:var(--grey900)}

.category9Left{background-color:var(--green300)}
.category10Left{background-color:var(--green500)}
.category11Left{background-color:var(--green700)}
.category12Left{background-color:var(--green900)}

.category13Left{background-color:var(--blue300)}
.category14Left{background-color:var(--blue500)}
.category15Left{background-color:var(--blue700)}
.category16Left{background-color:var(--blue900)}

.category17Left{background-color:var(--orange300)}
.category18Left{background-color:var(--orange500)}
.category19Left{background-color:var(--orange700)}
.category20Left{background-color:var(--orange900)}

.category21Left{background-color:var(--purple300)}
.category22Left{background-color:var(--purple500)}
.category23Left{background-color:var(--purple700)}
.category24Left{background-color:var(--purple900)}

#events{position:relative;background-color:var(--bgColor);padding:250px 0 30px;margin-top:-200px;z-index:1}
.eventTitle{position:relative;margin-bottom:25px}
.eventTitle h2{font-size:20px;color:var(--blackColor);font-weight:800}
.eventItems{position:relative;background-color:var(--whiteColor);border-radius:var(--radius);border-bottom:3px solid var(--whiteColor)}
.itemsHead{position:relative;display:flex;justify-content:space-between;padding:15px;height:80px;border-bottom:1px solid var(--bgColor)}
.itemsCat-color{position:absolute;top:15px;left:0;height:50px;width:6px;border-radius:0 50px 50px 0}
.items-headDate{position:relative;display:flex;align-items:center}
.items-headDate span.date-gun{font-size:40px;font-weight:600;color:var(--blackColor);margin:0 8px 0 -1px;transition:var(--transition)}
.items-headDate p{display:inline-grid}
.items-headDate p span{line-height:18px}
.items-headDate p span.date-gunText{color:var(--titleColor);font-size:13px}
.items-headDate p span.date-ayYil{color:var(--lightColor);font-size:12px}
.items-headTime{position:relative}
.items-headTime ul{display:block;width:50px;height:40px}
.items-headTime ul li{border:1px solid var(--borderColor);border-radius:var(--radius)}
.items-headTime ul li p{color:var(--titleColor);font-size:12px;font-weight:600;display:flex;font-family:'Nunito Sans',sans-serif;align-items:center;justify-content:center}
.items-headTime ul li p:first-child{border-bottom:1px solid var(--borderColor)}
.itemsContent{position:relative;padding:15px;border-bottom:1px solid var(--bgColor)}
.itemsContent a.itemTitle{font-size:18px;font-weight:700;font-family:'Nunito Sans',sans-serif;color:var(--blackColor);line-height:26px;transition:var(--transition); cursor: pointer;}
.itemsContent p{margin-top:15px}
.itemsContent p a.itemBtn{color:var(--lightColor);font-size:12px;border:1px solid;padding:7.5px 12.5px;border-radius:var(--radius);transition:var(--transition); cursor: pointer;}
.itemsFooter{position:relative;padding:8px 15px 5px;align-items:center}
.itemsFooter span{color:var(--titleColor);font-size:14px;line-height:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.itemsFooter span:first-child{width:30px}
.itemsFooter span:last-child{width: 100%}
.itemsFooter span i{margin-right:15px;font-size:20px}

.eventItems.category1:hover .date-gun,.eventItems.category1:hover .itemTitle{color:var(--red300)}
.eventItems.category2:hover .date-gun,.eventItems.category2:hover .itemTitle{color:var(--red500)}
.eventItems.category3:hover .date-gun,.eventItems.category3:hover .itemTitle{color:var(--red700)}
.eventItems.category4:hover .date-gun,.eventItems.category4:hover .itemTitle{color:var(--red900)}

.eventItems.category5:hover .date-gun,.eventItems.category5:hover .itemTitle{color:var(--grey300)}
.eventItems.category6:hover .date-gun,.eventItems.category6:hover .itemTitle{color:var(--grey500)}
.eventItems.category7:hover .date-gun,.eventItems.category7:hover .itemTitle{color:var(--grey700)}
.eventItems.category8:hover .date-gun,.eventItems.category8:hover .itemTitle{color:var(--grey900)}

.eventItems.category9:hover .date-gun,.eventItems.category9:hover .itemTitle{color:var(--green300)}
.eventItems.category10:hover .date-gun,.eventItems.category10:hover .itemTitle{color:var(--green500)}
.eventItems.category11:hover .date-gun,.eventItems.category11:hover .itemTitle{color:var(--green700)}
.eventItems.category12:hover .date-gun,.eventItems.category12:hover .itemTitle{color:var(--green900)}

.eventItems.category13:hover .date-gun,.eventItems.category13:hover .itemTitle{color:var(--blue300)}
.eventItems.category14:hover .date-gun,.eventItems.category14:hover .itemTitle{color:var(--blue500)}
.eventItems.category15:hover .date-gun,.eventItems.category15:hover .itemTitle{color:var(--blue700)}
.eventItems.category16:hover .date-gun,.eventItems.category16:hover .itemTitle{color:var(--blue900)}

.eventItems.category17:hover .date-gun,.eventItems.category17:hover .itemTitle{color:var(--orange300)}
.eventItems.category18:hover .date-gun,.eventItems.category18:hover .itemTitle{color:var(--orange500)}
.eventItems.category19:hover .date-gun,.eventItems.category19:hover .itemTitle{color:var(--orange700)}
.eventItems.category20:hover .date-gun,.eventItems.category20:hover .itemTitle{color:var(--orange900)}

.eventItems.category21:hover .date-gun,.eventItems.category21:hover .itemTitle{color:var(--purple300)}
.eventItems.category22:hover .date-gun,.eventItems.category22:hover .itemTitle{color:var(--purple500)}
.eventItems.category23:hover .date-gun,.eventItems.category23:hover .itemTitle{color:var(--purple700)}
.eventItems.category24:hover .date-gun,.eventItems.category24:hover .itemTitle{color:var(--purple900)}


.eventItems.category1:hover .itemBtn{background-color:var(--red300);border-color:var(--red300);color:var(--whiteColor)}
.eventItems.category2:hover .itemBtn{background-color:var(--red500);border-color:var(--red500);color:var(--whiteColor)}
.eventItems.category3:hover .itemBtn{background-color:var(--red700);border-color:var(--red700);color:var(--whiteColor)}
.eventItems.category4:hover .itemBtn{background-color:var(--red900);border-color:var(--red900);color:var(--whiteColor)}

.eventItems.category5:hover .itemBtn{background-color:var(--grey300);border-color:var(--grey300);color:var(--whiteColor)}
.eventItems.category6:hover .itemBtn{background-color:var(--grey500);border-color:var(--grey500);color:var(--whiteColor)}
.eventItems.category7:hover .itemBtn{background-color:var(--grey700);border-color:var(--grey700);color:var(--whiteColor)}
.eventItems.category8:hover .itemBtn{background-color:var(--grey900);border-color:var(--grey900);color:var(--whiteColor)}

.eventItems.category9:hover .itemBtn{background-color:var(--green300);border-color:var(--green300);color:var(--whiteColor)}
.eventItems.category10:hover .itemBtn{background-color:var(--green500);border-color:var(--green500);color:var(--whiteColor)}
.eventItems.category11:hover .itemBtn{background-color:var(--green700);border-color:var(--green700);color:var(--whiteColor)}
.eventItems.category12:hover .itemBtn{background-color:var(--green900);border-color:var(--green900);color:var(--whiteColor)}

.eventItems.category13:hover .itemBtn{background-color:var(--blue300);border-color:var(--blue300);color:var(--whiteColor)}
.eventItems.category14:hover .itemBtn{background-color:var(--blue500);border-color:var(--blue500);color:var(--whiteColor)}
.eventItems.category15:hover .itemBtn{background-color:var(--blue700);border-color:var(--blue700);color:var(--whiteColor)}
.eventItems.category16:hover .itemBtn{background-color:var(--blue900);border-color:var(--blue900);color:var(--whiteColor)}

.eventItems.category17:hover .itemBtn{background-color:var(--orange300);border-color:var(--orange300);color:var(--whiteColor)}
.eventItems.category18:hover .itemBtn{background-color:var(--orange500);border-color:var(--orange500);color:var(--whiteColor)}
.eventItems.category19:hover .itemBtn{background-color:var(--orange700);border-color:var(--orange700);color:var(--whiteColor)}
.eventItems.category20:hover .itemBtn{background-color:var(--orange900);border-color:var(--orange900);color:var(--whiteColor)}

.eventItems.category21:hover .itemBtn{background-color:var(--purple300);border-color:var(--purple300);color:var(--whiteColor)}
.eventItems.category22:hover .itemBtn{background-color:var(--purple500);border-color:var(--purple500);color:var(--whiteColor)}
.eventItems.category23:hover .itemBtn{background-color:var(--purple700);border-color:var(--purple700);color:var(--whiteColor)}
.eventItems.category24:hover .itemBtn{background-color:var(--purple900);border-color:var(--purple900);color:var(--whiteColor)}


#takvim-owl{position:relative;display: block}
#takvim-owl .owl-nav{position:absolute;top:-70px;right:5px}
#takvim-owl .owl-nav .owl-next,#takvim-owl .owl-nav .owl-prev{height:36px;width:36px;background-color:var(--whiteColor);display:inline-flex;justify-content:center;align-items:center;transition:var(--transition);border-radius:var(--radius);margin:10px 5px 0}
#takvim-owl .owl-nav .owl-next span,#takvim-owl .owl-nav .owl-prev span{font-size:2rem;color:var(--blackColor);line-height:normal;height:34px}
#takvim-owl .owl-nav .owl-next:hover,#takvim-owl .owl-nav .owl-prev:hover{background-color:var(--gradiwntRight)!important}
#takvim-owl .owl-nav .owl-next:hover span,#takvim-owl .owl-nav .owl-prev:hover span{color:var(--whiteColor)}
.searchEvent{position:relative;margin-bottom:-20px}
.searchItem{margin-bottom:20px}
.searchNot{position:relative}
.notFound{background:var(--whiteColor);padding:15px;border-radius:var(--radius)}
.notFound p{font-size:16px;color:var(--titleColor)}
.notFound p span{color:var(--redColor);font-weight:500;margin-right:10px}
.mobilevent-galerry{position:relative;margin:10px 0;display:none}
.mobilevent-galerry img{width:100%;height:80px;border-radius:var(--radius)}
.mobilevent-galerry p{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.8);padding:7px 15px;line-height:20px;border-radius:2px;color:var(--blackColor);font-weight:500}


/***************
    footer
***************/
#footer{padding:15px;text-align:center;background-color:var(--whiteColor)}
#footer p{color:var(--lightColor)}
#footer p a{color:var(--lightColor);font-weight:500}


/***************
    search-boxs
***************/

.search-wrapper{position:absolute;right:0;top:0}
.search-wrapper .input-holder{height:40px;width:50px;overflow:hidden;background:rgba(255,255,255,0);border-radius:var(--radius);position:relative;transition:var(--transition)}
.search-wrapper.active .input-holder{width:420px;border-radius:var(--radius);background:var(--whiteColor);transition:all .5s cubic-bezier(0.000,0.105,0.035,1.570)}
.search-wrapper.active .input-holder .search-input{opacity:1;transform:translate(0,10px)}
.search-wrapper .input-holder .search-icon{display:flex;justify-content:center;align-items:center;width:50px;height:40px;border:none;border-radius:var(--radius);background:var(--whiteColor);padding:0;outline:none;position:relative;z-index:2;float:right;cursor:pointer;transition:all 1.3s ease-in-out}
.search-wrapper.active .input-holder .search-icon{background:#bedee9;width:50px;height:40px;border-radius:var(--radius)}
.search-wrapper .close{position:absolute;z-index:1;top:5px;background:var(--whiteColor);border-radius:100%;display:flex;align-items:center;justify-content:center;right:13px;width:30px;height:30px;cursor:pointer;transition:all .3s cubic-bezier(0.285,-0.450,0.935,0.110);transition-delay:.2s}
.search-wrapper .close i{color:var(--gradiwntRight)}
.search-wrapper.active .close{right:-35px;transition:all 1s cubic-bezier(0.000,0.105,0.035,1.570);transition-delay:.5s}
.search-wrapper .input-holder .search-input{width:100%;height:40px;padding:0 70px 0 20px;opacity:0;position:absolute;top:-10px;left:0;background:transparent;box-sizing:border-box;border:none;outline:none;font-size:13px;color:var(--textColor);transform:translate(0,60px);transition:all .3s cubic-bezier(0.000,0.105,0.035,1.570);transition-delay:.3s}
.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;transform:rotate(45deg);transition:all .4s cubic-bezier(0.650,-0.600,0.240,1.650)}
.search-wrapper.active .input-holder .search-icon span{transform:rotate(-45deg)}

.modal-content{margin-top: 30px;border-radius: var(--radius);border:unset}
.modal-header{padding: 15px 30px}
.modal .kapat-Btn{background: var(--blackColor);color: var(--whiteColor);margin-right: 15px;border-radius: var(--radius);transition: var(--transition)}
.modal .kapat-Btn:hover{background: var(--redColor)}
.contact-table{margin-top: 15px;padding: 0 15px}
.contact-table thead tr th {color: var(--redColor);font-family: 'Nunito Sans', sans-serif;font-size: 17px;padding: 15px 10px}
.contact-table tbody tr td{padding: 15px 10px}
.contact-table tbody tr td:first-child {color: var(--titleColor)}
.contact-table tbody tr td:last-child {color: var(--textColor);text-align: center}

.modal-list{position:relative}
.modal-list table{margin:0}
.model-maps{position:relative;margin-top:15px;border-radius:var(--radius)}
#takvimProg-Modal .modal-detay h2{font-size:20px;margin-bottom:15px}
#takvimProg-Modal .afis-btn{background:var(--redColor);color:var(--whiteColor);height:50px;width:100%;display:flex;justify-content:center;align-items:center;border-radius:var(--radius);font-size:16px;font-weight:500;margin-top:15px;transition:var(--transition)}
#takvimProg-Modal .afis-btn:hover{background:var(--greenColor)}
#takvimProg-Modal .afis-btn i{padding-left:10px}
.modal-list tbody tr td,.modal-list tbody tr td p{padding:10px;line-height:22px}
.modal-list tbody tr a, .contact-table tbody tr a{color:var(--titleColor);font-weight:500}
.modal-list tbody tr td:first-child{min-width:125px;padding:10px;font-weight:500}
.modal-list tbody ul{display:block}
.modal-list tbody ul li{display:inline-flex;border-right:1px solid var(--borderColor);padding:0 15px;height:50px;justify-content:center;align-items:center;width:70px}
.modal-list tbody ul li a{font-size:24px;color:var(--textColor)}
.modal-list tbody tr:last-child td:last-child{padding:0}
.modal-list tbody ul li a i{font-weight:600}
.modal-list tbody ul li a i.fa-whatsapp{color:#25D366}
.modal-list tbody ul li a i.fa-instagram{color:#833AB4}
.modal-list tbody ul li a i.fa-facebook-f{color:#316FF6}
.modal-list tbody ul li a i.fa-x-twitter{color:#14171A}