/* =========================================================
INTERNSHIP PAGE: RESET + FONT
========================================================= */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
overflow-x: clip;
scroll-behavior: smooth;
}

body {
overflow-x: clip;
/*background: linear-gradient(360deg, #02253D 24.81%, #000000 63.04%);*/
background: linear-gradient(135deg, #000 0%, #03090c 50%, #02253d 100%) !important;

}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesqueRegular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesque-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesqueDEMO-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}

/* =========================================================
DESIGN TOKENS
========================================================= */

:root {
--internship-black: #000;
--internship-deep-navy: #001b2d;
--internship-navy: #02253d;
--internship-white: #fff;
--internship-cyan: #02bcdd;
--internship-green: #64eda8;
--internship-lime: #d0f88d;
--internship-border: rgba(2, 188, 221, 0.62);

--internship-gradient: linear-gradient(
90deg,
#02bcdd 0%,
#06d1e5 30%,
#64eda8 68%,
#d0f88d 100%
);

--internship-panel-gradient: linear-gradient(
135deg,
#000 0%,
#001b2d 52%,
#02253d 100%
);

--internship-card-shadow:
0 0 24px rgba(2, 188, 221, 0.18),
inset 0 0 24px rgba(2, 188, 221, 0.05);
--internship-radius: 54px;
}

/* =========================================================
PAGE BASICS
========================================================= */

.internship-page {
color: var(--internship-white);
font-family: "Galano", Arial, sans-serif;
font-weight: 500;
}

.internship-main {
position: relative;
z-index: 1;
}

.gradient-text {
background: var(--internship-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

[hidden] {
display: none !important;
}

#internship-after-start,
#internship-after-finish {
scroll-margin-top: 0;
}

#website-footer-placeholder {
/*background: var(--internship-navy);*/
}

/* =========================================================
SHARED DARK CARD STYLE
========================================================= */

.internship-feature-card,
.internship-process-card,
.internship-final-cta-card {
border: 1px solid var(--internship-border);
border-radius: var(--internship-radius);
background: var(--internship-panel-gradient);
box-shadow: var(--internship-card-shadow);
}

/* 2nd feature card */
@media (min-width: 768px) {
.internship-road-step-card:nth-child(4) .internship-feature-card {
    background: linear-gradient(
        90deg,
        #001b2d 0%,
        #02253d 52%,
        #000 100%
    );
}
}
/* =========================================================
SECTION 1: HERO
========================================================= */

.internship-hero-section {
height: 100vh;
display: grid;
place-items: center;
overflow: hidden;
}

.internship-hero-picture {
display: grid;
place-items: center;
width: 100%;
margin: 0 0 80px 0;
}

