.bank-menu {
  position: relative;
  top: auto !important;
}

.bank-menu .cp-nav-menu,
.bank-menu nav {
  position: static !important;
}

.bank-menu .cp-nav-menu-list {
  width: 100% !important;
  justify-content: center;
}

.bank-menu .cp-menu-item {
  position: static !important;
}

.bank-menu .cp-menu-item-has-children {
  padding: 22px 0px;
}

.bank-menu .cp-menu-item > .cp-sub-menu {
  position: absolute !important;
  left: 0;
  width: 100%;
  padding: 0 !important;
  background: #24334e !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none !important;
}

.bank-menu .cp-menu-item.menu-open > .cp-sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bank-menu .cp-sub-menu li .cp-nav-link {
  color: #fff !important;
  line-height: 26px !important;
  font-family: "roboto", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 7px 0;
}

.bank-menu .cp-sub-menu li .cp-nav-link:hover {
  color: #fff;
  background-color: #24334e !important;
}

.bank-menu .cp-sub-menu .cp-nav-link {
  border: none !important;
}

.bank-menu .cp-nav-arrow {
  display: none !important;
}

/* ---------- Hover Underline ---------- */

.bank-menu .cp-nav-menu-list > .cp-menu-item {
  position: relative;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item > .cp-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 26px !important;
  font-family: "roboto", sans-serif !important;
  font-size: 16px !important;
  color: #24334e !important;
  font-weight: 500 !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item > .cp-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -29px !important;
  width: 100%;
  height: 5px;
  background: #c1cde3;
  opacity: 0;
  transition: 0.25s;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:hover > .cp-nav-link::after {
  opacity: 1;
}

/* ---------- Utility Classes ---------- */

.dark-blue .cp-nav-link {
  color: #24334e !important;
}

.dark-mrn .cp-nav-link {
  color: #970f73 !important;
}

.dark-mrn .cp-nav-link:hover {
  color: #24334e !important;
}

.dark-mrn .cp-sub-menu li {
  padding-left: 0 !important;
}

.dark-mrn .cp-sub-menu li .cp-nav-link {
  justify-content: center;
  padding: 0 !important;
}

.dropdown-corporate .cp-sub-menu .cp-nav-link,
.dropdown-personal .cp-sub-menu .cp-nav-link,
.dropdown-about .cp-sub-menu .cp-nav-link {
  line-height: 26px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 7px 0 !important;
}

/* ==========================================================================
   LOGIN BUTTON
   ========================================================================== */

.header-login-btn {
  position: relative;
  width: 130px;
}

.header-login-btn .hfe-has-submenu-container {
  width: 130px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #87c0c6 0%, #1d5a7a 100%);
  border-radius: 50px;
  padding: 0 !important;
}

.header-login-btn .hfe-menu-item {
  width: 100% !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 30px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.header-login-btn .hfe-menu-item:hover {
  text-shadow: 0px 0px 10px #fff !important;
}
.header-login-btn .sub-arrow {
  display: none !important;
}

.header-login-btn > .sub-menu {
  padding-top: 33px;
  top: calc(100% + -25px) !important;
  left: 50% !important;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%) !important;
  min-width: 130px !important;
  z-index: -1 !important;
}

.login-wrapper:hover .login-dropdown {
  display: block;
}

.login-dropdown a {
  display: block;
  padding: 14px 25px;
  color: #18476b;
  font-weight: 600;
}

.login-dropdown a:hover {
  background: #f4f4f4;
}

.header-login-btn .login-txt .hfe-sub-menu-item {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #4a7b95 !important;
  line-height: 17px !important;
}

.header-login-btn .sub-menu .menu-item .login-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1d5a7a !important;
  line-height: 20px !important;
}

