body {
     height: 100%;
     font-family: 'Open Sans', sans-serif;
     position: relative
 }

 @media only screen and (max-width:992px) {
     body {
         padding-top: 72px !important
     }
 }

 .shadow-sm {
     box-shadow: 0 .125rem .25rem 0 rgb(58 59 69 / .2) !important
 }

 .shadow {
     box-shadow: 0 .15rem 1.75rem 0 rgb(58 59 69 / .15) !important
 }

 .shadow-lg {
     box-shadow: 0 1rem 3rem rgb(0 0 0 / .175) !important
 }

 .p-rel {
     position: relative
 }

 .hh-100 {
     height: 100% !important
 }

 

 .icerik-baslik {
     font-family: 'Jost', sans-serif;
     text-transform: uppercase;
     font-weight: 600
 }




 .text-white {
     color: #f4f4f4
 }

 @media only screen and (max-width:992px) {
     .mrg-b-10 {
         margin-bottom: 10px
     }
     .mrg-b-20 {
         margin-bottom: 20px
     }
     .mrgw-20 {
         width: 100% !important
     }
   
 }



 .iconlubuton svg {
     margin-right: 6px
 }

 .btn-primary {
     background-color: var(--askf_color_header_alt);
     border-color: var(--askf_color_header_ust)
 }

 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary:focus {
     background-color: var(--askf_color_header_ust)
 }

 .btn-outline-primary {
     border-color: var(--askf_color_header_alt);
     color: var(--askf_color_header_alt)
 }

 .btn-outline-primary:hover,
 .btn-outline-primary:active,
 .btn-outline-primary:focus {
     background-color: var(--askf_color_header_alt);
     color: #fff;
     border-color: var(--askf_color_header_ust)
 }

 .scroll-top {
     width: 54px;
     height: 54px;
     position: fixed;
     z-index: 10;
     right: 20px;
     bottom: 20px;
     background-color: #fff;
     border: 1px solid var(--secondary-border-color);
     border-radius: 50%;
     font-size: 18px;
     -webkit-box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     transition: all .2s ease-in-out;
     color: var(--secondary-text-color);
     visibility: hidden;
     opacity: 0;
     transition: all .2s ease
 }

 .scroll-top:hover {
     background-color: var(--R_turuncu);
     color: #fff
 }

 .scroll-top.visible {
     opacity: 1;
     visibility: visible;
     transition: all .2s ease
 }






 

 header {
     margin: 0;
     padding: 0
 }

 header.bilecik-askf-header {
     width: 100%;
     position: relative;
     z-index: 100
 }

 @media only screen and (max-width:992px) {
     header.bilecik-askf-header {
         display: none
     }
 }

 header.bilecik-askf-header .header-ust {
     width: 100%
 }

 header.bilecik-askf-header .icon-btn {
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     border-radius: 26px;
     margin-right: 12px;
     background-color: #fff0
 }



 header.bilecik-askf-header .icon-btn:last-child {
     margin-right: 0
 }

 header.bilecik-askf-header .icon-btn .icon {
   
 
     color: #fff;
     background-color: #fff0;
     font-size: 22px;
 }

 header.bilecik-askf-header .icon-btn .icerik {
     padding-left: 9px;
     padding-right: 12px
 }

 header.bilecik-askf-header .icon-btn .baslik-ust {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 header.bilecik-askf-header .icon-btn .baslik-alt {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }

 @media only screen and (max-width:1399px) {
     header.bilecik-askf-header .icon-btn .icerik {
         padding-left: 16px;
         padding-right: 16px
     }
 }

 header.bilecik-askf-header .icon-btn,
 header.bilecik-askf-header .icon-btn .icon,
 header.bilecik-askf-header .icon-btn .baslik-ust,
 header.bilecik-askf-header .icon-btn .baslik-alt {
     transition: all .2s ease-in-out
 }

 header.bilecik-askf-header .icon-btn:hover {

 }

 header.bilecik-askf-header .icon-btn:hover .icon {

      color: rgb(255 255 255 / .7);
     text-shadow: 0 0 6px rgb(159 212 255 / .8)
 }

 header.bilecik-askf-header .icon-btn:hover .baslik-ust,
 header.bilecik-askf-header .icon-btn:hover .baslik-alt {
     color: var(--R_turuncu);
	  color: rgb(255 255 255 / .7);
     text-shadow: 0 0 6px rgb(159 212 255 / .8)
 }

 header.bilecik-askf-header  .icon img {
     height: 36px !important
 }

 header.bilecik-askf-header  .detay {
     font-family: 'Jost', sans-serif
 }

 header.bilecik-askf-header  .detay .detay-ust {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 header.bilecik-askf-header .detay .detay-alt {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }

 header.bilecik-askf-header .Warn {
     background-color: #fff0
 }

 header.bilecik-askf-header .Warn .icon svg {
     color: #fff;
     font-size: 24px
 }

 header.bilecik-askf-header .Warn .detay {
     font-family: 'Jost', sans-serif
 }

 header.bilecik-askf-header .Warn .detay .baslik {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 header.bilecik-askf-header .Warn .detay .icerik {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }


header.bilecik-askf-header .Warn .detay  .txtnone{
	text-transform:none;
}
 header.bilecik-askf-header .header-link-btn {
     display: block;
     height: 46px;
     line-height: 46px;
     padding: 0 20px;
     text-decoration: none;
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     font-family: 'Jost', sans-serif;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: .5px;
     border: 1px solid rgb(255 255 255 / .9);
     border-radius: 24px;
     transition: all .2s ease-in-out
 }

 header.bilecik-askf-header .header-link-btn:hover {
     background-color: #fff;
     border: 1px solid #fff;
     color: var(--askf_color_header_alt);
     box-shadow: 0 .15rem 1.75rem 0 rgb(58 59 69 / .4) !important
 }

 header.bilecik-askf-header .header-link-btn svg {
     margin-right: 10px
 }

 header.bilecik-askf-header .askflogo {
     max-width: 330px;
     position: absolute;
     top: 2px;
     margin-left: auto;
     margin-right: auto;
     z-index: 99
 }



 .logo-sm header.bilecik-askf-header .askflogo {
     width: 154px
 }

 @-moz-keyframes askfLgAnimate {
     0% {
         transform: scaleY(0)
     }
     80% {
         transform: scaleY(1.1)
     }
     100% {
         transform: scaleY(1)
     }
 }

 @-webkit-keyframes askfLgAnimate {
     0% {
         transform: scaleY(0)
     }
     80% {
         transform: scaleY(1.1)
     }
     100% {
         transform: scaleY(1)
     }
 }

 @-o-keyframes askfLgAnimate {
     0% {
         transform: scaleY(0)
     }
     80% {
         transform: scaleY(1.1)
     }
     100% {
         transform: scaleY(1)
     }
 }

 @keyframes askfLgAnimate {
     0% {
         transform: scaleY(0)
     }
     80% {
         transform: scaleY(1.1)
     }
     100% {
         transform: scaleY(1)
     }
 }

 header.bilecik-askf-header .header-alt {
     width: 100%
 }

 header.bilecik-askf-header .a-menu-container {
     width: 100%;
     background: var(--askf_color_header_alt);
    
   position: relative;
     padding-left:330px;
	 
	 
	 


 }

 header.bilecik-askf-header .a-menu .prntlnk {
     height: 68px;
     line-height: 68px;
     display: block;
     text-decoration: none;
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     transition: all .2s ease-in-out;
     text-transform: uppercase;
     padding: 0 24px;
     font-family: 'Jost', sans-serif;
     position: relative
 }

 @media only screen and (max-width:1249px) {
     header.bilecik-askf-header .a-menu .prntlnk {
         padding: 0 18px
     }
 }

 header.bilecik-askf-header .a-menu .prntlnk::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 3px;
     background-color: #fff;
     z-index: 101;
     visibility: hidden;
     opacity: 0;
     transition: all 0.2s ease;
     margin-right: 50%
 }

 header.bilecik-askf-header .a-menu .prntitem:hover .prntlnk::after {
     width: calc(50% - 20px);
     opacity: 1;
     visibility: visible;
     transition: all 0.2s ease
 }

 header.bilecik-askf-header .a-menu .prntlnk::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0;
     height: 3px;
     background-color: #fff;
     z-index: 101;
     visibility: hidden;
     opacity: 0;
     transition: all 0.2s ease;
     margin-left: 50%
 }

 header.bilecik-askf-header .a-menu .prntitem:hover .prntlnk::before {
     width: calc(50% - 20px);
     opacity: 1;
     visibility: visible;
     transition: all 0.2s ease
 }

 header.bilecik-askf-header .a-menu .prntitem:hover .prntlnk {
     border-color: #fff
 }

 header.bilecik-askf-header .icerik-hover-blur:hover .prntlnk {
     color: rgb(255 255 255 / .7);
     text-shadow: 0 0 6px rgb(159 212 255 / .8)
 }

 header.bilecik-askf-header .prntitem:hover .prntlnk {
     color: white !important;
     text-shadow: none
 }

 header.bilecik-askf-header .mmenu-ac .acilir-mmenu {
     display: none;
     width: 100%;
     position: absolute;
     top: 68px;
     left: 0;
     background-color: #fff0;
     visibility: hidden;
     opacity: 0;
     transition: all .2s ease
 }

 header.bilecik-askf-header .mmenu-ac:hover .acilir-mmenu {
     opacity: 1;
     visibility: visible;
     transition: .4s .4s;
     transition-property: all;
     transition-duration: 0.4s;
     transition-timing-function: ease;
     transition-delay: 0.4s
 }

 .mmenu-bg {
     width: 100%;
     height: 100vh;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     visibility: hidden;
     opacity: 0;
     transition: all .2s ease;
     background: #000;
     background: -moz-linear-gradient(180deg, rgb(0 0 0) 0%, #fff0 100%);
     background: -webkit-linear-gradient(180deg, rgb(0 0 0) 0%, #fff0 100%);
     background: linear-gradient(180deg, rgb(0 0 0) 0%, #fff0 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#0061ae", GradientType=1)
 }

 .mmenu-bg.visible {
     height: 100vh;
     opacity: 1;
     visibility: visible;
     transition: all .2s ease
 }

 .mmenu-bg .mmenu-content {
     width: 100%;
     height: 600px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 91;
     visibility: hidden;
     opacity: 0;
     transform: translateY(-400px);
     transition: all .4s ease;
     background-image: url(a.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     background-attachment: fixed;
     position: relative;
     -webkit-box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     box-shadow: 0 0 50px rgb(13 58 117 / 50%)
 }

 .mmenu-bg.visible .mmenu-content {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     transition: all .4s ease
 }

 .mmenu-bg .mmenu-content .bg-maske {
     width: 100%;
     height: 100%;
     background-color: var(--mmenuBg);
 }


 header.bilecik-askf-header .a-menu .mmenu-liste-baslik {
     font-family: 'Jost', sans-serif;
     font-size: 20px;
     font-weight: 600;
     color: #fff;
     margin: 0;
     padding: 0
 }

 header.bilecik-askf-header .a-menu .mmenu-liste {
     width: 100%;
     list-style: none;
     margin: 0;
     padding: 18px 24px;
     background-color: var(--mmenuList);
	 border:0.5px solid #fff;
     border-radius: 12px
 }

 header.bilecik-askf-header .a-menu .mmenu-liste li {
     margin: 6px 0
 }

 header.bilecik-askf-header .a-menu .mmenu-liste li a {
     padding: 0;
     text-decoration: none;
     color: #fff;
     font-size: 20px;
     font-weight: 400;
     transition: all .2s ease-in-out
 }

 header.bilecik-askf-header .a-menu .mmenu-liste li a:hover {
     color: var(--R_turuncu);
     padding-left: 1px
 }
#open-mobile-menu{
	color:var(--askf_color_header_ust);
}
#close-mobile-menu{
	color:var(--askf_color_header_ust);
}
.open-HMenu{
	color:var(--askf_color_header_ust);
}
header.bilecik-askf-header .a-menu .mmenu-liste li a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f105";
    font-weight: 900;
    margin-right: 4px;
    font-size: 14px;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

 header.bilecik-askf-header .a-menu .mmenu-liste li a:hover::before {
     color: #fff
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu {
     margin-top: 18px
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu a {
     padding: 4px 0;
     font-family: 'Jost', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     color: rgb(255 255 255 / .9);
     position: relative
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu a:hover {
     color: #fff;
     padding: 4px 0
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu a::before {
     width: 100%;
     height: 2px;
     position: absolute;
     content: "";
     left: 0;
     bottom: 0;
     background-color: rgb(255 255 255 / .4)
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu a::after {
     width: 0;
     height: 2px;
     position: absolute;
     content: "";
     left: 0;
     bottom: 0;
     background-color: #fff;
     transition: all .3s ease
 }

 header.bilecik-askf-header .a-menu .mmenu-liste .btn-tumu a:hover::after {
     width: 100%;
     transition: all .3s ease
 }

 header.mobile-header {
     width: 100%;
     padding: 8px 0;
     background-color: #fff;
     -webkit-box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99
 }

 @media only screen and (min-width:992px) {
     header.mobile-header {
         display: none
     }
 }

 header.mobile-header .nav-btn {
     width: 56px;
     height: 56px;
     text-decoration: none
 }

 header.mobile-header .nav-btn svg {
     color: var(--askf_color_header_alt);
     font-size: 32px
 }

 header.mobile-header .askflogo {
     width: 70px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     z-index: 99;
     transition: all .2s ease-in-out
 }

 header.mobile-header.sticky .askflogo {
      }

 header.mobile-header .mobile-menu {
     width: 100%;
     height: 100vh;
     position: fixed;
     background-color: #fff;
     z-index: 100;
     top: 0;
     left: 0;
     visibility: hidden;
     opacity: 0;
     transition: all .2s ease-in-out;
     overflow-y: auto !important;
     overflow-x: hidden !important
 }

 header.mobile-header .mobile-menu.visible {
     opacity: 1;
     visibility: visible;
     transition: all .2s ease-in-out
 }

 header.mobile-header .mobile-menu .menu-header {
     padding: 8px 0
 }

 header.mobile-header .mobile-menu .menu-header .nav-btn svg {
     font-size: 42px;
     color: var(--askf_color_header_alt)
 }

 header.mobile-header .mobile-menu .menu-header .social-icons {
     list-style: none;
     margin: 0;
     padding: 0
 }

 header.mobile-header .mobile-menu .menu-header .social-icons li {
     margin-right: 4px
 }

 header.mobile-header .mobile-menu .menu-header .social-icons li:last-child {
     margin-right: 0
 }

 header.mobile-header .mobile-menu .menu-header .social-icons li a {
     display: block;
     width: 42px;
     height: 44px;
     text-decoration: none;
     color: var(--grey-content-dark);
     font-size: 20px;
     background-color: var(--grey-bg);
     border-radius: 6px
 }

 header.mobile-header .mobile-menu .link-btn {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 14px;
     text-transform: uppercase
 }

 header.mobile-header .mobile-menu .menu-baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 700;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: var(--R_turuncu)
 }

 header.mobile-header .mobile-menu .mobile-nav {
     list-style: none;
     padding: 0;
     margin: 0
 }

 header.mobile-header .mobile-menu .mobile-nav .parent {
     width: 100%
 }

 header.mobile-header .mobile-menu .mobile-nav .parent .prntlnk {
     display: block;
     position: relative;
     width: 100%;
     border-top: 1px solid var(--content-border);
     padding: 16px 24px;
     text-decoration: none;
     color: var(--askf_color_header_ust);
	 color:var(--MobilMenuLink);
     font-size: 22px;
     font-weight: 600
 }
.btn-outline-primary.disabled, .btn-outline-primary:disabled{
	color:var(--MobilMenuLink);
}
 header.mobile-header .mobile-menu .mobile-nav .has-child .prntlnk i {
     position: absolute;
     top: 12px;
     right: 24px;
   
     color: var(--grey-content);
     font-size: 24px
 }
 

 
 

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items {
     display: none;
     list-style: none;
     margin: 0;
     padding: 0 0 14px 0
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child.active .child-items {
     display: block
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-baslik {
     width: 100%;
     padding: 8px 24px;
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: var(--R_turuncu)
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-item {
     width: 100%
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-link {
     display: block;
     width: 100%;
     font-family: 'Jost', sans-serif;
     padding: 10px 26px;
     font-size: 16px;
     text-decoration: none;
     color: rgb(0 41 74 / .75);
     font-weight: 500;
     border-bottom: 1px solid var(--content-border)
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-item:last-child .child-link {
     border-bottom: none
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-link::before {
     content: "\2022";
     color: var(--grey-content-dark);
     font-weight: 700;
     display: inline-block;
     width: 12px
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-item.tumu .child-link {
     font-weight: 700;
     text-transform: uppercase;
     color: var(--R_turuncu)
 }

 header.mobile-header .mobile-menu .mobile-nav .has-child .child-items .child-item.tumu .child-link::before {
     display: none
 }

 

 .askf-content-header {
     width: 100%;
     background-image: url(../images/header-bg-agustos.jpeg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     background-attachment: scroll;
     position: relative
 }

 .askf-content-header .header-mask {
      background: var(--askf_color_header_ust);
 }

 .askf-content-header.text-pad .icerik-header {
     padding-top: 56px !important
 }

 .main-container {
     min-height: 600px;
     padding: 30px 0;
     background-color: var(--container-bg)
 }

 .main-container.with-header {
     padding-top: 0 !important
 }

 .icerik-header {
    padding: 24px 0;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--askf_color_header_alt) 80%, var(--askf_color_header_ust) 20%),
    color-mix(in srgb, var(--askf_color_header_ust) 80%, var(--askf_color_header_alt) 20%)
  );
  border-top: 2px solid rgba(255, 255, 255, 0.1);
 }

 @media only screen and (max-width:992px) {
     .icerik-header {
         padding-top: 54px !important
     }
 }

 .icerik-header .sayfa-baslik {
     font-family: 'Jost', sans-serif;
     color: #fff;
     font-size: 28px;
     font-weight: 700;
     text-transform: uppercase
 }

 @media only screen and (max-width:992px) {
     .icerik-header .sayfa-baslik {
         text-align: center;
         margin-bottom: 18px
     }
 }

 .icerik-header .breadcrumb-item {
     font-family: 'Jost', sans-serif;
     text-transform: uppercase;
     font-weight: 300;
     font-size: 12px;
     color: rgb(255 255 255 / .6)
 }

 .icerik-header .breadcrumb-item a {
     color: rgb(255 255 255 / .6);
     text-decoration: none;
     transition: all .2s ease-in-out;
     letter-spacing: .5px
 }

 .icerik-header .breadcrumb-item a:hover {
     color: #fff
 }

 .icerik-header .breadcrumb .active {
     font-weight: 400;
     color: rgb(255 255 255 / .7)
 }

 .icerik-header .breadcrumb-item::before {
     font-family: "Font Awesome 5 Pro";
     content: "\f105";
     font-weight: 400;
     color: rgb(255 255 255 / .6)
 }

 .icerik-header .breadcrumb-item:first-child::before {
     content: "";
     display: none
 }

 @media only screen and (max-width:992px) {
     .icerik-header .icerik-breadcrumbs {
         display: none
     }
 }

 .icerik-header .icerik-arama {
     position: relative
 }

 .icerik-header .icerik-arama .input-group-text {
     background-color: #fff;
     border: none
 }

 .icerik-header .search-input {
     font-weight: 400;
     transition: all .2s ease-in-out;
     background-color: #fff;
     border: none
 }

 .icerik-header .search-input:focus {
     box-shadow: 0 .125rem .25rem 0 rgb(58 59 69 / .1) !important
 }

 .icerik-header .icerik-arama .arama-iptal {
     position: absolute;
     width: 36px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     top: 0;
     right: 0
 }

 .icerik-header .icerik-arama .arama-iptal svg {
     transition: all .2s ease-in-out;
     transform: scale(1);
     color: var(--secondary-text-color)
 }

 .icerik-header .icerik-arama .arama-iptal:hover svg {
     transform: scale(1.3);
     color: red
 }

 .icerik-header .btn-geri {
     font-family: 'Jost', sans-serif;
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     background-color: #fff0;
     border: 2px solid rgb(255 255 255 / .6);
     color: rgb(255 255 255 / .8);
     transition: all .2s ease-in-out;
     transform: scale(1)
 }

 .icerik-header .btn-geri svg {
     color: rgb(255 255 255 / .8);
     font-size: 20px;
     transition: all .2s ease-in-out
 }

 .icerik-header .btn-geri:hover {
     color: #fff;
     border-color: #fff;
     background-color: #fff0;
     transform: scale(1.02)
 }

 .icerik-header .btn-geri:hover svg {
     color: #fff
 }

 .sabit-sayfa-header {
     background-color: var(--grey-bg);
     border-radius: 12px;
     padding: 18px 28px
 }

 .sabit-sayfa-header .sayfa-baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     color: rgb(0 68 124 / .85);
     text-transform: uppercase;
     margin: 0
 }




 .askf-tbl-list {
     margin: 0;
     padding: 0;
     background-color: #fff0
 }

 .askf-tbl-list thead tr th {
     color: var(--grey-content-text);
     padding: 12px 24px 6px 24px;
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 16px;
     border: none !important;
     background-color: #fff0
 }

 .askf-tbl-list tbody tr td {
     padding: 12px 24px;
     background-color: #fff;
     font-weight: 500;
     font-size: 15px;
     color: var(--secondary-text-color);
     border: none;
     transition: all .2s ease-in-out
 }

 .askf-tbl-list tbody tr:hover td {
     color: var(--askf_color_header_alt)
 }

 .askf-tbl-list tbody tr td:first-child {
     font-weight: 700
 }

 .askf-tbl-list tbody tr:last-child td {
     border: none
 }

 .askf-tbl-list tbody tr:first-child td:first-child {
     border-radius: 6px 0 0 0
 }

 .askf-tbl-list tbody tr:first-child td:last-child {
     border-radius: 0 6px 0 0
 }

 .askf-tbl-list tbody tr:last-child td:first-child {
     border-radius: 0 0 0 6px
 }

 .askf-tbl-list tbody tr:last-child td:last-child {
     border-radius: 0 0 6px 0
 }






 

 .card-link {
     height: 100%;
     text-decoration: none;
     color: var(--primary-text-color)
 }

 .card-link .icon svg {
     font-size: 48px;
     color: var(--secondary-text-color)
 }

 .card-link .text {
     font-family: 'Jost', sans-serif;
     font-size: 18px;
     font-weight: 500
 }

 .card-link p {
     text-align: center
 }



 .askf-footer-top {
     width: 100%;
     position: relative;
     background: #0061ae;
     background: -moz-linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     background: -webkit-linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     background: linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061ae", endColorstr="#007add", GradientType=1)
 }

 .footer-contact-item {
     text-decoration: none
 }

 .footer-contact-item p {
     color: rgb(255 255 255 / .85);
     font-family: 'Jost', sans-serif;
     transition: color .1s ease-in-out;
     text-decoration: none
 }

 .footer-contact-item .title {
     font-weight: 300;
     font-size: 20px;
     margin: 0;
     padding: 0
 }

 .footer-contact-item .contact {
     font-weight: 500;
     font-size: 22px;
     margin: 0;
     padding: 0
 }

 .footer-contact-item svg {
     margin-right: 12px
 }

 .footer-contact-item:hover p {
     color: #fff
 }

 .askf-footer-bottom {
     position: relative;
     background: #0061ae;
     background: -moz-linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     background: -webkit-linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     background: linear-gradient(331deg, rgb(0 97 174) 0%, rgb(0 122 221) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061ae", endColorstr="#007add", GradientType=1)
 }

 @media only screen and (max-width:992px) {
     .footer-socials {
         margin-bottom: 14px
     }
 }

 .footer-socials .nav-link {
     color: #E7F4FF;
     width: 48px;
     height: 48px;
     line-height: 48px;
     padding: 0;
     text-align: center;
     border-radius: 50%;
     margin-right: 10px
 }

 .footer-socials .nav-link:hover {
     background-color: #fff;
     color: var(--askf_color_header_alt)
 }

 .footer-socials .nav-link svg {
     font-size: 24px;
     margin-top: 12px
 }

 .app-box {
     background-color: rgb(255 255 255 / .8);
     border-radius: 5px;
     padding: 8px 12px
 }

 @media only screen and (min-width:992px) {
     .app-box {
         margin-right: 14px
     }
 }

 @media only screen and (max-width:992px) {
     .app-box {
         margin-bottom: 14px
     }
 }

 .app-box p {
     color: #fff;
     font-family: 'Jost', sans-serif;
     margin: 0;
     padding: 0
 }

 .app-box .text-top,
 .app-box .text-bottom {
     color: var(--askf_color_header_alt);
     font-family: 'Jost', sans-serif;
     margin: 0;
     padding: 0;
     transition: all .2s ease-in-out
 }

 .app-box .text-top {
     font-size: 13px;
     font-weight: 300;
     line-height: 1.1em
 }

 .app-box .text-bottom {
     font-size: 20px;
     font-weight: 500;
     line-height: 1.1em
 }

 .app-box {
     text-decoration: none !important;
     transition: all .2s ease-in-out
 }

 .app-box svg {
     color: var(--askf_color_header_alt);
     font-size: 1.5em;
     transition: all .2s ease-in-out
 }

 .app-box:hover {
     background-color: #fff
 }

 .app-box:hover svg {
     color: var(--askf_color_header_ust)
 }

 .app-box:hover .text-top,
 .app-box:hover .text-bottom {
     color: var(--askf_color_header_ust)
 }

 .custom-app-box {
     display: inline-block;
     background-color: rgb(255 255 255 / .8);
     border-radius: 5px;
     padding: 8px 12px;
     transition: all .2s ease-in-out
 }

 .custom-app-box:hover {
     background-color: #fff
 }

 .custom-app-box img {
     height: 38px
 }

 .askf-bottom-bar {
      background-color: var(--askf_color_header_alt);
 }

 .askf-bottom-bar .bottom-text {
     color: #ffffff;
     font-size: 14px
 }

 @media only screen and (max-width:992px) {
     .askf-bottom-bar .bottom-text {
         text-align: center;
         margin-bottom: 16px !important
     }
 }

 section.HmW {
     width: 100%;
 }

 section .section-content {
     width: 100%
 }

 section .content-header {
     width: 100%
 }

 section .header-sm {
     width: 100%
 }

 section .section-title {
     font-family: 'Jost', sans-serif;
     color: var(--askf_color_header_alt);
     position: relative;
     font-size: 28px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     padding: 0
 }

 section .header-sm .section-title {
     font-family: 'Jost', sans-serif;
     color: var(--askf_color_header_alt);
     position: relative;
     font-size: 20px;
     letter-spacing: .5px;
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     padding: 0
 }

 section .section-title svg {
     margin-right: 14px;
     color: var(--askf_color_header_alt);
     font-size: 110%
 }

 section .header-sm .section-title svg {
     margin-right: 8px;
     color: var(--askf_color_header_alt);
     font-size: 120%
 }

 section .btn-section {
     font-family: 'Jost', sans-serif;
     font-weight: 400;
     font-size: 15px;
     letter-spacing: .5px;
     text-transform: uppercase;
     transition: all .2s ease-in-out
 }

 section .btn-section svg {
     margin-left: 8px;
     transition: all .2s ease-in-out
 }

 section .btn-section:hover svg {
     margin-left: 14px
 }

 section .content-body {
     width: 100%
 }

 section .slide-nav {
     width: 46px;
     height: 46px;
     line-height: 44px;
     margin: 0;
     padding: 0;
     font-size: 26px;
     color: var(--askf_color_header_alt);
     background-color: #fff0;
     border: 1px solid var(--askf_color_header_alt);
     border-radius: 50%;
     transition: all .2s ease
 }

 section .header-sm .slide-nav {
     width: 32px;
     height: 32px;
     line-height: 30px;
     font-size: 20px;
     border: 1px solid #fff0;
     border: none
 }

 section .slide-nav:hover {
     background-color: var(--askf_color_header_alt);
     color: #fff
 }

 section .header-sm .slide-nav:hover {
     color: var(--askf_color_header_alt);
     background-color: #fff0
 }

 section .btn-all {
     display: block;
     height: 46px;
     line-height: 44px;
     border-radius: 46px;
     padding: 0 26px;
     margin: 0;
     font-family: 'Jost', sans-serif;
     font-weight: 500;
     font-size: 14px;
     text-transform: uppercase
 }

 section .header-sm .btn-all {
     height: 32px;
     line-height: 32px;
     border-radius: 32px;
     padding: 0 6px;
     font-size: 14px;
     border-radius: 32px;
     border: none
 }

 section .header-sm .btn-all:hover {
     background-color: #fff0;
     color: var(--askf_color_header_alt);
     border: none
 }

 section .btn-all svg {
     font-size: 18px;
     font-weight: 300
 }

 @media only screen and (max-width:992px) {
     section.karsilasmalar .section-title {
         font-size: 24px;
         text-align: center
     }
 }

 @media only screen and (min-width:992px) {
     section.karsilasmalar .swiper-wrapper {
         height: 440px
     }
 }

 section.karsilasmalar .karsilasmaitt:hover {
     box-shadow: 0 0 20px 1px #fff0 !important;
     background-color: #fff;
     border-color: var(--grey-bg)
 }

 section.dnewHk .section-content {
     box-shadow: 0 .125rem .25rem 0 rgb(58 59 69 / .05) !important;
 }

 section.dnewHk .nav-tabs .nav-link {
     font-family: 'Jost', sans-serif;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     border-radius: 0;
     letter-spacing: .5px;
     color: var(--secondary-text-color);
     position: relative;
     padding: 14px 24px
 }

 section.dnewHk .nav-tabs .nav-link svg {
     margin-right: 10px
 }

 section.dnewHk .nav-tabs .active {
     color: var(--askf_color_header_alt)
 }

 section.dnewHk .nav-tabs .active::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 3px;
     top: 0;
     left: 0;
     background-color: var(--askf_color_header_alt)
 }

 section.dnewHk .nav-tabs .active::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 10px solid #fff0;
     border-right: 10px solid #fff0;
     border-top: 10px solid var(--askf_color_header_ust);
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto
 }

 section.dnewHk .dNi {
     width: 100%;
     display: block;
     border-bottom: 1px solid rgb(0 97 174 / .1);
     text-decoration: none
 }

 section.dnewHk .dNi .start {
     width: 54px;
     text-align: center;
     color: var(--askf_color_header_alt);
     font-size: 18px
 }

 section.dnewHk .dNi .end {
     width: calc(100% - 54px)
 }

 section.dnewHk .dNi .baslik {
     font-size: 15px;
     font-weight: 500;
     text-overflow: ellipsis;
     overflow: hidden;
     color: var(--primary-text-color);
     transition: all .2s ease-in-out
 }

 section.dnewHk .dNi .detay {
     color: var(--secondary-text-color);
     font-size: 13px;
     font-weight: 400;
     transition: all .2s ease-in-out
 }

 section.dnewHk .dNi:hover .baslik {
     color: var(--askf_color_header_alt)
 }

 section.dnewHk .dNi:hover .detay {
     color: var(--primary-text-color)
 }

 section.dnewHk .tab-dnews-knews .swiper-wrapper {
     height: 400px
 }

 @media only screen and (max-width:992px) {
     section.dnewHk .tab-dnews-knews .swiper-wrapper {
         height: 300px
     }
 }

 section.dnewHk .haberler .swiper {
     width: 100%;
     height: 474px
 }

 section.dnewHk .haberler .swiper-wrapper {
     height: 100%
 }

 section.dnewHk .haberler .swiper-slide {
 
 }

 section.dnewHk .haberler .NewsLstitm {
     width: 100%;
     height: 100%;
     border-radius: 6px;
     text-decoration: none
 }

 section.dnewHk .haberler .NewsLstitm .Newsimg {
     height: 100%;
     border-radius: 6px;
     overflow: hidden
 }

 section.dnewHk .haberler .NewsLstitm .Newsimg img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 section.dnewHk .haberler .NewsLstitm:hover .Newsimg img {
     transform: scale3d(1.15, 1.15, 1.15)
 }

 section.dnewHk .haberler .hab-ic {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 6px;
     background: #444;
     background: -moz-linear-gradient(0deg, rgb(68 68 68 / .9) 0%, rgb(68 68 68 / .8) 25%, rgb(68 68 68 / .2) 40%, #fff0 70%, #fff0 100%);
     background: -webkit-linear-gradient(0deg, rgb(68 68 68 / .9) 0%, rgb(68 68 68 / .8) 25%, rgb(68 68 68 / .2) 40%, #fff0 70%, #fff0 100%);
     background: linear-gradient(0deg, rgb(68 68 68 / .9) 0%, rgb(68 68 68 / .8) 25%, rgb(68 68 68 / .2) 40%, #fff0 70%, #fff0 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444", endColorstr="#444444", GradientType=1)
 }

 section.dnewHk .haberler .hab-ic .habTit {
     color: #fff;
     font-weight: 500;
     font-size: 25px;
     font-family: 'Jost', sans-serif;
     transition: all .2s ease-in-out;
     margin: 0;
	 
 }

 section.dnewHk .haberler .NewsLstitm:hover .habTit {
     color: #ddd;
 }

 section.dnewHk .haberler .hab-ic .habDat {
     padding: 2px 4px;
     border-radius: 3px;
	 background-color:var(--MobilMenuLink);
     color: #fff;
     font-size: 11px;
     font-weight: 600;
     transition: all .2s ease-in-out
 }

 section.HmW.onLnk .OnemLst {
     display: grid;
     grid-template-columns: repeat(8, 1fr);
     grid-template-rows: 1fr;
     grid-column-gap: 8px;
     grid-row-gap: 0
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .OnemLst {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: repeat(4, 1fr);
         grid-column-gap: 8px;
         grid-row-gap: 8px
     }
 }

 section.HmW.onLnk .Onem-1 {
     grid-area: 1 / 1 / 2 / 2
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-1 {
         grid-area: 1 / 1 / 2 / 2
     }
 }

 section.HmW.onLnk .Onem-2 {
     grid-area: 1 / 2 / 2 / 3
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-2 {
         grid-area: 1 / 2 / 2 / 3
     }
 }

 section.HmW.onLnk .Onem-3 {
     grid-area: 1 / 3 / 2 / 4
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-3 {
         grid-area: 2 / 1 / 3 / 2
     }
 }

 section.HmW.onLnk .Onem-4 {
     grid-area: 1 / 4 / 2 / 5
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-4 {
         grid-area: 2 / 2 / 3 / 3
     }
 }

 section.HmW.onLnk .Onem-5 {
     grid-area: 1 / 5 / 2 / 6
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-5 {
         grid-area: 3 / 1 / 4 / 2
     }
 }

 section.HmW.onLnk .Onem-6 {
     grid-area: 1 / 6 / 2 / 7
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-6 {
         grid-area: 3 / 2 / 4 / 3
     }
 }

 section.HmW.onLnk .Onem-7 {
     grid-area: 1 / 7 / 2 / 8
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-7 {
         grid-area: 4 / 1 / 5 / 2
     }
 }

 section.HmW.onLnk .Onem-8 {
     grid-area: 1 / 8 / 2 / 9
 }

 @media only screen and (max-width:992px) {
     section.HmW.onLnk .Onem-8 {
         grid-area: 4 / 2 / 5 / 3
     }
 }

 section.HmW.onLnk .Onem {
     width: 100%;
     height: 200px;
     text-decoration: none;
     display: block;
     border-radius: 10px;
     transition: all .2s ease-in-out
 }

 section.HmW.onLnk .Onem:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 section.HmW.onLnk .Onem .Onem-gorsel {
     width: 100% !important;
     height: 100% !important;
     border-radius: 10px;
     overflow: hidden
 }

 section.HmW.onLnk .Onem .Onem-gorsel img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 section.HmW.onLnk .Onem:hover .Onem-gorsel img {
     transform: scale3d(1.05, 1.05, 1.05)
 }

 .askf-menu-footer {
     width: 100%;
     background-color: var(--askf_color_header_alt)
 }

 .askf-menu-footer .menu-title {
     font-family: 'Jost', sans-serif;
     color: #fff;
     position: relative;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     font-size: 22px;
     padding: 24px 0
 }

 .askf-menu-footer .menu-nav {
     padding: 0 0 0 16px
 }

 .askf-menu-footer .menu-nav li {
     color: rgb(255 255 255 / .8)
 }

 .askf-menu-footer .menu-nav:hover li,
 .askf-menu-footer .menu-nav:hover li a {
     color: rgb(255 255 255 / .7)
 }

 .askf-menu-footer .menu-nav li a {
     font-weight: 300;
     color: rgb(255 255 255 / .9);
     text-decoration: none;
     transition: color .1s ease-in-out
 }

 .askf-menu-footer .menu-nav li a:hover {
     color: rgb(255 255 255);
     font-weight: 500
 }

 .askf-menu-footer .footer-head {
     background-color: var(--askf_color_header_ust)
 }

 .askf-menu-footer .logo-container {
     width: 100%;
     position: relative
 }

 .askf-menu-footer .logo-container .askflogo {
     width: 200px;
     position: absolute;
     top: 0;
     left: 40px;
     z-index: 1
 }

 .askf-menu-footer .fl-top {
     padding-top: 180px;
     font-family: 'Jost', sans-serif
 }

 .askf-menu-footer .fl-top .phone-icon svg {
     color: rgb(255 255 255 / .9);
     font-size: 56px
 }

 .askf-menu-footer .fl-top p {
     margin: 0;
     padding: 0;
     color: rgb(255 255 255 / .85)
 }

 .askf-menu-footer .fl-top .p-number {
     font-size: 28px;
     font-weight: 700
 }

 .askf-menu-footer .fl-top .p-text {
     font-weight: 300;
     font-size: 14px
 }

 .askf-menu-footer .footer-contact-item {
     text-decoration: none
 }

 .askf-menu-footer .footer-contact-item p {
     color: rgb(255 255 255 / .8);
     font-family: 'Jost', sans-serif;
     transition: color .1s ease-in-out;
     text-decoration: none
 }

 .askf-menu-footer .footer-contact-item .title {
     font-weight: 300;
     font-size: 14px;
     margin: 0;
     padding: 0
 }

 .askf-menu-footer .footer-contact-item .contact {
     font-weight: 500;
     font-size: 28px;
     margin: 0;
     padding: 0
 }

 .askf-menu-footer .footer-contact-item svg {
     margin-right: 12px
 }

 .askf-menu-footer .footer-contact-item .contact-md {
     font-weight: 500;
     font-size: 24px;
     margin: 0;
     padding: 0
 }

 .askf-menu-footer .footer-contact-item .contact-sm {
     font-weight: 400;
     font-size: 16px;
     margin: 0;
     padding: 0
 }

 .askf-menu-footer .footer-contact-item:hover p {
     color: rgb(255 255 255 / .9)
 }

 .dNi {
     width: 100%;
     height: 100%;
     display: block;
     text-decoration: none;
     border-radius: 10px;
     transition: all .2s ease-in-out;
     background-color: #fff
 }

 .dNi:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .dNi .iconn {
     width: 134px;
     min-height: 98px;
     height: 100%;
     background-color: var(--grey-bg);
     border-radius: 9px;
     transition: all .2s ease-in-out
 }

 .dNi:hover .iconn {
     background-color: var(--R_turuncu)
 }

 .dNi .iconn svg {
     font-size: 32px;
     color: var(--grey-content);
     transition: all .2s ease-in-out
 }

 .dNi:hover .iconn svg {
     color: #fff
 }

 .dNi .dnews-icerik {
     width: calc(100% - 134px)
 }

 .dNi .dnews-icerik .dnews-baslik {
     color: var(--primary-text-color);
     font-weight: 700;
     font-size: 15px
 }

 .dNi:hover .dnews-icerik .dnews-baslik {
     color: var(--askf_color_header_alt)
 }

 .dNi .dnews-icerik .dnews-tarih {
     font-weight: 500;
     font-size: 12px;
     color: var(--grey-content-dark)
 }

 
 

 .LeftMenu {
     position: fixed;
     left: 16px;
     top: 180px;
     padding: 0;
     margin: 0;
     z-index: 100;
     visibility: hidden;
     opacity: 0;
     transition: all .3s ease-in-out;
     transform: translateX(-80px)
 }

 .LeftMenu.visible {
     visibility: visible;
     opacity: 1;
     transform: translateX(0);
     transition: all .3s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .LeftMenu.visible {
         display: none
     }
 }

 .LeftMenu .menu-item {
     display: block;
     width: 48px;
     height: 48px;
     background-color: #fff;
     border-radius: 10px;
     margin-bottom: 6px;
     padding: 2px;
     -webkit-box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     transition: all .2s ease-in-out;
     position: relative;
     z-index: 101
 }

 .LeftMenu .menu-item:hover {
     width: 230px
 }

 .LeftMenu .menu-item:last-child {
     margin-bottom: 0
 }

 .LeftMenu .icerik {
     width: 100%;
     height: 100%;
     display: block;
     text-decoration: none
 }

 .LeftMenu .icerik .icon {
     width: 44px;
     height: 44px;
     line-height: 44px;
     display: inline-block;
     border-radius: 10px;
     border: 1px solid var(--grey-content);
     text-align: center;
     position: relative;
     z-index: 102;
     background-color: #fff;
     transition: all .2s ease-in-out
 }

 .LeftMenu .menu-item:hover .icerik .icon {
     border-color: var(--askf_color_header_alt)
 }

 .LeftMenu .icerik .icon svg {
     color: var(--grey-content-dark);
     font-size: 20px;
     transition: all .2s ease-in-out
 }

 .LeftMenu .menu-item:hover .icerik .icon svg {
     color: var(--askf_color_header_alt)
 }

 .LeftMenu .menu-item .aciklama {
     width: 160px;
     height: 24px;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     margin-top: auto;
     margin-bottom: auto;
     font-family: 'Jost', sans-serif;
     color: var(--askf_color_header_alt);
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 600;
     padding: 0;
     visibility: hidden;
     opacity: 0;
     transition: all .1s ease;
     z-index: 101
 }

 .LeftMenu .menu-item:hover .icerik .aciklama {
     opacity: 1;
     visibility: visible;
     transition: all .2s ease;
     transition-delay: .15s
 }

 .SF-HMenu {
     width: 210px;
     height: 44px;
     position: fixed;
     top: 258px;
     margin: 0;
     left: -55px;
     padding: 2px;
     background-color: #fff;
     z-index: 5;
     text-decoration: none;
     transition: all .3s ease-in-out;
     border-radius: 10px;
     -webkit-box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     transform: rotate(-90deg) translateY(80px);
     visibility: hidden;
     opacity: 0
 }

 .SF-HMenu.visible {
     visibility: visible;
     opacity: 1;
     transform: rotate(-90deg) translateY(0)
 }

 @media only screen and (max-width:992px) {
     .SF-HMenu.visible {
         display: none
     }
 }

 .SF-HMenu:hover {
     background-color: #fff
 }

 .SF-HMenu .icerik {
     width: 100%;
     height: 100%;
     border: 1px solid var(--askf_color_header_ust);
     padding: 0;
     border-radius: 10px;
     transition: all .2s ease-in-out;
     padding-top: 4px
 }

 .SF-HMenu:hover .icerik {
     border-color: var(--askf_color_header_alt)
 }

 .SF-HMenu .icerik .icon svg {
     color: var(--grey-content-dark);
     transition: all .2s ease-in-out;
     font-size: 20px
 }

 .SF-HMenu:hover .icerik .icon svg {
     color: var(--askf_color_header_ust)
 }

 .SF-HMenu .aciklama {
     font-family: 'Jost', sans-serif;
	 color: var(--askf_color_header_alt);

     text-transform: uppercase;
     font-size: 20px;
     font-weight: 500;
     letter-spacing: 2px;
     transition: all .2s ease-in-out
 }

 .SF-HMenu:hover  {
     color: var(--askf_color_header_ust);
 }

 .HMenu-wrapper {
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgb(0 0 0 / .8);
     z-index: 1098;
     transition: all 0.3s ease;
     visibility: hidden;
     opacity: 0
 }

 .HMenu-wrapper.visible {
     transition: all 0.3s ease;
     opacity: 1;
     visibility: visible
 }

 .HMenu-wrapper .HMenu {
     width: 740px;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1099;
     transition: all 0.6s ease;
     visibility: hidden;
     opacity: 0;
     transform: translateX(800px)
 }

 @media only screen and (max-width:992px) {
     .HMenu-wrapper .HMenu {
         width: 100%
     }
 }

 .HMenu-wrapper.visible .HMenu {
     transition: all 0.6s ease;
     opacity: 1;
     visibility: visible;
     transform: translateX(0)
 }

 .HMenu-wrapper .HMenu .hm-header {
     width: 100%;
     height: 98px;
     padding: 0 48px;
     background-color: var(--askf_color_header_ust);
     border-bottom: 3px solid #fff
 }

 @media only screen and (max-width:992px) {
     .HMenu-wrapper .HMenu .hm-header {
         padding: 0 10px 0 20px
     }
 }

 .HMenu-wrapper .HMenu .hm-header .hm-title {
     font-weight: 700;
     color: #fff;
     text-transform: uppercase;
     font-size: 20px
 }

 .HMenu-wrapper .HMenu .hm-header .btn-kapat {
     color: #fff;
     font-size: 34px
 }

 .HMenu-wrapper .HMenu .hm-body {
     width: 100%;
     padding: 48px;
     height: calc(100vh - 98px);
     overflow-y: auto;
     overflow-x: hidden;
    background: #CAD0DD;
 }

 @media only screen and (max-width:992px) {
     .HMenu-wrapper .HMenu .hm-body {
         padding: 18px 18px 64px 18px
     }
 }

 .HMenu-wrapper .HMenu .iconn-item {
     width: 100%;
     height: 100%;
     text-decoration: none;
     border-radius: 8px;
     border: 1px solid rgb(255 255 255 / .5);
	 background-color: var(--askf_color_header_alt);
     transition: all .2s ease-in-out
 }

 .HMenu-wrapper .HMenu .iconn-item .icon {
     color: rgb(255 255 255 / .8);
     font-size: 30px;
     transition: all .2s ease-in-out;
     margin: 0 0 8px 0;
     padding: 0
 }

 @media only screen and (max-width:992px) {
     .HMenu-wrapper .HMenu .iconn-item .icon {
         font-size: 24px
     }
 }

 .HMenu-wrapper .HMenu .iconn-item .title {
     color: #fff;
     font-weight: 300;
     font-size: 14px;
     text-transform: uppercase;
     transition: all .2s ease-in-out;
     margin: 0;
     padding: 0
 }

 .HMenu-wrapper .HMenu .iconn-item:hover {
     background-color: var(--askf_color_header_ust);
     border-color: #fff;
 }

 .HMenu-wrapper .HMenu .iconn-item:hover .icon,
 .HMenu-wrapper .HMenu .iconn-item:hover .title {
     color: #fff
 }

 .primary-title {
     color: var(--askf_color_header_alt);
     text-transform: uppercase;
     font-weight: 700
 }

 .secondary-title {
     color: var(--R_turuncu);
     text-transform: uppercase;
     font-weight: 700
 }



 .NewsLst {
     width: 100%
 }

 .NewsLst .NewsLstitm {
     width: 100%;
     height: 100%;
     border-radius: 12px;
     text-decoration: none
 }

 .NewsLst .NewsLstitm .Newsimg {
     height: 190px;
     border-radius: 10px;
     overflow: hidden
 }

 .NewsLst .NewsLstitm .Newsimg img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 .NewsLst .NewsLstitm:hover .Newsimg img {
     transform: scale3d(1.15, 1.15, 1.15)
 }

 .NewsLst .NewsLstitm .habTit {
     font-weight: 700;
     font-size: 15px;
     color: var(--primary-text-color);
     transition: all .1s ease-in-out
 }

 .NewsLst .NewsLstitm:hover .habTit {
     color: var(--R_turuncu);
     transition: all .2s ease-in-out
 }

 .NewsLst .NewsLstitm .habDat {
     font-size: 12px;
     font-weight: 400;
     color: #999
 }

 .NewsLst .NewsLstitm .habDat svg {
     font-size: 15px;
     vertical-align: middle
 }

 .NewsLst .NewsLstitm .haber-ozet {
     font-size: 13px;
     color: var(--secondary-text-color);
     font-weight: 400;
     color: #666
 }

 .Newsinfo {
     width: 100%
 }

 .Newsinfo .Newsimg {
     width: 50%;
     height: auto;
     max-height: 400px;
     margin-right: 30px;
     margin-bottom: 30px;
     overflow: hidden;
     position: relative;
     border-radius: 10px;
     -webkit-box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
	 padding:20px;
 }

 @media only screen and (min-width:992px) {
     .Newsinfo .Newsimg {
         float: left
     }
 }

 @media only screen and (max-width:992px) {
     .Newsinfo .Newsimg {
         width: 100%
     }
 }

 .Newsinfo .Newsimg img {
     width: 100%;
     height: 100%;
     overflow: hidden;
     -o-object-fit: cover;
     object-fit: cover;
     vertical-align: middle
 }

 .Newsinfo .NewsHead .baslik {
     font-size: 22px;
     font-weight: 700;
     letter-spacing: -.5px;
     text-transform: uppercase;
     	color:var(--askf_color_header_ust);
 }

 .Newsinfo .NewsHead .habDat .icon {
     display: inline-block;
     width: 48px;
     height: 48px;
     background-color: rgb(243 144 31 / .15);
     border-radius: 50%;
     color: var(--R_turuncu);
     font-size: 22px
 }

 .Newsinfo .NewsHead .habDat .tarih {
     color: #999;
     font-size: 15px;
     font-weight: 500
 }

 .Newsinfo .hab-ic p {
     font-size: 16px !important
 }

 .Newsinfo .Gallery {
     width: 100%;
     background-color: #fff;
     display: grid;
     grid-gap: 10px;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     position: relative
 }

 .Newsinfo .Gallery .Fgitem {
     width: 150px;
     max-height: 150px;
     padding: 2px;
     border: 1px solid #ccc;
     border-radius: 4px;
     position: relative;
     -webkit-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
     -moz-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
     box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1)
 }







 .karsilasmalar-list {
     width: 100%
 }

 .karsilasmalar-list .karsilasmaitt {
     width: 100%;
     border-radius: 14px;
     transition: all .2s ease-in-out
 }

 .karsilasmalar-list .karsilasmaitt:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-tarih {
     width: 120px
 }

 .karsilasmalar-list .karsilasmaitt .tarih-icerik {
     width: 100%;
     height: 100%;
     background-color: var(--grey-bg);
     border-radius: 12px;
     border: 1px solid rgb(87 117 140 / .15);
     transition: all .2s ease-in-out
 }

 .karsilasmalar-list .karsilasmaitt:hover .tarih-icerik {
     background-color: var(--askf_color_header_alt)
 }

 .karsilasmalar-list .karsilasmaitt .tarih-icerik span {
     width: 100%;
     display: block;
     margin: 0;
     padding: 0;
     font-family: 'Jost', sans-serif;
     color: var(--grey-content-dark);
     text-align: center;
     transition: all .2s ease-in-out
 }

 .karsilasmalar-list .karsilasmaitt:hover .tarih-icerik span {
     color: #fff
 }

 .karsilasmalar-list .karsilasmaitt .tarih-gun {
     font-size: 56px;
     font-weight: 700
 }

 .karsilasmalar-list .karsilasmaitt .tarih-ay {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 16px;
     margin-top: -16px !important
 }

 .karsilasmalar-list .karsilasmaitt .tarih-yil {
     font-weight: 600;
     font-size: 18px;
     margin-top: -6px !important
 }

 .karsilasmalar-list .karsilasmaitt .tarih-gunyazi {
     font-weight: 300;
     text-transform: uppercase;
     font-size: 16px
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-cover {
     width: 300px !important;
     background-color: #fff;
     border-radius: 10px;
     padding: 6px;
     box-shadow: 0 .15rem 1.75rem 0 rgb(58 59 69 / .1) !important
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-cover img {
     width: 100%;
     max-height: 180 !important;
     border-radius: 8px
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-detay {
     width: calc(100% - 320px) !important
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-icerik {
     width: calc(100% - 340px) !important
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-icerik .karsilasma-baslik .baslik-link {
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     color: var(--secondary-text-color);
     font-size: 28px;
     font-weight: 600;
     transition: all .2s ease-in-out
 }

 .karsilasmalar-list .karsilasmaitt:hover .karsilasma-icerik .karsilasma-baslik .baslik-link {
     color: var(--primary-text-color)
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-icerik .karsilasma-baslik .baslik-link:hover {
     color: var(--R_turuncu-hover)
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-icerik .karsilasma-kategori .badge {
     font-family: 'Jost', sans-serif;
     font-size: 14px;
     text-transform: uppercase
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-link {
     width: 160px
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-link .btn-hedef {
     width: 100% !important;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 1px;
     font-family: 'Jost', sans-serif;
     color: var(--askf_color_header_alt);
     border: 2px solid var(--askf_color_header_alt);
     transition: all .2s ease-in-out;
     transform: scale(1)
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-link .btn-hedef svg {
     font-size: 22px
 }

 .karsilasmalar-list .karsilasmaitt .karsilasma-link .btn-hedef:hover {
     background-color: var(--askf_color_header_alt);
     border-color: var(--askf_color_header_alt);
     color: #fff;
     transform: scale(1.1)
 }

 .kkisi {
     width: 100%;
     border-radius: 14px;
     background-color: #fff
 }

 .kkisi .kk-foto {
     width: 100%;
     height: 340px;
     border-radius: 12px;
     overflow: hidden;
     position: relative;
     z-index: 1
 }

 .kkisi .kk-foto:hover {
     cursor: pointer
 }

 .kkisi .kk-foto .kk-det {
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     background: #0061ae;
     background: -moz-linear-gradient(0deg, rgb(0 97 174) 0%, rgb(0 97 174 / .8) 25%, rgb(0 97 174 / .2) 40%, #fff0 70%, #fff0 100%);
     background: -webkit-linear-gradient(0deg, rgb(0 97 174) 0%, rgb(0 97 174 / .8) 25%, rgb(0 97 174 / .2) 40%, #fff0 70%, #fff0 100%);
     background: linear-gradient(0deg, rgb(0 97 174) 0%, rgb(0 97 174 / .8) 25%, rgb(0 97 174 / .2) 40%, #fff0 70%, #fff0 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061ae", endColorstr="#0061ae", GradientType=1);
     transition: all .4s ease
 }

 .kkisi:hover .kk-foto .kk-det {
     padding-bottom: 48px
 }

 .kkisi .kk-foto .kk-det .kk-name {
     font-family: 'Jost', sans-serif;
     color: #fff;
     font-weight: 600;
     font-size: 18px;
     text-transform: uppercase
 }



 .kkisi .kk-foto img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 .kkisi:hover .kk-foto img {
     transform: scale3d(1.05, 1.05, 1.05)
 }

 

 .dnewslar-header .kategori-baslik {
     font-family: 'Jost', sans-serif;
     font-size: 16px;
     font-weight: 600;
     color: var(--askf_color_header_alt);
     text-transform: uppercase
 }


 

 .karsilasma-sayfa .karsilasma-bilgi {
     width: 100%;
     height: 100%;
     border-radius: 12px;
     padding: 18px;
     background-color: var(--grey-bg)
 }

 .karsilasma-sayfa .karsilasma-bilgi .icon {
     width: 44px;
     font-size: 32px
 }

 .karsilasma-sayfa .karsilasma-bilgi .icon svg {
     color: var(--R_turuncu)
 }

 .karsilasma-sayfa .karsilasma-bilgi .baslik {
     text-transform: uppercase;
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 14px;
     letter-spacing: 1px;
     color: var(--R_turuncu-hover)
 }

 .karsilasma-sayfa .karsilasma-bilgi .bilgi {
     font-family: 'Jost', sans-serif;
     font-weight: 400;
     font-size: 18px;
     color: var(--secondary-text-color)
 }

 .karsilasma-sayfa .karsilasma-bilgi .bilgi a {
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     font-weight: 400;
     font-size: 18px;
     color: var(--secondary-text-color);
     transition: all .2s ease-in-out
 }

 .karsilasma-sayfa .karsilasma-bilgi .bilgi a:hover {
     color: var(--askf_color_header_alt)
 }

 .karsilasma-sayfa .karsilasma-detay {
     width: 100%
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover {
     width: 360px;
     height: 230px;
     overflow: hidden;
     float: left;
     margin-right: 30px;
     margin-bottom: 30px;
     position: relative;
     -webkit-box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     box-shadow: 8px 12px 25px rgb(73 82 91 / 15%);
     border-radius: 10px
 }

 @media only screen and (max-width:992px) {
     .karsilasma-sayfa .karsilasma-detay .karsilasma-cover {
         width: 100%;
         height: 260px;
         margin-right: 0
     }
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover .cover-zoom {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
     background-color: rgb(0 0 0 / .1);
     visibility: hidden;
     opacity: 0;
     transition: all .4s linear
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover:hover .cover-zoom {
     opacity: 1;
     visibility: visible;
     transition: all .4s linear;
     background-color: rgb(0 0 0 / .3)
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover .cover-zoom .zoom-icon {
     width: 74px;
     height: 74px;
     border-radius: 5px;
     background-color: var(--R_turuncu);
     visibility: hidden;
     opacity: 0;
     transition: all .2s ease-in-out
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover:hover .cover-zoom .zoom-icon {
     border-radius: 50%;
     opacity: 1;
     visibility: visible;
     transition: all .4s ease-in-out;
     transition-delay: .1s
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover .cover-zoom .zoom-icon svg {
     color: #fff;
     font-size: 20px
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-gorsel {
     width: 100% !important;
     height: 100% !important;
     overflow: hidden
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-gorsel img {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 .karsilasma-sayfa .karsilasma-detay .karsilasma-cover:hover .karsilasma-gorsel img {
     transform: scale3d(1.05, 1.05, 1.05)
 }

 .karsilasma-sm {
     text-decoration: none;
     border-radius: 10px;
     transition: all .2s ease-in-out
 }

 .karsilasma-sm:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .karsilasma-sm .cover {
     width: 240px;
     border-radius: 10px;
     overflow: hidden
 }

 .karsilasma-sm .cover img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 .karsilasma-sm:hover .cover img {
     transform: scale3d(1.1, 1.1, 1.1)
 }

 .karsilasma-sm .baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 18px;
     color: var(--secondary-text-color);
     transition: all .2s ease-in-out
 }

 .karsilasma-sm:hover .baslik {
     color: var(--R_turuncu)
 }

 .karsilasma-sm .tarih,
 .karsilasma-sm .lokasyon {
     font-weight: 600;
     font-size: 14px;
     color: var(--grey-content-dark);
     transition: all .2s ease-in-out
 }

 .karsilasma-sm:hover .tarih,
 .karsilasma-sm:hover .lokasyon {
     color: var(--secondary-text-color)
 }

 .liste-link {
     text-decoration: none;
     transition: all .2s ease-in-out;
     border: 1px solid var(--content-border);
     border-radius: 5px;
     padding: 12px;
     margin: 0 0 10px 0
 }

 .liste-link:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .liste-link .icerik {
     padding-left: 12px
 }

 .liste-link .icerik .baslik {
     padding: 0;
     margin: 0;
     font-size: 15px;
     font-weight: 500;
     color: var(--primary-text-color);
     transition: all .2s ease-in-out
 }

 .liste-link:hover .icerik .baslik {
     color: var(--askf_color_header_alt)
 }

 .liste-link .hedef {
     width: 38px
 }

 .liste-link .hedef .arrow {
     width: 36px;
     height: 36px;
     font-size: 16px;
     background-color: var(--grey-bg);
     border-radius: 6px;
     transition: all .2s ease-in-out
 }

 .liste-link:hover .hedef .arrow {
     background-color: var(--R_turuncu)
 }

 .liste-link .hedef .arrow svg {
     color: var(--grey-content-dark);
     transition: transfrom .3s ease, color .1s ease-in-out;
     transform: scale(1);
     transition: color .1s ease-in-out, transform .3s linear
 }

 .liste-link:hover .arrow svg {
     color: #fff;
     transform: scale(1.4)
 }

 ul.dokuman-liste {
     list-style: none;
     padding: 0;
     margin: 0
 }

 ul.dokuman-liste li {
     width: 100%;
     display: block;
     margin-bottom: 10px
 }

 ul.dokuman-liste li a {
     padding: 12px;
     background-color: var(--grey-bg);
     border: 1px solid var(--grey-bg);
     border-radius: 12px;
     text-decoration: none;
     transition: all .2s ease-in-out
 }

 ul.dokuman-liste li a:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important;
     border-color: var(--secondary-border-color);
     background-color: #fff
 }

 ul.dokuman-liste li a .dosya-icon {
     width: 64px;
     height: 64px;
     background-color: #fff;
     border-radius: 8px
 }

 ul.dokuman-liste li a .dosya-icon svg {
     font-size: 34px;
     color: var(--secondary-text-color)
 }

 ul.dokuman-liste li a .dosya-icerik {
     width: calc(100% - 128px);
     padding: 0 24px
 }

 ul.dokuman-liste li a .dosya-baslik {
     font-size: 18px;
     font-weight: 500;
     color: var(--primary-title-color);
     padding: 0;
     margin: 0
 }

 ul.dokuman-liste li a:hover .dosya-baslik {
     color: var(--askf_color_header_alt)
 }

 ul.dokuman-liste li a .dosya-indir {
     width: 64px;
     height: 64px;
     background-color: #fff;
     border-radius: 8px
 }

 ul.dokuman-liste li a .dosya-indir svg {
     font-size: 32px;
     color: var(--secondary-text-color)
 }

 .sayfa-iletisim .iletisim-box {
     width: 100%;
     text-decoration: none
 }

 .sayfa-iletisim .iletisim-box .iconn {
     border-radius: 12px 12px 0 0;
     background-color: var(--grey-bg);
     padding: 32px 0
 }

 .sayfa-iletisim .iletisim-box .iconn .icon svg {
     color: var(--primary-title-color);
     font-size: 24px
 }

 .sayfa-iletisim .iletisim-box .iconn .baslik {
     font-family: 'Jost', sans-serif;
     font-size: 18px;
     font-weight: 500;
     color: var(--primary-title-color)
 }

 .sayfa-iletisim .s-baslik {
     font-weight: 700;
     font-size: 28px;
     color: var(--askf_color_header_alt)
 }

 .sayfa-iletisim .iletisim-box {
     height: 100% !important;
     box-shadow: 0 .125rem .25rem 0 rgb(58 59 69 / .1) !important;
     text-decoration: none;
     border-radius: 12px;
     transition: all .2s ease-in-out
 }

 .sayfa-iletisim .iletisim-box:hover {
     box-shadow: 0 .15rem 1.75rem 0 rgb(58 59 69 / .15) !important
 }

 .sayfa-iletisim .iletisim-box .iconn {
     width: 86px;
     height: 100% !important;
     padding: 24px 0;
     background-color: var(--grey-bg);
     border-radius: 12px 0 0 12px;
     transition: all .2s ease-in-out
 }

 .sayfa-iletisim .iletisim-box:hover .iconn {
     background-color: var(--askf_color_header_alt)
 }

 .sayfa-iletisim .iletisim-box .iconn svg {
     color: var(--primary-title-color);
     font-size: 34px;
     transition: all .2s ease-in-out
 }

 .sayfa-iletisim .iletisim-box:hover .iconn svg {
     color: #fff
 }

 .sayfa-iletisim .iletisim-box .icerikler {
     width: calc(100% - 86px);
     height: 100% !important;
     background-color: #fff;
     border-radius: 0 12px 12px 0;
     padding: 14px 24px
 }

 .sayfa-iletisim .iletisim-box .icerikler .baslik {
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--primary-title-color);
     padding: 0;
     margin: 0;
     transition: all .2s ease-in-out
 }

 .sayfa-iletisim .iletisim-box:hover .icerikler .baslik {
     color: var(--askf_color_header_alt)
 }

 .sayfa-iletisim .iletisim-box .icerikler .icerik {
     font-size: 16px;
     font-weight: 500;
     color: var(--primary-text-color);
     padding: 0;
     margin: 0
 }

 .sayfa-iletisim .iletisim-box .icerikler .icerik a {
     text-decoration: none;
     color: var(--primary-text-color);
     transition: all .2s ease-in-out
 }

 .sayfa-iletisim .iletisim-box .icerikler .icerik a:hover {
     color: var(--R_turuncu)
 }

 .sayfa-iletisim .iletisim-harita {
     background-color: #fff
 }

 .sayfa-iletisim .iletisim-harita .i-baslik {
     font-weight: 700;
     font-size: 36px;
     text-align: center;
     color: var(--askf_color_header_alt)
 }

 .sayfa-iletisim .iletisim-harita .harita iframe {
     border-radius: 12px;
     box-shadow: 0 .15rem 1.25rem 0 rgb(58 59 69 / .15) !important
 }

 .sayfa-iletisim .iletisim-formu .gerekli {
     color: red
 }

 footer.iletisim {
     width: 100%;
     background-color: var(--askf_color_header_ust);
 }

 footer.iletisim .footer-baslik {
     font-family: 'Jost', sans-serif;
     font-size: 28px;
     font-weight: 600;
     color: #fff
 }

 footer.iletisim .iconn {
     padding: 18px 8px;
     text-decoration: none;
     transition: all .2s ease-in-out;
     border-radius: 12px
 }

 footer.iletisim .iconn:hover {
     background-color: rgb(255 255 255 / .1)
 }

 footer.iletisim .iconn .icon {
     width: 76px
 }

 footer.iletisim .iconn .icon svg {
     color: #fff;
     font-size: 42px
 }

 footer.iletisim .iconn .icerikler {
     width: calc(100% - 64px)
 }

 footer.iletisim .iconn .icerikler .baslik {
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #fff;
     padding: 0;
     margin: 0
 }

 footer.iletisim .iconn .icerikler .icerik {
     color: #fff;
     padding: 0;
     margin: 0
 }

 .icerik-birim-iletisim {
     background-color: var(--grey-bg);
     padding: 24px;
     border: 1px solid var(--content-border);
     border-radius: 6px
 }

 .icerik-birim-iletisim .iletisim-baslik {
     font-family: 'Jost', sans-serif !important;
     font-weight: 700;
     font-size: 14px;
     color: var(--secondary-text-color);
     text-transform: uppercase;
     letter-spacing: 1px
 }

 .icerik-birim-iletisim .birim-baslik a {
     font-family: 'Jost', sans-serif !important;
     font-size: 22px;
     font-weight: 500;
     text-decoration: none;
     color: var(--askf_color_header_alt);
     transition: all .2s ease-in-out
 }

 .icerik-birim-iletisim .birim-baslik a:hover {
     color: var(--R_turuncu)
 }

 .icerik-birim-iletisim .iletisim-metin {
     font-size: 14px;
     font-weight: 500;
     color: var(--secondary-text-color)
 }

 .icerik-birim-iletisim .iletisim-metin svg {
     font-size: 16px;
     margin-right: 6px
 }

 .icerik-birim-iletisim .iletisim-metin a {
     text-decoration: none;
     color: var(--secondary-text-color)
 }

 .icerik-birim-iletisim p:last-child {
     margin: 0;
     padding: 0
 }


 .karsilasmaLst {
     width: 100%
 }

 .karsilasmaLst .karsilasmaitt {
     width: 100% !important;
     height: 100% !important;
     text-decoration: none;
     border-radius: 16px;
     border: 2px solid var(--grey-bg);
     overflow: hidden;
     background-color: #fff;
     transition: all .2s ease-in-out
 }

 .karsilasmaLst .karsilasmaitt:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important;
     border-color: var(--askf_color_header_alt) !important
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-cover {
     width: 300px
 }

 .karsilasmaLst.liste-sm .karsilasmaitt .karsilasma-cover {
     width: 100%;
     height: 200px
 }

 @media only screen and (max-width:992px) {
     .karsilasmaLst .karsilasmaitt .karsilasma-cover {
         width: 100%
     }
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-gorsel {
     width: 100% !important;
     height: 100% !important;
     border-radius: 14px;
     overflow: hidden;
     box-shadow: rgb(0 0 0 / .1) 0 1px 3px 0, rgb(0 0 0 / .06) 0 1px 2px 0
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-gorsel img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     border-style: none;
     transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
 }

 .karsilasmaLst .karsilasmaitt:hover .karsilasma-gorsel img {
     transform: scale3d(1.05, 1.05, 1.05)
 }

 @media only screen and (min-width:992px) {
     .karsilasmaLst .karsilasmaitt .karsilasma-detay {
         width: 55%
     }
     .karsilasmaLst.liste-sm .karsilasmaitt .karsilasma-detay {
         width: 100%
     }
 }

 @media only screen and (max-width:992px) {
     .karsilasmaLst .karsilasmaitt .karsilasma-detay {
         width: 100%
     }
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .karsilasma-baslik {
     font-size: 24px;
     color: var(--primary-text-color);
     transition: all .2s ease-in-out
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .karsilasma-baslik {
     font-size: 18px
 }

 .karsilasmaLst .karsilasmaitt:hover .karsilasma-detay .karsilasma-baslik {
     color: var(--askf_color_header_alt)
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .karsilasma-baslik .badge {
     font-size: 13px;
     vertical-align: middle
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .detay-item .icon {
     width: 36px;
     height: 36px;
     border-radius: 8px;
     background-color: var(--grey-bg)
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .detay-item .icon svg {
     color: var(--grey-content-text)
 }

 .karsilasmaLst .karsilasmaitt .karsilasma-detay .detay-item .detay {
     width: calc(100% - 36px);
     font-family: 'Jost', sans-serif;
     font-weight: 400;
     font-size: 15px;
     padding-left: 8px;
     color: var(--grey-content-text)
 }

 .wrapper,
 .scroll-wrapper {
     padding: 5px
 }



 .unselectable {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: -moz-none;
     -o-user-select: none;
     user-select: none
 }

 .scroll {
     border-radius: 10px
 }


 header.bilecik-askf-HeadStick {
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 100;
    background: var(--askf_color_header_ust);
    
     box-shadow: 0 0 50px rgb(13 58 117 / 50%);
     transform: translateY(-150px);
     visibility: hidden;
     opacity: 0;
     transition: all .1s ease-in-out
 }

 header.bilecik-askf-HeadStick.visible {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     transition: transform .4s linear, opacity .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     header.bilecik-askf-HeadStick {
         display: none
     }
 }

 .bilecik-askf-HeadStick .header-content {
     width: 100%
 }

 .bilecik-askf-HeadStick .icon-btn {
     text-decoration: none;
     font-family: 'Jost', sans-serif;
     border: 1px solid rgb(255 255 255 / .8);
     border-radius: 26px;
     margin-right: 12px;
     background-color: #fff0
 }

 .bilecik-askf-HeadStick .icon-btn:last-child {
     margin-right: 0
 }

 .bilecik-askf-HeadStick .icon-btn .icon {
     padding: 8px 22px;
     border-radius: 32px;
     color: #fff;
     background-color: #fff0;
     font-size: 22px;
     border-right: 1px solid rgb(255 255 255 / .6)
 }

 .bilecik-askf-HeadStick .icon-btn .icerik {
     padding-left: 24px;
     padding-right: 24px
 }

 .bilecik-askf-HeadStick .icon-btn .baslik-ust {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 .bilecik-askf-HeadStick .icon-btn .baslik-alt {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }

 .bilecik-askf-HeadStick .icon-btn,
 .bilecik-askf-HeadStick .icon-btn .icon,
 .bilecik-askf-HeadStick .icon-btn .baslik-ust,
 .bilecik-askf-HeadStick .icon-btn .baslik-alt {
     transition: all .2s ease-in-out
 }

 .bilecik-askf-HeadStick .icon-btn:hover {
     background-color: #fff;
     box-shadow: 0 .15rem 1.75rem 0 rgb(58 59 69 / .4) !important
 }

 .bilecik-askf-HeadStick .icon-btn:hover .icon {
     border-right: 1px solid var(--askf_color_header_alt);
     color: var(--askf_color_header_alt)
 }

 .bilecik-askf-HeadStick .icon-btn:hover .baslik-ust,
 .bilecik-askf-HeadStick .icon-btn:hover .baslik-alt {
     color: var(--askf_color_header_alt)
 }

 .bilecik-askf-HeadStick .icon img {
     height: 36px !important
 }

 .bilecik-askf-HeadStick .detay {
     font-family: 'Jost', sans-serif
 }

 .bilecik-askf-HeadStick  .detay .detay-ust {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 .bilecik-askf-HeadStick .detay .detay-alt {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }

 .bilecik-askf-HeadStick .Warn {
     background-color: #fff0
 }

 .bilecik-askf-HeadStick .Warn .icon svg {
     color: #fff;
     font-size: 24px
 }

 .bilecik-askf-HeadStick .Warn .detay {
     font-family: 'Jost', sans-serif
 }

 .bilecik-askf-HeadStick .Warn .detay .baslik {
     color: rgb(255 255 255 / .9);
     text-transform: uppercase;
     padding: 0;
     margin: 0;
     font-size: 10px;
     font-weight: 400;
     letter-spacing: .5px
 }

 .bilecik-askf-HeadStick .Warn .detay .icerik {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     color: rgb(255 255 255 / .9);
     padding: 0;
     margin: 0
 }

 .bilecik-askf-HeadStick .Warn .detay .txtnone {
     text-transform: none;
 }

 .bilecik-askf-HeadStick .askflogo {
     width: 116px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     z-index: 99
 }


 .icerik-uyari {
     background-color: #FCFDFE;
     border-radius: 12px;
     padding: 16px 32px;
     border: 1px solid var(--grey-bg)
 }

 .icerik-uyari .icon {
     width: 48px !important;
     height: 48px !important;
     border-radius: 50%;
     background-color: #edf2f6
 }

 .icerik-uyari .icon svg {
     color: var(--grey-content-text);
     font-size: 20px
 }

 .icerik-uyari .metin-icerik {
     width: calc(100% - 48px) !important;
     padding: 0 18px
 }

 .icerik-uyari .metin-icerik p {
     margin: 0
 }

 .icerik-uyari .metin-icerik .baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 18px;
     text-transform: uppercase;
     color: var(--secondary-text-color)
 }

 .icerik-uyari .metin-icerik .metin {
     font-weight: 500;
     color: var(--grey-content-text)
 }



 .fc-event-time,
 .fc-event-title {
     padding: 0 1px !important;
     white-space: nowrap !important
 }

 .fc-title {
     white-space: normal !important
 }

 .icon-link {
     width: 100%;
     padding: 24px;
     border-radius: 16px;
     text-decoration: none;
     transition: all .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .icon-link {
         padding: 12px;
         border-radius: 10px
     }
 }

 .icon-link:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .icon-link .left-icon .icon {
     width: 120px;
     height: 120px;
     background-color: rgb(243 144 31 / .1);
     border-radius: 14px;
     transition: all .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .icon-link .left-icon .icon {
         width: 48px;
         height: 48px;
         border-radius: 8px
     }
 }

 .icon-link:hover .left-icon .icon {
     background-color: var(--R_turuncu)
 }

 .icon-link .left-icon .icon svg {
     font-size: 38px;
     color: var(--R_turuncu);
     transition: all .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .icon-link .left-icon .icon svg {
         font-size: 24px
     }
 }

 .icon-link:hover .left-icon .icon svg {
     color: #fff
 }

 .icon-link .center-content {
     width: calc(100% - 200px);
     padding: 0 36px
 }

 @media only screen and (max-width:992px) {
     .icon-link .center-content {
         width: calc(100% - 96px);
         padding: 0 16px
     }
 }

 .icon-link .center-content p {
     margin: 0;
     font-family: 'Jost', sans-serif;
     font-size: 24px;
     font-weight: 500;
     color: var(--secondary-text-color);
     transition: all .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .icon-link .center-content p {
         font-size: 18px
     }
 }

 .icon-link:hover .center-content p {
     color: var(--askf_color_header_alt)
 }

 .icon-link .right-arrow {
     width: 80px
 }

 @media only screen and (max-width:992px) {
     .icon-link .right-arrow {
         width: 48px
     }
 }

 .icon-link .right-arrow .icon {
     width: 48px;
     height: 48px;
     background-color: rgb(0 97 174 / .1);
     border-radius: 12px;
     transition: all .2s ease-in-out
 }

 @media only screen and (max-width:992px) {
     .icon-link .right-arrow .icon {
         width: 36px;
         height: 36px;
         border-radius: 8px
     }
 }

 .icon-link:hover .right-arrow .icon {
     background-color: var(--askf_color_header_alt)
 }

 .icon-link .right-arrow .icon svg {
     font-size: 16px;
     color: var(--askf_color_header_alt);
     transition: all .2s ease-in-out
 }

 .icon-link:hover .right-arrow .icon svg {
     color: #fff
 }

 .AskfKr .form-filtreler {
     background-color: var(--grey-bg);
     padding: 18px;
     border: 1px solid var(--content-border)
 }

 .AskfKr .form-filtreler .icerik-baslik {
     color: var(--primary-text-color);
     letter-spacing: 1px
 }

 .AskfKr .form-filtreler .form-label {
     font-size: 15px;
     font-weight: 600;
     color: var(--secondary-text-color)
 }

 .tbl-AskfKr thead tr th {
     padding: 12px;
     font-size: 13px;
     text-transform: uppercase
 }

 .tbl-AskfKr tbody tr td {
     padding: 12px;
     font-size: 14px;
     font-weight: 500
 }

 .tbl-AskfKr tbody tr td .indirBtn {
     font-family: 'Jost', sans-serif;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 600;
     transition: all .2s ease-in-out;
     background-color: var(--content-border);
     color: var(--grey-content-dark);
     border-color: rgb(0 0 0 / .1)
 }

 .tbl-AskfKr tbody tr td .indirBtn:hover,
 .tbl-AskfKr tbody tr td .indirBtn:active,
 .tbl-AskfKr tbody tr td .indirBtn:focus {
     background-color: var(--askf_color_header_alt);
     border-color: var(--askf_color_header_ust);
     color: #fff
 }

 .tbl-AskfKr tbody tr td .indirBtn svg {
     margin-right: 6px
 }

 .tbl-AskfKr tbody tr td .ozet-toggle {
     font-family: 'Jost', sans-serif;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: 500;
     text-decoration: none;
     color: var(--askf_color_header_ust)
 }

 .pagination .page-link {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     color: var(--secondary-text-color)
 }

 .pagination .page-link svg {
     font-size: 16px
 }

 .pagination .disabled .page-link {
     color: var(--grey-content-dark)
 }

 .pagination .disabled:hover .page-link {
     cursor: not-allowed
 }

 .pagination .active .page-link {
     background-color: var(--askf_color_header_alt);
     border-color: var(--askf_color_header_ust);
     color: #fff
 }

 .iman-guard p {
     color: #000;
     text-align: center;
     font-size: 10px;
     margin: 0;
     padding: 0
 }

 .info-icon-link {
     width: 100%;
     background-color: var(--grey-bg);
     padding: 16px 12px;
     text-decoration: none;
     border: 1px solid var(--content-border);
     transition: all .2s ease-in-out
 }

 .info-icon-link:hover {
     border-color: var(--askf_color_header_ust)
 }

 .info-icon-link .icon {
     width: 38px;
     height: 38px
 }

 .info-icon-link .icon svg {
     font-size: 26px;
     color: var(--grey-content-text);
     transition: all .2s ease-in-out
 }

 .info-icon-link:hover .icon svg {
     color: var(--askf_color_header_alt)
 }

 .info-icon-link .metin {
     width: calc(100% - 38px);
     color: var(--grey-content-text);
     font-weight: 500;
     font-size: 15px;
     padding-left: 8px;
     transition: all .2s ease-in-out
 }

 .info-icon-link:hover .metin {
     color: var(--askf_color_header_alt)
 }

 .knews-arama {
     border-radius: 12px;
     border: 1px solid var(--grey-bg);
     background-color: #FCFDFE;
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .knews-arama .content-baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 24px;
     text-transform: uppercase;
     color: var(--primary-title-color)
 }

 .knews-item {
     width: 100%;
     padding: 16px;
     border-radius: 12px;
     border: 1px solid var(--secondary-border-color);
     transition: all .2s ease-in-out
 }

 .knews-item:hover {
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .knews-item .iconn {
     width: 70px
 }

 @media only screen and (max-width:992px) {
     .knews-item .iconn {
         display: none !important
     }
 }

 .knews-item .iconn .icon {
     width: 64px;
     height: 64px;
     background-color: var(--grey-bg);
     border-radius: 10px
 }

 .knews-item .iconn .icon svg {
     font-size: 26px;
     color: var(--grey-content-dark)
 }

 .knews-item.active .iconn .icon {
     background-color: #b7e600;
 }

 .knews-item.active .iconn .icon svg {
     color: #40916c
 }

 .knews-item .knews-icerik {
     width: calc(100% - 200px);
     padding: 0 16px
 }

 @media only screen and (max-width:992px) {
     .knews-item .knews-icerik {
         width: 100% !important;
         padding: 0 !important
     }
 }

 .knews-item .knews-icerik .knews-baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 18px;
     text-transform: uppercase;
     color: var(--primary-text-color);
     transition: all .2s ease-in-out
 }

 .knews-item:hover .knews-icerik .knews-baslik {
     color: var(--askf_color_header_alt)
 }

 .knews-item .knews-icerik .knews-detaylar {
     width: 100%
 }

 .knews-item .knews-icerik .knews-detaylar .detay-item {
     font-weight: 500;
     font-size: 14px;
     color: var(--secondary-text-color)
 }

 .knews-item .knews-icerik .knews-detaylar .detay-item svg {
     margin-right: 6px
 }

 .knews-item .knews-link {
     width: 130px
 }

 @media only screen and (max-width:992px) {
     .knews-item .knews-link {
         width: 100% !important;
         margin-top: 8px
     }
 }

 .knews-item .knews-link .btn-detay {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 13px;
     text-transform: uppercase
 }







 @keyframes iconAnimation {
     0% {
         transform: scale3d(1.3, 1.3, 1.3);
         opacity: 1
     }
     100% {
         transform: scale3d(1, 1, 1);
         opacity: .6
     }
 }

 @-webkit-keyframes iconAnimation {
     0% {
         transform: scale3d(1.3, 1.3, 1.3);
         opacity: 1
     }
     100% {
         transform: scale3d(1, 1, 1);
         opacity: .6
     }
 }

 .knews-detay .knews-icerik {
     border-radius: 12px;
     border: 1px solid var(--grey-bg);
     background-color: #FCFDFE;
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important
 }

 .knews-detay .knews-icerik .knews-baslik {
     font-family: 'Jost', sans-serif;
     font-weight: 600;
     font-size: 24px;
     text-transform: uppercase;
     color: var(--primary-title-color);
     transition: all .2s ease-in-out;
     text-align: justify
 }

 @media only screen and (max-width:992px) {
     .knews-detay .knews-icerik .knews-baslik {
         font-size: 18px;
         text-align: start
     }
 }

 .knews-detay .knews-icerik .knews-detaylar {
     width: 100%
 }

 .knews-detay .knews-icerik .knews-detaylar .detay-item {
     font-weight: 400;
     font-size: 16px;
     color: var(--grey-content-text)
 }

 .knews-detay .knews-icerik .knews-detaylar .detay-item svg {
     margin-right: 6px
 }

 .knews-detay .knews-icerik .knews-dosya table {
     width: 100%
 }

 .askf-alert {
     width: 100%;
     background-color: #18bc9c;
     box-shadow: 0 0 20px 1px rgb(0 48 87 / .1) !important;
     border-radius: 6px
 }

 @media only screen and (max-width:992px) {
     .askf-alert {
         padding: 16px
     }
 }

 .askf-alert .icon {
     width: 76px;
     min-height: 76px
 }

 @media only screen and (max-width:992px) {
     .askf-alert .icon {
         width: 48px;
         height: 48px
     }
 }

 .askf-alert .icon svg {
     font-size: 42px;
     color: #fff
 }

 @media only screen and (max-width:992px) {
     .askf-alert .icon svg {
         font-size: 24px
     }
 }

 .askf-alert .ContWarn {
     width: calc(100% - 76px);
     padding: 0 12px
 }

 @media only screen and (max-width:992px) {
     .askf-alert .ContWarn {
         width: 100%;
         padding: 0 6px
     }
 }

 .askf-alert .ContWarn .baslik {
     text-transform: uppercase;
     font-weight: 700;
     color: #fff;
     margin: 0
 }

 .askf-alert .ContWarn .mesaj {
     font-weight: 500;
     color: #fff;
     margin: 0
 }


 

 .icerikFg {
     width: 100%;
     background-color: #fff;
     display: grid;
     grid-gap: 10px;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     position: relative
 }

 .icerikFg .Fgitem {
     width: 150px;
     height: 150px;
     padding: 2px;
     border: 1px solid #ccc;
     border-radius: 4px;
     position: relative;
     -webkit-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
     -moz-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
     box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1)
 }

 
 .arkasec1 {
     display: flex;
     flex-direction: column;
     padding: 0;
     background: #e9ecef !important;
     transition: all .2s ease-in-out
 }

         .cCont {
            width: 100%;
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 999;
        }

        .cCont .cContCnt {
            widows: 100%;
            background-color: var(--cContBg);
            border: 1px solid var(--askf_color_header_ust);
            border-radius: 16px;
        }

        .cContMpdBod h3 {
            font-size: 20px;
        }

        .cContMpdBod p,
        .cContMpdBod a,
        .cContMpdBod table thead tr th,
        .cContMpdBod table tbody tr td {
            font-size: 14px;
        }
		
		.dnewslar-baslik{
		
    font-family: 'Jost', sans-serif;
    color: var(--askf_color_header_alt);
    position: relative;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
		
		.dnews-detay .fotolar {
    width: 100%;
    background-color: #fff;
    display: grid
;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    position: relative;
}


		.dnews-detay .fotolar .Fgitem {

max-width:150px;
    max-height: 150px;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    -webkit-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
    -moz-box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
    box-shadow: inset 0 0 39px 1px rgb(0 0 0 / .1);
}
		.dnews-detay .fotolar .Fgitem img{

max-width:145px;
    max-height: 140px;
 
}

   


  .haber_liste_1 img {
    transition: transform 0.3s ease;
  }

  .haber_liste_1:hover img {
    transform: scale(1.05);
  }

  .haber_liste_1_title {
    color: var(--askf_color_header_ust);
  }
  
  .askflogo img{
	  max-height:80px;
  } 
 #HeadStick .askflogo img{
	  max-height:90px;
	  margin-top:4px;
  }
  
@media (max-width: 768px) {
    .askflogo img{
	  max-height:70px;
  } 
 #HeadStick .askflogo img{
	  max-height:70px;
	  margin-top:4px;
  }
}

  
  
  
  .haber_liste_1 a{
	  text-decoration:none;
  }
  .haber_liste_1 .card-text{
	  text-decoration:none;
	  --bs-text-opacity: 1;
    color: #6c757d !important;
  } 
  .haber_liste_2 a{
	  text-decoration:none;
  }
  .site_links{
	  text-decoration:none;
  }
  .haber_liste_2 .card-text{
	  text-decoration:none;
	  --bs-text-opacity: 1;
    color: #6c757d !important;
  }
  
  .haber_liste_2_group_item {
	 position: relative;
    display: block;
    padding: 0.52rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
  }
  
   .manset-slider {
    height: 435px;
    overflow: hidden;
    position: relative;
  }
   .manset-slider2 {
    height: 486px;
    overflow: hidden;
    position: relative;
  }
  .manset-slider img {
    object-fit: cover;
    height: auto;
    width: 100%;
  }
  .gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
    display: flex;
    align-items: flex-end;
    color: white;
    padding: 1.5rem;
  }
  .num-buttons {
    background: #f8f9fa;
    padding: 8px 0;
    text-align: center;
  }
  .num-buttons button {
    border: none;
    background: none;
    padding: 4px 10px;
    color: #000;
    font-weight: 500;
    border-radius: 4px;
  }
  .num-buttons button.active {
  	background-color: var(--askf_color_header_ust);
    color: #fff;
  }
  .news-box img {
    height: 190px;
    object-fit: cover;
  }
  .news-box {
    overflow: hidden;
  }
  @media (max-width: 991px) {
    .manset-slider {
      height: 300px;
    }
    .manset-slider img {
      height: 300px;
    }
  }
  
  .yan_haber_baslik{
	  color: var(--askf_color_header_ust);
	  font-weight:bold;
	  text-decoration:none;
  } 
  .yan_haber_baslik:hover{
	  color: var(--askf_color_header_alt);
	  font-weight:bold;
	  text-decoration:none;
  }
  


.yonetim-kurulu-card {
  border-radius: 11px;
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.yonetim-kurulu-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.yonetim-kurulu-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom: 4px solid var(--askf_color_header_ust);
}

.yonetim-kurulu-card .card-body {
  padding: 0.75rem 1rem;
}

.yonetim-kurulu-card .card-title {
  font-size: 1.1rem;
  color: var(--askf_color_header_ust);
  letter-spacing: 0.2px;
  font-weight:bold;
}

.yonetim-kurulu-card .card-text {
  color: var(--askf_color_header_ust);
}

.yonetim-kurulu-card .photo-preview {
  overflow: hidden;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.yonetim-kurulu-card:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

@media (max-width: 768px) {
  .yonetim-kurulu-card img {
    height: 200px;
  }
}



.alert-balon {
      position: relative;
      padding: 1rem 1.5rem;
      border-radius: 12px;
      margin: 1rem 0;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-weight: 500;
      animation: fadeIn 0.5s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
     animation: floatY 2s ease-in-out infinite;
    }
@keyframes floatY {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
.alert-balon:hover {
  animation-play-state: paused;
}
   
    .alert-balon i {
      font-size: 1.25rem;
    }

 
    .alert-balon .close-btn {
      margin-left: auto;
      cursor: pointer;
      font-weight: bold;
      color: inherit;
    }

 
    @keyframes fadeIn {
      from {opacity: 0; transform: translateY(-10px);}
      to {opacity: 1; transform: translateY(0);}
    }

  
    .alert-success { background-color: #d1fae5; color: #065f46; }
    .alert-warning { background-color: #fef3c7; color: #92400e; }
    .alert-danger  { background-color: #fee2e2; color: #991b1b; }
    .alert-info    { background-color: #cffafe; color: #0c4a6e; }
    .alert-site_rengi   { background-color: var(--askf_color_header_ust); color: #fff; }

    
    .alert-balon:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    }
	
	
	
	.site-footer {
  background-color: #2b2b2b;
  color: #ddd;
  font-size: 14px;
  line-height: 1.6;
}

.footer-top {
  border-top: 3px solid var(--askf_color_header_alt);
}

.footer-title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 15px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 6px;
}

.footer-links a {
  color: #aaa;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: #fff;
}

.footer-logo {
  max-width: 180px;

}

.app-btn {
  height: 45px;
  border-radius: 8px;
  background-color: #1b1b1b;
  padding: 3px 8px;
}

.footer-bottom {
  background-color: #242424;
  border-top: 1px solid #333;
}


.footer-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
 

  padding-bottom: 20px;
  -webkit-overflow-scrolling: touch;
  justify-content: center; 

}

.footer-scroll::-webkit-scrollbar {
  height: 6px;
}

.footer-scroll::-webkit-scrollbar-thumb {
  background: var(--askf_color_header_ust);
  border-radius: 3px;
}

.footer-link-item {
  flex: 0 0 auto;
}

.footer-brand {
  height: 100px;
  opacity: 0.8;
  filter: grayscale(30%);
  transition: all 0.3s ease;
  transform: translateY(0);
}

.footer-brand:hover {
    opacity: 1;
  filter:  brightness(1.2);
}

@media (max-width: 768px) {
  .footer-brand {
    height: 75px;
  }
}


.footer-social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-social .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #1f1f1f;
  color: #ccc;
  font-size: 18px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.footer-social .social-link:hover {
  color: #fff;
  background-color: var(--askf_color_header_alt); 
  transform: translateY(-3px);
}

.footer-logo-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  /*border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.15);*/
  overflow: hidden;
}

.footer-logo {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

  .gallery-container {
      position: relative;
      overflow: hidden;
      padding: 20px 0;
    }

    .gallery-scroll {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      scroll-behavior: smooth;
    }

    .gallery-scroll::-webkit-scrollbar {
      display: none;
    }

    .gallery-item img {
      height: 200px;
      border-radius: 10px;
      object-fit: cover;
    }

    .gallery-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      padding: 10px 15px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10;
    }

    .gallery-btn.left {
      left: 10px;
    }

    .gallery-btn.right {
      right: 10px;
    }
	
	
	
	.pdf-viewer-wrapper {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.pdf_goruntuleyici {
  width: 100%;
  height: 800px;
  border: 1px solid #ddd;
  margin: 10px 0;
}


.sidebarx ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebarx li {
    margin: 0;
    position: relative
}

.sidebarx li::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
    background-color: var(--askf_color_header_ust);
    z-index: 1
}

.sidebarx li:hover::before {
    width: 100%
}

.sidebarx li a {
    display: block;
    width: 100%;
    padding: 14px 16px;
    text-decoration: none;
    background-color: transparent;
    transition: all .2s ease-in-out;
    border-bottom: 1px solid var(--content-border);
    position: relative;
    z-index: 4
}

.sidebarx li a .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    border-radius: 10px;
    background-color: var(--grey-bg);
    color: var(--grey-content);
    transition: all .2s ease-in-out
}

.sidebarx li a .baslik {
    padding-left: 14px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-text-color);
    transition: all .2s ease-in-out
}

.sidebarx li a:hover .baslik {
    color: white
}

.sidebarx li a:hover .icon {
    color: white;
    background-color: rgba(255, 255, 255, 0.2)
}

.sidebarx li:last-child a {
    border-radius: 0 0 6px 6px
}

.sidebarx .content-title {
    display: block;
    width: 100%;
    padding: 18px 16px;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--primary-text-color);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid var(--content-border);
    background-color: rgba(87, 117, 140, 0.05)
}

.sidebarx .content-title svg {
    margin-right: 10px;
    font-size: 120%
}

.sidebarx li:last-child a {
    border: none
}