.internship-hero-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media (max-width: 768px) {
    .internship-hero-section {
        height: auto;
        min-height: 100vh;
    }

    .internship-hero-image {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* =========================================================
SECTION 2: BUILDING INTRO
========================================================= */

.internship-building-section {
position: relative;
/* background: #000; */
overflow: hidden;
}

.internship-building-desktop {
position: relative;
width: 100%;
}

.internship-building-part {
display: block;
width: 100%;
}

.internship-building-mobile {
display: none;
}

.internship-you-panel {
position: absolute;
top: 15%;
left: 50%;
z-index: 3;
width: min(330px, 18vw);
transform: translateX(-50%);
display: grid;
justify-items: center;
text-align: center;
}

.internship-you-panel h2 {
color: #fff;
font-size: clamp(28px, 2.4vw, 54px);
line-height: 1.16;
font-weight: 700;
}

.internship-you-panel img {
display: block;
width: min(260px, 14vw);
margin-top: 22px;
object-fit: contain;
}

/* =========================================================
SECTION 2: ROAD INTRO
========================================================= */

.internship-road-intro {
position: relative;
min-height: 185vh;
overflow: hidden;
}

.internship-road-perspective-image {
position: absolute;
inset: 0;
width: 100%;
height: 47%;
object-fit: cover;
object-position: center top;
}

.internship-road-copy {
position: absolute;
left: 50%;
z-index: 2;
width: min(1340px, 88vw);
transform: translateX(-50%);
text-align: center;
}

.internship-road-copy-top {
top: 7%;
}

.internship-road-copy-bottom {
top: 49%;
}

.internship-road-copy p {
color: #fff;
font-size: clamp(24px, 2.35vw, 48px);
line-height: 1.22;
}

.internship-road-copy h2 {
margin-top: 22px;
font-size: clamp(42px, 4.3vw, 82px);
line-height: 1.18;
}

.internship-road-copy-bottom p {
font-size: clamp(26px, 2.6vw, 52px);
line-height: 1.25;
margin-top: 50px;
}

.internship-degree-image {
position: absolute;
top: 36%;
left: 50%;
z-index: 2;
width: min(190px, 11vw);
transform: translateX(-50%) rotate(-32deg);
}

.internship-certificate-mobile-card {
display: none;
}

/* =========================================================
SECTION 3 + FINISH BOARD
========================================================= */

.internship-start-section,
.internship-finish-section {
position: relative;
min-height: 100vh;
display: grid;
place-items: center;
padding: 80px 20px;
overflow: hidden;
}

.internship-start-section {
margin-top: -55vh;
padding-top: 18vh;
}

.internship-board {
position: relative;
width: min(1050px, 64vw);
}

.internship-board picture,
.internship-board img {
display: block;
width: 100%;
}

.internship-board-title {
position: absolute;
left: 50.6%;
width: 50%;
transform: translateX(-50%);
text-align: center;
font-weight: 700;
line-height: 1.35;
}

.internship-start-board .internship-board-title {
top: 18%;
font-size: 38px;
}

@media(max-width: 768px){
    /* ==========================
START / FINISH BOARD
========================== */

.internship-board {
    width: min(390px, 94vw);
    position: relative;
}

.internship-board picture,
.internship-board img {
    width: 100%;
    display: block;
}

/* START BOARD */
.internship-start-board .internship-board-title {
    top: 20%;
    left: 50%;
    width: 72%;
    transform: translateX(-50%);
    font-size: clamp(20px, 6vw, 30px) !important;
    line-height: 1.2;
}

.internship-start-button {
    left: 50%;
    bottom: 11%;
    min-width: 58%;
    min-height: auto;
    padding: 12px 24px;
    font-size: clamp(28px, 9vw, 44px);
    transform: translateX(-50%);
}

/* FINISH BOARD */

.internship-finish-board .internship-board-title {
    top: 20%;
    left: 50%;
    width: 74%;
    transform: translateX(-50%);
    font-size: clamp(22px, 7vw, 34px);
    line-height: 1.2;
}

.internship-finish-button {
    left: 50%;
    bottom: 12%;
    min-width: 58%;
    min-height: auto;
    padding: 12px 24px;
    font-size: clamp(28px, 9vw, 44px);
    transform: translateX(-50%);
}

/* Remove desktop sizing */

.internship-start-button,
.internship-finish-button {
    box-sizing: border-box;
}

/* Prevent text overflow */

.internship-board-title br {
    display: block;
}
}

.internship-finish-board .internship-board-title {
top: 20%;
font-size: clamp(30px, 3vw, 62px);
}

.internship-journey-button {
position: absolute;
left: 50%;
display: inline-grid;
place-items: center;
transform: translateX(-50%);
border-radius: 999px;
background: #fff;
color: var(--internship-navy);
font-family: "Galano", Arial, sans-serif;
font-weight: 700;
line-height: 1;
text-decoration: none;
box-shadow: 0 12px 18px rgba(0, 0, 0, 0.2);
transition: transform 0.2s ease;
}

.internship-journey-button::before {
content: "";
position: absolute;
inset: -16px -26px;
z-index: -1;
border-radius: inherit;
background: rgba(0, 0, 0, 0.28);
filter: blur(18px);
opacity: 0.38;
animation: internshipButtonGlow 2.4s ease-in-out infinite;
}

.internship-journey-button:hover,
.internship-journey-button:focus-visible {
transform: translateX(-50%) scale(1.025);
}

.internship-start-button {
bottom: 8.8%;
min-width: 38%;
min-height: 16%;
padding: 18px 42px;
font-size: clamp(50px, 5.4vw, 96px);
}

.internship-finish-button {
bottom: 10%;
min-width: 38%;
min-height: 17%;
padding: 18px 42px;
font-size: clamp(48px, 5vw, 90px);
}

@keyframes internshipButtonGlow {
0%,
100% {
opacity: 0.22;
transform: scale(0.96);
filter: blur(14px);
}

50% {
opacity: 0.46;
transform: scale(1.08);
filter: blur(24px);
}
}

@media(max-width: 1024px){
    .internship-start-board .internship-board-title {
    top: 20%;
    font-size: clamp(20px, 4.5vw, 58px);
}
.internship-start-button, .internship-finish-button{
    bottom: 8%;
    min-height: 10%;
}

}

/* =========================================================
SECTION 4: JOURNEY
========================================================= */



.internship-road-step {
position: relative;
min-height: 112vh;
overflow: hidden;

}

.internship-road-step + .internship-road-step {
margin-top: 90px;
}

.internship-step-road {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
top: 2%;
}

.internship-flip-horizontal {
transform: scaleX(-1);
}

.internship-road-step-intro {
margin-top: 150px;
}

.internship-mr-doit {
position: absolute;
z-index: 3;
object-fit: contain;
}

.internship-mr-doit-hi {
left: 18%;
bottom: 40%;
width: min(300px, 18vw);
}

.internship-warning-sign {
position: absolute;
top: 0%;
left: 62%;
z-index: 4;
width: min(135px, 7.4vw);
}

.internship-callout {
position: absolute;
z-index: 2;
}

.internship-callout img {
display: block;
width: 100%;
}

.internship-callout-left {
top: -4%;
left: 33%;
width: min(530px, 29vw);
}

.internship-callout-copy {
position: absolute;
inset: 0;
display: grid;
place-content: center;
padding: 26px 40px 54px;
text-align: center;
}

.internship-callout-copy h2 {
font-size: clamp(38px, 3.3vw, 64px);
}

.internship-callout-copy p {
margin-top: 14px;
color: #fff;
font-size: 18px;
line-height: 1.12;
}

.internship-road-step-curious {
min-height: 112vh;
}

.internship-mr-doit-curious {
right: 14%;
bottom: 40%;
width: min(300px, 18vw);
}

.internship-callout-right {
top: -2%;
right: 30%;
width: min(500px, 29vw);
}

.internship-callout-right .internship-callout-copy p {
margin-top: 0;
font-size: 18px;
}

.internship-road-step-card {
min-height: 98vh;
display: grid;
place-items: center;
padding: 100px 20px;
}

.internship-feature-card {
position: relative;
z-index: 2;
width: min(1425px, 75vw);
min-height: 550px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 34px;
padding: 65px 70px;
overflow: hidden;
}

.internship-feature-card > img {
display: block;
width: min(90%, 500px);
max-height: 440px;
justify-self: center;
object-fit: contain;
}

/*.internship-feature-card-image-left{*/
/*    top: 15%;*/
/*}*/

.internship-feature-copy h2 {
display: grid;
gap: 10px;
color: #fff;
font-size: clamp(38px, 3.2vw, 62px);
line-height: 1.08;
}

.internship-feature-copy p {
margin-top: 62px;
color: #fff;
font-size: clamp(22px, 1.7vw, 34px);
line-height: 1.22;
}

.internship-feature-copy p + p {
margin-top: 28px;
}

.internship-finish-section {
margin-top: 100px;
}

.internship-finish-section .internship-step-road {
z-index: 0;
}

.internship-finish-board {
z-index: 2;
}

@media (max-width: 1024px) {

    .internship-road-step {
        min-height: 150vh;
    }
    
    .internship-mr-doit-hi {
        left: 6%;
        bottom: 34%;
        width: 240px;
    }

    .internship-warning-sign {
        top: 6%;
        left: 66%;
        width: 90px;
    }

    .internship-callout-left {
        top: 0%;
        left: 28%;
        width: 360px;
    }

    .internship-callout-copy {
        padding: 18px 28px 40px;
    }

    .internship-callout-copy h2 {
        font-size: 42px;
    }

    .internship-callout-copy p {
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    .internship-road-step {
        min-height: 80vh;
    }

    .internship-mr-doit-hi {
        left: 8%;
        bottom: 28%;
        width: 180px;
    }

    .internship-warning-sign {
        top: 8%;
        left: 68%;
        width: 70px;
    }

    .internship-callout-left {
        top: 3%;
        left: 24%;
        width: 280px;
    }

    .internship-callout-copy {
        padding: 14px 42px 28px;
    }

    .internship-callout-copy h2 {
        font-size: 32px;
    }

    .internship-callout-copy p {
        font-size: 14px;
    }
}

@media (max-width: 479px) {

    .internship-road-step {
        min-height: 65vh;
    }

    .internship-mr-doit-hi {
        left: 4%;
        bottom: 22%;
        width: 120px;
    }

    .internship-warning-sign {
        top: 10%;
        left: 72%;
        width: 50px;
    }

    .internship-callout-left {
        top: 5%;
        left: 18%;
        width: 200px;
    }

    .internship-callout-copy {
        padding: 10px 14px 18px;
    }

    .internship-callout-copy h2 {
        font-size: 22px;
    }

    .internship-callout-copy p {
        margin-top: 4px;
        font-size: 12px;
        line-height: 1.2;
    }
}

/* =========================================================
POST-JOURNEY CONTENT
========================================================= */


.internship-content-section {
display: grid;
place-items: center;
padding: 92px 20px;
}
.internship-eligibility-section {
min-height: 95vh;
}

.internship-eligibility-section .internship-feature-card {
min-height: 650px;
}

.internship-eligibility-section .internship-feature-copy p {
margin-top: 42px;
}

/* =========================================================
TESTIMONIALS
========================================================= */

.internship-testimonials-section {
min-height: 95vh;
padding: 78px 20px 100px;
overflow: hidden;
/* background: var(--internship-navy); */
}

.internship-section-heading {
text-align: center;
}

.internship-section-heading h2 {
color: #fff;
font-size: clamp(38px, 3.5vw, 68px);
line-height: 1.2;
}

.internship-section-heading p {
margin-top: 16px;
color: #fff;
font-size: clamp(30px, 2.7vw, 54px);
line-height: 1.2;
}

.internship-testimonial-slider {
width: min(1520px, 88vw);
margin: 140px auto 0;
padding: 26px 20px 58px;
overflow: hidden;
}

.internship-testimonial-track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 72px) / 3);
gap: 36px;
align-items: start;
transform: translateX(var(--testimonial-offset, 0));
transition: transform 0.65s ease;
}

