/* =========================================================
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(
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%
);

--big-card-surface: linear-gradient(90deg, #010203 0%, #011321 16%, #022035 50%, #011321 84%, #010203 100%);
--projects-card-surface: linear-gradient(90deg, #010203 0%, #011321 42%, #022035 100%);
--boundaries-card-surface: linear-gradient(90deg, #022035 0%, #011321 58%, #010203 100%);
--perks-card-surface: linear-gradient(90deg, #010203 0%, #011321 42%, #022035 100%);
--slider-pill-surface: linear-gradient(#011727, #011727);
--big-card-border-gradient: linear-gradient(89.79deg, #04c7e1 -10.66%, #000000 50.25%, #06d1e5 110.31%);
--smoke-stack-gradient: var(--big-card-surface), var(--big-card-border-gradient);
--smoke-stack-gradient-left-to-right: var(--big-card-surface), var(--big-card-border-gradient);
--smoke-stack-gradient-right-to-left: var(--big-card-surface), var(--big-card-border-gradient);

--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;
}
/* =========================================================
SHARED DARK CARD STYLE
========================================================= */

.internship-feature-card,
.internship-process-card,
.internship-final-cta-card {
border: 1.5px solid transparent;
border-radius: 50px;
background-image: var(--smoke-stack-gradient-left-to-right);
background-origin: border-box;
background-clip: padding-box, border-box;
box-shadow: var(--internship-card-shadow);
}

/* 2nd feature card */
@media (min-width: 768px) {
.internship-road-step-card:nth-child(4) .internship-feature-card {
background-image: var(--smoke-stack-gradient-left-to-right);
}
}

@media (min-width: 768px) {
.internship-feature-card,
.internship-process-card,
.internship-final-cta-card {
border: 1.5px solid transparent;
border-radius: 50px;
background-image: var(--smoke-stack-gradient-left-to-right);
background-origin: border-box;
background-clip: padding-box, border-box;
}

.internship-road-step-card:nth-child(4) .internship-feature-card {
background-image: var(--smoke-stack-gradient-left-to-right);
}

.internship-projects-mobile-bg ~ .internship-feature-card {
background-image: var(--projects-card-surface), var(--big-card-border-gradient);
}

.internship-boundaries-mobile-bg ~ .internship-feature-card {
background-image: var(--boundaries-card-surface), var(--big-card-border-gradient);
}

.internship-feature-card-mobile-bg ~ .internship-feature-card {
background-image: var(--perks-card-surface), var(--big-card-border-gradient);
}

}
/* =========================================================
SECTION 1: HERO
========================================================= */

.internship-hero-section {
height: auto;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: clamp(20px, 4vw, 40px) 0 clamp(32px, 5vw, 72px);
}

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

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

.internship-hero-content {
width: min(92%, 1120px);
margin: clamp(18px, 2.6vw, 34px) auto 0;
padding: 0 clamp(16px, 4vw, 40px);
font-family: "Galano", Arial, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1.28;
text-align: center;
color: var(--internship-white);
}

.internship-hero-content p {
margin: 0;
}

.internship-hero-content p + p {
margin-top: 8px;
}

@media (max-width: 767px) {
.internship-hero-section {
height: auto;
min-height: 100vh;
}

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

.internship-hero-content {
font-size: clamp(18px, 5.2vw, 24px);
line-height: 1.35;
margin-top: clamp(54px, calc(9vw + 20px), 66px);
padding: 0 18px;
}
}

