.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   OUTER IMAGE CARD TABS — FULL RESET + CARD STYLE
   Tabs widget must have class: outer-img-tabs
   ========================================================= */

/* ---------- HARD RESET (critical) ---------- */
.outer-img-tabs,
.outer-img-tabs *{
  box-sizing: border-box;
}

.outer-img-tabs .elementor-tab-title{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.outer-img-tabs .elementor-tabs-wrapper,
.outer-img-tabs .elementor-tabs-content-wrapper{
  border: 0 !important;
  background: transparent !important;
}

/* =========================================================
   DESKTOP / TABLET TAB NAV
   ========================================================= */

.outer-img-tabs .elementor-tabs-wrapper{
  display:flex !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
}

/* Card base */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title{
  position:relative !important;
  flex:1 1 240px !important;
  max-width:260px !important;
  height:110px !important;

  padding:16px !important;
  border-radius:14px !important;
  overflow:hidden !important;

  display:flex !important;
  align-items:flex-end !important;
  cursor:pointer !important;

  background-color:#0b0f14 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* Overlay */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.15),
    rgba(0,0,0,.45),
    rgba(0,0,0,.7)
  );
  z-index:0;
}

/* Text */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title,
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title *{
  position:relative;
  z-index:1;
  color:#fff !important;
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  text-shadow:0 10px 24px rgba(0,0,0,.45);
}

/* Learn more */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title::after{
  content:"Learn More →";
  position:absolute;
  left:16px;
  bottom:14px;
  z-index:2;
  color:#FF3131;
  font-size:12px;
  font-weight:600;
}

/* Hover */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 46px rgba(0,0,0,.38);
  filter:brightness(1.03);
}

/* Active */
.outer-img-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active{
  outline:2px solid rgba(255,255,255,.3);
  box-shadow:0 20px 54px rgba(0,0,0,.42);
}

/* =========================================================
   BACKGROUND IMAGES (NO nth-*)
   Uses aria-controls — MUST match content IDs
   ========================================================= */

.outer-img-tabs .elementor-tab-title[aria-controls*="offshore"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/Untitled-design-26-1.png");
}

.outer-img-tabs .elementor-tab-title[aria-controls*="oil"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/Untitled-design-27.png");
}

.outer-img-tabs .elementor-tab-title[aria-controls*="crew"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/542ae8f7-a0e0-4499-9085-43179029f042.png");
}

.outer-img-tabs .elementor-tab-title[aria-controls*="planning"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/e107a3e0-ad92-4365-99de-1f0c2fac59af.png");
}

/* =========================================================
   MOBILE / ACCORDION MODE
   ========================================================= */

.outer-img-tabs .elementor-accordion-item .elementor-tab-title{
  position:relative !important;
  padding:16px !important;
  border-radius:14px !important;
  overflow:hidden !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  margin-bottom:12px !important;
}

.outer-img-tabs .elementor-accordion-item .elementor-tab-title::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.15),
    rgba(0,0,0,.45),
    rgba(0,0,0,.7)
  );
  z-index:0;
}

.outer-img-tabs .elementor-accordion-item .elementor-tab-title,
.outer-img-tabs .elementor-accordion-item .elementor-tab-title *{
  position:relative;
  z-index:1;
  color:#fff !important;
  font-weight:700;
}

/* Mobile image mapping */
.outer-img-tabs .elementor-accordion-item .elementor-tab-title[aria-controls*="offshore"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/Untitled-design-26-1.png");
}
.outer-img-tabs .elementor-accordion-item .elementor-tab-title[aria-controls*="oil"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/Untitled-design-27.png");
}
.outer-img-tabs .elementor-accordion-item .elementor-tab-title[aria-controls*="crew"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/542ae8f7-a0e0-4499-9085-43179029f042.png");
}
.outer-img-tabs .elementor-accordion-item .elementor-tab-title[aria-controls*="planning"]{
  background-image:url("https://trinity-888.com/wp-content/uploads/2026/01/e107a3e0-ad92-4365-99de-1f0c2fac59af.png");
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:767px){
  .outer-img-tabs .elementor-tab-title{
    max-width:100%;
    flex:1 1 100%;
    height:105px;
  }
}/* End custom CSS */