* {
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

svg {
    width: 30px;
    height: 30px;
}

html,body {
    scroll-behavior: smooth;
    color: #000000;
    min-height: 100%;
    height: 100%;
    font-family: Arial, sans-serif;
}

.our_background_pOo .fast_learn_GSY {
    z-index: 2;
    align-items: center;
    display: flex;
    position: relative;
    gap: 50px;
}

.our_background_pOo .photo_item_DTJ {
    position: relative;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    overflow: hidden;
    height: 280px;
    margin-bottom: 25px;
}

.our_background_pOo .our_ethos_OtM {
    text-align: center;
    position: relative;
    padding: 10px 0;
}

.our_background_pOo .learn_culture_hVJ {
    color: rgb(212,198,208);
    font-size: 16px;
    font-weight: 600;
}

.our_background_pOo .virtual_study_bOP svg {
    margin-right: 10px;
    height: 30px;
    fill: rgb(212,198,208);
    width: 30px;
}

.our_background_pOo .virtual_study_bOP svg path {
    fill: rgb(212,198,208);
}

.connect_with_us_TQo {
    position: relative;
    perspective: 1000px;
    background: linear-gradient(
        225deg, 
        rgb(239,234,238) 0%, 
        rgb(179,161,173,0.5) 100%
    );
    padding: 6rem 0;
    overflow: hidden;
}

.connect_with_us_TQo h2 {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: relative;
    font-size: 40px;
    margin-bottom: 3rem;
}

.connect_with_us_TQo h2::after {
    width: 30%;
    right: 0;
}

.connect_with_us_TQo .help_feedback_fHM:hover {
    transform: rotateX(0) scale(1);
}

.connect_with_us_TQo .photo_item_DTJ {
    overflow: hidden;
    flex: 0 0 40%;
    min-height: 500px;
    position: relative;
}

.connect_with_us_TQo .inquiry_card_mCu::before {
    background: rgb(212,198,208);
    width: 10px;
    right: 2rem;
    border-radius: 50%;
    position: absolute;
    animation: signal-pulse 2s infinite alternate;
    height: 10px;
    content: '';
    top: 2rem;
    box-shadow: 0 0 20px rgb(212,198,208);
}

.connect_with_us_TQo .inquiry_card_mCu input:not([type="checkbox"]):not([type="submit"]):focus {
    box-shadow: 0 0 15px rgb(212,198,208,0.5);
    border-color: rgb(212,198,208);
}

.connect_with_us_TQo .inquiry_card_mCu .query_message_JLS input[type="checkbox"] {
    transition: all 0.3s ease;
    border: 2px solid rgb(212,198,208,0.5);
    background: rgb(179,161,173,0.5);
    height: 22px;
    margin-right: 1rem;
    position: relative;
    cursor: pointer;
    appearance: none;
    border-radius: 10px;
    width: 22px;
}

.connect_with_us_TQo .inquiry_card_mCu .query_block_efD {
    overflow: hidden;
    border: none;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    transition: all 0.3s ease;
    background: rgb(212,198,208);
    color: #ffffff;
    position: relative;
    letter-spacing: 0.1em;
    font-weight: 600;
    padding: 1rem;
    border-radius: 10px;
}

.secure_vaulting_Jql ul li, .secure_vaulting_Jql ol li {
    padding: 10px;
    border-radius: 10px;
    color: #000000;
    position: relative;
    font-size: 17px;
    font-family: Arial, sans-serif;
    background: rgb(212,198,208,0.5);
    font-weight: 400;
    margin-bottom: 15px;
}



.secure_vaulting_Jql ul li:hover, .secure_vaulting_Jql ol li:hover {
    background: rgb(212,198,208);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    color: #ffffff;
}

.tyWrap_dak .container {
    max-width: 1200px;
    padding: 0 20px;
    transform-style: preserve-3d;
    margin: 0 auto;
    z-index: 10;
    position: relative;
}

.tyWrap_dak h2::after {
    transform: translateX(-50%);
    height: 3px;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgb(179,161,173), transparent);
    width: 150px;
    position: absolute;
    transform-origin: center;
    bottom: -15px;
    animation: underlineExpand 1.5s ease-out forwards 0.5s;
    left: 50%;
}

.tyWrap_dak ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tyWrap_dak li {
    opacity: 0;
    padding: 20px 15px 20px 35px;
    animation: itemSlideIn 0.8s ease-out forwards 0.6s;
    margin-bottom: 15px;
    background: linear-gradient(to right, rgba(245, 245, 245, 0.5) 0%, transparent 100%);
    position: relative;
    border-radius: 0 10px 10px 0;
    border-left: 3px solid rgb(179,161,173);
    transform: translateX(-20px);
}

