API 510 Pressure Vessel Inspector
.api510-page {
background: #070707;
color: #ffffff;
font-family: Arial, "Segoe UI", sans-serif;
line-height: 1.6;
overflow: hidden;
}
.api510-page * {
box-sizing: border-box;
}
.api510-wrap {
width: min(1180px, calc(100% - 36px));
margin: 0 auto;
}
.api510-section {
padding: 72px 0;
}
.api510-eyebrow {
display: inline-block;
padding: 7px 14px;
border-radius: 999px;
background: rgba(232, 160, 32, 0.12);
border: 1px solid rgba(232, 160, 32, 0.45);
color: #ffbd3d;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 18px;
}
.api510-page h1,
.api510-page h2,
.api510-page h3 {
color: #ffffff;
margin: 0 0 14px;
line-height: 1.08;
}
.api510-page h1 {
font-size: clamp(38px, 6vw, 76px);
max-width: 900px;
letter-spacing: -0.04em;
}
.api510-page h2 {
font-size: clamp(30px, 4vw, 52px);
letter-spacing: -0.03em;
}
.api510-page h3 {
font-size: 21px;
}
.api510-page p {
color: #d0d0d0;
font-size: 17px;
margin: 0 0 14px;
}
.api510-lead {
max-width: 780px;
color: #e5e5e5;
font-size: clamp(18px, 2vw, 22px);
}
.api510-btn-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 30px;
}
.api510-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 15px 28px;
border-radius: 999px;
background: #e8a020;
color: #050505 !important;
text-decoration: none !important;
font-weight: 950;
transition: 0.2s ease;
box-shadow: 0 14px 34px rgba(232, 160, 32, 0.26);
}
.api510-btn:hover {
background: #ffbd3d;
transform: translateY(-2px);
}
.api510-btn.secondary {
background: transparent;
color: #ffffff !important;
border: 1px solid rgba(255,255,255,0.25);
box-shadow: none;
}
.api510-btn.secondary:hover {
border-color: #e8a020;
color: #ffbd3d !important;
}
/* HERO */
.api510-hero {
position: relative;
min-height: 760px;
display: flex;
align-items: center;
overflow: hidden;
}
.api510-hero:before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.78) 45%, rgba(0,0,0,0.2) 100%),
linear-gradient(0deg, #070707 0%, rgba(7,7,7,0) 34%);
z-index: 1;
}
.api510-hero img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
z-index: 0;
}
.api510-hero-content {
position: relative;
z-index: 2;
padding: 110px 0;
}
.api510-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}
.api510-badge {
padding: 9px 13px;
border-radius: 999px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.17);
color: #ffffff;
font-size: 14px;
font-weight: 800;
}
/* SHARED */
.api510-panel {
background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025));
border: 1px solid rgba(255,255,255,0.14);
border-radius: 24px;
overflow: hidden;
}
.api510-center {
text-align: center;
max-width: 900px;
margin: 0 auto 38px;
}
.api510-center .api510-lead {
margin: 0 auto;
}
.api510-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.api510-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.api510-card {
background: #141414;
border: 1px solid rgba(255,255,255,0.13);
border-radius: 20px;
padding: 26px;
min-height: 100%;
transition: 0.2s ease;
}
.api510-card:hover {
transform: translateY(-4px);
border-color: rgba(232,160,32,0.55);
background: #1a1a1a;
}
.api510-icon {
width: 50px;
height: 50px;
display: grid;
place-items: center;
border-radius: 15px;
background: rgba(232,160,32,0.14);
color: #ffbd3d;
font-size: 27px;
margin-bottom: 16px;
}
.api510-card p {
color: #bdbdbd;
font-size: 16px;
}
/* GUARANTEE */
.api510-guarantee {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
}
.api510-gold-card {
background: linear-gradient(180deg, #ffbd3d, #e8a020);
color: #080808;
border-radius: 22px;
padding: 30px;
min-height: 100%;
}
.api510-gold-card h3,
.api510-gold-card p {
color: #080808;
}
.api510-gold-card h3 {
font-size: 24px;
}
/* STATS */
.api510-stat {
background: #151515;
border: 1px solid rgba(255,255,255,0.13);
border-radius: 20px;
padding: 30px 22px;
text-align: center;
}
.api510-stat strong {
display: block;
color: #ffbd3d;
font-size: clamp(42px, 5vw, 62px);
line-height: 1;
margin-bottom: 10px;
}
.api510-stat span {
display: block;
color: #ffffff;
font-weight: 900;
font-size: 18px;
margin-bottom: 5px;
}
.api510-stat p {
font-size: 15px;
color: #a9a9a9;
}
/* INCLUDED */
.api510-feature-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
}
.api510-feature {
background: #121212;
border: 1px solid rgba(255,255,255,0.13);
border-radius: 20px;
padding: 26px;
}
.api510-feature h3 {
color: #ffbd3d;
}
/* PRICE CTA */
.api510-pricing {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 28px;
align-items: stretch;
}
.api510-price-box {
background: linear-gradient(180deg, #ffbd3d, #e8a020);
color: #080808;
border-radius: 24px;
padding: 34px;
}
.api510-price-box .price {
font-size: clamp(64px, 8vw, 92px);
line-height: 1;
font-weight: 950;
color: #080808;
letter-spacing: -0.06em;
margin: 10px 0;
}
.api510-price-box h2,
.api510-price-box p {
color: #080808;
}
.api510-checklist {
list-style: none;
padding: 0;
margin: 0;
}
.api510-checklist li {
color: #e6e6e6;
padding: 10px 0 10px 34px;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.api510-checklist li:before {
content: "✓";
position: absolute;
left: 0;
color: #ffbd3d;
font-weight: 950;
}
.api510-final {
text-align: center;
background:
radial-gradient(circle at top, rgba(232,160,32,0.18), transparent 34rem),
#101010;
border: 1px solid rgba(255,255,255,0.13);
border-radius: 26px;
padding: clamp(34px, 6vw, 64px);
}
/* MOBILE */
@media (max-width: 980px) {
.api510-grid-4,
.api510-guarantee {
grid-template-columns: repeat(2, 1fr);
}
.api510-grid-3,
.api510-pricing,
.api510-feature-list {
grid-template-columns: 1fr;
}
.api510-hero:before {
background:
linear-gradient(90deg, rgba(0,0,0,0.94), rgba(0,0,0,0.68)),
linear-gradient(0deg, #070707 0%, rgba(7,7,7,0) 38%);
}
}
@media (max-width: 640px) {
.api510-wrap {
width: calc(100% - 28px);
}
.api510-section {
padding: 54px 0;
}
.api510-hero {
min-height: auto;
}
.api510-hero-content {
padding: 82px 0 68px;
}
.api510-hero img {
object-position: 68% center;
}
.api510-grid-4,
.api510-grid-3,
.api510-guarantee {
grid-template-columns: 1fr;
}
.api510-card,
.api510-gold-card,
.api510-feature,
.api510-price-box {
padding: 23px;
}
.api510-btn {
width: 100%;
}
.api510-badge {
width: 100%;
text-align: center;
}
.api510-btn-row {
align-items: stretch;
}
}
Online Course:
Our 60 hr. course is entirely online, allowing flexibility and accessibility. Everything needed to pass the API 510 exam is covered. Check out the video for more details.
In-Person Course:
Our 60 hr. course is conducted in person, providing a hands-on learning experience. Participants have access to the course
website before, during, and after the training. Interact directly with instructors and fellow learners, ask questions in real time, and engage with others! Check out the video for more details.
24 hr. money-back guarantee