#grid {
  margin: 0 auto !important;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

/* Move in the plugin CSS */
.plg-vis-count {
  padding-left: 15px !important;
}

.plg-vis-dot.plg-vis-pulse {
  bottom: 0 !important;
}

/* Remove search icon from menu */
#et_top_search {
  display: none !important;
}

/* =========================================================
   PIK.ge Header - Clean Optimized Version
   Desktop + Mobile + CodePen SVG Burger
   ========================================================= */

/* Header */
#main-header {
  position: relative;
  background: #ffffff !important;
  min-height: 82px !important;
  box-shadow: 0 4px 14px rgba(3, 17, 83, 0.08) !important;
  border: 0 !important;
  z-index: 99999;
  transition:
    box-shadow 0.18s ease,
    background-color 0.18s ease !important;
}

/* Colorful bottom line */
#main-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(
    90deg,
    #149bff 0%,
    #712fdf 35%,
    #ff5d7d 65%,
    #2dd4bf 100%
  );
  z-index: 5;
}

/* Header container */
#main-header .container {
  width: 88% !important;
  max-width: 1200px;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Logo container */
.logo_container {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 82px !important;
  min-height: 82px !important;
  width: auto !important;
  max-width: 230px !important;
  flex: 0 0 auto !important;
}

/* Logo */
#logo {
  max-height: 58px !important;
  max-width: 210px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: none !important;
  transform: none !important;
}

/* Navigation wrapper */
.et_header_style_left #et-top-navigation {
  padding-top: 0 !important;
  padding-left: 60px !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
}

/* Desktop menu */
#top-menu-nav {
  display: flex !important;
  align-items: center !important;
}

#top-menu {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

#top-menu li {
  padding-right: 0 !important;
  margin: 0 !important;
}

/* Desktop menu links */
#top-menu li a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 32px 0 29px !important;
  color: #031153 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.2px;
  opacity: 1 !important;
  transition: color 0.18s ease !important;
}

/* Desktop hover */
#top-menu li a:hover {
  color: #ff8a2a !important;
  opacity: 1 !important;
}

/* Desktop active/current */
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a,
#top-menu li.current-menu-ancestor > a {
  color: #712fdf !important;
  opacity: 1 !important;
}

/* Remove desktop menu underlines */
#top-menu li a::after,
#top-menu li a:hover::after,
#top-menu li.current-menu-item > a::after,
#top-menu li.current_page_item > a::after,
#top-menu li.current-menu-ancestor > a::after,
.et-fixed-header #top-menu li a::after {
  display: none !important;
  content: none !important;
  transform: none !important;
}

/* Fixed header */
.et-fixed-header#main-header {
  min-height: 72px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(3, 17, 83, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.et-fixed-header #main-header .container,
.et-fixed-header .container,
.et-fixed-header .logo_container,
.et-fixed-header #et-top-navigation {
  min-height: 72px !important;
  height: 72px !important;
}

.et-fixed-header #logo {
  max-height: 50px !important;
}

.et-fixed-header #top-menu li a {
  padding-top: 27px !important;
  padding-bottom: 25px !important;
  color: #031153 !important;
}

.et-fixed-header #top-menu li a:hover {
  color: #ff8a2a !important;
}

.et-fixed-header #top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current_page_item > a,
.et-fixed-header #top-menu li.current-menu-ancestor > a {
  color: #712fdf !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media only screen and (max-width: 1100px) {
  #logo {
    max-height: 52px !important;
    max-width: 175px !important;
  }

  .logo_container {
    max-width: 190px !important;
  }

  #top-menu {
    gap: 18px !important;
  }

  #top-menu li a {
    font-size: 14px !important;
  }

  .et_header_style_left #et-top-navigation {
    padding-left: 35px !important;
  }
}

/* =========================================================
   Mobile Header + Menu
   ========================================================= */

