* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  background: #f5f5f5;
}
.logo:first-child {
    width: 150px;
}
p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}

table{
  width: 100% !important;
}

ul,
a {
  text-decoration: none;
  list-style: none;
}

.mainHeader {
  padding: 24px 57px;
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: space-between;
  transition: .4s;
}

.mainHeader.home .logo .page {
  display: none;
}
.fotterLogo {
    width: 150px;
}
a.bakanlik img {
  width: 89px;
}

.mainHeader .headerMid {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 1380px;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  transition: .4s;
}

.menuLink {
  width: 76%;
  position: relative;
  display: flex;
}
.courseSwiper {
    width: 100%;
}
.mainHeader .headerMid .menuLink>ul {
  display: flex;
  padding: 15px 13px;
  border: 1px solid #fff;
  border-radius: 30px;
  position: absolute;
  top: -23px;
  z-index: 999;
  width: 100%;
  justify-content: center;
}

.searchLable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.searchLable label {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
  padding: 0 35px;
}

.searchLable label input {
  position: absolute;
  top: -26px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 49px;
  border-radius: 25px;
  border: 1px solid #fff;
  background: transparent;
  outline: none;
  padding: 0 35px;
  color: #fff;
  font-size: 15px;
}

.searchClose {
  color: #fff;
  font-size: 20px;
  position: relative;
  z-index: 15;
  cursor: pointer;
}

.searchLable.active {
  opacity: 1;
  visibility: visible;
}

.mainHeader.home.fixed {
  background: #001925;
}

.subMenu {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

div#mainHeader.fixed {
  position: fixed;
  top: 0;
}

.mainHeader .headerMid .menuLink ul>li>a.menuLink {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  transition: .4s;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  padding-right: 24px;
  transition: .4s;
  width: 100%;
}

.mainMenuLink a {
  padding: 15px 22px;
  border: 1px solid #fff;
  border-radius: 30px;
}

.mainMenuLink a {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  transition: .4s;
}

.search span.serachIcon {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.mainHeader .headerMid .menuLink ul li>a:hover {
  transition: .4s;
}

.mainMenuLink a:hover {
  transition: .4s;
  color: #ffffff;
}

a.menuLink.hasMenu::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  display: flex;
  border-radius: 100%
}

a.menuLink.hasMenu {
  display: flex;
  align-items: center;
  gap: 5px;
}

.mainHeader.active .headerMid .menuLink ul li>.menuLink {
  transition: .4s;
  padding-bottom: 16px;
  margin-bottom: 15px;
  border-bottom: 1px solid #001925;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #001925;
}

.mainHeader.home {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}


.mainHeader.active .headerMid .menuLink>ul {
  background: #fff;
}

.mainHeader .headerMid .menuLink ul.subMenuItem>li>a {
  color: #001925;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 15px;
  display: flex;
  width: 99%;
}

.active .subMenu {
  transition: .4s;
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

.active .mainHeader {
  transition: .4s;
  align-items: start;
}

.active .mainHeader .headerMid {
  transition: .4s;
  align-items: start;
}

.mainHeader.active {
  transition: .4s;
}

.mainHeader.active .headerMid {
  transition: .4s;
}

.mainHeader .headerMid .menuLink ul>li:last-child>a.menuLink {
  padding-right: 0;
}

.mainHeader.fixed {
  position: fixed;
  width: 100%;
  z-index: 3;
}

.homeBanner {
  position: relative;
  height: 100vh;
}

.homeBanner .scrollBtn {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.swiper.bannerSwiper img {
  width: 100%;
  height: 100%;
}

.swiper.bannerSwiper {
  width: 100%;
  height: 100%;
}

.swiper.bannerSwiper .swiper-slide {
  position: relative;
}

.swiper.bannerSwiper .swiper-slide .bannerContext {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper.bannerSwiper .swiper-slide .bannerContext h2 {
  color: #fff;
  font-size: 53px;
  font-weight: 200;
  letter-spacing: 13px;
}

.swiper.bannerSwiper .swiper-slide .bannerContext h1 {
  color: #fff;
  font-size: 85px;
  font-weight: 900;
}

.homeBanner .scrollBtn span {
  display: flex;
  cursor: pointer;
  transform: translateY(3px);
}

div#whyBanner {
  margin-top: 100px;
}

div#whyBanner .whyContainerTitle {
  /* margin-bottom: 39px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

div#whyBanner .whyContainerTitle h2 {
  font-size: 50px;
  color: #000;
  font-weight: 600;
}

div#whyBanner .whyContainerTitle h2 span {
  font-weight: 300;
}

div#whyBanner .whyContainerTitle p {
  font-size: 20px;
  width: 61%;
  display: flex;
  text-align: center;
  color: #000;
}

.btnContainer {
  padding: 10px;
  border: 1px solid #001925;
  background: #001925;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 8px;
  transition: .4s;
  width: max-content;
  justify-self: center;
}

.btnContainer span {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 100%;
}

.btnContainer:hover {
  transition: .4s;
  background: #fff;
  color: #001925;
}

.startSection {
  padding: 30px 34px;
  background: #001925;
  border-radius: 16px;
  /* height: 575px; */
}

.startSection h2 {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}

.startSection h2 span {
  font-size: 26px;
  font-weight: 500;
}

.startContent h3 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}

.startContent p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 22px;
  font-weight: 300;
}

.midSection {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
}

.midSection .midContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin-top: 150px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.midSection img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.midSection .midContent h2 {
  font-size: 30px;
  font-weight: 900;
  color: #001925;
}

.midSection .midContent span {
  font-size: 30px;
  color: #001925;
  font-weight: 200;
}

.whySwiper .swiper-wrapper {
  height: 94%;
  max-height: max-content;
}

.whySwiper .swiper-wrapper .swiper-slide {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.whySwiper .swiper-wrapper .swiper-slide .whysliderContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 25px 44px;
  justify-content: end;
  gap: 15px;
  font-size: 20px;
  color: #ffff;
}

.whySwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.whySwiper {
  height: 100%;
}

.whySwiper .swiper-scrollbar-drag {
  background: #001925;
}

.courseContainer {
  margin-top: 150px;
}

.courseRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.courseContent {
  display: flex;
  gap: 27px;
}

.mainHeader.innerPage {
  position: unset;
  background: #f5f5f5;
}

.mainHeader.innerPage .logo .page {
  display: block;
}

.mainHeader.innerPage .logo .mainPage {
  display: none;
}

.mainHeader.home .logo .mainPage {
  display: block;
}

.mainHeader.innerPage .headerMid .menuLink>ul {
  border: 1px solid #001925;
}

.mainHeader.innerPage .headerMid .menuLink ul>li>a.menuLink {
  color: #001925;
}

.innerPage a.menuLink.hasMenu::after {
  background: #001925;
}

.innerPage .mainMenuLink a {
  color: #001925;
  border: 1px solid #001925;
}

.innerPage .search span.serachIcon {
  border: 1px solid #001925;
}

.innerPage .search span.serachIcon svg * {
  fill: #001925;
}

.innerPage .hamburgerMenu svg * {
  stroke: #001925;
}

