body a {
text-decoration: underline;
}
#footer a {
text-decoration: none !important;
}
html[lang^="de-DE"] .en-content { display: none !important; }
html[lang^="en-US"] .de-content { display: none !important; }
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.m-auto {
margin: 0 auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.line-height-0 {
line-height: 0 !important;
}
.w-100 {
width: 100% !important;
}
.whitespace-nowrap {
white-space: nowrap;
}
.wp-block-separator {
border: 1px solid var(--theme-palette-color-12) !important;
width: 100% !important;
}
.number-block {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.pointer-events-none {
pointer-events: none;
}
.blur-bg {
backdrop-filter: blur(16px);
}
.guide_img {
aspect-ratio: 1.19 / 1;
object-fit: cover;
}
.text-grey {
color: var(--theme-palette-color-9);
}
.text-grey a {
color: var(--theme-palette-color-9);
text-decoration: underline;
} .mobile-h1 {
font-weight: 400;
line-height: 40px;
font-size: 36px;
letter-spacing: -2%;
margin: 0;
}
.mobile-h2 {
font-weight: 500;
line-height: 36px;
font-size: 32px;
letter-spacing: 0;
margin: 0;
}
.mobile-h3 {
font-weight: 500;
line-height: 32px;
font-size: 28px;
letter-spacing: 0;
margin: 0;
}
.mobile-h4 {
font-weight: 600;
line-height: 28px;
font-size: 20px;
letter-spacing: 0;
margin: 0;
}
.mobile-h5 {
font-weight: 600;
line-height: 24px;
font-size: 16px;
letter-spacing: 0;
margin: 0;
}
.desktopNumberBig {
font-size: 56px;
line-height: 56px;
font-weight: 400;
}
.caption {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
@media (min-width: 768px) {
.desktop-h1 {
font-weight: 400;
line-height: 56px;
font-size: 56px;
letter-spacing: -2%;
margin: 0;
}
.desktop-h2 {
font-weight: 500;
line-height: 56px;
font-size: 48px;
letter-spacing: 0;
margin: 0;
}
.desktop-h3 {
font-weight: 500;
line-height: 36px;
font-size: 32px;
letter-spacing: 0;
margin: 0;
}
.desktop-h4 {
font-weight: 600;
line-height: 32px;
font-size: 24px;
letter-spacing: 0;
margin: 0;
}
.desktop-h5 {
font-weight: 400;
line-height: 28px;
font-size: 20px;
letter-spacing: 0;
margin: 0;
}
.desktopBodyMain {
font-weight: 500;
line-height: 24px;
font-size: 16px
}
}
.trademark {
position: relative;
}
.trademark sup {
top: -20px;
right: 4px;
font-size: 12px !important;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
@media (min-width: 690px) {
.trademark sup {
top: -26px;
font-size: 14px !important;
}
}
@media (min-width: 999px) {
.banner-right-col {
max-width: 624px;
}
} .gspb-buttonbox {
height: 48px;
}
.gspb-buttonbox-text {
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.56px !important;
font-weight: 600 !important;
}
.gspb-buttonbox-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 999px;
}
.gspb-buttonbox-icon img {
width: 20px;
height: 20px;
}
@property --gradient-stop {
syntax: '<percentage>';
inherits: false;
initial-value: 36.06%;
}
.gspb-buttonbox.primary-button {
--gradient-stop: 36.06%;
border: 1px solid transparent !important;
border-radius: 999px !important;
display: inline-flex !important;
text-decoration: none !important;
position: relative !important;
background:
linear-gradient(90deg, #14171C var(--gradient-stop), #F62044 100%) padding-box,
linear-gradient(to right, rgba(255,255,255,.24) 0%, rgba(255,255,255,.48) 53%, #F62044 100%) border-box !important;
transition: --gradient-stop 0.5s ease-in-out !important;
}
.gspb-buttonbox.secondary-button,
.btn-feature a,
#offcanvas .ct-panel-content-inner .ct-header-cta a {
--gradient-stop: 100%;
border: 1px solid #ffffff33 !important;
border-radius: 999px !important;
display: inline-flex !important;
background: linear-gradient(90deg, #14171C var(--gradient-stop), #F62044 100%) padding-box !important;
transition: --gradient-stop 0.5s ease-in-out !important;
}
@media (min-width: 783px) {
#offcanvas .ct-panel-content-inner .ct-header-cta a {
max-width: 358px;
margin: 0 auto;
}
}
#offcanvas .ct-panel-content-inner .ct-header-cta,
#offcanvas .ct-panel-content-inner .ct-header-cta a {
width: 100%;
z-index: 999;
}
.gspb-buttonbox.secondary-button:hover,
.btn-feature a:hover,
#offcanvas .ct-panel-content-inner .ct-header-cta a:hover {
--gradient-stop: 35% !important;
}
.gspb-buttonbox.primary-button:hover {
--gradient-stop: 12% !important;
}
.link-showreel:hover .gspb-buttonbox.primary-button {
--gradient-stop: 12% !important;
}
.link-showreel:hover .gspb-buttonbox.primary-button .gspb-buttonbox-icon img {
animation: slideIcon 0.5s forwards;
}
.button-icon {
padding: 4px 6px 4px 24px !important;
}
.gspb-buttonbox {
height: 48px;
}
.gspb-buttonbox-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 999px;
overflow: hidden;
width: 36px;
height: 36px;
}
.gspb-buttonbox.primary-button:hover .gspb-buttonbox-icon img {
animation: slideIcon 0.5s forwards;
}
@keyframes slideIcon {
0% {
transform: translateX(0);
opacity: 1;
}
49% {
transform: translateX(150%);
opacity: 0;
}
50% {
transform: translateX(-150%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
} .custom-cf7-button-wrapper.primary-button {
--gradient-stop: 36.06%;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
height: 48px !important;
border-radius: 999px !important;
border: 1px solid transparent !important;
background:
linear-gradient(90deg, #14171C var(--gradient-stop), #F62044 100%) padding-box,
linear-gradient(to right, rgba(255,255,255,.24) 0%, rgba(255,255,255,.48) 53%, #F62044 100%) border-box !important;
transition: --gradient-stop 0.5s ease-in-out !important;
padding: 0 6px 0 24px !important; cursor: pointer !important;
width: fit-content !important;
margin-top: 8px;
} .custom-cf7-button-wrapper input.wpcf7-submit {
background: transparent !important;
color: #fff !important;
text-transform: uppercase !important;
font-weight: 600 !important;
height: 48px !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
width: 100% !important;
} .gspb-buttonbox-icon {
display: flex !important;
background: #fff !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
margin-left: 15px !important;
justify-content: center;
align-items: center;
flex-shrink: 0;
} .custom-cf7-button-wrapper:hover {
--gradient-stop: 12% !important;
}
.custom-cf7-button-wrapper:hover .gspb-buttonbox-icon img {
animation: slideIcon 0.5s forwards;
}
@keyframes slideIcon {
0% {
transform: translateX(0);
opacity: 1;
}
49% {
transform: translateX(150%);
opacity: 0;
}
50% {
transform: translateX(-150%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.link-box .link-box-img img {
transition: 200ms transform ease;
}
.link-box .link-box-img {
overflow: hidden;
}
.link-box .link-box-arrow {
opacity: 0;
transition: 200ms opacity ease;
}
.link-box .link-box-title {
transition: 200ms all ease;
}
.link-box:hover .link-box-arrow {
opacity: 1;
}
.link-box:hover .link-box-title {
color: var(--theme-palette-color-1)
}
.link-box:hover .link-box-img img {
transform: scale(1.05);
}
.link-showreel {
cursor: pointer;
}
@media (max-width: 768px) {
.gspb-buttonbox.primary-button .gspb-buttonbox-textwrap {
justify-content: space-between !important;
width: 100% !important;
}
.custom-cf7-button-wrapper.primary-button {
width: 100% !important;
justify-content: space-between;
}
.custom-cf7-button-wrapper input.wpcf7-submit {
text-align: start;
}
} #header .ct-container div p {
margin-bottom: 0 !important;
line-height: 0;
}
.btn-feature a,
#offcanvas .ct-panel-content-inner .ct-header-cta a {
display: flex;
justify-content: center !important;
align-items: center;
height: 48px !important;
background-color: var(--theme-palette-color-4);
color: var(--theme-palette-color-5) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: uppercase;
padding: 0 24px 0 36px !important;
border-radius: 999px;
letter-spacing: .56px;
}
.btn-feature a::after,
#offcanvas .ct-panel-content-inner .ct-header-cta a::after {
content: '';
position: absolute !important;
display: block;
width: 6px !important;
height: 6px !important;
background-color: #2FE951 !important;
border-radius: 999px;
filter: drop-shadow(0 0 8px #2FE951) drop-shadow(0 0 24px #2FE951);
top: 20px;
left: 20px !important;
opacity: 1 !important;
}
#lang-btn .circle {
transition: 200ms all ease;
}
#lang-btn:hover .circle {
fill: var(--theme-palette-color-5);
}
#header [data-device=desktop] .sub-menu {
margin-top: -4px;
max-width: fit-content;
padding: 8px !important;
border-radius: 8px;
box-shadow: 0 4px 20px 0 rgba(20, 23, 28, 0.16) !important;
}
#header [data-device=desktop] .sub-menu li a {
font-size: 16px !important;
line-height: 24px !important;
font-weight: 500 !important;
height: 48px !important;
padding: 12px !important;
white-space: nowrap;
transition: 200ms all ease;
}
.menu-item-has-children .ct-menu-link .ct-toggle-dropdown-desktop {
transition: 200ms all ease;
}
.menu-item-has-children:hover .ct-toggle-dropdown-desktop {
transform: rotate(180deg);
}
.menu-item-has-children:hover .ct-toggle-dropdown-desktop path {
fill: var(--theme-palette-color-1);
}
nav[class*=menu] li[class*=current-menu-]>.ct-menu-link .ct-toggle-dropdown-desktop path, 
nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent .ct-toggle-dropdown-desktop {
fill: var(--theme-palette-color-1);
} [data-header*="type-1"] [data-id="mobile-menu"] .sub-menu {
font-weight: 500 !important;
}
#offcanvas .ct-panel-content-inner .ct-menu-link {
font-weight: 500 !important;
} #offcanvas {
top: 84px !important;
height: calc(100dvh - 84px) !important;
transition: top 0.3s ease, height 0.3s ease !important; } body.is-scrolled #offcanvas {
top: 84px !important;
height: calc(100dvh - 84px) !important;
} @media (min-width: 783px) {
#offcanvas {
top: 114px !important;
height: calc(100dvh - 114px) !important;
transition: top 0.3s ease, height 0.3s ease !important; } body.is-scrolled #offcanvas {
top: 114px !important;
height: calc(100dvh - 114px) !important;
}
} .mobile-menu li {
position: static !important;
} .mobile-menu {
position: relative !important;
} .mobile-menu .ct-toggle-dropdown-mobile svg {
transform: rotate(-90deg) !important;
transition: none !important;
} .mobile-menu .sub-menu {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important; min-height: 100vh !important; background: #ffffff !important;
z-index: 100 !important;
margin: 0 !important;
padding: 0 0 20px 0 !important;
display: block !important; transform: translateX(100%) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important; max-height: none !important;
overflow-y: auto !important; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
} .mobile-menu li.dropdown-active>.sub-menu {
transform: translateX(0) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
} .ct-back-button {
display: flex !important;
flex-direction: row !important;
align-items: center;
gap: 8px;
padding: 16px 0;
cursor: pointer;
font-size: 16px;
list-style: none;
}
.ct-back-button span {
line-height: 1.3rem;
}
#offcanvas .ct-panel-content-inner {
display: flex;
justify-content: space-between;
overflow: hidden;
height: 100%;
padding: 16px 0 !important; max-width: var(--theme-normal-container-max-width);
width: var(--theme-container-width);
margin-inline: auto;
}
#offcanvas .ct-panel-content-inner .ct-menu-link {
padding: 16px 0;
}
#offcanvas .ct-panel-inner .ct-panel-actions {
display: none !important;
}
.ct-toggle-dropdown-mobile {
transform: rotate(90deg);
} .ct-footer [data-row*="middle"] [data-column]:first-of-type {
border-right: 1px solid var(--theme-palette-color-13) !important;
}
@media (min-width: 999px) {
.ct-footer [data-row*="middle"] [data-column]:first-of-type {
max-width: 377px;
}
}
@media (min-width: 769px) {
.newsletter-block {
max-height: 560px;
}
}
@media (max-width: 1000px) {
.ct-footer [data-row*="middle"] [data-column]:first-of-type {
border-right: 0 !important;
}
}
@media (max-width: 768px) {
.newsletter-block {
padding: 48px 24px !important;
}
#footer ul.wp-block-list li {
padding: 8px 0 !important;
}
}
@media (max-width: 468px) {
#footer .secondary-button {
width: 100%;
}
}
.ct-footer .ct-widget ul li a {
font-size: 16px !important;
} .form-container br {
display: none;
}
.form-container p:last-of-type {
display: flex;
justify-content: center;
}
.form-container .wpcf7-spinner {
display: none;
}
.form-container {
padding-top: 32px;
max-width: 464px;
margin: 0 auto;
color: var(--theme-palette-color-8) !important;
}
.form-container a {
color: var(--theme-palette-color-8) !important;
text-decoration: underline;
}
.form-container a:hover {
color: var(--theme-palette-color-6) !important;
}
.form-container input[type="email"] {
border-radius: 4px;
border: 1px solid var(--theme-palette-color-12);
background-color: var(--theme-palette-color-8);
height: 48px;
}
.form-container input[type="email"]:focus {
background-color: var(--theme-palette-color-8);
}
.form-container input[type="email"]::placeholder {
color: var(--theme-palette-color-7);
}
.form-container p {
margin-bottom: 16px;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex !important;
justify-content: start;
align-items: start;
}
.wpcf7-form .wpcf7-acceptance label input[type="checkbox" i] {
margin: 4px 8px 0 0;
display: block;
}
.wpcf7-form .wpcf7-acceptance label span {
font-weight: 400 !important;
}
.form-container .wpcf7-submit {
display: block;
margin: 0 auto;
float: none !important;
}
.wpcf7-select {
color: var(--theme-palette-color-9) !important;
}
.wpcf7-select:invalid {
color: var(--theme-palette-color-9) !important;
}
.wpcf7-select option {
color: var(--theme-palette-color-9) !important; 
}
.wpcf7 input::placeholder, 
.wpcf7 textarea::placeholder {
color: var(--theme-palette-color-9) !important; 
opacity: 1 !important; 
}
.wpcf7 input:-ms-input-placeholder, 
.wpcf7 textarea:-ms-input-placeholder {
color: var(--theme-palette-color-9) !important;
opacity: 1 !important; 
}
#footer .wpcf7 .wpcf7-response-output,
#footer .wpcf7 form.invalid .wpcf7-response-output, 
#footer .wpcf7 form.unaccepted .wpcf7-response-output, 
#footer .wpcf7 form.payment-required .wpcf7-response-output {
border-color: transparent !important;
color: #fff !important;
text-align: center !important;
}
.wpcf7 .wpcf7-response-output {
border-color: transparent !important;
} .wpcf7-form br {
display: none;
}
.wpcf7-form p {
margin-bottom: 16px !important;
}
.wpcf7-form .form-container p:last-of-type {
margin-bottom: 0 !important;
}
.wpcf7 label:not(.wpcf7-form-control-wrap) {
font-size: 14px !important;
font-weight: 400 !important;
margin-bottom: 4px !important;
}
select,
textarea,
input:is([type=url],
[type=tel],
[type=text],
[type=time],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=number],
[type=search],
[type=password]),
.ct-pseudo-input,
fieldset .wc-stripe-elements-field,
.ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
border-radius: 4px !important;
border: 1px solid var(--theme-palette-color-12) !important;
background-color: var(--theme-palette-color-8) !important;
}
select,
input:is([type=url],
[type=tel],
[type=text],
[type=time],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=number],
[type=search],
[type=password]),
.ct-pseudo-input,
fieldset .wc-stripe-elements-field,
.ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
height: 48px !important;
}  .navitec-blog-archive {
padding-bottom: 72px;
}
.blog-filter-container {
display: flex;
align-items: center;
gap: 8px;
overflow-y: visible;
overflow-x: auto; white-space: nowrap;
margin: 24px 0;
}
.filter-label {
font-weight: bold;
color: #333;
}
.blog-filters {
list-style: none;
padding: 8px 0;
margin: 0;
display: flex;
gap: 8px;
}
.filter-link {
text-decoration: none;
opacity: .5;
color: var(--theme-palette-color-7);
padding: 4px 12px;
border: 1px solid #ddd;
transition: all 0.3s ease;
}
.filter-link.active,
.filter-link:hover {
opacity: 1;
color: var(--theme-palette-color-7);
border-color: var(--theme-palette-color-7);
} .posts-grid-layout {
display: grid;
grid-template-columns: repeat(1, 1fr); gap: 48px 16px;
opacity: 1;
transition: opacity 0.4s ease-in-out; padding: 16px 0;
} .posts-grid-layout.loading {
opacity: 0.5;
pointer-events: none;
}
.card-image-wrapper {
aspect-ratio: 17 / 10;
overflow: hidden;
}
.card-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-title {
font-size: 20px;
line-height: 28px;
margin: 16px 0 4px 0;
}
@media (min-width: 1000px) {
.posts-grid-layout {
gap: 62px 32px;
} .blog-card:nth-child(1),
.blog-card:nth-child(2) {
grid-column: span 3;
} .blog-card:nth-child(1),
.blog-card:nth-child(2) {
grid-column: span 3;
}
.card-title {
font-size: 24px;
line-height: 32px;
}
.blog-card:nth-child(1) .card-title,
.blog-card:nth-child(2) .card-title {
font-size: 32px;
line-height: 36px;
} .blog-card:nth-child(n+3) {
grid-column: span 2;
} .blog-card {
display: flex;
flex-direction: column;
grid-column: span 6; }
}
@media (min-width: 768px) {
.navitec-blog-archive {
padding-bottom: 96px;
}
} @media (min-width: 568px) {
.posts-grid-layout { grid-template-columns: repeat(6, 1fr);
} .blog-card {
display: flex;
flex-direction: column;
grid-column: span 3; }
.blog-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 200ms all ease;
}
} .blog-card:hover .card-image-wrapper img {
transform: scale(1.05);
}
.card-category-list {
display: flex;
gap: 8px;
}
.card-category {
display: inline-block;
border: 1px solid var(--theme-palette-color-7);
padding: 4px 12px;
font-size: 16px;
margin: 16px 0 0 0;
color: var(--theme-palette-color-7);
}
.card-title a {
text-decoration: none;
font-weight: 500;
}
.card-meta {
color: var(--theme-palette-color-9);
font-size: 14px;
margin-top: auto; padding-top: 10px;
} .single-post .site-main {
padding-bottom: 48px;
}
.single-post .wp-block-greenshift-blocks-image {
margin-bottom: 24px;
}
@media (min-width: 768px) {
.single-post .site-main {
padding-bottom: 96px;
}
} .breadcrumb-nav {
padding: 16px 0;
}
.hero-image-container {
position: relative;
height: 420px;
border-radius: 32px;
overflow: hidden;
}
.hero-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(20, 23, 28, 0.86) 13.94%, rgba(20, 23, 28, 0.00) 96.63%);
}
.hero-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: end;
gap: 16px;
max-width: 720px;
padding: 48px 24px;
height: 100%;
color: var(--theme-palette-color-8);
}
.hero-container .entry-title {
margin-bottom: 0;
}
@media (min-width: 768px) {
.hero-image-container {
height: 560px;
}
.hero-container {
padding: 72px 48px;
}
} .entry-category {
display: flex;
flex-direction: row;
gap: 8px;
color: var(--theme-palette-color-8);
}
.entry-category a {
color: inherit;
text-decoration: none !important;
padding: 4px 12px;
border: 1px solid var(--theme-palette-color-8);
}
.entry-title {
color: inherit;
}
.entry-meta time {
color: var(--theme-palette-color-8);
text-transform: none !important;
} .entry-content.ct-container {
max-width: 720px;
padding: 42px 0px;
margin: 0 auto;
} .recommended-articles {
background-color: var(--theme-palette-color-5);
padding: 64px 32px;
border-radius: 32px;
}
.articles-grid .blog-card {
grid-column: span 1 !important;
}
.articles-grid .blog-card .card-title {
font-size: 24px;
line-height: 32px;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 25px;
margin-top: 40px;
}
@media (max-width: 992px) {
.articles-grid {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.articles-grid {
grid-template-columns: 1fr; }
}
.section-title {
text-align: center;
margin-bottom: 32 px;
}  .job-grid-container {
display: grid;
gap: 20px; grid-template-columns: repeat(3, 1fr);
margin: 20px 0;
} @media (max-width: 1024px) {
.job-grid-container {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 600px) {
.job-grid-container {
grid-template-columns: 1fr;
}
} .job-card {
border: 1px solid var(--theme-palette-color-12);
padding: 32px;
border-radius: 32px;
display: flex;
flex-direction: column;
transition: transform 0.2s ease;
}
.job-card:hover {
transform: translateY(-2px);
color: var(--theme-palette-color-7);
}
.job-card a:hover {
color: var(--theme-palette-color-7);
}
.job-card a:hover .job-card-link,
.job-card-link:hover {
color: #fff !important;
}
.job-card-title {
margin-top: 0;
justify-content: center;
text-align: center;
margin-bottom: 4px !important;
}
.job-card-meta {
font-size: 16px;
margin-bottom: 15px;
display: flex;
gap: 16px;
color: var(--theme-palette-color-9);
justify-content: center;
}
.job-card-excerpt {
font-size: 16px;
margin-bottom: 20px;
flex-grow: 1;
justify-content: center;
text-align: center;
}
.job-card-link {
text-transform: uppercase;
font-weight: 600;
color: var(--theme-palette-color-5);
background-color: var(--theme-palette-color-4);
border: 1px solid var(--theme-palette-color-12);
height: 48px;
padding: 12px 24px;
border-radius: 999px;
display: block;
margin: 0 auto;
}  .accordion-item.active .accordion-title img {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.accordion-item.active .accordion-title h4,
.accordion-item.active .accordion-title h5 {
color: var(--theme-palette-color-6);
} .accordion-title img {
transition: transform 0.3s ease;
} .accordion-title {
cursor: pointer;
}
.accordion-title h4,
.accordion-title h5 {
transition: 200ms all ease;
}
.accordion-title:hover h4,
.accordion-title:hover h5 {
color: var(--theme-palette-color-1);
} .custom-centered-slider {
width: 100%;
max-width: 100vw;
padding-bottom: 20px;
overflow: hidden;
position: relative;
display: block;
}
.custom-centered-slider .swiper-slide {
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
} .custom-centered-slider .img-wrapper {
width: 224px; height: 540px;
opacity: 0.5;
border-radius: 32px;
overflow: hidden;
transition: width 0.6s ease-in-out, opacity 0.6s ease-in-out;
flex-shrink: 0;
}
.custom-centered-slider .swiper-slide-active .img-wrapper {
width: 720px; opacity: 1;
}
.custom-centered-slider .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.slider-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
margin-top: 32px;
}
.custom-fraction {
position: static !important;
width: auto !important;
font-size: 16px !important;
font-weight: 400 !important;
color: var(--theme-palette-color-9) !important;
}
.custom-arrow {
position: static !important;
width: 48px !important;
height: 48px !important;
background-color: #fff !important;
border-radius: 50% !important;
margin: 0 !important;
cursor: pointer !important;
display: flex !important;
border: 1px solid var(--theme-palette-color-12) !important;
align-items: center !important;
justify-content: center !important;
transition: 200ms all ease !important;
}
.custom-arrow svg {
width: 20px !important;
height: 20px !important;
}
.custom-arrow:hover {
background: var(--theme-palette-color-5) !important;
}
.custom-arrow::after {
font-size: 16px;
color: #333;
font-weight: bold;
}
.custom-arrow::after {
display: none;
}
.custom-arrow {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
@media (max-width: 800px) {
.custom-centered-slider .img-wrapper {
border-radius: 24px;
height: 340px !important;
width: 120px;
}
.custom-centered-slider .swiper-slide-active .img-wrapper {
width: 340px;
}
} .course-location-title {
font-size: 18px;
font-weight: 600;
color: #14171C;
margin-bottom: 15px;
}
.course-dates-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.course-list-item {
background: #FFFFFF;
border: 1px solid #fff;
border-radius: 4px; padding: 8px 12px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: border-color 0.2s ease;
border: 1px solid transparent;
}
.course-list-item:hover {
border-color: var(--theme-palette-color-12);
}
.course-date-text {
font-size: 16px;
color: #14171C;
font-weight: 500;
}
.course-arrow {
transform: rotate(270deg);
}
.course-arrow svg {
display: block; }  .video-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); z-index: 100000;
display: none;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.video-modal-overlay.is-open {
opacity: 1;
display: flex !important;
} .video-modal-container {
background: #fff;
padding: 8px;
border-radius: 12px;
width: 95%;
max-width: 900px;
transform: translateY(20px);
transition: transform 0.3s ease;
}
.video-modal-overlay.is-open .video-modal-container {
transform: translateY(0);
} .video-aspect-ratio {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
background: #000;
border-radius: 4px;
}
.video-aspect-ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.video-modal-close-btn {
background: none;
border: 1px solid #dadce0;
cursor: pointer;
padding: 8px;
border-radius: 50%;
display: flex;
margin-left: auto;
}
@media (min-width: 1000px) {
.banner-youtube {
width: 100% !important;
height: 100% !important;
}
}
.popup-youtube {
overflow: hidden;
}
.popup-youtube .popup-youtube-img {
width: 100%;
}
.popup-youtube .popup-youtube-img img {
width: 100% !important;
transition: 200ms all ease;
object-position: bottom;
}
.popup-youtube:hover .popup-youtube-img img {
transform: scale(1.05);
} .service-block .wp-block-separator {
border-top: 0 !important;
}
.service-block .wp-block-separator.has-palette-color-5-background-color {
background-color: var(--theme-palette-color-12) !important;
}
.service-block .wp-block-separator:not(.is-style-dots) {
height: 1px !important;
}
.service-block h5::before {
content: '';
position: absolute;
top: 10px;
left: -34px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--theme-palette-color-1);
}
.service-content::before {
content: '';
position: absolute;
top: 10px;
left: -30px;
width: 1px;
height: calc(100% - 10px);
background: var(--theme-palette-color-12);
} @media (max-width: 689px) {
.arrow-mobile {
transform: rotate(90deg);
}
} #daextlwcn-revisit-cookie-consent-container {
transition: margin-bottom 0.3s ease;
}
body:has(#offcanvas.active) #daextlwcn-revisit-cookie-consent-container {
margin-bottom: 72px !important;
transition: margin-bottom 0.3s ease;
} .error404 #main {
min-height: 60dvh;
display: flex;
justify-content: center;
align-items: center;
}
.error404 #main .ct-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.job-card a {
text-decoration: none !important;
}