@import url("https://fonts.googleapis.com/css2?family=Inter:400&display=swap");
@font-face {
  font-family: "Inter";  
  font-display:swap;
 
}
:root {
  --text-blue: #0166d8;
}
#mega-menu-click:hover,
#mega-menu-search {
  cursor: pointer !important;
}

#mega-menu {
  display: none;
  top: 0px;
  left: 0px;
}
#mega-menu ul {
  padding-left: 0 !important;
}
#close-menu-icon {
  cursor: pointer;
}

#mega-menu .col-md-auto li {
  margin-bottom: 7px;
}

#offcanvasNavbar {
  width: 80% !important;
}
.mega-menu-fade {
  position: fixed;
  top: 577px;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.3;
}

#mega-menu a:hover {
  text-decoration: underline;
}

body {
	  font-family: 'Inter',sans-serif;
  font-size: 18px;
  background-color: #f2f2f3 !important;
}
nav.navbar {
  background-color: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.47);
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.2;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}

main{
	margin-top:40px;
}
.navbar.navbar-expand-lg {
  position: fixed;
  top: 0px; /* Navbar'ı başlangıçta gizliyoruz */
  left: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 10px;
  transition: top 0.3s; /* Geçiş efektini ekliyoruz */
  z-index: 999;
}

.bg-light-blue {
  background-color: #eef4f8 !important;
}
.bg-ararenk {
  background-color: #f6f7fb !important;
}
.bg-card-bg {
  background-color: #f0f3fd !important;
}

.bg-dark-gray {
  background-color: #c6c9c6 !important;
}
.text-dark-gray {
  color: #c6c9c6 !important;
}
.bg-gray {
  background-color: #f2f2f2 !important;
}
.text-graycd {
  color: #cdcdcd !important;
}
.bg-graycd {
  background-color: #f1f1f1 !important;
}
.text-gray {
  color: #506690 !important;
}
.text-gray7 {
  color: #777 !important;
}
.bg-gray7 {
  background-color: #777 !important;
}
.text-blue {
  color: #0166d8 !important;
}
.text-link-blue{
	color:#82a0ff!important;
}
.text-green {
  color: #58b61d !important;
}
.bg-koyumavi {
  background-color: #113dbb !important;
}
.kategori-link2 {
  color: #01165b !important;
  border: 2px solid rgb(185, 185, 185) !important;
}
.kategori-link2:hover {
  background-color: #3a619a;
  color: #fff !important;
  border: 2px solid #3a619a !important;
}
.kategori_altkategori {
  background-color: #fff;
  color: #01165b;
  border: 2px solid #01165b;
  transition: transform 0.3s ease;
}
.kategori_altkategori:hover {
  transform: scale(1.07) !important;
  color: #01165b !important;
}

.bg-gradient-blue {
  background: linear-gradient(
    90deg,
    rgba(58, 97, 154, 1) 0%,
    rgba(68, 123, 204, 1) 100%
  );
}

.bg-gradient-purple {
  background: linear-gradient(
    90deg,
    rgba(155, 121, 219, 1) 0%,
    rgba(174, 149, 229, 1) 100%
  );
}
.bg-gradient-world {
  background: linear-gradient(
    146deg,
    rgba(103, 127, 194, 1) 0%,
    rgba(122, 170, 224, 1) 51%,
    rgba(217, 88, 88, 1) 100%
  );
}
.bg-gradient-green {
  background: linear-gradient(
    90deg,
    rgb(96, 182, 116) 0%,
    rgb(144, 206, 124) 100%
  );
}
.bg-gradient-bp {
  background: linear-gradient(
    146deg,
    rgb(73, 140, 192) 4%,
    rgb(104, 157, 197) 66%,
    rgb(169, 227, 151) 100%
  );
}
.skew-bg {
  display: inline-block;
  transform: skew(-15deg);
  padding: 5px 15px;
}

.skew-bg p {
  transform: skew(15deg);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}

h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}

h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}