.breadcrump {
  margin-top: 40px;
  margin-bottom: 60px;
  padding-bottom: 35px;
  border-bottom: 1px solid #d6d6d6;
}

.breadcrump h2 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
}

.breadcrump ul li {
  display: flex;
  align-items: center;
  gap: 5px;
}

.breadcrump ul li a {
  font-size: 15px;
  color: rgba(0, 0, 0, .5);
  transition: .4s;
}

.breadcrump ul span {
  width: 3px;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  border-radius: 100%;
}

.breadcrump ul li a:hover {
  transition: .4s;
  color: #001925;
}

.kurulContext {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px 20px;
}

.mainBtn {
  padding: 15px 27px;
  border: 1px solid #c8c8c8;
  border-radius: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #001b29;
  transition: .4s;
  white-space: nowrap;         /* Satır taşmasını engeller */
  /* overflow: hidden; */            /* Taşan metni gizler */
  text-overflow: ellipsis;     /* Taşan metnin yerine ... koyar */
}

.mainBtn span {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001b29;
  border-radius: 100%;
}

.mainBtn:hover {
  transition: .4s;
  color: #c8c8c8;
  border: 1px solid #001b29;
  background: #001b29;
}

.mainBtn:hover span{
  transition: .4s;
  background: #ffffff;
}

.mainBtn:hover span svg path{
  transition: .4s;
  fill: #001b29;
}

.kurulDetayContext {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 70px 60px;
}

.personInfo img {
  width: 100%;
  max-height: 294px;
  border-radius: 24px;
  margin-bottom: 10px;
}

.personInfo h4 {
  font-size: 25px;
  text-align: center;
  font-weight: 400;
  color: #161616;
  margin-bottom: 10px;
}

.personInfo p {
  color: #161616;
  font-weight: 300;
  text-align: center;
}

.paymentsContent img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  margin-bottom: 20px;
}

.mevzuatContext p {
  margin-bottom: 20px;
}

.mevzuatContext li {
  list-style: disc;
  margin-left: 20px;
}

.galleryContainer {
  margin-top: 78px;
  background: #edecec;
  padding: 60px 0;
}

.galleryContainer a {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  height: 100%;
}

.galleryContainer a img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.aboutUsContent h2 {
  font-size: 30px;
  font-weight: 700;
  color: #161616;
  margin-bottom: 33px;
}

.misvizContent {
  margin-top: 42px;
  padding: 0 125px;
  margin-bottom: 42px;
}

.misViz {
  border: 1px solid #c8c8c8;
  border-radius: 17px;
  padding: 35px 33px;
}

.misViz h4 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
  text-transform: uppercase;
}

.mevzuatContext h2 {
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 35px;
  color: #161616;
}

.idariYapiContainer.container>.row {
  margin-top: 28px;
  gap: 43px 0;
}

.row.idariYapiBtn {
  gap: 20px;
}

p.idariYapiContext {
  font-size: 24px;
  font-weight: 400;
  color: #bfbfbf;
}

.linkContent .row {
  gap: 20px 0;
}

.galeri-top img {
  width: 100%;
  height: auto;
  max-height: 587px;
  border-radius: 60px;
}

.galeriRow.row {
  margin-top: 25px;
  gap: 20px 0;
}

.galeriRow.row a img {
  width: 100%;
  height: 100%;
  max-height: 281px;
  min-height: 281px;
  border-radius: 20px;
}
.galeriRow.row a iframe {
  width: 100%;
  height: 100%;
  max-height: 281px;
  min-height: 281px;
  border-radius: 20px;
}
.haberTopRow.row {
  margin: 0 140px;
  display: flex;
}

a.blogComponent {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #c3c3c3;
}

a.blogComponent img {
  width: 100%;
  max-height: 270px;
  border-radius: 16px;
  object-fit: cover;
  display: flex;
  height: 100%;
}

.blogContext {
  padding: 20px;
}
.date {}

a.blogComponent .blogContextBottom .date {
  padding: 5px;
  background: #C3C3C3;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
}
.haberTop h2 {
  font-size: 33px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
}

.row.haberRow img {
  min-height: 281px;
  height: 100%;
}

.row.haberRow {
  gap: 25px 0;
}

a.blogComponent h4 {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px;
  white-space: nowrap;     /* Tek satırda kalmasını sağlar */
  overflow: hidden;        /* Taşan kısmı gizler */
  text-overflow: ellipsis;
}

a.blogComponent .blogContextBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.infoWrapper .date {
  padding: 5px 10px;
  background: #c3c3c3;
  color: #fff;
  font-size: 15px;
  border-radius: 11px;
}

a.blogComponent .blogContextBottom span {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001b29;
  border-radius: 100%;
}



a.blogComponent.topRight img {
  max-height: 188px;
  object-fit: cover;
}

.haberTop {
  margin-bottom: 90px;
}

.blogPagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 5px;
}

.blogPagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid #c3c3c3;
  font-size: 20px;
  color: #c3c3c3;
  border-radius: 5px;
  transition: .4s;
}

.blogPagination ul li a:hover {
  transition: .4s;
  background: #001b29;
  border: 1px solid #001b29;
  color: #fff;
}

.blogPagination ul li a:hover svg * {
  fill: #fff
}

a.blogComponent .blogImagContainer {
  position: relative;
  max-height: 270px;
  height: 100%;
}

a.blogComponent .blogImagContainer .date {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  background: rgba(250, 250, 250, 70%);
  border-top-left-radius: 20px;
  color: #000;
  font-size: 15px;
}

.blogRow.row {
  gap: 20px 0;
}

.projeRow.row {
  gap: 20px 0;
}

.projelerTop h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}

.projeRow h3 {
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 20px;
}

.blogImagCont img {
  width: 100%;
  height: auto;
  border-radius: 60px;
}

.blogImagCont {
  position: relative;
  z-index: 1;
}

.blogImagCont .sharebtn {
  position: absolute;
  bottom: 6px;
  right: 125px;
  padding: 10px 15px;
  background: #001b29;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 17px;
  color: #fff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  cursor: pointer;
}

.blogImagCont .sharebtn span {
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 100%;
}

.blogInfo {
  margin-top: 41px;
}

.blogInfo h3 {
  font-size: 27px;
  color: #161616;
  margin-bottom: 41px;
}

.shareContent {
  display: flex;
  gap: 50px;
  background: #EDECEC;
  padding: 25px 30px;
  border-radius: 37px;
  position: absolute;
  bottom: -16px;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}

.shareContent img {
  width: 164px;
  object-fit: cover;
  height: auto;
  border-radius: 27px;
}

.shareContent h3 {
  font-size: 27px;
  font-weight: 600;
  color: #161616;
  margin-bottom: 10px;
}

.shareContent p {
  font-size: 16px;
  margin-bottom: 10px;
}

.shareContent a {
  font-size: 22px;
  color: #c3c3c3;
  margin-bottom: 10px;
  font-weight: 200;
  display: flex;
}

.btnCopy {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  gap: 6px;
  border: 1px solid #c3c3c3;
  border-radius: 14px;
}

.shareend {
  display: flex;
  gap: 20px;
}

.shareend ul {
  display: flex;
  gap: 15px;
}