.header-login-btn .sub-menu .menu-item .login-link:hover {
  color: #1d5a7a !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(1) > .cp-nav-link,
.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(2) > .cp-nav-link {
  color: #24334e !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(1):hover > .cp-nav-link,
.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(2):hover > .cp-nav-link {
  color: #24334e !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(3) > .cp-nav-link,
.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(4) > .cp-nav-link {
  color: #9fb1d2 !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(3):hover > .cp-nav-link,
.bank-menu .cp-nav-menu-list > .cp-menu-item:nth-child(4):hover > .cp-nav-link {
  color: #24334e !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:last-child > .cp-nav-link {
  color: #970f73 !important;
}

.bank-menu .cp-nav-menu-list > .cp-menu-item:last-child:hover > .cp-nav-link {
  color: #24334e !important;
}

/* Remove left padding */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item {
  padding-left: 0 !important;
  text-align: center;
}

/* Common Link Style */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: normal;
  text-decoration: none;
  padding: 0 !important;
}

/* ==========================
   Heading (Izola Saver)
========================== */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(1)
  .cp-nav-link {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 26px !important;
  color: #fff !important;
  margin-top: 22px;
  margin-bottom: 20px;
}

/* ==========================
   Description
========================== */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(2)
  .cp-nav-link {
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #fff !important;
  margin-top: 10px;
  max-width: 260px;
  margin: 0 auto 0px;
}

/* ==========================
   Button
========================== */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(3) {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(3)
  .cp-nav-link {
  padding: 5px !important;
  color: #970f73 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  text-transform: uppercase !important;
  margin-top: 25px !important;
  border: 1px solid #6e196e !important;
  margin-bottom: 25px !important;
  background: #fff;
  border-radius: 20px;
  font-style: normal;
  text-align: center;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
  width: 120px;
  margin: auto;
}

.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(3)
  .cp-nav-link:hover {
  background: #6e196e !important;
  color: #fff !important;
  text-shadow: 0 0 10px #fff;
}

/* ==========================
   Bottom Text
========================== */
.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-menu-item:nth-child(4)
  .cp-nav-link {
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  color: #fff !important;
  margin-bottom: 24px;
}

/* Wrapper */
.desktop-leng .cp-combined-switcher-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cp-nav-link:focus-visible {
  outline: none !important;
}
/* ==========================
   Country Switcher
========================== */

.bank-menu .cp-dropdown-selected {
  border: none !important;
}

.bank-menu .cp-combined-switcher-wrap .cp-select {
  border: none !important;
  width: 90px !important;
  font-size: 11px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  text-align: center !important;
  color: #1d5a7a !important;
  padding: 0 18px 0 10px !important;
}

.bank-menu .cp-dropdown-list {
  border: none !important;
  border-radius: 0px !important;
}

.bank-menu .cp-combined-switcher-wrap .cp-select option {
  border: none !important;
}

.bank-menu .cp-dropdown-item {
  border: none !important;
  justify-content: flex-start !important;
}

.bank-menu .cp-dropdown-selected img {
  width: 18px !important;
  height: 12px !important;
}

/* Submenu link */
.bank-menu .cp-sub-menu .cp-nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Icon (default hidden) */
.bank-menu .cp-sub-menu .cp-nav-link::before {
  content: "›";
  color: #bf2cbd;
  font-size: 18px;
  font-weight: 700;
  opacity: 0;
  transform: translateX(-6px);
  transition: all 0.25s ease;
  margin-top: -2px;
}

/* Hover par icon show */
.bank-menu .cp-sub-menu .cp-menu-item:hover > .cp-nav-link::before {
  opacity: 1;
  transform: translateX(0);
}

/* Optional: text move */
.bank-menu .cp-sub-menu .cp-nav-link {
  transition: padding-left 0.25s ease;
}

.bank-menu .cp-sub-menu .cp-menu-item:hover > .cp-nav-link {
  padding-left: 8px;
}

.bank-menu
  .cp-nav-menu-list
  > .cp-menu-item:last-child
  .cp-sub-menu
  .cp-nav-link::before {
  display: none !important;
  content: none !important;
}

.bank-menu .cp-sub-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.bank-menu .cp-menu-item-has-children.menu-open > .cp-sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bank-menu .cp-dropdown-item img {
  width: 18px !important;
  height: 12px !important;
}

.bank-menu .cp-dropdown-item {
  justify-content: flex-start !important;
}

.desktop-leng .cp-lang-item {
  font-size: 11px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #1d5a7a !important;
}

.desktop-leng .cp-lang-selected {
  font-size: 11px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.desktop-leng .cp-lang-item {
  border: none !important;
  font-family: "roboto", sans-serif !important;
  padding: 4px 10px !important;
}

.desktop-leng .cp-lang-list {
  border-radius: 0px !important;
}

.dropdown-apply .apply-txt .cp-nav-link,
.dropdown-apply .apply-txt2 .cp-nav-link,
.dropdown-apply .last-txt .cp-nav-link {
  cursor: default !important;
}

.cp-dropdown-selected .cp-arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235F9AAA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.cp-lang-selected .cp-arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235F9AAA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.bank-menu .cp-menu-item-has-children:hover > .cp-sub-menu {
  opacity: 1;
}

/* Arrow sirf Login dropdown ke links par */
.login-btn .login-link > a {
  position: relative;
  padding-left: 18px !important;
  transition: 0.25s ease;
}

.login-btn .login-link > a::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-top: 2px solid #5f9aaa;
  border-right: 2px solid #5f9aaa;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0;
  transition: 0.25s ease;
}

.login-btn .login-link:hover > a::before {
  opacity: 1;
}

.login-btn .login-link:hover > a {
  color: #1d5a7a !important;
}

.cp-lang-selected {
  font-family: "roboto", sans-serif !important;
}
.desktop-leng .cp-dropdown-list {
  border-radius: 0px !important;
}
.cp-mobile-switcher {
  display: none;
}
.desktop-leng .cp-dropdown-selected img {
  width: 16px !important;
  height: 11px !important;
}
.desktop-leng .cp-dropdown-item img {
  width: 16px !important;
  height: 11px !important;
}
.desktop-leng .cp-dropdown-item:last-child {
  justify-content: flex-start !important;
}
.desktop-leng .cp-dropdown-selected .cp-arrow::after {
  width: 7px !important;
  object-fit: contain !important;
  height: 4px !important;
  background-size: 8px 6px !important;
}
.desktop-leng .cp-lang-selected .cp-arrow::after {
  width: 7px !important;
  object-fit: contain !important;
  height: 4px !important;
  background-size: 8px 6px !important;
}
.toggle-ctry {
  display: none;
}

.toggle-ctry.active {
  display: flex;
}

.ftr-menu .cp-nav-link {
  color: #87c0c6 !important;
}
.toggle-ctry .mobile-lang .cp-mobile-label {
  font-weight: 200 !important;
}
.toggle-ctry .mobile-lang .cp-dropdown-selected img {
  width: 1.33em !important;
  box-shadow: none !important;
}
.elementor-element-ebbd352 {
  display: flex;
}

.footer-order .elementor-element-ebbd352 > .elementor-element-e615180 {
  order: 4;
}

.footer-order .elementor-element-ebbd352 > .elementor-element-022abe2 {
  order: 1;
}

.footer-order .elementor-element-ebbd352 > .elementor-element-967a962 {
  order: 2;
}

.footer-order .elementor-element-ebbd352 > .elementor-element-231677d {
  order: 3;
}
.btn-mrn-shadow .elementor-button:hover .elementor-button-text {
  text-shadow: 0px 0px 10px #fff !important;
}
.scroll-space {
  scroll-margin-top: 84px !important;
}

/* SVG hide */
.num-icon .elementor-icon-list-icon svg {
  display: none;
}

/* Icon ko number circle bana do */
.num-icon .elementor-icon-list-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 50%;
  background: #009578;
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Counter */
.num-icon {
  counter-reset: numList;
}

.num-icon .elementor-icon-list-item {
  counter-increment: numList;
}

/* Number */
.num-icon .elementor-icon-list-icon::before {
  content: counter(numList);
  font-size: 12px;
  font-weight: 700;
  font-family: "roboto", sans-serif !important;
  line-height: 1;
}
.txt-trns-clr h2 {
  background: -webkit-linear-gradient(#6e196e, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Parent */
.fact-faq .e-n-accordion {
  border-top: 1px solid #a5bdca;
}

/* Each Item */
.fact-faq .e-n-accordion-item {
  border-bottom: 1px solid #a5bdca;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove default marker */
.fact-faq summary {
  list-style: none;
}

.fact-faq summary::-webkit-details-marker {
  display: none;
}

/* Icon */
.fact-faq .e-n-accordion-item-title-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: #970f73 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide Elementor SVG */
.fact-faq .e-opened svg,
.fact-faq .e-closed svg {
  display: none;
}

/* Right Arrow (Closed) */
.fact-faq .e-closed {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fact-faq .e-closed::before {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  margin-left: -3px;
}

/* Down Arrow (Open) */
.fact-faq .e-opened {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fact-faq .e-opened::before {
  content: "";
  width: 11px;
  height: 11px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
.new-font .elementor-heading-title,
.new-font p {
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji" !important;
}
.saver-tbl table {
  width: 75% !important;
}
.saver-tbl table thead tr th {
  width: 26%;
}
.custom-news-filter {
  width: 100%;
  z-index: 9 !important;
  position: relative;
  font-family: inherit;
}

.filter-toggle {
  width: 100%;
  font-family: "roboto", sans-serif !important;
  height: 30px;
  border: none;
  border-radius: 40px;
  background: #1d5a7a;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 8px 0px 22px;
  cursor: pointer;
  font-size: 12px;
  z-index: 9999;
  font-weight: 400;
}

.filter-arrow {
  transition: 0.3s;
}

.custom-news-filter.open .filter-arrow {
  transform: rotate(180deg);
}

.filter-menu {
  font-family: "roboto", sans-serif !important;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.custom-news-filter:hover .filter-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding: 0px 12px;
}

.filter-arrow {
  transition: 0.3s;
}

.custom-news-filter:hover .filter-arrow {
  transform: rotate(180deg);
}
.custom-news-filter .category-item-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  padding: 40px 10px 8px 15px;
  font-weight: 300;
  font-size: 12px;
  line-height: 17px;
  color: #4a7b95;
}
.filter-title {
  color: #8b8b8b;
  font-size: 15px;
}

.filter-item {
  position: relative;
  padding: 4px 15px;
  border-top: 1px solid #dbe7ef;
  cursor: pointer;
  color: #1d5a7a;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.filter-item::before {
  content: "\203A"; /* › */
  position: absolute;
  left: 4px;
  top: 44%;
  transform: translateY(-50%);
  color: #87c0c6;
  font-size: 22px !important;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}

.filter-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.filter-item.active {
  color: #1d5a7a;
}

.filter-item.active::before {
  opacity: 1;
  visibility: visible;
}
.real-taxonomy-filter {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  visibility: hidden !important;
}
.filter-toggle:hover .filter-text {
  text-shadow: 0px 0px 10px #fff !important;
}
.news-text .wp-block-paragraph:first-child strong {
  font-size: 20px !important;
  line-height: 30px !important;
  color: #abb9c3 !important;
  font-weight: 700 !important;
}
.post-card {
  cursor: pointer !important;
}

.post-card * {
  cursor: pointer !important;
}
.gry-text p a {
  color: #1d5a7a !important;
}
.news-text strong a {
  color: #1d5a7a !important;
}
.news-text a strong {
  color: #1d5a7a !important;
}
.elementor-widget-text-editor a {
  color: #007bff !important;
}
div.slidemenu-terms-page > .cb-sidemenu-wrapper {
  padding: 0px 0px !important;
}
.slidemenu-terms-page .cb-sidemenu-wrapper .cb-sidemenu-container ul li a {
  margin: 0px 0px 0px 0px !important;
}
.slidemenu-terms-page
  .cb-sidemenu-wrapper
  .cb-sidemenu-container
  ul
  li
  a
  .cb-menu-text {
  font-size: 13px !important;
  font-weight: 500 !important;
}
.apply-btn {
  min-width: 260px;
}
/* ==========================================================
   TOUCH-SAFE HOVER EFFECTS (Hides hover effects on mobile/iOS)
   ========================================================== */
@media (hover: hover) and (pointer: fine) {
  .ftr-mobile-menu .cp-sub-menu .cp-nav-link:hover {
    background-color: #24334e !important;
    color: #fff !important;
  }
  .mobile-menu .cp-sub-menu li a:hover {
    color: #8fa5cc !important;
  }
  .mobile-login .cp-sub-menu .cp-nav-link:hover {
    background-color: transparent !important;
  }
  .cp-sub-menu .cp-nav-link:hover {
    background-color: transparent !important;
  }
}

/* ==========================================================
   MOBILE STYLES (Max-Width Breakdown)
   ========================================================== */
@media (max-width: 1199px) {
  /* Hide default Elementor SVG */
  .menu-toggle-btn .elementor-button-icon svg {
    display: none;
  }

  /* Icon container */
  .menu-toggle-btn .elementor-button-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
  }

  /* Middle line */
  .menu-toggle-btn .elementor-button-icon::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    border-radius: 20px;
    background: #2d6886;
    top: 12px;
    left: 6px;
    box-shadow:
      0 -8px 0 #2d6886,
      0 8px 0 #2d6886;
  }

  /* Hide default Elementor SVG */
  .close-btn .elementor-button-icon svg {
    display: none;
  }

  /* Icon container */
  .close-btn .elementor-button-icon {
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* X icon */
  .close-btn .elementor-button-icon::before,
  .close-btn .elementor-button-icon::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    border-radius: 20px;
    background: #2d6886;
    top: 50%;
    left: 50%;
    transform-origin: center;
  }

  .close-btn .elementor-button-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .close-btn .elementor-button-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .mobile-menu .cp-nav-menu {
    width: 100% !important;
    padding: 0px 4px 0px 10px;
  }
  .ftr-mobile-menu .mobile-menu .cp-nav-menu {
    padding: 0px !important;
  }

  .mobile-menu .cp-nav-menu-list {
    margin: 0;
    padding: 0;
  }

  .mobile-menu .cp-nav-menu-list > .cp-menu-item:nth-child(3) > .cp-nav-link,
  .mobile-menu .cp-nav-menu-list > .cp-menu-item:nth-child(4) > .cp-nav-link {
    color: #9fb1d2 !important;
  }

  .mobile-menu .cp-nav-menu-list > .cp-menu-item:last-child > .cp-nav-link {
    color: #970f73 !important;
  }
  .ftr-mobile-menu .mobile-menu .cp-nav-menu-list > .cp-menu-item {
    border-bottom: 1px solid rgba(135, 192, 198, 0.7) !important;
  }

  .mobile-menu .cp-nav-menu-list > .cp-menu-item {
    list-style: none;
    border-bottom: 1px solid #d9d9d9 !important;
    position: relative !important;
    width: 100%;
  }
  .ftr-mobile-menu
    .mobile-menu
    .cp-nav-menu-list
    > .cp-menu-item
    > a.cp-nav-link {
    color: #87c0c6 !important;
  }
  .ftr-mobile-menu
    .mobile-menu
    .cp-nav-menu-list
    > .cp-menu-item
    > a.cp-nav-link {
    padding: 0px 5px 0px 15px !important;
    font-size: 14px !important;
    font-family: "roboto", sans-serif !important;
    height: 42px !important;
  }
  .mobile-menu .cp-nav-menu-list > .cp-menu-item > a.cp-nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    padding: 0px 18px 0px 25px !important;
    color: #0e2344 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    height: 38px;
  }
  .mobile-menu .cp-nav-menu-list > .menu-open {
    padding-bottom: 10px;
  }
  .mobile-menu .cp-nav-menu-list > .menu-open .cp-sub-menu {
    margin-top: -10px;
  }
  /* Left Arrow */
  .ftr-mobile-menu
    .mobile-menu
    .cp-nav-menu-list
    > .cp-menu-item
    > a.cp-nav-link:before {
    left: 0px !important;
  }
  .mobile-menu .cp-nav-menu-list > .cp-menu-item > a.cp-nav-link:before {
    content: "›" !important;
    position: absolute !important;
    left: 5px !important;
    top: 45% !important;
    transform: translateY(-50%) !important;
    color: #8e0c74 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  /* Right Icon */

  .mobile-menu .cp-nav-arrow {
    font-size: 0 !important;
    width: 20px !important;
    text-align: center !important;
    transform: none !important;
    transition: none !important;
  }

  /* Default + */
  .mobile-menu .cp-nav-arrow::after {
    content: "+";
    font-size: 22px;
    color: #970f73;
    font-weight: 400;
    transform: none !important;
    transition: none !important;
  }

  .mobile-menu
    .cp-menu-item-has-children.menu-open
    > .cp-nav-link
    .cp-nav-arrow::after,
  .mobile-menu
    .cp-menu-item-has-children.open
    > .cp-nav-link
    .cp-nav-arrow::after,
  .mobile-menu
    .cp-menu-item-has-children.active
    > .cp-nav-link
    .cp-nav-arrow::after {
    content: "×";
  }
  .mobile-menu .cp-nav-link[aria-expanded="true"] .cp-nav-arrow::after {
    content: "×";
  }

  /* IMPORTANT
   Don't hide submenu.
   UAE plugin controls it.
*/
  .ftr-mobile-menu .mobile-menu .cp-sub-menu {
    background: #24334e !important;
  }
  .mobile-menu .cp-sub-menu {
    margin: 0;
    padding: 0 0 0px;
    background: #fff;
    border: 0;
    box-shadow: none;
    position: static;
    width: 100%;
    /* margin-bottom: 15px; */
  }

  /* Submenu */

  .mobile-menu .cp-sub-menu li {
    list-style: none;
  }
  .ftr-mobile-menu .mobile-menu .cp-sub-menu li a {
    color: #fff !important;
    font-size: 14px !important;
  }
  .ftr-mobile-menu .mobile-menu .cp-sub-menu li a {
    padding: 0px 20px 0px 15px !important;
  }
  .mobile-menu .cp-sub-menu li a {
    display: block;
    padding: 0px 20px 0px 25px !important;
    color: #8fa5cc !important;
    font-size: 15px !important;
    /* margin-bottom: 10px !important; */
    margin-top: 8px !important;
    font-weight: 500 !important;
    border: none !important;
    text-decoration: none !important;
    line-height: 1.5;
  }

  .ftr-mobile-menu .cp-sub-menu .cp-nav-link:hover {
    background-color: #24334e !important;
    color: #fff !important;
  }
  .mobile-menu .cp-sub-menu li a:hover {
    color: #8fa5cc !important;
  }
  .mobile-login .cp-sub-menu .cp-nav-link:hover {
    background-color: transparent !important;
  }
  .cp-sub-menu .cp-nav-link:hover {
    background-color: transparent !important;
  }
  /* Apply Now */

  .mobile-menu .dropdown-apply > a {
    color: #8e0c74 !important;
  }

  /* Help */

  .mobile-menu
    > .elementor-widget-container
    > .cp-nav-menu
    > .cp-nav-menu-list
    > .cp-menu-item:not(.cp-menu-item-has-children)
    > a {
    justify-content: flex-start !important;
  }

  /* Remove default arrows if any */

  .mobile-menu .cp-nav-link svg,
  .mobile-menu .cp-nav-link i {
    display: none !important;
  }

  .mobile-menu .cp-sub-menu {
    display: none;
  }

  .mobile-menu .cp-menu-item.menu-open > .cp-sub-menu {
    display: block;
  }
  .mobile-login {
    position: static !important;
  }

  /* Login text */
  .mobile-login .cp-nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #002b55;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none !important;
    justify-content: center;
  }

  /* Hide default arrow */
  .mobile-login .cp-nav-arrow {
    display: none;
  }

  /* Dropdown */
  .mobile-login .cp-sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    background: #d3edf1;
    display: flex;
    padding: 25px 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* Top triangle */
  .mobile-login .cp-sub-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 15%;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #d3edf1;
  }

  /* Dropdown items */
  .mobile-login .cp-sub-menu .cp-menu-item {
    width: 50%;
    text-align: center;
    position: relative;
  }

  /* Dropdown links */

  .mobile-login .cp-sub-menu {
    position: absolute !important;
    display: none !important;
    background: #d3edf1 !important;
    padding: 0px 0 !important;
    height: 50px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 99999;
    width: 100vw !important;
    max-width: 100vw !important;
    top: 2em !important;
    overflow: visible !important;
  }

  .mobile-login .cp-menu-item-has-children.menu-open > .cp-sub-menu {
    display: flex !important;
    align-items: center;
  }

  .mobile-login .cp-sub-menu .cp-menu-item {
    width: 50%;
    text-align: center;
  }

  .mobile-login .cp-sub-menu .cp-menu-item:first-child {
    border-right: 1px solid #8db8c0;
  }
  .gear-icon .elementor-button-icon svg {
    display: none;
  }
  .gear-icon .elementor-button-icon::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231D5A7A' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.5.5 0 00.12-.64l-1.92-3.32a.5.5 0 00-.61-.22l-2.39.96a7.28 7.28 0 00-1.63-.94L14.5 2.5a.5.5 0 00-.49-.4h-4.02a.5.5 0 00-.49.4L9.26 5.32c-.58.23-1.12.54-1.63.94l-2.39-.96a.5.5 0 00-.61.22L2.71 8.84a.5.5 0 00.12.64l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94L2.83 14.52a.5.5 0 00-.12.64l1.92 3.32a.5.5 0 00.61.22l2.39-.96c.5.4 1.05.72 1.63.94l.24 2.82a.5.5 0 00.49.4h4.02a.5.5 0 00.49-.4l.24-2.82c.58-.23 1.12-.54 1.63-.94l2.39.96a.5.5 0 00.61-.22l1.92-3.32a.5.5 0 00-.12-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1112 8.5a3.5 3.5 0 010 7z'/%3E%3C/svg%3E");
  }
}
@media (max-width: 767px) {
  .saver-tbl table {
    width: 100%;
    table-layout: fixed;
  }

  .saver-tbl th,
  .saver-tbl td {
    padding: 6px 8px !important;
    word-break: break-word;
    vertical-align: top;
  }

  .saver-tbl th:nth-child(1),
  .saver-tbl td:nth-child(1) {
    width: 25%;
  }

  .saver-tbl th:nth-child(2),
  .saver-tbl td:nth-child(2),
  .saver-tbl th:nth-child(3),
  .saver-tbl td:nth-child(3) {
    width: 15.5%;
  }
  .apply-btn {
    font-size: 14px !important;
  }
  .word-wraping .elementor-heading-title {
    word-wrap: break-word;
  }
  a.cb-sidemenu-item.active {
    margin-bottom: 12px !important;
  }
  #menu-right-side-other-information-mt-en ul.cb-page-content-menu.sub-menu {
    margin-bottom: 12px;
    margin-top: -15px;
  }
  #annual-reports-and-financial-statements
    .elementor-element-4e664143
    .elementor-heading-title {
    font-weight: 500 !important;
  }
  .button-text .elementor-button-text {
    text-align: left !important;
  }
  .mobile-menu .cp-sub-menu {
    margin-bottom: 0px !important;
  }
  .saver-tbl table {
    width: 100% !important;
  }
  .saver-tbl table thead tr th:first-child {
    width: 15% !important;
  }
  .mobile-login .cp-sub-menu {
    top: 2em !important;
  }
  .mobile-login .cp-sub-menu::before {
    right: 45px !important;
  }
  #about-izola-bank .elementor-heading-title {
    color: #fff !important;
  }
  #over-izola-bank .elementor-heading-title {
    color: #fff !important;
  }
  #a-propos-izola-bank .elementor-heading-title {
    color: #fff !important;
  }
  .scroll-space {
    scroll-margin-top: 0px !important;
  }
  .num-icon .elementor-icon-list-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .num-icon .elementor-icon-list-icon {
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .num-icon .elementor-icon-list-text {
    width: 100%;
    text-align: center !important;
  }
}
/* Mobile */
@media (max-width: 767px) {
  .custom-news-filter {
    width: 100%;
  }

  .filter-toggle {
    height: 54px;
    padding: 0 18px;
    border-radius: 0;
    background: #cfe6e8;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 23px;
    justify-content: space-between;
    box-shadow: none;
  }

  .filter-text {
    color: #000;
  }

  .filter-arrow path {
    stroke: #000;
    stroke-width: 3;
  }

  .filter-menu {
    top: 54px;
    width: 100%;
  }
  .custom-news-filter .category-item-title {
    padding: 15px 10px 8px 15px;
  }
}
@media (max-width: 425px) {
  .mobile-login .cp-sub-menu::before {
    right: 50px !important;
  }
}
@media (max-width: 355px) {
  .small-mob {
    width: 180px !important;
  }
  .small-mob2 {
    width: 70px !important;
  }
}
