.elementor-402 .elementor-element.elementor-element-f4212c1{--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:60px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-4e27a97 *//* Container */
form[role="search"] {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 800px;
    margin: 20px auto;
}

/* Input */
form[role="search"] input[type="search"] {
    flex: 1;
    padding: 14px 18px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Focus effect */
form[role="search"] input[type="search"]:focus {
    border-color: #1E6B9D;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.15);
}

/* Button */
form[role="search"] button {
    padding: 12px 26px;
    font-size: 15px;
    border: none;
    border-radius: 50px;
    background: #1E6B9D;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Button hover */
form[role="search"] button:hover {
    background: #000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}/* End custom CSS */