body.page-ai-cursus-child .learnllm-content-wrapper {
padding-top: clamp(18px, 3vw, 32px) !important;
} body.page-ai-cursus-child .about-section {
background: transparent !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: clamp(26px, 3.5vw, 54px) 0 !important;
}
body.page-ai-cursus-child .about-section + .about-section {
padding-top: 0 !important;
}
body.page-ai-cursus-child .about-section > * {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
} body.page-ai-cursus-child .about-section .section-header {
text-align: center !important;
max-width: 980px;
margin: 0 auto 18px !important;
}
body.page-ai-cursus-child .about-section .section-header h2 {
margin: 0 0 10px !important;
}
body.page-ai-cursus-child .about-section .section-subtitle {
margin: 0 auto !important;
max-width: 72ch;
color: rgba(0,0,0,0.68);
} body.page-ai-cursus-child .about-section .about-prose {
max-width: 78ch;
margin: 0 auto;
background: var(--white);
border: 1px solid rgba(0,0,0,0.08);
border-radius: var(--radius-card);
padding: clamp(18px, 2.2vw, 26px);
box-shadow: 0 10px 22px rgba(0,0,0,0.03);
} body.page-ai-cursus-child .about-prose p {
margin: 0 0 1.4em !important;
line-height: 1.7;
color: rgba(0,0,0,0.82);
}
body.page-ai-cursus-child .about-prose p:last-child {
margin-bottom: 0 !important;
} body.page-ai-cursus-child .about-prose table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: .95rem;
border-radius: 12px;
overflow: hidden;
}
body.page-ai-cursus-child .about-prose table th {
background: rgba(0,0,0,0.04);
font-weight: 800;
text-align: left;
padding: 10px 14px;
border: 1px solid rgba(0,0,0,0.10);
}
body.page-ai-cursus-child .about-prose table td {
padding: 9px 14px;
border: 1px solid rgba(0,0,0,0.08);
vertical-align: top;
line-height: 1.5;
text-align: left;
}
body.page-ai-cursus-child .about-prose table tr:nth-child(even) td {
background: rgba(0,0,0,0.02);
} body.page-ai-cursus-child section[aria-labelledby="faq"] .about-prose {
max-width: 860px;
}
body.page-ai-cursus-child section[aria-labelledby="faq"] details {
background: var(--white);
border: 1px solid rgba(0,0,0,0.08);
border-radius: 14px;
padding: 14px 16px;
margin: 0 0 12px;
box-shadow: 0 10px 22px rgba(0,0,0,0.02);
}
body.page-ai-cursus-child section[aria-labelledby="faq"] summary {
cursor: pointer;
font-weight: 800;
} body.page-ai-cursus-child section[aria-labelledby="faq"] summary h3 {
display: inline;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
}
body.page-ai-cursus-child section[aria-labelledby="faq"] details[open] {
border-color: rgba(255,128,102,0.22);
} body.page-ai-cursus-child section[aria-labelledby="faq"] details p {
margin: 10px 0 0 !important;
line-height: 1.7;
color: rgba(0,0,0,0.78);
} body.page-ai-cursus-child section[aria-labelledby="about-different"].about-section {
background: #fff !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: clamp(42px, 5vw, 72px) 0 !important;
}
body.page-ai-cursus-child section[aria-labelledby="about-different"].about-section > * {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
} .cta-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 auto 32px;
padding: 0 5%;
max-width: 1200px;
box-sizing: border-box;
} body.page-ai-cursus-child .hero-cta {
justify-content: flex-start;
}
@media (max-width: 768px) {
body.page-ai-cursus-child .hero-cta {
justify-content: center;
}
}
.cta-buttons .btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 24px;
background: var(--human-coral);
color: #ffffff !important;
border: 2px solid var(--human-coral);
border-radius: 999px;
font-weight: 700;
font-size: 1rem;
line-height: 1;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 6px 16px rgba(255,128,102,.20);
transition: transform .15s ease, box-shadow .15s ease;
}
.cta-buttons .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(255,128,102,.28);
color: #ffffff !important;
}
.cta-buttons .btn-primary.btn-outline {
background: transparent !important;
color: var(--human-coral) !important;
box-shadow: none !important;
}
.cta-buttons .btn-primary.btn-outline:hover {
background: var(--human-coral) !important;
color: #ffffff !important;
box-shadow: 0 6px 16px rgba(255,128,102,.18) !important;
}
@media (max-width: 640px) {
.cta-buttons {
flex-direction: column;
align-items: stretch;
padding: 0 5%;
}
.cta-buttons .btn-primary {
width: 100%;
text-align: center;
}
} body.page-ai-cursus-child .about-lead {
margin-bottom: 1.2em !important;
line-height: 1.7;
}
body.page-ai-cursus-child .about-lead:last-of-type {
margin-bottom: 1.6em !important;
} body.page-ai-cursus-child .usp-bar {
max-width: 1200px;
margin: 0 auto clamp(18px, 2.5vw, 32px);
padding: clamp(14px, 2vw, 20px) 5%;
background: var(--white);
border: 1px solid rgba(0,0,0,0.08);
border-radius: var(--radius-card);
box-shadow: 0 10px 22px rgba(0,0,0,0.03);
box-sizing: border-box;
}
body.page-ai-cursus-child .usp-bar__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(12px, 2vw, 24px);
align-items: center;
}
body.page-ai-cursus-child .usp-bar__item {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
text-align: left;
font-size: .95rem;
font-weight: 600;
color: rgba(0,0,0,0.82);
line-height: 1.3;
}
body.page-ai-cursus-child .usp-bar__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
flex-shrink: 0;
background: rgba(255,128,102,0.12);
color: var(--human-coral);
border-radius: 10px;
font-size: 1.15rem;
line-height: 1;
}
body.page-ai-cursus-child .usp-bar__text {
display: inline-block;
}
@media (max-width: 880px) {
body.page-ai-cursus-child .usp-bar__grid {
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
}
@media (max-width: 480px) {
body.page-ai-cursus-child .usp-bar__grid {
grid-template-columns: 1fr;
}
body.page-ai-cursus-child .usp-bar__item {
justify-content: flex-start;
}
} body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .about-prose {
max-width: 78ch;
background: transparent;
border: none;
box-shadow: none;
padding: 0;
margin: 0 auto;
} body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-courses-wrap,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-row,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-col-12,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-pagination-wrapper-replaceable {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
flex: 0 0 100%;
} body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-course-list.tutor-grid-2,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-grid-2 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(16px, 2vw, 24px) !important;
width: 100% !important;
max-width: 100% !important;
} body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-course-name,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-course-name a,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] h3.tutor-course-name {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
white-space: normal !important;
}
@media (max-width: 720px) {
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-course-list.tutor-grid-2,
body.page-ai-cursus-child section[aria-labelledby="cursusaanbod"] .tutor-grid-2 {
grid-template-columns: 1fr !important;
}
}