h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}
ul {
  list-style-type: none;
}
.navbar {
  font-size: 17px;
}
nav .nav-item .nav-link {
  color: #000 !important;
  font-weight: 600;
  font-size: 17.7px;
}
.navbar-butonlar a {
  margin-left: 20px !important;
  font-size: 0px;
  font-weight: 600;
}
.bg-logo-blue {
  background-color: #3a619a !important;
}
.bg-blue {
  background-color: #3a619a !important;
}
.bg-logo-blue:hover {
  background-color: #113dbb !important;
}
.text-logo-blue {
  color: #3a619a !important;
}
.bg-dark-blue {
  background-color: #113dbb !important;
  transition: background-color, transform 0.3s ease-in-out;
}
a.bg-dark-blue:hover {
  background-color: #3a619a !important;
  transform: scale(1.05);
}
.text-dark-blue {
  color: #113dbb !important;
}
.daha-fazla-hover:hover {
  background-color: #113dbb !important;
}
.daha-fazla-hover-2:hover {
  background-color: #3a619a !important;
}
.image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 5px 5px;
}
.image-overlay .d-flex {
  flex-wrap: wrap;
}
.image-overlay .d-flex a.nav-link {
  margin-bottom: 10px;
}
.image-overlay-category {
  position: absolute;
  top: 25px;
  left: 25px;
  background-color: #113dbb;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px 0 5px 0;
  font-size: 14px;
}
.image-overlay-category-2 {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #113dbb;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px 0 5px 0;
  font-size: 14px;
}
.image-overlay-category-2:hover {
  color: red !important;
}
.image-overlay-category:visited {
  color: #fff !important;
}
.image-overlay-favori {
  position: absolute;
  top: 40px;
  right: 25px;
}
.heart-icon {
  cursor: pointer;
}
.heart-icon.clicked {
  color: red;
}
.heart-icon.clicked::before {
  content: "\f004";
}

.image-overlay-category:hover {
  background-color: #4571e9 !important;
  color: #fff !important;
}
.yazi-hover:hover {
  text-decoration: underline;
}
.yazi-hover:hover h1 {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .son-yazilar-element {
    height:90px!important;
  }
	.son-yazilar-element .row{
		height:100%!important;
	}
	.son-yazilar-element img{
		height:100%!important;
	}
	.post-benzer-yazilar .col-4 img{
		height:96px!important;
	}
}
.hover-underline:hover h1,
.hover-underline:hover h2,
.hover-underline:hover h3,
.hover-underline:hover h4,
.hover-underline:hover h5,
.hover-underline:hover h6 {
  text-decoration: underline !important;
}
.kategori-tumunugor:hover {
  border: 2px solid #f1f1f1 !important;
  background-color: #113dbb;
  color: #fff !important;
}

.puan-hesaplama a:hover {
  background-color: #fff;
  color: #0166d8;
  box-shadow: 0 0 0 2px #0166d8;
}
.hesaplama-araclari-buton {
  background-color: #fff;
  color: #0166d8;
  box-shadow: 0 0 0 2px #0166d8;
}
.hesaplama-araclari-buton:hover {
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 2px #fff !important;
}

.kategori-sinavlar .card {
  transition: all 0.2s ease-in;
}
.kategori-sinavlar .card:hover {
  transform: scale(1.1);
}

.kategori-sosyal-medya .card {
  position: relative;
}

.kategori-sosyal-medya .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(75, 108, 248, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.kategori-sosyal-medya .card:hover::before {
  opacity: 1;
}
.kategori-sosyal-medya .card .search-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.kategori-sosyal-medya .card:hover .search-icon {
  opacity: 1;
}
.mavi-etiket {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.mavi-etiket::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 25%;
  width: 60%;
  height: 7%;
  background-color: blue;
}

/* SADECE SINAV KATEGORİSİNDE OLACAK*/
.form-group {
  margin-bottom: 20px;
}

label {
  display: block;
}

input[type="range"] {
  width: 300px;
}

#calculate,
#clear {
  margin-top: 10px;
}

#verbal-score,
#quantitative-score,
#equal-weight-score {
  font-weight: bold;
  font-size: 20px;
}
#score {
  font-weight: bold;
  font-size: 18px;
}
.konum-relative {
  position: relative;
  display: inline-block;
}
.konum-relative img {
  display: block;
  width: 100%;
  height: auto;
}
.konum-overlay {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0 0 30px 30px;
}

.konum-overlay i {
  margin-right: 5px;
}

