@import url('base.css');

main#home {
    display: grid;
    align-content: flex-end;
    margin-top:0;
}

    main#home .wrapper{
        padding:0;
    }


.tagline {
    color: var(--Shadow-Grey, #272932);
    font-family: Outfit, Outfit-Regular;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 15px */
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 16px;
    background: #C5CACF;
    padding: 10px 24px 10px 16px;
    width: max-content;
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
    display: grid;
    align-items: center;
}


    .tagline-wrapper{
        gap:16px;
        display:grid;
    }

.tagline-wrapper * {
    margin:0;
}

/****************************************************************HERO*/
section.pw-hero {
    width: 100%;
    height: 100%;
}

    section.pw-hero .wrapper {
        position: relative;
    }

    section.pw-hero .shader {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    section.pw-hero .hero-container {
        width: 100%;
        height: 100%;
        min-height: 800px;
        display: grid;
        grid-template-columns: 469px auto;
        position: relative;
        padding-inline: 72px 0;
        background: url('/Files/templates/main-2026/images/home_hero_bg_lg.webp') center bottom no-repeat;
    }

        section.pw-hero .hero-container .hero-left {
            width: 100%;
            height: 100%;
            max-width: 469px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
            align-items: center;
            align-content: end;
            justify-items: flex-start;
            padding-bottom: 163px;
        }

            section.pw-hero .hero-container .hero-left h1 {
                color: var(--Midnight-Violet, #2C1224);
                font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
                font-size: 32px;
                font-style: normal;
                font-weight: 800;
                line-height: 120%; /* 38.4px */
            }

            section.pw-hero .hero-container .hero-left p {
                color: var(--Shadow-Grey, #272932);
                font-family:Outfit, Outfit-Regular;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 150%; /* 27px */
            }

            section.pw-hero .hero-container .hero-left a {
                display: flex;
                padding: 12px 15px 12px 20px;
                align-items: center;
                gap: 10px;
                background: var(--Carmine, #BE1E2D);
                color: white;
            }

                section.pw-hero .hero-container .hero-left a span {
                    font-family:Outfit, Outfit-Regular;
                    font-size:16px;
                }

        section.pw-hero .hero-container .hero-roll {
            display: grid;
            align-content: end;
            padding: 48px;
            justify-content: end;
            position: relative
        }

            section.pw-hero .hero-container .hero-roll picture {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: grid;
                overflow:hidden;
                align-items:end;
            }

                section.pw-hero .hero-container .hero-roll picture * {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    max-width: 677px;
                    object-position: center bottom;
                }

            section.pw-hero .hero-container .hero-roll ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 16px;
            }

                section.pw-hero .hero-container .hero-roll ul li {
                    position: relative;
                    display: block;
                    opacity: 0.9;
                    background: var(--White, #FFF);
                    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.10);
                    backdrop-filter: blur(5px);
                    max-width: 464px;
                }

                    section.pw-hero .hero-container .hero-roll ul li a {
                        padding: 16px;
                        display: grid;
                        grid-template-columns: 64px auto;
                        gap: 16px;
                        color: #FFF;
                        font-family:Outfit, Outfit-Regular;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 24px; /* 150% */
                        letter-spacing: 0.32px;
                    }

                        section.pw-hero .hero-container .hero-roll ul li a .content {
                            display: grid;
                            grid-template-columns: 1fr;
                            gap: 4px;
                        }


                        section.pw-hero .hero-container .hero-roll ul li a span {
                            overflow: hidden;
                            color: var(--Carmine, #BE1E2D);
                            text-overflow: ellipsis;
                            font-family:Outfit, Outfit-Regular;
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 120%; /* 14.4px */
                            letter-spacing: 0.6px;
                        }

                        section.pw-hero .hero-container .hero-roll ul li a p {
                            color: #000;
                            font-family:Outfit, Outfit-Regular;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 120%; /* 19.2px */
                        }

                        section.pw-hero .hero-container .hero-roll ul li a img {
                            /*width:100%;
                            height:100%;*/
                            object-fit: cover;
                            aspect-ratio: 1 / 1;
                        }
                    .hero-roll ul li .card-close {
                        position: absolute;
                        top: 8px;
                        right: 8px;
                        background: none;
                        border: none;
                        cursor: pointer;
                        color: currentColor;
                        padding: 2px;
                        line-height: 1;
                    }

                        .hero-roll ul li .card-close:hover {
                            color: var(--Red, #C8102E);
                        }
                    .hero-roll ul li a:hover p {
                        text-decoration: underline;
                    }


                        /****************************************************************CAREER*/
                        section.pw-career-path {
                            width: 100%;
                            height: 100%;
                        }

    section.pw-career-path .top {
        width: 100%;
        height: 100%;
        background: var(--Midnight-Violet, #2C1224);
        display: grid;
        gap: 16px;
        padding: 80px 0 48px 0;
    }

        section.pw-career-path .top * {
            color: var(--Snow, #FBF9FF);
        }

        section.pw-career-path .top h2 {
            color: var(--Snow, #FBF9FF);
            text-align: center;
            font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
            font-size: 32px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%; /* 38.4px */
        }

        section.pw-career-path .top p {
            color: var(--White, #FFF);
            text-align: center;
            font-family:Outfit, Outfit-Regular;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 27px */
        }

    section.pw-career-path .detail-image {
        top: 200px;
        position: sticky;
    }

    section.pw-career-path .pw-career-container {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
        background: var(--Midnight-Violet, #2C1224);
        min-height: 420px;
        padding-inline: 48px;
        padding-bottom: 80px;
    }


        section.pw-career-path .pw-career-container ul {
            width: 100%;
            height: 100%;
            display: grid;
            grid-template-columns: 1fr;
            align-items: flex-start;
            background: var(--Midnight-Violet, #2C1224);
            margin: 0;
            padding: 0;
            list-style-type: none;
            gap: 4px;
        }

        section.pw-career-path .pw-career-container .categories {
            padding: 0 24px;
        }

            section.pw-career-path .pw-career-container .categories li {
                position: relative;
            }



                section.pw-career-path .pw-career-container .categories li a {
                    width: 100%;
                    height: 100%;
                    display: grid;
                    background: linear-gradient(0deg, rgba(116, 131, 134, 0.40) 0%, rgba(116, 131, 134, 0.40) 100%), #FBF9FF;
                    grid-template-columns: 32px 1fr 16px;
                    gap: 16px;
                    padding: 16px 24px;
                    align-items:center;
                }

                    section.pw-career-path .pw-career-container .categories li a #afford {
                        color: var(--Shadow-Grey, #272932);
                    }

                    section.pw-career-path .pw-career-container .categories li a p {
                        color: var(--Shadow-Grey, #272932);
                        /* Desktop/Body Bold */
                        font-family:Outfit, Outfit-Regular;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 120%; /* 21.6px */
                        letter-spacing: 0.18px;
                    }

                    section.pw-career-path .pw-career-container .categories li a .inside-detail {
                        display: grid;
                        grid-template-columns: auto auto auto 1fr;
                        gap: 8px;
                        align-content:center;
                    }
                    section.pw-career-path .pw-career-container .categories li a .inside-detail *{
                        color: var(--Shadow-Grey, #272932);
                        font-family:Outfit, Outfit-Regular;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 130%;
                        opacity: 0.6;
                    }

                        section.pw-career-path .pw-career-container .categories li .programs {
                            height: 0;
                            overflow: hidden;
                            visibility: hidden;
                            display: block;
                            /* Ensure no transitions are here to fight GSAP */
                            transition: none !important;
                        }

                /* We only use this for the visibility toggle */
                section.pw-career-path .pw-career-container .categories li.is-open .programs {
                    visibility: visible;
                }

                section.pw-career-path .pw-career-container .categories li .programs ul {
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    border-bottom: 1px solid rgba(116, 131, 134, 0.10);
                    background: linear-gradient(0deg, rgba(116, 131, 134, 0.10) 0%, rgba(116, 131, 134, 0.10) 100%), #FBF9FF;
                }

                    section.pw-career-path .pw-career-container .categories li .programs ul li {
                        border-bottom: 1px solid rgba(116, 131, 134, 0.10);
                        background: linear-gradient(0deg, rgba(116, 131, 134, 0.10) 0%, rgba(116, 131, 134, 0.10) 100%), #FBF9FF;
                    }

                        section.pw-career-path .pw-career-container .categories li .programs ul li:before {
                            content: unset;
                        }

                        section.pw-career-path .pw-career-container .categories li .programs ul li:after {
                            content: unset;
                        }



                        section.pw-career-path .pw-career-container .categories li .programs ul li a {
                            display: grid;
                            grid-template-columns: 1fr 16px !important;
                            padding: 16px 24px;
                            border-bottom: 1px solid rgba(116, 131, 134, 0.10);
                            background: linear-gradient(0deg, rgba(116, 131, 134, 0.10) 0%, rgba(116, 131, 134, 0.10) 100%), #FBF9FF;
                        }


                            section.pw-career-path .pw-career-container .categories li .programs ul li a .detail {
                                display: grid;
                                grid-template-columns: 1fr;
                                gap: 4px;
                            }

                            section.pw-career-path .pw-career-container .categories li .programs ul li a .inside-detail * {
                                color: var(--Shadow-Grey, #272932);
                                /* Mobile/Small */
                                font-family:Outfit, Outfit-Regular;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 130%; /* 18.2px */
                                opacity: 0.6;
                            }

                section.pw-career-path .pw-career-container .categories li:first-of-type:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 16px;
                    height: 16px;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0.000193134 16L16 0H0L0.000193134 16Z' fill='%232C1224'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    pointer-events: none; /* Ensures the triangle doesn't block clicks */
                }

                section.pw-career-path .pw-career-container .categories li:last-of-type:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 16px;
                    height: 16px;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 16V0L0 16H16Z' fill='%232C1224'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    pointer-events: none;
                }
/****************************************************************ABOUT US*/
section.pw-about {
    width: 100%;
    height: 100%;
    min-height: 420px;
}

    section.pw-about .pw-about-container {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
        background: var(--Snow, #FBF9FF);
    }

        section.pw-about .pw-about-container .about-pw-left {
            width: 100%;
            display: grid;
            padding: 48px;
            align-items: anchor-center;
            gap: 24px;
            position: sticky;
            top: 150px;
            align-content: flex-start;
            align-self: flex-start; 
        }

            section.pw-about .pw-about-container .about-pw-left .tagline {
                margin-bottom: 0;
            }

            section.pw-about .pw-about-container .about-pw-left h2 {
                color: var(--Midnight-Violet, #2C1224);
                /* Desktop/H2 */
                font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%; /* 38.4px */
            }

            section.pw-about .pw-about-container .about-pw-left .bigger-p {
                color: var(--Shadow-Grey, #272932);
                /* Desktop/Lead */
                font-family:Outfit, Outfit-Regular;
                font-size: 24px;
                font-style: normal;
                font-weight: 300;
                line-height: 150%; /* 36px */
            }

            section.pw-about .pw-about-container .about-pw-left ul {
                margin-left: 30px;
            }

    section.pw-about p, section.pw-about ul {
        color: var(--Shadow-Grey, #272932);
        /* Desktop/Body */
        font-family:Outfit, Outfit-Regular;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
    }

    section.pw-about .fs-why__video-name {
        font-family: "Outfit-SemiBold";
        font-size: 13px;
        color: rgba(255, 255, 255, 0.90);
    }

    section.pw-about .fs-why__video-title {
        font-family: "Outfit-SemiBold";
        font-size: 12px;
        font-style: italic;
        color: rgba(255, 255, 255, 0.90);
    }

    section.pw-about ul {
        display: grid;
    }

    section.pw-about p a {
        text-decoration: underline;
    }

    section.pw-about .pw-about-container .about-pw-right {
        width: 100%;
        height: 100%;
        display: grid;
        padding: 48px;
        align-items: flex-start;
        gap: 16px;
    }

        section.pw-about .pw-about-container .about-pw-right amp {
            width: 100%;
            /*height: 100%;
            min-height: 350px;*/
            background: crimson;
            border-radius: 4px;
            aspect-ratio: 16 / 9;
        }

            section.pw-about .pw-about-container .about-pw-right amp iframe {
                width: 100%;
                height: 100%;
                border-radius: 4px;
            }

            section.pw-about .pw-about-container .about-pw-right ul {
                width: 100%;
                height: 100%;
                display: grid;
                gap: 16px;
            }

                section.pw-about .pw-about-container .about-pw-right ul li {
                    width: 100%;
                    height: 100%;
                    min-height: 189px;
                    max-height: 240px;
                    background: linear-gradient(0deg, rgba(44, 18, 36, 0.10) 0%, rgba(44, 18, 36, 0.10) 100%), #FBF9FF;
                    display: grid;
                    gap: 24px;
                    padding: 24px;
                }

                section.pw-about .pw-about-container .about-pw-right ul li .quote {
                    color: var(--Shadow-Grey, #272932);
                    /* Desktop/Body */
                    font-family:Outfit, Outfit-Regular;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%; /* 23.4px */
                }

                section.pw-about .pw-about-container .about-pw-right ul li .student {
                    width: 100%;
                    display: grid;
                    grid-template-columns: 1fr 48px;
                    gap: 24px;
                    align-items: center;
                }

                section.pw-about .pw-about-container .about-pw-right ul li .grad {
                    color: var(--Shadow-Grey, #272932);
                    /* Desktop/Small */
                    font-family:Outfit, Outfit-Regular;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 130%; /* 19.5px */
                }


                section.pw-about .pw-about-container .about-pw-right ul li icon.testimonial-icon {
                    display: block;
                    width: 48px;
                    height: 48px;
                    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='48' viewBox='0 0 49 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0527 8.00012C28.0524 8.00031 27.3623 32.5462 5.55275 40.0001C3.61527 40.4845 1.20835 39.0918 2.86622 37.1759L3.04005 36.9894C3.07856 36.9503 7.4336 32.5208 8.55275 29.5001C-2.94628 26.4999 -0.948266 8.00024 12.0527 8.00012ZM37 8.00012C52.9999 8.00012 52.3099 32.5462 30.5 40.0001C28.5626 40.4842 26.156 39.0916 27.8135 37.1759L27.9873 36.9894C27.9873 36.9894 32.3759 32.5342 33.5 29.5001C22.0015 26.4996 23.9995 8.00061 37 8.00012ZM12.0527 9.42883C6.39645 9.42889 3.13933 13.3897 2.53029 17.8195C1.91553 22.2923 4.03527 26.8455 8.91408 28.1183L10.4414 28.5167L9.89259 29.9962C9.23738 31.7648 7.71129 33.8025 6.47462 35.2941C5.8358 36.0646 5.23428 36.7357 4.79298 37.214C4.57211 37.4534 4.3902 37.6462 4.26271 37.7794C4.19926 37.8457 4.14908 37.8979 4.11427 37.9337C4.097 37.9515 4.08275 37.966 4.07326 37.9757L4.05568 37.9933C3.87255 38.1787 3.79527 38.3081 3.76271 38.3781C3.85148 38.4556 4.03999 38.5642 4.33009 38.6251C4.60493 38.6828 4.90152 38.6813 5.16798 38.6212C15.5627 35.0399 20.7438 27.4782 21.5645 21.0245C21.9769 17.7804 21.2894 14.8773 19.7188 12.8185C18.1735 10.7931 15.657 9.42888 12.0527 9.42883ZM37 9.42883C31.3438 9.42908 28.0865 13.3897 27.4776 17.8195C26.8628 22.2922 28.9828 26.8453 33.8613 28.1183L35.3887 28.5167L34.8399 29.9962C34.1846 31.7649 32.6586 33.8024 31.4219 35.2941C30.783 36.0647 30.1815 36.7357 29.7402 37.214C29.5193 37.4535 29.3375 37.6462 29.21 37.7794C29.1464 37.8458 29.0963 37.8979 29.0615 37.9337C29.0442 37.9516 29.03 37.966 29.0205 37.9757L29.0029 37.9933C28.8196 38.1789 28.7424 38.3082 28.71 38.3781C28.7987 38.4555 28.9875 38.5641 29.2774 38.6251C29.5521 38.6828 29.8488 38.6813 30.1152 38.6212C40.5101 35.04 45.6911 27.4783 46.5117 21.0245C46.9242 17.7802 46.2367 14.8774 44.666 12.8185C43.1207 10.7931 40.6043 9.42883 37 9.42883Z' fill='%23272932'/%3E%3C/svg%3E");*/
                    background-image: url("/Files/templates/main-2026/images/icons/quotes.svg");
                }



.pw-about .about-pw-left ul {

    padding-left: 20px;
}

.pw-about .about-pw-left li {
    margin-bottom: 8px;
}

/****************************************************************CAREER BLOG*/
section.pw-blog {
    width: 100%;
    position: relative;
    min-height: 515px;
}

    section.pw-blog .blog-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        background: linear-gradient(0deg, rgba(44, 18, 36, 0.10) 0%, rgba(44, 18, 36, 0.10) 100%), #FBF9FF;
    }

        section.pw-blog .blog-container .news {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr;
            padding: 48px;
            gap: 24px;
        }

            section.pw-blog .blog-container .news > div {
                display: grid;
            }

            section.pw-blog .blog-container .news .tagline {
                color: var(--Shadow-Grey, #272932);
                font-family:Outfit, Outfit-Regular;
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; /* 15px */
                letter-spacing: 0.9px;
                text-transform: uppercase;
                margin-bottom: 16px;
            }

            section.pw-blog .blog-container .news h2 {
                color: var(--Midnight-Violet, #2C1224);
                font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%;
            }

            section.pw-blog .blog-container .news ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                width: 100%;
                display: grid;
                grid-template-columns: 1fr;
                gap: 16px;
            }

                section.pw-blog .blog-container .news ul li {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }

                    section.pw-blog .blog-container .news ul li a {
                        display: grid;
                        grid-template-columns: 171px auto 2px;
                        align-items: center;
                        gap: 16px;
                        background: white;
                        cursor: pointer;
                    }

                        section.pw-blog .blog-container .news ul li a div {
                            display: grid;
                            grid-template-columns: auto 24px 2px;
                            align-items: center;
                        }

                    section.pw-blog .blog-container .news ul li p {
                        color: var(--Shadow-Grey, #272932);
                        /* The Magic Sauce */
                        display: -webkit-box;
                        -webkit-line-clamp: 2; /* Change this to 3 if you want more text */
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis; /* Fallback */
                        font-family: Outfit, Outfit-Regular;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 150%; /* 24px */
                        letter-spacing: 0.16px;
                    }

                    section.pw-blog .blog-container .news ul li a img {
                        width: 170px;
                        height: 96px;
                        object-fit: cover;
                        object-position: top;
                    }


            section.pw-blog .blog-container .news > a {
                color: #000;
                /* Desktop/Body */
                font-family:Outfit, Outfit-Regular;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 130%; /* 23.4px */
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
            }

        section.pw-blog .blog-container .events .events-container {
            display: grid;
            grid-template-rows: auto 150px;
            height: 100%;
            width: 100%;
        }

        section.pw-blog .blog-container .events img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }


        section.pw-blog .blog-container .events .event-text {
            background: var(--State-Grey, #748386);
            padding: 24px 48px 48px 48px;
            display: grid;
            grid-template-columns: 1fr 150px;
            width: 100%;
            height: 100%;
            gap: 24px;
            align-items: center;
            align-items: end;
        }
            section.pw-blog .blog-container .events .event-text > div{
                display:grid;
                align-content:center;
            }


            section.pw-blog .blog-container .events .event-text time {
                display: block;
                color: var(--White, #FFF);
                font-family: Outfit, Outfit-Regular;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 120%;
                letter-spacing: 0.18px;
                opacity: 0.5;
                margin-bottom: 8px;
            }

            section.pw-blog .blog-container .events .event-text p {
                color: var(--White, #FFF);
                /* Desktop/H3 */
                font-family:Outfit, Outfit-Regular;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 120%; /* 24px */
                letter-spacing: 0.2px;
            }

            section.pw-blog .blog-container .events .event-text a {
                padding: 12px 15px 12px 20px;
                background: var(--Carmine, #BE1E2D);
                color: white;
                display: grid;
                grid-template-columns: auto 24px;
                align-items: center;
                cursor: pointer;
                gap:8px;
            }

                section.pw-blog .blog-container .events .event-text a span {
                    color: #FFF;
                    font-family:Outfit, Outfit-Regular;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 24px; /* 150% */
                    letter-spacing: 0.32px;
                }

                section.pw-blog .blog-container .events .event-text a span,
                section.pw-blog .blog-container .events .event-text a icon {
                    display: inline-flex;
                    align-items: center;
                }

                section.pw-blog .blog-container .events .event-text a svg, section.pw-blog .blog-container .events .event-text a svg * {
                    stroke: #FFF;
                }
/****************************************************************CTA*/
section.pw-cta {
    width: 100%;
    position: relative;
    display: grid;
    align-items: center;
}


    section.pw-cta .cta-container:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url('/Files/templates/main-2026/images/cta-overlay.png') no-repeat;
        background-position: bottom right;
        background-size: cover;
        z-index: -1;
    }

    section.pw-cta .cta-container {
        position: relative;
        width: 100%;
        display: grid;
        grid-template-columns: auto calc(435px + 32px + 43px);
        background: radial-gradient(66.71% 52.22% at 71.58% 58.86%, rgba(44, 18, 36, 0.50) 0%, #2C1224 100%), #BE1E2D;
        z-index: 0;
    }

        section.pw-cta .cta-container .text {
            width: 100%;
            max-width: calc(560px + 48px + 48px);
            min-height: 350px;
            display: grid;
            align-content: center;
            justify-items: flex-start;
            padding: 48px;
        }

            section.pw-cta .cta-container .text h2 {
                color: var(--Snow, #FBF9FF);
                font-family:Outfit, Outfit-Regular;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 130%; /* 20.8px */
                letter-spacing: 0.64px;
                text-transform: uppercase;
                margin-bottom: 24px;
            }


            section.pw-cta .cta-container .text p {
                color: #FFF;
                font-family: "ZalandoSansExpanded-light";
                font-size: 32px;
                font-style: normal;
                font-weight: 600;
                line-height: 120%;
                margin-bottom: 32px;
            }



                section.pw-cta .cta-container .text p span.highlight {
                    color: #EAD78E;
                    /* Desktop/H2 */
                    font-family: "ZalandoSansExpanded-light";
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 120%;
                }



            section.pw-cta .cta-container .text a {
                display: grid;
                grid-template-columns: auto 16px;
                gap: 10px;
                padding: 8px 12px 8px 16px;
                align-items: center;
                background: var(--vcc-carmine);
                cursor: pointer;
            }

                section.pw-cta .cta-container .text a:hover {
                    background: var(--vcc-state-grey);
                    text-decoration: none;
                }

                section.pw-cta .cta-container .text a * {
                    color: #FFF;
                    font-family: Outfit, Outfit-Regular;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 24px; /* 171.429% */
                    letter-spacing: 0.28px;
                }


            section.pw-cta .cta-container .text icon {
                display: grid;
                justify-content: center;
            }


        section.pw-cta .cta-container .image {
            width: 100%;
            height: 100%;
            display: grid;
            align-content: end;
            justify-items: flex-start;
            max-width: 431px;
        }
main#home section.pw-blog .mobile {
    display: none;
}

@media only screen and (max-width:1200px) {
    section.pw-blog .blog-container .news ul li p {
        font-size: 14px;
    }

    section.pw-blog .blog-container .events .event-text p {
        font-size: 16px;
    }

    section.pw-blog .blog-container .news {
        padding: 48px 24px 48px 48px;
    }

    section.pw-hero .hero-container{
        min-height:550px;
    }
        section.pw-hero .hero-container .hero-left {
            padding-bottom: 48px;
            padding-top: 200px;
        }

        section.pw-hero .hero-container .hero-roll picture *{
            max-height:398px;
        }

        section.pw-hero .hero-container .hero-roll ul li a p{
            max-width:221px;
        }

   
}

@media only screen and (max-width:1110px) {
    section.pw-hero .hero-container {
        grid-template-columns: 1fr;
        align-content: end;
        min-height: unset;
        padding-inline: 48px 0;
    }


        section.pw-hero .hero-container .hero-left {
            padding-bottom: 0;
            max-width: 480px;
            padding-top: 160px /*102px*/;
            align-content: start;
        }

        section.pw-hero .hero-container .hero-roll {
            min-height: 176px;
        }
            section.pw-hero .hero-container .hero-roll ul{
                display:grid;
                grid-template-columns: 325px 325px;
            }

        section.pw-hero .hero-container .hero-roll {
            justify-content: flex-start;
            padding: 48px 0;
        }

            section.pw-hero .hero-container .hero-roll picture{
                overflow:unset;
            }

                section.pw-hero .hero-container .hero-roll picture * {
                    object-position: right bottom;
                }

                section.pw-hero .hero-container .hero-roll picture img {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    min-height: 390px;
                }



}



@media only screen and (max-width:1024px) {
    section.pw-hero .hero-container{
        padding-left:24px;
    }


    section.pw-about .pw-about-container .about-pw-left {
        position: relative;
        top: 0;
    }

    section.pw-blog .blog-container .news {
        padding: 48px 48px 48px 48px;
    }

        section.pw-blog .blog-container .news ul li p {
            font-size: 16px;
            height: 48px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    section.pw-hero .hero-container .hero-roll ul li a p{
        font-size:14px;
    }

    main#home section.pw-blog .blog-container .events .events-container {
        margin-top: 191px;
    }


    section.pw-blog .blog-container .events {
        align-self: flex-start;
    }

    section.pw-blog .blog-container .events .event-text p {
        font-size: 20px;
    }
    section.pw-hero .hero-container .hero-roll ul li a span{
        font-size:12px;
    }

    section.pw-career-path .top{
        padding-top:48px;
    }
        section.pw-career-path .top h2 {
            max-width: 770px;
            margin: 0px auto;
            font-size: 24px;
        }

    section.pw-career-path .pw-career-container{
        padding-bottom:0;
    }

    section.pw-career-path .top p {
        max-width: 770px;
        margin: 0px auto;
        color: var(--White, #FFF);
        text-align: center;
        /* Mobile/Lead */
        font-family: Outfit;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 130%; /* 26px */
        letter-spacing: 0.4px;
    }

    section.pw-career-path .pw-career-container{
        padding-inline:24px;
    }
    section.pw-about .pw-about-container .about-pw-left{
        padding:48px 24px;
    }

    section.pw-about .pw-about-container .about-pw-right {
        padding: 48px 24px;
    }

    section.pw-about .pw-about-container .about-pw-left h2 {
        font-size: 24px;
    }

    section.pw-about .pw-about-container .about-pw-left .bigger-p {
        font-size: 20px;
    }
    section.pw-about p, section.pw-about *{
        font-size:16px;
    }
    section.pw-about .pw-about-container .about-pw-right ul li .quote{
        font-size:16px !important;
    }


    .tagline {
        left: -24px;
        font-size: 14px !important;
        height: 32px;
    }
    section.pw-cta .cta-container {
        grid-template-columns: auto 336px;
    }
    section.pw-hero .hero-container .hero-roll ul {
        display: grid;
        grid-template-columns: 464px;
    }
        section.pw-hero .hero-container .hero-roll ul li{
            max-width:448px;
        }

        section.pw-cta .cta-container .text p {
            color: #FFF;
            /* Mobile/H2 */
            font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%; /* 31.2px */
        }
        section.pw-cta .cta-container .text p span.highlight {
            font-family: "Zalando Sans Expanded",Zalando-Medium, sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%; /* 31.2px */
        }
    section.pw-cta .cta-container .text h2 {
        color: var(--Snow, #FBF9FF);
        font-family: Outfit, Outfit-Regular;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 19.5px */
        letter-spacing: 0.6px;
    }
    section.pw-cta .cta-container .text {
        padding: 48px 24px;
    }

    section.pw-cta .cta-container .image{
        max-width:336px;
    }



}



@media only screen and (max-width:960px) {
    section.parent-top-bar{
        display:none;
    }
    section.pw-hero .hero-container {
        padding-inline: 48px 0;
        /*grid-template-columns: 392px auto;*/
    }
    section.pw-blog .blog-container .news ul li a {
        grid-template-columns: 1fr;
    }

        section.pw-blog .blog-container .news ul li a img{
            height:194px;
            width:100%;
        }

        section.pw-blog .blog-container .news ul li a div {
            display: grid;
            grid-template-columns: auto 24px 2px;
            align-items: center;
            padding: 20px 16px;
            gap: 16px;
        }

    section.pw-blog .blog-container .events .events-container{height:unset;}
    section.pw-hero .hero-container {
        grid-template-columns: 1fr;
        align-content: end;
        min-height: unset;
        padding-inline: 32px 0;
    }

    main#home section.pw-blog .blog-container .events .events-container {
        margin-top: 48px;
        padding-right: 0;
    }
    main#home section.pw-blog .blog-container .events img {
        max-height: unset;
    }
    /*  section.pw-about .pw-about-container {
        grid-template-columns: 1fr;
    }*/
    section.pw-about .pw-about-container .about-pw-left {
        position: relative;
        top: 0;
    }

    section.pw-blog .blog-container .news {
        padding: 0px 0px 24px 0px;
    }

        section.pw-blog .blog-container .news ul  {
            /*padding-inline:24px;*/
        }

        section.pw-blog .blog-container .news ul li p {
            font-size: 16px;
        }

    section.pw-blog .blog-container{
        padding-left:24px;
    }
    section.pw-blog .blog-container .events {
        padding-right: 24px;
    }

        section.pw-blog {
            background: linear-gradient(0deg, rgba(44, 18, 36, 0.10) 0%, rgba(44, 18, 36, 0.10) 100%), #FBF9FF;
        }

    section.pw-blog .mobile{
        padding:24px;
    }

    section.pw-blog .blog-container .events .event-text p {
        font-size: 20px;
    }
            section.pw-blog .blog-container{
                gap:24px;
            }

    main#student-experience .mobile h2{
        max-width:551px;
    }

    section.pw-career-path .pw-career-container {
        padding-inline: 24px;
    }

        section.pw-career-path .pw-career-container{
            gap:24px;
        }
        section.pw-career-path .top {
            padding: 80px 48px 48px 48px;
        }

    main#home section.pw-blog .mobile {
        display: block;
        padding: 24px;
    }

    main#home section.pw-blog .desktop {
        display: none;
    }



}




@media only screen and (max-width:820px) {
    section.pw-hero{
       /* min-height:100svh;*/
    }


        section.pw-hero .hero-container .hero-roll ul{
            grid-template-columns:unset;
        }

        section.pw-hero .hero-container{
            min-height:unset;
        }

        section.pw-hero .hero-container {
            padding-inline: 32px 0;
            grid-template-columns: 1fr;
            gap:24px;
            background-size: cover;
        }

            section.pw-hero .hero-container .hero-left {
                padding-bottom: 24px;
                padding-right: 24px;
                gap: 18px;
                /*margin-top: 128px;*/
                align-content: flex-start;
                padding-top: 110px;
            }

            section.pw-hero .hero-container .hero-roll picture img {
                min-height: 364px;
            }

            section.pw-blog .blog-container {
                grid-template-columns: 1fr;
            }

        section.pw-about .pw-about-container .about-pw-left {
            position: relative;
            top: 0;
        }

        section.pw-about .pw-about-container .about-pw-right ul li .quote {
            font-size: 16px;
        }
        section.pw-blog .blog-container .news {
            padding: 48px 48px 48px 48px;
        }


            section.pw-blog .blog-container .news ul li p {
                font-size: 16px;
                max-width: 420px;
            }

    section.pw-blog .blog-container .events .event-text p {
        font-size: 20px;
    }


    section.pw-blog .blog-container .news .tagline{
     
            font-size:14px;
  
    }

    section.pw-about .pw-about-container .about-pw-right ul li .grad{
        font-size:14px;
    }

    section.pw-about p, section.pw-about *{
        font-size:14px;
    }

    section.pw-about .pw-about-container{
        padding-top:48px;
    }

    section.pw-about .pw-about-container .about-pw-left {
        padding: 0px 24px;
    }

    section.pw-about .pw-about-container .about-pw-left h2 {
        font-size: 26px;
    }

    section.pw-career-path .top {
        padding: 48px 24px 48px 24px;
    }

    section.pw-career-path .pw-career-container .categories li a p{
        font-size:16px;
    }

    section.pw-hero .hero-container .hero-roll {
        padding: 24px 32px 24px 0;
    }


    section.pw-hero .hero-container .hero-roll ul li a p {
        font-size: 14px;
        max-width:224px;
        text-overflow:ellipsis;
    }
    section.pw-hero .hero-container .hero-roll ul li a span{
        font-size:12px;
    }

    section.pw-hero .hero-container .hero-left h1{
        font-size:26px;
    }
    section.pw-career-path .top{

    }

    section.pw-career-path .pw-career-container .categories {
        padding: 0 0px;
        width: 100%;
    }

    section.pw-about p{
        font-size:16px !important;
    }

    section.pw-about .pw-about-container .about-pw-right {
        padding: 48px 24px;
    }

    section.pw-about .pw-about-container .about-pw-right{
        padding:0 24px 24px 24px;
    }
    section.pw-blog .blog-container .news {
        padding: 24px;
    }

            section.pw-blog .blog-container .news ul li a img{
                width:100%;
                height:100%;
                max-height:320px;
            }
            section.pw-blog .blog-container .news ul li a div{
                padding:16px;
            }

    section.pw-blog .blog-container .events .event-text{
        padding:24px;
    }

    section.pw-blog .blog-container .events .events-container {
        grid-template-rows: auto auto;
    }

    section.pw-blog .blog-container {
        grid-template-columns: 1fr;
    }
    section.pw-cta .cta-container{
        grid-template-columns:456px auto !important;
    }
}


@media only screen and (max-width:768px) {

    section.pw-hero .hero-container .hero-left {
        position: relative;
        z-index: 2; /* ← sits above the absolute picture */
    }

    section.pw-hero .hero-container .hero-roll picture img {
        z-index: 1; /* ← stays behind */
    }

    section.pw-hero .hero-container .hero-roll ul {
        position: relative;
        z-index: 2; /* ← cards also above picture */
    }

    section.pw-hero .hero-container {
        padding-inline: 24px 0;
    }

        section.pw-hero .hero-container .hero-roll {
            padding: 74px 24px 24px 0;
            position: unset;
            min-height: 300px;
            width: 100%;
            display:unset;
        }

    section.pw-hero .hero-container .hero-roll ul {
        gap: 4px;
    }

    section.pw-hero .hero-container .hero-roll ul li a {
        padding: 8px;
    }
    section.pw-hero .hero-container {
        background: url('/Files/templates/main-2026/images/home_hero_bg_sm.webp') center bottom / cover no-repeat;
    }

    section.pw-about .pw-about-container {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    section.pw-blog .blog-container .events .event-text {
        padding: 24px;
        grid-template-columns: 1fr;
        justify-items: flex-start;
    }


    .tagline {
        padding-left: 48px !important;
        margin-left: -24px !important;
    }

    section.pw-career-path .top h2 {
        text-align: left;
        margin: 0;
    }
    section.pw-career-path .top p {
        text-align: left;
    }

    section.pw-cta .cta-container .text {
        max-width: 100%;
        padding: 48px 24px;
    }



        section.pw-cta .cta-container .text p {
            max-width: 320px;
        }

}

@media only screen and (max-width:628px) {
    section.pw-career-path .pw-career-container img{
        max-height:266px;
    }
   
    section.pw-cta .cta-container {
        grid-template-columns: 1fr !important;
    }

        section.pw-cta .cta-container .image {
            justify-items: center;
            max-width: unset;
            max-height: 360px;
        }

        section.pw-cta .cta-container .image img{
            max-height: 270px;
        }

    section.pw-career-path .pw-career-container {
        grid-template-columns: 1fr;
        justify-content: center;
        justify-items: center;
        gap: 48px;
        padding-inline: 24px;
    }
        section.pw-career-path .pw-career-container{
            padding-bottom:48px;
        }

        section.pw-career-path .top {
            padding: 48px 24px 48px 24px;
        }

    section.pw-cta .cta-container .text h2 {
        font-size: 15px;
        padding-top: 48px;
    }

    section.pw-cta .cta-container .text p {
        font-size: 24px;
        max-width: 360px;
    }

    section.pw-cta .cta-container .text a {
        width: 100%;
      /*  max-width: 342px;*/
    }
    section.pw-cta .cta-container .text {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 224px;
    }
    section.pw-blog .blog-container {
        display: flex !important;
        flex-direction: column-reverse;
        gap: 0;
    }

        section.pw-blog .blog-container .events .events-container{
            margin:0 !important;
        }

    section.pw-blog .blog-container {
        padding-left: 24px;
        padding-right: 24px;
    }
        section.pw-blog .blog-container .news {
            padding: 24px 0px 48px 0px;
        }
}