/* =========================================================
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: 14%;
left: 50%;
z-index: 3;
width: min(330px, 18vw);
transform: translateX(-50%);
display: grid;
justify-items: center;
text-align: center;
min-height: clamp(250px, 24vw, 430px);
}

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

.internship-you-panel img {
display: block;
position: absolute;
top: clamp(142px, 10.8vw, 238px);
width: min(260px, 14vw);
margin-top: 0;
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%;
width: 70%;
}

.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;
max-width: 60%;
transform: translateX(33%);
}

.internship-road-copy-bottom p {
font-size: clamp(26px, 2.6vw, 52px);
line-height: 1.25;
margin-top: 50px;
max-width: 55%;
transform: translateX(36%);
font-weight: 500;
}

.internship-degree-image {
position: absolute;
top: 36%;
left: 45%;
z-index: 2;
width: min(190px, 11vw);
}

.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: 35%;
transform: translateX(-50%);
text-align: center;
font-weight: 700;
line-height: 1.35;
}

.internship-board-title-line {
margin: 0;
font: inherit;
line-height: inherit;
}

.internship-board-title-white {
color: #fff;
}

.internship-start-board .internship-board-title {
top: 18%;
font-size: clamp(22px, 2.4vw, 36px);
}
.internship-start-mobile-bg {
display: none;
}
.internship-curious-mobile-bg {
display: none;
}

@media(min-width:1025px){
.internship-board img {
width: 102%;
transform: translate(-1%, 1%);
}
}

@media (max-width: 767px) {
/* ==========================
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-start-section {
position: relative;
overflow: hidden;
}

.internship-start-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

.internship-board {
position: relative;
z-index: 2;
}
}


@media (min-width: 360px) and (max-width: 389px) {
.internship-callout-left {
top: 34%;
left: 18%;
width: 200px;
}
}

@media (min-width: 390px) and (max-width: 479px) {
.internship-callout-left {
top: 40%;
left: 18%;
width: 200px;
}
}


.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(26px, 5.4vw, 66px);
}
.internship-start-button,
.internship-finish-button {
bottom: 8%;
min-height: 10%;
}
}

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

.internship-road-step {
position: relative;
min-height: 125vh;
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: 8%;
}

.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: 8%;
left: 62%;
z-index: 4;
width: min(150px, 8vw);
}

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

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

.internship-callout-left {
top: -4%;
left: 32%;
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: 20px;
line-height: 1.12;
font-weight: 400;
}

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

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

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

.internship-callout-right .internship-callout-copy p {
margin-top: 0;
font-size: 22px;
line-height: 1.6;
font-weight: 400;
}

.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.8;
text-align: left;
}

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

@media (min-width: 768px) {
.internship-boundaries-mobile-bg ~ .internship-feature-card .internship-feature-copy h2 {
justify-items: end;
text-align: right;
}

.internship-boundaries-mobile-bg ~ .internship-feature-card .internship-feature-copy p {
text-align: right;
}
}

.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: 767px) {
.internship-road-step {
min-height: 90vh;
}

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

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

.internship-callout-left {
top: 18%;
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: 10%;
/* width: 120px; */
width: min(200px, 46vw);
}

.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: 190px 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.1vw, 54px);
line-height: 1.2;
}

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

.internship-testimonial-track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 48px) / 3);
gap: 24px;
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-frame video {
max-height: 82vh;
aspect-ratio: 16/9;
object-fit: contain;
}

.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%);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}

.internship-video-arrow-prev {
left: 25px;
}

.internship-video-arrow-next {
right: 25px;
}

