.elementor-2228 .elementor-element.elementor-element-1048b49 > .elementor-container{max-width:1234px;}.elementor-2228 .elementor-element.elementor-element-837230a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2228 .elementor-element.elementor-element-837230a > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.76 * 100% );}.elementor-2228 .elementor-element.elementor-element-837230a:after{content:"0.76";}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__thumbnail__link{width:100%;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__meta-data span + span:before{content:"•";}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__text{margin-top:20px;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__badge{right:0;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__title, .elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__title a{color:#0E0E0E;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__read-more{color:#080808;}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2228 .elementor-element.elementor-element-837230a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2228 .elementor-element.elementor-element-837230a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2228 .elementor-element.elementor-element-837230a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2228 .elementor-element.elementor-element-837230a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-2228 .elementor-element.elementor-element-837230a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2228 .elementor-element.elementor-element-837230a:after{content:"0.5";}.elementor-2228 .elementor-element.elementor-element-837230a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for search, class: .elementor-element-2c6c73d *//* General Styles */
body {
    font-family: Arial, sans-serif; /* Use a clean, modern font */
    line-height: 1.6; /* Improve readability */
    margin: 0;
    padding: 0;
}
form.e-search-form {
    height: 50px;
}
output#results-2c6c73d {
    display: none !important;
}

input.e-search-input {
    background-color: transparent;
    box-shadow: none !important;
}
/* Search Form Styles */
.e-search-form {
    
    display: flex;
    align-items: center; /* Vertically center align items */
    border: 1px solid #ccc; /* Light border around the form */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Space inside the form */
    background-color: #fff; /* White background for form */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    max-width: 100%; /* Max width for the search form */
     /* Center the form on the page */
}

.e-search-label {
    display: none; /* Hide label, screen readers still recognize it */
}

.e-search-input-wrapper {
  
    flex: 1; /* Allow input to take up available space */
    position: relative; /* Position relative for icon positioning */
    border-color: transparent !important;
}

.e-search-input {
    
    width: 100%; /* Full width of the input wrapper */
    padding: 0px !important; /* Space inside the input */
    font-size: 16px; /* Increase font size for readability */
    border: none; /* No border for a cleaner look */
    border-radius: 5px; /* Rounded corners for input */
    outline: none; /* Remove default outline */
    transition: box-shadow 0.3s; /* Smooth transition for focus effect */
}

.e-search-input:focus {
    box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); /* Blue glow on focus */
}

.e-search-submit {
    background-color: #007bff; /* Primary button color */
    margin-top: 15px;
    color: #fff; /* White text color */
    padding: 17px 25px !important; /* Space inside the button */
    border: none; /* No border */
    border-radius: 15px !important; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.e-search-submit:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

.e-search-results-container {
    position: absolute; /* Position results below the input */
    top: 100%; /* Position directly below the input */
    left: 0; /* Align to the left */
    right: 0; /* Align to the right */
    background-color: #fff; /* White background for results */
    border: 1px solid #ccc; /* Border around results */
    border-radius: 5px; /* Rounded corners for results */
    z-index: 1000; /* Ensure results appear above other content */
    max-height: 200px; /* Max height for the results container */
    overflow-y: auto; /* Scroll if too many results */
    display: none; /* Hide initially */
}

.e-search-results-container.show {
    display: block; /* Show results when there are results */
}

.e-search-results {
    padding: 10px; /* Space inside results */
}

/* Optional: Style individual search results */
.e-search-results div {
    padding: 5px; /* Space for each result */
    cursor: pointer; /* Pointer cursor for results */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.e-search-results div:hover {
    background-color: #f0f0f0; /* Light gray on hover */
}

/* Post Styles */
.elementor-posts-container {
    display: grid; /* Use grid for layout */
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Responsive grid */
    gap: 20px; /* Space between cards */
}

.elementor-post__card {
    border: 1px solid #eee; /* Light border for card */
    border-radius: 5px; /* Rounded corners */
    overflow: hidden; /* Prevent content overflow */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
    transition: transform 0.3s; /* Smooth scale on hover */
}

.elementor-post__card:hover {
    transform: scale(1.05); /* Slightly enlarge on hover */
}

.elementor-post__thumbnail {
    width: 100%; /* Full width image */
    height: auto; /* Maintain aspect ratio */
}

/* Title Styles */
.elementor-post__title {
    font-size: 18px; /* Title font size */
    margin: 10px 0; /* Margin around title */
    color: #333; /* Darker color for title */
}

/* Read More Link */
.elementor-post__read-more {
    color: #007BFF; /* Link color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s; /* Smooth transition for hover */
}

.elementor-post__read-more:hover {
    color: #0056b3; /* Darker color on hover */
}

/* Pagination Styles */
.elementor-pagination {
    display: flex; /* Flexbox for pagination */
    justify-content: center; /* Center pagination */
    margin-top: 20px; /* Space above pagination */
}

.page-numbers {
    margin: 0 5px; /* Space between page numbers */
    padding: 10px 15px; /* Padding for clickable area */
    border: 1px solid #007BFF; /* Border for numbers */
    border-radius: 5px; /* Rounded corners */
    color: #007BFF; /* Text color */
    text-decoration: none; /* Remove underline */
}

.page-numbers:hover {
    background-color: #007BFF; /* Background color on hover */
    color: #fff; /* Text color on hover */
}

.page-numbers.current {
    background-color: #007BFF; /* Highlight current page */
    color: #fff; /* White text for current page */
    border: none; /* No border */
}/* End custom CSS */