:root {
--font-primary:
"Outfit", Inter, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, "Segoe UI", sans-serif;
--bg1: #f8fafc;
--bg2: #ffffff;
--accent: #2563eb;
--accent-2: #dbeafe;
--lux: #c8a75a;
--card: #ffffff;
--muted: #64748b;
--text: #0f172a;
--ring: rgba(2, 6, 23, 0.08);
--white: #ffffff;
}
a {
transition: color 0.3s ease;
}
.material #search-outer #search .span_12 span {
color: #000 !important;
}
.sub-menu li a:hover,
.sub-menu li a:hover .menu-title-text,
.sub-menu li.current-menu-item>a,
.sub-menu li.current-menu-item>a .menu-title-text,
.sub-menu li.current-menu-ancestor>a,
.sub-menu li.current-menu-ancestor>a .menu-title-text,
.sub-menu li.current_page_item>a,
.sub-menu li.current_page_item>a .menu-title-text {
color: #ff0000;
}
.color-heading {
color: #0a1b59;
}
body .sub-menu.tracked-pos li {
margin-right: 0;
}
.menu-item-has-children>a::after {
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #025ede;
border-bottom: 2px solid #025ede;
transform: rotate(45deg);
display: inline-block;
margin-left: 8px;
margin-bottom: 2px;
transition: 0.25s ease;
}
.menu-item-has-children:hover>a::after {
transform: rotate(225deg);
color: #2ea3f2;
}
body .sub-menu.tracked-pos .menu-title-text {
font-size: 16px;
line-height: 20px;
}
body p {
color: #000000;
font-size: 18px;
line-height: 27px;
font-weight: 500;
}
.margin-auto {
margin: auto !important;
display: block !important;
}
body strong {
color: #000000;
}
body {
font-family: var(--font-primary);
}
h1 {
font-size: clamp(2.25rem, 2.1rem + 1.2vw, 3.4rem);
line-height: 1.1;
letter-spacing: -0.01em;
font-weight: 700 !important;
}
h2 {
font-size: clamp(1.6rem, 1.45rem + 0.6vw, 2.2rem);
line-height: 1.15;
letter-spacing: -0.005em;
font-weight: 700 !important;
}
.padding-top-10 {
padding-top: 10px;
}
.container-wrap {
padding-bottom: 0px;
}
.no-margin {
margin-bottom: 0 !important;
}
.container-1280 {
max-width: 1280px;
} .font-size-16 p {
font-size: 16px !important;
}
.font-size-22 p {
font-size: 22px !important;
}
.font-size-24 {
font-size: 24px;
}
.font-size-30 {
font-size: 30px !important;
}
.max-width-76 {
max-width: 76%;
}
.margin-auto {
margin: auto;
}
.border-top,
.border-bottom {
position: relative;
overflow: visible;
z-index: 1;
}
.border-style-line {
position: relative;
padding-bottom: 10px;
display: inline-block;
width: 100%;
}
.border-style-line::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #0066cc;
border-radius: 2px;
}
.border-top::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 300vw;
height: 1px;
background: rgba(2, 6, 23, 0.08);
pointer-events: none;
}
.border-bottom::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 300vw;
height: 1px;
background: rgba(2, 6, 23, 0.08);
z-index: 2;
pointer-events: none;
} #search-outer.material-open input[type="text"] {
color: #000;
-webkit-text-fill-color: #000;
} .ts-hero {
position: relative;
background-size: cover;
background-repeat: no-repeat;
padding: 28px 0 120px;
overflow: visible;
background-position: center top;
}
.page-id-611 .ts-hero {
background-position: center 60%;
}
.page-id-807 .ts-hero {
background-position: 0 31%;
}
.page-id-1298 .ts-hero {
background-position: 60%;
}
.page-id-665 .ts-hero {
background-position: center;
}
.ts-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 1) 18%,
rgba(255, 255, 255, 0.9) 38%,
rgba(255, 255, 255, 0.55) 58%,
rgba(255, 255, 255, 0.15) 75%,
rgba(255, 255, 255, 0) 90%);
z-index: 1;
}
.ct-slider {
position: relative;
z-index: 10;
}
.ts-hero-container {
position: relative;
z-index: 2;
max-width: 1480px;
padding: 0 40px;
margin: auto;
}
.page-id-1298 .ts-hero-content {
max-width: 50%;
}
.ts-hero-content {
max-width: 60%;
}
.ts-eyebrow {
font-size: 16px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #2563eb;
margin-bottom: 20px;
}
.ts-headline {
font-size: clamp(2.8rem, 5vw, 5.3rem);
line-height: 0.95;
font-weight: 900;
letter-spacing: -0.05em;
color: #0a1b59;
margin-bottom: 28px;
text-transform: uppercase;
}
.ts-headline-highlight {
display: inline;
color: #2563eb;
}
.ts-subheadline {
font-size: 18px;
line-height: 1.7;
color: #000000;
max-width: 620px;
margin-bottom: 36px;
}
.ts-hero-buttons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.ts-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 28px;
border-radius: 12px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.02em;
text-decoration: none;
transition: 0.3s ease;
}
.ts-btn:hover {
transform: translateY(-2px);
}
.ts-btn-primary {
background: linear-gradient(135deg, rgb(54, 127, 255), rgb(35, 99, 230));
color: #fff;
box-shadow: 0 10px 24px rgba(59, 130, 246, 0.22);
}
.ts-btn-primary:hover {
color: #fff !important;
}
.ts-btn-secondary {
background: #fff;
border: 1px solid #cbd5e1;
color: #2563eb;
}
.ts-btn-secondary:hover {
color: #2563eb;
border-color: #2563eb;
}
.ts-btn-icon {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
}
.ts-stats-wrapper {
position: relative;
z-index: 20;
max-width: 1380px;
margin: 0 auto;
margin-top: -36px;
padding: 0 24px;
transform: translateY(50%);
}
.style-icon .ts-stat-icon img {
width: 100px;
}
.ts-stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
overflow: hidden;
}
.ts-stat-card {
display: flex;
align-items: center;
gap: 30px;
padding: 25px 40px;
border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.ts-stat-card:last-child {
border-right: none;
}
.ts-stat-icon {
flex-shrink: 0;
}
.ts-stat-icon img {
width: 160px;
height: 60px;
object-fit: contain;
}
.ts-stat-number {
font-size: 32px;
font-weight: 900;
line-height: 1;
color: #2563eb;
margin-bottom: 10px;
transition: all 0.35s ease;
display: inline-block;
}
.ts-stat-card:hover .ts-stat-number {
transform: translateY(-4px) scale(1.08);
color: #1e5eff;
text-shadow: 0 8px 20px rgba(30, 94, 255, 0.18);
}
.ts-stat-label {
font-size: 14px;
font-weight: 800;
line-height: 1.5;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #334155;
max-width: 180px;
}
.global-reach::before {
content: "";
position: absolute;
top: -72px;
right: -69px;
width: 260px;
height: 260px;
pointer-events: none;
opacity: 0.3;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.section-pump-system h3 {
color: #0a1b59;
} .ts-hero::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
background: #fff;
clip-path: ellipse(80% 100% at 50% 100%);
z-index: 2;
}
.page-id-13 .ts-hero::after {
height: 72px;
} .case-studies-desc {
font-size: 16px;
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.logo-slider-wrap {
width: 100%;
overflow: hidden;
position: relative;
padding: 25px 0;
}
.case-studies-view-more {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background: #003366;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: transform 0.3s ease;
}
.case-studies-view-more:hover {
transform: scale(1.1);
}
.logo-track {
display: flex;
align-items: center;
width: max-content;
animation: logoMarquee 32s linear infinite;
will-change: transform;
} .logo-slider-wrap:hover .logo-track {
animation-play-state: paused;
}
.logo-item {
flex-shrink: 0;
padding: 0 10px;
}
.logo-box {
width: 125px;
height: 115px;
padding: 0 15px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
position: relative;
} .logo-box::after {
content: "";
position: absolute;
top: 20px;
right: -10px;
width: 1px;
height: calc(100% - 40px);
background: #e8e8e8;
}
.logo-box:hover {
transform: translateY(-4px);
}
.logo-box img {
max-height: 42px;
object-fit: contain;
margin-bottom: 14px;
filter: grayscale(100%);
opacity: 0.85;
transition: all 0.3s ease;
}
.logo-box:hover img {
filter: grayscale(0%);
opacity: 1;
}
.logo-name {
font-size: 15px;
font-weight: 600;
line-height: 1.3;
color: #1b1b1b;
text-align: center;
transition: 0.3s;
}
.logo-box:hover .logo-name {
color: #142438;
}
@keyframes logoMarquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .membership-banner {
width: 90%;
margin: auto;
}
.membership-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 20px;
background: #f6f8fb;
border-radius: 14px;
flex-direction: column;
}
.membership-left {
display: flex;
align-items: center;
gap: 80px;
flex: 1;
}
.membership-item a {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
transition: all 0.3s ease;
}
.membership-item img {
transition:
transform 0.35s ease,
opacity 0.35s ease;
}
.membership-item span {
transition:
color 0.3s ease,
transform 0.3s ease;
}
.membership-item a:hover img {
transform: translateY(-2px) scale(1.04);
opacity: 0.9;
}
.membership-item a:hover span {
color: #025ede;
transform: translateX(2px);
} .membership-item a:hover {
opacity: 1;
}
.membership-heading {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #0a1b59;
white-space: nowrap;
line-height: 1;
}
.membership-logos {
display: flex;
align-items: center;
gap: 80px;
}
.membership-item {
display: flex;
align-items: center;
gap: 16px;
}
.membership-item img {
max-height: 46px;
width: auto !important;
object-fit: contain;
display: block;
margin-bottom: 0px !important;
}
.membership-item span {
font-size: 16px;
font-weight: 600;
line-height: 1.3;
color: #000000;
white-space: nowrap;
}
.membership-note {
max-width: 100%;
font-size: 17px;
font-weight: 500;
line-height: 1.5;
color: #000000;
text-align: left;
} .style-cryogenic h3 {
color: #025ede;
font-size: 24px;
}
.style-cryogenic .iwithtext {
display: flex;
align-items: center;
gap: 20px;
}
.style-cryogenic .iwt-icon {
position: static;
}
.style-cryogenic .style-cryogenic-coll p,
.style-cryogenic .style-cryogenic-colr p {
padding-top: 10px;
}
.style-cryogenic-coll .iwithtext,
.style-cryogenic-colr .iwithtext {
margin-bottom: 20px;
}
.style-cryogenic .vc_row .vc_column_container .iwithtext .iwt-icon img:not([srcset]) {
width: 50px;
margin-bottom: 0;
} .style-cryogenic::before {
content: "";
position: absolute;
top: -180px;
right: -207px;
width: 420px;
height: 420px;
border-radius: 50%;
pointer-events: none;
background: radial-gradient(circle,
rgba(2, 94, 222, 0.05) 0%,
rgba(2, 94, 222, 0.03) 58%,
transparent 72%);
opacity: 0.9;
} .style-cryogenic-coll .vc_column-inner,
.style-cryogenic-colr .vc_column-inner {
position: relative;
z-index: 2;
border-radius: 28px;
background: #ffffff;
border: 1px solid rgba(2, 94, 222, 0.08);
box-shadow:
0 10px 30px rgba(15, 23, 42, 0.05),
0 2px 10px rgba(15, 23, 42, 0.04);
}
.ct-oemdisclamer p {
max-width: 90%;
}
.ct-oemdisclamer .vc_column-inner {
position: relative;
z-index: 2;
border-radius: 28px;
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
border: 1px solid rgba(2, 94, 222, 0.08);
box-shadow:
0 12px 34px rgba(2, 94, 222, 0.06),
0 2px 10px rgba(15, 23, 42, 0.04);
overflow: hidden;
}
.ct-oemdisclamer .vc_column-inner::before {
content: "";
position: absolute;
top: -72px;
right: -69px;
width: 260px;
height: 260px;
pointer-events: none;
opacity: 0.3;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.style-cryogenic-coll .vc_column-inner::before {
content: "";
position: absolute;
bottom: -4px;
right: 11px;
width: 169px;
height: 180px;
pointer-events: none;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_2-removebg-preview.png) no-repeat center;
background-size: contain;
}
.style-cryogenic-colr::before {
content: "";
position: absolute;
bottom: -18px;
right: 24px;
width: 133px;
height: 180px;
pointer-events: none;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/bog-img.png) no-repeat center;
opacity: 0.8;
background-size: contain;
z-index: 3;
}
.ct-oemdisclamer .vc_column-inner::after {
content: "";
position: absolute;
bottom: -80px;
left: -80px;
width: 180px;
height: 180px;
opacity: 0.3;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_1-removebg-preview.png) no-repeat center;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.style-cryogenic .iwt-icon {
width: 72px;
height: 72px;
min-width: 72px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 22px;
background: rgba(2, 94, 222, 0.08);
border: 1px solid rgba(2, 94, 222, 0.1);
}
body.material .style-cryogenic .wpb_content_element,
body.material .style-cryogenic .wpb_row {
margin-bottom: 0.5rem;
}
.style-cryogenic-coll .wpb_wrapper>h2,
.style-cryogenic-colr .wpb_wrapper>h2 {
position: relative;
padding-top: 15px;
}
.style-cryogenic-coll .wpb_wrapper>h2::before,
.style-cryogenic-colr .wpb_wrapper>h2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(2, 94, 222, 0.08);
}
.style-cryogenic-colr .style-cryogenic-coll .wpb_wrapper>h2::before,
.style-cryogenic-colr .wpb_wrapper>h2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 89%;
height: 1px;
background: rgba(2, 94, 222, 0.08);
}
.style-cryogenic-coll-img::before {
content: "";
position: absolute;
bottom: 13px;
right: 30px;
width: 133px;
height: 207px;
pointer-events: none;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cargo_pump.png) no-repeat center;
opacity: 1;
background-size: contain;
z-index: 3;
} .h-case-studies-slider {
position: relative;
}
.h-case-studies-slider .h-case-studies-swiper {
overflow: hidden;
padding-bottom: 60px;
}
.h-case-studies-slider .swiper-slide {
height: auto;
}
.h-case-studies-slider .case-studies-card {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 28px;
overflow: hidden;
height: 100%;
transition: 0.35s ease;
}
.h-case-studies-slider .case-studies-card:hover {
background: #f8f8f8;
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.h-case-studies-slider .case-studies-thumb {
height: 300px;
overflow: hidden;
background: #f4f4f4;
}
.h-case-studies-slider .case-studies-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: 0.4s ease;
}
.h-case-studies-slider .case-studies-card:hover img {
transform: scale(1.06);
}
.h-case-studies-slider .case-studies-content {
padding: 28px;
}
.h-case-studies-slider .case-studies-tag {
display: inline-block;
padding: 10px 16px;
border-radius: 8px;
background: #111;
color: #fff;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 20px;
}
.h-case-studies-slider .case-studies-title {
margin: 0 0 18px;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
text-transform: uppercase;
color: #0a1b59;
}
.h-case-studies-slider .swiper-pagination {
bottom: 0px !important;
margin-top: 20px;
position: relative;
}
.h-case-studies-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 0.2;
}
.h-case-studies-slider .swiper-pagination-bullet-active {
opacity: 1;
}
.h-case-studies-slider .swiper-button-prev,
.h-case-studies-slider .swiper-button-next {
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
color: #111;
transition: 0.3s ease;
}
.h-case-studies-slider .swiper-button-prev:hover,
.h-case-studies-slider .swiper-button-next:hover {
background: #025ede;
color: #fff;
}
.h-case-studies-slider .swiper-button-prev:after,
.h-case-studies-slider .swiper-button-next:after {
font-size: 18px;
font-weight: 700;
}
.h-case-studies-slider .swiper-button-prev {
left: -60px;
}
.h-case-studies-slider .swiper-button-next {
right: -60px;
}  .tr-info-boxes {
display: flex;
flex-direction: column;
gap: 18px;
} .tr-info-box {
position: relative;
display: flex;
align-items: center;
gap: 22px;
padding: 17px;
border-radius: 20px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow:
0 4px 18px rgba(0, 0, 0, 0.04),
0 1px 3px rgba(0, 0, 0, 0.03);
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.35s ease;
overflow: hidden;
} .tr-info-box::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg,
rgba(54, 127, 255, 0.1),
rgba(54, 127, 255, 0));
opacity: 0;
transition: 0.35s ease;
pointer-events: none;
} .tr-info-box:hover {
transform: translateY(-4px);
border-color: rgba(54, 127, 255, 0.22);
box-shadow:
0 12px 32px rgba(0, 0, 0, 0.08),
0 6px 18px rgba(54, 127, 255, 0.14);
}
.tr-info-box:hover::before {
opacity: 1;
}
.tr-info-icon {
width: 64px;
height: 64px;
min-width: 64px;
border-radius: 18px;
border: 1px solid rgba(54, 127, 255, 0.12);
background: linear-gradient(180deg,
rgba(54, 127, 255, 0.12),
rgba(54, 127, 255, 0.03));
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s ease;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5),
0 4px 12px rgba(54, 127, 255, 0.08);
}
.tr-info-box:hover .tr-info-icon {
transform: scale(1.06);
border-color: rgba(54, 127, 255, 0.28);
background: linear-gradient(180deg,
rgba(54, 127, 255, 0.18),
rgba(54, 127, 255, 0.06));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5),
0 6px 16px rgba(54, 127, 255, 0.16);
}
.tr-info-icon img {
width: 34px !important;
height: 34px !important;
object-fit: contain;
margin: 0 !important;
opacity: 0.95;
}
.tr-info-content {
flex: 1;
}
.tr-title {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: rgb(54, 127, 255);
}
.tr-title-link {
text-decoration: none;
}
.tr-text {
margin: 0;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
color: #1f2937;
}
.tr-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 13px 22px;
border-radius: 12px;
background: linear-gradient(135deg, rgb(54, 127, 255), rgb(35, 99, 230));
color: #ffffff;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
opacity 0.3s ease;
box-shadow: 0 10px 20px rgba(54, 127, 255, 0.2);
}
.tr-btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(54, 127, 255, 0.28);
opacity: 0.96;
color: white !important;
}
.tr-text-link {
text-decoration: none;
transition: color 0.3s ease;
}
.tr-text-link .tr-text {
transition: color 0.3s ease;
}
.tr-text-link:hover,
.tr-text-link:hover .tr-text {
color: #ff0000 !important;
} p.gform_required_legend {
display: none;
} .ct-global {
background: #f7f9fc;
border: 1px solid #e5e7eb;
border-radius: 24px;
padding: 20px;
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
transition: 0.3s ease;
overflow: hidden;
}
.ct-global .eyebrow h4 {
padding-bottom: 20px;
}
.ct-global .eyebrow.mar_bot-0 h4{
padding-bottom: 0;
}
.ct-global h2 {
padding-bottom: 10px;
} .ct-form {
background: #f7f9fc;
border: 1px solid #e5e7eb;
border-radius: 28px;
padding: 20px !important;
box-shadow:
0 10px 30px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
overflow: hidden;
} .ct-form .gfield_label {
font-size: 14px;
font-weight: 600;
color: #0a1b59;
margin-bottom: 10px !important;
} .ct-form input,
.ct-form select,
.ct-form textarea {
background: #fff !important;
border: 1px solid #dbe2ea !important;
border-radius: 14px !important;
font-size: 15px !important;
color: #0a1b59 !important;
box-shadow: none !important;
transition: 0.3s ease;
}
.ct-form input:focus,
.ct-form select:focus,
.ct-form textarea:focus {
border-color: #3d73ff !important;
box-shadow: 0 0 0 4px rgba(61, 115, 255, 0.12) !important;
outline: none !important;
}
.ct-form textarea {
min-height: 160px;
resize: vertical;
}
.ct-form .gform_button {
background: #3d73ff !important;
color: #fff !important;
border: none !important;
border-radius: 14px !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
transition: 0.3s ease;
cursor: pointer;
box-shadow: 0 10px 24px rgba(61, 115, 255, 0.2);
}
.ct-form .gform_button:hover {
transform: translateY(-2px);
background: #295eff !important;
box-shadow: 0 14px 28px rgba(61, 115, 255, 0.28);
}
.ct-form .gform_required_legend {
font-size: 13px;
color: #6b7280;
margin-bottom: 24px;
}
.ct-form .gform-theme--foundation .gform_fields {
row-gap: 0 !important;
}
body .ct-form form#gform_1 .gform_footer input[type="submit"]#gform_submit_button_1,
body .ct-form form#gform_1 .gform_footer .gform_button {
width: 100%;
}
.ct-form .gfield_label {
font-size: 18px !important;
font-weight: 600;
line-height: 1.4;
} .tr-popup-widget {
display: flex;
justify-content: right;
}
.tr-popup-img {
cursor: pointer;
max-width: 100% !important;
height: 300px !important;
transition: 0.3s;
border: 2px solid #dcdcdc !important;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}
.tr-popup-img:hover {
transform: scale(1.02);
} .tr-popup-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 9999;
}
.tr-popup-overlay.active {
opacity: 1;
visibility: visible;
} .tr-popup-box {
position: relative;
max-width: 90%;
max-height: 90%;
}
.tr-popup-box img {
max-width: 100%;
max-height: 90vh;
border-radius: 10px;
} .tr-popup-close {
position: absolute;
top: -15px;
right: -15px;
width: 35px;
height: 35px;
background: #fff;
color: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
} body #footer-outer #footer-widgets .widget h4,
body #footer-outer h4 {
font-size: 24px;
color: #2a8cff !important;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 20px;
line-height: 1.4;
}
body #footer-outer .contact-box .text-content h3 {
font-size: 21px;
color: #ffffff;
font-weight: 600;
margin-bottom: 4px;
line-height: 1.4;
}
#footer-outer p,
#footer-outer li,
#footer-outer a,
#footer-outer #footer-widgets .widget a,
#footer-outer a:not(.nectar-button),
#footer-outer .contact-box .text-content p {
font-size: 18px;
color: #ffffff !important;
line-height: 1.6;
}
#footer-outer a:not(.nectar-button):hover,
#footer-outer #footer-widgets .widget a:hover {
color: #ff0000 !important;
}
.contact-box {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 5px;
}
.contact-item {
display: flex;
align-items: center;
gap: 15px;
}
body .icon-pink {
width: 50px;
height: 50px;
background-color: #007bff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff !important;
font-size: 20px;
flex-shrink: 0;
}
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):focus,
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover {
opacity: 1 !important;
}
#footer-outer #copyright a:hover,
#footer-outer #copyright a:focus {
color: #00aaff !important;
opacity: 1 !important;
}
#footer-outer .widget.widget_media_image img {
max-width: 250px !important;
}   .industries-section-cryop .row_col_wrap_12_inner {
justify-content: center;
}
.industries-section-cryop .number-1,
.industries-section-cryop .number-2,
.industries-section-cryop .number-3,
.industries-section-cryop .number-4 {
position: relative;
}
.industries-section-cryop .number-1::before,
.industries-section-cryop .number-2::before,
.industries-section-cryop .number-3::before,
.industries-section-cryop .number-4::before {
position: absolute;
right: 20px;
top: 46px;
transform: translateY(-50%);
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: #54daff;
font-size: 24px;
font-weight: 700;
}
.industries-section-cryop .number-1::before {
content: "01";
}
.industries-section-cryop .number-2::before {
content: "02";
}
.industries-section-cryop .number-3::before {
content: "03";
}
.industries-section-cryop .number-4::before {
content: "04";
} .ct-logo-slider .logo-slider-wrap {
width: 90%;
margin: auto;
}
.ct-logo-slider .logo-box {
width: 180px;
height: 150px;
border-radius: 22px;
gap: 18px;
border: 1px solid rgba(14, 76, 146, 0.08);
transition: all 0.35s ease;
position: relative;
overflow: hidden;
}
.ct-logo-slider .logo-box img {
max-height: 55px;
} .col-repair-left {
border: 2px solid #e5e8ef;
border-radius: 35px;
}
.col-repair-left .iwt-icon {
min-width: 60px;
height: 60px;
border-radius: 24px;
border: 1px solid #edf0f5;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: center;
}
.col-repair-left .iwt-icon img {
margin-bottom: 0;
}
.col-repair-left .iwt-text {
padding-left: 90px;
}
.col-repair-left .iwithtext {
position: relative;
}
.col-repair-left .iwithtext::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #e3e6ed4d;
}
.col-repair-left .iwithtext:last-child::after {
display: none;
}
.col-repair-left .iwithtext:last-child p {
margin-bottom: 0;
padding-bottom: 0;
}
.col-repair-left {
position: relative;
}
.col-repair-left::before {
content: "";
position: absolute;
top: 40px;
bottom: 40px;
left: 50%;
width: 1px;
background: #e3e6ed4d;
transform: translateX(-50%);
}
.inner-col-rpair-left {
position: relative;
}
.inner-col-rpair-left::before {
content: "THE SERVICES WE PROVIDE";
position: absolute;
top: -36px;
left: 53px;
background: #0d5cab;
color: #fff;
padding: 10px 21px;
border-radius: 20px;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.col-repair-right {
border-radius: 35px;
overflow: hidden;
}
.col-repair-right .img-with-animation {
border-radius: 20px;
}
.col-repair-right .iwithtext {
position: relative;
display: flex;
align-items: flex-start;
gap: 20px;
}
.col-repair-right .iwt-text {
padding-left: 90px;
}
.col-repair-right .iwt-icon {
min-width: 60px;
height: 60px;
border-radius: 24px;
border: 1px solid #edf0f5;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
margin-left: 20px;
margin-top: 20px;
}
.col-repair-right .iwt-icon img {
margin-bottom: 0;
}
.col-repair-right .iwithtext {
background: #0d5cab;
border-radius: 28px;
padding: 20px 20px 0 20px;
}
.col-repair-right .iwt-text h4 {
color: #ffff;
}
body .col-repair-right .iwt-text p {
color: #ffffff;
}
.col-repair-right {
position: relative;
}
.col-repair-right::before {
content: "";
position: absolute;
top: 163px;
left: 33px;
width: 221px;
height: 108px;
background: #ffffff;
border-radius: 28px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
z-index: 5;
}
.col-repair-right .wpb_wrapper::after {
content: "";
position: absolute;
top: 185px;
left: 41px;
width: 65px;
height: 65px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/practice.png) no-repeat center;
background-size: contain;
z-index: 6;
}
.col-repair-right .vc_column-inner::before {
content: "30+";
position: absolute;
top: 173px;
left: 116px;
color: #1858c9;
font-size: 36px;
font-weight: 800;
line-height: 1;
z-index: 6;
opacity: 0.85;
}
.col-repair-right .vc_column-inner::after {
content: "YEARS\A EXPERIENCE";
white-space: pre;
position: absolute;
top: 214px;
left: 120px;
color: #000000;
font-size: 17px;
font-weight: 700;
line-height: 1.2;
z-index: 6;
opacity: 0.8;
}
.features-repair {
position: relative;
}
.features-repair .vc_column-inner {
position: relative;
overflow: hidden;
border-radius: 30px;
min-height: 100%;
display: flex;
flex-direction: column;
border: 1px solid rgba(2, 94, 222, 0.12);
transition:
transform 0.28s ease,
box-shadow 0.28s ease;
}
.features-repair .vc_column-inner:hover {
transform: translateY(-4px);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1);
}
.features-repair .column-image-bg-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right,
rgba(255, 255, 255, 0.98) 0%,
rgba(255, 255, 255, 0.94) 40%,
rgba(255, 255, 255, 0.82) 68%,
rgba(255, 255, 255, 0.45) 100%);
z-index: 1;
transition: opacity 0.3s ease;
}
.features-repair .vc_column-inner:hover .column-image-bg-wrap::after {
opacity: 0.82;
}
.features-repair .column-image-bg-wrap {
position: absolute;
inset: 0;
z-index: 0;
transition: transform 0.6s ease;
}
.features-repair .vc_column-inner:hover .column-image-bg-wrap {
transform: scale(1.025);
}
.features-repair .wpb_wrapper {
padding: 35px 25px 30px 30px;
flex-direction: column;
}
.features-repair .iwithtext .iwt-text {
padding-left: 70px;
}
.features-repair .iwt-text h4 {
color: #025ede;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4px;
line-height: 1.4;
transition: color 0.25s ease;
}
.features-repair .iwt-icon {
width: 45px;
height: 45px;
flex: 0 0 45px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid #e8edf5;
border-radius: 14px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
background 0.25s ease;
}
.features-repair .vc_column-inner:hover .iwt-icon {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(2, 94, 222, 0.12);
background: #fff;
}
.features-repair .iwt-icon img {
width: 70%;
height: 70%;
object-fit: contain;
margin: 0;
transition: transform 0.25s ease;
}
.features-repair .vc_column-inner:hover .iwt-icon img {
transform: scale(1.04);
}
.features-repair .iwt-text p strong {
color: #025ede;
} .section-lifecycle .lifecycle-left,
.section-lifecycle .lifecycle-right {
background: rgba(255, 255, 255, 0.82);
backdrop-filter: blur(10px);
border: 1px solid #bfd5ff;
border-radius: 28px;
overflow: hidden;
position: relative;
box-shadow:
0 10px 40px rgba(20, 60, 140, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.section-lifecycle h3 {
font-size: 24px;
line-height: 1.05;
font-weight: 800;
letter-spacing: -1px;
color: #0a1b59;
margin-bottom: 24px;
}
.section-lifecycle li {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
.section-lifecycle ul li {
list-style: none !important;
}
.section-lifecycle li {
position: relative;
padding-left: 34px;
margin-bottom: 18px;
}
.section-lifecycle li::before {
content: "✔";
position: absolute;
left: 0;
top: 2px;
width: 22px;
height: 22px;
border-radius: 50%;
background: #1b4cff;
color: #fff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.section-lifecycle .lifecycle-left .iwt-text h4 {
line-height: 1.2;
font-weight: 700;
color: #0b2fdb;
}
.section-lifecycle .lifecycle-left .wpb_text_column {
padding-bottom: 20px;
}
.section-lifecycle .lifecycle-rigth>.vc_column-inner {
position: relative;
overflow: hidden;
border: 1px solid #bfd5ff;
border-radius: 20px;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(8px);
box-shadow: 0 6px 20px rgba(20, 60, 140, 0.06);
overflow: hidden;
}   .section-lifecycle .lifecycle-rigth h3 {
font-size: 24px;
line-height: 1.05;
font-weight: 800;
letter-spacing: -1px;
color: #0a1b59;
margin-bottom: 24px;
}
.section-lifecycle .lifecycle-rigth p {
color: #000;
padding-bottom: 0;
}
.section-lifecycle .lifecycle-rigth ul {
padding-left: 0;
margin: 20px 0 0;
}
.section-lifecycle .lifecycle-rigth ul li {
list-style: none !important;
} .section-lifecycle .lifecycle-rigth li {
position: relative;
padding-left: 34px;
margin-bottom: 18px;
font-size: 16px;
line-height: 1.8;
color: #000;
}
.section-lifecycle .lifecycle-rigth li::before {
content: "";
position: absolute;
left: 0px;
top: 4px;
width: 22px;
height: 22px;
background: #1b4cff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.14,12.94a7.43,7.43,0,0,0,.05-.94,7.43,7.43,0,0,0-.05-.94l2.11-1.65a.5.5,0,0,0,.12-.64l-2-3.46a.5.5,0,0,0-.6-.22l-2.49,1a7.28,7.28,0,0,0-1.63-.94l-.38-2.65A.5.5,0,0,0,13.78,2H10.22a.5.5,0,0,0-.49.42L9.35,5.07a7.28,7.28,0,0,0-1.63.94l-2.49-1a.5.5,0,0,0-.6.22l-2,3.46a.5.5,0,0,0,.12.64L4.86,11.06a7.43,7.43,0,0,0-.05.94,7.43,7.43,0,0,0,.05.94L2.75,14.59a.5.5,0,0,0-.12.64l2,3.46a.5.5,0,0,0,.6.22l2.49-1a7.28,7.28,0,0,0,1.63.94l.38,2.65a.5.5,0,0,0,.49.42h3.56a.5.5,0,0,0,.49-.42l.38-2.65a7.28,7.28,0,0,0,1.63-.94l2.49,1a.5.5,0,0,0,.6-.22l2-3.46a.5.5,0,0,0-.12-.64ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.section-lifecycle .wpb_content_element,
.section-lifecycle .wpb_row {
margin-bottom: 0;
}
.section-lifecycle .lifecycle-rigth .one-fourths {
width: 25%;
margin: 0 !important;
border-bottom: 1px solid #d9e5ff;
padding: 28px 16px;
text-align: center;
}
.section-lifecycle .lifecycle-rigth .one-fourths:nth-child(4n) {
border-right: 0;
}
.section-lifecycle .lifecycle-rigth .img-with-aniamtion-wrap {
margin-bottom: 18px;
}
.section-lifecycle .lifecycle-rigth .img-with-animation {
height: 56px;
object-fit: contain;
}
.section-lifecycle .lifecycle-rigth .one-fourths p {
font-size: 15px;
line-height: 1.5;
font-weight: 700;
color: #0a1b59;
margin-bottom: 0;
}
.lifecycle-rigth-bottom {
padding-top: 20px;
}
.lifecycle-rigth-bottom .vc_column_container {
position: relative;
}
.section-lifecycle .lifecycle-rigth-bottom .iwt-icon img {
width: 52px;
height: 52px;
object-fit: contain;
}
.col-content-left .vc_column-inner {
max-width: 80%;
}
.lifecycle-rigth-bottom .vc_col-sm-4 {
border-right: 1px solid #d9e5ff;
}
.lifecycle-rigth-bottom .vc_col-sm-4:last-child {
border-right: none;
}
.section-lifecycle .lifecycle-rigth-bottom .vc_column_container {
padding-left: 40px;
}
.section-lifecycle .lifecycle-rigth-bottom .iwt-text strong {
display: block;
color: #1b4cff;
font-size: 20px;
line-height: 1;
margin-bottom: 4px;
}
.section-lifecycle .lifecycle-rigth-bottom .iwt-text {
display: block;
color: #000000;
font-size: 16px;
}
.lifecycle-left-bottom {
background: #f7f9ff;
border-radius: 16px;
padding: 20px 10px;
border: 1px solid #bfd5ff;
} .lifecycle-left-bottom .iwt-icon {
width: 56px;
height: 56px;
margin: 0 auto 10px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.lifecycle-left-bottom .iwithtext {
padding-top: 18px;
padding-left: 20px;
} .lifecycle-left-bottom .iwt-icon img {
height: 40px;
margin-bottom: 0;
} .lifecycle-left-bottom .iwt-text {
color: #000000;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
.section-lifecycle .lifecycle-left {
position: relative;
overflow: hidden;
}
.section-lifecycle .lifecycle-left {
position: relative;
overflow: hidden;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/bg-section-lifecycle.png) no-repeat center;
background-size: cover;
}
.section-lifecycle .lifecycle-left::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(to right,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0.98) 30%,
rgba(255, 255, 255, 0.92) 55%,
rgba(255, 255, 255, 0.75) 75%,
rgba(255, 255, 255, 0.45) 90%,
rgba(255, 255, 255, 0.15) 97%,
rgba(255, 255, 255, 0.05) 100%);
}
.section-lifecycle .lifecycle-left .vc_column-inner {
position: relative;
z-index: 1;
}
.col-content-rigth::after {
content: "";
position: absolute;
right: -207px;
bottom: -564px;
width: 442px;
height: 439px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
transform: rotate(-8deg);
opacity: 0.3;
}
.section-lifecycle .lifecycle-left {
background-position: 40% center;
background-size: cover;
}  .section-lifecycle .lifecycle-left-bottom {
position: relative;
overflow: hidden;
}
.section-lifecycle .lifecycle-left-bottom::before {
content: "";
position: absolute;
right: 0;
bottom: 18px;
width: 127px;
height: 186px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cargo_pump-removebg-preview.png) no-repeat center;
background-size: contain;
opacity: 1;
z-index: 2;
pointer-events: none;
} .section-insulation.section-pump-system .col-psystem-rigth .hover-wrap-inner img {
height: 950px;
}
.section-pump-system .col-psystem-rigth .hover-wrap-inner img {
border-radius: 20px;
height: auto;
}
.section-pump-system.section-reapair .col-psystem-left .vc_column-inner::after {
bottom: -80px;
right: -40px;
left: auto;
width: 254px;
height: 216px;
}
.section-pump-system.section-reapair ul {
grid-template-columns: 1fr;
}
.section-pump-system.section-reapair ul li {
margin-bottom: 15px;
font-size: 18px;
}
.section-pump-system.section-reapair ul li::before {
top: 7px;
}
.section-pump-system h3 {
color: #0a1b59;
}
.section-pump-system .vc_column-inner {
background: #fff;
border: 1px solid #e5edf7;
border-radius: 24px;
padding: 42px 40px;
transition: all 0.35s ease;
box-shadow: 0 10px 30px rgba(16, 42, 67, 0.05);
position: relative;
overflow: hidden;
height: 100%;
} .section-pump-system .wpb_column:hover .vc_column-inner { box-shadow: 0 20px 50px rgba(16, 42, 67, 0.1);
border-color: #cfe0ff;
} .section-pump-system .vc_column-inner::before {
content: "";
position: absolute;
top: -140px;
right: -140px;
width: 320px;
height: 320px;
border-radius: 50%;
background: radial-gradient(circle at center,
rgba(59, 130, 246, 0.18) 0%,
rgba(96, 165, 250, 0.1) 28%,
rgba(147, 197, 253, 0.05) 52%,
transparent 75%);
filter: blur(8px);
pointer-events: none;
z-index: 0;
}
.section-pump-system .vc_column-inner>* {
position: relative;
z-index: 2;
}
.section-pump-system ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 28px;
} .section-pump-system ul li {
position: relative;
padding-left: 34px;
font-size: 18px;
line-height: 1.7;
color: #000000;
} .section-pump-system ul li::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #2563eb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.14,12.94a7.43,7.43,0,0,0,.05-.94,7.43,7.43,0,0,0-.05-.94l2.11-1.65a.5.5,0,0,0,.12-.64l-2-3.46a.5.5,0,0,0-.6-.22l-2.49,1a7.28,7.28,0,0,0-1.63-.94l-.38-2.65A.5.5,0,0,0,13.78,2H10.22a.5.5,0,0,0-.49.42L9.35,5.07a7.28,7.28,0,0,0-1.63.94l-2.49-1a.5.5,0,0,0-.6.22l-2,3.46a.5.5,0,0,0,.12.64L4.86,11.06a7.43,7.43,0,0,0-.05.94,7.43,7.43,0,0,0,.05.94L2.75,14.59a.5.5,0,0,0-.12.64l2,3.46a.5.5,0,0,0,.6.22l2.49-1a7.28,7.28,0,0,0,1.63.94l.38,2.65a.5.5,0,0,0,.49.42h3.56a.5.5,0,0,0,.49-.42l.38-2.65a7.28,7.28,0,0,0,1.63-.94l2.49,1a.5.5,0,0,0,.6-.22l2-3.46a.5.5,0,0,0-.12-.64ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z'/%3E%3C/svg%3E");
background-size: 11px;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 4px 10px rgba(37, 99, 235, 0.18);
}
.section-pump-system ul li {
list-style: none !important;
}
.section-pump-system .col-psystem-rigth .vc_column-inner::after {
content: "";
position: absolute;
left: -131px;
bottom: -267px;
width: 440px;
height: 442px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
transform: rotate(-8deg);
opacity: 0.3;
}
.col-psystem-rigth .vc_column-inner {
padding: 20px;
}
.col-psystem-rigth .hover-wrap-inner img {
border-radius: 20px;
height: 790px;
width: 100%;
object-fit: cover;
}
.section-pump-system .col-psystem-left .vc_column-inner::after {
content: "";
position: absolute;
bottom: -80px;
left: -80px;
width: 180px;
height: 180px;
opacity: 0.3;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_1-removebg-preview.png) no-repeat center;
background-size: contain;
pointer-events: none;
z-index: 0;
}
.section-lifecycle ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.col-content-left .vc_column-inner {
max-width: 75%;
}
.services-lifecycle .col-psystem-rigth .vc_column-inner::after {
content: "";
position: absolute;
left: -143px;
bottom: -267px;
width: 440px;
height: 442px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
background-size: contain;
transform: rotate(-8deg);
}
.services-lifecycle.none-pump-system.section-pump-system .row_col_wrap_12::before {
left: -140px;
} body .wpb_row.vc_row-fluid.rowno-style div.wpb_column.child_column {
padding: 20px;
border: none;
border-radius: 0;
background: #fff;
transition: none;
box-shadow: none;
}
body .wpb_row.vc_row-fluid.rowno-style div.wpb_column.child_column:hover {
transform: none;
box-shadow: none;
}
body .wpb_row.vc_row-fluid.rowno-style div.column-image-bg-wrap {
z-index: auto;
overflow: visible;
}
body .wpb_row.insulation-services .col-psystem-left .vc_column-inner::after {
content: "";
position: absolute;
bottom: 12px;
left: 80px;
width: 550px;
height: 226px;
opacity: 1;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_services.png) no-repeat center;
background-size: contain;
pointer-events: none;
z-index: 0;
} .none-pump-system.section-pump-system .vc_column-inner {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
transition: none;
box-shadow: none;
position: static;
overflow: visible;
height: auto;
}
.none-pump-system.section-pump-system .vc_column-inner::before {
display: none;
}
.none-pump-system.section-pump-system.section-reapair .col-psystem-left .vc_column-inner::after {
display: none;
}
.none-pump-system.section-pump-system .wpb_column:hover .vc_column-inner {
box-shadow: unset;
border-color: unset;
}
.none-pump-system.section-pump-system .row_col_wrap_12 {
background: #fff;
border: 1px solid #e5edf7;
border-radius: 24px;
padding: 42px 40px;
transition: all 0.35s ease;
box-shadow: 0 10px 30px rgba(16, 42, 67, 0.05);
position: relative;
overflow: hidden;
height: 100%;
} .none-pump-system.section-pump-system .wpb_column:hover .row_col_wrap_12 { box-shadow: 0 20px 50px rgba(16, 42, 67, 0.1);
border-color: #cfe0ff;
} .none-pump-system.section-pump-system .row_col_wrap_12::before {
content: "";
position: absolute;
top: -140px;
right: -140px;
width: 320px;
height: 320px;
border-radius: 50%;
background: radial-gradient(circle at center,
rgba(59, 130, 246, 0.18) 0%,
rgba(96, 165, 250, 0.1) 28%,
rgba(147, 197, 253, 0.05) 52%,
transparent 75%);
filter: blur(8px);
pointer-events: none;
z-index: 0;
}  .section-lifecycle .lifecycle-left.about-triseas-left {
background: none;
}
.section-lifecycle .col-content-left .vc_column-inner {
max-width: 100%;
}
.certifications.style-cryogenic .iwt-text {
padding-top: 0;
padding-left: 0;
}
.certifications .vc_column-inner,
.certifications .wpb_wrapper,
.certifications .inner_row,
.certifications .row_col_wrap_12_inner {
height: 100%;
}
.certifications.style-cryogenic::before {
display: none;
}
.certifications.style-cryogenic::before {
display: none;
}
.certifications .style-cryogenic-colr::before {
display: none;
}
.certifications.style-cryogenic .vc_row .vc_column_container .iwithtext .iwt-icon img:not([srcset]) {
width: 78px;
margin-bottom: 0;
}
.style-cryogenic .iwt-icon {
padding: 0px;
}
.certifications.style-cryogenic .vc_column-inner::before {
opacity: 0.6;
}
.certifications .iwithtext {
display: flex;
gap: 15px;
}
.certifications.style-cryogenic .iwithtext,
.style-cryogenic-colr .iwithtext {
margin-bottom: 20px;
}
.our-values .iwithtext {
margin-bottom: 20px;
} .section-memberships .col-memberships-left>.vc_column-inner,
.section-memberships .col-memberships-rigth>.vc_column-inner {
background: #fff;
border: 1px solid #e3ebf7;
border-radius: 24px;
transition: all 0.3s ease;
box-shadow: 0 10px 35px rgba(12, 38, 95, 0.06);
}
.section-memberships h2 a:hover {
color: #1c5cff;
}
.section-memberships .hover-wrap-inner img {
height: 200px;
object-fit: contain;
display: block;
margin: 0 auto;
transition: all 0.4s ease !important;
}
.section-memberships .hover-wrap-inner:hover img {
transform: translateY(-8px) !important;
}
.about-wwd .wpb_column {
flex: 1;
}
.about-trusted {
margin-top: 20px;
padding: 20px;
border-radius: 20px;
}
.about-trusted p {
padding-bottom: 0px;
} .our-values-top.certifications.style-cryogenic .vc_row .vc_column_container .iwithtext .iwt-icon img:not([srcset]) {
width: 60px;
margin-bottom: 0;
}
.our-values.certifications.style-cryogenic .iwithtext {
margin-bottom: 32px;
}
.our-values.certifications.style-cryogenic .iwt-text {
padding-top: 20px;
}
.style-cryogenic-left .style-cryogenic-coll .vc_column-inner::before {
display: none;
}
.col-top-rigth-our-values.style-cryogenic-colr::before {
content: "";
position: absolute;
bottom: 7px;
right: 4px;
width: 430px;
height: 178px;
pointer-events: none;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/LNG_marine_unit-removebg-preview.png) no-repeat center;
opacity: 0.8;
background-size: contain;
z-index: 3;
}
.our-values-top.style-cryogenic::before {
display: none;
}
.style-cryogenic .iwt-text {
padding-left: 0;
}
.our-values-top .style-cryogenic::before {
z-index: 99;
}
.our-values-bot .style-cryogenic-colr::before {
display: none;
}
.our-values .vc_column-inner,
.our-values .wpb_wrapper,
.our-values .inner_row,
.our-values .row_col_wrap_12_inner {
height: 100%;
}
.our-values .vc_column-inner,
.style-cryogenic-colr .vc_column-inner {
background: transparent;
}
.col-bot-rigth-our-values .vc_column-inner {
position: relative;
overflow: hidden;
}
.col-bot-rigth-our-values .vc_column-inner::before {
content: "";
position: absolute;
top: -64px;
right: -67px;
width: 220px;
height: 201px;
background: url(https://triseas.com/wp-content/themes/salient-child/inc/assets/cryogenic_parts_4-removebg-preview.png) no-repeat center;
background-size: contain;
pointer-events: none;
z-index: 1;
}
.section-oem {
position: relative;
background: #fff;
border-radius: 28px;
border: 1px solid rgba(2, 94, 222, 0.08);
box-shadow:
0 10px 30px rgba(15, 23, 42, 0.05),
0 2px 10px rgba(15, 23, 42, 0.04);
overflow: hidden;
}
.section-oem p {
max-width: 80%;
margin: auto;
margin-top: 20px;
}
.section-oem::after {
content: "";
position: absolute;
bottom: -150px;
left: -120px;
width: 350px;
height: 350px;
border-radius: 50%;
background: radial-gradient(circle,
rgba(56, 189, 248, 0.12) 0%,
rgba(56, 189, 248, 0.05) 50%,
transparent 75%);
filter: blur(50px);
pointer-events: none;
}
.bog-equipment .iwithtext:first-child {
padding-bottom: 40px;
}
.bog-compressor-st.custom-gap-row.vc_row-fluid > .span_12 {
justify-content: flex-start;
}
.insulation-img.col-psystem-rigth .hover-wrap-inner img {
height: 900px;
} .faq-style ul li {
font-size: 16px;
color: #000;
}
.faq-style .toggles {
max-width: 1000px;
margin: 0 auto;
} .faq-style .toggle {
background: #fff;
border: 1px solid rgba(2, 94, 222, 0.12);
border-radius: 16px;
margin-bottom: 16px;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
}
.faq-style .toggle:hover {
border-color: #025ede;
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(2, 94, 222, 0.12);
}
.faq-style div[data-style="default"] .toggle>.toggle-title a {
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #0a1b59;
padding: 30px 40px;
}
body .faq-style .toggle.open>.toggle-title a {
color: #fff;
} .faq-style .toggle.open {
border-color: #025ede;
}
.faq-style .toggle.open .toggle-heading {
background: #025ede;
font-weight: 600;
font-size: 20px;
}
.faq-style .toggle.open .toggle-heading i {
transform: rotate(180deg);
}
.faq-style .toggle[data-inner-wrap="true"]>div .inner-toggle-wrap {
padding-left: 30px;
}
.faq-style .toggle>.toggle-title a i {
color: #025ede;
top: 38px;
}
.faq-style .toggle.open>.toggle-title a i {
color: #fff;
} .single-case-studies .container.main-content {
max-width: 1400px;
}
.single-case-studies .blog-title {
padding: 80px 0 30px;
}
.single-case-studies .entry-title {
max-width: 900px;
margin: 0 auto;
text-align: center;
font-size: clamp(36px, 4vw, 64px);
line-height: 1.1;
font-weight: 700;
color: #0a1b59;
}
.single-case-studies article {
max-width: 1100px;
margin: 0 auto;
}
.single-case-studies .post-content {
background: #fff;
padding: 40px;
border-radius: 30px;
box-shadow:
0 10px 40px rgba(15, 23, 42, 0.06),
0 2px 12px rgba(15, 23, 42, 0.04);
}
.single-case-studies .post-featured-img {
display: block;
margin-bottom: 40px;
}
.single-case-studies .post-featured-img img {
width: 100%;
height: 650px;
object-fit: cover;
border-radius: 24px;
transition: 0.5s;
}
.single-case-studies .post-featured-img:hover img {
transform: scale(1.02);
}
.single-case-studies .content-inner {
max-width: 850px;
margin: 0 auto;
}
.single-case-studies .content-inner p {
font-size: 18px;
line-height: 1.9;
color: #4b5563;
}
.single-case-studies .content-inner strong {
color: #111827;
}
.single-case-studies .content-inner h2 {
font-size: 36px;
margin-bottom: 20px;
}
.single-case-studies .content-inner h3 {
font-size: 28px;
margin-bottom: 15px;
}
.single-case-studies .content-inner hr {
border: none;
height: 1px;
background: linear-gradient(to right, transparent, #d1d5db, transparent);
margin: 20px 0;
}
.single-case-studies .content-inner p:first-child {
font-size: 22px;
line-height: 1.8;
color: #111827;
}
.single-case-studies .blog_next_prev_buttons {
margin-top: 120px;
}
.single-case-studies .blog_next_prev_buttons .controls li {
overflow: hidden;
}
.single-case-studies .blog_next_prev_buttons .post-bg-img {
transition: all 0.6s ease;
}
.single-case-studies .blog_next_prev_buttons li:hover .post-bg-img {
transform: scale(1.08);
}
.single-case-studies .blog_next_prev_buttons h3 {
z-index: 10;
}
.single-case-studies .blog_next_prev_buttons .text {
font-size: 22px;
font-weight: 700;
}
.single-case-studies .blog_next_prev_buttons .post-bg-img:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.65));
}
.single-case-studies .content-inner {
position: relative;
}
.single-case-studies .container-wrap {
background: #f8fafc;
}
.single-case-studies .row.heading-title {
margin-bottom: 0;
} .testimonial-card {
background: #fff;
border: 1px solid #e8edf3;
border-radius: 16px;
padding: 35px;
height: 100%;
position: relative;
transition:
border-color 0.3s ease,
box-shadow 0.3s ease;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.testimonial-card:hover {
border-color: #025ede;
box-shadow: 0 8px 24px rgba(2, 94, 222, 0.08);
}
.testimonial-card::after {
content: "❝";
position: absolute;
top: 18px;
right: 25px;
font-size: 80px;
line-height: 1;
color: #025ede;
opacity: 0.12;
font-family: Georgia, serif;
pointer-events: none;
}
.testimonial-content {
font-size: 18px;
line-height: 1.9;
color: #1f2937;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eef2f7;
width: 88%;
position: relative;
z-index: 2;
}
.testimonial-author {
display: block;
}
.testimonial-name {
margin: 0 0 6px !important;
font-size: 22px;
font-weight: 700;
color: #025ede;
line-height: 1.3;
}
.testimonial-organization {
color: #64748b;
font-size: 15px;
line-height: 1.6;
}
.testimonial-swiper .swiper-pagination {
position: relative;
margin-top: 30px;
}
.testimonial-swiper .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #cbd5e1;
opacity: 1;
transition: all 0.3s ease;
}
.testimonial-swiper .swiper-pagination-bullet-active {
background: #025ede;
transform: scale(1.15);
}
.testimonial-slider-wrap .swiper-button-prev,
.testimonial-slider-wrap .swiper-button-next {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1px solid #e5e7eb;
background: #fff;
color: #025ede;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.testimonial-slider-wrap .swiper-button-prev:hover,
.testimonial-slider-wrap .swiper-button-next:hover {
background: #025ede;
border-color: #025ede;
color: #fff;
box-shadow: 0 8px 20px rgba(2, 94, 222, 0.15);
}
.testimonial-slider-wrap .swiper-button-prev:after,
.testimonial-slider-wrap .swiper-button-next:after {
font-size: 18px;
font-weight: 700;
}
.testimonial-slider-wrap .swiper-button-next {
right: -70px;
}
.testimonial-slider-wrap .swiper-button-prev {
left: -70px;
} .oem-trademark-notice .ts-hero-content {
max-width: 100%;
padding-top: 80px;
}  .single-hero {
position: relative;
padding: 80px 0 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.single-hero .overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(3, 34, 115, 0.95),
rgba(3, 34, 115, 0.75),
rgba(3, 34, 115, 0.35)
);
}
.single-hero h1 {
color: #fff;
font-size: 58px;
line-height: 1.2;
max-width: 900px;
margin: 0;
} .post-meta {
padding: 30px 0;
max-width: 1460px;
margin: auto;
}
.post-meta ul {
display: flex;
align-items: center;
gap: 45px;
padding: 0;
margin: 0;
list-style: none;
}
.post-meta li {
position: relative;
display: flex;
align-items: center;
gap: 10px;
font-size: 19px;
font-weight: 500;
line-height: 1.5;
color: #032273;
} .post-meta li i {
font-size: 16px;
color: #032273;
}
.post-meta li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: -23px;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background: #032273;
} .post-meta li:hover {
opacity: 0.8;
} .container-small img {
max-width: 1200px;
margin:auto;
}
.single-post-page .container
{
max-width: 1200px;
padding: 0;
}
.post-thumbnail img {
width: 100%;
display: block;
border-radius: 20px;
height: auto;
} .single-content h2 {
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
margin-top: 30px;
color: #0a1b59;
}
.single-content h3 {
font-size: 24px;
line-height: 27px;
margin-bottom: 20px;
margin-top: 20px;
color: #0a1b59;
}
.single-content p {
font-size: 18px;
line-height: 2;
padding-bottom: 0;
}
.single-content p a:hover{
color:#ff0000;
}
.single-content p strong {
color: #0a1b59;
}
.single-content ul {
margin-bottom: 30px;
}
.single-content li {
line-height: 2;
margin-bottom: 10px;
}
.single-content img {
max-width: 100%;
height: auto;
border-radius: 20px;
} .post-tags {
padding-bottom: 60px;
padding-top: 40px;
}
.post-tags h2 {
margin-bottom: 20px;
color: #0a1b59;
font-size: 24px;
} .tag-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.tag-list span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
border-radius: 50px;
background: #f3f6fb;
border: 1px solid #dbe4f3;
color: #025ede;
font-size: 14px;
font-weight: 600;
line-height: 1;
transition: all 0.3s ease;
}
.tag-list span:hover {
background: #025ede;
color: #fff;
}  .page-id-1829 .ts-hero {
padding: 28px 0 80px;
}
.featured-article {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
} .featured-image {
overflow: hidden;
border-radius: 12px;
}
.featured-image img {
margin-bottom: 0 !important;
}
.featured-image a {
display: block;
}
.featured-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.featured-image:hover img {
transform: scale(1.04);
} .featured-content {
padding-right: 20px;
} .article-meta {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.article-meta span {
position: relative;
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #032273;
}
.article-meta i {
font-size: 16px;
color: #032273;
} .featured-content h2 a {
font-size: 32px;
line-height: 27px;
color: #0a1b59;
transition: color 0.3s ease;
}
.featured-content h2 a:hover {
color: #1b5cff;
} .title-line {
width: 60px;
height: 3px;
background: #1b5cff;
margin: 20px 0;
} .featured-content p {
font-size: 16px;
line-height: 1.8;
} .read-more-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 28px;
background: #025ede;
color: #fff;
text-decoration: none;
border-radius: 5px;
font-size: 15px;
transition: all 0.3s ease;
}
.read-more-btn span {
transition: transform 0.3s ease;
}
.read-more-btn:hover {
background: #164ace;
color: #fff;
}
.read-more-btn:hover span {
transform: translateX(5px);
} .featured-articles-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
}
.featured-article {
padding-bottom: 40px;
border-bottom: 1px solid #e6ebf5;
}
.featured-article:last-child {
padding-bottom: 0;
border-bottom: none;
} .back-blog {
margin-bottom: 30px;
}
.back-blog a {
display: inline-flex;
align-items: center;
gap: 10px;
color: #fff;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.back-blog a i {
font-size: 16px;
transition: all 0.3s ease;
}
.back-blog a:hover {
color: #ff0000;
}
.back-blog a:hover i {
transform: translateX(-5px);
}