.elementor-1916 .elementor-element.elementor-element-d123c8a{--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;--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1916 .elementor-element.elementor-element-02c62e5 .tx-title{margin:0px 0px 0px 0px;}
        .elementor-1916 .elementor-element.elementor-element-02c62e5 .tx-title
        {font-size:55px;}.elementor-1916 .elementor-element.elementor-element-6e59bb3{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1916 .elementor-element.elementor-element-a960fdc{font-family:"Red Hat Display", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-1916 .elementor-element.elementor-element-7e3a694{--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;--overlay-opacity:0.5;}.elementor-1916 .elementor-element.elementor-element-7e3a694:not(.elementor-motion-effects-element-type-background), .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://empoweringera.com/wp-content/uploads/2025/01/Services-Background-2.png");}.elementor-1916 .elementor-element.elementor-element-7e3a694::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .e-con-inner > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1916 .elementor-element.elementor-element-d2777e9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1916 .elementor-element.elementor-element-d2777e9::before, .elementor-1916 .elementor-element.elementor-element-d2777e9 > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-d2777e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-d2777e9 > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-d2777e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-d2777e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://empoweringera.com/wp-content/uploads/2025/01/Services-Background-2.png");--background-overlay:'';}.elementor-1916 .elementor-element.elementor-element-f24c796{margin-top:130px;margin-bottom:0px;}.elementor-1916 .elementor-element.elementor-element-df5c374 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-df5c374 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1916 .elementor-element.elementor-element-068c7a5 .gly-client-3-logo-box{background-color:#000000;}.elementor-1916 .elementor-element.elementor-element-6f5df62 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1916 .elementor-element.elementor-element-df5c374{width:100%;}}@media(max-width:1024px){
        .elementor-1916 .elementor-element.elementor-element-02c62e5 .tx-title
        {font-size:42px;}}@media(max-width:767px){
        .elementor-1916 .elementor-element.elementor-element-02c62e5 .tx-title
        {font-size:28px;}.elementor-1916 .elementor-element.elementor-element-a960fdc{text-align:justify;}.elementor-1916 .elementor-element.elementor-element-7e3a694::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .e-con-inner > .elementor-background-video-container::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1916 .elementor-element.elementor-element-7e3a694 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://empoweringera.com/wp-content/uploads/2025/01/Services-Background-2.png");}}/* Start custom CSS for html, class: .elementor-element-3b2c65b *//* Import the fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Red+Hat+Display&family=Times+New+Roman&display=swap');

/* Container Styling */
.services-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
  margin: 50px auto;
  max-width: 1200px;
}

/* Service Item */
.service-item {
  background-color: #1a1a1a;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 30%;
  min-width: 280px;
  opacity: 0; /* Initially hidden */
  transform: translateY(50px); /* Start from below */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  display: flex;
  flex-direction: column; /* Align text and button vertically */
  align-items: center; /* Center align everything horizontally */
  justify-content: center; /* Center vertically */
  height: 300px; /* Fixed height to ensure all buttons stay aligned */
  text-align: center; /* Center align text */
  font-family: 'DM Serif Display', serif; /* Apply DM Serif Display font for text */
}

/* Service Item Heading */
.service-item h3 {
  font-size: 1.5rem;
  margin-bottom: 20px; /* Add margin for equal spacing */
  font-family: 'Times New Roman', serif; /* Apply Times New Roman for headings */
}

/* Service Item Paragraph */
.service-item p {
  font-family: 'Red Hat Display', sans-serif; /* Apply Red Hat Display for paragraph */
  flex-grow: 1; /* Ensures that the text stretches to fill space evenly */
  margin: 20px 0; /* Add margin for spacing between text and button */
}

/* Service Item Button (Read More) */
.service-item button {
  background-color: transparent; /* Remove background */
  color: #57A1A4; /* Set the text color to blue */
  border: none; /* Remove the border */
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-top: 20px; /* Add margin to give equal gap between button and text */
}

.service-item button:hover {
  background-color: #006F73; /* Add blue background on hover */
  color: #fff; /* Change text color to white */
}

/* Read More Link Styling */
.read-more {
  color: #57A1A4; /* Initial color */
  text-decoration: none; /* Remove underline */
  font-size: 1rem;
  transition: color 0.3s ease;
}

.read-more:hover {
  color: #006F73; /* Change color on hover */
}

/* Popup Styling */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* Initially hidden */
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.popup-content {
  background-color: #fff;
  color: #000;
  padding: 30px;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  text-align: center; /* Center align text in popup */
  font-family: 'DM Serif Display', serif; /* Apply DM Serif Display for text */
}

/* Popup Heading */
.popup-content h3 {
  font-family: 'Times New Roman', serif; /* Apply Times New Roman for popup heading */
  margin-bottom: 20px; /* Add margin for spacing */
}

/* Popup Paragraph */
.popup-content p {
  font-family: 'Red Hat Display', sans-serif; /* Apply Red Hat Display for paragraph */
  margin-bottom: 20px; /* Add margin for spacing */
}

.popup-content button {
  background-color: #57A1A4;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 1rem;
}

.popup-content button:hover {
  background-color: #006F73;
}

/* Scroll Animation - Visible */
.service-item.visible {
  opacity: 1;
  transform: translateY(0); /* Reset position */
}

/* Fade-in/Fade-out Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}/* End custom CSS */