.shareend ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  gap: 6px;
}

.closeShare {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3c3c3;
  border-radius: 100%;
  color: #c3c3c3;
  cursor: pointer;
}

.shareContent.active {
  transition: .4s;
  opacity: 1;
  visibility: visible;
}

.recomended {
  margin-top: 40px;
  padding: 50px 0;
  background: #EDECEC;
}

.recomended>.container>h4 {
  padding: 10px 28px;
  border: 1px solid #C3C3C3;
  color: #161616;
  display: inline-flex;
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 25px;
  border-radius: 16px;
}

.contactRow h2 {
  font-size: 46px;
  font-weight: 800;
  color: #161616;
  margin-bottom: 10px;
}

.contactRow h3 {
  font-size: 51px;
  font-weight: 100;
  color: #161616;
  margin-bottom: 60px;
}

.inputRow {
  gap: 32px 0;
}

.inputContainer input {
  height: 52px;
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 20px;
  background: #edecec;
  width: 100%;
  outline: none;
  padding: 20px;
  font-size: 15px;
  color: #161616;
}

.inputContainer textarea {
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 20px;
  background: #edecec;
  width: 100%;
  outline: none;
  padding: 20px;
  font-size: 15px;
  color: #161616;
  font-family: "Poppins", sans-serif;
  resize: unset;
  height: 365px;
}

.courseComponent {
  max-width: 140px;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  height: 465px;
  cursor: pointer;
  transition: .4s;
}

.courseComponent .openSection {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  z-index: 1;
}

.courseComponent .closeSection {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  bottom: 27px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  transition: .4s;
}

.courseComponent img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: .4s;
}

.courseComponent .closeSection h4 {
  writing-mode: sideways-lr;
  height: 268px;
  font-size: 23px;
  color: #fff;
}

.courseComponent::after {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}

.courseComponent .closeSection span {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 100%;
}

.courseComponent.active {
  transition: .4s;
  max-width: 100%;
}

.courseComponent.active .closeSection {
  transition: .4s;
  opacity: 0;
  visibility: hidden;
}

.courseComponent.active .openSection {
  transition: 2s;
  opacity: 1;
  visibility: visible;
}

.courseComponent .openSection span {
  display: flex;
  justify-content: end;
}

.courseComponent .openSection span img {
  width: 63px;
  height: 63px;
}

