/* Header CSS Start */
.header {
  margin-top: 2.5rem;
  position: relative;
  z-index: 10;
}
.header .navbar {
  background-color: #0D68A7;
  padding: 1.2rem 1.563rem 1.2rem 2rem;
}
.header.header-dark .navbar {
  background-color: #371c50;
}
.header.fixed {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  background-color: #0D68A7;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
  -webkit-animation: slideDown 0.6s ease-out;
  animation: slideDown 0.6s ease-out;
}
.header.header-dark.fixed {
  background-color: #371c50;
}
@-webkit-keyframes slideDown {
  from {
  transform: translateY(-100px);
  }
  to {
  transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
  transform: translateY(-100px);
  }
  to {
  transform: translateY(0);
  }
}

.header .header-logo {
  width: 16%;
}
.header .header-logo img:not(.anycard-logo) {
  height: auto;
}
.navbar-nav .nav-item:not(:last-child) {
  margin-right: 1.875rem;
}
.navbar-nav .nav-item {
  position: relative;
}
.nav-item .nav-link {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 10px 0;
  display: inline-block;
}
.nav-item a.nav-link:hover,
.nav-item a.nav-link.active,
.nav-item a.nav-link.show {
  color: #B3F3FF;
}
.header-dark .nav-item .nav-link {
  color: #ffffff;
}
.nav-link.dropdown-toggle.dropdown-button::after,
.navbar-nav .nav-item .btn-outline-primary.dropdown-toggle::after {
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z' fill='%2364748B'/%3E%3C/svg%3E")
  no-repeat center / contain;
  vertical-align: middle;
  margin-left: 0.5rem;
  transition: all 0.6s ease-in-out;
}
.navbar-nav .nav-item .btn-outline-primary.dropdown-toggle:hover::after,
.nav-link.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z' fill='%23ffffff'/%3E%3C/svg%3E");
  transition: all 0.6s ease-in-out;
}
.navbar-nav .dropdown-menu {
  top: calc(100% + 0.625rem);
  padding: 1rem 1.2rem;
  border: none;
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  width: 230px;
  left: auto;
  right: -0.4rem;
}
.navbar-nav .nav-item .dropdown-toggle + .dropdown-menu {
  right: 0;
}
.navbar-nav .nav-item .btn-white:hover {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.navbar-nav .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -0.563rem;
  right: 1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.563rem 1.125rem 0.563rem;
  border-color: transparent transparent #ffffff transparent;
  display: none;
}
.dropdown-menu li:not(:last-child) {
  margin-bottom: 1rem;
}
.dropdown-menu .dropdown-item {
  background-color: transparent;
  color: var(--primary-color);
  padding: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active {
  color: var(--secondary-color);
}

.country-dropdown-list {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 155px;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  overflow: hidden;
  display: none;
}
.country-dropdown .dropdown-button {
  background-color: #ffffff;
  color: var(--secondary-color);
  font-size: 1rem;
  width: 155px;
  padding: 12px 16px !important;
  border-radius: 4rem;
}
.country-dropdown-list .dropdown-item {
  padding: 11px;
  font-size: 1rem;
  font-weight: 500;
}
.country-dropdown-list .dropdown-item.active {
  background-color: #F5F5F5;
}
.country-dropdown .dropdown-button img,
.country-dropdown-list .dropdown-item img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
body.lifestyle .btn-primary:hover {
  border-color: #ffffff;
}

.mobile-nav-menu {
  position: fixed;
  top: auto;
  left: auto;
  right: 1rem;
  bottom: 7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 50px;
  overflow: hidden;
  z-index: 10;
}
.mobile-nav-menu ul {
  background-color: #008675;
  border: 1px solid #ffffff;
  border-radius: 50px;
  padding: 0;
  width: 100%;
  height: 48px;
  margin-right: -48px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
  transform: translateX(100%);
  transition: all 0.6s ease-in-out
}
.mobile-nav-menu.show ul {
  padding: 0.9rem 5rem 1.1rem 1.5rem;
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
  transition: all 0.6s ease-in-out
}
.mobile-nav-menu li:not(:last-child) {
  margin-right: 1rem;
  padding-right: 1rem;
  border-right: 1px solid #ffffff;
}
.mobile-nav-menu li a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  white-space: nowrap; 
}
.mobile-nav-menu li a.active {
  font-weight: 700;
}
.mobile-nav-menu .floating-button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.161);
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: transform 0.3s ease;
}
.mobile-nav-menu .floating-button img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  bottom: auto;
  transition: all 0.6s ease-in-out;
}
.mobile-nav-menu .floating-button img + img,
.mobile-nav-menu.show .floating-button img {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease-in-out;
}
.mobile-nav-menu.show .floating-button img + img {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease-in-out;
}
.mobile-nav-menu.show .floating-button,
.mobile-nav-menu.show .floating-button:hover,
.mobile-nav-menu .floating-button:focus {
  background-color: #006B5E;
  box-shadow: none;
  outline: none !important;
}