@media only screen and (max-width: 980px) {
  #main-header,
  #main-header.et-fixed-header,
  body.et_fixed_nav #main-header,
  body.et_fixed_nav #main-header.et-fixed-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    transition: none !important;
  }

  #main-header::after {
    height: 3px;
  }

  body.et_fixed_nav.et_show_nav #page-container,
  body #page-container {
    padding-top: 78px !important;
  }

  #main-header .container,
  #main-header.et-fixed-header .container {
    width: 90% !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: none !important;
  }

  .logo_container,
  #main-header.et-fixed-header .logo_container {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    max-width: 180px !important;
    flex: 0 0 auto !important;
    transition: none !important;
  }

  #logo,
  .et-fixed-header #logo,
  #main-header.et-fixed-header #logo {
    max-height: 50px !important;
    max-width: 165px !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    transition: none !important;
  }

  #top-menu-nav,
  #top-menu {
    display: none !important;
  }

  #et_mobile_nav_menu {
    display: block !important;
  }

  .et_header_style_left #et-top-navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 78px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    flex: 1 1 auto !important;
  }

  /* Mobile menu toggle wrapper - SVG replaces default Divi icon */
  .mobile_menu_bar {
    position: relative !important;
    left: 5px !important;
    bottom: 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .mobile_menu_bar:hover {
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile_menu_bar::before,
  .mobile_menu_bar::after {
    display: none !important;
    content: none !important;
  }

  /* New CodePen-style SVG burger */
  .pik-burger-svg {
    display: block !important;
    width: 44px !important;
    height: 54px !important;
    overflow: visible !important;
    cursor: pointer;
  }

  .pik-burger-svg .pik-line {
    fill: none !important;
    stroke-width: 7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transition:
      stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke 220ms ease !important;
  }

  .pik-burger-svg .pik-line-1 {
    stroke: #ff8a2a !important;
    stroke-dasharray: 60 207 !important;
  }

  .pik-burger-svg .pik-line-2 {
    stroke: #149bff !important;
    stroke-dasharray: 60 60 !important;
  }

  .pik-burger-svg .pik-line-3 {
    stroke: #712fdf !important;
    stroke-dasharray: 60 207 !important;
  }

  .mobile_nav.opened .pik-burger-svg .pik-line-1 {
    stroke-dasharray: 90 207 !important;
    stroke-dashoffset: -134 !important;
  }

  .mobile_nav.opened .pik-burger-svg .pik-line-2 {
    stroke-dasharray: 1 60 !important;
    stroke-dashoffset: -30 !important;
  }

  .mobile_nav.opened .pik-burger-svg .pik-line-3 {
    stroke-dasharray: 90 207 !important;
    stroke-dashoffset: -134 !important;
  }

  .et_mobile_menu {
    position: fixed !important;
    top: 78px !important;
    left: 6% !important;
    right: auto !important;
    width: 88% !important;
    max-width: 680px !important;
    z-index: 99998 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-top: 0 !important;
    border-radius: 0 0 28px 28px !important;
    box-shadow: 0 8px 20px rgba(3, 17, 83, 0.12) !important;
    overflow: hidden !important;
    transform: none !important;
    will-change: auto !important;
  }

  .et_mobile_menu li {
    padding: 0 !important;
  }

  .et_mobile_menu li a,
  body #page-container #main-header .et_mobile_menu li a {
    padding: 15px 28px !important;
    color: #031153 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(3, 17, 83, 0.06);
    opacity: 1 !important;
    transition: none !important;
  }

  .et_mobile_menu li a:hover,
  body #page-container #main-header .et_mobile_menu li a:hover {
    color: #ff8a2a !important;
    background: rgba(255, 138, 42, 0.08) !important;
  }

  .et_mobile_menu li.current-menu-item > a,
  .et_mobile_menu li.current_page_item > a,
  .et_mobile_menu li.current-menu-ancestor > a,
  body #page-container #main-header .et_mobile_menu li.current-menu-item > a,
  body #page-container #main-header .et_mobile_menu li.current_page_item > a,
  body
    #page-container
    #main-header
    .et_mobile_menu
    li.current-menu-ancestor
    > a {
    color: #712fdf !important;
    background: rgba(113, 47, 223, 0.07) !important;
  }
}

/* =========================================================
   Small Mobile
   ========================================================= */

@media only screen and (max-width: 480px) {
  #main-header,
  #main-header.et-fixed-header,
  body.et_fixed_nav #main-header,
  body.et_fixed_nav #main-header.et-fixed-header {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }

  body.et_fixed_nav.et_show_nav #page-container,
  body #page-container {
    padding-top: 72px !important;
  }

  #main-header .container,
  #main-header.et-fixed-header .container {
    width: 92% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }

  .logo_container,
  #main-header.et-fixed-header .logo_container {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    max-width: 155px !important;
  }

  #logo,
  .et-fixed-header #logo,
  #main-header.et-fixed-header #logo {
    max-height: 44px !important;
    max-width: 145px !important;
  }

  .mobile_menu_bar,
  .pik-burger-svg {
    width: 40px !important;
    height: 50px !important;
  }

  .pik-burger-svg .pik-line {
    stroke-width: 7 !important;
  }

  .et_mobile_menu {
    top: 72px !important;
    left: 6% !important;
    width: 88% !important;
    max-width: none !important;
  }
}

/* =========================================================
   Very Small Mobile
   ========================================================= */

@media only screen and (max-width: 360px) {
  .logo_container {
    max-width: 140px !important;
  }

  #logo,
  .et-fixed-header #logo,
  #main-header.et-fixed-header #logo {
    max-height: 40px !important;
    max-width: 132px !important;
  }
}

/* =========================================================
   Accessibility and Motion
   ========================================================= */

#top-menu li a:focus-visible,
.et_mobile_menu li a:focus-visible,
.mobile_menu_bar:focus-visible {
  outline: 3px solid rgba(20, 155, 255, 0.35);
  outline-offset: 4px;
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .pik-burger-svg .pik-line {
    transition: none !important;
  }
}

/* SVG burger stroke color - same as PIK logo text */
@media only screen and (max-width: 980px) {
  .pik-burger-svg .pik-line-1,
  .pik-burger-svg .pik-line-2,
  .pik-burger-svg .pik-line-3 {
    stroke: #031153 !important;
  }
}