.elementor-3870 .elementor-element.elementor-element-95b57d4{--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;}.elementor-3870 .elementor-element.elementor-element-564eedb{--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;}.elementor-3870 .elementor-element.elementor-element-6bfa4be{--spacer-size:83px;}.elementor-3870 .elementor-element.elementor-element-fde6a7c{--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;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3870 .elementor-element.elementor-element-7f6dbfd .elementor-repeater-item-b835ee8 .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://devoptitech-ems.in/wp-content/uploads/2026/02/Screenshot-2026-02-27-112445.png);background-size:cover;}.elementor-3870 .elementor-element.elementor-element-7f6dbfd .elementor-repeater-item-b835ee8 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-3870 .elementor-element.elementor-element-7f6dbfd .swiper-slide{transition-duration:calc(5000ms*1.2);height:572px;}.elementor-3870 .elementor-element.elementor-element-7f6dbfd .swiper-slide-contents{max-width:100%;}.elementor-3870 .elementor-element.elementor-element-7f6dbfd .swiper-slide-inner{text-align:center;}.elementor-3870 .elementor-element.elementor-element-fada74d{--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;}.elementor-3870 .elementor-element.elementor-element-6784547{--display:flex;}.elementor-3870 .elementor-element.elementor-element-e57e9b9{--spacer-size:50px;}.elementor-3870 .elementor-element.elementor-element-b5c03ad{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3870 .elementor-element.elementor-element-564eedb{--content-width:1600px;}.elementor-3870 .elementor-element.elementor-element-fde6a7c{--content-width:1600px;}.elementor-3870 .elementor-element.elementor-element-6784547{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-820ea03 *//* ===============================
   Container & Typography
================================ */
.ems-overlay-wrap {
  max-width: 1400px;
  margin: auto;
  padding: 80px 20px;
  font-family: Inter, Segoe UI, sans-serif;
}

.ems-overlay-head {
  text-align: center;
  margin-bottom: 60px;
}

.ems-overlay-head h2 {
  font-size: 42px;
  font-weight: 800;
  color: #1AA696;
  margin-bottom: 12px;
}

.ems-overlay-head p {
  font-size: 17px;
  color: #666;
}

/* ===============================
   Grid Layout (3 cards one row)
================================ */
.ems-overlay-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* ===============================
   Card Styling
================================ */
.ems-overlay-card {
  position: relative;
  height: 340px;
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease;
}

.ems-overlay-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.3);
}

/* ===============================
   Background Image
================================ */
.ems-overlay-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}

.ems-overlay-card:hover .ems-overlay-bg {
  transform: scale(1.1);
}

/* ===============================
   Overlay Gradient
================================ */
.ems-overlay-dark {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(26, 166, 150, 0.25),
    rgba(26, 166, 150, 0.65)
  );
  z-index: 1;
}

/* ===============================
   Content Alignment
================================ */
.ems-overlay-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 26px 24px;
  z-index: 2;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 140px;
}

.ems-overlay-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  min-height: 52px;
}

.ems-overlay-content p {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.95;
  min-height: 48px;
}

/* ===============================
   Responsive
================================ */
@media (max-width: 850px) {
  .ems-overlay-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .ems-overlay-grid {
    grid-template-columns: 1fr;
  }
}

/* ===============================
   Background Images
================================ */
.card-bg-1 {
  background-image: url('https://images.unsplash.com/photo-1593642532973-d31b6557fa68?auto=format&fit=crop&w=900&q=80');
}

.card-bg-2 {
  background-image: url('https://images.unsplash.com/photo-1581091870627-3c64c8c6e6c4?auto=format&fit=crop&w=900&q=80');
}

.card-bg-3 {
  background-image: url('https://images.unsplash.com/photo-1581090700227-1d2f4f52f5a5?auto=format&fit=crop&w=900&q=80');
}/* End custom CSS */