.ecf-filter {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
.ecf-filter__options,
.ecf-filter__actions {
display: flex;
align-items: center;
gap: 12px;
}
.ecf-filter__options {
flex-wrap: wrap;
}
.ecf-filter__options label {
position: relative;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 22px;
min-height: 44px;
border-radius: 8px;
background: #fff;
color: #0d2a59;
font-weight: 600;
cursor: pointer;
transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.ecf-filter__options label:hover {
border-color: #6f9bff;
box-shadow: 0 6px 18px rgba(111, 155, 255, 0.25);
}
.ecf-filter__options input[type="checkbox"],
.ecf-filter__group-options input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ecf-filter__options label span,
.ecf-filter__group-options label span {
position: relative;
display: inline-block;
width: 100%;
padding-right: 32px;
}
.ecf-filter__options label span::before,
.ecf-filter__group-options label span::before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #A1CDFF;
transform: translateY(-50%);
transition: border-color 0.2s ease, background 0.2s ease;
}
.ecf-filter__options label span::after,
.ecf-filter__group-options label span::after {
content: "";
position: absolute;
right: 4px;
top: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
background: transparent;
transform: translateY(-50%) scale(0);
transition: transform 0.2s ease, background 0.2s ease;
}
.ecf-filter__options input[type="checkbox"]:checked + span,
.ecf-filter__group-options input[type="checkbox"]:checked + span {
color: #0a1f4f;
}
.ecf-filter__options input[type="checkbox"]:checked + span::before,
.ecf-filter__group-options input[type="checkbox"]:checked + span::before {
border-color: #65EE79;
background: #65EE79;
}
.ecf-filter__options input[type="checkbox"]:checked + span::before,
.ecf-filter__group-options input[type="checkbox"]:checked + span::before {
box-shadow: 0 0 0 4px rgba(73, 207, 144, 0.15);
}
.ecf-filter__advanced {
position: relative;
}
.ecf-filter__panel-toggle {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 22px;
border-radius: 8px;
border: 0px solid transparent;
background: linear-gradient(#f6f9ff, #f6f9ff) padding-box, linear-gradient(135deg, #4ccb8f, #5f8eff) border-box;
color: #0d2a59;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
min-height: 48px;
width: 280px; justify-content: space-between;
}
.ecf-filter__panel-toggle:hover {
transform: translateY(-1px);
box-shadow: 0 12px 24px rgba(95, 142, 255, 0.28);
}
.ecf-filter__panel-toggle-text {
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 8px;
}
.ecf-filter__panel-toggle-selection {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
padding: 2px 10px;
border-radius: 999px;
background: #4ccb8f;
color: #fff;
font-size: 13px;
font-weight: 600;
transition: opacity 0.2s ease;
}
.ecf-filter__panel-toggle-selection:empty {
opacity: 0;
pointer-events: none;
}
.ecf-filter__group-options label {
cursor: pointer;
}
.ecf-filter__panel {
position: absolute;
top: calc(100% + 14px);
left: 0;
z-index: 9999;
}
.ecf-filter__panel[hidden] {
display: none;
}
.ecf-filter__panel-content {
position: relative;
width: 280px;
max-height: calc(100vh - 80px);
overflow-y: auto;
border-radius: 24px;
background: #f6f9ff;
box-shadow: 0 24px 46px rgba(13, 42, 89, 0.3);
padding: 24px 26px 28px;
color: #0d2a59;
}
.ecf-filter__panel-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}
.ecf-filter__panel-title {
font-size: 16px;
font-weight: 400;
color: #8E8E8E;
}
.ecf-filter__panel-description {
margin: 0 0 18px;
color: #445b7d;
font-size: 14px;
}
.ecf-filter__panel-close {
border: none;
background: none;
font-size: 24px;
color: #5a6e95;
cursor: pointer;
line-height: 1;
}
.ecf-filter__panel-close:hover {
color: #0d2a59;
}
.ecf-filter__group + .ecf-filter__group {
border-top: 1px solid rgba(111, 155, 255, 0.25);
padding-top: 18px;
margin-top: 18px;
}
.ecf-filter__group--single {
border-top: none;
padding-top: 0;
margin-top: 0;
margin-bottom: 10px;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.03em;
}
.ecf-filter__group-title {
font-size: 15px;
font-weight: 700;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.ecf-filter__group-options {
display: flex;
flex-direction: column;
gap: 0px;
}
.ecf-filter__panel-actions {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
.ecf-panel__apply {
border: none;
border-radius: 999px;
padding: 14px 22px;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, #4ccb8f, #5f8eff);
box-shadow: 0 12px 20px rgba(95, 142, 255, 0.35);
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ecf-panel__apply:hover {
transform: translateY(-1px);
box-shadow: 0 18px 30px rgba(95, 142, 255, 0.38);
}
.ecf-panel__clear {
border: none;
background: transparent;
color: #7a8cad;
font-weight: 600;
cursor: pointer;
transition: color 0.2s ease;
}
.ecf-panel__clear:hover {
color: #0d2a59;
}
.ecf-filter__actions button {
border-radius: 999px;
border: none;
padding: 12px 26px;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.ecf-filter__actions button[type="submit"] {
color: #fff;
background: linear-gradient(135deg, #4ccb8f, #5f8eff);
box-shadow: 0 10px 22px rgba(95, 142, 255, 0.3);
}
.ecf-filter__actions button[type="submit"]:hover {
transform: translateY(-1px);
box-shadow: 0 14px 26px rgba(95, 142, 255, 0.35);
}
.ecf-filter__actions .ecf-reset {
background: transparent;
color: #5a6e95;
}
.ecf-filter__actions .ecf-reset:hover {
color: #0d2a59;
}
.ecf-filter__panel-toggle-icon {
width: 18px;
height: 18px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
.ecf-filter__panel-toggle-icon::before {
content: "";
width: 7px;
height: 7px;
border-right: 2px solid #4c5f84;
border-bottom: 2px solid #4c5f84;
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.ecf-filter__panel-toggle-icon--open::before {
transform: rotate(-135deg);
}
@media (max-width: 960px) {
.ecf-filter {
flex-direction: column;
align-items: flex-start;
}
.ecf-filter__panel {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.ecf-filter__panel-content {
width: min(440px, calc(100vw - 32px));
max-height: calc(100vh - 40px);
}
}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-bottom:15px;margin-left:auto!important;margin-right:auto!important}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-img img{display:block;line-height:0}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}.elementor-widget-icon-box .elementor-icon-box-wrapper{display:flex;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box .elementor-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0}.elementor-widget-icon-box .elementor-icon-box-content{flex-grow:1;width:100%}.elementor-widget-icon-box .elementor-icon-box-title a{color:inherit}.elementor-widget-icon-box .elementor-icon-box-description{margin:0}.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}@media (min-width:2400px){.elementor-widget-icon-box.elementor-widescreen-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-widescreen-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-widescreen-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-widescreen-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:1366px){.elementor-widget-icon-box.elementor-laptop-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-laptop-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-laptop-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-laptop-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:1200px){.elementor-widget-icon-box.elementor-tablet_extra-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-tablet_extra-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-tablet_extra-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-tablet_extra-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:1024px){.elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-tablet-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:-1){.elementor-widget-icon-box.elementor-mobile_extra-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-mobile_extra-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-mobile_extra-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-mobile_extra-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}}@media (max-width:767px){.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper{flex-direction:row-reverse;gap:var(--icon-box-icon-margin,15px);text-align:end}.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-mobile-position-bottom .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon{flex-direction:column}}