.wrapper-canvas_hX6 {
    height: 100%;
    flex-direction: column;
    display: flex;
    min-height: 100%;
}

.header_lead_F81 {
    flex: 1 0 auto;
}


footer {
    position: relative;
    width: 100%;
}

footer .comm_guide_by5 {
    z-index: 1;
    margin-top: -70px;
    position: relative;
}

footer .info_item {
    border-radius: 10px;
    position: relative;
    background-color: rgb(212,217,239);
    flex: 1 1 200px;
    transition: all 0.3s ease;
    padding: 10px 15px;
    margin: 10px;
}

footer .info_item:hover::before {
    opacity: 1;
}

footer .info_item svg {
    width: 20px;
    height: 20px;
    fill: rgb(170,181,218);
    vertical-align: middle;
    margin-right: 10px;
}

footer .info_item a:hover {
    color: rgb(170,181,218);
}

footer .nav_mentor_K9N {
    position: relative;
    padding: 0 30px;
}

footer .nav_mentor_K9N svg {
    height: 45px;
    margin-bottom: 15px;
    width: auto;
}

footer .nav_skill_vaS {
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-right: 20px;
    position: relative;
    background-color: rgb(212,217,239);
    z-index: 1;
    margin-left: 20px;
    margin-top: -10px;
}

footer .header_page_lz1 a:hover {
    color: rgb(170,181,218);
    transform: translateX(5px);
}

footer .subscribe_holder::before {
    right: 30px;
    transform: rotate(45deg);
    width: 30px;
    z-index: -1;
    position: absolute;
    background-color: rgb(170,181,218);
    top: -15px;
    content: "";
    height: 30px;
}

footer .input_holder input[type="email"]:focus {
    background-color: #ffffff;
    outline: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

footer .degree_path_uZa {
    z-index: 1;
    text-align: center;
    position: relative;
    margin-top: 60px;
}

.teaching_process_CQ9 {
    background: linear-gradient(135deg, rgb(212,217,239) 0%, rgba(rgb(170,181,218,0.5), 0.05) 100%);
    padding: 120px 0;
    position: relative;
    perspective: 1000px;
    overflow: hidden;
}

.teaching_process_CQ9 .skill_sessions_xOR::before {
    height: 1px;
    left: 0;
    transform: translateZ(10px);
    width: 35%;
    top: -15px;
    content: "";
    background: linear-gradient(90deg, rgb(170,181,218) 0%, transparent 100%);
    position: absolute;
}

.teaching_process_CQ9 .phrase_holder_wiA {
    transform: translateZ(10px) translateX(5px);
    box-shadow: 
        10px 15px 30px rgba(rgba(0, 0, 0, 0.5), 0.05),
        0 0 0 1px rgba(rgba(0, 0, 0, 0.5), 0.02);
    position: relative;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.5s ease;
    padding: 40px 50px 40px 40px;
    background: #ffffff;
    border-left: 3px solid rgb(170,181,218);
}

.test_drive_8XR::before {
    width: 100%;
    background: 
        linear-gradient(125deg, 
            rgba(255, 255, 255, 0.3) 10%, 
            rgba(255, 255, 255, 0.05) 30%, 
            rgba(255, 255, 255, 0.2) 50%, 
            rgba(255, 255, 255, 0.05) 70%, 
            rgba(255, 255, 255, 0.3) 90%);
    left: 0;
    animation: holographicShift 15s linear infinite;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    top: 0;
    content: '';
    z-index: 1;
    background-size: 200% 200%;
}



.test_drive_8XR::before {
    opacity: 0.5;
    content: '';
    position: absolute;
    z-index: 2;
    background-image:
        conic-gradient(
            transparent 0deg,
            rgba(255, 255, 255, 0.05) 10deg,
            transparent 20deg,
            rgba(255, 255, 255, 0.05) 30deg,
            transparent 40deg,
            rgba(255, 255, 255, 0.05) 50deg,
            transparent 60deg,
            rgba(255, 255, 255, 0.05) 70deg,
            transparent 80deg,
            rgba(255, 255, 255, 0.05) 90deg,
            transparent 100deg,
            rgba(255, 255, 255, 0.05) 110deg,
            transparent 120deg,
            rgba(255, 255, 255, 0.05) 130deg,
            transparent 140deg,
            rgba(255, 255, 255, 0.05) 150deg,
            transparent 160deg,
            rgba(255, 255, 255, 0.05) 170deg,
            transparent 180deg,
            rgba(255, 255, 255, 0.05) 190deg,
            transparent 200deg,
            rgba(255, 255, 255, 0.05) 210deg,
            transparent 220deg,
            rgba(255, 255, 255, 0.05) 230deg,
            transparent 240deg,
            rgba(255, 255, 255, 0.05) 250deg,
            transparent 260deg,
            rgba(255, 255, 255, 0.05) 270deg,
            transparent 280deg,
            rgba(255, 255, 255, 0.05) 290deg,
            transparent 300deg,
            rgba(255, 255, 255, 0.05) 310deg,
            transparent 320deg,
            rgba(255, 255, 255, 0.05) 330deg,
            transparent 340deg,
            rgba(255, 255, 255, 0.05) 350deg,
            transparent 360deg
        );
    left: -50%;
    width: 200%;
    height: 200%;
    top: -50%;
    animation: prismRotate 30s linear infinite;
}

.test_drive_8XR::before {
    position: absolute;
    top: 50%;
    opacity: 0.5;
    animation: spectrumHorizontal 10s linear infinite;
    height: 2px;
    content: '';
    left: 0;
    z-index: 3;
    filter: blur(2px);
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(170,181,218) 25%,
        #ffffff 50%,
        rgb(128,145,197) 75%,
        transparent 100%
    );
    width: 100%;
}