/* =========================================================
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: 767px) {
.internship-process-card {
width: 100%;
padding: 40px 20px;
width: (600px, 3vw);
}

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

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

@property --internship-cta-border-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}

.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: 65px 40px 60px;
text-align: center;
gap: 0;
}

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

.internship-final-cta-card p {
margin: 0 auto;
max-width: 980px;
color: #fff;
font-family: "Galano", Arial, sans-serif;
font-weight: 500;
font-size: clamp(22px, 2.2vw, 36px);
line-height: 1.32;
}

.internship-final-cta-card p + p {
margin-top: 20px;
}

.internship-final-cta-button {
--cta-bg: #02253d;
isolation: isolate;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
min-width: clamp(280px, 24vw, 420px);
min-height: 64px;
margin-top: clamp(76px, 7vw, 116px);
padding: clamp(16px, 1.3vw, 22px) clamp(46px, 5vw, 84px);
border: 1px solid transparent;
border-radius: 999px;
background:
linear-gradient(var(--cta-bg), var(--cta-bg)) padding-box,
conic-gradient(
from var(--internship-cta-border-angle),
transparent 0deg,
#02bcdd 42deg,
#06d1e5 72deg,
#64eda8 112deg,
#d0f88d 145deg,
transparent 190deg,
transparent 360deg
) border-box;
color: #fff;
font-family: "Galano", Arial, sans-serif;
font-weight: 700;
font-size: clamp(22px, 2.05vw, 34px);
line-height: 1;
text-decoration: none;
box-shadow: none;
cursor: pointer;
animation: internshipCtaBorderFlow 3s linear infinite;
transition: color 0.32s ease, transform 0.28s ease, box-shadow 0.28s ease;
}

.internship-final-cta-button span {
position: relative;
z-index: 2;
}

.internship-final-cta-button::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
background: var(--internship-gradient);
transform: translateY(105%);
transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1);
pointer-events: none;
}

.internship-final-cta-button:hover,
.internship-final-cta-button:focus-visible {
background:
linear-gradient(var(--cta-bg), var(--cta-bg)) padding-box,
linear-gradient(transparent, transparent) border-box;
color: var(--internship-navy);
transform: translateY(-2px);
box-shadow:
inset 0 0 0 1px rgba(6, 209, 229, 0.18),
0 0 36px rgba(2, 188, 221, 0.3),
0 0 70px rgba(208, 248, 141, 0.12);
}

.internship-final-cta-button:hover::before,
.internship-final-cta-button:focus-visible::before {
transform: translateY(0);
}

.internship-final-cta-button:active {
transform: translateY(1px);
}

@keyframes internshipCtaBorderFlow {
to {
--internship-cta-border-angle: 360deg;
}
}

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

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

.internship-final-cta-button {
min-width: 0;
width: min(270px, 64vw);
border-width: 1.6px;
box-shadow:
inset 0 0 0 1px rgba(6, 209, 229, 0.55),
0 0 18px rgba(2, 188, 221, 0.18);
}

.internship-final-cta-card h2 {
display: grid;
justify-items: center;
gap: 8px;
font-size: clamp(34px, 5.2vw, 46px);
}

.internship-final-cta-card h2 span {
white-space: nowrap;
}

.internship-hero-section {
height: auto !important;
padding-top: clamp(20px, 4vw, 40px) !important;
}

.internship-hero-picture {
margin-top: clamp(20px, 4vw, 40px) !important;
}

.internship-hero-image {
width: 100%;
height: auto;
transform: none;
}

.internship-hero-content {
font-size: clamp(30px, 4vw, 36px);
line-height: 1.32;
margin-top: clamp(58px, 8vw, 86px);
}

.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);
min-height: 260px;
transform: translate(-50%, -15px);
}

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

.internship-you-panel img {
top: clamp(168px, 18.5vw, 200px);
width: min(150px, 22vw);
}

.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(488px, 56vw);
}

.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);
margin-top: 34px;
padding-inline: 14px;
}

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

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

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.internship-start-section {
margin-top: -6vh;
padding-top: 16vh;
}
}

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

@media (max-width: 767px) {
:root {
--internship-radius: 24px;
--mobile-big-card-surface: linear-gradient(180deg, #02253d 0%, #011321 52%, #010203 100%);
}

.internship-hero-content {
font-size: clamp(18px, 5.2vw, 24px);
line-height: 1.35;
margin-top: clamp(54px, calc(9vw + 20px), 66px);
padding: 0 18px;
}

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

.internship-you-panel {
top: 20%;
width: min(150px, 38vw);
min-height: auto;
transform: translate(-50%, -25px);
}

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

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

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

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

.internship-road-copy {
position: static;
left: auto;
width: min(92%, 500px);
margin: 0 auto;
transform: none;
}

.internship-degree-image {
position: static;
display: block;
margin: 20px auto;
transform: none;
}

.internship-road-copy-top h2,
.internship-road-copy-bottom p {
max-width: 100%;
transform: none;
}

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

.internship-certificate-mobile-card {
display: none;
place-items: center;
width: min(370px, 92vw);
min-height: 100vh;
margin: 20px auto 58px;
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: 30px;
width: 70%;
}

.internship-start-section,
.internship-finish-section {
min-height: 70vh;
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-start-button {
bottom: calc(5% + 2px);
}

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

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

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

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

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

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

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

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

.internship-callout-right {
top: 20%;
left: 15%;
right: auto;
width: min(285px, 76vw);
}

.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, 90vw);
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);
text-align: center;
}

.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: 28px;
padding: 8px 12px 46px;
}

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

.internship-video-lightbox {
width: 100vw;
height: 100vh;
padding: 70px 20px 34px;
display: grid;
place-items: center;
}
.internship-video-frame video {
width: 100%;
max-width: 420px;
max-height: 75vh;
margin: auto;
display: block;
}

.internship-video-frame {
width: min(1540px, 86vw);
max-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: 20px;
left: 20px;
max-width: 65%;
font-size: 10px;
}

.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: 430px;
padding: 34px 20px;
}

.internship-final-cta-card h2 {
margin-bottom: clamp(44px, 12vw, 62px);
font-size: clamp(25px, 7vw, 34px);
}

.internship-final-cta-card p {
max-width: 250px;
font-size: clamp(17px, 4.8vw, 21px);
line-height: 1.28;
}

.internship-final-cta-card p + p {
margin-top: 12px;
}

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

.internship-final-cta-button {
width: min(300px, 76vw);
max-width: none;
min-width: 0;
margin-top: clamp(54px, 15vw, 76px);
padding: 13px 18px 15px;
border-width: 2px;
font-size: clamp(17px, 5vw, 21px);
box-shadow: 0 0 18px rgba(2, 188, 221, 0.18);
}
}
@media (max-width: 767px) {
.internship-video-arrow {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
z-index: 10000;
}

.internship-video-arrow-prev {
left: 10px;
}

.internship-video-arrow-next {
right: 10px;
}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.internship-video-actions {
top: 30%;
right: calc(50% - 340px); 
z-index: 10000;
}
}

/* Mobile */
@media (max-width: 767px) {
.internship-video-actions {
top: 38%;
right: calc(50% - 150px); 
z-index: 10000;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.internship-video-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
z-index: 10000;
}

.internship-video-arrow-prev {
left: 20px;
}

.internship-video-arrow-next {
right: 20px;
}
}
/* =========================================================
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: 767px) {
.internship-certificate-mobile-card {
position: relative;
border: double 1px transparent;
border-radius: 50px;
background-origin: border-box;
background-clip: content-box, border-box;
padding: 1px;
}
.internship-certificate-mobile-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.certificate-title {
z-index: 2;
position: absolute;
top: 19%;
font-size: 30px !important;
}
.internship-certificate-inner {
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%);
width: 86%;
height: 58vh;
border: 1px solid #02bcdd;
border-radius: 35px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
z-index: 2;
}
.internship-certificate-mobile-card {
position: relative;
}

.internship-certificate-mobile-card {
position: relative;
margin-top: 0;
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: 27%;
left: 50%;
transform: translateX(-50%);
margin: 0;
font-size: 48px;
line-height: 1;
z-index: 2;
}
}

@media (max-width: 767px) {
.internship-feature-card {
background-image: var(--mobile-big-card-surface), var(--big-card-border-gradient);
background-origin: border-box;
background-clip: padding-box, border-box;
}
.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-radius: var(--internship-radius);
background-image: var(--mobile-big-card-surface), var(--big-card-border-gradient);
background-origin: border-box;
background-clip: padding-box, border-box;
box-shadow: var(--internship-card-shadow);
}
}

/* increased slider dots for mobile view only*/
@media (max-width: 767px) {
.internship-slider-dots button {
width: 30px;
height: 30px;
}

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

.internship-certificate-mobile-degree {
transform: none;
}

.internship-certificate-mobile-card {
width: min(410px, 92vw);
}

.internship-certificate-inner {
top: 30%;
width: 86%;
height: 60vh;
border: 1px solid rgba(2, 188, 221, 0.92);
border-radius: 40px;
box-shadow: 0 0 20px rgba(2, 188, 221, 0.16);
justify-content: center;
gap: clamp(26px, 7vw, 38px);
padding: clamp(28px, 7vw, 42px) 18px;
}

.internship-certificate-mobile-card > .gradient-text:first-child {
top: -62px;
font-size: 34px;
line-height: 1.08;
}

.internship-certificate-mobile-card > h2 {
top: calc(30% - 60px);
font-size: 52px;
line-height: 0.95;
z-index: 3;
padding: 0 10px;
background: #000;
}

.internship-certificate-inner > p {
max-width: 280px;
font-size: clamp(18px, 5.2vw, 24px);
line-height: 1.28;
}

.internship-certificate-mobile-degree {
width: clamp(112px, 34vw, 150px);
}

.internship-certificate-mobile-card h3 {
font-size: clamp(36px, 9.8vw, 46px);
line-height: 1.08;
width: 86%;
margin-top: 12px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.internship-slider-dots button {
width: 25px;
height: 25px;
}
.internship-mr-doit-hi {
left: 9%;
top: 23%;
}
.internship-callout-left {
left: 30%;
width: min(488px, 56vw);
}
.internship-callout-left > img {
transform: none;
}

.internship-warning-sign {
top: 20%;
}
.internship-mr-doit-curious {
top: 22%;
}
.internship-road-copy p {
font-size: 35px;
}

.internship-degree-image {
width: min(180px, 21vw);
}

.internship-road-copy-bottom {
width: 86%;
}

.internship-road-copy-bottom p {
max-width: 72%;
transform: translateX(20%);
}

.internship-finish-board .internship-board-title {
top: 24%;
font-size: 50px;
}
.internship-start-board .internship-board-title {
top: 21%;
width: 88%;
font-size: clamp(30px, 4.5vw, 54px);
line-height: 1.16;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.internship-hero-section {
justify-content: center;
}
}

@media (min-width: 1025px) {
.internship-feature-card {
top: 10%;
}
.internship-warning-sign {
top: 5%;
}
}
@media (max-width: 767px) {
.internship-road-step-curious {
position: relative;
overflow: hidden;
}

.internship-callout-left > img {
transform: scale(1.38);
transform-origin: center center;
}

.internship-curious-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

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

.internship-mr-doit-curious,
.internship-callout-right {
/* position: relative; */
z-index: 2;
}
}
/* ===== Curious Section Mobile Background ===== */
.internship-curious-road-mobile-bg {
display: none;
}

@media (max-width: 767px) {
.internship-road-step-curious {
position: relative;
overflow: hidden;
}

.internship-curious-road-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

.internship-road-step-curious .internship-mr-doit-curious,
.internship-road-step-curious .internship-callout-right {
/* position: relative; */
z-index: 2;
}
}

.internship-feature-card-mobile-bg {
display: none;
}
.internship-projects-mobile-bg {
display: none;
}
.internship-boundaries-mobile-bg {
display: none;
}
.internship-finish-mobile-bg {
display: none;
}

@media (max-width: 767px) {
.internship-road-step-card {
position: relative;
overflow: hidden;
}

.internship-feature-card-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

.internship-road-step-card .internship-feature-card {
position: relative;
z-index: 2;
}

.internship-road-step-card {
position: relative;
overflow: hidden;
}

.internship-projects-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

.internship-projects-mobile-bg + .internship-step-road {
display: none;
}

.internship-projects-mobile-bg ~ .internship-feature-card {
position: relative;
z-index: 2;
}
.internship-road-step-card {
position: relative;
overflow: hidden;
}

.internship-boundaries-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

.internship-boundaries-mobile-bg + .internship-step-road {
display: none;
}

.internship-boundaries-mobile-bg ~ .internship-feature-card {
position: relative;
z-index: 2;
}
.internship-finish-section {
position: relative;
overflow: hidden;
}

.internship-finish-mobile-bg {
display: block;
position: absolute;
inset: 0;

width: 100%;
height: 100%;

object-fit: cover;
object-position: center;

z-index: 0;
}

/* road hide */
.internship-finish-mobile-bg + .internship-step-road {
display: none;
}

/* Board background */
.internship-finish-mobile-bg ~ .internship-finish-board {
position: relative;
z-index: 2;
}
}

.internship-finish-board .internship-finish-board-title {
top: 16%;
width: 72%;
font-size: 36px;
line-height: 1.2;
transform: translate(-50%, 10px);
}

@media (max-width: 1024px) {
.internship-finish-board .internship-finish-board-title {
top: 18%;
width: 88%;
font-size: clamp(26px, 5.4vw, 54px);
line-height: 1.16;
}
}

@media (max-width: 767px) {
.internship-finish-board .internship-finish-board-title {
top: 17%;
width: 74%;
font-size: clamp(20px, 6vw, 30px);
line-height: 1.2;
}
}
#internship-confetti-container {
position: fixed;
inset: 0;
pointer-events: none;
overflow: hidden;
z-index: 999999;
}

.clear-things-up-heading .text-aqua {
background: var(--internship-gradient);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Galano", Arial, sans-serif;
font-size: clamp(42px, 4vw, 78px) !important;
font-weight: 700 !important;
line-height: 1.35;
text-transform: uppercase;
}

.clear-things-up-heading span:not(.text-aqua) {
display: block;
max-width: 900px;
margin-top: -5px;
color: #fff;
font-family: "Galano", Arial, sans-serif;
font-size: clamp(18px, 2.2vw, 32px) !important;
font-weight: 500 !important;
line-height: 1.2;
}

/* =========================================================
FAQ OVERRIDE FOR INTERNSHIP PAGE
Mobile Layout till 900px
========================================================= */

@media (min-width: 768px) and (max-width: 900px) {
.faq-grid-section {
max-width: 500px;
margin: 0 auto 120px;
}

.faq-grid-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}

.faq-column,
.faq-row-bottom {
display: contents;
}

.faq-column-1,
.faq-column-2,
.faq-column-3,
.faq-column-4,
.faq-column-5 {
height: auto;
min-height: unset;
}

.faq-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
}