.courseComponent .openSection a.courseLink {
  padding-top: 10px;
  border-top: 1px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.courseComponent .openSection a.courseLink p {
  font-size: 23px;
  font-weight: 500;
  color: #fff;
}

.courseComponent .openSection a.courseLink .courseDetail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.courseComponent .openSection a.courseLink .courseDetail .detail {
  display: flex;
  gap: 15px;
}

.courseComponent .openSection a.courseLink .courseDetail .detail span {
  padding: 10px 15px;
  background: #c3c3c3;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
}

.courseComponent .openSection a.courseLink .courseDetail .svg {
  width: 28px;
  height: 28px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.courseContext h2 {
  font-size: 43px;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600;
}
.courseContext h2 span {
  font-weight: 200;
}
.courseContext p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: #000;
}

.appBannerContainer {
  height: 732px;
  position: relative;
  background-repeat: no-repeat;
}

.appBannerContext {
  position: absolute;
  right: 0;
  bottom: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.appBannerContext h4 {
  font-size: 33px;
  color: #001925;
  font-weight: 200;
  margin-bottom: 8px;
}

.appBannerContext h2 {
  font-size: 77px;
  font-weight: 900;
  color: #001925;
  margin-bottom: 15px;
}

.appBannerContext p {
  width: 58%;
  text-align: center;
  font-size: 20px;
  color: #001925;
  margin-bottom: 15px;
}

.appBannerContainer a {
  padding: 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  border: 1px solid #001925;
  font-size: 20px;
  font-weight: 300;
  border-radius: 16px;
  color: #001925;
  transition: .4s;
  margin-bottom: 15px;
}

.appBannerContainer a:hover {
  transition: .4s;
  background: #001925;
  color: #fff;
}

.applicationLinks {
  display: flex;
  gap: 20px;
}

.applicationLinks a {
  margin: 0;
}

.bakanContainer.container {
  margin-top: 90px;
  margin-bottom: 90px;
}

.bakanContainer.container .col-lg-7.col-md-12 {
  display: flex;
  gap: 35px;
  align-items: baseline;
}

.bakanContainer.container .col-lg-7.col-md-12 p {
  font-size: 18px;
  color: #001925;
}

.bakanContainer.container .col-lg-7.col-md-12 p .white {
  font-weight: 200;
}
.bakanContainer.container .row {
  align-items: center;
}
.bakanContainer.container .col-lg-7.col-md-12 p .blue {
  font-weight: 600;
}

.col-lg-5.col-md-12.bakanWrapper {
  display: flex;
  gap: 42px;
}

.bakanWrapper .bakanComponent {
  border: 1px solid #c3c3c3;
  border-radius: 16px;
  overflow: hidden;
}

.bakanWrapper .bakanComponent img {
  width: 100%;
  margin-bottom: 10px;
  /* height: 100%;
  max-height: 300px; */
  border-radius: 20px;
  object-fit: cover;
}

.bakanWrapper .bakanComponent .bakanContext {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  gap: 7px;
}

.bakanWrapper .bakanComponent .bakanContext h4 {
  font-size: 18px;
  font-weight: 200;
}

.bakanWrapper .bakanComponent .bakanContext p {
  font-size: 15px;
  font-weight: 700;
}

.gencsporBakanligi {
  margin: 63px 120px;
  background: #fff;
  border-radius: 16px;
  padding: 16px 53px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 94px;
}

.gencsporBakanligi .left {
  display: flex;
  gap: 15px;
  align-items: center;
}

.gencsporBakanligi .left img {
  width: 100px;
  height: 100px;
}

.gencsporBakanligi .left .leftWrapper p {
  font-size: 20px;
  font-weight: 200;
  color: #001925;
}

.gencsporBakanligi .left .leftWrapper h2 {
  font-size: 26px;
  font-weight: 200;
  color: #000;
}

.gencsporBakanligi a {
  padding: 10px 55px;
  background: #c3c3c3;
  border-radius: 12px;
  border: 1px solid #c3c3c3;
  color: #fff;
  font-size: 28px;
  transition: .4s;
}



.gencsporBakanligi a:hover {
  transition: .4s;
  background: #001925;
  color: #fff;
  border: 1px solid #001925;
}

he {}

.blogSwiper {
  height: 40vh;
}

.blogSwiper .swiper-wrapper {
  height: 85%;
}

.swiper-scrollbar-drag {
  background: #001925;
}

.blogHomeContainer.container h2 {
  font-size: 50px;
  color: #000;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 40px;
}

.blogHomeContainer.container h2 strong {
  color: #001925;
}

.blogHomeContainer .btnContainer {
  justify-self: end;
  margin-top: 38px;
}

a.blogComponent .blogContextBottom .infoWrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}

a.blogComponent .blogContextBottom .infoWrapper img {
  width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px;
}

.currentCourse {
  display: flex;
  align-items: end;
  margin-left: 110px;
}

.currentCourse h3 {
  background: #f5f5f5;
  padding: 16px 21px;
  width: 27%;
  text-align: end;
  font-size: 29px;
  font-weight: 800;
  border-radius: 20px;
  transform: translate(16px, -57px);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.currentCourse h3::after {
  content: "";
  height: 3px;
  width: 60%;
  display: flex;
  background: #000;
}

.currentCourse.oldCourse {
  margin-right: 110px;
  margin-top: 100px;
  align-items: start;
}

.currentCourse.oldCourse h3 {
  width: 29%;
  transform: translate(18px, 180px);
}
.currentCourse h3 .mainSpan span {
    font-weight: 400;
}
.currentCourse.oldCourse .row {
  gap: 54px 0;
  width: 100%;
}

.map iframe {
  width: 100% !important;
  border-radius: 40px;
}

.map {
  margin-bottom: 22px;
}

.contactInfo {
  padding: 30px 50px;
  background: #EDECEC;
  border: 1px solid #C8C8C8;
  border-radius: 40px;
}

.contactInfo h4 {
  font-size: 30px;
  font-weight: 100;
  color: #161616;
  margin-bottom: 15px;
}

.contactInfo p {
  font-size: 16px;
  margin-bottom: 33px;
}

.contactBottom .contactSocial {
  display: flex;
  padding-top: 33px;
  border-top: 1px solid #d6d6d6;
  align-items: center;
}

.contactBottom .contactSocial ul {
  display: flex;
  gap: 10px;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #161616;
}

.contactBottom .contactSocial ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contactTab {
  display: flex;
  gap: 12px;
  align-items: center;
}

.contactTab a {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 100;
  color: #161616;
}

.contactRow.row form {
  position: relative;
}

.contactRow.row button {
  position: absolute;
  bottom: 5px;
  width: max-content;
  right: 56px;
  border: none;
  outline: none;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001b29;
  color: #fff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  gap: 20px;
  transition: .4s;
}

.contactRow.row button span {
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 100%;
}

.contactRow.row button:hover {
  transition: .4s;
  background: #fff;
  color: #001b29;
}

.faq-container {
  width: 100%;
}

.faq-item {
  overflow: hidden;
}

.faq-item-header {
  padding: 15px;
  cursor: pointer;
  color: white;
  font-size: 24px;
  text-align: left;
  border: none;
  width: 100%;
  display: block;
  background: transparent;
  color: #6B6B6B;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-item-content {
  font-size: 24px;
  height: 0;
  opacity: 0;
  transition: .4s;
  border-left: 3px solid #001b29;
  padding: 30px;
  margin: 0 10px;
  color: #6B6B6B;
  padding: 0;
}

.active .faq-item-header {
  color: #001b29;
  border-bottom: 1px solid #001b29;
}

.faqContainer.container {
}

.active .faq-item-header svg {
  transition: .5s;
  transform: rotate(-180deg);
}

.faq-item-header svg {
  transition: .5s;
}

.faqContainer.container .faqTitle {
  font-size: 53px;
  margin-bottom: 60px;
  color: #001b29;
}

.active .faq-item-content {
  min-height: 150px;
  opacity: 1;
  padding: 30px 10px;
  height: 100%;
}

.faqContent .row {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.faqBtnWrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: sticky;
  top: 10px;
}

.faqBtnWrapper .faqTab {
  border: 1px solid #001b297a;
  padding: 12px 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  font-size: 17px;
  color: #000;
  font-weight: 400;
  transition: .4s;
}

.faqBtnWrapper .faqTab:hover {
  transition: .4s;
  background: #001b29;
  color: #fff;
}

.faqBtnWrapper .faqTab.active {
  transition: .4s;
  background: #001b29;
  color: #fff;
}

.allSportContainer.container img {
  border-radius: 40px;
  margin-bottom: 40px;
}

.herSporBottom {
  display: flex;
  align-items: center;
  gap: 15px;
}

.herSporBottom .conuterComponent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  background: #001925;
  border-radius: 10px;
  width: 100%;
  padding: 30px;
}

.herSporBottom .conuterComponent p {
  font-size: 45px;
  color: #fff;
}

.herSporBottom .conuterComponent span {
  font-size: 15px;
}

.allSportContainer.container h2 {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 15px;
}

h2 {}

.allSportContainer.container p {}

.allSportContainer.container .col-lg-5.col-md-12 {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.allSportContainer.container .col-12 {
  margin-top: 35px;
  display: flex;
  justify-content: center;
}

.allSportPageBottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 65%;
}

.allSportPageBottom h3 {
  color: rgba(0, 0, 0, .5);
  font-size: 25px;
}

.allSportPageBottom p {
  text-align: center;
}

.allSportPageBottom h5 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

.allSportsLink {
  display: flex;
  gap: 25px;
}

.allSportsLink a {
  padding: 15px 25px;
  border: 1px solid #c8c8c8;
  color: #001b29;
  font-size: 21px;
  border-radius: 17px;
  transition: .4s;
}

.allSportsLink a:hover {
  transition: .4S;
  background: #001b29;
  color: #fff;
}

.tabWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  background: #EDECEC;
  width: max-content;
  justify-self: center;
  margin-bottom: 70px;
}

.bransWrapper {}

.tabComponent {
  padding: 19px 100px;
  cursor: pointer;
  font-size: 43px;
  color: #001925;
  width: 100%;
  position: relative;
  transition: .4s;
}

.tabComponent svg {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}

.tabComponent.mid {
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
}

.tabComponent:hover {
  transition: .4s;
  background: #001925;
  color: #fff;
}

.tabComponent.active {
  transition: .4s;
  background: #001925;
  color: #fff;
}


.tabComponent:first-child {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.tabComponent:last-child {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.tabComponent.active svg {
  transition: .4s;
  opacity: 1;
  visibility: visible;
}

.whySwiper .swiper-wrapper .swiper-slide .whysliderContent p {
  color: #fff;
}

.tabDetailComponent .row {
  justify-content: center;
  gap: 45px;
}

.tabDetailComponent .row .col-lg-6.col-md-12 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}

.loginContainer.container {
  height: 35vw;
}

.loginContainer.container .row {
  width: 100%;
  height: 100%;
}

.loginContainer .left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  background: #001925;
  padding: 0 75px;
  border-radius: 15px;
}

.loginContainer .left h2 {
  font-size: 57px;
  color: #fff;
}

.loginContainer .left p {
  text-align: center;
  color: #fff;
}

.loginContainer .left a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 21px;
  color: #fff;
  position: relative;
  border: 1px solid #fff;
  width: 63%;
  border-radius: 16px;
  transition: .5s;
}

.loginContainer .left a span {
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
}

.loginContainer .left a:hover {
  transition: .5s;
  color: #0D4B71;
  background: #fff;
}

.loginContainer .left a:hover span svg * {
  transition: .5s;
  fill: #001925;
}

.login {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid #c8c8c8;
  border-radius: 16px;
  padding: 0 190px;
  background: #EDECEC;
}

.loginContainer .right {
  padding: 0 30px;
}

.login h2 {
  font-size: 29px;
  color: #001b29;
}

.login p {
  font-size: 15px;
  text-align: center;
  color: #001925;
}