/* MOBİL */
@media only screen and (max-width: 576px) {
	main{
	margin-top:40px!important
	}
	.resimBoy4Col{
	/*width:171px!important;*/
	height:102px!important;
	}	
	ol.breadcrumb{
		margin-top:-30px;
	}
	
  .giris-resim {
    height: 250px !important;
  }
  .kategori-overlay-mobil .image-overlay h3 {
    font-size: 16px !important;
  }

  .yazi-one-cikan {
    height: 300px !important;
  }
  /* SADECE YASAM SAYFASI*/

  .saglikvekultursanat {
    margin-top: 40px;
  }
  .sayfa-kategorileri a {
    display: flex !important;
  }
  .kategori-akademik-blog {
    margin-top: 240px;
  }
  .ilan-resim-mobil {
    margin-top: 0 !important;
  }
  .sayfa-kategorileri-resim {
    height: 300px !important;
    background-position: center;
  }
  .kategori-akademik-blog {
    margin-top: 0;
  }
  .sayfa-kategorileri a {
    font-size: 16px !important;
  }
  .sayfa-kategorileri-resim-2 {
    height: 300px !important;
  }
  .sayfa-kategorileri-resim-3 {
    height: 300px !important;
    background-position: 20%;
  }
  .sayfa-kategorileri-resim-4 {
    height: 300px !important;
    background-position: 30%;
  }
  .sayfa-kategorileri-resim-5 {
    height: 300px !important;
    background-repeat: no-repeat;

    background-position: 40%;
  }

  .yukseklisans-personel-ilanlari .card {
    height: auto !important;
  }
  .akademik-yukseklisans-ilanlari .card {
    height: auto !important;
  }
	.anasayfa-giris{
		background-size:cover!important;
	}
	.custom-ads ins{
		height:auto!important;
		width:auto!important
	}

  
  .sari-cizgi {
    left: 30% !important;
  }
  .kategori-header-ul {
    flex-direction: column;
  }
  .kategori-header-ul li {
    border-left: none !important;
    margin-bottom: 10px;
  }

  .kategori-header-ul a:hover {
    box-shadow: none !important;
  }
  .kategori-header-ul li:nth-child(1) {
    padding-left: 1.2rem;
  }
	.ilanlar-col {
    width: 85px !important;
  }
  .footer-category-wrap {
    flex-wrap: wrap;
  }
  .footer-category-wrap > ul {
    width: 50%;
    padding-left: 0;
  }
  .footer-category-wrap ul {
    margin-top: 30px;
  }

  .meslek-ara input {
    max-width: 180px !important;
    height: 40px;
    font-size: 14px;
  }

  .meslek-kategoriler a {
    margin-top: 15px;
  }
  .ulke-kategoriler a {
    margin-top: 15px;
  }
  .mobil-uni-header {
    height: 335px !important;
  }

  .uni-header img {
    margin-top: -275px !important;
  }
  .uni-ara {
    margin-top: -275px !important;
    margin-right: 20px !important;
  }
  .mobil-uni-title {
    margin-top: 70px !important;
  }
  .uni-kategoriler a {
    margin-top: 15px;
  }
  .uni-header #stickyElement {
    margin-top: -40px;
  }

  .tree {
    overflow-x: scroll;
  }
  .ulke-kart {
    height: 260px !important;
  }
  .ulke-tanitim-bg {
    padding: 0 !important;
  }
  .bg-gradient-blue {
    height: 200px;
  }

  .yuksek-lisans-butonlar {
    margin-top: 15px;
    width: 100% !important;

    display: flex;
    justify-content: center;
  }
  .yuksek-lisans-butonlar a {
    padding: 5px 20px !important;
  }

  #filtrelemeMenu {
    display: none!;
  }
  .blog-gap {
    row-gap: 25px !important;
  }
  .kategori-meslekler i {
    margin-top: -22px;
  }
  .bg-gradient-blue-meslekler {
    height: 290px !important;
  }
  .meslek-header img {
    margin-top: -230px !important;
  }
  .bg-gradient-blue-meslekler h1 {
    margin-top: 120px !important;
  }
  .meslek-ara {
    margin-top: -150px !important;
  }
  .meslek-ara-long {
    margin-top: -155px !important;
  }
  .meslek-ara input {
    max-width: 100% !important;
    height: 40px;
    font-size: 14px;
  }
  .meslek-header #stickyElement {
    margin-top: -34px;
  }
  .meslek-header-long #stickyElement {
    margin-top: -34px;
  }
  .bg-gradient-blue-meslekler-long {
    height: 300px !important;
  }
  .bg-gradient-blue-meslekler-long img {
    margin-top: -280px !important;
  }
  .meslek-header-long img {
    margin-top: -230px !important;
  }
  .bg-gradient-blue-meslekler-long h1 {
    margin-top: 110px !important;
  }
  .meslek-maas-yillara-gore #maas-yillara-gore-grafik {
    width: auto !important;
  }
  .maas-grafik .grafik {
    width: 250px !important;
  }
  .kategori-overlay-mobil .col-6 .card img {
    height: 210px !important;
  }
  .universite-ilan-giris input {
    width: 270px !important;
    height: 35px !important;
  }
  .universite-ilan-giris button.bg-warning {
    height: 35px !important;
  }
  .uni-detay-buton {
    margin-left: 1.7rem;
  }
  .puan-hesaplama a {
    font-size: 16px !important;
  }
  .homepage-sonyazilar h3 {
    font-size: 16px !important;
  }
  .ilan-card img {
    height: 60px !important;
    width: 60px !important;
  }
  .ilan-card h2 {
    font-size: 18px !important;
  }
  .ilan-card h3,
  .ilan-card span {
    font-size: 15px !important;
  }

  .ilan-detay-card span {
    font-size: 14px !important;
  }
  .ilan-detay-card {
    padding: 0 !important;
    background-color: transparent !important;
  }
  .kategori-header .nav-tabs {
    border: 0 !important;
  }
  .kategori-header .nav-tabs li {
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .kategori-header-akademik-egitim .nav-tabs li a {
    font-size: 15px !important;
  }
  .kategori-header .nav-tabs li a {
    font-size: 15px !important;
  }
  .ulke-egitim .kategori-header .nav-tabs a {
    padding: 5px 5px !important;
  }
  .ilan-paylas-header {
    background-color: #f3f3f3;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    top: 15px !important;
    padding: 0 10px;
    transform: skew(-25deg);
  }
  .ilan-paylas-header span,
  .ilan-paylas-header a {
    transform: skew(25deg);
  }
  .ilan-card-with {
    max-width: 170px;
  }
	
  #filtrelemeMenu {
    display: none;
  }
  #filtrelemeMenu .filtre-buton {
    display: flex;
  }
	.personel-ilan-kartlar .card{
	width:100%!important;
	}
	.comments-mobile{
		max-width:676px;
	}
}
#comment{
	width:100%
}
.baslik-underline {
  border-bottom: 3.3px solid #2b89ed;
  border-radius: 3px;
  margin-bottom: 25px;
}

