.elementor-2399 .elementor-element.elementor-element-9577f29{width:100%;max-width:100%;}.elementor-2399 .elementor-element.elementor-element-6e1457d > .elementor-widget-container{margin:011px 011px 011px 011px;}.elementor-2399 .elementor-element.elementor-element-6e1457d .rtcl-widget-search-form{padding:0px 0px 0px 0px;}.elementor-2399 .elementor-element.elementor-element-6e1457d .rtcl-elementor-widget-search .rtcl-btn[type=submit]{padding:0px 0px 0px 0px;}.elementor-2399 .elementor-element.elementor-element-6e1457d .rtcl-elementor-widget-search.rtcl-widget-search-inline .ws-button{min-width:274px;}.elementor-2399 .elementor-element.elementor-element-c3e8743 > .elementor-container{max-width:1600px;}.elementor-2399 .elementor-element.elementor-element-7c542de{width:100%;max-width:100%;}.elementor-2399 .elementor-element.elementor-element-3a4bc01{width:100%;max-width:100%;}.elementor-2399 .elementor-element.elementor-element-4160ddb{width:100%;max-width:100%;}.elementor-2399 .elementor-element.elementor-element-18860fb{width:100%;max-width:100%;}@media(max-width:767px){.elementor-2399 .elementor-element.elementor-element-9577f29{width:100%;max-width:100%;}.elementor-2399 .elementor-element.elementor-element-3a4bc01{width:100%;max-width:100%;}}/* Start custom CSS for rtcl-listing-search-form, class: .elementor-element-6e1457d *//* 1. Main Search Bar Container - Pill Shape & Soft Shadow */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__container {
    border-radius: 50px !important;
    overflow: hidden;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 2. Container Animation on Click (Focus) - Expands & Glows */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form:focus-within .elementor-search-form__container {
    transform: scale(1.03);
    border-color: #6366f1; /* Change this hex code to match your site's brand color */
    box-shadow: 0 10px 20px rgba(99, 102, 241, 0.15); /* Soft colored shadow */
}

/* 3. Input Field Styling */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__input {
    background: transparent !important;
    color: #1f2937;
    font-size: 16px;
    padding: 15px 25px !important;
    transition: all 0.3s ease;
}

/* 4. Placeholder Text Animation - Slides away when clicking */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__input::placeholder {
    color: #9ca3af;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__input:focus::placeholder {
    opacity: 0;
    transform: translateX(15px);
}

/* 5. Submit Button Styling */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__submit {
    background: #6366f1 !important; /* Change to your brand color */
    color: #ffffff !important;
    padding: 0 30px !important;
    transition: all 0.3s ease !important;
}

/* 6. Button Hover Animation */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__submit:hover {
    background: #4f46e5 !important; /* Slightly darker shade for hover */
}

/* 7. Search Icon Hover Pop */
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__submit:hover i,
.elementor-2399 .elementor-element.elementor-element-6e1457d .elementor-search-form__submit:hover svg {
    transform: scale(1.2) rotate(-5deg);
    transition: all 0.3s ease;
}/* End custom CSS */