.program_assets_KYP::after {
    height: 200px;
    top: -50px;
    position: absolute;
    z-index: 0;
    width: 200px;
    filter: blur(70px);
    content: "";
    border-radius: 50%;
    right: -50px;
    background: rgb(179,161,173,0.5);
}

.program_assets_KYP .fast_learn_GSY {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    background: #ffffff;
    transform: perspective(1000px) rotateX(2deg);
    flex-direction: column;
    padding: 30px;
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.05),
                -20px -20px 60px rgba(255, 255, 255, 0.9),
                inset 5px 5px 10px rgba(255, 255, 255, 0.8),
                inset -5px -5px 10px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
}

.program_assets_KYP .fast_learn_GSY {
    padding: 50px;
}

.program_assets_KYP li:nth-child(odd) {
    transform: translateX(-5px) translateZ(0);
}

.program_assets_KYP li:nth-child(odd):hover {
    transform: translateX(-5px) translateY(-3px) translateZ(0);
}

.program_assets_KYP li p {
    display: flex;
    font-size: 13px;
    margin: 0;
    align-items: flex-start;
    color: #000000;
    line-height: 1.5;
}

.program_assets_KYP li:hover svg path:last-child {
    fill: rgb(179,161,173);
}

.program_assets_KYP li:nth-child(4) {
    animation: fadeInUp 0.5s 0.4s backwards;
}

.academic_experience_cWK::after {
    z-index: 0;
    width: 200%;
    animation: pulseBackground 15s ease-in-out infinite alternate;
    height: 200%;
    position: absolute;
    background: 
        radial-gradient(circle at 30% 30%, rgb(212,198,208,0.5) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgb(179,161,173,0.5) 0%, transparent 40%);
    filter: blur(60px);
    content: "";
    left: -50%;
    top: -50%;
    opacity: 0.3;
}

.academic_experience_cWK .learner_ratings_NHY:hover .photo_item_DTJ::before {
    opacity: 0.4;
}

.academic_experience_cWK .learner_ratings_NHY:hover .name {
    transform: translateY(-5px);
}

.academic_experience_cWK .learner_ratings_NHY span:not(.name)::after {
    width: 40px;
    background: rgb(212,198,208);
    height: 2px;
    left: 70px;
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    bottom: 30px;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    position: absolute;
}

.greeting_page_vDq {
    width: 100%;
    position: relative;
    perspective: 1000px;
    overflow: hidden;
}

.greeting_page_vDq .start_top_AwN::after {
    width: 100%;
    background: linear-gradient(
    to bottom,
    transparent 40%,
    rgba(0, 0, 0, 0.5) 100%
  );
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    height: 100%;
}

.greeting_page_vDq h3 {
    position: relative;
    margin-bottom: 2rem;
    color: #ffffff;
    font-weight: 400;
    animation: slideRight 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards;
    opacity: 0;
    transform: translateX(-15px);
    line-height: 1.5;
    max-width: 90%;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
}

.greeting_page_vDq p {
    max-width: 85%;
    transform: translateX(-10px);
    margin-top: 2rem;
    animation: slideRight 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.7s forwards;
    opacity: 0;
    font-size: clamp(1rem, 2vw, 13px);
    color: #ffffff;
    line-height: 1.6;
}

.cookieUsagePromptPanel_OUK h5 {
    margin-bottom: 10px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
}

.cookieUsagePromptPanel_OUK p a:hover {
    border-bottom-color: rgb(179,161,173);
    color: rgb(179,161,173);
}

#cookie_box_overlay_wjN:checked ~ .cookieUsagePromptPanel_OUK {
    opacity: 0;
    visibility: hidden;
}

.assign_help_Fos::before {
    height: 3px;
    position: absolute;
    top: 0;
    background: rgb(179,161,173);
    left: 0;
    width: 100%;
    content: "";
}

.assign_help_Fos .company_holder {
    flex: 1 1 400px;
    border-radius: 11px;
    padding: 0;
    position: relative;
}

.assign_help_Fos .company_holder h3 {
    border-top-left-radius: 11px;
    margin: 0;
    color: #ffffff;
    padding: 1.5rem 2rem;
    font-size: 36px;
    background: rgb(179,161,173);
    position: relative;
    font-weight: 700;
    border-top-right-radius: 11px;
}