.login form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  align-items: center;
}

.login form input {
  height: 55px;
  outline: none;
  border: 1px solid #001925;
  border-radius: 20px;
  padding: 23px;
  font-size: 16px;
  color: #161616;
  background: transparent;
  width: 100%;
}

.login form button {
  width: 300px;
  display: flex;
  justify-self: center;
  justify-content: center;
  padding: 15px;
  border: 1px solid #001925;
  border-radius: 20px;
  font-size: 21px;
  color: #fff;
  background: #001b29;
  position: relative;
  cursor: pointer;
  transition: .4s;
}

.login form button span {
  position: absolute;
  right: 30px;
}

.login form button:hover span svg * {
  fill: #001925;
}

.login form button:hover {
  transition: .5S;
  background: #fff;
  color: #001925;
}

form.bsvrForm .row {
  gap: 33px 0;
}

.inputContainer.col-lg-6.col-md-12 {
  display: flex;
  gap: 33px 0;
  flex-direction: column;
}

.bvsFrom textarea {
  height: 222px;
}

.col-12.submiteComponnet {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.captchaWrapper {
  display: flex;
  gap: 20px;
}

.captchaWrapper.inputContainer input {
  background: #fff;
  border-color: #001b29;
  width: 250px;
}

.captchaWrapper.inputContainer .codeWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  padding: 10px 20px;
  width: 250px;
  border: 1px solid #001b29;
  background: #fff;
  border-radius: 20px;
  position: relative;
}

.captchaWrapper.inputContainer .codeWrapper span {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.col-12.submiteComponnet button {}

.col-12.submiteComponnet button {
  width: 300px;
  display: flex;
  justify-self: center;
  justify-content: center;
  padding: 15px;
  border: 1px solid #001925;
  border-radius: 20px;
  font-size: 21px;
  color: #fff;
  background: #001b29;
  position: relative;
  cursor: pointer;
  transition: .4s;
}

.col-12.submiteComponnet button span {
  position: absolute;
  right: 30px;
}

.col-12.submiteComponnet button:hover span svg * {
  fill: #001925;
}

.col-12.submiteComponnet button:hover {
  transition: .5S;
  background: #fff;
  color: #001925;
}

.gnkBsvTop h2 {
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 15px;
}

.gnkBsvTop p {
  font-size: 19px;
  font-weight: 200;
  color: #161616c7;
}

.gnkBsvTop {
  margin-bottom: 40px;
}

form.bsvrForm {
  padding: 0 50px;
}

.galleryContainer .container .row {
  gap: 30px 0;
}

.galleryContainer.haberGalery {
  background: transparent;
}

.galleryContainer h2 {
  margin-bottom: 20px;
  font-size: 32px;
}

.blogImagCont.kursImg img {
  height: 582px;
  object-fit: cover;
}

.blogInfo .infoWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 41px;
}

.blogInfo .infoWrapper h3 {
  margin: 0;
}

.blogInfo .infoWrapper>div {
  display: flex;
  gap: 12px;
  align-items: center;
}
.blogInfo .infoWrapper>div img {
  width: 42px;
}
.fixedSocial {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  z-index: 2;
}

.fixedSocial .social ul li a {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #001b29;
  border-radius: 100%;
  border: 1px solid #001b29;
  transition: .4s;
}

.fixedSocial .mainSocialDiv {
  width: 55px;
  height: 55px;
  position: relative;
  background: #001b29;
  border-radius: 100%;
  cursor: pointer;
  transition: .4s;
  animation: scaleAnimation 2s infinite ease-in-out;
}
@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.fixedSocial .mainSocialDiv .close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: .4s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 24px;
}

.fixedSocial .mainSocialDiv .open svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.mainSocialDiv .open svg.active {
  transition: .3s;
  opacity: 1;
  visibility: visible;
}

.fixedSocial .social ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  transform: translateY(61px);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}

.fixedSocial.active .social ul {
  transition: .4s;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.fixedSocial.active .mainSocialDiv .open {
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}

.fixedSocial.active .mainSocialDiv .close {
  transition: .4s;
  opacity: 1;
  visibility: visible;
}

.fixedSocial.active .mainSocialDiv {
  transition: .4s;
  background: #C3C3C3;
}

.fixedSocial.active::after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.fixedSocial .social {
  position: relative;
  z-index: 2;
}

.fixedSocial .mainSocialDiv {
  position: relative;
  z-index: 2;
}

footer {
  background: #001925;
  padding-top: 45px;
  margin-top: 70px;
}

.footerSwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.footerSwiper .swiper-wrapper {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  width: 100%;
}

.footerContainer.container {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #fff;
  padding-bottom: 60px;
}

.footerBottom {
  display: flex;
  justify-content: space-between;
}

.footerLinkContainer {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.footerLinkContainer .linkComponent h3 {
  font-size: 25px;
  color: #fff;
  margin-bottom: 25px;
}

.footerLinkContainer .linkComponent ul.linkList {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.linkComponent {}

.footerLinkContainer .linkComponent ul.linkList li a {
  font-size: 16px;
  color: #fff;
}

.footerAddress h3 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 58px;
}

.footerAddress .footersocial ul {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 16px;
}

.footerAddress .contact {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.footerAddress .contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 16px;
}

.abone label {
  width: 100%;
  height: 42px;
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 16px;
  padding-right: 20px;
}

.abone label input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border: none;
  outline: none;
  padding: 20px;
  font-size: 15px;
  color: #fff;
}

.abone label input::placeholder {
  color: #ffffffbd;
}

.footerEnd {
  padding: 20px 120px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footerEnd img {
  width: 110px;
}

.footersocial.footerBottomSocial ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.footerEnd p {
  color: #001925;
}

.mainHeader.innerPage .beyaz {
  display: none;
}

.mainHeader.home .kırmızı {
  display: none;
}

.headerMenuBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 50px 120px;
  background: #001925;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  overflow-y: auto;
}

.headerMenuBar .headerMenuBarTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #fff;
}

.headerMenuBarClose {
  width: 51px;
  height: 51px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
}

.headerMenuBarBottom {
  display: flex;
  gap: 125px;
}

.menuBarLinks {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 28px;
}

.menuBarLinks a {
  color: #fff;
  padding: 8px 20px;
  border-radius: 20px;
  border: 1px solid transparent;
  transition: .4s;
}

.menuBarLinks a:hover {
  transition: .4s;
  background: #D9D9D9;
  color: #001925;
  border: 1px solid #fff;
}

.menuBarLinks .abone {
  margin-left: 20px;
  margin-top: 70px;
}

.menuBarLinks .abone h3 {
  font-size: 27px;
  color: #fff;
  margin-bottom: 20px;
}

.headerMenuBar.active {
  transition: .4s;
  opacity: 1;
  visibility: visible;
}

.hamburgerMenu {
  cursor: pointer;
}
.appBannerMobile {
  display: none;
}
.col-lg-4.col-md-12.endSection {
  padding: 0;
}

div#whyBanner .row {
  gap: 20px;
}

div#whyBanner .row .col-lg-4 {
  width: 32%;
}
.projelerComponent .row {
  /* align-items: center; */
}