.internship-testimonial-card {
min-width: 0;
overflow: visible;
border-radius: 22px;
background: transparent;
}

.internship-testimonial-thumb {
position: relative;
display: block;
width: 100%;
padding: 0;
border: 0;
border-radius: 22px;
background: transparent;
cursor: pointer;
overflow: visible;
box-shadow:
0 14px 22px rgba(0, 0, 0, 0.3),
0 4px 0 rgba(0, 14, 24, 0.5);
transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.internship-testimonial-thumb:hover,
.internship-testimonial-thumb:focus-visible {
transform: translateY(-5px);
box-shadow:
0 18px 28px rgba(0, 0, 0, 0.34),
0 5px 0 rgba(0, 14, 24, 0.54);
}

.internship-testimonial-thumb img {
display: block;
width: 100%;
height: auto;
border-radius: 22px;
object-fit: contain;
}

.internship-testimonial-thumb::before {
content: "";
position: absolute;
top: 48%;
left: 50%;
z-index: 2;
width: clamp(54px, 4.6vw, 82px);
height: clamp(54px, 4.6vw, 82px);
transform: translate(-50%, -50%);
border-radius: 50%;
background: var(--internship-gradient);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
pointer-events: none;
}

.internship-testimonial-thumb::after {
content: "";
position: absolute;
top: 48%;
left: 50%;
z-index: 3;
width: 0;
height: 0;
transform: translate(-38%, -50%);
border-top: clamp(12px, 1vw, 18px) solid transparent;
border-bottom: clamp(12px, 1vw, 18px) solid transparent;
border-left: clamp(18px, 1.4vw, 28px) solid #fff;
pointer-events: none;
}

.internship-slider-dots {
display: flex;
justify-content: center;
gap: 13px;
margin-top: 34px;
}

.internship-slider-dots button {
width: 18px;
height: 18px;
display: grid;
place-items: center;
border: 0;
background: transparent;
cursor: pointer;
}

.internship-slider-dots img {
display: block;
width: 100%;
height: 100%;
}

/* =========================================================
VIDEO LIGHTBOX
========================================================= */

.internship-video-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: grid;
place-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
}

