.elementor-40300 .elementor-element.elementor-element-528766e1:not(.elementor-motion-effects-element-type-background), .elementor-40300 .elementor-element.elementor-element-528766e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40300 .elementor-element.elementor-element-528766e1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 80px 0px;}.elementor-40300 .elementor-element.elementor-element-528766e1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-40300 .elementor-element.elementor-element-89cfbd2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-40300 .elementor-element.elementor-element-89cfbd2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40300 .elementor-element.elementor-element-89cfbd2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-40300 .elementor-element.elementor-element-89cfbd2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-40300 .elementor-element.elementor-element-42f51ab{--display:flex;}.elementor-40300 .elementor-element.elementor-element-f413649{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-40300 .elementor-element.elementor-element-ef105da > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-40300 .elementor-element.elementor-element-ef105da{text-align:center;}.elementor-40300 .elementor-element.elementor-element-ef105da .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;line-height:42px;color:#000000;}body.elementor-page-40300:not(.elementor-motion-effects-element-type-background), body.elementor-page-40300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-40300 .elementor-element.elementor-element-528766e1{padding:80px 30px 100px 30px;}.elementor-40300 .elementor-element.elementor-element-ef105da{text-align:center;}}@media(max-width:767px){.elementor-40300 .elementor-element.elementor-element-528766e1{padding:0px 20px 10px 20px;}.elementor-40300 .elementor-element.elementor-element-ef105da .elementor-heading-title{font-size:30px;}}/* Start custom CSS for text-editor, class: .elementor-element-6dadc6c *//* News & Updates Thumbnails Grid Layout */

.news-thumbnails-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Adjust columns based on screen size */
    gap: 30px; /* Adjust the spacing between the grid items */
    margin: 0 auto;
    max-width: 1200px;
}

.news-thumbnail-item {
    padding: 0px;
    background-color: #fff; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-thumbnail-item img {
    width: 100%; /* Ensure the image fills the container */
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.news-title {
    font-size: 21px;
    font-weight: 700;
    color: #000000; 	
    line-height: 23px;
    margin: 0;
}

.news-date {
    text-align: left; 
    font-size: 0.9em; 
    color: #666;
}

.news-title a {
    text-decoration: none;
    color: inherit;
    text-align: left;
}

/* Category Filter CSS */

.news-category-filter {
    margin-bottom: 20px;
    text-align: center; 
    font-size: 15px;
}

.category-button {
    display: inline-block; /* Make links inline */
    margin-right: 10px; /* Space between buttons */
}

.category-button a {
    padding: 7px 15px; /* Padding around the text */
    background-color: #EFEFEF; /* Button background color */
    color: #7A7A7A; /* Text color */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
}

.category-button a:hover {
    background-color: #F27B48;
    color: #fff;  
    /* Darker background on hover */
}

/* Active button color */
.category-button a.active {
    background-color: #F27B48;
    color: #fff;
    /* Active button color */
}

.elementor-button {
    background-color: #4F527E;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    border-style: none;
    border-radius: 20px 20px 0px 0px;
    padding: 20px 25px 15px 25px;
    right: -66px;
    width: auto;
    max-width: auto;
    top: 300px;
    z-index: 9999;
}/* End custom CSS */