.elementor-84767 .elementor-element.elementor-element-dc19543{--display:flex;}#elementor-popup-modal-84767 .dialog-widget-content{background-color:var( --e-global-color-secondary );box-shadow:2px 10px 25px 3px rgba(0, 0, 0, 0.3);}#elementor-popup-modal-84767 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-84767{justify-content:center;align-items:center;}#elementor-popup-modal-84767 .dialog-close-button{display:flex;}#elementor-popup-modal-84767 .dialog-close-button i{color:var( --e-global-color-e75f357 );}#elementor-popup-modal-84767 .dialog-close-button svg{fill:var( --e-global-color-e75f357 );}@media(max-width:1024px){.elementor-84767 .elementor-element.elementor-element-63e896f{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-84767 .elementor-element.elementor-element-dc19543{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-84767 .dialog-message{width:100vw;padding:20px 50px 20px 21px;}#elementor-popup-modal-84767{justify-content:center;align-items:flex-start;}#elementor-popup-modal-84767 .dialog-close-button{top:31px;font-size:18px;}body:not(.rtl) #elementor-popup-modal-84767 .dialog-close-button{right:9px;}body.rtl #elementor-popup-modal-84767 .dialog-close-button{left:9px;}}/* Start custom CSS for shortcode, class: .elementor-element-63e896f *//* --- THE WRAPPER METHOD (Guaranteed Seamless Look) --- */

/* 1. Style the Parent Container as the "Pill" */
.aws-container .aws-search-form {
    display: flex !important;
    align-items: center !important;
    
    /* The Pill Shape & Base Colors */
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(228, 172, 213, 0.3) !important;
    border-radius: 31px !important;
    
    /* Smooth Transition for the glow */
    transition: all 0.3s ease !important;
    
    /* Ensure padding doesn't mess up size */
    box-sizing: border-box !important;
    overflow: hidden !important; /* Keeps corners distinct */
}

/* 2. Make the Input & Button Transparent (So parent color shows through) */
.aws-container .aws-search-field,
.aws-container .aws-search-form .aws-form-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
}

/* 3. Button Specifics (Icon on Left) */
.aws-container .aws-search-form .aws-form-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto !important;
}

/* 4. Input Specifics (Text on Right) */
.aws-container .aws-search-field {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    padding: 5px 1px !important;
    width: 100% !important; /* Fill remaining space */
}


/* 1. DESKTOP (Default) */
.aws-container .aws-search-field {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important; /* Slightly larger for a high-end feel */
}

/* 2. TABLET (Laptops/iPads) */
@media (max-width: 1024px) {
    .aws-container .aws-search-field {
        font-size: 14px !important;
    }
}

/* 3. MOBILE (Phones) */
@media (max-width: 768px) {
    .aws-container .aws-search-field {
        font-size: 12px !important; /* Critical to prevent iOS auto-zoom */
    }
}


/* 5. Placeholder & Icon Colors (Pink) */
.aws-container .aws-search-field::placeholder {
    color: #E4ACD5 !important;
    opacity: 1 !important;
}

.aws-container .aws-search-form .aws-search-btn svg,
.aws-container .aws-search-form .aws-search-btn_icon {
    fill: #E4ACD5 !important;
    color: #E4ACD5 !important;
    width: 18px !important;
    height: 18px !important;
    transition: all 0.3s ease !important;
}

/* --- 6. FOCUS STATE (Applied to the Wrapper) --- */
/* The :focus-within .elementor-84767 .elementor-element.elementor-element-63e896f activates when you click ANYTHING inside the form */

.aws-container .aws-search-form:focus-within {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Slightly more visible */
    border-color: #E4ACD5 !important; /* Pink Border */
    box-shadow: 0 0 20px rgba(228, 172, 213, 0.2) !important;

}

/* Change Icon color on Focus */
.aws-container .aws-search-form:focus-within .aws-search-btn svg,
.aws-container .aws-search-form:focus-within .aws-search-btn_icon {
    fill: #E4ACD5 !important;
    color: #E4ACD5 !important;
    transform: scale(1.1);
}/* End custom CSS */