@media (max-width: 921px) { .ast-mobile-header-wrap,
#ast-mobile-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999999 !important;
transition: background 0.2s ease, box-shadow 0.2s ease !important;
} .ast-mobile-header-wrap.scrolled,
#ast-mobile-header.scrolled {
background: rgba(20, 20, 20, 0.5) !important; 
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
} body.gateway-menu-active .ast-mobile-header-wrap,
body.gateway-menu-active #ast-mobile-header {
background: rgba(20, 20, 20, 0.5) !important; 
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}  .menu-toggle,
.ast-mobile-menu-toggle,
.ast-button-wrap button {
position: relative !important;
z-index: 99999999 !important;
} .menu-toggle .ast-menu-svg,
.ast-mobile-menu-toggle .ast-menu-svg {
display: inline-flex !important;
opacity: 1 !important;
transition: opacity 0.2s ease !important;
}
.menu-toggle .ast-close-svg,
.ast-mobile-menu-toggle .ast-close-svg {
display: none !important;
opacity: 0 !important;
transition: opacity 0.2s ease !important;
} .menu-toggle.gateway-menu-open .ast-menu-svg,
.ast-mobile-menu-toggle.gateway-menu-open .ast-menu-svg,
button.gateway-menu-open .ast-menu-svg {
display: none !important;
opacity: 0 !important;
}
.menu-toggle.gateway-menu-open .ast-close-svg,
.ast-mobile-menu-toggle.gateway-menu-open .ast-close-svg,
button.gateway-menu-open .ast-close-svg {
display: inline-flex !important;
opacity: 1 !important;
} .menu-toggle svg,
.ast-mobile-menu-toggle svg,
.ast-theme-transparent-header .menu-toggle svg,
.ast-theme-transparent-header .ast-mobile-menu-toggle svg,
.ast-mobile-header-wrap.scrolled .menu-toggle svg,
.ast-mobile-header-wrap.scrolled .ast-mobile-menu-toggle svg,
body.gateway-menu-active .menu-toggle svg,
body.gateway-menu-active .ast-mobile-menu-toggle svg {
fill: #ffffff!important;
} #ast-mobile-site-navigation,
.main-header-bar-navigation .ast-mobile-site-navigation {
display: none !important;
} .gateway-menu-overlay {
position: fixed;
top: 90px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999 !important;
pointer-events: none;
}
.gateway-menu-overlay.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .gateway-menu-panel {
position: fixed;
top: 90px;
left: -85%;
width: 85%;
max-width: 400px;
height: calc(100vh - 90px);
height: calc(100dvh - 90px);
background: #ffffff;
z-index: 1000 !important;
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
overscroll-behavior: contain;
}
.gateway-menu-panel.active {
left: 0;
}
.gateway-menu-content {
padding: 20px 0;
} .gateway-primary-nav {
list-style: none;
margin: 0;
padding: 0;
}
.gateway-primary-nav li {
border-bottom: 1px solid #f0f0f0;
margin: 0;
}
.gateway-primary-nav li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
color: #333;
text-decoration: none;
font-size: 16px;
transition: background 0.2s ease;
}
.gateway-primary-nav li a:hover,
.gateway-primary-nav li a:active {
background: rgba(0, 102, 204, 0.05);
}
.gateway-primary-nav li.current-menu-item > a,
.gateway-primary-nav li.current_page_item > a {
color: #0066cc;
font-weight: 600;
}
.gateway-primary-nav li a::after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
opacity: 0.5;
}
.gateway-primary-nav .sub-menu {
list-style: none;
padding-left: 20px;
margin: 0;
}
.gateway-primary-nav .sub-menu li a {
padding: 12px 20px;
font-size: 15px;
} .gateway-custom-links {
margin-top: 20px;
padding: 20px 0;
border-top: 2px solid #e0e0e0;
}
.gateway-custom-links-title {
padding: 0 20px 10px;
font-size: 13px;
color: #999;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
.gateway-custom-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
margin: 5px 0;
background: #f8f9fa;
color: #333;
text-decoration: none;
font-size: 15px;
transition: all 0.2s ease;
}
.gateway-custom-link:hover,
.gateway-custom-link:active {
background: #e9ecef;
transform: translateX(5px);
}
.gateway-custom-link svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
} body.gateway-menu-active {
position: fixed !important;
overflow: hidden !important;
touch-action: none !important;
width: 100% !important;
} @supports (-webkit-touch-callout: none) {
body.gateway-menu-active {
min-height: -webkit-fill-available !important;
}
}
} @media (min-width: 922px) {
.gateway-menu-overlay,
.gateway-menu-panel {
display: none !important;
}
} .menu-toggle .screen-reader-text,
.ast-mobile-menu-toggle .screen-reader-text {
display: none !important;
}.gateway-full-width .content-area,
.gateway-full-width .site-main {
margin-top: 0 !important;
padding-top: 0 !important;
} .gateway-full-width .site-header {
margin-bottom: 0 !important;
}
.gateway-full-width .ast-main-header-wrap {
margin-bottom: 0 !important;
} .gateway-full-width .entry-header {
display: none !important;
} .gateway-full-width {
overflow-x: hidden;
} .gateway-full-width .site-content #primary {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .gateway-full-width.ast-right-sidebar .site-content #primary,
.gateway-full-width.ast-left-sidebar .site-content #primary,
.gateway-full-width.ast-no-sidebar .site-content #primary {
padding-right: 0 !important;
padding-left: 0 !important;
} .gateway-full-width .site-main {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
} .gateway-full-width .site-content .ast-container {
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
} .gateway-full-width.archive .site-main,
.gateway-full-width.post-type-archive .site-main {
padding: 0 !important;
}
.gateway-full-width .ast-post-format-standard {
padding: 0 !important;
}  .gateway-full-width .site-content,
.gateway-full-width.ast-theme-transparent-header .site-content,
.gateway-full-width.transparent-header .site-content {
padding-top: 0 !important;
margin-top: 0 !important;
} .gateway-full-width .site-content #primary,
.gateway-full-width.ast-theme-transparent-header .site-content #primary,
.gateway-full-width.transparent-header .site-content #primary,
.gateway-full-width.ast-separate-container .site-content #primary, 
.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary, 
.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary {
margin-top: 0 !important;
padding-top: 0 !important;
} .gateway-full-width .site-main,
.gateway-full-width .site-main > *:first-child,
.gateway-full-width .site-main > section:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} .gateway-full-width .ast-separate-container .ast-article-single,
.gateway-full-width .ast-separate-container .ast-article-post {
margin-top: 0 !important;
padding-top: 0 !important;
} .gateway-full-width .entry-content {
margin-top: 0 !important;
} .gateway-full-width .ast-above-header {
margin-bottom: 0 !important;
}
.gateway-full-width .ast-header-break-point .ast-above-header {
margin-bottom: 0 !important;
} .gateway-full-width .main-header-bar-wrap {
margin-bottom: 0 !important;
} .gateway-full-width.ast-separate-container .site-content #primary,
.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary,
.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary {
margin: 0 !important;
padding: 0 !important;
} @media (min-width: 993px) {
.gateway-full-width.ast-separate-container .site-content #primary,
.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary,
.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary {
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
body.gateway-full-width.ast-separate-container .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary {
margin: 0 !important;
padding: 0 !important;
}
} .gateway-full-width #secondary {
display: none !important;
}
.gateway-full-width.ast-right-sidebar .site-content #primary,
.gateway-full-width.ast-left-sidebar .site-content #primary {
width: 100% !important;
} .gateway-full-width .site-content > .ast-container {
max-width: none !important;
padding: 0 !important;
}
.gateway-full-width .site-content {
max-width: none !important;
margin-bottom: 0 !important;
} @media (max-width: 768px) {
.gateway-full-width .site-content #primary {
padding: 0 !important;
}
.gateway-full-width .site-main {
padding: 0 !important;
}
} @media (min-width: 993px) {
body.gateway-full-width.ast-separate-container .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary,
body.single-course.ast-separate-container .site-content #primary,
body.single-course.ast-separate-container.ast-left-sidebar .site-content #primary,
body.single-course.ast-separate-container.ast-right-sidebar .site-content #primary {
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
}
body.gateway-full-width.ast-separate-container .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-left-sidebar .site-content #primary,
body.gateway-full-width.ast-separate-container.ast-right-sidebar .site-content #primary,
body.single-course.ast-separate-container .site-content #primary,
body.single-course.ast-separate-container.ast-left-sidebar .site-content #primary,
body.single-course.ast-separate-container.ast-right-sidebar .site-content #primary {
margin: 0 !important;
padding: 0 !important;
} .cpt-scope {
display: block;
width: 100%;
isolation: isolate;
}.cpt-scope .gw-teachers-hero {
width: 100vw;
margin-left: calc(-50vw + 50%);
position: relative;
overflow: hidden;
background-color: var(--gateway-navy, #262474);
margin-top: -4em !important;
} .cpt-scope .gw-teachers-hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.cpt-scope .gw-teachers-hero-grid {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 7fr 3fr;
gap: 60px;
min-height: 500px;
align-items: end;
position: relative;
}
.cpt-scope .gw-teachers-hero-content {
z-index: 2;
position: relative;
margin-bottom: 40px;
}
.cpt-scope .gw-teachers-section-label {
font-size: 0.6875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.15em;
opacity: 0.7;
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-display-title {
margin: 0 0 2rem 0;
color: var(--gateway-white, #ffffff);
opacity: 0;
animation: fadeUpTeachers 0.6s ease forwards 0.4s;
}
@keyframes fadeUpTeachers {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cpt-scope .gw-teachers-title-accent {
color: var(--gateway-green, #6db460);
}
.cpt-scope .gw-teachers-hero-description {
font-size: 20px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
opacity: 0;
animation: fadeUpTeachers 0.6s ease forwards 0.6s;
}
.cpt-scope .gw-teachers-hero-stats {
display: flex;
gap: 3rem;
}
.cpt-scope .gw-teachers-hero-stat-number {
font-size: 2.5rem;
font-weight: 900;
line-height: 1;
color: var(--gateway-white, #ffffff);
}
.cpt-scope .gw-teachers-stat-blue {
color: var(--gateway-blue, #1b60aa);
}
.cpt-scope .gw-teachers-hero-stat-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: rgba(255, 255, 255, 0.6);
margin-top: 0.5rem;
}
.cpt-scope .gw-teachers-hero-image-wrapper {
position: absolute;
top: 0;
right: calc(-50vw + 50%);
bottom: 0;
z-index: 1;
overflow: hidden;
mask-image: linear-gradient(to right, 
transparent 0%, 
rgba(0, 0, 0, 0.3) 15%,
rgba(0, 0, 0, 0.7) 30%,
black 45%
);
-webkit-mask-image: linear-gradient(to right, 
transparent 0%, 
rgba(0, 0, 0, 0.3) 15%,
rgba(0, 0, 0, 0.7) 30%,
black 45%
);
}
.cpt-scope .gw-teachers-hero-image {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.92;
} .cpt-scope .gw-teachers-main-content {
background: transparent;
padding: 0;
} .cpt-scope .gw-teachers-section-bg {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 4rem 0;
}
.cpt-scope .gw-teachers-section-bg > * {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
} .cpt-scope .gw-teachers-section-bg[data-section="intro"] {
background: #ffffff;
padding: 4rem 0 2rem;
}
.cpt-scope .gw-teachers-section-bg[data-section="01-02"] {
background: #ffffff;
padding: 0 0 2rem;
}
.cpt-scope .gw-teachers-section-bg[data-section="03"] {
background: #f5f5f5;
padding: 2rem 0;
margin: 2rem 0;
}
.cpt-scope .gw-teachers-section-bg[data-section="04"] {
background: #f5f5f5;
padding: 2rem 0;
margin: 2rem 0;
} .cpt-scope .gw-teachers-intro-statement {
max-width: 900px;
margin: 0 auto 2rem;
text-align: center;
}
.cpt-scope .gw-teachers-intro-statement .gw-teachers-section-label {
margin-bottom: 2rem;
opacity: 0.5;
color: var(--gateway-gray-800, #2a2a2a);
}
.cpt-scope .gw-teachers-intro-title {
font-size: 3rem;
font-weight: 900;
line-height: 1.2;
margin-bottom: 2rem;
color: var(--gateway-black, #0a0a0a);
} .cpt-scope .gw-teachers-text-blue {
color: var(--gateway-blue, #1b60aa);
}
.cpt-scope .gw-teachers-text-teal {
color: var(--gateway-teal, #24906b);
}
.cpt-scope .gw-teachers-text-green {
color: var(--gateway-green, #6db460);
}
.cpt-scope .gw-teachers-bg-purple {
background-color: var(--gateway-navy, #262474);
}
.cpt-scope .gw-teachers-bg-teal {
background-color: var(--gateway-teal, #24906b);
} .cpt-scope .gw-teachers-content-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
margin-bottom: 2rem;
} .cpt-scope .gw-teachers-feature-large {
grid-column: span 8;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
min-height: 500px;
} .cpt-scope .gw-teachers-feature-small {
grid-column: span 4;
padding: 3rem;
background: var(--gateway-gray-100, #f5f5f5);
border-radius: 60px 60px 60px 0px;
}
.cpt-scope .gw-teachers-feature-small-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
} .cpt-scope .gw-teachers-feature-split {
grid-column: span 6;
position: relative;
}
.cpt-scope .gw-teachers-feature-split-content {
padding: 3rem;
background: var(--gateway-gray-100, #f5f5f5);
border-radius: 60px 60px 60px 0px;
} .cpt-scope .gw-teachers-image-block {
position: relative;
overflow: hidden;
background: #000;
}
.cpt-scope .gw-teachers-image-block img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.92;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.cpt-scope .gw-teachers-image-block:hover img {
transform: scale(1.03);
} .cpt-scope .gw-teachers-image-asymmetric-1 {
border-radius: 60px 0px 0px 60px;
}
.cpt-scope .gw-teachers-image-asymmetric-2 {
border-radius: 60px 0 60px 60px;
}
.cpt-scope .gw-teachers-image-asymmetric-3 {
border-radius: 0 60px 60px 60px;
}
.cpt-scope .gw-teachers-floating-number {
position: absolute;
bottom: 2rem;
left: 2rem;
font-size: 8rem;
font-weight: 900;
color: white;
opacity: 0.3;
line-height: 1;
}
.cpt-scope .gw-teachers-corner-number {
position: absolute;
top: 2rem;
right: 2rem;
font-size: 6rem;
font-weight: 900;
opacity: 0.05;
line-height: 1;
} .cpt-scope .gw-teachers-feature-content {
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
color: #FFFFFF;
border-radius: 0px 60px 0px 0px;
}
.cpt-scope .gw-teachers-icon-minimal {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
color: rgba(255, 255, 255, 0.3);
}
.cpt-scope .gw-teachers-icon-minimal svg {
width: 100%;
height: 100%;
}
.cpt-scope .gw-teachers-icon-blue {
color: var(--gateway-blue, #1b60aa);
}
.cpt-scope .gw-teachers-feature-title {
font-size: 2.5rem;
font-weight: 900;
margin-bottom: 1.5rem;
line-height: 1.1;
color: #F5F5F5;
}
.cpt-scope .gw-teachers-feature-text {
font-size: 1rem;
line-height: 1.7;
opacity: 0.9;
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-feature-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.6;
} .cpt-scope .gw-teachers-stat-display {
font-size: 4rem;
font-weight: 900;
line-height: 1;
margin-bottom: 1rem;
}
.cpt-scope .gw-teachers-small-text {
font-size: 0.875rem;
line-height: 1.6;
color: var(--gateway-gray-800, #2a2a2a);
} .cpt-scope .gw-teachers-split-title {
font-size: 2rem;
font-weight: 900;
margin-bottom: 1rem;
line-height: 1.1;
}
.cpt-scope .gw-teachers-split-text {
font-size: 0.9375rem;
line-height: 1.7;
color: var(--gateway-gray-800, #2a2a2a);
margin-bottom: 1.5rem;
}
.cpt-scope .gw-teachers-split-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
} .cpt-scope .gw-teachers-feature-wide {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 4rem;
}
.cpt-scope .gw-teachers-wide-image-block {
position: relative;
height: 400px;
border-radius: 0 60px 60px 60px;
overflow: hidden;
}
.cpt-scope .gw-teachers-wide-image {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
opacity: 0.7;
}
.cpt-scope .gw-teachers-wide-stat {
position: absolute;
bottom: 2rem;
left: 2rem;
color: white;
}
.cpt-scope .gw-teachers-wide-stat-number {
font-size: 5rem;
font-weight: 900;
line-height: 1;
margin-bottom: 0.5rem;
}
.cpt-scope .gw-teachers-wide-stat-label {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.cpt-scope .gw-teachers-wide-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.cpt-scope .gw-teachers-wide-content .gw-teachers-section-label {
margin-bottom: 1rem;
opacity: 0.5;
color: var(--gateway-gray-800, #2a2a2a);
}
.cpt-scope .gw-teachers-wide-title {
font-size: 2.5rem;
font-weight: 900;
margin-bottom: 1.5rem;
line-height: 1.1;
color: var(--gateway-black, #0a0a0a);
}
.cpt-scope .gw-teachers-wide-text {
font-size: 1rem;
line-height: 1.7;
color: var(--gateway-gray-800, #2a2a2a);
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-wide-meta {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
.cpt-scope .gw-teachers-wide-meta-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #999;
margin-bottom: 0.5rem;
}
.cpt-scope .gw-teachers-wide-meta-value {
font-size: 0.9375rem;
font-weight: 600;
color: var(--gateway-gray-900, #1a1a1a);
} .cpt-scope .gw-teachers-advantage-section {
display: grid;
grid-template-columns: 0.4fr 0.6fr 0.5fr;
gap: 4rem;
align-items: center;
border-top: 1px solid #e0e0e0;
padding-top: 2rem;
}
.cpt-scope .gw-teachers-advantage-left .gw-teachers-section-label {
margin-bottom: 1rem;
opacity: 0.5;
color: var(--gateway-gray-800, #2a2a2a);
}
.cpt-scope .gw-teachers-advantage-title {
font-size: 3rem;
font-weight: 900;
line-height: 1.1;
}
.cpt-scope .gw-teachers-advantage-text {
font-size: 1.125rem;
line-height: 1.7;
color: var(--gateway-gray-800, #2a2a2a);
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-advantage-badge {
display: inline-block;
padding: 0.75rem 2rem;
background-color: rgba(109, 180, 96, 0.1);
color: var(--gateway-green, #6db460);
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.cpt-scope .gw-teachers-advantage-image-wrapper {
position: relative;
height: 400px;
overflow: hidden;
border-radius: 60px 60px 60px 0;
}
.cpt-scope .gw-teachers-advantage-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
} .cpt-scope .gw-teachers-cta-immersive {
position: relative;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: var(--gateway-navy, #262474);
color: white;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.cpt-scope .gw-teachers-cta-immersive::before {
content: '';
position: absolute;
inset: 0;
background: url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1600&q=80) center/cover;
opacity: 0.15;
}
.cpt-scope .gw-teachers-cta-content {
position: relative;
z-index: 1;
text-align: center;
max-width: 800px;
padding: 0 2rem;
}
.cpt-scope .gw-teachers-label-white {
color: rgba(255, 255, 255, 0.6);
}
.cpt-scope .gw-teachers-cta-title {
font-size: 4rem;
font-weight: 900;
line-height: 1.1;
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-cta-text {
font-size: 1.25rem;
line-height: 1.6;
opacity: 0.9;
margin-bottom: 3rem;
}
.cpt-scope .gw-teachers-cta-button {
display: inline-block;
padding: 1.25rem 3rem;
background: white;
color: var(--gateway-navy, #262474);
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
text-decoration: none;
transition: transform 0.3s ease;
}
.cpt-scope .gw-teachers-cta-button:hover {
transform: translateY(-2px);
text-decoration: none;
} @media (max-width: 1200px) {
.cpt-scope .gw-teachers-hero-grid {
padding: 0 40px;
}
.cpt-scope .gw-teachers-hero-image-wrapper {
right: calc(-50vw + 50%);
width: calc(40vw + (50vw - 50%));
}
.cpt-scope .gw-teachers-display-title {
font-size: 48px;
}
.cpt-scope .gw-teachers-section-bg > * {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 968px) { .cpt-scope .gw-teachers-hero-grid {
grid-template-columns: 1fr;
padding: 0;
gap: 0;
display: flex;
flex-direction: column;
min-height: auto;
}
.cpt-scope .gw-teachers-hero-image-wrapper {
position: relative;
width: 100%;
height: 300px;
order: 1;
right: 0;
}
.cpt-scope .gw-teachers-hero-content {
order: 2;
padding: 40px 24px;
width: 100%;
box-sizing: border-box;
}
.cpt-scope .gw-teachers-display-title {
font-size: 4rem;
} .cpt-scope .gw-teachers-content-grid {
grid-template-columns: 1fr;
}
.cpt-scope .gw-teachers-feature-large,
.cpt-scope .gw-teachers-feature-small,
.cpt-scope .gw-teachers-feature-split {
grid-column: span 1;
}
.cpt-scope .gw-teachers-feature-large {
grid-template-columns: 1fr;
}
.cpt-scope .gw-teachers-section-bg > * {
padding-left: 24px;
padding-right: 24px;
} .cpt-scope .gw-teachers-feature-wide {
grid-template-columns: 1fr;
gap: 2rem;
}
.cpt-scope .gw-teachers-wide-meta {
grid-template-columns: 1fr;
gap: 1rem;
} .cpt-scope .gw-teachers-advantage-section {
grid-template-columns: 1fr;
gap: 2rem;
}
.cpt-scope .gw-teachers-advantage-title {
font-size: 2.5rem;
}
.cpt-scope .gw-teachers-intro-title {
font-size: 2rem;
}
.cpt-scope .gw-teachers-cta-title {
font-size: 2.5rem;
}
}
@media (max-width: 768px) { .cpt-scope .gw-teachers-hero {
margin-top: 0 !important;
}
.cpt-scope .gw-teachers-hero-image-wrapper {
height: 300px;
}
.cpt-scope .gw-teachers-hero-content {
padding: 32px 20px;
}
.cpt-scope .gw-teachers-display-title {
font-size: 3rem;
}
.cpt-scope .gw-teachers-hero-stats {
flex-direction: column;
gap: 1.5rem;
} .cpt-scope .gw-teachers-section-bg[data-section="intro"] {
padding: 4rem 0 2rem;
}
.cpt-scope .gw-teachers-section-bg[data-section="01-02"] {
padding: 0 0 2rem;
}
.cpt-scope .gw-teachers-section-bg[data-section="03"],
.cpt-scope .gw-teachers-section-bg[data-section="04"] {
padding: 3rem 0;
margin: 2rem 0;
}
.cpt-scope .gw-teachers-section-bg > * {
padding-left: 20px;
padding-right: 20px;
}
.cpt-scope .gw-teachers-feature-small,
.cpt-scope .gw-teachers-feature-split-content {
padding: 2rem;
}
.cpt-scope .gw-teachers-intro-title {
font-size: 1.75rem;
}
.cpt-scope .gw-teachers-feature-title {
font-size: 2rem;
}
.cpt-scope .gw-teachers-wide-title {
font-size: 2rem;
}
.cpt-scope .gw-teachers-wide-image-block {
height: 300px;
}
.cpt-scope .gw-teachers-advantage-image-wrapper {
height: 300px;
} .cpt-scope .gw-teachers-cta-immersive {
height: 60vh;
}
}
@media (max-width: 640px) {
.cpt-scope .gw-teachers-display-title {
font-size: 2.5rem;
}
.cpt-scope .gw-teachers-hero-content {
padding: 24px 20px;
}
.cpt-scope .gw-teachers-hero-image-wrapper {
height: 250px;
}
.cpt-scope .gw-teachers-intro-title {
font-size: 1.5rem;
}
.cpt-scope .gw-teachers-feature-content {
padding: 2rem;
margin-top: 2rem;
}
.cpt-scope .gw-teachers-stat-display {
font-size: 3rem;
}
.cpt-scope .gw-teachers-advantage-title {
font-size: 2rem;
}
.cpt-scope .gw-teachers-cta-title {
font-size: 2rem;
}
}  .cpt-scope .gw-teachers-section-bg[data-section="05"] {
background: #fafbfc;
padding: 100px 0;
} .cpt-scope .gw-teachers-industry-hero {
margin: 0 auto 4rem;
text-align: center;
}
.cpt-scope .gw-teachers-industry-title {
color: #1a1a2e;
margin: 0;
font-size: 3rem;
font-weight: 900;
line-height: 1.2;
margin-bottom: 2rem;
}
.cpt-scope .gw-teachers-text-purple {
font-weight: 700;
color: #262474;
} .cpt-scope .gw-teachers-industry-main-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 40px;
margin-bottom: 60px;
}
.cpt-scope .gw-teachers-industry-image-large {
grid-column: span 7;
position: relative;
height: 500px;
border-radius: 60px 60px 60px 0;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.cpt-scope .gw-teachers-industry-image-large img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cpt-scope .gw-teachers-industry-image-stat {
position: absolute;
bottom: 50px;
left: 50px;
right: 50px;
}
.cpt-scope .gw-teachers-industry-stat-label {
font-size: 20px;
font-weight: 600;
color: white;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.cpt-scope .gw-teachers-industry-info-card {
grid-column: span 5;
background: linear-gradient(135deg, rgba(27, 96, 170, 0.11) 0%, rgba(36, 144, 107, 0.11) 100%);
border-radius: 60px 60px 0 60px;
padding: 55px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cpt-scope .gw-teachers-industry-card-title {
font-size: 28px;
font-weight: 600;
color: #1a1a2e;
margin: 0 0 20px 0;
line-height: 1.25;
}
.cpt-scope .gw-teachers-industry-card-text {
font-size: 16px;
line-height: 1.8;
color: #6b7280;
margin: 0 0 24px 0;
font-weight: 300;
}
.cpt-scope .gw-teachers-industry-feature-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.cpt-scope .gw-teachers-icon-blue {
color: #1b60aa;
}
.cpt-scope .gw-teachers-icon-purple {
color: #262474;
}
.cpt-scope .gw-teachers-icon-teal {
color: #24906b;
} .cpt-scope .gw-teachers-industry-cards-container {
max-width: 60%;
margin: 0 auto 120px;
}
.cpt-scope .gw-teachers-industry-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.cpt-scope .gw-teachers-industry-card {
position: relative;
height: 280px;
overflow: hidden;
}
.cpt-scope .gw-teachers-industry-card-1,
.cpt-scope .gw-teachers-industry-card-2,
.cpt-scope .gw-teachers-industry-card-3 {
border-radius: 60px 60px 60px 0;
}
.cpt-scope .gw-teachers-industry-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cpt-scope .gw-teachers-industry-card-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 25px 25px;
}
.cpt-scope .gw-teachers-industry-card-overlay h4 {
font-size: 18px;
font-weight: 600;
color: white;
margin: 0;
}
.cpt-scope .gw-teachers-overlay-purple {
background: linear-gradient(to top, rgba(38, 36, 116, 0.94) 0%, rgba(38, 36, 116, 0) 100%);
}
.cpt-scope .gw-teachers-overlay-blue {
background: linear-gradient(to top, rgba(27, 96, 170, 0.94) 0%, rgba(27, 96, 170, 0) 100%);
}
.cpt-scope .gw-teachers-overlay-teal {
background: linear-gradient(to top, rgba(36, 144, 107, 0.94) 0%, rgba(36, 144, 107, 0) 100%);
}
.cpt-scope .gw-teachers-industry-cards-subtitle {
text-align: center;
margin-bottom: 50px;
position: relative;
padding-top: 24px;
}
.cpt-scope .gw-teachers-industry-subtitle-line {
width: 60px;
height: 3px;
background: linear-gradient(to right, #1b60aa, #24906b);
margin: 0 auto 20px;
}
.cpt-scope .gw-teachers-industry-cards-subtitle p {
font-size: 16px;
line-height: 1.7;
color: #6b7280;
margin: 0;
font-weight: 300;
} .cpt-scope .gw-teachers-industry-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-bottom: 40px;
}
.cpt-scope .gw-teachers-industry-feature {
padding: 55px 50px;
}
.cpt-scope .gw-teachers-industry-feature-1 {
background: linear-gradient(135deg, rgba(38, 36, 116, 0.08) 0%, rgba(27, 96, 170, 0.08) 100%);
border-radius: 60px 0 60px 60px;
}
.cpt-scope .gw-teachers-industry-feature-2 {
background: linear-gradient(135deg, rgba(36, 144, 107, 0.08) 0%, rgba(109, 180, 96, 0.08) 100%);
border-radius: 0 60px 60px 60px;
}
.cpt-scope .gw-teachers-industry-feature-title {
font-size: 30px;
font-weight: 600;
color: #1a1a2e;
margin: 0 0 20px 0;
line-height: 1.25;
}
.cpt-scope .gw-teachers-industry-feature-text {
font-size: 16px;
line-height: 1.8;
color: #6b7280;
margin: 0 0 18px 0;
font-weight: 300;
}
.cpt-scope .gw-teachers-industry-feature-text:last-of-type {
margin-bottom: 24px;
} .cpt-scope .gw-teachers-industry-final {
text-align: center;
padding: 80px 60px 60px;
max-width: 900px;
margin: 0 auto;
}
.cpt-scope .gw-teachers-industry-final-line {
width: 60px;
height: 3px;
background: linear-gradient(to right, #1b60aa, #24906b);
margin: 0 auto 40px;
}
.cpt-scope .gw-teachers-industry-final-title {
font-size: 40px;
font-weight: 300;
color: #1a1a2e;
margin: 0 0 28px 0;
line-height: 1.4;
letter-spacing: -0.5px;
}
.cpt-scope .gw-teachers-industry-final-text {
font-size: 18px;
line-height: 1.8;
color: #6b7280;
margin: 0;
font-weight: 300;
} .cpt-scope .gw-teachers-industry-closing-image {
width: 100%;
height: 400px;
overflow: hidden;
}
.cpt-scope .gw-teachers-industry-closing-image img {
width: 100%;
height: 100%;
object-fit: cover;
} @media (max-width: 1200px) {
.cpt-scope .gw-teachers-industry-title {
font-size: 56px;
}
.cpt-scope .gw-teachers-industry-cards-container {
max-width: 75%;
}
}
@media (max-width: 992px) {
.cpt-scope .gw-teachers-industry-main-grid {
grid-template-columns: 1fr;
}
.cpt-scope .gw-teachers-industry-image-large,
.cpt-scope .gw-teachers-industry-info-card {
grid-column: span 1;
}
.cpt-scope .gw-teachers-industry-cards-container {
max-width: 100%;
}
.cpt-scope .gw-teachers-industry-features-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.cpt-scope .gw-teachers-industry-title {
font-size: 42px;
}
.cpt-scope .gw-teachers-industry-cards-grid {
grid-template-columns: 1fr;
}
.cpt-scope .gw-teachers-industry-card-1,
.cpt-scope .gw-teachers-industry-card-2,
.cpt-scope .gw-teachers-industry-card-3 {
border-radius: 60px 60px 60px 0;
}
.cpt-scope .gw-teachers-industry-final-title {
font-size: 32px;
}
.cpt-scope .gw-teachers-industry-closing-image {
height: 300px;
}
}