.internship-video-modal.is-open {
opacity: 1;
visibility: visible;
}

.internship-video-modal .internship-modal-backdrop {
position: absolute;
inset: 0;
border: 0;
background: rgba(0, 0, 0, 0.88);
cursor: pointer;
}

.internship-video-lightbox {
position: relative;
z-index: 1;
width: 100vw;
height: 100vh;
display: grid;
place-items: center;
padding: 70px 7vw 34px;
}

.internship-video-count {
position: absolute;
top: 28px;
left: 24px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 22px;
line-height: 1;
}

.internship-video-actions {
position: absolute;
top: 22px;
right: 24px;
display: flex;
align-items: center;
gap: 24px;
}

.internship-video-actions button,
.internship-video-arrow {
border: 0;
background: transparent;
color: #fff;
cursor: pointer;
font-size: 30px;
line-height: 1;
}

.internship-video-frame {
position: relative;
width: min(1540px, 86vw);
background: #000;
}

.internship-video-title {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
max-width: min(780px, 56vw);
color: #fff;
font-family: "Galano", Arial, sans-serif;
font-size: clamp(22px, 1.8vw, 34px);
font-weight: 700;
line-height: 1.15;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
pointer-events: none;
}

.internship-video-frame video {
display: block;
width: 100%;
max-height: 82vh;
aspect-ratio: 16 / 9;
background: #000;
object-fit: contain;
}

