.header {
  z-index: 10;
}

.header.single-page .header-top {
  background-color: transparent;
}

/* .header.single-page .header-main {
  background-color: #102861;
} */

.header-top .container,
.header-main .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header.scrolling .header-top {
  padding-top: 6.611rem;
}

.header.scrolling .header-main {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  /* background-color: #102861; */
  background: linear-gradient(90deg, #011435 0%, #05316b 36%, #042c5f 69.5%, #011536 100%);
  border-bottom: 0.063rem solid #ffffff29;
  padding: 0.62rem 0;
}

.header-main-system-button,
.header-main-languages-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header-main-system-button p,
.header-main-languages-button p {
  color: #ffff;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.header-main-system-button img,
.header-main-languages-button img {
  width: 0.438rem;
  height: 0.313rem;
  object-fit: contain;
}

/*---------------HEADER-TOP---------------*/
.header-top {
  border-bottom: 0.063rem solid #ffffff29;
  padding: 0.8rem 0;
}

.header-top-social {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.header-top-social-title p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #d1d5db;
}

/* .header.single-page .header-top-social-title p {
  color: #6b7280;
} */

.header-top-social-list {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.header-top-social-list a {
  display: flex;
}

.header-top-social-list a svg {
  width: 1.25rem;
  height: 1.25rem;
}

.header-top-social-list a svg path {
  fill: #ffff;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

/* .header.single-page .header-top-social-list a svg path {
  fill: #000;
} */

.header-top-social-list a:hover svg path {
  fill: #00b2ff;
}

/* .header.single-page .header-top-social-list a:hover svg path {
  fill: #144ddd;
} */

.header-top-info {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.header-top-info-phone,
.header-top-info-mail {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
  text-decoration: unset;
}

.header-top-info-phone svg,
.header-top-info-mail svg {
  width: 1.125rem;
  height: 1.125rem;
}

.header-top-info-phone svg path,
.header-top-info-mail svg path {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-top-info-phone:hover svg path,
.header-top-info-mail:hover svg path {
  fill: #00b2ff;
}

.header-top-info-phone p,
.header-top-info-mail p {
  display: block;
  color: #ffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-decoration: unset;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.header-top-info-phone:hover p,
.header-top-info-mail:hover p {
  color: #00b2ff;
}

/* .header.single-page .header-top-info-phone svg path,
.header.single-page .header-top-info-mail svg path {
  fill: #000;
}

.header.single-page .header-top-info-phone:hover svg path,
.header.single-page .header-top-info-mail:hover svg path {
  fill: #144ddd;
}

.header.single-page .header-top-info-phone a,
.header.single-page .header-top-info-mail a {
  color: #000;
}

.header.single-page .header-top-info-phone:hover a,
.header.single-page .header-top-info-mail:hover a {
  color: #144ddd;
}

.header.single-page .header-top-info-time {
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: 0.063rem solid #d1d5db;
} */

.header-top-info-time p {
  color: #d1d5db;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

/* .header.single-page .header-top-info-time p {
  color: #6b7280;
} */

/*---------------HEADER-MAIN---------------*/
.header-main {
  padding: 1rem 0;
}

.header-main-logo img {
  width: 12.77219rem;
  height: 3.33188rem;
  object-fit: cover;
}

.header-main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 4.813rem; */
  flex: 1;
  margin: 0 1.5rem 0 8.5rem;
}

.header-main-ul {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.header-main-li {
  position: relative;
}

.header-main-ul .header-main-li a {
  display: flex;
  color: #ffff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}

.header-main-ul .header-main-li:hover a {
  color: #00b2ff;
}

.header-main-li .header-main-sub-ul {
  display: none;
}

.header-main-li:hover .header-main-sub-ul {
  display: block;
}

.header-main-sub-nav {
  position: absolute;
  left: -1.5rem;
  top: 1rem;
  padding-top: 1.25rem;
}

.header-main-sub-ul {
  position: relative;
  padding: 0.688rem 0;
  background-color: #ffffff;
  border-radius: 0.5rem;
  width: 16.25rem;
}

.header-main-sub-ul-img {
  display: flex;
  position: absolute;
  top: -0.125rem;
  left: 3.125rem;
}

.header-main-sub-ul-img svg {
  width: 0.75rem;
  height: 0.625rem;
}

.header-main-sub-ul-img svg path {
  fill: #073571;
}

.header-main-sub-li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.563rem 1.25rem;
  cursor: pointer;
}

.header-main-sub-li a:hover {
  background: rgba(1, 10, 68, 0.05);
}

.header-main-li .header-main-sub-ul .header-main-sub-li a p {
  color: #121f3e;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}

.header-main-sub-li a svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #121f3e;
}

.header-main-search {
  display: flex;
}

.header-main-search img {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
  cursor: pointer;
}

.header-main-dropdown {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.header-main-burger {
  display: none;
}

/* .header-main-system {
  position: relative;
  z-index: 10;
}

.header-main-system-button {
  gap: 0.625rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.625rem;
  border: 0.125rem solid #ffff;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  cursor: pointer;
}

.header-main-system-button svg {
  width: 0.625rem;
  height: 0.625rem;
}

.header-main-system-button:hover {
  background-color: #ffff;
}

.header-main-system-button:hover p {
  color: #153164;
}

.header-main-system-button:hover svg path {
  fill: #153164;
}

.header-main-system-popUp {
  display: none;
  flex-direction: column;
  gap: 1.5rem;
  position: absolute;
  top: 3.125rem;
  right: -3.438rem;
  padding: 2rem;
  background-color: #ffff;
  border-radius: 0.5rem;
  width: 23.125rem;
}

.header-main-system-popUp.active {
  display: flex;
}

.header-system-popUp-img {
  display: flex;
  position: absolute;
  top: -0.125rem;
  right: 6rem;
}

.header-system-popUp-img svg {
  width: 0.75rem;
  height: 0.625rem;
}

.header-system-popUp-img svg path {
  fill: #071f45;
}

.header-system-popUp-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  cursor: pointer;
  text-decoration: unset;
}

.header-system-popUp-item:hover .header-system-popUp-item-title p,
.header-system-popUp-item:hover .header-system-popUp-item-subtitle p {
  color: #00b2ff;
}

.header-system-popUp-item-img img {
  width: 5.625rem;
  height: 5.625rem;
  object-fit: contain;
}

.header-system-popUp-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.header-system-popUp-item-title p {
  color: #010a44;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.header-system-popUp-item-subtitle p {
  color: #010a44cc;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
} */
.header-main-apply {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4rem 1.5rem;
  border-radius: 0.625rem;
  border: 0.125rem solid #fff;

  box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.15);
  text-decoration: unset;
}
.header-main-apply p {
  color: #fafafa;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5625rem;
}
.header-main-apply svg {
  width: 0.5365rem;
  height: 0.38319rem;
}
.header-main-languages {
  position: relative;
}

.header-main-languages:hover .header-main-languages-popUp {
  display: block;
}

.header-main-languages-button {
  gap: 0.313rem;
  position: relative;
  z-index: 10;
}

.header-main-languages-popUp {
  padding-top: 2.5rem;
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 8.25rem;
}

.header-main-languages-popUp ul {
  padding: 0.688rem 0;
  background-color: #ffffff;
  border-radius: 0.5rem;
  position: relative;
}

.header-main-languages-popUp ul > svg {
  position: absolute;
  top: -0.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.75rem;
  height: 0.625rem;
}

.header-main-languages-popUp ul > svg path {
  fill: #071f45;
}

.header-main-languages-popUp ul a {
  padding: 0.563rem 1.25rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-main-languages-popUp ul a p {
  color: #010a44;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  text-decoration: unset;
}

.header-main-languages-popUp ul a svg {
  width: 0.7rem;
  height: 0.7rem;
}

.header-main-languages-popUp ul a:hover {
  background: rgba(1, 10, 68, 0.05);
}

.header-search-popUp {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #11182780;
  z-index: 100;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.header-search-popUp.active {
  opacity: 1;
  z-index: 100;
  pointer-events: all;
}

.header-search-popUp-content {
  background-color: #ffff;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-100%);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  /* gap: 2rem; */
}

.header-search-popUp-content.active {
  transform: translateY(0);
}
.header-search-popUp-logo img {
  width: 14.3125rem;
  height: 3.73313rem;
  object-fit: cover;
}
.header-search-popUp-content form {
  width: 100%;
  display: flex;
  padding: 1.1rem 5rem 1.1rem 1.81rem;
  position: relative;
  margin-right: 1.25rem;
  margin-left: 2.5rem;
  border-radius: 0.625rem;
  border: 0.063rem solid #0a2457;
  background: #fff;
}

.header-search-popUp-content form input {
  width: 100%;
  font-size: 1rem;
  line-height: normal;
  font-weight: 700;
  color: #0a2457;
}

.header-search-popUp-content form input::placeholder {
  color: #9ca3af;
}

.header-search-popUp-content form button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.31rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem 1.75rem;
  border-radius: 0.3125rem;
  background-color: #0a2457;
}

.header-search-popUp-content form button svg {
  width: 1rem;
  height: 1rem;
  color: #fff;
}

.header-search-popUp-close {
  display: flex;
  cursor: pointer;
}

.header-search-popUp-close img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.header-burder-popUp {
  display: none;
}