.personel-ilan-kartlar {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row;
}

/* TABLET */
@media (min-width: 576px) and (max-width: 1024px) {
  .uni-detay-buton {
    margin-left: 5rem;
  }
	 .personel-ilan-kartlar .card {
    width: 100% !important;
  }
}
/* TABLET ve MOBİL */

@media (max-width: 1024px) {
  .kategori-universiteler .position-absolute {
    position: static !important;
    margin-bottom: 15px;
  }

  .kategori-universiteler .col-12.col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .kategori-universiteler .col-2.position-absolute {
    position: static !important;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .kategori-universiteler .card {
    height: 200px;
    width: 200px;
  }
  .uni-buton {
    position: static !important;
    margin-top: 35px !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
  }
  .kategori-universiteler {
    padding-bottom: 0px !important;
  }
  .kategori-sinavlar {
    margin-top: 50px !important;
  }
  .yds-puan-hesaplama-araci {
    padding-bottom: 20px;
  }
  .hesapla-table {
    margin: 0 20px;
  }
  .YdsHesapla {
    margin: 0 20px;
  }
  .hesapla-table td {
    text-align: left !important;
  }
  .YdsHesapla td {
    text-align: left !important;
  }
  .personel-ilan-kartlar {
    flex-direction: column !important;
  }
  .personel-ilan-kartlar {
    width: 100% !important;
  }
  .personel-ilan-kartlar .card {
    max-width: 100% !important;
  }
  .personel-ilan-kartlar .card img {
    height: 100%;
  }
  .kategori-header {
    height: 100% !important;
  }
	.mobil-card-h .col-md-4 {
    max-width: 100% !important;
  }
  .mobil-card-h .card img {
    height: 100%;
    border-radius: 8px 0 0 8px !important;
  }
}

/* NAV TABS BORDER RENK  */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #0d6efd;
  border-bottom: 2px;
}
.nav-tabs {
  border-bottom: 2px solid #0d6efd;
}
/* .akademik-egitim-kategorileri span {
  padding: 5px 25px !important;
} */

.akademik-kategori-link span {
  margin-right: 35px;
  font-weight: 800 !important;
  color: #0172f0;
  font-size: 17px !important;
}
.akademik-kategori-link2 span {
  margin-right: 48px;
  font-weight: 800 !important;
  color: #0172f0;
  font-size: 17px !important;
}
.kategori-link:hover {
  color: #113dbb;
}
.kategori-sayfalari-giris-sol h1 {
  font-size: 22px;
}
.kategori-sayfalari-giris-sol p {
  font-size: 17px;
}
.card-col-arkaplan {
  background-color: #d5e9ff;
}
.kategori-sayfalari-giris-sag h1 {
  font-size: 19px;
}
.yazi-kategori-link:hover {
  background-color: #4571e9 !important;
}

