.elementor-11311 .elementor-element.elementor-element-dd3c218{--display:flex;}.elementor-11311 .elementor-element.elementor-element-1e33eac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:153px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11311 .elementor-element.elementor-element-570a029{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 0px 31px;}.elementor-11311 .elementor-element.elementor-element-570a029 .elementor-heading-title{font-family:var( --e-global-typography-1850630-font-family ), Sans-serif;font-size:var( --e-global-typography-1850630-font-size );font-weight:var( --e-global-typography-1850630-font-weight );line-height:var( --e-global-typography-1850630-line-height );color:var( --e-global-color-066bec6 );}.elementor-11311 .elementor-element.elementor-element-3110d11{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-11311 .elementor-element.elementor-element-570a029 .elementor-heading-title{font-size:var( --e-global-typography-1850630-font-size );line-height:var( --e-global-typography-1850630-line-height );}}@media(max-width:767px){.elementor-11311 .elementor-element.elementor-element-1e33eac{--margin-top:0px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;}.elementor-11311 .elementor-element.elementor-element-570a029{padding:6px 6px 0px 0px;}.elementor-11311 .elementor-element.elementor-element-570a029 .elementor-heading-title{font-size:var( --e-global-typography-1850630-font-size );line-height:var( --e-global-typography-1850630-line-height );}}@media(min-width:768px){.elementor-11311 .elementor-element.elementor-element-1e33eac{--width:545px;}}@media(min-width:1440px){.elementor-11311 .elementor-element.elementor-element-570a029 .elementor-heading-title{font-size:var( --e-global-typography-1850630-font-size );line-height:var( --e-global-typography-1850630-line-height );}}/* Start custom CSS for html, class: .elementor-element-69e47cd *//* Panel: fixed max height and scroll area inside */
.szak-panel{
  margin-top: 28px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  height: 320px;
  padding: 32px;
  padding-right: 16px;
box-shadow: 0px 4px 4.5px -10px rgba(0, 0, 0, 0.25);

backdrop-filter: blur(18.5px);

box-shadow: -6px 15px 11px -13px rgba(0, 0, 0, 0.1);


  max-height: 320px;      /* white box height */
  overflow: hidden;       /* prevent panel from growing */
  display: flex;          /* so list can size within */
}

/* List: takes full available height inside panel and scrolls */
.szak-list{
  flex: 1 1 auto;
  min-height: 0;          /* IMPORTANT for flex + overflow */
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;              /* your desired spacing between rows */
  padding-right: 18px;
}

/* Ensure no extra spacing comes from buttons */
.szak-ui .szak-item{
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset theme button styles ONLY here */
.szak-ui button.szak-item{
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-transform: none !important;
}

/* Typography (plain text rows) */
.szak-ui .szak-item{
  width: 100%;
  text-align: left;
  cursor: pointer;

  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em; /* 5% */

  color: #25295B;         /* default = blue */
  
      white-space: normal;
    overflow-wrap: anywhere;   /* breaks long words nicely */
    word-break: break-word;    /* fallback */
}

/* First row green */
.szak-ui .szak-item.is-first{
  color: #19BC5B !important;
}

/* Optional hover */
.szak-ui .szak-item:hover{
  color: #19BC5B;
}

/* Empty */
.szak-empty{
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}

/* Both vertical + horizontal scrollbars */
.szak-list::-webkit-scrollbar{
  width: 6px;   /* vertical thickness */
  height: 6px;  /* horizontal thickness */
}

.szak-list::-webkit-scrollbar-track{
  background: rgba(25,188,91,0.20);
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.szak-list::-webkit-scrollbar-thumb{
  background: rgba(25,188,91,1);
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* Optional: removes some edge artifacts */
.szak-list{
  background-clip: padding-box;
}

/* Optional: if you see a faint outline on the thumb in some cases */
.szak-list::-webkit-scrollbar-thumb{
  border: 1px solid transparent;
  background-clip: padding-box;
}

.szak-list{
  -webkit-mask-image: linear-gradient(to bottom, #000 95%, transparent);
  mask-image: linear-gradient(to bottom, #000 95%, transparent);
}

/* Mobile tweaks */
@media (max-width: 767px){
  .szak-panel{
    height: 340px;
    max-height: 340px;
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e33eac *//* overall width */
.szak-ui{ max-width: 820px; }

/* pill input */
.szak-select{
  height: 64px;             
  border: 2px solid #19BC5B;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.8);
  display:flex;
  align-items:center;
  padding: 0 32px;              /* more left/right padding */
  gap: 0px;
 
 box-shadow: -6px 15px 11px -13px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(18.5px);


}

/* left search icon */
.szak-icon{
  width: 20px;
  height: 20px;
  background: url('/wp-content/uploads/2026/03/Vector-2.svg') no-repeat center/contain;
  flex: 0 0 auto;
  margin-left: -5px;
}

/* right chevron */
.szak-chevron{
  margin-left:auto;
  margin-right:-10px;
  width: 24px;
  height: 24px;
  background: url('/wp-content/uploads/2026/03/Caret_Down_MD.svg') no-repeat center/contain;
  flex: 0 0 auto;
}

/* input */
.szak-input{
  border: 0 !important;
  outline: 0;
  width: 100%;
  font-size: 16px;          
  line-height: 1;
  background: transparent;
  color: #AFAFAF;
  padding-left: 19px !important;
}

/* placeholder color (light grey) */
.szak-input::placeholder{
  color: #AFAFAF;
  opacity: 1;
}/* End custom CSS */