.navbar-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 28px;
  padding: 0px 70px;
}

.logo-link {
  display: flex;
  align-items: center;
}

.first-logo {
  margin-right: 10px; 
}

@media (min-width: 0px) and (max-width: 575.98px) {
  .navbar-container {
    padding: 0px 40px;
    margin-bottom: 31px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar-container {
    padding: 0px 40px;
  }
}
.navbar-logo {
  width: 172px;
  height: 93px;
}
@media (min-width: 0px) and (max-width: 475.98px) {
  .navbar-logo {
    width: 130px;
    height: 80px;
  }
}
.navbar-menus {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.navbar-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  margin-bottom: 0;
  padding: 0px;
}
.navbar-menu .current_page_item a {
  font-weight: 800;
  color: #004A85;
}
.navbar-menu .current-menu-parent > a {
  font-weight: 800;
  color: #004A85;
}
.navbar-menu ul {
  display: flex;
}
.navbar-menu li {
  list-style: none;
}
.navbar-menu li:hover .sub-menu {
  display: flex;
  color: #004A85;
  font-weight: 800 !important;
}
.navbar-menu li .sub-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  padding: 16px 0 !important;
  margin: 0;
  z-index: 999;
  background-color: #ffffff;
  font-weight: 800;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(33, 33, 33, 0.1);
}
.navbar-menu li .sub-menu li {
  padding: 0 10px;
}
.navbar-menu li .sub-menu .current_page_item {
  background-color: #D1F2FC;
}
.navbar-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #001321;
}
.navbar-menu a:hover {
  color: #004A85;
}
@media (min-width: 1920px) {
  .navbar-menu a {
    font-size: 16px;
    line-height: 24px;
  }
}
.navbar-burger {
  background-color: white;
  border: none;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
@media (min-width: 0px) and (max-width: 319.98px) {
  .navbar-burger {
    width: 24px;
    height: 24px;
  }
}

.modal {
  background-color: #ffffff !important;
}
.modal-content {
  border: none !important;
  outline: none !important;
}
@media (min-width: 0px) and (max-width: 575.98px) {
  .modal-content {
    height: auto;
  }
}
.modal-navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 28px;
  padding: 0px 70px;
}
@media (min-width: 0px) and (max-width: 575.98px) {
  .modal-navbar {
    padding: 0 40px;
    margin-bottom: 31px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-navbar {
    padding: 0px 40px;
  }
}
.modal-navbar-logo {
  width: 172px;
  height: 93px;
}
@media (min-width: 0px) and (max-width: 475.98px) {
  .modal-navbar-logo {
    width: 130px;
    height: 80px;
  }
}
.modal-navbar-close {
  background-color: white;
  border: none;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
@media (min-width: 0px) and (max-width: 319.98px) {
  .modal-navbar-close {
    width: 24px;
    height: 24px;
  }
}
.modal-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 80px 0px;
  margin: 0 70px;
  background: #FFF7EE;
  border-radius: 200px 0px;
}
@media (min-width: 320px) and (max-width: 479.98px) {
  .modal-menu {
    border-radius: 0;
    padding: 40px 0 16px 0;
    margin: 0;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .modal-menu {
    border-radius: 120px 0px;
    margin: 0 40px;
    padding: 60px 0 36px 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-menu {
    border-radius: 120px 0px;
    margin: 0 40px;
    padding: 80px 0 56px 0;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .modal-menu {
    border-radius: 160px 0px;
    margin: 0 70px;
    padding: 80px 0 56px 0;
  }
}
@media (min-width: 1440px) {
  .modal-menu {
    border-radius: 160px 0px;
    margin: 0 70px;
    padding: 80px 0 56px 0;
  }
}
@media (min-width: 1920px) {
  .modal-menu {
    padding: 80px 0 48px 0;
  }
}
.modal-menu .current_page_item a {
  font-weight: 800;
  color: #004A85;
}
.modal-menu ul {
  display: flex;
}
.modal-menu li {
  list-style: none;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 1920px) {
  .modal-menu li {
    margin-bottom: 32px;
  }
}
.modal-menu a {
  display: block;
  text-decoration: none;
  font-family: "Figtree";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #004A85;
}
.modal-menu a:hover {
  color: #004A85;
  font-weight: 800;
}
@media (min-width: 320px) and (max-width: 479.98px) {
  .modal-menu a {
    font-size: 20px;
    line-height: 24px;
    padding: 0 40px;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .modal-menu a {
    font-size: 20px;
    line-height: 24px;
    padding: 0 80px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-menu a {
    font-size: 22px;
    line-height: 28px;
    padding: 0 120px;
  }
}
@media (min-width: 1920px) {
  .modal-menu a {
    font-size: 28px;
    line-height: 36px;
  }
}
.modal-body {
  width: 100%;
  padding: 0;
}
.modal-shape--left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 130px;
}
@media (min-width: 0px) and (max-width: 479.98px) {
  .modal-shape--left {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .modal-shape--left {
    top: 183px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-shape--left {
    top: 196px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modal-shape--left {
    top: 72px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modal-shape--left {
    top: 60px;
  }
}
.modal-left--lg {
  width: 180px;
  height: 158px;
  background: #1AC0F2;
  border-radius: 0px 160px 0px 0px;
  margin-bottom: 20px;
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .modal-left--lg {
    width: 75px;
    height: 66px;
    border-radius: 0px 80px 0px 0px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .modal-left--lg {
    width: 131px;
    height: 115px;
    border-radius: 0px 120px 0px 0px;
    margin-bottom: 12px;
  }
}
.modal-left--sm {
  width: 112px;
  height: 16px;
  background: #F09221;
  border-radius: 0px 20px 20px 0px;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .modal-left--sm {
    width: 32px;
    height: 6px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .modal-left--sm {
    width: 54px;
    height: 8px;
  }
}
.modal-shape--right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  right: 0;
  top: 360px;
}
@media (min-width: 0px) and (max-width: 479.98px) {
  .modal-shape--right {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .modal-shape--right {
    top: 386px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modal-shape--right {
    top: 332px;
  }
}
.modal-right--lg {
  width: 180px;
  height: 158px;
  background: #F09221;
  border-radius: 0px 0px 0px 160px;
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .modal-right--lg {
    width: 75px;
    height: 66px;
    border-radius: 0px 0px 0px 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .modal-right--lg {
    width: 131px;
    height: 115px;
    border-radius: 0px 0px 0px 120px;
  }
}
.modal-right--sm {
  width: 112px;
  height: 16px;
  background: #1AC0F2;
  border-radius: 20px 0px 0px 20px;
  margin-bottom: 20px;
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .modal-right--sm {
    width: 32px;
    height: 6px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .modal-right--sm {
    width: 54px;
    height: 8px;
    margin-bottom: 12px;
  }
}
.modal-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0px 70px;
  margin: 40px 0;
  border: none;
}
@media (min-width: 0px) and (max-width: 479.98px) {
  .modal-footer {
    flex-direction: column;
    margin: 38px 0;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .modal-footer {
    flex-direction: column;
    margin: 48px 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-footer {
    flex-direction: column;
    margin: 54px 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .modal-footer {
    margin: 40px 0;
  }
}
.modal-footer--text {
  height: 24px;
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
@media (min-width: 0px) and (max-width: 479.98px) {
  .modal-footer--text {
    width: 240px;
    height: 60px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 16px 0 !important;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  .modal-footer--text {
    width: 400px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 16px 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .modal-footer--text {
    width: 496px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 16px 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modal-footer--text {
    width: 385.6px;
    height: 48px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1439.98px) {
  .modal-footer--text {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
  }
  .modal-footer--text br {
    display: none;
  }
}
@media (min-width: 1440px) {
  .modal-footer--text {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
  }
  .modal-footer--text br {
    display: none;
  }
}
.modal-footer--socials {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 28px;
}
.modal-footer--socials a {
  width: 40px;
  height: 40px;
}
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .modal-footer--socials a:not(:last-child) {
    margin-right: 28px;
  }
}
@media (min-width: 0px) and (max-width: 320px) {
  .modal-footer--socials a {
    width: 38.4px;
    height: 38.4px;
  }
}

@media (min-width: 0px) and (max-width: 991.98px) {
  .menu-primary-container {
    display: none;
  }
}
.menu-item-has-children > a:after {
  content: url("/wp-content/themes/pma_theme/assets/images/Chevron-Down.svg");
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 8px;
  color: #004A85;
}

.menu-item-has-children:hover > a:after {
  content: url("/wp-content/themes/pma_theme/assets/images/Chevron-Up.svg");
  display: inline-block;
  width: 10px;
  height: 8px;
  margin-left: 8px;
  color: #004A85;
}

.menu-item-has-children:hover > a {
  color: #004A85;
}