.elementor-18 .elementor-element.elementor-element-d77bea9{--display:flex;--min-height:61vh;--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:center;--overlay-opacity:0.84;}.elementor-18 .elementor-element.elementor-element-d77bea9:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-d77bea9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg");background-position:top center;background-size:100% auto;}.elementor-18 .elementor-element.elementor-element-d77bea9::before, .elementor-18 .elementor-element.elementor-element-d77bea9 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-d77bea9 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-d77bea9 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-d77bea9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-d77bea9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #134E4A 0%, #1E3A8A 100%);}.elementor-18 .elementor-element.elementor-element-d77bea9.e-con{--align-self:center;}.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-18 .elementor-element.elementor-element-3bbc667{text-align:center;}.elementor-18 .elementor-element.elementor-element-3bbc667 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-ab4dd81{text-align:center;}.elementor-18 .elementor-element.elementor-element-ab4dd81 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-a581313{--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-18 .elementor-element.elementor-element-efb77fb{margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px -5px 0px;}.elementor-18 .elementor-element.elementor-element-f526215{text-align:center;}.elementor-18 .elementor-element.elementor-element-f526215 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;line-height:3px;letter-spacing:0px;color:#4B5563;}.elementor-18 .elementor-element.elementor-element-2aa5d20{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-18 .elementor-element.elementor-element-6cde8c0{--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-18 .elementor-element.elementor-element-c40e930{--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-18 .elementor-element.elementor-element-df6aeee{--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-18 .elementor-element.elementor-element-c77cbdb{--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-18 .elementor-element.elementor-element-9c7792b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-18 .elementor-element.elementor-element-3116df6{--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-18 .elementor-element.elementor-element-8f50ada{--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-18 .elementor-element.elementor-element-c5e3e1e{--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-18 .elementor-element.elementor-element-0048c71{--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-18 .elementor-element.elementor-element-8724bc5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-18 .elementor-element.elementor-element-94a5ae6{--display:flex;--justify-content:center;--border-radius:21px 21px 21px 21px;}.elementor-18 .elementor-element.elementor-element-94a5ae6:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-94a5ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF7FF;}.elementor-18 .elementor-element.elementor-element-6a0acbe{--spacer-size:1px;}.elementor-18 .elementor-element.elementor-element-f2e3f55{text-align:center;}.elementor-18 .elementor-element.elementor-element-f2e3f55 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:#111827;}.elementor-18 .elementor-element.elementor-element-e94291f{text-align:center;}.elementor-18 .elementor-element.elementor-element-e94291f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#4B5563;}.elementor-18 .elementor-element.elementor-element-d648356{--display:flex;--min-height:58px;--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;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-3e6cc54 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:500;line-height:23px;letter-spacing:1.1px;background-image:linear-gradient(153deg, #14B8A6 0%, #2563EB 100%);border-radius:12px 12px 12px 12px;}.elementor-18 .elementor-element.elementor-element-9772920 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:500;line-height:23px;letter-spacing:1.1px;fill:#000000;color:#000000;border-radius:12px 12px 12px 12px;}.elementor-18 .elementor-element.elementor-element-43c4046{--spacer-size:1px;}.elementor-18 .elementor-element.elementor-element-1dd653a{--spacer-size:50px;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-6cde8c0{--width:50%;}.elementor-18 .elementor-element.elementor-element-c40e930{--width:50%;}.elementor-18 .elementor-element.elementor-element-df6aeee{--width:50%;}.elementor-18 .elementor-element.elementor-element-c77cbdb{--width:50%;}.elementor-18 .elementor-element.elementor-element-3116df6{--width:50%;}.elementor-18 .elementor-element.elementor-element-8f50ada{--width:50%;}.elementor-18 .elementor-element.elementor-element-c5e3e1e{--width:50%;}.elementor-18 .elementor-element.elementor-element-0048c71{--width:50%;}.elementor-18 .elementor-element.elementor-element-94a5ae6{--width:90%;}.elementor-18 .elementor-element.elementor-element-d648356{--width:100%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-3bbc667 .elementor-heading-title{font-size:49px;}.elementor-18 .elementor-element.elementor-element-f526215 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-18 .elementor-element.elementor-element-2aa5d20{--padding-top:41px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-efb77fb */.our-story-title{
  font-size: 2.25rem; /* text-4xl */
  font-weight: 700;
  color: #111827; /* gray-900 */
  text-align: center;
  margin-bottom: 2rem;
}