.assign_help_Fos .youtube_chan_yOL {
    background: rgba(255, 255, 255, 0.1);
    border-bottom-right-radius: 11px;
    color: #ffffff;
    line-height: 1.6;
    border-bottom-left-radius: 11px;
    padding: 2rem;
    position: relative;
    font-size: 14px;
}

.assign_help_Fos .trade_mark_SlF {
    flex: 1 1 calc(100% - 450px);
    min-width: 400px;
}

.assign_help_Fos .top_study_HPB {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
}

.assign_help_Fos .nav_know_zml h5 {
    font-size: 24px;
    background: rgb(179,161,173);
    position: relative;
    display: flex;
    margin: 0;
    font-weight: 600;
    padding: 1rem 1.5rem;
    align-items: center;
    color: #ffffff;
}

.assign_help_Fos .nav_know_zml .top_study_HPB a {
    padding: 0.8rem 1rem 0.8rem 2rem;
    font-size: 14px;
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.discord_cta_gJl::before {
    height: 5px;
    top: -5px;
    background-image: 
        linear-gradient(90deg, 
            transparent 0px, transparent 20px,
            rgb(212,198,208) 20px, rgb(212,198,208) 40px,
            transparent 40px, transparent 60px,
            rgb(212,198,208) 60px, rgb(212,198,208) 80px,
            transparent 80px, transparent 100px,
            rgb(212,198,208) 100px, rgb(212,198,208) 120px
        );
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    background-repeat: repeat-x;
}

.program_offerings_FcP .skill_up_agk {
    position: relative;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.program_offerings_FcP .skill_up_agk h3 {
    font-size: 38px;
    color: rgb(212,198,208);
    margin-bottom: 1.5rem;
    position: relative;
    font-weight: 700;
}

.program_offerings_FcP .skill_up_agk h3 {
    font-size: calc(38px * 0.8);
}

.program_offerings_FcP .skill_up_agk .query_block_efD::before {
    content: '';
    background-color: rgb(179,161,173);
    width: 100%;
    position: absolute;
    z-index: -1;
    transform: translateY(100%);
    height: 100%;
    left: 0;
    border-radius: 50px;
    transition: transform 0.4s ease;
    top: 0;
}

.program_offerings_FcP .skill_work_VcX {
    display: flex;
    width: 500%;
    animation: carousel-slide 25s ease-in-out infinite;
    height: 100%;
}

.program_offerings_FcP .skill_work_VcX {
    width: 600%;
    animation-duration: 20s;
}

.program_offerings_FcP .learn_plan_pwb:hover img {
    transform: scale(1.05);
}

.service_connect_KEI::before {
    left: 0;
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgb(212,198,208) 0%, rgb(179,161,173) 100%);
    top: 0;
    z-index: 1;
    right: 0;
    height: 4px;
}

.service_connect_KEI h1::after {
    transition: transform 0.3s ease-out;
    left: 50%;
    bottom: -12px;
    width: 80px;
    height: 4px;
    background: rgb(212,198,208);
    content: "";
    position: absolute;
    transform: translateX(-50%) scaleX(0.8);
}

.service_connect_KEI .edu_asknow_FUi:hover {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    transform: perspective(1000px) rotateX(2deg);
}

.service_connect_KEI .edu_asknow_FUi > div:first-child {
    color: #000000;
    font-size: calc(17px * 1.1);
    border-radius: 10px;
    line-height: 1.6;
    padding: 2rem;
    border-left: none;
    background: linear-gradient(135deg, rgb(239,234,238) 0%, rgba(250, 252, 255, 0.9) 100%);
}

.service_connect_KEI span::before {
    transform-origin: left;
    transition: transform 0.3s ease;
    height: 1px;
    bottom: -4px;
    width: 100%;
    background: linear-gradient(90deg, rgb(212,198,208) 0%, transparent 100%);
    position: absolute;
    transform: scaleX(0.3);
    left: 0;
    content: "";
}

.service_connect_KEI svg path {
    fill: rgb(212,198,208);
    transition: fill 0.3s ease;
}

header .nav_lead_VQz::after {
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgb(239,234,238);
    height: 1px;
}

header .nav_lead_VQz .head_site_CNM .header_tutor_Tlw:hover svg {
    transform: scale(1.08);
}

header .nav_lead_VQz .nav_know_zml .head_base_fjh {
    margin: 0 15px;
    position: relative;
}

header .nav_lead_VQz .nav_know_zml .head_base_fjh {
    margin: 5px 12px;
}

header .nav_lead_VQz .nav_know_zml .head_base_fjh a::after {
    transform: scaleX(0);
    transform-origin: left center;
    background-color: rgb(179,161,173);
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
}

header .nav_lead_VQz .nav_know_zml .head_base_fjh a::after {
    opacity: 0.3;
    height: 3px;
    bottom: -2px;
}

.stay_informed_EIt {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgb(239,234,238) 0%, rgb(212,198,208,0.5) 100%);
    padding: 6rem 2rem;
}