.yatay-cizgi {
  border-right: 2px solid #d4d4d4;
  padding-right: 35px;
}
.dot-background {
  background-color: #fbfbfb; /* Arka plan rengi */
  background-image: radial-gradient(#e1e1e1 1px, transparent 1px),
    radial-gradient(#f7f7f7 1px, transparent 1px); /* Nokta nokta deseni */
  background-position: 0 0, 10px 10px; /* Noktaların konumu */
  background-size: 20px 20px; /* Nokta aralığı ve boyutları */
}
.shadow-ust{
	box-shadow:0px -1px 20px -5px rgba(0,0,0,.25);
}
.genel-shadow {
  box-shadow: 0 4px 20px #00000012;
}
.genel-shadow-2 {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.genel-shadow-4 {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

/*MOBİL KARTLAR*/
@media only screen and (max-width: 576px) {
  .blog-card .card img {
    height: 150px !important;
  }
  .mobil-card-img {
    border-radius: 8px 0px 0px 8px !important;
  }
}

.blog-card .card a:hover a {
  text-decoration: underline !important;
}

.sinavlar-kategorileri .card {
  position: relative;
  transition: transform 0.3s ease;
}
.sinavlar-kategorileri .card:hover {
  transform: translateY(-10px);
}

.alt_cizgi {
  border-bottom: 1px solid #cbcbcb;
}

.universite-link {
  text-decoration: none;
  color: #fff;
}
.universite-link:hover {
  text-decoration: underline;
}
.tanitim-metin {
  line-height: 30px;
}

.kategorileri-kesfet .card:hover {
  transform: scale(1.04);
  transition: transform 0.4s ease;
}

.sm-facebook:hover {
  background-color: #2b89ed !important;
  color: #fff !important;
  transform: translateY(-10px);
  transition: transform 0.3s ease;
  box-shadow: rgba(43, 137, 237, 0.4) 0px 2px 4px,
    rgba(43, 137, 237, 0.3) 0px 7px 13px -3px,
    rgba(43, 137, 237, 0.2) 0px -3px 0px inset;
}

.sm-facebook:hover i {
  color: #fff !important;
}

.sm-twitter:hover {
  background-color: #16baee !important;
  color: #fff !important;
  transform: translateY(-10px);
  transition: transform 0.3s ease;
  box-shadow: rgba(20, 185, 238, 0.4) 0px 2px 4px,
    rgba(20, 185, 238, 0.3) 0px 7px 13px -3px,
    rgba(20, 185, 238, 0.2) 0px -3px 0px inset;
}

.sm-twitter:hover i {
  color: #fff !important;
}

.sm-instagram:hover {
  background-color: #e10c33 !important;
  color: #fff !important;
  transform: translateY(-10px);
  transition: transform 0.3s ease;
  box-shadow: rgba(20, 185, 238, 0.4) 0px 2px 4px,
    rgba(20, 185, 238, 0.3) 0px 7px 13px -3px,
    rgba(20, 185, 238, 0.2) 0px -3px 0px inset;
}

.sm-instagram:hover i {
  color: #fff !important;
  background: transparent !important;
}

.meslekler-alfabe {
  padding: 10px 10px;
}
.meslekler-alfabe span {
  padding: 10px;
  font-size: 20px;
}
.meslekler-alfabe span:hover {
  background-color: #113dbb;
  color: #fff;
}
.meslekler-alfabe span:active {
  background-color: #113dbb !important;
  color: #fff;
}

.ulkeler-alfabe {
  padding: 10px 10px;
}
.ulkeler-alfabe span {
  padding: 10px;
  font-size: 20px;
}
.ulkeler-alfabe span:hover {
  background-color: #113dbb;
  color: #fff;
}
.ulkeler-alfabe span:active {
  background-color: #113dbb !important;
  color: #fff;
}
.genel-shadow-3 {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
}
.meslek-navigation {
  background-color: #fff !important;
}
.meslek-link {
  color: #0166d8 !important;
  font-size: 18px;
}

.ulke-link {
  color: #0166d8 !important;
  font-size: 18px;
}
.ulke-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.meslek-tanitim-navigation a {
  color: #0166d8;
  font-weight: bold;
}
.meslek-tanitim-navigation a:hover {
  color: #113dbb !important;
}
.shadow-bottom {
  box-shadow: 0 2px 6px 0 rgba(50, 50, 93, 0.12);
}
.shadow-bottom-2 {
  box-shadow: 0 4px 2px -2px black;
}
.sss-numara {
  width: 40px;
  height: 40px;
}
.bg-e-blue {
  background-color: #217fe7 !important;
}
.meslek-link-active {
  color: #113dbb !important;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
}
.skills-table th {
  background-color: #f2f2f2;
}
.skills-table td,
.skills-table th,
.skills-table tr {
  padding: 5px;
  border: 1px solid #bfbfbf;
}

.post-header {
  padding-bottom: 220px !important;
}
.post-featured-image {
  margin-top: -200px;
	width:100%;
	height:auto;
}

.bg-navigation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #c4c4c4 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: -1;
}

.bg-post-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #c4c4c4 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: -1;
}

.buton-abone-ol {
  transition: all 0.5s ease-in-out;
}
.buton-abone-ol:hover {
  background-color: #fdfdfd !important;
  box-shadow: 0 0 0 2px gold !important;
  transform: translateY(1px);
}
.kategori-link-active {
  border-bottom: 4px solid #fff;
  padding-bottom: 6px;
  text-decoration: none;
  font-weight: bold;
}

.universite-kategoriler a:hover:not(.kategori-link-active-blue) {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.kategori-link-active-blue {
  border-bottom: 2px solid rgb(49, 115, 255);
  padding-bottom: 6px;
  text-decoration: none;
  font-weight: bold;
}
.kategori-header-ul {
  padding-left: 0;
  padding-bottom: 5px;
}
.kategori-header-ul li:nth-child(1) {
  padding-right: 20px;
}

.kategori-header-ul li:nth-child(n + 2) {
  border-left: 1px solid #ffffff;
  padding: 0 20px;
}
.kategori-header-ul a:hover {
  box-shadow: 0px 4px 0px 0px #fff;

  text-decoration: none;
}
/* ssl */
.accordiond .accordiond-item {
  border-bottom: 3px solid #34c5ec;
}
.accordiond .accordiond-item button[aria-expanded="true"] {
  border-bottom: 1px solid #34c5ec;
}
.accordiond button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 0.6em 1em;
  color: #000;
  font-size: 1.3rem;
  font-weight: bold;
  border: none;
  background: none;
  outline: none;
}
.accordiond button:hover {
  background-color: #34c5ec;
  color: #fff;
}
.accordiond-item:hover .icon {
  color: #fff;
}
.accordiond-item:focus .icon {
  color: #fff;
}
.accordiond button:focus {
  cursor: pointer;
}

.accordiond button:hover::after,
.accordiond button:focus::after {
  cursor: pointer;
  background-color: #456496;
  color: #23395d;
  border: 1px solid #23395d;
}

.accordiond button .accordiond-title {
  padding: 1em 1.5em 1em 0;
}
.accordiond button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 16px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
  color: #23395d;
}
.accordiond button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordiond button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordiond button[aria-expanded="true"] {
  background-color: #5ec7e4;
  color: #fff;
}
.accordiond button[aria-expanded="true"] .icon::after {
  width: 0;
}
.accordiond button[aria-expanded="true"] + .accordiond-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordiond .accordiond-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordiond .accordiond-content p {
  font-size: 1.2rem;
  font-weight: 400;
  padding: 1rem;
}
.alt-kategori {
  margin-left: 15px;
}
.alt-kategori-2 {
  margin-left: 30px;
}

/* Homepage Slider */
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 4px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.9);
}
.denemeasd {
  position: absolute;
}
.deneme-asd {
  display: block;
  background-color: #102b69;
  width: 100%;
  height: 200px;
}
.deneme-asd::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon fill='%23f2f2f3' points='0,100 100,0 100,100'/%3E%3C/svg%3E");
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.yuksek-lisans-ilani .card-body .card:nth-child(6) {
  border-bottom: 0 !important;
}
.shadow-bottom-2 {
  box-shadow: 0px 15px 10px -18px #111;
}

