.elementor-3016 .elementor-element.elementor-element-28362f3{--display:flex;}.elementor-3016 .elementor-element.elementor-element-8032c03{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;--e-filter-active-text-color:#FAFAFA;--e-filter-item-border-radius:10px 10px 10px 10px;}.elementor-3016 .elementor-element.elementor-element-8032c03 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-657ac43 );}.elementor-3016 .elementor-element.elementor-element-8032c03 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-color:var( --e-global-color-astglobalcolor0 );}.elementor-3016 .elementor-element.elementor-element-8032c03 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-color:var( --e-global-color-astglobalcolor0 );}.elementor-3016 .elementor-element.elementor-element-9293143 > .elementor-widget-container{padding:0px 100px 0px 100px;}.elementor-3016 .elementor-element.elementor-element-6507f51{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;--e-filter-active-text-color:#FAFAFA;--e-filter-item-border-radius:10px 10px 10px 10px;}.elementor-3016 .elementor-element.elementor-element-6507f51 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-accent );}.elementor-3016 .elementor-element.elementor-element-6507f51 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-color:var( --e-global-color-accent );}.elementor-3016 .elementor-element.elementor-element-6507f51 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3016 .elementor-element.elementor-element-7ec8808{--grid-columns:4;}.elementor-3016 .elementor-element.elementor-element-7ec8808 .elementor-pagination{text-align:center;font-family:"Product Sans", Sans-serif;font-weight:400;}body:not(.rtl) .elementor-3016 .elementor-element.elementor-element-7ec8808 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3016 .elementor-element.elementor-element-7ec8808 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3016 .elementor-element.elementor-element-7ec8808 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3016 .elementor-element.elementor-element-7ec8808 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-3016 .elementor-element.elementor-element-a21d7fa{--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;}.elementor-3016 .elementor-element.elementor-element-6a03bb8{--spacer-size:50px;}.elementor-3016 .elementor-element.elementor-element-48f961c{--display:flex;}@media(max-width:1024px){.elementor-3016 .elementor-element.elementor-element-7ec8808{--grid-columns:3;}}@media(max-width:767px){.elementor-3016 .elementor-element.elementor-element-9293143 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3016 .elementor-element.elementor-element-7ec8808{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-9293143 *//* General Styling for the Filter Form */
#filter-form {
    display: flex;
    justify-content: space-between; /* Horizontally aligns the fields */
    align-items: center;
    max-width: 1000px;
    margin: 30px auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e2e2;
    flex-wrap: wrap; /* Allows fields to wrap on smaller screens */
}

/* Form Group Styling for Consistent Layout */
.form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 30%; /* Ensures each field takes up 30% of the width */
    margin-right: 15px;
}

/* Label Styling */
#filter-form label {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

/* Dropdown (Select) Styling */
#filter-form select {
    padding: px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background-color: #fafafa;
    width: 100%; /* Full width for all select fields */
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
    margin-bottom: 15px; /* Adds space between dropdowns */
}

/* Button Styling */
#filter-form button {
    padding: 12px 24px;
    background-color: #ffc43b;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 30%; /* Ensures the button is also horizontally aligned */
    font-family: 'Arial', sans-serif;
}

/* Button Hover Effects */
#filter-form button:hover {
    background-color: #e09e00;
}

/* Button Focus Styling */
#filter-form button:focus {
    outline: none;
}

/* Mobile and Tablet Responsiveness */
@media (max-width: 768px) {
    #filter-form {
        max-width: 90%;
        flex-direction: column;
        padding: 15px;
        align-items: center;
    }

    .form-group {
        width: 100%; /* On smaller screens, fields take full width */
        margin-right: 0;
        margin-bottom: 15px; /* Adds space between fields */
    }

    #filter-form button {
        width: 100%;
        margin-top: 15px;
    }
}

/* Smaller Mobile Screens (Below 480px) */
@media (max-width: 480px) {
    #filter-form select,
    #filter-form button {
        font-size: 14px;
        padding: 10px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Product Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://royalweddings.lk/wp-content/uploads/2024/08/ProductSans-Regular-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */