@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='black' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
   
}
::-webkit-scrollbar-thumb {
    background-color:#00A497;
}

body {
  font-family: "Nunito", sans-serif;
}
header{
  background-color: #00A497;
}
header a {
    font-size:16px !important;
    color: #fff !important;
    font-weight: 500 !important;
}
header ul li {
    list-style: none;
    
}
header ul li a{
    text-decoration: none;
}
/* Mobile Styles */
.badges-wrapper-dark{
       display: flex;
    align-items: center;
    gap: 10px;
    background:#FFB81C1A;
    border: 1px solid #FFB81C33;
    color: #FFB81C;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    width: fit-content;
}
.badges-wrapper{
       display: flex;
    align-items: center;
    gap: 10px;
    background:#7E54751A;
    color: #7E5475;
    padding: 5px 10px;
    border-radius: 50px;
       font-size: 16px;
    font-weight: 600;
    width: fit-content;
}
.custom-logo{
 width: 100px;   
}
.banner-img-wrapper{
width:500px;
}
/* Button */
.btn {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  border-radius: 50px !important;
}

.btn-primary {
  background-color: #FFB81C !important;
  color: #7E5475 !important;
  border: none !important;
}

.btn-primary :hover {
  background-color:  #FFB81C !important;
}

/* .navbar-nav .nav-link {
  font-weight: 500 !important;
  color: #000 !important;
} */
.rewards-wrapper img{
    width: 65px;
}
.title-wrapper{
    font-size:40px;
    font-weight: 600;
}
.description-wrapper{
    font-size:16px;
    font-weight: 400;
}

.swiper-slider-inner-content {
  background-color: #F1E7E4 !important;
  height: 200px;
  padding: 20px;
  border-radius: 20px;
}
.common-section{
background-color: #F1E7E4;
}

 .custom-header {
      background-color: #0fa79a;
    }

    .navbar-nav .nav-link {
      color: #fff;
      font-weight: 500;
    }

    .navbar-nav .nav-link:hover {
      color: #d1f5f2;
    }

    .btn-download {
      background-color: #ffb400;
      color: #000;
      font-weight: 600;
      border-radius: 25px;
      padding: 6px 16px;
    }

    .btn-download:hover {
      background-color: #ffa000;
    }

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
}
.accordion-button {
     font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
}
.collapse{
  visibility: visible !important;
 
}
.accordion-header{
  padding:5px 0px;
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
    padding: 0px 0px 10px 0px !important;
}
.accordion-body {
     padding-top:5px !important;
    padding-bottom:10px !important;
    padding-left: 0px !important;
}
.accordion {
    padding: 0px !important;
      --bs-accordion-bg: transparent !important;
}
.pll-parent-menu-item > a {
  font-weight: bold;
  cursor: pointer;
}
.sub-menu li a {
    background: #00A497 !important;
}
.sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #00A497;
  border: 1px solid #ccc;
  position: absolute;
  display: none; /* hide by default */
  min-width: 120px;
  z-index: 10;
}

.pll-parent-menu-item:hover .sub-menu {
  display: block; /* show on hover */
}

.sub-menu li a {
  display: block;
  padding: 8px 12px;
  color: black;
  text-decoration: none;
}

.sub-menu li.current-lang a,
.sub-menu li.current-lang a[aria-current="page"] {
  font-weight: bold;
  color: #f60; /* orange highlight */
  cursor: default;
  pointer-events: none; /* disable clicking on current language */
  background-color: #fff7e6;
}
.sub-menu li a {
  display: flex;
  align-items: center;
  gap: 6px; /* space between flag and text */
  padding: 8px 12px;
  color: black;
  text-decoration: none;
}

.sub-menu li a img.flag-icon {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px; /* optional: rounded corners */
}
/* Target the link that has an img inside */
a[href="#pll_switcher"] {
  display: inline-flex;       /* make flag + text inline and flexible */
  align-items: center;        /* vertically center flag and text */
  gap: 0.3em;                 /* space between flag and text */
  text-decoration: none;      /* optional: remove underline */
}

/* Flag image inside that link */
a[href="#pll_switcher"] img {
  display: block;             /* remove tiny baseline gap */
  width: 16px;
  height: 11px;
}
/****/
/* Default: hide submenu on mobile */
@media (max-width: 1025px) {
  .pll-parent-menu-item .sub-menu {
    display: none;
  }

  /* Optional: smooth toggle */
  .pll-parent-menu-item .sub-menu.show {
    display: block;
  }
#menu {
  display: none;
}

#menu.active {
  display: block;
}
}