.sosyal-link a:hover i {
  transition: all 0.5s ease;
  transform: scale(1.2);
}
.kategori-header {
  padding-bottom: 1px;
}

.kategori-header .nav-tabs .nav-item.show .nav-link,
.kategori-header .nav-tabs .nav-link.active {
  border-color: #fff;
  border-bottom: 2px;
}
.kategori-header .nav-tabs {
  border-bottom: 2px solid #fff;
}
.kategori-header .nav-tabs * {
  color: #fff !important;
}
.kategori-header .nav-tabs .nav-link.active {
  border: 2px solid #fff;
}

.yazi-kategori a {
  margin-right: 10px;
}

.footer-category ul li:nth-child(1) {
  margin-bottom: 15px;
}

.tum-meslekler .card:hover h3 {
  text-decoration: underline;
}

/*toc*/

.icindekiler {
  position: sticky !important;
  top: 120px;
}
.icindekiler li {
  list-style-type: none;
}
.icindekiler li a {
  text-decoration: none;
}
.icindekiler .tocfirst {
  color: #000;
}
#icindekiler-span{
	color:#333;
	font-weight:600;
}
.has-submenu{
	font-size:17px;
}
.show .is-active-link::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='%23000' class='bi bi-caret-right-fill' viewBox='0 0 16 16' style='background-color:%23F2F2F3'%3E%3Cpath fill='%23000' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
  background-color: #f2f2f3 !important;

  left: -34px;
  top: 0;
}
.show .is-collapsible .is-active-li .is-active-link::before {
  left: -22px !important;
  top: 3px;
}
.is-active-li {
  position: relative;
}
.is-collapsible .toc-link a {
  top: 0;
}
.toc-link::before {
  background-color: #f2f2f3 !important;
  display: inline-block;
  margin-top: -1px;
  position: absolute;
  width: 1px;
  z-index: -1;
}
.toc-content > .toc-list {
  max-height: 500px;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
}
.toc-list {
  padding-left: 20px !important;
}
.is-active-link {
  font-weight: 700;
}
.toc-list a {
  color: #000;
  text-decoration: none;
}
.js-toc {
  overflow-y: hidden;
}