.title_board_JnL h3 {
    font-weight: 600;
    transition: color 0.3s ease;
    color: #000000;
    text-wrap: balance;
    line-height: 1.4;
    margin: 0;
    position: relative;
    font-size: calc(18px * 0.9);
}

.title_board_JnL h1 {
    position: relative;
    font-weight: 700;
    margin: 0;
    color: #000000;
    line-height: 1.1;
    font-size: calc(40px * 0.9);
    text-wrap: balance;
}

.title_board_JnL .skills_center_9mt > div {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
    position: relative;
    padding: 2rem;
    border-radius: 10px;
    overflow: hidden;
}

.title_board_JnL .skills_center_9mt:hover p {
    transform: translateY(-5px);
}

header .container {
    z-index: 1;
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 0 2%;
    position: relative;
}

header .main_know_des {
    grid-area: logo;
    padding: 0.5rem 1rem;
    align-items: center;
    position: relative;
    display: flex;
    text-decoration: none;
    justify-content: center;
}

header .nav_skill_vaS {
    border-radius: 28px;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    gap: 0.5rem;
    grid-area: menu;
    padding: 0.6rem;
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.instructor_history_Xkv::before {
    height: 100%;
    left: 0;
    width: 100%;
    position: absolute;
    background: linear-gradient(90deg, 
        transparent 9%, 
        rgb(170,181,218,0.5) 10%, 
        transparent 11%);
    background-size: 150px 100%;
    content: "";
    top: 0;
    opacity: 0.3;
    animation: gradientSlide 30s linear infinite;
}

.instructor_history_Xkv .feedback_track_X1C span:not(.name) {
    margin-top: 5px;
    color: #000000;
    transition: transform 0.5s ease;
    transform: translateX(0);
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
}

.instructor_history_Xkv .feedback_track_X1C:hover .career_table_prt::before {
    transform: scaleX(1);
}

.connect_form_mU1 .img_center_5sI {
    width: 100%;
    position: absolute;
    height: 50%;
    z-index: 0;
    top: 0;
    left: 0;
}

.connect_form_mU1 h3 {
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-size: 40px;
    margin-bottom: 70px;
    font-family: Arial, sans-serif;
    color: #ffffff;
}

.connect_form_mU1 input[type="text"]::placeholder,
.connect_form_mU1 textarea::placeholder {
    color: #000000;
    opacity: 0.7;
}

.connect_form_mU1 .feedback_query_R5j {
    align-items: flex-start;
    display: flex;
    margin-bottom: 30px;
}

.connect_form_mU1 .feedback_query_R5j input[type="checkbox"]:checked + label::before {
    background: rgb(170,181,218);
    border-color: rgb(170,181,218);
}

.connect_form_mU1 .feedback_query_R5j a:hover {
    color: #000000;
}

.connect_form_mU1 .reach_box_2Zq {
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 50px;
    text-transform: uppercase;
    color: #ffffff;
    background: rgb(170,181,218);
    padding: 16px 40px;
    font-size: 20px;
    border: none;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
}

.connect_form_mU1 .message_widget_oU1 li {
    align-items: center;
    transition: transform 0.3s ease;
    margin-bottom: 30px;
    display: flex;
}

.connect_form_mU1 .message_widget_oU1 span {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

.confidential_armory_PoT::before {
    right: 0;
    width: 30%;
    content: "";
    position: absolute;
    opacity: 0.05;
    transform: skewX(-15deg) translateX(20%);
    background: linear-gradient(90deg, transparent, rgb(170,181,218,0.5));
    top: 0;
    height: 100%;
}

.confidential_armory_PoT h2 {
    font-weight: 600;
    color: #000000;
    font-size: 28px;
    padding-left: 1rem;
    margin: 2.5rem 0 1.5rem;
    position: relative;
}

.confidential_armory_PoT h4 {
    margin: 1.8rem 0 1rem;
    color: #000000;
    font-weight: 600;
    font-size: calc(28px * 0.75);
}

.confidential_armory_PoT ul {
    padding-left: 1.5rem;
    margin: 1.5rem 0 2rem;
    list-style: none;
}

.confidential_armory_PoT li::before {
    opacity: 0.8;
    width: 8px;
    left: 0;
    height: 8px;
    content: "";
    background: rgb(128,145,197);
    position: absolute;
    transform: rotate(45deg);
    top: 0.75rem;
}

.cookieNotificationBar_oxD h5 {
    font-weight: 700;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 22px;
}

.data_policy_frR:hover svg {
    transform: scale(1.1);
}

.data_approval_Tum:hover {
    box-shadow: 0 0 20px rgb(128,145,197);
}

.cookie_button.cookie_none_RT6:hover {
    box-shadow: 0 0 15px rgb(128,145,197);
    background: rgba(0, 0, 0, 0.5);
}


.appCard_Dfq {
    background: linear-gradient(135deg, rgb(212,217,239) 0%, rgba(rgb(170,181,218), 0.05) 100%);
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
}

.appCard_Dfq .container {
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 1000px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 2rem;
}

.appCard_Dfq h2::after {
    background: linear-gradient(90deg, rgb(170,181,218) 0%, rgb(128,145,197) 100%);
    content: "";
    width: 5rem;
    border-radius: 2px;
    left: 0;
    transform-origin: left center;
    bottom: -0.8rem;
    height: 4px;
    animation: expandWidth 0.8s ease-out forwards;
    position: absolute;
}

.appCard_Dfq li {
    position: relative;
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
    padding-left: 0;
    transform: translateY(20px);
    opacity: 0;
}

.course_offering_bs4 {
    min-height: 100vh;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    display: grid;
    position: relative;
    background: rgb(128,145,197);
}

.course_offering_bs4 {
    grid-template-rows: 40vh 1fr;
    grid-template-columns: 1fr;
}

.course_offering_bs4 {
    grid-template-rows: 30vh 1fr;
}

.course_offering_bs4 .program_plan_62f::after {
    background: linear-gradient(to right, #000000 0%, transparent 50%);
    position: absolute;
    z-index: 1;
    content: "";
    inset: 0;
}

.course_offering_bs4 .program_plan_62f::after {
    background: linear-gradient(to bottom, #000000 0%, transparent 50%);
}

.course_offering_bs4 .career_classes_t9x::before {
    content: "";
    height: 100%;
    background: rgb(170,181,218,0.5);
    width: 0;
    transition: width 0.6s ease;
    z-index: -1;
    left: 0;
    top: 0;
    position: absolute;
}

.course_offering_bs4 .career_classes_t9x span > * {
    display: inline-block;
    transform: skewX(15deg);
}

.course_offering_bs4 .career_classes_t9x .reach_box_2Zq {
    font-size: 20px;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    border: 2px solid rgb(170,181,218);
    text-transform: uppercase;
    padding: 1rem 2.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    transition: color 0.3s ease;
    z-index: 1;
    display: inline-block;
    background: transparent;
    overflow: hidden;
}

.course_offering_bs4 .career_classes_t9x .reach_box_2Zq {
    padding: 0.8rem 1.5rem;
    display: block;
    font-size: calc(20px * 0.9);
    text-align: center;
}

.our_team_qKv h1 {
    letter-spacing: 0.05em;
    position: relative;
    color: #ffffff;
    transform: translateX(-5px);
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
    font-size: 47px;
    transition: transform 0.5s ease;
    font-weight: 700;
}

.our_team_qKv li {
    margin-bottom: 1.5rem;
}

.our_team_qKv h4::before {
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    background: rgb(170,181,218);
    left: 0;
    height: 12px;
    width: 12px;
    content: "";
    position: absolute;
    transition: transform 0.3s ease;
}

.price_card_deck_r0P::before {
    width: 100%;
    background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.7) 100%);
    top: 0;
    content: "";
    z-index: 1;
    height: 100%;
    left: 0;
    position: absolute;
}

.price_card_deck_r0P .study_costs_QTz {
    list-style: none;
    padding: 0;
    display: grid;
    margin: 0;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.price_card_deck_r0P .study_costs_QTz li:nth-child(1) {
    --i: 1;
}

.price_card_deck_r0P .study_costs_QTz li:nth-child(4) {
    --i: 4;
}

.price_card_deck_r0P .study_sub_LXC:hover .study_rates_FBK {
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    background: linear-gradient(145deg, 
        rgba(255,255,255,0.05) 0%, 
        rgba(255,255,255,0.1) 100%);
}

.price_card_deck_r0P .pricing_block_KRJ {
    flex-direction: column;
    display: flex;
    height: 100%;
}

.price_card_deck_r0P .pricing_block_KRJ h4::after {
    left: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 40px;
    bottom: 0;
    transition: width 0.4s ease;
    background: rgb(170,181,218);
}


@media only screen and (max-width: 1200px)  {.container {
    padding: 0 20px;
    width: 100%;
}
}



@media (min-width: 992px) {footer .nav_skill_vaS {
    margin-top: 0;
}footer .subscribe_holder {
    margin-top: 0;
}
}



@media (min-width: 1200px) {.teaching_process_CQ9 .skill_sessions_xOR {
    padding: 0 40px;
}.teaching_process_CQ9 .phrase_holder_wiA {
    margin-left: 40px;
    width: 80%;
}.teaching_process_CQ9 h2 {
    margin-left: 40px;
}
}



@media (max-width: 767px) {.teaching_process_CQ9 {
    padding: 70px 0;
}.teaching_process_CQ9 h2 {
    font-size: calc(35px * 0.8);
    margin-bottom: 30px;
}.teaching_process_CQ9 .phrase_holder_wiA {
    padding: 30px 25px;
    transform: none;
}.teaching_process_CQ9 .phrase_holder_wiA::before {
    width: 30px;
    top: 15px;
    right: 15px;
    height: 30px;
}.teaching_process_CQ9 .skill_sessions_xOR::before {
    width: 25%;
}.teaching_process_CQ9:hover .phrase_holder_wiA {
    transform: translateZ(5px);
}
}



@media screen and (max-width: 480px) {.test_drive_8XR {
    padding: 3.5rem 1rem;
}.test_drive_8XR .skill_sessions_xOR {
    padding: 2.5rem 1.5rem;
}.test_drive_8XR h3 {
    margin-bottom: 1.8rem;
    font-size: calc(31px * 0.7);
}.test_drive_8XR .request_info_6wd {
    padding: 0.9rem 2.2rem;
    font-size: calc(18px * 0.9);
}}



@media (max-width: 991px) {header .main_know_des svg {
    width: 140px;
}header .nav_skill_vaS {
    padding: 0.5rem;
    gap: 0.4rem;
}header .nav_page_fbN {
    font-size: calc(19px - 1px);
    padding: 0.35rem 0.6rem;
}
}



@media (max-width: 480px) {header {
    padding: 0.8rem 0;
}header .main_know_des svg {
    width: 120px;
}header .nav_skill_vaS {
    overflow-x: auto;
    justify-content: flex-start;
    padding: 0.4rem;
    flex-wrap: nowrap;
}header .nav_skill_vaS::-webkit-scrollbar {
    height: 2px;
}header .nav_skill_vaS::-webkit-scrollbar-thumb {
    background: rgb(170,181,218);
    border-radius: 10px;
}header .nav_page_fbN {
    flex-shrink: 0;
    white-space: nowrap;
}}



@media screen and (min-width: 1200px) {.confidential_armory_PoT {
    padding: 7rem 3rem;
}.confidential_armory_PoT .container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}.confidential_armory_PoT h1 {
    font-size: calc(46px * 1.2);
    transform: translateX(-1rem);
    grid-column: 1 / -1;
}.confidential_armory_PoT h1::after {
    width: 120px;
}.confidential_armory_PoT h2, 
    .confidential_armory_PoT h3, 
    .confidential_armory_PoT h4 {
    grid-column: 1 / -1;
}.confidential_armory_PoT p, 
    .confidential_armory_PoT ul,
    .confidential_armory_PoT span {
    max-width: 85%;
}
}


@media only screen and (max-width: 1200px) {.cookieNotificationBar_oxD {
    padding: 15px 0;
}.cookie_notice_W4F {
    padding: 15px 5%;
}
}



@media (max-width: 992px) {.appCard_Dfq {
    padding: 5rem 0;
}.appCard_Dfq h2 {
    max-width: 100%;
    font-size: calc(37px * 0.9);
}.appCard_Dfq .skill_sessions_xOR {
    padding: 2.5rem;
}
}



@media screen and (max-width: 1200px) {.course_offering_bs4 .career_classes_t9x h3 {
    font-size: calc(41px * 0.85);
}.course_offering_bs4 .skill_sessions_xOR {
    padding-right: 0;
    padding-left: 5%;
}
}



@media (max-width: 991px) {.our_team_qKv::after {
    right: -50%;
    width: 100%;
}.our_team_qKv .phrase_holder_wiA {
    transform: perspective(1000px) rotateY(-1deg);
}
}



@media (max-width: 576px) {.our_team_qKv {
    padding: 3rem 0;
}.our_team_qKv .container {
    padding: 0 1rem;
}.our_team_qKv .phrase_holder_wiA {
    padding: 1.5rem;
}.our_team_qKv h1 {
    margin-bottom: 1.5rem;
    font-size: calc(47px * 0.8);
}.our_team_qKv span {
    padding-left: 1rem;
    line-height: 1.6;
    font-size: calc(13px * 0.9);
}.our_team_qKv h4 {
    font-size: calc(18px * 0.9);
    padding-left: 1rem;
}.our_team_qKv h4::before {
    width: 8px;
    height: 8px;
}.our_team_qKv h1::after {
    width: 50px;
    height: 2px;
}
}

@keyframes particlesMove {
    0% {
        background-position: 
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%;
    }
    50% {
        background-position: 
            5% 10%,
            -8% 5%,
            10% -5%,
            -5% 8%,
            8% 12%,
            -12% 8%,
            7% -12%;
    }
    100% {
        background-position: 
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%,
            0% 0%;
    }
}

@keyframes slideUp {
    to {
        transform: translateY(0);
    }
}



@keyframes expandWidth {
    from {
        width: 0;
    }
    to {
        width: 5rem;
    }
}


    
    @keyframes horizontalScroll {
        0%, 5% {
            transform: translateX(0);
        }
        23%, 28% {
            transform: translateX(-25%);
        }
        48%, 53% {
            transform: translateX(-50%);
        }
        73%, 78% {
            transform: translateX(-75%);
        }
        95%, 100% {
            transform: translateX(-75%);
        }
    }