.internship-video-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 42px;
}

.internship-video-arrow-prev {
left: 7vw;
}

.internship-video-arrow-next {
right: 7vw;
}

/* =========================================================
PROCESS
========================================================= */

.internship-process-section {
min-height: 95vh;
display: grid;
place-items: center;
padding: 80px 20px;
/* background: var(--internship-navy); */
}

.internship-process-card {
width: min(1425px, 75vw);
padding: 76px 64px 70px;
text-align: center;
}

.internship-process-card h2 {
display: flex;
justify-content: center;
gap: 14px;
color: #fff;
font-size: clamp(42px, 4vw, 76px);
line-height: 1.1;
}

.internship-process-card picture {
display: block;
margin-top: 52px;
}

.internship-process-card img {
display: block;
width: 100%;
}

@media (max-width: 768px) {

    .internship-process-card {
        width: 100%;
        padding: 40px 20px;
        width:(600px,3vw) ;
    }

    .internship-process-card picture {
        width: 100%;
        max-width: 420px;
        margin: 2px auto;
    }
}

/* =========================================================
FINAL CTA
========================================================= */

.internship-final-cta-section {
display: grid;
place-items: center;
padding: 76px 20px 110px;
/* background: var(--internship-navy); */
}

.internship-final-cta-card {
width: min(1425px, 75vw);
min-height: 610px;
display: grid;
place-items: center;
align-content: center;
padding: 60px 40px;
text-align: center;
}

.internship-final-cta-card h2 {
display: flex;
justify-content: center;
gap: 16px;
color: #fff;
font-size: clamp(42px, 4vw, 78px);
line-height: 1.1;
}

.internship-final-cta-card p {
margin-top: 70px;
color: #fff;
font-size: clamp(22px, 2vw, 38px);
line-height: 1.3;
}

.internship-final-cta-button {
min-width: 390px;
margin-top: 56px;
padding: 17px 48px 20px;
border-radius: 999px;
background: var(--internship-gradient);
color: var(--internship-navy);
font-size: clamp(28px, 2.5vw, 48px);
font-weight: 700;
line-height: 1;
text-decoration: none;
box-shadow:
0 9px 0 rgba(0, 0, 0, 0.22),
0 0 18px rgba(2, 188, 221, 0.2);
}