.faq-question {
width: 100%;
text-align: center;
line-height: 1.4;
margin: 0;
}

.faq-icon {
margin-top: 18px;
align-self: center;
}

.faq-card-c1 .faq-icon,
.faq-card-c4 .faq-icon,
.faq-card-c5 .faq-icon {
max-width: 90px;
}

/* Layout */

.faq-card-c1 {
grid-column: 1;
grid-row: 1 / span 2;
min-height: 410px;
}

.faq-card-c2-top {
grid-column: 2;
grid-row: 1;
min-height: 140px;
}

.faq-card-c2-bottom {
grid-column: 2;
grid-row: 2;
min-height: 140px;
}

.faq-card-rainbow {
grid-column: 1 / -1;
grid-row: 3;
min-height: 170px;
padding: 20px;
}

.faq-card-gradient-aqua {
grid-column: 1;
grid-row: 4;
min-height: 140px;
}

.faq-card-gradient-green {
grid-column: 2;
grid-row: 4;
min-height: 140px;
}

.faq-card-c4 {
grid-column: 1;
grid-row: 5;
min-height: 220px;
}

.faq-card-c5 {
grid-column: 2;
grid-row: 5;
min-height: 410px;
}

.clear-things-up-heading {
margin-top: 60px;
margin-bottom: 40px;
}

