.top-bewertete .section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 16px;}
.top-bewertete .section-title { font-size: 22px !important; font-weight: 600; color: #000; letter-spacing: -.3px; display: flex; align-items: center; gap: 10px;}
.top-bewertete .section-title-ico { font-size: 22px;}
.top-bewertete .section-link { font-size: 14px; font-weight: 600; color: #1a1f2e; text-underline-offset: 3px; cursor: pointer; transition: color .15s;}
.top-bewertete .row-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px;}
.top-bewertete .card { position: relative; cursor: pointer; transition: transform .25s, box-shadow .25s; background: white; border:1px solid #7ed2d4; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(43, 182, 196, .04);}
.top-bewertete .card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(43, 182, 196, .15);}
.top-bewertete .card-photo-wrap { position: relative; width: 100%; aspect-ratio: 1.6 / 1; overflow: hidden; border-bottom: 1.5px solid #2bb6c4;}
.top-bewertete .card-trust-stack { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 3;}
.top-bewertete .card-protect-pill { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 12px; background: white; border: 1.5px solid #2bb6c4; border-radius: 8px; font-size: 11.5px; font-weight: 600; color: #1a8089; box-shadow: 0 2px 6px rgba(0, 0, 0, .06); width: fit-content; cursor: help; transition: all .15s ease; user-select: none;}
.top-bewertete .card-actions { position: absolute; top: 12px; right: 12px; display: flex; gap: 6px; z-index: 3;}
.top-bewertete .card-action-btn{width:32px;height:32px;background:white;border:1.5px solid #2bb6c4;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1a8089;cursor:pointer;transition:all .15s;font-family:inherit;padding:0;}
.top-bewertete .card-photo{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(82,169,219,0.2) 0%,rgba(82,169,219,0.2) 50%,rgba(49,188,181,0.2) 100%);}
.top-bewertete .card-photo-row{display:inline-flex;align-items:center;gap:14px;}
.top-bewertete .card-photo-logo{width:36px;height:36px;background-image:url('../images/img/logo/favicon.png');background-size:contain;background-repeat:no-repeat;background-position:center;}
.top-bewertete .card-photo-name{font-size:42px;font-weight:700;color:white;letter-spacing:-.5px;line-height:1;text-shadow: -1.5px -1.5px 0 #2bb6c4, 1.5px -1.5px 0 #2bb6c4, -1.5px 1.5px 0 #2bb6c4, 1.5px 1.5px 0 #2bb6c4, 0 -1.5px 0 #2bb6c4, 0 1.5px 0 #2bb6c4, -1.5px 0 0 #2bb6c4, 1.5px 0 0 #2bb6c4;}
.top-bewertete .card-body{padding:16px 18px 16px;display:flex;flex-direction:column;flex:1;}
.top-bewertete .card-header-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;}
.top-bewertete .card-name-text{ display:flex;align-items:center; font-size:17px;font-weight:600;color:#1a1f2e;letter-spacing:-.3px;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-bewertete .card-rating{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:#1a1f2e;font-weight:700;flex-shrink:0;white-space:nowrap;}
.top-bewertete .card-rating .card-rating-star i{color:#ff8806dd}
.top-bewertete .card-rating-count{font-weight:normal}
.top-bewertete .card-country{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#1a1f2e;margin-bottom:6px;line-height:1.3;}
.top-bewertete .card-country-flag img{border-radius:3px; width: 24px; height: 14px;}
.top-bewertete .card-subline{font-size:13px;color:#1a1f2e;font-weight:500;margin-bottom:6px;line-height:1.4;}
.top-bewertete .card-subline i{width:16px; margin-right:6px;}

.top-bewertete .card-spezial{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f0fafb;border:1px solid #c8e6e9;border-radius:999px;font-size:12px;font-weight:700;color:#1a8089;margin-bottom:12px;letter-spacing:-.05px;width:fit-content;}
.top-bewertete .cs-ico{display:inline-flex;align-items:center;justify-content:center;color:#2bb6c4;flex-shrink:0;}
.top-bewertete .card-strengths-inline{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:#1a1f2e;font-weight:500;margin-bottom:14px;}
.top-bewertete .csi-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.top-bewertete .csi-bullet{width:4px;height:4px;background:#2bb6c4;border-radius:50%;flex-shrink:0;}
.top-bewertete .card-line{height:1px;background:#f0e8e0;margin-bottom:10px;margin-top:8px;}
.top-bewertete .card-price-block{margin-bottom:12px; width:100%;display: flex; justify-content: space-between; align-items: center;}
.top-bewertete .card-price-main{display:flex;justify-content: space-between;align-items:baseline;gap:4px;white-space:nowrap;margin-bottom:2px;}
.top-bewertete .card-price-vs{font-size:12.5px;font-weight:600;color:#1a8089;letter-spacing:-.05px;white-space:nowrap;cursor:help;display:inline-flex;align-items:center;gap:2px;}
.top-bewertete .card-price-now{ display:flex; align-item:center;font-size:16px;font-weight:900;color:#000;letter-spacing:-.4px;}
.top-bewertete .line-card-cta{    display: flex; align-items: center; padding: 2px 10px 2px 4px; border:1px solid #7ed2d4; color:#2bb6c4; font-weight:600; font-size:13px; background:none; border-radius:30px}
.top-bewertete .line-card-cta i{ justify-content: center; margin-right: 10px; width:30px; height:30px; display:flex; align-items:center; border-radius:50px; background:#dceef8;}
.top-bewertete .card-price-unit{font-size:14px;font-weight:400;color:#5C6680;white-space:nowrap;}
.top-bewertete .card-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;background:linear-gradient(82deg,#49a6dc 0%,#22bdb6d1 100%);color:white;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:-.05px;cursor:pointer;transition:all .2s;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-bewertete .ppl-info { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1.2px solid #2bb6c4; border-radius: 50%; font-size: 9.5px; font-weight: 700; font-style: italic; color: #2bb6c4; background: white; margin-left: 2px; transition: all .15s;}
/*Next section*/
.services-hero{    margin: 32px 0px 36px;
    padding: 64px 32px 56px;
    background: linear-gradient(135deg,rgba(82,169,219,0.2) 0%,rgba(82,169,219,0.2) 50%,rgba(49,188,181,0.2) 100%);
    border-radius: 24px;
border:2px solid #2bb6c4;
    text-align: center;
    position: relative; }
.section-heading h4{    margin-bottom: 10px; 
    font-size: 26px !important;
    font-style: normal;
    font-weight: 600 !important;}
.section-heading .sub-head{color:#1a8089; margin-bottom:15px}
.sh-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px; 
    margin: 0 auto;
    padding: 8px 0;
}
.sh-card {
    position: relative;
    background: white;
    border: 1px solid #b0d8da;
    border-radius: 18px;
    padding: 12px 8px;
    cursor: pointer;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
     
    width: 235px;
    height: 165px;
    flex-shrink: 0;
}
.sh-card-info {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 2px solid #dceef8;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    /* font-style: italic; */
    color: #1a8089;
    background: #dceef8;
    transition: all .15s;
    z-index: 4;
    cursor: help;
    letter-spacing: 0;
    line-height: 1;
    box-shadow: 0 0 0;
    box-sizing: border-box;
}
.sh-card-ico {
    width: 46px;
    height: 46px;    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2bb6c4;
background: #dceef8;
    border-radius: 70px;
}
.sh-card-ico svg {
    width: 24px;
    height: 24px;
    stroke: #2bb6c4;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.sh-card:hover{border-color: #2bb6c4;
}
.sh-card-label {
     
    font-size: 14px;
    font-weight: 600;
    color:#333;
    line-height: 1.25;
    letter-spacing: -.1px;
    text-align: center;
}
.sh-card .cap-tip {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: 260px;
    background: white;
    color: var(--c-text);
    padding: 14px 16px;
    border: 2px solid #2bb6c4;
    border-radius: 14px;
     
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    box-shadow: 0 10px 28px rgba(43, 182, 196, .25), 0 4px 10px rgba(20, 60, 80, .1);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    z-index: 200;
    pointer-events: none;
    white-space: normal;
}

.sh-card .cap-tip strong:first-child {
  display: block;
  color: #1a8089;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 6px;
  letter-spacing: -.05px;
}
.sh-card .cap-tip-text {
  display: block;
  color: #1a1f2e;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.sh-card .cap-tip-status {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 4px;
  padding: 9px 11px;
  background: #e3f4f5;
  border-radius: 7px;
  font-size: 11.5px;
  font-weight: 600;
  color: #1a8089;
  line-height: 1.4;
}
.sh-card .cap-tip-status::before {
  /*content: '?';*/
  color: #2bb6c4;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.3;
  flex-shrink: 0;
}
/* Pfeil unten am Tooltip */
.sh-card .cap-tip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #2bb6c4;
  margin-top: 0;
}
.sh-card .cap-tip::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: white;
  margin-top: -1px;
  z-index: 1;
}
.sh-card:hover .cap-tip,
.sh-card:focus-visible .cap-tip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.custom-tooltip {
    display: none; 
    position: absolute;
opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    top: 120%; /* Pill ke upar dikhane ke liy	ae */
    left: 0%;
    transform: translateX(0%);
    width: 300px;
    background: white;
    color: #333;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    z-index: 100;
    text-align: left;
    line-height: 1.5;
}
.top-bewertete .card-protect-pill {
    position: relative;
    cursor: pointer;
}
/* Hover karne par dikhega */
 
.card-protect-pill:hover .custom-tooltip {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Chhota arrow (Niche wala tri-angle) */
.tooltip-arrow {
    position: absolute;
    top: -8px;
    left: 20%; /* Image ke hisaab se position adjust karein */
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
}

.custom-tooltip h5 {
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1a1f2e;
}


.custom-tooltip p {
    font-size: 13px !important; 
} 


/*promise hide box css */
.promise
 { 
    background: linear-gradient(135deg,rgba(82,169,219,0.2) 0%,rgba(82,169,219,0.2) 50%,rgba(49,188,181,0.2) 100%);;
    border: 2px solid #2bb6c4;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    transition: box-shadow .25s, border-color .25s;
}
.promise-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 28px;
    cursor: pointer;
    list-style: none;
    position: relative;
    z-index: 2;
    transition: background .2s;
}
.promise-summary-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.promise-kicker {
    display: block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.4px;
    text-transform: none;
    color: #1a8089;
    opacity: 1;
    line-height: 1.2;
    margin-bottom: 10px;
}
.promise-quote {
    display: block;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.4;
    color: #1a8089;
    letter-spacing: -.15px;
    margin-bottom: 6px;
}
.promise-quote-tag {
    display: block;
     
    font-size: 14px;
    font-weight: 400;
    color:#5C6680;
    line-height: 1.55;
    letter-spacing: -.05px;
}
.promise-summary-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 0;
    background: transparent;
    color: #1a8089;
     
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: -.05px;
    border-bottom: 1.5px solid transparent;
    padding-bottom: 2px;
    transition: all .2s;
    align-self: center;
}
.promise-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    width: 14px;
    height: 14px;
}
.promise-close-header {
    display: none;
    width: 32px;
    height: 32px;
    background: white;
    border: 1.5px solid rgba(43, 182, 196, .3);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color:#5C6680;
    transition: all .2s;
    padding: 0;
    font-family: inherit;
}
.promise-close-header:hover {
  background: #2bb6c4;
  border-color: #2bb6c4;
  color: white;
  transform: rotate(90deg);
} 
.promise[open] .promise-toggle-label,
.promise[open] .promise-toggle-icon {
  display: none;
}
.promise[open] .promise-close-header {
  display: inline-flex;
}  
.promise-content {
  padding: 8px 28px 32px;
  position: relative;
  z-index: 2;
  animation: promiseSlideDown .35s cubic-bezier(.4, 0, .2, 1);
}
/* X-Button zum Schließen — oben rechts in der Content-Box */
.promise-close {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: white;
  border: 1.5px solid var(--c-divider);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--c-text-muted);
  transition: all .2s;
  z-index: 5;
  padding: 0;
  font-family: inherit;
}
.promise-close svg {
  width: 14px;
  height: 14px;
}
.promise-close:hover {
  background: var(--c-primary);
  border-color: var(--c-primary);
  color: white;
  transform: rotate(90deg);
}
@keyframes promiseSlideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.promise-quote-full { 
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.4;
  color: #1a8089;
  letter-spacing: -.15px;
  text-align: center;
  margin: 12px 0 26px;
  padding: 0 16px;
}

.promise-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.promise-tile {
  background: white;
  border: 1.5px solid #e8edf0;
  border-radius: 14px;
  padding: 20px 18px;
  text-align: left;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.promise-tile:hover {
  transform: translateY(-3px);
  border-color:#2bb6c4;
  box-shadow: 0 10px 24px rgba(43, 182, 196, .15);
}
.pt-ico {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f0fafb;
  border-radius: 11px;
  color: #2bb6c4;
  margin-bottom: 4px;
}
.pt-ico svg {
  width: 22px;
  height: 22px;
}
.pt-title { 
  font-size: 15px;
  font-weight: 600;
  color: #1a1f2e;
  letter-spacing: -.2px;
  line-height: 1.3;
}
.pt-sub {
   
  font-size: 12.5px;
  font-weight: 400;
  color: #5C6680;
  line-height: 1.5;
}
.pt-sub strong {
  color: #1a1f2e;
  font-weight: 700;
}
.pt-sub em {
  display: block;
  margin-top: 6px; 
  font-style: italic;
  font-size: 12px;
  font-weight: 500;
  color: #1a8089;
  letter-spacing: -.05px;
}

/*promise hide box end */



/*Fair hide box css */

.fair-hero {
  margin: -50px auto 48px;
background: linear-gradient(135deg, #ddeef8 0%, #ddeef8 50%, #d6f2f0 100%);
    border: 2px solid #2bb6c4;
  border-radius: 24px;
  padding: 48px 40px 40px;  
  text-align: center;
  position: relative;
  overflow: hidden;
}
.fair-hero::before {
  content: '';
  position: absolute;
  top: -120px;
  right: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(43, 182, 196, .10) 0%, transparent 70%);
  pointer-events: none;
}
.fair-hero::after {
  content: '';
  position: absolute;
  bottom: -120px;
  left: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(244, 185, 66, .08) 0%, transparent 70%);
  pointer-events: none;
}
 
.fair-hero-kicker { 
  font-size: 26px;
  font-weight: 600;
  font-style: italic;
  letter-spacing: -.3px;
  color: #1a8089;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}
/* Headline: dezent, eine Zeile */
.fair-hero-title { 
  font-size: 18px !important;
  font-weight: 400;
  color: #5C6680;
  margin: 0 0 22px;
  letter-spacing: -.2px;
  line-height: 1.4;
  position: relative;
  z-index: 2;
} 
.fair-hero-statement {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: 10px auto 28px;
  padding: 28px 56px;
  background: white;
  border: 2px solid #2bb6c4;
  border-radius: 20px; 
  box-shadow: 0 12px 30px rgba(43, 182, 196, .2),
              0 4px 10px rgba(43, 182, 196, .12),
              inset 0 0 0 1px rgba(255, 255, 255, .8);
  position: relative;
  z-index: 2;
  /* leichter Schein-Effekt */
}
.fair-hero-statement::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 28px;
  background: radial-gradient(closest-side, rgba(43, 182, 196, .15), transparent);
  z-index: -1;
  pointer-events: none;
}
.fhs-number {
 
  font-size: 64px;
  font-weight: 600;
  color: #1a8089;
  letter-spacing: -2px;
  line-height: 1;
  background: linear-gradient(135deg, #1a8089 0%, #2bb6c4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fhs-label {
   
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  color: #1a8089;
  text-transform: uppercase;
  margin-top: 8px;
}
.fhs-tagline {
 
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
  color: #5C6680;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(43, 182, 196, .15);
  letter-spacing: -.2px;
  line-height: 1.3;
  width: 100%;
  text-align: center;
}

/* --- Trust-Liste: linksbündig, untereinander, ohne Kreise --- */
.fair-hero-noextras {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  text-align: left;
   
  font-size: 14px;
  font-weight: 500;
  color: #5C6680;
  line-height: 1.4;
}
.fhn-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.fhn-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2bb6c4;
  flex-shrink: 0;
}
.fhn-check svg {
  width: 16px;
  height: 16px;
} 
.fair-insight-content {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 14px auto 0;
  padding: 22px 24px;
  background: rgba(255, 255, 255, .7);
  border-radius: 14px;
  border: 1px solid rgba(43, 182, 196, .15);
  text-align: left;
  max-width: 600px;
  position: relative;
}
.fair-insight-content > * + * {
  padding-top: 22px;
  border-top: 1px dashed rgba(43, 182, 196, .2);
}

/* X-Schließen-Button im aufgeklappten Inhalt */
.fair-insight-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  background: white;
  border: 1.5px solid rgba(43, 182, 196, .25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #5C6680;
  transition: all .2s;
  z-index: 5;
  padding: 0;
  font-family: inherit;
}
.fair-insight-close svg {
  width: 13px;
  height: 13px;
}
.fair-insight-close:hover {
  background: #2bb6c4;
  border-color: #2bb6c4;
  color: white;
  transform: rotate(90deg);
}
 
@media (max-width: 540px) {
  .fair-hero-title { font-size: 15px; }
  .fair-hero-kicker { font-size: 21px; letter-spacing: -.25px; }
  .fhs-number { font-size: 52px; letter-spacing: -1.5px; }
  .fhs-label { font-size: 11px; }
  .fhs-tagline { font-size: 13px; margin-top: 12px; padding-top: 12px; }
  .fair-hero-statement { padding: 22px 36px; border-radius: 20px; }
  .fair-hero-noextras { font-size: 13px; gap: 9px; }
  .fhn-check svg { width: 14px; height: 14px; }
  .fair-insight-content { padding: 18px 16px; gap: 18px; }
  .fair-insight-content > * + * { padding-top: 18px; }
}

/* Insight-Box (jetzt im Container, ohne eigene Box-Optik) */
.fair-hero-insight {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  text-align: left;
  box-shadow: none;
}
.fhi-ico {
  font-size: 24px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 1px;
}
.fhi-text {
  font-size: 14px;
  color: #5C6680;
  line-height: 1.6;
}
.fhi-text strong {
  display: block;
  font-style: italic;
  font-size: 16px;
  font-weight: 500;
  color: #1a8089;
  margin-bottom: 6px;
  letter-spacing: -.1px;
}
.fhi-text em {
  font-style: italic;
  font-weight: 600;
  color: #1a1f2e;
}
/* Trenner zwischen den 3 Insight-Abschnitten */
.fhi-divider {
  display: block;
  width: 36px;
  height: 1px;
  margin: 14px auto 14px 0;
  background: linear-gradient(90deg, rgba(43, 182, 196, .35), rgba(43, 182, 196, 0));
}

/* --- Aufklappbarer Insight-Toggle (»Warum das für Sie wichtig ist«) --- */
/* Wrapper für beide Aufklapper (Tagespreis + Warum wichtig) */
.fair-toggles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0 auto 28px;
  max-width: 600px;
  position: relative;
  z-index: 2;
}

.fair-insight-toggle {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.fair-insight-toggle[open] {
  margin-bottom: 4px;
}
.fhi-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(43, 182, 196, .3);
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
   
  font-size: 14px;
  font-weight: 600;
  color: #1a8089;
  letter-spacing: -.1px;
  transition: all .2s ease;
  box-shadow: 0 4px 12px rgba(43, 182, 196, .08);
  user-select: none;
}
.fhi-summary:hover {
  background: white;
  border-color: #2bb6c4;
  box-shadow: 0 6px 18px rgba(43, 182, 196, .15);
  transform: translateY(-1px);
}
.fhi-summary::-webkit-details-marker { display: none; }
.fhi-summary-ico { font-size: 18px; line-height: 1; }
.fhi-summary-text { line-height: 1.2; }
.fhi-summary-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #2bb6c4;
  transition: transform .25s ease;
}
.fhi-summary-arrow svg { width: 16px; height: 16px; }
.fair-insight-toggle[open] .fhi-summary-arrow {
  transform: rotate(180deg);
}
.fair-insight-toggle[open] .fhi-summary {
  background: white;
  border-color: #2bb6c4;
}
.fair-insight-toggle .fair-insight-content,
.fair-insight-toggle .fair-hero-insight {
  animation: fairInsightOpen .3s ease;
}
@keyframes fairInsightOpen {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* CTA edler */
/* CTA-Wrapper: rechtsbündig (nimmt sich Platz, drückt Button nach rechts) */
.fair-cta-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
  position: relative;
  z-index: 2;
}

/* CTA als Outline-Button (nicht ausgefüllt) */
.fair-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1.5px solid #2bb6c4;
  border-radius: 8px;
   
  font-size: 13px;
  font-weight: 600;
  color: #1a8089;
  cursor: pointer;
  white-space: nowrap;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  letter-spacing: -.1px;
}
.fair-hero-cta:hover {
  background: linear-gradient(82deg,#49a6dc 0%,#22bdb6d1 100%);
  color: white;
  border-color: #2bb6c4;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(43, 182, 196, .2);
}
.fair-hero-cta .fhc-arrow {
  transition: transform .2s;
  font-size: 14px;
}
.fair-hero-cta:hover .fhc-arrow {
  transform: translateX(3px);
}

@media (max-width: 760px) {
  .fair-hero { padding: 36px 22px 28px; margin: 36px auto; }
  .fair-hero-lead { font-size: 14px; }
  .fair-compare { grid-template-columns: 1fr; gap: 16px; }
  .fair-compare-single { max-width: 100%; }
.promise-summary{display:block}
.promise-grid{    display: flex;
    flex-direction: column;}
}
@media (max-width: 540px) {
  .fhi-text { font-size: 13px; }
  .fhi-text strong { font-size: 15px; } 
}
/*Fair hide box end */




.service-card .card-body-custom p{letter-spacing: 0px;
    font-size: 13px; 
    line-height: 19px;font-weight: 400 !important;
 }
.copy-bar-fluid{ font-size: 14px;} 
.footer-box-custom.law h5{ font-size: 14px;}
.service-box.bbb h2 { 
    font-size: 22px !important;
}

.service-box.bbb p { 
    font-size: 15px !important;
}
.newsletter-form{padding: 30px 50px;}
.newsletter-form button.btn-gradient i{margin-right:10px}
.card-body-custom h5 { font-size: 17px !important;}
.step-contents p {
    font-weight: 400; 
    letter-spacing: 0px;
    font-size: 13px;
}
.step-content h5 {
    height: 15.78px;
    font-size: 17px !important;
}
.info-wrap h5 { 
    margin: 0 0 6px;}
/* Container ko thoda space dein dots ke liye */
/* Container ki width fix karein */
.top-bewertete .container { 
    margin: 0 auto;
    position: relative;
    overflow: hidden; /* Isse side wali slides bahar nahi dikhengi */
}

.mySwiper {
    width: 100%;
  padding: 0 0 50px 0 !important; 
}

/* Ensure slides ki width auto na ho */
.swiper-slide {
    width: calc(33.333% - 20px); /* 3 slides logic */
} 

/* Dots ka color change karne ke liye */
.swiper-pagination-bullet-active {
    background: #2bb6c4 !important; /* Aapka theme color */
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}
.home-slider .swiper-pagination{display:block}
.main-header {
    z-index: 999;}
.modal-header {
  background: linear-gradient(90deg,#52a9db 0%,#31bcb5 100%);
  color: white;
  padding: 30px 26px 20px;
  position: relative; display:block;
  text-align: center;border-radius: 15px 15px 0 0
}
.modal-header .auth-emoji {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 8px;
    display: block;}
.modal-header h2 {
     margin: 20px 0 15px;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.25;
    color: #fff; 
}
#myCaregiverModal .modal-body{    height: calc(100vh - 280px);
    overflow: auto;
    margin-bottom: 12px;}
.modal-header .btn-close{background-color: rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    filter: invert(1);
    opacity: 1;
    font-size: 12px;
    padding: 11px;
    right: 5%;
    position: absolute;}
.modal-header p {
     margin: 0; 
    opacity: .92;
    line-height: 1.45;
     
    color: #fff;}
.auth-close-btn {
  position: absolute;
  top: 12px;
  right: 12px; 
  background: rgba(255, 255, 255, .2);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  transition: all .2s;
}
.auth-close-btn:hover {
  background: rgba(255, 255, 255, .35);
  transform: rotate(90deg);
}

.auth-body {
  padding: 0px;
  overflow-y: auto;
}

/* Tab-Switcher */
.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #ececec;  border-radius: 10px;
  padding: 4px;
  margin-bottom: 18px;
  gap: 2px;
}
.auth-tab, .auth-tab-h {
  padding: 9px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  color:#5C6680;
  transition: all .2s;
}
.auth-tab.active, .auth-tab-h.active {
  background: white;
  color: #2bb6c4;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}
.auth-tab:hover:not(.active), .auth-tab-h:hover:not(.active) { color: #1a1f2e; }


/* Soziale Login-Buttons */
.auth-social {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
.auth-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 14px;
  border:1.5px solid #2bb6c4;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  color: #1a1f2e;
  font-family: inherit;
  transition: all .2s;
}
.auth-social-btn:hover {
  border-color:#2bb6c4;
  background: #f0fafb;
  transform: translateY(-1px);
}
.auth-social-btn .social-ico {
  font-size: 16px;
  width: 20px;
  text-align: center;
  font-weight: 700;
}
.auth-social-btn img{height: 20px;}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  color: #5C6680;
  font-size: 11px;
  font-weight: 500;
}
.auth-divider::before,
.auth-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #e8edf0;
}

/* Mehrwert-Box */
.auth-benefits {
  background: linear-gradient(135deg, rgba(110, 181, 178, .08) 0%, rgba(116, 166, 219, .10) 100%);
  border: 1.5px solid rgba(43, 182, 196, .30);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.auth-benefits-title {
  font-size: 12px;
  font-weight: 700;
  color: #1a8089;
  margin-bottom: 8px;
}
.auth-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.auth-benefits-list li {
  font-size: 11.5px;
  color: #1a1f2e;
  padding: 3px 0 3px 18px;
  position: relative;
  line-height: 1.4;
}
.auth-benefits-list li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  color: #2bb6c4;
  font-weight: 700;
font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.auth-benefits-note {
  font-size: 11px;
  color: #5C6680;
  line-height: 1.45;
  padding: 8px 10px;
  background: rgba(255, 255, 255, .6);
  border-radius: 6px;
  border: 1px dashed rgba(110, 181, 178, .4);
}
.auth-benefits-note strong { color: #1a1f2e; }

/* Eingabefelder */
.auth-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 11px;
}
.auth-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 11px;
}
.auth-field label {
  font-size: 11.5px;
  font-weight: 600;
  color: #5C6680;
}
.auth-field input {
  padding: 11px 13px;
  border: 1.5px solid #e8edf0;
  border-radius: 10px;
  font-family: inherit;
  font-size: 14px;
  color: #1a1f2e;
  background: white;
  transition: all .15s;
}
.auth-field input:focus {
  outline: none;
  border-color: #2bb6c4;
  box-shadow: 0 0 0 3px rgba(43, 182, 196, .15);
}

.auth-submit {
  width: 100%;
  padding: 13px 18px;
  background: linear-gradient(90deg,#52a9db 0%,#31bcb5 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 8px;
  margin-bottom: 12px;
  transition: all .2s;
}
.auth-submit:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(43, 182, 196, .35);
}

.auth-footer {
  font-size: 11px;
  color: #5C6680;
  text-align: center;
  line-height: 1.5;
}
.auth-footer a {
  color: #2bb6c4; 
  text-decoration: underline;
  cursor: pointer;
}

.cmp-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 30px 50px;
    min-height: 320px;
}
.cmp-placeholder-ico {
    font-size: 56px;
    line-height: 1;
    margin-bottom: 22px;
    opacity: .9;
}
.cmp-placeholder-title 
 { 
    font-size: 28px;
    font-weight: 600;
    color:#1a1f2e;
    margin: 0 0 12px;
    letter-spacing: -.5px;
    font-style: italic;
}
.cmp-placeholder-text 
 {
     
    font-size: 15px;
    color: #5C6680;
    line-height: 1.6;
    max-width: 42ch;
    margin: 0 0 28px;
}
 
.cmp-placeholder-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 26px;
    background: linear-gradient(82deg,#49a6dc 0%,#22bdb6d1 100%);
    color: white;
    border: none;
    border-radius: 8px;
     
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: -.1px;
    box-shadow: 0 4px 12px rgba(43, 182, 196, .25);
    transition: transform .2s ease, box-shadow .2s ease;
}
.hero-checks1{font-size:12px}
.btn-gradient-apddin {
    padding-left: 86px;
    padding-right: 86px;
    font-size: 13px;
}
.list-unstyled a {
    font-weight: 500 !important;
letter-spacing:0px;
}
.step-content p{font-size:13px;letter-spacing: 0px;color:#5a6669}



/* Wizard Container & Overlay */
.wizard-overlay {
    position: fixed; inset: 0; background: rgba(16, 42, 54, .55);
    backdrop-filter: blur(8px); z-index: 2000;
    display: none; align-items: center; justify-content: center; padding: 20px;
}
.wizard-card {
    background: white; border-radius: 24px; width: 100%; max-width: 620px;
    box-shadow: 0 30px 80px rgba(20, 60, 80, .35); overflow: hidden; display: flex; flex-direction: column;
}
.wizard-header {
    background: linear-gradient(135deg, #4cb1e8, #2bb6c4);
    color: white; padding: 24px 28px 18px; position: relative;
}
.wizard-header h2 { margin: 0 0 4px; font-size: 22px !important; font-weight: 700; display: flex; align-items: center; gap: 10px; color: #fff; }
.wizard-header p { margin: 0; font-size: 14px; opacity: .92; color: #fff; }
.wizard-close { position: absolute; top: 14px; right: 14px; background: rgba(255,255,255,.2); border: none; color: white; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 16px; }

/* Progress Bar */
.wizard-progress { display: flex; gap: 6px; padding: 14px 28px 0; background: white; }
.wizard-progress .step { flex: 1; height: 5px; background: #e6f0f3; border-radius: 999px; }
.wizard-progress .step.done { background: linear-gradient(90deg, #4cb1e8, #2bb6c4); }
.wizard-progress .step.active { background: #2bb6c4; }

/* Body Content */
.wizard-body { padding: 24px 28px 12px; overflow-y: auto; flex: 1; text-align: left; }
.wizard-step-num { color: #547383; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.wizard-question { font-size: 22px; font-weight: 700; color: #102a36; margin-bottom: 4px; line-height: 1.3; }
.wizard-hint { color: #547383; font-size: 13.5px; margin-bottom: 18px; }

/* Options Grid */
.wizard-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wizard-option {
    border: 2px solid #a0bcc7; border-radius: 16px; padding: 16px 14px;
    cursor: pointer; background: white; transition: all .25s ease;
    display: flex; align-items: center; gap: 12px;
}
.wizard-option:hover { border-color: #2bb6c4; transform: translateY(-2px); }
.wizard-option.selected { border-color: #2bb6c4; background: #f0fafb; box-shadow: 0 8px 24px rgba(43, 182, 196, .15); }
.wopt-emoji { font-size: 36px; line-height: 1; }
.wopt-title { font-size: 15px; font-weight: 700; color: #102a36; margin-bottom: 2px; }
.wopt-sub { font-size: 12px; color: #547383; line-height: 1.4; }

/* Footer & Buttons */
.wizard-footer { padding: 16px 28px 22px; display: flex; justify-content: space-between; align-items: center; background: #f1f7fa; border-top: 1px solid #a0bcc7; }
.wizard-btn { padding: 10px 20px; border-radius: 10px; font-weight: 600; cursor: pointer; font-size: 13.5px; border: none; transition: .2s; }
.wizard-btn.back { background: white; border: 1.5px solid #a0bcc7; color: #547383; }
.wizard-btn.next { background: linear-gradient(135deg, #4cb1e8, #2bb6c4); color: white; }
.wizard-btn.next:disabled { opacity: .4; cursor: not-allowed; }
.wizard-btn.skip { background: transparent; color: #547383; text-decoration: underline; }

.top10-section {
    padding: 80px 0;
    background: #f2f2f2;
}
.top10-logo-circle {
    width: 70px; height: 70px;
    background: #fff; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 15px rgba(43, 182, 196, 0.15);
    margin-bottom: 10px;
}
.top10-grid {
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;}
.top10-item {
    background: #fff;
    border: 1.5px solid #e1e7e9;
    border-left: 4px solid #2bb6c4;
    border-radius: 12px;
    transition: all .2s;
    overflow: hidden;
height: auto;
}
.top10-item[open] {
    border-color: #2bb6c4;
    box-shadow: 0 8px 25px rgba(43, 182, 196, 0.1); 
}
.top10-item:not([open]) {
    height: auto;
}
.top10-summary {
    display: flex; align-items: center;
    gap: 15px; padding: 18px 22px;
    cursor: pointer; list-style: none;
    user-select: none;
}
.top10-summary::-webkit-details-marker { display: none; }
.top10-num {
    font-size: 20px; font-weight: 800;
    color: #fff;
    width: 40px;
    height: 40px;
    background: linear-gradient(90deg, #52a9db, #31bcb5);
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
}
.top10-title {
    flex: 1; font-size: 17px; font-weight: 700;
    color: #102a36; line-height: 1.4;
}
.top10-chevron {
    color: #a0bcc7; transition: transform 0.3s;
    font-size: 12px;
color: #2bb6c4;
    background: #dceef8;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top10-item[open] .top10-chevron {
    transform: rotate(180deg);
    color: #fff;
 background: linear-gradient(90deg,#52a9db 0%,#31bcb5 100%);

}
.top10-body {
    padding: 0 22px 20px 58px;
    font-size: 14px; color: #547383;
    line-height: 1.6;
    animation: top10-fade .3s ease-out;
min-height: 100px; /* Aap apne sabse bade text ke hisaab se ise adjust kar sakte hain */
    
    align-items: flex-start;
}
.top10-body strong{color:#000; font-weight:900}
@keyframes top10-fade {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .top10-grid { grid-template-columns: 1fr; }
    .top10-body { padding-left: 22px; }
}

.werte-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.wert-card{
  background: #fff;
  border: 1px solid #7ed2d4;
  border-radius: 18px;
  padding: 32px 28px;
  text-align: center;
  transition: all .2s;
}
.wert-card:hover{
  border-color:#2bb6c4;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(43,182,196,0.1);
}
.wert-icon{
  width: 56px; height: 56px;
  background: #dceef8;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  font-size: 26px;
color:#2bb6c4;
}
.wert-card h3{
  font-size: 17px;
  margin-bottom: 10px;
}
.wert-card p{
  font-size: 13px;
  color:#5a6669;
  line-height: 1.6;
  margin: 0;
}
.wert-list{
  list-style: none;
  padding: 14px 0 0;
  margin: 14px 0 0;
  border-top: 1px solid #e6e9ea;
  text-align: left;
}
.wert-list li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 7px 0;
  font-size: 13px;
  color: #1f2628;
  line-height: 1.4;
}
.wl-num{
  flex-shrink: 0;
  min-width: 44px; 
  font-weight: 800;
  color: #1a8089;
  font-size: 15px;
}
@media (max-width: 800px){
  .werte-grid{ grid-template-columns: 1fr; }
}

.card-body-custom a {
    margin-top: 15px;
}
.services-hero {
    margin: 0px 0px 60px;}
.service-card .card-body-custom { border:0px;} 
.service-card .card-img{border-radius:18px}  

.form-check-input:checked {
  background-color: #2bb6c4;
  border-color: #2bb6c4;
}  



.btn{font-size: 16px !important;} 
.btn.btn-primary{ border:0 !important} 
.pagination{gap: 5px;}
.page-item:first-child .page-link {
   border-radius: 100%}
.page-item:last-child .page-link {
    border-radius: 100%;} 
    .alert{font-size: 16px !important;}  

.dropdown-toggle-btn {
    display: flex;
    align-items: center;
    padding: 25px 20px !important;
    border-radius: 10px;
    cursor: pointer;
    color: white;
    font-weight: 600;
    justify-content: flex-start;
    gap: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.dropdown-toggle-btn .logo-bg-circle {
    background: white;
    border-radius: 50%;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.logo-bg-circle img{height:30px;
}
.dropdown-toggle-btn .title-text {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.dropdown-toggle-btn .arrow-icon {
    font-size: 0.8rem;
    margin-left: 10px;
}
 
.banner-cat-list-wrapper {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin-top: 15px;
    padding: 25px;
    border: 1px solid #f0f0f0;
}
 

.banner-cat-list-wrapper .dropdown-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.banner-cat-list-wrapper .header-text-block h6 {
    font-weight: 700;
    color: #0c2340;
    margin: 0 0 5px 0; 
}

.banner-cat-list-wrapper .header-text-block p {
    color: #6b7c93;
    font-size: 0.9rem;
    margin: 0;
    font-style: italic;
}

.banner-cat-list-wrapper .close-btn {
    background: #f4f6f9;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
    cursor: pointer;
    color: #8898aa;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Category Items inside Dropdown */
.banner-cat-list-wrapper .hero-cat-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: transparent;
    border: none;
    padding: 15px 10px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 10px;
    transition: background 0.2s;
}
.banner-cat-list-wrapper .hero-cat-item.is-hidden-active{background:none;border:0; font-weight:normal}
.banner-cat-list-wrapper .hero-cat-item.is-hidden-active::before{display:none}
.custom-border-color{border-color:#40E0D0 !important}
.item-ico-color{background: #dceef8;
    color: #2bb6c4;
    width: 76px;
    border-radius: 140px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
.filter-dd{width:100% !important}