.toc-content > .toc-list {
  border-left: 1.3px solid rgba(0, 0, 0, 0.4);
}
#toccol {
  border-left: 1px solid #000;
  max-height: 600px;
  font-size: 16px;
}
.is-collapsible {
  max-height: 1000px;
  overflow: hidden;
}

.is-collapsed {
  max-height: 0;
}
.mobil-sideBar-icindekiler {
  color: #000;
  position: sticky;
  top: 105px;
}
.mobil-sideBar-icindekiler li {
  list-style-type: none;
}

/* toc bitiş */
.meslek-header a:hover {
  color: #113dbb;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.meslek-header-long a:hover {
  color: #113dbb;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
.ulke-header a:hover {
  color: #113dbb;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}

.nav-toc li:nth-child(1) {
  background-color: #dae9ff !important;
  border-radius: 10px 10px 0 0;
}
.nav-toc li {
  padding: 0 10px;
  border-bottom: 1px solid #93b9f3;
}
.nav-toc li:hover {
  font-weight: bold;
  background-color: #dae9ff !important;
}
.nav-toc li:last-child {
  border-bottom: 0;
}
.meslek-kategorileri {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #dce7ff;
}

.meslek-is-ilanlari .card:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

.meslek-menu-link {
  text-decoration: none;
}

.meslek-menu-active {
  color: #113dbb;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

#yukari {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #3a619a;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 35px;
  transition: all 0.3s ease;
  z-index: 999;
}
#yukari i {
  color: #fff;
  font-size: 20px;
}
#yukari:hover {
  background-color: #ffd167;
  cursor: pointer;
}

.bg-yellow {
  background-color: #f4bf33 !important;
}

.degerlendirme-filtrele .form-check-input {
  border: 1px solid black;
}

.meslek-ilanlar .homepage-ilanlar h3 {
  margin: 0 !important;
}
.meslek-ilanlar .card {
  height: auto !important;
  margin-bottom: 20px;
}

.ulke-baslik:hover {
  cursor: pointer;
}

.sayfalama span:hover {
  background-color: #dce7ff;
  font-weight: bold;
}

.bg-aktif {
  background-color: #95da6a !important;
}
.bg-suresi-gecmis {
  background-color: #ff184e;
  color: #fff !important;
}
.yuksek-lisans-ilanlari-cards:last-child {
  border: none !important;
}

.filtre-buton:hover {
  cursor: pointer;
}
.blog-gap {
  row-gap: 35px;
}

.filtre-menu .menu {
  margin-top: 2px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
}
#search-box2 {
  display: none!important;
  position: absolute;
}
.search-box2.active {
  display: block!important;
}
.search-box {
  display: none;
  position: absolute;
}
.search-box.active {
  display: block;
}
#searchIcon:hover {
  cursor: pointer;
}
#searchBox {
  top: 60px;
  right: 250px !important;
}
#searchBox2 {
  top: 60px;
  right: 80px !important;
}
#searchIcon2:hover {
  cursor: pointer;
}

/* Sayfalama CSS Kodu Başlangıcı */
.wp_paging {
  margin: 0 0 20px;
  padding: 0;
}
.wp_paging ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp_paging ul li {
  margin: 0;
  padding: 0;
  display: inline;
}
.wp_paging ul li a {
  float: left;
  display: block;
  color: #666;
  text-decoration: none;
  margin-right: 5px;
  padding: 5px 10px;
  background-color: #ffffff;
  border: 1px solid #999;
}
.wp_paging ul li a:hover {
  color: #090;
}
/* Sayfalama CSS Kodu Sonu */

.news-abone-ol:hover {
  color: #01165b !important;
  font-weight: bold;
}

footer li a:hover {
  text-decoration:underline;
  color: #e0e8ff;
  font-weight: bold;
 
}

.line-clamp {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-y: hidden !important;
}
.line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-y: hidden !important;
}

.btn-puan-hesaplama:hover {
  background-color: transparent !important;
  color: #fff !important;
}

.footerAd {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9999!important;
  opacity: 0;
}

.footerAd .close {
  background: #e9e9e9;
  color: #e11;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
}

