.elementor-9 .elementor-element.elementor-element-55d9dda{--display:flex;--min-height:460px;--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.25;}.elementor-9 .elementor-element.elementor-element-55d9dda:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-55d9dda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://omarketing.pk/wp-content/uploads/2025/11/ChatGPT-Image-Nov-7-2025-03_19_35-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-55d9dda::before, .elementor-9 .elementor-element.elementor-element-55d9dda > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-55d9dda > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-55d9dda > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-55d9dda > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-55d9dda > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-a5e79e6{width:var( --container-widget-width, 97.821% );max-width:97.821%;margin:150px 00px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 10px 0px 10px;--container-widget-width:97.821%;--container-widget-flex-grow:0;text-align:left;}.elementor-9 .elementor-element.elementor-element-a5e79e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-a5e79e6 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:30px;font-weight:500;color:#E61C23;}.elementor-9 .elementor-element.elementor-element-a5e79e6 .elementor-heading-title a:hover, .elementor-9 .elementor-element.elementor-element-a5e79e6 .elementor-heading-title a:focus{color:#FFFDFD;}.elementor-9 .elementor-element.elementor-element-3123958{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;text-align:left;}.elementor-9 .elementor-element.elementor-element-3123958 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:60px;font-weight:bold;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b11dd0c{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-55d9dda:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-55d9dda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://omarketing.pk/wp-content/uploads/2025/11/Lucid_Origin_Ultrarealistic_cinematic_image_of_a_professional__0.jpg");}.elementor-9 .elementor-element.elementor-element-55d9dda{--min-height:370px;}.elementor-9 .elementor-element.elementor-element-a5e79e6{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 040px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-a5e79e6 .elementor-heading-title{font-size:20px;}.elementor-9 .elementor-element.elementor-element-3123958{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 040px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-3123958 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for html, class: .elementor-element-b17302f */.services-section {
  background: #000;
  padding: 80px 0;
  text-align: center;
}

.services-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  width: 90%;
  margin: auto;
}

.service-card {
  background: #111;
  color: #fff;
  border-radius: 16px;
  padding: 35px 20px 60px 20px; /* Less height + extra bottom space for number */
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  min-height: 200px; /* Reduced height */
}

.service-card .number {
  font-size: 40px; /* Bigger number */
  font-weight: 700;
  color: #fff; /* White number */
  position: absolute;
  bottom: 15px;
  left: 20px;
  background: #e4002b; /* Red circle */
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
}

.service-card h3 {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 600;
  transition: 0.3s;
  color: #fff; /* text color white */
}


.service-card p {
  opacity: 0;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 20px;
  color: #fff;
  transition: 0.4s;
}

.service-card:hover {
  background: linear-gradient(#90161A, #90161A, #90161A);
  transform: translateY(-5px);
}

.service-card:hover .number {
  color: #fff;
}

.service-card:hover h3 {
  opacity: 0;
  transform: translateY(-10px);
}

.service-card:hover p {
  opacity: 1;
  transform: translateY(-10px);
}/* End custom CSS */