.stay_informed_EIt .query_info_oRD::before {
    z-index: -1;
    bottom: 10px;
    top: 10px;
    border: 1px dashed rgb(179,161,173,0.5);
    position: absolute;
    content: "";
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% 85%, 
        85% 100%, 
        0 100%
    );
    left: 10px;
    right: 10px;
}

.stay_informed_EIt .input_holder {
    flex-direction: column;
    display: flex;
    width: 100%;
    gap: 1.5rem;
}

.stay_informed_EIt input[type="submit"] {
    border: none;
    color: #ffffff;
    width: 100%;
    position: relative;
    font-size: 17px;
    z-index: 1;
    font-family: Arial, sans-serif;
    margin-top: 1rem;
    transform: translateY(0);
    padding: 1rem;
    font-weight: 600;
    background: rgb(212,198,208);
    transition: all 0.3s ease;
    overflow: hidden;
}

.plan_option_jXl h2 {
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeSlideUp 0.7s ease forwards;
    letter-spacing: 1px;
    position: relative;
    font-size: 38px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 700;
}

.plan_option_jXl .premium_grid_hfO li:nth-child(1) {
    --li-index: 1;
}

.plan_option_jXl .promo_rates_CJg {
    position: relative;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), 
                box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.15);
    display: block;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    background: linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
    backdrop-filter: blur(10px);
}

.user_reviews_onp {
    background: rgb(239,234,238);
    padding: 7rem 1rem;
    overflow: hidden;
    position: relative;
}

.user_reviews_onp .container {
    position: relative;
    z-index: 2;
}

.user_reviews_onp h2 {
    padding: 1rem 0;
    font-size: 38px;
    margin-bottom: 4rem;
    font-weight: 700;
    position: relative;
    color: #000000;
    width: fit-content;
    text-align: left;
}

.user_reviews_onp .opinion_sharing_QUd {
    max-width: 800px;
    flex-direction: column;
    margin: 0 auto;
    display: flex;
    gap: 5rem;
}

.user_reviews_onp .learner_ratings_NHY:nth-child(odd) {
    align-self: flex-start;
    transform: translateX(-30px);
}

.user_reviews_onp .learner_ratings_NHY::before {
    border-radius: 12px;
    top: 15px;
    z-index: -1;
    left: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(212,198,208,0.5);
    content: "";
    transition: all 0.3s ease;
}


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


@media only screen and (max-width: 800px)  {.container {
    padding: 0 12px;
}}



@media (max-width: 768px) {.our_background_pOo {
    padding: 60px 0;
}.our_background_pOo .photo_item_DTJ {
    height: 240px;
}.our_background_pOo .learn_study_kuT {
    padding: 25px;
}.our_background_pOo .text_arch_SGs {
    padding: 30px;
}.our_background_pOo h2 {
    font-size: calc(29px * 0.9);
}
}



@media screen and (max-width: 768px) {.connect_with_us_TQo {
    padding: 3rem 0;
}.connect_with_us_TQo h2 {
    font-size: calc(40px * 0.8);
    margin-bottom: 2rem;
}.connect_with_us_TQo .inquiry_card_mCu h3 {
    font-size: calc(28px * 0.9);
}.connect_with_us_TQo .inquiry_card_mCu input:not([type="checkbox"]):not([type="submit"]) {
    margin-bottom: 1rem;
    padding: 0.8rem 1.2rem;
}.connect_with_us_TQo .inquiry_card_mCu .query_message_JLS {
    align-items: flex-start;
}.connect_with_us_TQo .inquiry_card_mCu .query_message_JLS input[type="checkbox"] {
    margin-top: 0.2rem;
}
}



@media (max-width: 767px) {.program_assets_KYP {
    padding: 80px 0 60px;
}.program_assets_KYP h5 {
    padding: 0 20px;
    line-height: 1.4;
}.program_assets_KYP .fast_learn_GSY {
    padding: 25px 20px;
}.program_assets_KYP li {
    padding: 15px;
}.program_assets_KYP li p {
    font-size: calc(13px * 0.95);
}.program_assets_KYP li svg {
    height: 20px;
    width: 20px;
}
}