#back-to-top-btn {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid #ffffff;
  padding: 0;
  transform: translateX(70px);
}
#back-to-top-btn.visible {
  transform: translateX(0);
}
#back-to-top-btn svg {
  width: 1.2rem;
  height: 1.2rem;
}
@media (max-width: 1199.2px) {
  .navbar-nav .nav-item:not(:last-child) { margin-right: 0.875rem; }
  .nav-item .nav-link { font-size: 1rem; }
}
@media (max-width: 991.2px) {
  .header .navbar { border-radius: 2.5rem !important; }
  .header .header-logo {
    width: 30%;
  }
  .navbar-toggler {
  border: none;
  }
  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H26ZM4 15H26ZM4 23H26Z' fill='%23ffffff'/%3E%3Cpath d='M4 7H26M4 15H26M4 23H26' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 2.5rem;
  height: 2.5rem;
  }
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='23' width='24' height='2' rx='1' transform='rotate(-45 6 23)' fill='%23ffffff'/%3E%3Crect x='7' y='6' width='24' height='2' rx='1' transform='rotate(45 7 6)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  }
  .header .navbar-collapse {
  position: absolute;
  top: 4rem;
  right: 1rem;
  width: 250px;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.16);
  padding: 1.4rem;
  border-radius: 1.2rem;
  }
  .navbar-nav .nav-item:not(:last-child) {
  margin: 0 0 1rem;
  }
  .nav-item .nav-link {
  font-size: 1.1rem;
  padding: 0;
  color: var(--primary-color);
  }
  .header-dark .nav-item .nav-link {
    color: var(--primary-color);
  }
  .navbar-nav .nav-item .btn-white {
    border-color: #008675;
  }
  .nav-item a.nav-link:hover, .nav-item a.nav-link.active, .nav-item a.nav-link.show {
    color: #0D68A7;
  }
  .nav-link.dropdown-toggle::after,
  .navbar-nav .nav-item .dropdown-toggle::after {
  width: 1.2rem;
  height: 1.2rem;
  }
  .navbar-nav .dropdown-menu {
  padding: 1rem;
  box-shadow: none;
  background-color: var(--grey);
  margin-top: 0.5rem;
  }
  .navbar-nav .dropdown-menu:before {
  display: none;
  }
  .dropdown-menu li:not(:last-child) {
  margin-bottom: 0.8rem;
  }
  .dropdown-menu .dropdown-item {
  font-size: 1rem;
  }

  .country-dropdown .dropdown-button {
  background-color: var(--grey);
  }
  li.partner-dropdown .btn {
    border-radius: 12px !important;
  }

  .grecaptcha-badge {
    display: none;
  }
  #back-to-top-btn {
    bottom: 1.5rem;
  }
}
@media (max-width: 767.2px) {
  .navbar-toggler-icon {
  width: 1.7rem;
  height: 1.7rem;
  }
  .navbar-nav .dropdown-menu { width: 100%; }
}
/* Header CSS End */

/* Footer CSS Start */
.footer {
  position: -webkit-sticky;
  position: sticky;
  top: 100%;
  margin-top: 5rem;
}
.footer .nav a:hover {
  text-decoration: underline !important;
}
@media (max-width: 767.2px) {
  .footer { margin-top: 3rem; }
}
/* Footer CSS Start */