.elementor-4804 .elementor-element.elementor-element-a1014db{--display:flex;--min-height:400px;--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.71;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4804 .elementor-element.elementor-element-a1014db:not(.elementor-motion-effects-element-type-background), .elementor-4804 .elementor-element.elementor-element-a1014db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trexoit.com/wp-content/uploads/2026/03/yamu_jay-global-business-9062781_1280.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4804 .elementor-element.elementor-element-a1014db::before, .elementor-4804 .elementor-element.elementor-element-a1014db > .elementor-background-video-container::before, .elementor-4804 .elementor-element.elementor-element-a1014db > .e-con-inner > .elementor-background-video-container::before, .elementor-4804 .elementor-element.elementor-element-a1014db > .elementor-background-slideshow::before, .elementor-4804 .elementor-element.elementor-element-a1014db > .e-con-inner > .elementor-background-slideshow::before, .elementor-4804 .elementor-element.elementor-element-a1014db > .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-4804 .elementor-element.elementor-element-c3db2fb{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4804 .elementor-element.elementor-element-c3db2fb .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:80px;font-weight:600;color:#FFFFFF;}.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-4804 .elementor-element.elementor-element-9e48633{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:start;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-4804 .elementor-element.elementor-element-9e48633.elementor-element{--align-self:flex-start;}.elementor-4804 .elementor-element.elementor-element-8c5c740{--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;}.elementor-4804 .elementor-element.elementor-element-8f39872{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4804 .elementor-element.elementor-element-1ff5cef{--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;}.elementor-4804 .elementor-element.elementor-element-78c617b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4804 .elementor-element.elementor-element-50d73e6{--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;}.elementor-4804 .elementor-element.elementor-element-50d73e6:not(.elementor-motion-effects-element-type-background), .elementor-4804 .elementor-element.elementor-element-50d73e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4804 .elementor-element.elementor-element-dcfd32d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4804 .elementor-element.elementor-element-c3db2fb{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4804 .elementor-element.elementor-element-c3db2fb .elementor-heading-title{font-size:50px;}.elementor-4804 .elementor-element.elementor-element-9e48633{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}}@media(min-width:1025px){.elementor-4804 .elementor-element.elementor-element-a1014db:not(.elementor-motion-effects-element-type-background), .elementor-4804 .elementor-element.elementor-element-a1014db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-8f39872 *//* SECTION */
.approach {
  padding: 80px 20px;
  background: linear-gradient(135deg, #020617, #0f172a, #020617);
  color: #fff;
  text-align: center;
}

/* CONTAINER */
.container {
  max-width: 1200px;
  margin: auto;
}

/* TITLES */
.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-subtitle {
  font-size: 1.1rem;
  color: #cbd5e1;
  margin-bottom: 50px;
}

/* GRID */
.approach-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 25px;
}

/* CARD */
.card {
  background: rgba(255, 255, 255, 0.05);
  padding: 25px;
  border-radius: 16px;
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}

/* HOVER EFFECT */
.card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

/* ICON */
.icon {
  font-size: 2rem;
  margin-bottom: 15px;
}

/* TEXT */
.card h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.card p {
  font-size: 0.95rem;
  color: #e2e8f0;
  line-height: 1.5;
}

/* ANIMATION */
.card {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 0.8s ease forwards;
}

.card:nth-child(1) { animation-delay: 0.1s; }
.card:nth-child(2) { animation-delay: 0.2s; }
.card:nth-child(3) { animation-delay: 0.3s; }
.card:nth-child(4) { animation-delay: 0.4s; }
.card:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .section-title {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78c617b *//* SECTION */
.services {
  padding: 90px 20px;
  background: linear-gradient(135deg, #020617, #0f172a, #020617);
  color: #fff;
  text-align: center;
}

/* CONTAINER */
.container {
  max-width: 1200px;
  margin: auto;
}

/* TITLE */
.section-title {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 60px;
}

/* GRID */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px;
}

/* CARD */
.service-card {
  background: rgba(255, 255, 255, 0.04);
  padding: 30px 25px;
  border-radius: 18px;
  text-align: left;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
}

/* ICON */
.service-card .icon {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

/* TITLE */
.service-card h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

/* TEXT */
.service-card p {
  font-size: 0.95rem;
  color: #cbd5f5;
  line-height: 1.6;
}

/* HOVER EFFECT */
.service-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}

/* GLOW LINE */
.service-card::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #00f2fe, #4facfe);
  transform: scaleX(0);
  transition: 0.4s ease;
}

.service-card:hover::after {
  transform: scaleX(1);
}

/* ANIMATION */
.service-card {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeUp 0.7s ease forwards;
}

.service-card:nth-child(1) { animation-delay: 0.1s; }
.service-card:nth-child(2) { animation-delay: 0.2s; }
.service-card:nth-child(3) { animation-delay: 0.3s; }
.service-card:nth-child(4) { animation-delay: 0.4s; }
.service-card:nth-child(5) { animation-delay: 0.5s; }
.service-card:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .section-title {
    font-size: 2rem;
  }

  .service-card {
    text-align: center;
  }
}/* End custom CSS */