@media (max-width: 992px) {.academic_experience_cWK {
    padding: 120px 0;
}.academic_experience_cWK .learner_ratings_NHY {
    grid-template-columns: 1fr 1.2fr;
}.academic_experience_cWK .photo_item_DTJ {
    min-height: 400px;
}.academic_experience_cWK .name {
    font-size: calc(23px * 0.9);
    padding: 0 40px 5px 50px;
}.academic_experience_cWK .learner_ratings_NHY span:not(.name) {
    padding: 30px 40px 35px 50px;
}.academic_experience_cWK .learner_ratings_NHY span:not(.name)::after {
    left: 50px;
    bottom: 25px;
}.academic_experience_cWK .emp_items_JRT {
    padding: 0 40px 40px 50px;
}
}



@media (max-width: 576px) {.greeting_page_vDq .start_top_AwN {
    min-height: 400px;
}.greeting_page_vDq .path_creators_vuK {
    padding: 1.5rem 1rem;
    backdrop-filter: blur(3px);
}.greeting_page_vDq h3::after {
    height: 2px;
    width: 70px;
}
}



@media (max-width: 1200px) {.assign_help_Fos .container {
    gap: 2rem;
}.assign_help_Fos .company_holder {
    flex: 1 1 350px;
}.assign_help_Fos .trade_mark_SlF {
    min-width: 350px;
    flex: 1 1 calc(100% - 400px);
}.assign_help_Fos .top_study_HPB {
    gap: 2rem;
}.discord_cta_gJl .container::before {
    left: 5%;
}.discord_cta_gJl .container::after {
    right: 5%;
}
}



@media (max-width: 420px) {.assign_help_Fos::after {
    height: 5px;
    background-size: 100px 5px;
}.assign_help_Fos .company_holder h3::after,
    .assign_help_Fos .nav_know_zml h5::before,
    .assign_help_Fos .nav_know_zml h5::after {
    display: none;
}.assign_help_Fos .nav_know_zml h5 {
    padding: 0.8rem 1rem;
}.assign_help_Fos .nav_know_zml .top_study_HPB {
    padding: 1rem;
}.discord_cta_gJl .workshop_cta_NfA {
    padding: 0.4rem 1.5rem;
    width: 90%;
}}



@media (max-width: 767px) {.service_connect_KEI .edu_asknow_FUi {
    padding: 1.5rem;
}.service_connect_KEI h1 {
    font-size: 44px;
    margin-bottom: 2rem;
}.service_connect_KEI span {
    margin-left: 1rem;
}.service_connect_KEI .edu_asknow_FUi > div {
    padding: 1rem;
}.service_connect_KEI::after {
    height: 20%;
    width: 50%;
}
}



@media (max-width: 768px) {.stay_informed_EIt {
    padding: 4rem 1.5rem;
}.stay_informed_EIt .query_info_oRD {
    animation: none;
    padding: 2.5rem 1.5rem;
    max-width: 100%;
}
}



@media (max-width: 768px) {.plan_option_jXl {
    padding: 60px 0;
}.plan_option_jXl h2 {
    font-size: calc(38px - 6px);
    margin-bottom: 15px;
}.plan_option_jXl .plan_deals_Lat {
    font-size: calc(13px - 1px);
    margin-bottom: 30px;
}.plan_option_jXl .premium_grid_hfO {
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 450px;
}.plan_option_jXl .deal_opts_IrF p {
    font-size: calc(13px - 3px);
}
}



@keyframes signal-pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.5);
        opacity: 1;
    }
}



@keyframes gradientPulse {
    0% {
        opacity: 0.1;
        transform: rotate(-15deg) scale(2);
    }
    50% {
        opacity: 0.2;
        transform: rotate(-14deg) scale(2.1);
    }
    100% {
        opacity: 0.1;
        transform: rotate(-15deg) scale(2);
    }
}



@keyframes textFadeIn {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



@keyframes pulseDot {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb, 0, 120, 200), 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(var(--secondary-color-rgb, 0, 120, 200), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb, 0, 120, 200), 0);
    }
}



@keyframes carousel-slide {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-20%);
    }
    45% {
        transform: translateX(-20%);
    }
    50% {
        transform: translateX(-40%);
    }
    70% {
        transform: translateX(-40%);
    }
    75% {
        transform: translateX(-60%);
    }
    95% {
        transform: translateX(-60%);
    }
    100% {
        transform: translateX(-80%);
    }
}