/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {
:root {
--internship-radius: 34px;
}


.internship-hero-section {
height: auto;
}

.internship-hero-image {
width: 100%;
height: auto;
transform: translateY(60px);
}

.internship-building-desktop {
display: none;
}

.internship-building-mobile {
display: block;
width: min(760px, 86vw);
margin: 64px auto 0;
}

.internship-you-panel {
top: 18%;
width: min(220px, 30vw);
}

.internship-you-panel h2 {
font-size: clamp(22px, 4vw, 38px);
}

.internship-you-panel img {
width: min(150px, 22vw);
margin-top: 14px;
}

.internship-road-intro {
min-height: 110vh;
}

.internship-road-copy-top {
top: 9%;
}

.internship-degree-image {
top: 38%;
width: min(130px, 15vw);
}

.internship-road-copy-bottom {
top: 68%;
}

.internship-start-section {
margin-top: -24vh;
padding-top: 10vh;
}

.internship-board {
width: min(720px, 78vw);
}

.internship-road-step {
min-height: 82vh;
}

.internship-road-step + .internship-road-step {
margin-top: 70px;
}

.internship-mr-doit-hi {
left: 11%;
width: min(250px, 33vw);
}

.internship-warning-sign {
left: 80%;
width: min(105px, 13vw);
}

.internship-callout-left {
left: 34%;
width: min(420px, 48vw);
transform: translate(10px, -34px);
}

.internship-mr-doit-curious {
right: 8%;
width: min(300px, 33vw);
}

.internship-callout-right {
right: 32%;
width: min(420px, 48vw);
}

.internship-feature-card,
.internship-process-card,
.internship-final-cta-card {
width: min(900px, 88vw);
}

.internship-feature-card {
min-height: 510px;
padding: 48px;
top: 10%;
}

.internship-testimonial-slider {
width: min(920px, 90vw);
padding-inline: 14px;
}

.internship-testimonial-track {
grid-auto-columns: calc((100% - 28px) / 2);
gap: 28px;
}

.internship-process-card img {
width: min(460px, 76vw);
margin: 0 auto;
}
}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 768px) {
:root {
--internship-radius: 24px;
}

.internship-building-mobile {
width: min(370px, 82vw);
margin-top: 52px;
}

.internship-you-panel {
top: 16%;
width: min(150px, 38vw);
}

.internship-you-panel h2 {
font-size: clamp(16px, 5vw, 24px);
}

.internship-you-panel img {
width: min(105px, 30vw);
margin-top: 10px;
}

.internship-road-intro {
min-height: auto;
padding: 20px 40px 20px;
}

.internship-road-perspective-image {
display: none;
}

.internship-road-copy,
.internship-degree-image {
position: static;
transform: none;
}

.internship-road-copy-top h2,
.internship-road-copy-bottom,
.internship-degree-image {
display: none;
}

.internship-road-copy-top p {
font-size: clamp(17px, 5vw, 22px);
}

.internship-certificate-mobile-card {
display: grid;
place-items: center;
width: min(370px, 92vw);
min-height: 410px;
margin: 20px auto 58px;
padding: 24px 20px;
border: 1px solid rgba(2, 188, 221, 0.62);
border-radius: 34px;
background: #000;
color: #fff;
text-align: center;
}

.internship-certificate-mobile-card > p:first-child {
font-size: 20px;
}

.internship-certificate-mobile-card h2 {
font-size: 36px;
}

.internship-certificate-mobile-card p {
max-width: 230px;
font-size: 17px;
line-height: 1.14;
}

.internship-certificate-mobile-degree {
width: 70px;
transform: rotate(-32deg);
}

.internship-certificate-mobile-card h3 {
font-size: 22px;
}

.internship-start-section,
.internship-finish-section {
min-height: auto;
padding: 60px 12px;
margin-top: 0;
}

.internship-board {
width: min(390px, 94vw);
position: relative;
}

.internship-start-board .title {
font-size: clamp(20px, 6vw, 30px);
}

.internship-finish-board .internship-board-title {
font-size: clamp(22px, 7vw, 34px);
top: 24%;
}

.internship-start-button,
.internship-finish-button {
padding: 6px 6px;
font-size: clamp(30px, 5vw, 46px);
bottom: 5%;
}

.internship-step-road {
display: none;
}

.internship-road-step {
min-height: 430px;
}

.internship-road-step + .internship-road-step {
margin-top: 42px;
}

.internship-road-step-intro {
margin-top: 42px;
}

.internship-mr-doit-hi {
left: 3%;
bottom: 8%;
width: min(200px, 48vw);
}

.internship-warning-sign {
top: 7%;
right: 5%;
left: auto;
width: min(76px, 19vw);
}

.internship-callout-left {
top: 3%;
right: 22%;
left: auto;
width: min(260px, 65vw);
}

.internship-mr-doit-curious {
right: 3%;
bottom: 6%;
width: min(200px, 47vw);
}

.internship-callout-right {
top: 4%;
left: 15%;
right: auto;
width: min(250px, 64vw);
}

.internship-callout-copy {
padding: 18px 24px 36px;
}

.internship-callout-copy h2 {
font-size: clamp(16px, 1vw, 30px);
}

.internship-callout-copy p {
margin-top: 8px;
font-size: 14px;
}

.internship-road-step-card {
min-height: auto;
padding: 42px 14px;
}

.internship-feature-card {
width: min(420px, 92vw);
min-height: auto;
grid-template-columns: 1fr;
gap: 24px;
padding: 30px 24px 34px;
border-radius: 24px;
text-align: center;
top: 4%;
}

.internship-feature-card-image-right > img {
order: -1;
}

.internship-feature-card > img {
width: min(260px, 80%);
max-height: 230px;
}

.internship-feature-copy h2 {
font-size: clamp(27px, 8vw, 38px);
}

.internship-feature-copy p {
margin-top: 24px;
font-size: clamp(16px, 4.5vw, 20px);
}

.internship-content-section,
.internship-process-section,
.internship-final-cta-section {
padding-left: 14px;
padding-right: 14px;
}

.internship-testimonial-slider {
width: min(410px, 92vw);
margin-top: 62px;
padding: 18px 12px 46px;
}

.internship-testimonial-track {
grid-auto-columns: 100%;
gap: 20px;
}

.internship-video-lightbox {
padding: 64px 14px 28px;
}

.internship-video-frame {
width: 100%;
}

.internship-video-count {
top: 22px;
left: 16px;
font-size: 18px;
}

.internship-video-actions {
top: 18px;
right: 16px;
gap: 18px;
}

.internship-video-actions button {
font-size: 24px;
}

.internship-video-title {
top: 14px;
left: 14px;
max-width: 72vw;
font-size: 18px;
}

.internship-video-arrow {
display: none;
}

.internship-final-cta-card {
width: min(420px, 92vw);
border-radius: 24px;
}

.internship-process-card h2,
.internship-final-cta-card h2 {
display: grid;
gap: 4px;
}

.internship-final-cta-card {
min-height: 390px;
padding: 34px 20px;
}

.internship-final-cta-card p br {
display: none;
}

.internship-final-cta-button {
min-width: 220px;
}
}

