.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5294 .elementor-element.elementor-element-93b3215{--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;--justify-content:flex-end;--overlay-opacity:1;--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5294 .elementor-element.elementor-element-93b3215:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-93b3215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-5294 .elementor-element.elementor-element-93b3215::before, .elementor-5294 .elementor-element.elementor-element-93b3215 > .elementor-background-video-container::before, .elementor-5294 .elementor-element.elementor-element-93b3215 > .e-con-inner > .elementor-background-video-container::before, .elementor-5294 .elementor-element.elementor-element-93b3215 > .elementor-background-slideshow::before, .elementor-5294 .elementor-element.elementor-element-93b3215 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5294 .elementor-element.elementor-element-93b3215 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #10101000 41%, #101010 100%);}.elementor-5294 .elementor-element.elementor-element-93b3215.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5294 .elementor-element.elementor-element-719d166{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5294 .elementor-element.elementor-element-b38b4a2{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-5294 .elementor-element.elementor-element-4151c29{z-index:3;text-align:center;}.elementor-5294 .elementor-element.elementor-element-4151c29 .elementor-heading-title{font-family:"Degular", Sans-serif;font-size:34px;font-weight:700;text-transform:uppercase;line-height:1.8em;letter-spacing:2px;color:#C7F66D;}.elementor-5294 .elementor-element.elementor-element-22bd6aa > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-5294 .elementor-element.elementor-element-22bd6aa{z-index:5;text-align:center;}.elementor-5294 .elementor-element.elementor-element-22bd6aa .elementor-heading-title{font-family:"Degular", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-5294 .elementor-element.elementor-element-b7c0afa{--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:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5294 .elementor-element.elementor-element-b7c0afa:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-b7c0afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-5294 .elementor-element.elementor-element-54b81c5{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-gallery .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5294 .elementor-element.elementor-element-65c2b51{--image-transition-duration:800ms;--content-text-align:center;--content-padding:50px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#FFFFFF;--galleries-title-color-hover:#C7F66D;--gallery-title-color-active:#C7F66D;}.elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title{font-family:"Almarai", Sans-serif;font-size:29px;font-weight:300;text-transform:capitalize;text-decoration:underline;line-height:1.8em;letter-spacing:1px;--space-between:30px;}.elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery__titles-container{margin-bottom:70px;}body.elementor-page-5294:not(.elementor-motion-effects-element-type-background), body.elementor-page-5294 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}@media(max-width:1024px){.elementor-5294 .elementor-element.elementor-element-b38b4a2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5294 .elementor-element.elementor-element-4151c29 .elementor-heading-title{font-size:28px;}.elementor-5294 .elementor-element.elementor-element-22bd6aa > .elementor-widget-container{padding:0px 0px 35px 0px;}.elementor-5294 .elementor-element.elementor-element-22bd6aa .elementor-heading-title{font-size:32px;}.elementor-5294 .elementor-element.elementor-element-b7c0afa{--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5294 .elementor-element.elementor-element-54b81c5{--padding-top:20px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title{font-size:20px;}}@media(max-width:767px){.elementor-5294 .elementor-element.elementor-element-93b3215{--min-height:0px;--padding-top:60px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-5294 .elementor-element.elementor-element-b38b4a2{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap: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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5294 .elementor-element.elementor-element-4151c29 .elementor-heading-title{font-size:24px;}.elementor-5294 .elementor-element.elementor-element-22bd6aa > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-5294 .elementor-element.elementor-element-22bd6aa .elementor-heading-title{font-size:22px;}.elementor-5294 .elementor-element.elementor-element-b7c0afa{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5294 .elementor-element.elementor-element-54b81c5{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title{font-size:18px;}}@media(min-width:768px){.elementor-5294 .elementor-element.elementor-element-b38b4a2{--width:100%;}.elementor-5294 .elementor-element.elementor-element-b7c0afa{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5294 .elementor-element.elementor-element-93b3215{--width:1305px;}.elementor-5294 .elementor-element.elementor-element-b38b4a2{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-22bd6aa */.elementor-5294 .elementor-element.elementor-element-22bd6aa span { text-decoration:none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b38b4a2 */.elementor-5294 .elementor-element.elementor-element-b38b4a2 .e-con-inner { margin-left: 0; margin-right: auto; } .elementor-5294 .elementor-element.elementor-element-b38b4a2 { max-width:1050px; }/* End custom CSS */ /* Start custom CSS for gallery, class: .elementor-element-65c2b51 */.elementor-5294 .elementor-element.elementor-element-65c2b51 .e-gallery-image { background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: 0.5; transition: opacity 0.4s ease; } .elementor-5294 .elementor-element.elementor-element-65c2b51 .e-gallery-item:hover .e-gallery-image { opacity: 1; } /* Each filter link */ .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title { display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; } /* Completely reset Elementor's pseudo-element styling */ .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title::after { content: "" !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: block !important; order: 2; width: 32px !important; height: 32px !important; min-width: 32px; flex: 0 0 32px; border: 0 !important; transform: none !important; opacity: 1 !important; background-color: transparent !important; background-image: url('/wp-content/uploads/2026/08/white-arrow-right.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; transition: opacity 0.3s ease; margin-bottom: -7px; } /* Active filter gets green down arrow */ .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title.elementor-item-active::after { background-image: url('/wp-content/uploads/2026/08/green-arrow-down.svg') !important; } @media (max-width:1024px) { .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title::after { width: 28px !important; height: 28px !important; min-width: 28px; flex: 0 0 28px; } .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title { gap: 5px; } } @media (max-width: 767px) { .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery__titles-container { flex-direction: column; align-items: center; gap: 20px; } .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title { --space-between: 0px !important; } .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title::after { width: 22px !important; height: 22px !important; min-width: 22px; flex: 0 0 22px; } .elementor-5294 .elementor-element.elementor-element-65c2b51 .elementor-gallery-title::after { margin-bottom: -5px; } }/* End custom CSS */ /* Start custom CSS *//* Global Width Overrides */ #main #content-wrap { padding-top: 0px; padding-bottom: 0px; } @media only screen and (max-width: 959px) { .content-area, .content-left-sidebar .content-area { margin-bottom: 00px; }} #content-wrap.container, .container { width: 100% !important; max-width: 100% !important; margin: 0 auto; } /* Highlight Utility */ .highlight-green { color: #C7F66D; text-decoration: underline; } /* Hover Overlay Styling */ .hover-overlay { opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; } .hover-box:hover .hover-overlay { opacity: 1; pointer-events: auto; } /* Responsive override for always-visible overlay */ @media (max-width: 1024px) { .hover-overlay { opacity: 1 !important; pointer-events: auto !important; } } /* Hover background override */ @media (min-width: 1025px) { .hover-overlay { background: #163EDDD4 !important; } } /* Fix spacing inside hover containers */ .hover-container .e-con-full { padding-block-start: 0 !important; padding-block-end: 0 !important; padding: 0 !important; } /* Base container (hover-box-2) */ .hover-box-2 { position: relative; display: block; border: 1px solid #fff; overflow: hidden; } /* Image inside the container (assumed to be background image now) */ .hover-box-2 img { width: 100%; display: block; } /* Overlay that appears on hover */ .hover-overlay-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 1); opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1; padding: 25px; display: flex; flex-direction: column; justify-content: flex-end; } /* Show overlay on hover */ .hover-box-2:hover .hover-overlay-2 { opacity: 1; } .hover-overlay-2 .overlay-footer p { margin: 0px; } /* Arrow is visible by default, hidden on hover */ .hover-box-2:hover .hover-arrow-2 { opacity: 0; visibility: hidden; } /* Mobile behavior: show overlay always */ @media (max-width: 1024px) { .hover-overlay-2 { opacity: 1 !important; } .hover-arrow-2 { display:none; } .hover-overlay-2 { background-color: rgba(0,0,0,0.29) !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Degular'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://ecoillc.com/wp-content/uploads/2025/05/Degular-Bold.woff2') format('woff2'); } @font-face { font-family: 'Degular'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://ecoillc.com/wp-content/uploads/2025/05/Degular-Regular.woff2') format('woff2'); } @font-face { font-family: 'Degular'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://ecoillc.com/wp-content/uploads/2025/05/Degular-Medium.woff2') format('woff2'); } /* End Custom Fonts CSS */