@charset "UTF-8";
/*menu*/
.header-container .submenu {
  display: none;
  background: #EFEFEF;
  padding: 10px;
  position: absolute;
  width: 230px;
  min-height: 500px;
  padding: 20px 24px;
  z-index: 1;
  min-height: 500px;
  top: 100%;
}
.nav-link:focus, .nav-link:hover {
    color: #7cb414;
}
@media (max-width: 1023px) {
 .header-container .submenu {
    position: relative;
    width: 100%;
    margin-top: 15px;
  }
}
.header-container .submenu a {
    font-size: 15px !important;
    color: #00362F;
    font-weight: 700;
	padding-bottom: 10px;
	position:relative;
}
.header-container .submenu > li a:before {
    content: '';
    background: #00362F;
    left: 0;
    width: 67px;
    height: 3px;
    position: absolute;
    bottom: 0;
}

.header-container .submenu2 li a:before {
	display:none;
}

@media (max-width: 1023px) {
 .header-container .submenu a {
    font-size: 20px !important;
  }
}
@media (max-width: 1023px) {
 .header-container .submenu a {
    font-size: 18px !important;
  }
}
.header-container .submenu a:hover {
  color: #bcb4b4 !important;
}
.header-container .submenu li {
  display: block;
}
.header-container .submenu li:last-of-type {
  margin-bottom: 10px;
}

 .header-container .menu-item.open > .submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.header-back-button {
    padding: 10px 40px;
    background: #efefef;
    border-radius: 0 0 25px;
    margin-bottom: 16px;
}
.header-back-button a {
    color: #0e1120 !important;
}
.header-container .submenuList li:nth-child(2) {
    width: 120px !important;
}
.header-container .submenuList li:nth-child(1), .header-container .submenuList li:nth-child(3), .header-container .submenuList li:nth-child(4), .header-container .submenuList li:nth-child(5) {
    width: 200px !important;
}
@media (max-width: 1023px) {
	body.submenu-open {
		overflow: hidden;
	}
  .header-container .menu-item.open > .submenu {
        padding: 0 !important;
        align-content: flex-start;
        flex-direction: row;
        position: absolute;
        width: 100%;
        height: 500px;
        background: #7cb414;
        top: 0;
        left: 0;
        z-index: 1;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
  }
  .header-container .submenuList li:nth-child(2) {
    width: auto !important;
	}
	.header-container .submenuList li:nth-child(1), .header-container .submenuList li:nth-child(3), .header-container .submenuList li:nth-child(4), .header-container .submenuList li:nth-child(5) {
		width: auto !important;
	}
}
@media (max-width: 640px) {
  .header-container .menu-item.open > .submenu {
     top: 0 !important;
  }
}
 .header-container .menu-item > a::after {
  content: " ▼";
  font-size: 0.7em;
  padding-left: 5px;
}
@media (max-width: 1023px) {
  .header-container .menu-item > a::after {
    content: "\e5cc";
    font-family: "Material Symbols Outlined";
    right: 15px;
    position: absolute;
    font-size: 22px;
  }
}
 .header-container .menu-item:not(:has(.submenu)) > a::after {
  content: "";
  /* submenu olmayanlar ok göstermez */
}

.header-container .submenu > li {
  width: 100%;
}






@media (max-width: 1023px) {
  .header-container .lang::before {
    display: none;
    width: 45px;
    height: 1px;
    left: auto;
    top: auto;
    bottom: -7px;
    right: 0;
  }
}

 .header-container .menu-bg {
  overflow: hidden;
}
 .header-container .menu-bg .lang {
  z-index: 11;
}
 .header-container .menu-bg .lang a {
  color: #fff;
}
 .header-container .menu-bg .menu-btn-list {
  z-index: 11;
}

 .header-container .submenuList {
  flex-wrap: wrap;
  width: 100%;
  gap: 30px;
  padding: 40px !important;
  right: 0;
}
@media (max-width: 1023px) {
 .header-container .submenuList {
    padding: 0 !important;
    flex-direction: column;
    gap: 10px !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #011a42;
    top: 100px;
  }
}
@media (max-width: 640px) {
 .header-container .submenuList {
    top: 90px !important;
  }
}
 .header-container .submenuList li {
min-width: auto;
    flex: 1 1 auto;
}
@media (max-width: 1023px) {
  .header-container .submenuList li {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  .header-container .submenuList > li:nth-child(n+2) {
    padding: 0 40px !important;
  }
}
 .header-container .submenuList .submenu2 {
  margin-top: 25px;
}
 .header-container .submenuList .submenu2 li {
  width: 100% !important;
  position: relative;
}
@media (max-width: 1023px) {
   .header-container .submenuList .submenu2 li {
    padding: 0;
    border-bottom: none;
  }
}
 .header-container .submenuList .submenu2 li a {
    color: #00362F !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Poppins';
	transition: 0.5s;
}
.header-container .submenuList .submenu2 li a:hover {
    font-weight: 700 !important;
}
@media (max-width: 1023px) {
   .header-container .submenuList .submenu2 li a {
    font-size: 16px !important;
  }
}
 .header-container .submenuList .submenu2 li:before {
  position: absolute;
  left: -15px;
  top: 0;
  font-size: 20px;
  color: #355E9E;
  content: "•";
  display:none;
}

/* --- Geri butonu görünümü (sadece mobilde) --- */
 .header-container .submenu2 .back-btn a {
  display: block;
  font-weight: bold;
  padding: 10px 15px;
  color: #333;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
}

/* Hover efekti */
 .header-container .submenu2 .back-btn a:hover {
  background-color: #eee;
}

 .header-container .back-button {
  padding: 0 !important;
  position: fixed;
  top: 104px;
  width: 100%;
  z-index: 1;
  display:none;
}
 .header-container .back-button::after {
  content: "";
  background: #011a42;
  position: absolute;
  width: 100% !important;
  top: 0;
  height: 58px;
  left: 0;
}
 .header-container .back-button a {
  background: #004AB9;
  padding: 8px 20px !important;
  display: inline-flex;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
  border-radius: 0 0 23px 0;
  font-size: 18px !important;
  padding-left: 40px !important;
  z-index: 1;
}
 .header-container .back-button a::after {
  content: "\e5cb";
  position: absolute;
  font-family: "Material Symbols Outlined";
  left: 10px;
  font-size: 25px;
  font-weight: 300;
  top: 3px;
}

 .header-container .pagination {
  text-align: center;
  margin-top: 40px;
}
 .header-container .pagination a {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 3px;
  border: 1px solid #011a42;
  border-radius: 4px;
  text-decoration: none;
  color: #011a42;
}
 .header-container .pagination a.active {
  background: #011a42;
  color: #fff;
}
 .header-container .pagination a:hover {
  background: #011a42;
  color: #fff;
}/*# sourceMappingURL=menu.css.map */