.elementor-36 .elementor-element.elementor-element-6d446d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-36 .elementor-element.elementor-element-23e9903{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-377881a img{width:73%;}.elementor-36 .elementor-element.elementor-element-8aea2d8{--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;--justify-content:center;}.elementor-36 .elementor-element.elementor-element-8aea2d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-36 .elementor-element.elementor-element-cebc1c6{margin:0px 100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-23e9903{--width:25%;}.elementor-36 .elementor-element.elementor-element-8aea2d8{--width:75%;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-6d446d1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-36 .elementor-element.elementor-element-23e9903{--width:70%;}.elementor-36 .elementor-element.elementor-element-377881a{padding:0px 0px 0px 0px;}}/* Start custom CSS for search, class: .elementor-element-cebc1c6 *//* 1. Target the Elementor form container for the dark background and shape */

.elementor-36 .elementor-element.elementor-element-cebc1c6 .e-search-form {

    background-color: #333744; /* Dark background color from your image */

    border-radius: 30px; /* Pill shape */

    border: none !important;

    height: 30px; /* Adjust height to match the look */

    padding: 0;

    display: flex;

    align-items: center;

    position: relative; /* Essential for positioning the icon inside */

}



/* 2. Style the text input field */

.elementor-36 .elementor-element.elementor-element-cebc1c6 .e-search-input {

    background: transparent !important;

    color: #f2f2f2; /* Light text color */

    border: none !important;

    font-size: 16px;

    height: 100%;

    flex-grow: 1;

    padding: 0 20px !important;

    padding-right: 20px !important; /* Make room for the search icon */

    box-shadow: none !important;

}



/* 3. Position the search button (which contains the icon) to the far right */

.elementor-36 .elementor-element.elementor-element-cebc1c6 .e-search-submit {

    position: absolute; /* Take it out of the normal flow */

    right: 0; /* Align to the right edge */

    top: 50%;

    transform: translateY(-50%); /* Vertically center the button */

    

    /* Styling the button itself (the invisible clickable area) */

    background-color: transparent !important;

    border: none !important;

    width: 50px; /* Space for the icon */

    height: 100%;

    padding: 0;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 2; /* Ensure it is clickable above the input */

}



/* 4. Style the icon inside the button */

.elementor-36 .elementor-element.elementor-element-cebc1c6 .e-search-submit svg {

    fill: #bbbbbb; /* Light gray icon color */

    width: 20px;

    height: 20px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d446d1 *//* === Glass Effect Dark Header Style === */
.header-glass-style {
  background: rgba(30, 30, 30, 0.4); /* dark gray, slightly transparent */
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border: 1px solid rgba(255, 255, 255, 0.1); /* subtle border for contrast */
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(255, 255, 255, 0.02);
    
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

/* Optional: slightly lighter on hover/focus */
.header-glass-style:hover {
  background: rgba(50, 50, 50, 0.5);
}

/* Decorative shine lines remain */
.header-glass-style::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
}

.header-glass-style::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    transparent,
    rgba(255, 255, 255, 0.2)
  );
}/* End custom CSS */