/* =========================================================
REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}

.internship-journey-button {
    -webkit-animation: glowing 1s ease-in-out infinite alternate !important;
    -moz-animation: glowing 1s ease-in-out infinite alternate !important;
    animation: glowing 1s ease-in-out infinite alternate !important;
    border-radius: 100px !important;
    overflow: hidden !important;
}

@-webkit-keyframes glowing {
    from {
        box-shadow: 0 0 8px rgba(2, 37, 61, 0.4);
    }
    to {
        box-shadow: 0 0 24px rgba(2, 37, 61, 0.9);
    }
}

@-moz-keyframes glowing {
    from {
        box-shadow: 0 0 8px rgba(2, 37, 61, 0.4);
    }
    to {
        box-shadow: 0 0 24px rgba(2, 37, 61, 0.9);
    }
}

@keyframes glowing {
    from {
        box-shadow:
            0 0 8px rgba(2, 37, 61, 0.4),
            0 0 16px rgba(2, 37, 61, 0.3);
    }
    to {
        box-shadow:
            0 0 24px rgba(2, 37, 61, 0.9),
            0 0 48px rgba(2, 37, 61, 0.6);
    }
}




@media (max-width: 768px) {
    .internship-certificate-mobile-card {
        position: relative;
        border: double 1px transparent;
        border-radius: 50px;
        background-image:
        linear-gradient(90deg, black, black 100%),
        linear-gradient(90deg, #01758a -50%, transparent 50%, #01758a 150%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        padding: 1px;
    }
    
     .internship-certificate-mobile-card {
        position: relative;
        margin-top: 100px;
        margin-bottom: 0px;
    }

    .internship-certificate-mobile-card > .gradient-text:first-child {
        position: absolute;
        top: -90px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        font-size: 2rem;
        z-index: 2;
        font-weight: 700;
    }

    .internship-certificate-mobile-card > h2 {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        font-size: 48px;
        line-height: 1;
        z-index: 2;
    }
}

@media (max-width: 768px) {
    .internship-feature-card {
        background: linear-gradient(
            180deg,
            #02253d 0%,
            #001b2d 52%,
            #000 100%
        );
    }
    .internship-callout-right .internship-callout-copy p {
    margin-top: 0;
    font-size: 14px;
}

.internship-slider-dots img {
    width: 45%;
    height: 45%;
}

.internship-process-card,
.internship-final-cta-card{
    border: 1px solid var(--internship-border);
    border-radius: var(--internship-radius);
    background: linear-gradient(90deg, #000 0%, #001b2d 25%, #02253d 50%, #001b2d 75%, #000 100%);
    box-shadow: var(--internship-card-shadow);
}
}