.elementor-933 .elementor-element.elementor-element-86f29dd{--display:flex;--min-height:68vh;--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-933 .elementor-element.elementor-element-86f29dd:not(.elementor-motion-effects-element-type-background), .elementor-933 .elementor-element.elementor-element-86f29dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ericgugua.webxiel.com/wp-content/uploads/2026/02/black-laptop-screen-dark-room-night-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-933 .elementor-element.elementor-element-688f51b{--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:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-933 .elementor-element.elementor-element-7e63e54{--display:flex;}.elementor-933 .elementor-element.elementor-element-c70fb89{--display:flex;}.elementor-933 .elementor-element.elementor-element-4e7c140{--display:flex;}.elementor-933 .elementor-element.elementor-element-61978bd{--display:flex;}.elementor-933 .elementor-element.elementor-element-9a93426 .elementor-heading-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-933 .elementor-element.elementor-element-4a3cb63{--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;--padding-top:100px;--padding-bottom:250px;--padding-left:10px;--padding-right:10px;}.elementor-933 .elementor-element.elementor-element-fcc2992 .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#F8F8FA00;border-style:none;color:#BBBBBB;}.elementor-933 .elementor-element.elementor-element-fcc2992 .eael-breadcrumbs .eael-breadcrumbs__content a{color:var( --e-global-color-astglobalcolor0 );}.elementor-933 .elementor-element.elementor-element-fcc2992 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-933 .elementor-element.elementor-element-fcc2992 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-933 .elementor-element.elementor-element-4a82646{--grid-columns:3;}.elementor-933 .elementor-element.elementor-element-4a82646 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-933 .elementor-element.elementor-element-4a82646 .e-loop-item > .elementor-section, .elementor-933 .elementor-element.elementor-element-4a82646 .e-loop-item > .elementor-section > .elementor-container, .elementor-933 .elementor-element.elementor-element-4a82646 .e-loop-item > .e-con, .elementor-933 .elementor-element.elementor-element-4a82646 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-933 .elementor-element.elementor-element-86f29dd{--min-height:45vh;}.elementor-933 .elementor-element.elementor-element-688f51b{--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-933 .elementor-element.elementor-element-4a3cb63{--padding-top:60px;--padding-bottom:180px;--padding-left:30px;--padding-right:30px;}.elementor-933 .elementor-element.elementor-element-4a3cb63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-933 .elementor-element.elementor-element-4a82646{--grid-columns:2;}}@media(max-width:767px){.elementor-933 .elementor-element.elementor-element-86f29dd{--padding-top:0px;--padding-bottom:080px;--padding-left:20px;--padding-right:20px;}.elementor-933 .elementor-element.elementor-element-688f51b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-933 .elementor-element.elementor-element-61978bd{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-933 .elementor-element.elementor-element-4a3cb63{--padding-top:60px;--padding-bottom:300px;--padding-left:30px;--padding-right:30px;}.elementor-933 .elementor-element.elementor-element-4a82646{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-c9ddf59 */.section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand);
  margin-bottom: 20px;
  display: flex; align-items: center; gap: 12px;
}
.section-label::after {
  content: '';
  flex: 1; max-width: 48px;
  height: 1px;
  position: relative !important;
  top:-10px !important;
  background: var(--brand-dimin);
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-18ffc00 *//* 1. The Wrapper (Equivalent to your .search-bar) */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-form {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 36px;
    flex-wrap: wrap;
    position: relative;
}

/* 2. The Input Wrapper (Equivalent to your .search-input-wrap) */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-input-wrapper {
    flex: 1;
    min-width: 240px;
    position: relative;
}

/* 3. The Input Field (Equivalent to your .search-input) */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-input {
    width: 100% !important;
    padding: 12px 60px 12px 75px !important; /* Extra left padding for the icon */
    background: var(--glass) !important;
    border: 1px solid var(--border) !important;
    color: var(--ink) !important;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s;
}

/* 4. Focus & Placeholder */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-input:focus {
    border-color: var(--border-hi) !important;
    background: var(--glass-hi) !important;
}

.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-input::placeholder {
    color: var(--muted);
}

/* 5. Positioning the Search Icon (The SVG) */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-label {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none; /* Allows clicks to pass through to the input */
    line-height: 0;
}

.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-label svg {
    width: 16px;
    height: 16px;
    fill: var(--muted);
}

/* 6. Handling the Clear (X) Icon - if you want it styled */
.elementor-933 .elementor-element.elementor-element-18ffc00 .e-fas-times {
    fill: var(--muted);
    right: 14px;
    width: 12px;
}

.elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-results-container {
    background: var(--bg);
    border-radius: 14px;
    margin-top: 8px;
}




/* Media Query for Mobile Devices */
@media (max-width: 767px) {
    
    /* Adjusting the Search Icon position */
    .elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-label {
        left: 0px; /* Adjusting the Search Label Left */
    }

    /* Adjusting Input Paddings */
    .elementor-933 .elementor-element.elementor-element-18ffc00 .e-search-input {
        padding: 10px 36px 10px 36px !important; /* Shorter padding for mobile screens */
    }

    /* Optional: Adjusting Clear (X) icon position for tighter screens */
    .elementor-933 .elementor-element.elementor-element-18ffc00 .e-fas-times {
        right: 18px;
    }
}/* End custom CSS */