.clear-things-up-heading .text-aqua {
font-size: clamp(42px, 4vw, 78px) !important;
font-weight: 700 !important;
}

.clear-things-up-heading span:not(.text-aqua) {
font-size: clamp(18px, 2.2vw, 32px) !important;
font-weight: 500 !important;
}
}

@media (max-width: 479px) {
.internship-mr-doit-hi {
left: 0%;
bottom: 8%;
/*width: 120px;*/
}

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

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

.internship-callout-left > img {
/*transform: none;*/
}

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

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

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


/* =========================================================
Hide 2 sections
========================================================= */

@media (min-width: 360px) and (max-width: 394px) {
.internship-callout-left {
top: 28%;
left: 18%;
width: 200px;
}
.internship-callout-right {
top: 14%;
left: 15%;
right: auto;
width: min(285px, 76vw);
}
}
@media (min-width: 390px) and (max-width: 479px) {
.internship-callout-left {
top: 40%;
left: 18%;
width: 200px;
}
}

@media screen and (min-width: 1025px) and (max-width: 1368px) and (orientation: landscape) {
.internship-callout-left {
top: 8%;
left: 32%;
width: min(530px, 34vw);
}
.internship-callout-right {
top: 8%;
right: 28%;
width: min(530px, 34vw);
}
}


/* iPad Air (1180 × 820) */
@media (min-width: 1170px) and (max-width: 1190px)
and (min-height: 810px) and (max-height: 830px) {

.internship-you-panel {
transform: translate(-50%, -45px);
}

}

/* iPad Pro (1366 × 1024) */
@media (min-width: 1360px) and (max-width: 1372px)
and (min-height: 1015px) and (max-height: 1035px) {

.internship-you-panel {
transform: translate(-50%, -65px);
}

}

/* Surface Pro 7 (1368 × 912) */
@media (min-width: 1360px) and (max-width: 1375px)
and (min-height: 905px) and (max-height: 920px) {

.internship-you-panel {
transform: translate(-50%, -60px);
}

}

/* Asus Zenbook Fold (1280 × 853) */
@media (min-width: 1270px) and (max-width: 1290px)
and (min-height: 845px) and (max-height: 860px) {

.internship-you-panel {
transform: translate(-50%, -50px);
}

}

/* iPad Mini (1024 × 768) */
@media (width: 1024px) and (height: 768px) {

.internship-mr-doit {
transform: translateY(-40px);
}

.internship-callout-left {
transform: translateY(-40px);
}

}

/* iPad Air (1180×820), iPad Pro (1366×1024), Surface Pro 7 (1368×912) */
@media
(width: 1180px) and (height: 820px),
(width: 1366px) and (height: 1024px),
(width: 1368px) and (height: 912px) {

.internship-warning-sign {
top: 28%;
}

}