.projelerComponent h2 {
  margin-bottom: 20px;
}
.denklikContainer.container img {
  width: 100%;
  height: 100%;
}

.denklikContainer.container .row {
}

.denklikContainer.container .row a {
  margin-top: 30px;
  display: flex;
  color: rgba(0,0,0,50%);
  text-decoration: underline;
  transition: .5s;
}

.denklikContainer.container .row a:hover {
  transition: .5s;
  color: #000;
}
.denklikImg.row {
  margin-top: 50px;
  gap: 30px 0;
}
.nf404 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin-top: 100px;
    width: 100%;
}

.nf404 .svg {
    width: 100%;
}

.nf404 .svg svg {
    width: 100%;
}

.nf404 .svg svg * {
    fill: #001925;
}

.nf404 a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
    padding: 15px 35px;
    border: 1px solid #001925;
    border-radius: 35px;
    color: #001925;
    transition: .5s;
}

.nf404 a svg * {
    fill: #001925;
}

.nf404 a:hover {
    transition: .5s;
    background: #001925;
    color: #fff;
}

.nf404 a:hover svg * {
    transition: .5s;
    fill: #fff;
}
.cccap{
  height: 52px;
  position: relative;
  background: #fff;
  width: 100%;
  outline: none;
  font-size: 15px;
  color: #161616;
  display: flex;
  justify-content: start;
  overflow: hidden;
  align-items: center;
}
.reset-c{
  position: absolute!important;
  bottom: 5px!important;
  width: 50px!important;
  right: -1px!important;
  border: none!important;
  outline: none!important;
  padding: 10px 15px!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  background: transparent!important;
  color: #fff!important;
  border-top-right-radius: 16px!important;
  border-top-left-radius: 16px!important;
  gap: 20px!important;
  transition: .4s!important;
  cursor:pointer!important;
}

.page-item.active a{
  background: #001b29;
  color:#fff;
}
.idariYapiContext p {
  font-size: 26px;
  font-weight: 400;
  color: #bfbfbf;
  text-align: start;
}