.footerAd .close:before {
  content: "X";
  display: inline-block;
  margin: 8px 5px;
  vertical-align: middle;
  font-size: 12px;
}

.footerAd .close .text {
  display: inline-block;
  vertical-align: middle;
}

.footerAd .ad {
  z-index: 99999!important;
  max-height: 150px;
  min-height: 80px;
  min-width: 250px;
}

.ads {
  text-align: center;
}

#footerAd-body {
  z-index: 99999!important;
  opacity: 0;
  transition: 0.5s ease-in-out;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 250px;
  height: 260px;
  background-color: #fff;
  border: 2px double #e2e2e2;
  border-bottom: 0;
  text-align: center;
}

#footerAd-body .arrow span#kapa {
  transition: 0.5s ease-in-out;
  margin: 0;
  color: red;
  font-size: 20px;
}

#footerAd-body .arrow {
  z-index: 9999!important;
  text-align: center;
  font-weight: 600;
  width: 24px;
  height: 24px;
  background-color: #fff;
  position: absolute;
  top: -8px;
  left: -8px;
  border-radius: 50%;
  cursor: pointer;
}

#footerAd-mobil .ad {
  z-index: 99999!important;
  display: inline-block;
  height: 100%;
  width: 98%;
}

#footerAd-mobil {
  z-index: 99999!important;
  max-height: 230px;
  height: 230px;
	width:230px;
}

#footerAd-mobil .ad {
  z-index: 99999!important;
  margin: 0;
  margin-top: 1%;
}

/* COMMENT AREA */
.btn.yorum-btn {
  background-color: #3a619a !important;
  color: #fff !important;
}
.btn.yorum-btn:hover {
  background-color: #102b69 !important;
}
.comment-list ul {
  padding-left: 0 !important;
}
.comment-list{
	padding-left:0
}
.comment-list li {
  list-style: none !important;
}
.yorum-btn {
  background: #e6974f;
  border-radius: 4px;
  color: var(--white);
}

.yorum-btn:hover {
  background: #c67123;
  color: var(--white);
}
.yorum-alani p {
  margin: 0;
  font-size: 16px;
}
.comment.byuser {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px;
  background-color: #fff;
}
.comment-list {
  background-color: transparent !important;
}
.comment.yorum{
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 10px;
  background-color: #fff;
} 
.comment-area,
.comment-area:focus-visible {
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
}

.comment-form-cookies-consent label {
  display: inline !important;
}

.comment-form-cookies-consent {
  margin-top: 10px;
}

.dahacard .card-img-top {
  border-radius: 0 !important;
}

a.kategori-link {
  z-index: 3;
  position: absolute;
}

.maincontent ul,
.maincontent ol {
  padding-left: 3rem;
}

@media screen and (max-width: 576px) {
  .b-bottom-custom {
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-border-after: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color) !important;
    border-block-end: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color) !important;
  }
  .maincontent p {
    font-size: 17px;
  }
  .maincontent li {
    font-size: 17px;
  }
  .maincontent ul,
  .maincontent ol {
    padding-left: 3rem;
  }
}
.maincontent h2,
.maincontent .h2,
.maincontent h3,
.maincontent .h3,
.maincontent h4,
.maincontent .h4,
.maincontent h5,
.maincontent .h5,
.maincontent h6,
.maincontent .h6 {
  font-family: "Gibson";
  margin: 14px 0;
}

.maincontent h2,
.maincontent .h2 {
  font-weight: 700;
}

.yuksek-lisans-ilanlari .blog-content .card:first-child{
	margin-bottom:20px
}

#filter .filter-style-9 .filter-title .title,#filter .filter-style-3 .filter-title .title{
	text-decoration:none
}
#ez-toc-container{
	display:none!important
}

.ilan-detay-header h1 a:hover {
	text-decoration:underline!important;
}

.yazar-avatar img{
	border-radius:50%!important;
}

.genel-shadow-4 {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1) !important;
}
.gundem-haberleri .container{
	max-width:1220px!important;
}
.sayfalamaCss span {
  background-color: #3a619a !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border: none !important;
}
.resimBoy3Col{
	width:336px;
	height:203px;
}
.resimBoy4Col{
	width:281px;
	height:160px;
}
.children .yorum {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ededed;
  border-radius: 5px;
  padding: 7px;
  margin-top: 10px;
  margin-left: 5%;
}

.wp-block-embed__wrapper iframe{
	width:100%;

}
.input-group>.form-control{
	width:5%!important;
}
#personel-ilanlari .card img{
	height:100%!important;
}
.sbi_feedtheme_header_text{
	color:#444444;
}
#sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text {
	display:inline-flex!important;
}