.elementor-5438 .elementor-element.elementor-element-1997398{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5438 .elementor-element.elementor-element-1997398:not(.elementor-motion-effects-element-type-background), .elementor-5438 .elementor-element.elementor-element-1997398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mazen-temporary.360elevate.co/wp-content/uploads/2024/11/news_banner-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5438 .elementor-element.elementor-element-1997398.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5438 .elementor-element.elementor-element-0784f8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:.75rem;--padding-bottom:.75rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5438 .elementor-element.elementor-element-0784f8c:not(.elementor-motion-effects-element-type-background), .elementor-5438 .elementor-element.elementor-element-0784f8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-93d6f3a );}.elementor-5438 .elementor-element.elementor-element-a00083b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5438 .elementor-element.elementor-element-378c710{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5438 .elementor-element.elementor-element-8af190a{padding:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#00000030;}.elementor-5438 .elementor-element.elementor-element-8af190a .elementor-heading-title{font-family:"Didact Gothic", Sans-serif;font-size:24px;font-weight:400;line-height:26px;}@media(max-width:1700px){.elementor-5438 .elementor-element.elementor-element-1997398{--min-height:250px;}.elementor-5438 .elementor-element.elementor-element-378c710{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-5438 .elementor-element.elementor-element-1997398{--min-height:190px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-5438 .elementor-element.elementor-element-1997398{--min-height:85px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1700px) and (min-width:768px){.elementor-5438 .elementor-element.elementor-element-1997398{--width:1569.124px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-a00083b */.elementor-5438 .elementor-element.elementor-element-a00083b nav.woocommerce-breadcrumb {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e941a92 */.sustainability-product-container {
    max-width: 1200px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.product-filter-container {
    text-align: right;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.product-year-dropdown {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    max-width: 120px;
}

.product-news-header {
    background-color: #7f9cd3;
    color: white;
    display: flex;
    padding: 5px 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-header-space,
.product-header-date {
    width: 10%;
    text-align: center;
}

.product-header-subject {
    width: 90%;
    text-align: center;
}

.product-news-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s;
}

.product-news-item:hover {
    /*background-color: #f5f5f5;*/
}

.product-thumbnail {
    width: 100px;
    margin-right: 20px;
}

.product-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

.product-news-content {
    flex: 1;
}

.product-news-content a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.product-news-content a:hover {
    color: #7f9cd3 !important;
}

.product-news-date {
    width: 10%;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.product-pagination-container {
    margin-top: 20px;
    text-align: center;
}

.product-pagination-container ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-pagination-container li {
    margin: 0 5px;
}

.product-pagination-container a {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.product-pagination-container a:hover,
.product-pagination-container .current {
    background-color: #4C7853;
    color: white;
    border-color: #4C7853;
}

.product-news-loader {
    text-align: center;
    padding: 20px;
    color: #666;
}

.product-filter-container label {
    /*display: none;*/
}

@media only screen and (max-width: 767px) {
.product-header-space,
.product-header-date {
    width: 30% !important;
    text-align: center;
}

.product-header-subject {
    width: 70% !important;
    text-align: center;
}
.product-news-date {
    width: 30% !important;

}

    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89816a7 */.product-pagination-container a{
   padding: 3px 12px;
    border-radius: 0 !important;
    line-height: 26px;
    color: rgb(127, 156, 211) !important;
        border-color: rgb(222, 226, 230);
}
.product-pagination-container a:hover{ 
    background: #e9ecef;
        border-color: rgb(222, 226, 230);
}

.product-pagination-container .current {
    padding: .5rem .75rem !important;
    background: #7f9cd3;
    border-color: #5a7bb8 !important;
}
.page-numbers {
    margin: 0 -3px;
}/* End custom CSS */