/* Ortak Alert Stili */
.alert {
  position: relative;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

/* Başarı Mesajı */
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

/* Bilgilendirme Mesajı */
.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

/* Uyarı Mesajı */
.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

/* Hata / Tehlike Mesajı */
.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/* Kapatma butonu için */
.alert-dismissible {
  padding-right: 3.75rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  background: transparent;
  border: 0;
  font-size: 1.2rem;
  color: inherit;
}

.alert-heading {
  font-size: 1.25rem!important;
  font-weight: 600!important;
  margin-top: 0!important;
  margin-bottom: 0.5rem!important;
  line-height: 1.2!important;
}
.cap::placeholder{
  text-transform: capitalize!important;
}

table {
  margin-top: 50px;
  margin-bottom: 50px;
  border:1px solid #e2e2e2;
}
tr,td{
  text-align: center;
  padding: 10px;
  border:1px solid #e2e2e2;
}
@media screen and (max-width:1710px) {
  .mainHeader .headerMid {
    gap: 10px;
  }

  .mainHeader {
    padding: 40px;
  }

  .mainHeader .headerMid .menuLink>ul {
    padding: 15px 20px;
    width: 100%;
  }

  .mainHeader .headerMid .menuLink ul>li>a.menuLink {
    font-size: 14px;
  }

  .mainMenuLink a {
    font-size: 15px;
    padding: 15px;
  }
  .appBannerContext {width: 60%;}

  .appBannerContext h4 {
    font-size: 30px;
  }

  .appBannerContext h2 {
    font-size: 70px;
  }

}
@media screen and (max-width:1600px){
  .search span.serachIcon {
    width: 40px;
    height: 40px;
}

.menuLink {
    width: 79%;
}
.appBannerContext h4 {
    margin-bottom: 0;
}

.appBannerContext h2 {
    margin-bottom: 0;
}

.appBannerContext p {width: 80%;}
}
@media screen and (max-width:1536px){
  .mainHeader.innerPage {
    padding: 28px;
}
.currentCourse h3 {
    font-size: 25px;
  }
a.bakanlik img {
    width: 52px;
}
}
@media screen and (max-width:1440px){
  a.bakanlik img {
    width: 60px !important;
  }
.menuLink {
    width: 74%;
}
.currentCourse {
  display: flex;
  align-items: end;
  margin-left: 16px;
}
  .mainHeader.home .logo img {
    width: 150px;
  }

  .mainHeader {
    gap: 24px;
    padding: 40px 21px;
  }

  .hamburgerMenu svg {
    width: 46px;
  }

  .headerMid {
    width: 100%;
  }


  .mainMenuLink a {
    font-size: 14px;
    padding: 15px 10px;
  }

  .search {
    margin-right: 0;
  }

  .mainHeader .headerMid .menuLink>ul {
    padding: 15px 10px;
  }

  .mainHeader .headerMid .menuLink ul>li>a.menuLink {
    font-size: 12px;
  }


  .mainHeader .headerMid {justify-content: start;gap: 25px;}

  .mainHeader .headerMid .menuLink ul>li>a.menuLink {
    padding-right: 10px;
  }
  .mainHeader .headerMid .menuLink ul.subMenuItem>li>a {
    font-size: 11px;
}
  .appBannerContainer {
    background-repeat: no-repeat;
    background-size: contain;
    height: 533px;
  }

  .appBannerContext {
    bottom: unset;
    top: 26%;
  }

  .appBannerContext h4 {
    font-size: 20px;
  }

  h4 {}

  .appBannerContext h2 {
    font-size: 50px;
  }

  .appBannerContext p {
    font-size: 14px;
  }

  .appBannerContainer a {
    font-size: 16px;
  }

  .footerLinkContainer {
    gap: 30px;
  }

  .footerLinkContainer .linkComponent h3 {
    font-size: 22px;
    margin-bottom: 19px;
  }
  .mainBtn {
    /* font-size: 20px; */
  }

  .breadcrump {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .currentCourse {
    margin-right: 50px;
  }

  a.blogComponent h4 {
    font-size: 15px;
  }

  .infoWrapper .date {
    font-size: 11px;
  }

  a.blogComponent .blogContextBottom .infoWrapper {
    gap: 5px;
  }

  .blogContext {
    padding: 15px;
  }

  
  .login {
    padding: 0 100px;
  }

  .loginContainer .left h2 {
    font-size: 37px;
  }
  .startSection {
    padding: 30px;
  }
}

@media screen and (max-width:1500px){
  .footerLinkContainer .linkComponent h3{
    font-size: 14px;
  }
  .footerAddress h3{
    font-size: 15px;
    margin-bottom: 18px;
  }
  .mainHeader .headerMid .menuLink ul>li>a.menuLink{
    padding-right: 10px;
  }
  .fotterLogo{
    width: 130px;
  }
}


@media screen and (max-width:1270px){
  .menuLink {
    display: none !important;
  }
  .mainHeader .headerMid {
    justify-content: end;
    gap: 21px;
  } 
  .footerContainer{
    max-width: 1140px;  
  }
}

@media screen and (max-width:1024px){
  .menuLink {
    display: none !important;
  }

  .mainHeader .headerMid {
    justify-content: end;
    gap: 21px;
  }

  .search {
    margin-right: 0;
  }

  .homeBanner {
    height: 65vh;
  }

  div#whyBanner .row {
    height: 35vh;
  }

  div#whyBanner .row .col-lg-4.col-md-12 {
    height: 100%;
  }

  .startSection {
    padding: 34px;
  }

  .startSection h2 span {
    font-size: 20px;
  }

  .startSection h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .startContent h3 {
    margin-bottom: 15px;
  }

  .startContent p {
    font-size: 15px;
  }

  .midSection .midContent h2 {
    font-size: 20px;
  }

  .midSection .midContent span {
    font-size: 20px;
  }

  .whySwiper .swiper-wrapper .swiper-slide .whysliderContent {
    padding:25px

  }
  div#whyBanner {
    margin-top: 90px;
  }

  .courseContainer {
    margin-top: 90px;
  }

  .courseComponent {
    height: 400px;
  }

  .courseComponent .openSection a.courseLink p {
    font-size: 17px;
  }

  .courseComponent .openSection a.courseLink .courseDetail .detail span {
    font-size: 14px;
  }

  .appBannerContext {
    top: 95px;
  }

  .appBannerContainer {
    height: 387px;
  }

  .appBannerContainer a svg {
    width: 30px;
  }

  .appBannerContext h4 {
    font-size: 15px;
  }

  .appBannerContext h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }

  .appBannerContext p {
    font-size: 15px;
    width: 99%;
  }

  .appBannerContainer a {
    font-size: 15px;
  }

  .bakanWrapper .bakanComponent .bakanContext h4 {
    font-size: 15px;
  }

  .bakanContainer.container .col-lg-7.col-md-12 p {
    font-size: 15px;
  }

  .gencsporBakanligi {
    margin: 60px;
    padding: 15px 35px;
  }

  .blogSwiper {
    height: 24vh;
  }
  .footerSwiper .swiper-wrapper {
    width: 100%;
  }
  .footerSwiper {
    width: 100%;
  }
  .footerBottom {
    flex-direction: column;
    gap: 40px;
  }

  .footerAddress h3 {
    margin-bottom: 20px;
  }

  .footerEnd {
    padding: 20px 40px;
  }
  .headerMenuBar {
    padding: 50px 70px;
  }

  .headerMenuBarBottom {
    gap: 30px;
  }

  .menuBarLinks {
    font-size: 25px;
    gap: 4px;
  }
  .homeBanner {
    height: 50vh;
  }

  .swiper.bannerSwiper .swiper-slide .bannerContext h2 {
    font-size: 40px;
  }

  .swiper.bannerSwiper .swiper-slide .bannerContext h1 {
    font-size: 59px;
  }

  div#whyBanner .whyContainerTitle h2 {
    text-align: center;
  }

  div#whyBanner .row {
    gap: 20px 0;
    height: 100%;
  }

  div#whyBanner .row .col-lg-4.col-md-12 {
    height: 29vh;
  }

  .midSection {
    padding: 0;
  }

  .courseRow {
    gap: 40px 0;
  }

  .bakanContainer.container .row {
    gap: 40px 0;
  }

  .gencsporBakanligi {
    margin: 60px 30px;
  }

  a.blogComponent h4 {
    font-size: 13px;
  }

  .blogSwiper {
    height: 24vh;
  }

  .headerMenuBar {
    padding: 50px;
  }

  .headerMenuBar .headerMenuBarTop {
    margin-bottom: 56px;
  }

  .menuBarLinks {
    font-size: 20px;
  }
  .appBannerContainer {
    margin-top: 50px;
  }
  .mainBtn {
    font-size: 16px;
  }
  .faqBtnWrapper .faqTab {
    font-size: 15px;
    padding: 10px;
  }
  .currentCourse.oldCourse {
    margin-left: 50px;
    margin-right: 50px;
  }

  .currentCourse {
    margin-left: 50px;
  }

  .currentCourse h3 {
    font-size: 15px;
  }
  .login {
    padding: 50px 70px;
  }

  .loginContainer.container {
    height: 100%;
  }
  .personInfo h4 {
    font-size: 20px;
  }

  .kurulDetayContext {
    grid-template-columns: repeat(3,1fr);
  }
}
@media screen and (max-width:990px) {
  .appBannerContext.col-lg-8 {
    display: none;
  }

  .appBannerContainer {
    background-image: none !important;
    height: 100%;
  }

  .appBannerMobile {
    display: flex;
    flex-direction: column;
  }

  .mobileBannerTop {
    position: relative;
  }

  .mobileBannerTop img {
    width: 100%;
    object-fit: cover;
    height: auto;
  }

  .mobileBannerTop .applicationLinks {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 43%;
  }

  .mobileBannerTop .applicationLinks a {
    padding: 10px;
  }

  .mobileBannerTop .applicationLinks a svg {
  }

  .mobileBannerTop .applicationLinks a:last-child {
    background: #001925;
    color: #fff;
  }

  .mobileBannerBottom {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
  }

  .mobileBannerBottom h4 {
    font-size: 16px;
    font-weight: 100;
    color: #001925;
  }

  .mobileBannerBottom h2 {
    font-size: 36px;
    font-weight: 700;
    color: #001925;
  }

  .mobileBannerBottom p {
    width: 68%;
    text-align: center;
    color: #001925;
  }
}
@media screen and (max-width:768px){
  .footerLinkContainer {
    flex-wrap: wrap;
  }
  .blogImagCont.kursImg img{
    height: 100%;
    object-fit: cover;
  }
  .blogInfo .infoWrapper{
    flex-direction: column;
  }
  .personInfo img{
    max-height: 100%;
  }
  .swiper.bannerSwiper .swiper-slide .bannerContext h2{
    letter-spacing: 5px;
  }
  .breadcrump ul li{
    flex-wrap: wrap;
  }
  .swiper.bannerSwiper img{
    object-fit: cover;
  }
  .bakanWrapper .bakanComponent img{
    max-height: 170px;
  }
.nf404 {margin-top: 0;}

.nf404 h2 {
    font-size: 13px;
    text-align: center;
    transform: translateY(-100px);
}

.nf404 a {
    transform: translateY(-77px);
}
  .footerAddress .contact a {
    font-size: 8px;
  }

  .footerAddress h3 {
    margin-bottom: 15px;
  }
  .mobileBannerTop .applicationLinks {
    flex-direction: column;
    top: 32%;
    gap: 10px;
  }

  .mobileBannerTop .applicationLinks a {
    font-size: 13px;
    gap: 8px;
    padding: 10px;
  }
  .footerEnd {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }

  .bakanContainer.container .col-lg-7.col-md-12 {
    flex-direction: column;
  }

  .mainMenuLink {
    display: none;
  }

  a.bakanlik {
    display: none;
  }

  .swiper.bannerSwiper .swiper-slide .bannerContext h2 {
    font-size: 20px;
  }

  .mainHeader {
    padding: 20px;
  }

  .swiper.bannerSwiper .swiper-slide .bannerContext h1 {
    font-size: 25px;
  }

  div#whyBanner {
    margin-top: 40px;
  }

  div#whyBanner .whyContainerTitle h2 {
    font-size: 25px;
  }

  div#whyBanner .whyContainerTitle p {
    width: 100%;
    font-size: 15px;
  }

  div#whyBanner .whyContainerTitle {
    margin-bottom: 20px;
    gap: 15px;
  }

  div#whyBanner .row .col-lg-4.col-md-12 {
    height: 100%;
    width: 100%;
  }

  .courseContainer {
    margin-top: 40px;
  }

  .courseContext h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .courseContext p {
    font-size: 15px;
  }

  .courseContent {
    flex-direction: column;
  }

  .courseComponent {
    height: 263px;
    max-width: 100%;
  }

  .courseComponent {}

  .courseComponent .closeSection {
    display: none;
  }

  .courseComponent .openSection {
    visibility: visible;
    opacity: 1;
    padding: 20px;
  }

  .bakanWrapper .bakanComponent .bakanContext h4 {
    font-size: 13px;
    text-align: center;
  }

  .bakanWrapper .bakanComponent .bakanContext p {
    font-size: 14px;
    text-align: center;
  }

  .gencsporBakanligi {
    margin: 30px;
    padding: 15px;
    flex-direction: column;
    gap: 26px;
  }

  .gencsporBakanligi .left {
    flex-direction: column;
    gap: 20px;
  }

  .blogHomeContainer.container h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  footer {
    margin-top: 50px;
  }

  .footerContainer.container {
    margin-top: 30px;
    padding-top: 30px;
  }
  .headerMenuBar {
    padding: 20px;
  }

  .headerMenuBar .headerMenuBarTop {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .menuBarLinks {
    font-size: 15px;
  }

  .headerMenuBarBottom {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    overflow: scroll;
  }

  .headerMenuBarTop a img {
    width: 150px;
  }
  .breadcrump {margin-top: 20px;margin-bottom: 25px;padding-bottom: 25px;}

  .aboutUsContent h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .misvizContent {
    padding: 0;
    margin-bottom: 30px;
  }

  .misvizContent .row {
    gap: 20px;
  }
  .mainHeader.innerPage .logo img {
    width: 99px;
  }

  div#mainHeader.fixed {
    justify-content: space-between;
  }

  div#mainHeader .logo:last-child {
    display: none;
  }
  .menuBarLinks a {
    padding: 10px;
  }
  .fixedSocial {
    right: 20px;
    bottom: 20px;
  }
  .blogImagCont img {
    border-radius: 21px;
  }
  .kurulContext {
    display: flex;
    flex-direction: column;
  }
  .mevzuatContext h2 {
    font-size: 30px;
  }
  .shareContent {
    flex-direction: column;
    top: 0;
    bottom: unset;
    gap: 20px;
    padding: 20px;
  }

  .shareContent img {
    width: 100%;
  }

  .shareContent h3 {
    font-size: 20px;
  }
  .blogImagCont .sharebtn {
    right: 19px;
    font-size: 15px;
  }

  .blogInfo {
    margin-top: 20px;
  }

  .blogInfo h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .recomended .row {
    gap: 20px;
  }
  .breadcrump ul li a {
    font-size: 11px;
  }
  .galeri-top img {
    height: 100%;
    max-height: unset;
    border-radius: 12px;
  }
  .faqBtnWrapper {
    gap: 7px;
  }

  .faqContent .row {
    gap: 20px;
  }

  .faq-item-header {
    font-size: 15px;
  }
  .faqContainer.container {
    margin: 0;
  }
  .currentCourse.oldCourse {
    flex-direction: column;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .currentCourse h3 {transform: translate(0,0);width: 100%;text-align: center;justify-content: center;align-items: center;background: transparent;font-size: 21px;}

  .currentCourse.oldCourse h3 {
    transform: unset;
    width: 100%;
    text-align: center;
    background: transparent;
  }

  .currentCourse h3::after {
    display: none;
  }

  .currentCourse {
    flex-direction: column;
    gap: 20px;
    margin: 20px;
  }
  .courseSwiper {
    width: 100%;
  }
  .currentCourse.oldCourse .row {
    gap: 20px;
  }
  .contactRow.row {
    gap: 20px;
  }

  .contactRow h2 {
    font-size: 26px;
  }

  .contactRow h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .inputRow {
    gap: 20px;
  }

  .contactInfo {
    padding: 20px;
  }

  .contactBottom .contactSocial {
    flex-direction: column;
    gap: 20px;
  }

  .contactBottom .contactSocial ul {
    border: none;
    padding: 0;
    margin: 0;
  }

  .contactTab {
    flex-direction: column;
    gap: 20px;
  }
  .loginContainer .left {
    padding: 53px;
  }

  .loginContainer .right {
    padding: 0;
  }

  .login {
    padding: 53px;
  }

  .loginContainer.container .row {
    gap: 20px;
  }
  .loginContainer.container {
    padding: 20px;
  }
  p.idariYapiContext {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .kurulDetayContext {
    grid-template-columns: repeat(1,1fr);
  }
  .allSportContainer.container img {
    width: 100%;
    margin-top: 20px;
    border-radius: 16px;
    margin-bottom: 20px;
  }

  .herSporBottom {
    flex-wrap: WRAP;
  }

  .allSportPageBottom h3 {
    font-size: 20px;
    text-align: center;
  }

  .allSportPageBottom {
    width: 100%;
  }

  .allSportPageBottom h5 {
    text-align: center;
  }

  .allSportsLink {
    flex-direction: column;
    width: 100%;
    text-align: center;
  }
  .bakanContainer.container .row {
    flex-direction: column-reverse;
  }
  div#whyBanner .row {
    flex-direction: column;
}

.projelerComponent .row {
    gap: 20px;
}

.mobileBannerBottom h2 {
    font-size: 24px;
}

.mobileBannerBottom p {
    width: 98%;
}

.appBannerContainer a {
    font-size: 12px;
}

.bakanContainer.container {
    margin: 30px 0;
}

.col-lg-5.col-md-12.bakanWrapper {
    gap: 10px;
}

a.blogComponent img {
    max-height: 400px;
}

a.blogComponent .blogImagContainer {
    max-height: 400px;
}

.footerAddress .contact {
}
.logo:first-child {
    width: 120px;
}
.mainHeader.home .logo img {
    width: 120px;
}
}

  .idariYapiContext-wrapper {
    position: relative;
    max-height: 300px;
    height: 330px;
    overflow: hidden; /* native scroll gizle */
  }

  .idariYapiContext {
    height: 100%;
    overflow-y: scroll;
    padding: 16px;
    box-sizing: border-box;
    padding-left: 61px;
  }

  /* Scrollbar container */
  .custom-scrollbar {
    position: absolute;
    top: 0;
    left: 0; /* solda */
    width: 8px;
    height: 100%;
    background: #C8C8C8;
    border-radius: 30px;
  }

  /* Scrollbar thumb */
  .custom-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #05376D;
    border-radius: 30px;
    cursor: pointer;
  }
  .idariYapiContext {
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox için */
  -ms-overflow-style: none;  /* IE ve Edge için */
}

.idariYapiContext::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera için */
}
span.char.-lighten {color: #05376D;}