.our-story-gradient{
  background: linear-gradient(90deg, #0d9488, #2563eb); /* teal-600 → blue-600 */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb54872 *//* ===============================
   FONT
   =============================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* ===============================
   WRAPPER
   =============================== */
.services-wrap{
  max-width:1200px;
  margin:auto;
  padding:0 16px;
  font-family:'Roboto', sans-serif;
}

/* ===============================
   SERVICE CARD – DESKTOP/TABLET
   =============================== */
.service-card{
  display:grid;
  grid-template-columns: 1fr 1.5fr;   /* IMAGE | CONTENT */
  align-items:stretch;

  background:#ffffff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,0.08);
  margin-bottom:40px;

  min-height:400px;
}

/* 🔒 FORCE SAME ORIENTATION FOR ALL CARDS */
.service-card,
.service-card-reverse{
  grid-template-columns: 1fr 1.5fr !important;
}

.service-card .service-image,
.service-card-reverse .service-image{
  order:1 !important;
}

.service-card .service-content,
.service-card-reverse .service-content{
  order:2 !important;
}

/* ===============================
   IMAGE
   =============================== */
.service-image{
  position:relative;
  overflow:hidden;
  height:100%;
}

.service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}

.service-card:hover .service-image img{
  transform:scale(1.1);
}

/* ICON BADGE */
.service-icon{
  position:absolute;
  top:20px;
  left:20px;
  width:56px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(135deg,#14b8a6,#2563eb);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  z-index:2;
}

/* ===============================
   CONTENT
   =============================== */
.service-content{
  padding:32px 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.service-content h3{
  font-size:22px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:12px;
}

.service-desc{
  font-size:15px;
  line-height:1.6;
  color:#475569;
  margin-bottom:18px;
}

.service-points{
  list-style:none;
  padding:0;
  margin:0 0 22px 0;
}

.service-points li{
  position:relative;
  padding-left:18px;
  margin-bottom:10px;
  font-size:14px;
  color:#334155;
}

.service-points li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#14b8a6;
  font-size:20px;
}

/* ===============================
   BUTTON
   =============================== */
.service-btn{
  align-self:flex-start;
  padding:12px 26px;
  background:linear-gradient(90deg,#14b8a6,#2563eb);
  color:#ffffff;
  font-size:14px;
  font-weight:600;
  border-radius:12px;
  text-decoration:none;
  transition:all .3s ease;
}

.service-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,0.2);
}

/* ===============================
   MOBILE (STACK – CORRECT UX)
   =============================== */
@media (max-width:767px){

  .service-card,
  .service-card-reverse{
    grid-template-columns:1fr !important; /* TOP → BOTTOM */
    min-height:auto;
  }

  .service-image{
    height:240px;
  }

  .service-content{
    padding:24px 20px;
  }

  .service-btn{
    width:100%;
    text-align:center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d275d8 *//* ===============================
   FONT (ROBOTO)
   =============================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* ===============================
   SERVICES WRAPPER
   =============================== */

.services-wrap{
  max-width:1200px;
  margin:auto;
}

/* ===============================
   SERVICE CARD (DESKTOP/TABLET)
   =============================== */

.service-card{
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  align-items:stretch;

  background:#ffffff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,0.08);
  margin-bottom:48px;

  height:600px; /* ✅ FIXED HEIGHT */
}

/* reverse layout */
.service-card-reverse{
  grid-template-columns: 1.15fr 1fr;
}

.service-card-reverse .service-image{
  order:2;
}

.service-card-reverse .service-content{
  order:1;
}

/* ===============================
   IMAGE SIDE
   =============================== */

.service-image{
  position:relative;
  overflow:hidden;
  height:100%;
}

.service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.service-card:hover .service-image img{
  transform:scale(1.12);
}

/* icon badge */
.service-icon{
  position:absolute;
  top:20px;
  left:20px;
  width:56px;
  height:56px;
  border-radius:16px;
  background:linear-gradient(135deg,#14b8a6,#2563eb);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
}

/* ===============================
   CONTENT SIDE
   =============================== */

.service-content{
  height:100%;
  padding:42px 40px;
  display:flex;
  flex-direction:column;
}

/* heading */
.service-content h3{
  font-family:'Roboto', system-ui, sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:32px;
  color:#0d9488;
  margin-bottom:14px;
  transition:color .3s ease;
}

.service-card:hover h3{
  color:#0f766e;
}

/* description */
.service-desc{
  font-family:'Roboto', system-ui, sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:26px;
  color:#4b5563;
  margin-bottom:18px;
}

/* bullet points */
.service-points{
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.service-points li{
  position:relative;
  padding-left:18px;
  margin-bottom:8px;
  font-family:'Roboto', system-ui, sans-serif;
  font-size:14px;
  line-height:22px;
  color:#374151;
}

.service-points li::before{
  content:"•";
  position:absolute;
  left:0;
  color:#14b8a6;
  font-size:18px;
}

/* button pinned to bottom */
.service-btn{
  margin-top:auto;
  align-self:flex-start;
  padding:12px 26px;
  background:linear-gradient(135deg,#14b8a6,#2563eb);
  color:#ffffff;
  font-weight:600;
  text-decoration:none;
  border-radius:10px;
  transition:transform .3s ease, box-shadow .3s ease;
}

.service-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* ===============================
   TABLET (≤1024px)
   =============================== */

@media (max-width:1024px){
  .service-card,
  .service-card-reverse{
    grid-template-columns:1fr;
    height:420px;
  }

  .service-content{
    padding:32px 28px;
  }
}

/* ===============================
   MOBILE (≤768px)
   =============================== */

@media (max-width:768px){
  .service-card{
    height:auto; /* ✅ RELEASE FIXED HEIGHT */
    border-radius:18px;
    margin-bottom:32px;
  }

  .service-content h3{
    font-size:20px;
    line-height:28px;
  }

  .service-desc{
    font-size:15px;
    line-height:24px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e6cc54 *//* ===============================
   ELEMENTOR BUTTON → MATCH SERVICE BUTTON
   =============================== */

/* base button */
.elementor-button.service-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:12px 26px !important;
  border-radius:10px !important;

  background:linear-gradient(135deg,#14b8a6,#2563eb) !important;
  color:#ffffff !important;

  font-weight:600;
  font-size:14px;

  border:none !important;
  text-decoration:none;

  transition:transform .3s ease, box-shadow .3s ease;
}

/* remove Elementor default hover */
.elementor-button.service-btn:hover,
.elementor-button.service-btn:focus{
  background:linear-gradient(135deg,#14b8a6,#2563eb) !important;
  color:#ffffff !important;

  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* ensure button text inherits properly */
.elementor-button.service-btn span{
  color:inherit !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9772920 */.elementor-widget-button {
  pointer-events: auto !important;
  z-index: 10;
}/* End custom CSS */