.gtop_info {
    flex: 1 0 auto;
}

header,footer {
    width: 100%;
}

header {
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px)
    );
    margin-top: 0;
    padding: 0;
    position: relative;
    background: linear-gradient(120deg, rgb(135,144,166) 0%, rgb(78,104,151) 100%);
    z-index: 100;
    overflow: visible;
}

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

.Kcontact_panel::before {
    z-index: 1;
    left: 0;
    background: repeating-linear-gradient(
        45deg,
        rgb(135,144,166,0.5) 0,
        rgb(135,144,166,0.5) 1px,
        transparent 1px,
        transparent 30px
    );
    height: 100%;
    content: "";
    opacity: 0.07;
    width: 100%;
    position: absolute;
    top: 0;
}

.Kcontact_panel .container {
    padding: 0 30px;
    max-width: 1200px;
    z-index: 2;
    position: relative;
    margin: 0 auto;
}

.Kcontact_panel h2::before {
    bottom: 0;
    background: rgb(135,144,166);
    position: absolute;
    height: 4px;
    content: "";
    width: 80px;
    left: calc(50% - 40px);
}

.Kcontact_panel .Msupport_links {
    border-radius: 0;
    position: relative;
    display: flex;
    background: #ffffff;
    overflow: hidden;
    margin-top: 50px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}

.Kcontact_panel .Oimg_panel::before {
    z-index: 1;
    background: linear-gradient(
        135deg, 
        rgba(rgb(135,144,166), 0.4), 
        rgba(rgb(78,104,151), 0.4)
    );
    content: "";
    inset: 0;
    position: absolute;
}

.Kcontact_panel .Ksupport_help::after {
    height: 100px;
    width: 100px;
    background: rgb(78,104,151,0.5);
    border-radius: 0;
    bottom: -50px;
    transform: rotate(45deg);
    content: "";
    z-index: 0;
    left: -50px;
    position: absolute;
}

.Kcontact_panel form h3::after {
    position: absolute;
    height: 2px;
    left: 0;
    bottom: -15px;
    width: 50%;
    background: rgb(135,144,166);
    content: "";
}

.Kcontact_panel form input[type="text"]:focus {
    border-bottom-color: rgb(135,144,166);
    outline: none;
}

.Kcontact_panel form input[type="text"]::placeholder {
    transition: all 0.3s ease;
    color: rgba(#000000, 0.5);
}

.Kcontact_panel form input[type="text"]:focus::placeholder {
    opacity: 0;
    transform: translateY(-10px);
}

.Kcontact_panel .Yrequest_request input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.Kcontact_panel .Yrequest_request label::before {
    content: "";
    width: 22px;
    position: absolute;
    height: 22px;
    left: 0;
    background: transparent;
    transition: all 0.3s ease;
    border: 2px solid rgb(177,178,185);
    top: 0;
}

.Kcontact_panel .Yrequest_request label a {
    position: relative;
    color: rgb(135,144,166);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.Kcontact_panel .Yrequest_request label a::after {
    transform-origin: left;
    height: 1px;
    position: absolute;
    background: rgb(135,144,166);
    bottom: -1px;
    transform: scaleX(1);
    left: 0;
    content: "";
    width: 100%;
    transition: transform 0.3s ease;
}

.Kcontact_panel .tmessage_support::before {
    content: "";
    top: 0;
    height: 100%;
    transform: skewX(-25deg);
    background: rgb(78,104,151);
    width: 0;
    left: -10px;
    z-index: -1;
    position: absolute;
    transition: width 0.5s ease;
}

.Kcontact_panel .tmessage_support:hover::before {
    width: 150%;
}

.Kcontact_panel svg {
    stroke-width: 2;
    stroke: rgb(135,144,166);
    fill: none;
    transition: all 0.3s ease;
    width: 24px;
    height: 24px;
}

.Kcontact_panel svg:hover,
.Kcontact_panel svg:hover path {
    stroke: rgb(78,104,151);
}

.Hoffer_deck::before {
    content: "";
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 100%);
    right: 0;
}

.Hoffer_deck h2 {
    font-weight: 700;
    font-size: 33px;
    color: #ffffff;
    transform: translateX(-10px);
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.Hoffer_deck .dbundle_price {
    transform: translateX(10px);
    color: rgba(255,255,255,0.85);
    margin-bottom: 40px;
    line-height: 1.6;
    font-size: 14px;
    max-width: 80%;
}

.Hoffer_deck .Ituition_plans li {
    transform-style: preserve-3d;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.Hoffer_deck .jfee_offers {
    display: block;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    height: 100%;
    transition: all 0.4s ease;
    color: #000000;
}

.Hoffer_deck .jfee_offers:hover .askill_pricing {
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    transform: translateZ(20px);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(245,245,245,0.98) 100%);
}

.Hoffer_deck .jfee_offers:hover .askill_pricing::after {
    opacity: 0.15;
    transform: rotate(45deg) translate(20px, -60px) scale(1.2);
}

.Hoffer_deck .Ilearning_rates {
    flex-direction: column;
    z-index: 2;
    flex: 1;
    display: flex;
    position: relative;
}

.Hoffer_deck .Ilearning_rates h4::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgb(78,104,151);
    width: 40px;
    height: 3px;
    transform: skewX(-15deg);
    content: "";
}

.Hoffer_deck .Ilearning_rates p {
    font-size: 14px;
    hyphens: auto;
    line-height: 1.5;
    word-wrap: break-word;
    margin-bottom: 25px;
    flex-grow: 1;
    overflow-wrap: break-word;
    color: #000000;
}

.Hoffer_deck .jfee_offers:hover .cmonthly_plan {
    transform: translateY(-5px);
    color: rgb(135,144,166);
}

.Hoffer_deck .cmonthly_plan::before {
    left: 0;
    width: 30px;
    top: 0;
    content: "";
    height: 1px;
    background: rgb(135,144,166);
    transform: translateY(-1px);
    position: absolute;
}

#RcookieNoticeOverlay:checked ~ .kcookie_window_banner {
    visibility: hidden;
    opacity: 0;
}

.kcookie_window_banner h5 {
    margin-bottom: 6px;
    font-size: 22px;
}

.Vprivacy_opt {
    margin-right: 10px;
    flex-shrink: 0;
}

.Iuser_default {
    font-size: 24px;
    cursor: pointer;
    line-height: 35px;
    white-space: nowrap;
    color: rgb(135,144,166);
    text-decoration: none;
    text-align: center;
    flex-shrink: 0;
    margin-left: 10px;
    min-width: 120px;
    border-bottom: 2px solid rgb(135,144,166);
}

.Xwrapper-structure .ydata_approve {
    justify-content: space-between;
    padding: 40px 0;
}

.Xwrapper-structure .tdata_notice {
    text-align: left;
    color: #ffffff;
}

.Xwrapper-structure .tdata_notice h5 {
    font-weight: 700;
}

.Xwrapper-structure .tdata_notice h5, .Xwrapper-structure .tdata_notice p {
    color: #ffffff;
}

.Kcourse_program::before {
    position: absolute;
    opacity: 0.05;
    background-image: 
        linear-gradient(45deg, rgb(78,104,151,0.5) 25%, transparent 25%),
        linear-gradient(-45deg, rgb(78,104,151,0.5) 25%, transparent 25%);
    top: 0;
    z-index: 0;
    bottom: 0;
    background-size: 60px 60px;
    right: 0;
    content: "";
    left: 0;
}

.Kcourse_program .Oimg_panel {
    position: relative;
    transform: perspective(1000px) rotateY(-2deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12),
                0 8px 16px rgba(0, 0, 0, 0.08);
    height: 380px;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.Kcourse_program .Oimg_panel:hover {
    transform: perspective(1000px) rotateY(0deg) translateY(-5px);
}

.Kcourse_program .Oimg_panel:hover::after {
    opacity: 0.2;
}

.Kcourse_program .atext_display_box {
    background: #ffffff;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    transform: translateX(0);
}

.Kcourse_program .Tlesson_map:hover .atext_display_box::before {
    height: 100%;
}

.Kcourse_program h3::after {
    position: absolute;
    background: linear-gradient(90deg, rgb(135,144,166), rgb(78,104,151));
    left: 0;
    height: 3px;
    bottom: 0;
    width: 60px;
    transition: width 0.5s ease;
    content: "";
}

.Kcourse_program .atext_display_box:hover h3::after {
    width: 100px;
}

.Kcourse_program span.description {
    display: none;
}

.Dclient_opinions {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgb(177,178,185) 100%);
    padding: 6rem 0;
    overflow: hidden;
    position: relative;
}

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

.Dclient_opinions h2 {
    position: relative;
    color: #000000;
    text-align: center;
    padding: 0 2rem;
    margin-bottom: 4rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-weight: 700;
    font-size: 36px;
}

.Dclient_opinions .Walumni_views {
    flex-wrap: wrap;
    justify-content: center;
    perspective: 1000px;
    display: flex;
}

.Dclient_opinions .Btestimonial_corner {
    flex: 0 0 calc(33.333% - 2rem);
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform-style: preserve-3d;
    background: #ffffff;
    margin: 1rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 10px;
}

.Dclient_opinions .Btestimonial_corner:hover {
    transform: translateY(-15px) rotateX(5deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), 
                0 0 20px rgb(135,144,166,0.5), 
                0 0 30px rgb(78,104,151,0.5);
}

.Dclient_opinions .Btestimonial_corner:hover img {
    filter: grayscale(0%);
}

.Dclient_opinions .Btestimonial_corner p {
    margin: 0;
    padding: 1rem 1.5rem 0;
    font-size: calc(13px + 0.1rem);
    color: #000000;
    font-weight: 600;
    position: relative;
}

.Dclient_opinions .Btestimonial_corner .description {
    padding: 1rem 1.5rem 1.5rem;
    font-size: 13px;
    color: #000000;
    line-height: 1.6;
    position: relative;
    font-weight: 400;
}

.Dclient_opinions .Btestimonial_corner:nth-child(3n+2) {
    transform: translateZ(10px);
}

.Tour_background {
    position: relative;
    background-color: rgb(177,178,185);
    padding: 120px 0;
    overflow: hidden;
}

.Tour_background::after {
    filter: blur(50px);
    z-index: 1;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgb(135,144,166,0.5) 0%, transparent 40%),
        radial-gradient(circle at 80% 70%, rgb(78,104,151,0.5) 0%, transparent 40%);
    opacity: 0.8;
    content: "";
}

.Tour_background .container {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
    z-index: 2;
}

.Tour_background h2 {
    color: #000000;
    letter-spacing: 2px;
    font-size: 39px;
    margin-bottom: 80px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    position: relative;
}

.Tour_background h2::after {
    content: "";
    height: 4px;
    transform: translateX(-50%);
    position: absolute;
    bottom: -20px;
    width: 60px;
    left: 50%;
    background: linear-gradient(90deg, rgb(135,144,166), rgb(78,104,151));
    border-radius: 10px;
}

.Tour_background .Icommunity_ed {
    flex-direction: column;
    width: 100%;
    display: flex;
    gap: 40px;
    position: relative;
}

.Tour_background .Icommunity_ed::before {
    content: "";
    background: linear-gradient(to bottom, 
        transparent 0%,
        rgb(135,144,166,0.5) 10%, 
        rgb(135,144,166) 50%,
        rgb(78,104,151) 50%,
        rgb(78,104,151,0.5) 90%,
        transparent 100%);
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 2px;
    top: 0;
    height: 100%;
}

.Tour_background .cstudy_sessions {
    border-radius: 26px;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px;
    position: relative;
    width: 55%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
}

.Tour_background .cstudy_sessions:nth-child(1) {
    align-self: flex-start;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
    border-left: 4px solid rgb(135,144,166);
    transform: translateX(-40px);
}

.Tour_background .cstudy_sessions:nth-child(2) {
    border-right: 4px solid rgb(78,104,151);
    align-self: flex-end;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
    transform: translateX(40px);
}

.Tour_background .cstudy_sessions:nth-child(1)::before {
    right: -55px;
    box-shadow: 0 0 15px rgb(135,144,166,0.5);
    transform: translateY(-50%);
}

.Tour_background .cstudy_sessions::after {
    position: absolute;
    width: 35px;
    height: 2px;
    top: 50%;
    background: rgba(0, 0, 0, 0.2);
    content: "";
}

.Tour_background .cstudy_sessions:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    z-index: 4;
    transform: scale(1.03) translateY(-5px);
}

.Tour_background .cstudy_sessions:nth-child(2):hover {
    transform: scale(1.03) translateY(-5px) translateX(40px);
}

.Tour_background .cstudy_sessions h3::after {
    content: "";
    height: 2px;
    background: linear-gradient(90deg, rgb(135,144,166), transparent);
    bottom: 0;
    left: 0;
    transition: width 0.4s ease;
    position: absolute;
    width: 40%;
}

.Tour_background .cstudy_sessions p {
    z-index: 2;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    position: relative;
    line-height: 1.8;
}

.Tour_background .container::after {
    background: linear-gradient(45deg, rgb(78,104,151,0.5), transparent);
    right: -150px;
    bottom: 10%;
    animation-delay: -5s;
}

footer {
    z-index: 1;
    position: relative;
}

footer::before {
    z-index: -1;
    right: 0;
    top: 0;
    animation: gradientFlow 20s ease infinite;
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.5) 0%, rgb(135,144,166,0.5) 35%, rgb(78,104,151,0.5) 70%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0.75;
    left: 0;
    bottom: 0;
    position: absolute;
    content: "";
    background-size: 300% 300%;
}

.izoom_meet::before {
    top: 0;
    height: 2px;
    position: absolute;
    content: "";
    box-shadow: 0 0 20px rgb(135,144,166,0.5);
    width: 100%;
    opacity: 0.8;
    left: 0;
    background: linear-gradient(90deg, transparent, rgb(135,144,166), rgb(78,104,151), transparent);
}

.izoom_meet .container {
    position: relative;
    flex-wrap: wrap;
    gap: 3rem;
    display: flex;
    justify-content: space-between;
}

.izoom_meet .company_holder::before {
    position: absolute;
    background: linear-gradient(90deg, transparent, rgb(135,144,166), transparent);
    height: 1px;
    width: 200%;
    content: "";
    transform: translateY(-1px);
    top: 0;
    left: -50%;
}

.izoom_meet .company_holder::after {
    left: 0;
    content: "";
    background: linear-gradient(90deg, transparent, rgb(78,104,151), transparent);
    bottom: 0;
    position: absolute;
    height: 1px;
    width: 100%;
    transform: translateY(1px);
}

.izoom_meet .company_holder h3 {
    font-size: 29px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    text-shadow: 0 0 15px rgb(135,144,166,0.5);
    margin: 0 0 1.5rem;
    letter-spacing: 1px;
    color: #ffffff;
}

.izoom_meet .company_holder:hover h3::after {
    width: 100%;
}

.izoom_meet .Ljob_board {
    color: #ffffff;
    font-size: 16px;
    max-width: 100%;
    text-shadow: 0 0 10px #000000;
    line-height: 1.6;
    opacity: 0.85;
}

.izoom_meet .ntop_pagewrap {
    box-shadow: 
        0 15px 25px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    position: relative;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.08));
    padding: 2rem;
    backdrop-filter: blur(8px);
    flex: 1 1 calc(50% - 1.25rem);
    overflow: hidden;
    transition: all 0.4s ease;
    border-radius: 23px;
    min-width: 250px;
}

.izoom_meet .ntop_pagewrap:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 20px 30px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.07),
        0 0 20px rgb(78,104,151,0.5);
}

.izoom_meet .ntop_pagewrap h5::after {
    content: "";
    bottom: -8px;
    height: 3px;
    box-shadow: 0 0 10px rgb(78,104,151);
    transition: width 0.3s ease-out;
    left: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, rgb(78,104,151), rgb(135,144,166));
    width: 40px;
    position: absolute;
}

.izoom_meet .ntop_pagewrap .lnav_base a {
    display: block;
    border-radius: 10px;
    opacity: 0.8;
    padding: 0.5rem 1rem;
    font-size: 16px;
    position: relative;
    color: #ffffff;
    text-shadow: 0 0 5px #000000;
    transition: all 0.3s ease;
    text-decoration: none;
    z-index: 1;
}

.izoom_meet .ntop_pagewrap .lnav_base a::after {
    opacity: 0;
    z-index: -1;
    height: 100%;
    content: "";
    width: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
    left: 0;
    position: absolute;
    transition: all 0.3s ease;
    top: 0;
}

.izoom_meet .ntop_pagewrap .lnav_base a:hover::after {
    width: 100%;
    opacity: 0.2;
}

.hhackathon::before {
    top: 0;
    height: 1px;
    position: absolute;
    background: linear-gradient(90deg, transparent, rgb(135,144,166), rgb(78,104,151), transparent);
    left: 0;
    content: "";
    width: 100%;
    opacity: 0.5;
}

.hhackathon .gwebinar_cta:hover {
    opacity: 1;
    text-shadow: 0 0 8px rgb(78,104,151,0.5);
}

header::before {
    content: '';
    bottom: 2px;
    z-index: -1;
    clip-path: polygon(
        0 0, 
        100% 0, 
        100% calc(100% - 15px), 
        calc(100% - 15px) 100%, 
        15px 100%, 
        0 calc(100% - 15px)
    );
    left: 2px;
    background: repeating-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.05) 0px,
        rgba(255, 255, 255, 0.05) 1px,
        transparent 1px,
        transparent 10px
    );
    right: 2px;
    top: 2px;
    position: absolute;
}

header .Omain_info::before {
    border: 1px dashed rgba(255, 255, 255, 0.3);
    position: absolute;
    clip-path: polygon(
        0 0,
        calc(100% - 10px) 0,
        100% 10px,
        100% 100%,
        10px 100%,
        0 calc(100% - 10px)
    );
    top: 3px;
    z-index: -1;
    bottom: 3px;
    right: 3px;
    content: '';
    left: 3px;
}

header .xmain_know img {
    max-height: 40px;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}

header .xmain_top {
    margin: 0 0.5rem;
    position: relative;
}

header .xmain_top a::before {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    content: '';
    left: -100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: left 0.7s ease;
}

header .xmain_top a:hover {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}

header .xmain_top a:hover::before {
    left: 100%;
}

header .xmain_top::after {
    bottom: -5px;
    height: 2px;
    content: '';
    transition: width 0.3s ease;
    width: 0;
    left: 50%;
    background: #ffffff;
    transform: translateX(-50%);
    position: absolute;
}

header .uhead_lead::after {
    height: 40px;
    border-left: none;
    width: 40px;
    bottom: 10px;
    opacity: 0.5;
    content: '';
    left: 10px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    border-top: none;
}



header::after {
    animation: pulse 2s infinite;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    box-shadow: 0 0 10px #ffffff;
    width: 8px;
    height: 8px;
    content: '';
    right: 15px;
    background: #ffffff;
}

.Xpotential_learners::after {
    z-index: 0;
    left: 0;
    width: 100%;
    background-position: 0 0, 0 60px, 60px -60px, -60px 0px;
    background-size: 120px 120px;
    content: "";
    opacity: 0.03;
    background-image: 
        linear-gradient(45deg, #000000 25%, transparent 25%),
        linear-gradient(-45deg, #000000 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #000000 25%),
        linear-gradient(-45deg, transparent 75%, #000000 25%);
    top: 0;
    height: 100%;
    position: absolute;
}

.Xpotential_learners .slearn_guides:hover {
    transform: translateY(-10px);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.Xpotential_learners .slearn_guides::before {
    width: 200px;
    position: absolute;
    animation: pulse-effect 8s infinite alternate ease-in-out;
    content: "";
    filter: blur(30px);
    height: 200px;
    top: -100px;
    opacity: 0.1;
    right: -100px;
    border-radius: 50%;
    background: linear-gradient(45deg, rgb(135,144,166) 0%, rgb(78,104,151) 100%);
}



.Xpotential_learners h4 {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    font-size: 31px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #ffffff;
}

.Xpotential_learners div p {
    align-items: center;
    border-left: 3px solid rgb(135,144,166);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    display: flex;
    color: #ffffff;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 15px 20px;
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    font-size: calc(14px + 2px);
}

.Xpotential_learners div p svg {
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
    margin-right: 15px;
    transition: transform 0.3s ease;
    min-width: 24px;
    height: 24px;
    width: 24px;
}

.Xpotential_learners div p::after {
    background: linear-gradient(90deg, rgb(135,144,166) 0%, transparent 100%);
    content: "";
    bottom: 0;
    transition: width 0.5s ease;
    left: 0;
    position: absolute;
    height: 1px;
    width: 0;
}

.eappNote::before {
    content: "";
    background: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.03),
    rgba(255, 255, 255, 0.03) 10px,
    transparent 10px,
    transparent 20px
  );
    top: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
    right: 0;
    left: 0;
}

.eappNote h2 {
    transform-origin: left center;
    font-size: 31px;
    font-family: Arial, sans-serif;
    position: relative;
    color: rgb(135,144,166);
    animation: slideInTitle 0.8s ease-out forwards;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2.5rem;
    max-width: 90%;
    font-weight: 700;
    line-height: 1.3;
}

.eappNote .slearn_guides {
    padding: 2.5rem;
    border-left: 4px solid rgb(78,104,151);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%);
    transform: translateY(0);
    border-radius: 10px;
    overflow: hidden;
    animation: fadeInUp 0.6s 0.4s both;
    transition: transform 0.4s ease-out;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.05);
    position: relative;
}

.eappNote li {
    position: relative;
    padding-left: 1.5rem;
}

.eappNote span {
    display: block;
    line-height: 1.8;
    position: relative;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 16px;
    animation: fadeText 0.8s 0.6s both;
}

.jprivacy_sanctuary {
    overflow: hidden;
    background: linear-gradient(135deg, rgb(177,178,185) 0%, rgba(248, 248, 252, 0.95) 100%);
    padding: 80px 0;
    position: relative;
}

.jprivacy_sanctuary::after {
    height: 250px;
    left: -5%;
    width: 250px;
    opacity: 0.3;
    filter: blur(70px);
    content: "";
    z-index: 0;
    background: linear-gradient(to right, rgb(78,104,151,0.5), rgb(135,144,166,0.5));
    position: absolute;
    bottom: -10%;
    transform: rotate(15deg);
}

.jprivacy_sanctuary h1 {
    color: #000000;
    position: relative;
    padding-bottom: 15px;
    font-weight: 700;
    transform: translateX(-10px);
    margin-bottom: 30px;
    font-size: 40px;
}

.jprivacy_sanctuary h1:hover::after {
    transform: scaleX(1.5);
}

.jprivacy_sanctuary h2 {
    font-weight: 600;
    position: relative;
    font-size: 32px;
    padding-left: 16px;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 20px;
}

.jprivacy_sanctuary h2::before {
    width: 4px;
    opacity: 0.8;
    height: 100%;
    transform: scaleY(0.8);
    content: "";
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: rgb(135,144,166);
    left: 0;
    position: absolute;
    top: 0;
}

.jprivacy_sanctuary h4 {
    color: #000000;
    font-size: calc(32px * 0.75);
    font-weight: 600;
    opacity: 0.9;
    margin-bottom: 12px;
    margin-top: 25px;
}

.jprivacy_sanctuary p:hover {
    transform: translateX(5px);
}

.jprivacy_sanctuary p strong {
    color: #000000;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.jprivacy_sanctuary p strong:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}

.jprivacy_sanctuary span {
    background: rgba(rgb(255, 255, 255, 0.5), 0.4);
    padding: 15px;
    line-height: 1.6;
    display: block;
    border-left: 2px solid rgb(78,104,151);
    transform: translateY(0);
    font-size: 14px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    color: #000000;
    margin-bottom: 30px;
}

.jprivacy_sanctuary li::before {
    position: absolute;
    background: rgb(135,144,166);
    left: 0;
    opacity: 0.8;
    height: 8px;
    width: 8px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 50%;
    top: 10px;
    content: "";
}

.jprivacy_sanctuary li:hover::before {
    transform: scale(1.3);
    background: rgb(78,104,151);
}

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

.edeveloper_experience .Btestimonial_corner:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.edeveloper_experience .Btestimonial_corner:hover .Oimg_panel {
    transform: rotate(-5deg);
}

.edeveloper_experience .name {
    color: #000000;
    margin-left: 0;
    transition: transform 0.5s ease;
    margin-top: 40px;
    font-weight: 700;
    font-size: calc(20px * 1.2);
    letter-spacing: -0.5px;
    transform: translateX(0);
}

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

.edeveloper_experience .Hjob_expertise::before {
    background: rgb(135,144,166);
    position: absolute;
    transition: transform 0.5s ease;
    width: 30px;
    height: 2px;
    transform: scaleX(0);
    top: 15px;
    left: -40px;
    content: "";
    transform-origin: right;
}

.cservice_info {
    font-family: Arial, sans-serif;
    overflow: hidden;
    position: relative;
    padding: 120px 20px;
    background: linear-gradient(135deg, rgb(177,178,185) 0%, rgba(245, 247, 251, 0.92) 100%);
}

.cservice_info::after {
    opacity: 0.25;
    height: 300px;
    background: linear-gradient(135deg, rgb(135,144,166,0.5) 0%, rgb(78,104,151,0.5) 100%);
    content: "";
    animation: floatShape 15s infinite alternate ease-in-out;
    right: -5%;
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    z-index: 0;
    width: 300px;
    position: absolute;
    top: -10%;
    filter: blur(30px);
}

.cservice_info h1::after {
    background: linear-gradient(90deg, rgb(135,144,166) 0%, rgb(78,104,151) 100%);
    width: 80px;
    transform: translateX(-50%);
    left: 50%;
    content: "";
    position: absolute;
    height: 4px;
    border-radius: 10px;
    bottom: -12px;
}

.cservice_info .Zcontact_section:hover {
    transform: translateY(-5px);
}

.cservice_info .Zcontact_section > div {
    padding: 20px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 24px -8px rgba(0, 0, 0, 0.05);
    background: linear-gradient(145deg, rgba(250, 252, 255, 0.9), rgba(250, 252, 255, 0.4));
}

.cservice_info h6 {
    margin-bottom: 15px;
    color: #000000;
    align-items: center;
    font-size: 16px;
    display: flex;
    text-transform: capitalize;
    font-weight: 600;
    gap: 12px;
}

.cservice_info .isend_request {
    display: flex;
    gap: 18px;
    flex-direction: column;
}

.cservice_info .Iedu_asksup:hover {
    transform: translateX(5px) scale(1.02);
    box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.15);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(250, 252, 255, 0.95));
    color: rgb(135,144,166);
}

.cservice_info svg {
    height: 24px;
    transition: transform 0.3s ease;
    width: 24px;
    flex-shrink: 0;
}

.cservice_info svg path {
    fill: #000000;
    transition: fill 0.3s ease;
}

.cservice_info .Iedu_asksup:hover svg path {
    fill: rgb(135,144,166);
}

.dhomepage::before {
    pointer-events: none;
    opacity: 0.05;
    top: 0;
    background: repeating-linear-gradient(
    45deg,
    rgb(135,144,166,0.5) 0px,
    transparent 1px,
    transparent 10px
  );
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
}

.dhomepage .Fedu_page {
    z-index: 2;
    transform: translateZ(0);
    max-width: 1200px;
    transform-style: preserve-3d;
    width: 90%;
}

.dhomepage .Fedu_page > div {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    display: grid;
}

.dhomepage .Fedu_page > div > div:first-child {
    transform: translateY(30px) rotateX(5deg);
    opacity: 0;
    animation: slideInTop 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.2s;
}

.dhomepage .Fedu_page h3:hover {
    transform: perspective(1000px) rotateY(0deg);
}

.dhomepage .Elearn_vision {
    min-height: 400px;
    opacity: 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(40px) rotateX(3deg);
    position: relative;
    animation: slideInBottom 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.5s;
    overflow: hidden;
}

.dhomepage .Elearn_vision > div {
    flex-direction: column;
    z-index: 2;
    justify-content: center;
    position: relative;
    padding: 3rem;
    display: flex;
    height: 100%;
}

.dhomepage .Elearn_vision p {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    line-height: 1.5;
    animation: slideInLeft 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.8s;
    opacity: 0;
    transform: translateX(-30px);
    font-size: calc(16px * 1.2);
    max-width: 80%;
    color: #ffffff;
    margin-bottom: 1.5rem;
}

.dhomepage .title_style_header::after {
    height: 4px;
    background: rgb(135,144,166);
    left: 0;
    content: '';
    transform: scaleX(0);
    animation: growLine 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 1.4s;
    bottom: -15px;
    transform-origin: left;
    position: absolute;
    width: 80px;
}

.fcourse_rewards::after {
    height: 50%;
    filter: blur(40px);
    position: absolute;
    background: linear-gradient(45deg, rgb(78,104,151,0.5) 0%, transparent 70%);
    bottom: -5%;
    z-index: 1;
    left: -5%;
    width: 40%;
    content: "";
    transform: rotate(15deg) skewX(-10deg);
}

.fcourse_rewards h5::after {
    z-index: 2;
    position: absolute;
    left: 50%;
    height: 3px;
    content: "";
    bottom: -15px;
    width: 80px;
    background: linear-gradient(90deg, rgb(135,144,166) 0%, rgb(78,104,151) 100%);
    transform: translateX(-50%);
}

.fcourse_rewards .slearn_guides {
    position: relative;
    transform: translateY(0);
    padding: 40px;
    z-index: 4;
    background: rgba(255, 255, 255, 0.85);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    align-items: center;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
}

.fcourse_rewards .Oimg_panel:hover {
    box-shadow: -15px 15px 30px rgba(0, 0, 0, 0.15);
    transform: rotateY(5deg) perspective(1000px);
}

.fcourse_rewards li {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    border-left: 3px solid rgb(135,144,166);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 25px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(0);
}

.fcourse_rewards li:nth-child(odd) {
    border-left: 3px solid rgb(78,104,151);
}

.fcourse_rewards li div {
    width: 100%;
}

.fcourse_rewards li p {
    display: flex;
    margin: 0;
    font-size: calc(16px - 1px);
    color: #000000;
    line-height: 1.6;
    align-items: flex-start;
}

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

.fcourse_rewards li:hover svg path {
    fill: rgb(78,104,151);
}

.fcourse_rewards li:nth-child(odd):hover svg path {
    fill: rgb(135,144,166);
}

.Nstudy_method::before {
    left: 0;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        120deg,
        rgb(135,144,166,0.5) 0%,
        transparent 10%,
        rgb(78,104,151,0.5) 20%,
        transparent 30%,
        rgb(135,144,166,0.5) 40%
    );
    z-index: -1;
    top: 0;
    content: "";
    animation: bg-shift 20s linear infinite;
    position: absolute;
}

.Nstudy_method .container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.Nstudy_method .slearn_guides {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform-style: preserve-3d;
    perspective: 1000px;
    align-items: center;
    position: relative;
    padding: 40px;
}

.Nstudy_method .slearn_guides {
    padding: 25px 20px;
}

.Nstudy_method .slearn_guides {
    padding: 20px 15px;
}

.Nstudy_method .slearn_guides::after {
    position: absolute;
    border-radius: 24px;
    z-index: -1;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.05) 40%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.05) 60%,
        rgba(255, 255, 255, 0.1) 100%
    );
    backdrop-filter: blur(10px);
    animation: holographic-shimmer 4s ease-in-out infinite alternate;
    inset: 0;
    content: "";
}

.Nstudy_method h3::before {
    position: absolute;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        rgb(135,144,166) 0%,
        rgb(78,104,151) 100%
    );
    transform: translateX(-50%);
    width: 60px;
    top: 110%;
    height: 3px;
    content: "";
    animation: underline-pulse 3s ease-in-out infinite;
    left: 50%;
    opacity: 0.8;
}

.Nstudy_method h3::before {
    width: 50px;
}

.Nstudy_method h3::before {
    height: 2px;
    width: 40px;
}

.Nstudy_method span::before {
    filter: blur(20px);
    z-index: -1;
    height: 100%;
    position: absolute;
    background: rgb(135,144,166,0.5);
    animation: shadow-dance 8s ease-in-out infinite alternate;
    width: 100%;
    left: 10px;
    top: 10px;
    opacity: 0.2;
    content: "";
}

.Eaccess_now {
    background: linear-gradient(125deg, rgb(135,144,166) 0%, rgb(78,104,151) 100%);
    padding: 130px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.Eaccess_now::after {
    top: 0;
    filter: blur(60px);
    left: 0;
    background: 
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.2) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(255,255,255,0.2) 0%, transparent 50%);
    height: 100%;
    content: '';
    width: 100%;
    z-index: -1;
    position: absolute;
}

.Eaccess_now .slearn_guides::before {
    animation: borderGlow 10s linear infinite;
    bottom: -5px;
    opacity: 0.5;
    left: -5px;
    background: linear-gradient(45deg, 
        rgba(255,255,255,0.1),
        rgba(255,255,255,0),
        rgba(255,255,255,0.1),
        rgba(255,255,255,0),
        rgba(255,255,255,0.1)
    );
    top: -5px;
    right: -5px;
    position: absolute;
    z-index: -1;
    border-radius: 35px;
    filter: blur(5px);
    content: '';
}

.Eaccess_now .slearn_guides:hover {
    transform: rotateX(0deg) rotateY(0deg) translateY(-5px);
}

.Eaccess_now h3 {
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
    position: relative;
    letter-spacing: 3px;
    text-align: center;
    font-size: 29px;
    font-family: Arial, sans-serif;
    margin-bottom: 55px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
}

.Eaccess_now h3::after {
    height: 100%;
    top: 0;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255,255,255,0.1), 
        transparent
    );
    width: 100%;
    left: -100%;
    position: absolute;
    z-index: -1;
    animation: lightScan 5s linear infinite;
    content: '';
}

.Eaccess_now .Iedu_asksup::before {
    height: 100%;
    content: '';
    z-index: -1;
    top: 0;
    left: 0;
    transition: opacity 0.4s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(45deg, 
        rgb(135,144,166), 
        rgb(78,104,151));
}

.Eaccess_now .Iedu_asksup::after {
    transform: rotate(35deg);
    content: '';
    top: -50%;
    background: linear-gradient(
        to right,
        transparent,
        rgba(255,255,255,0.7),
        transparent
    );
    left: -100px;
    height: 200%;
    transition: all 0.6s ease;
    position: absolute;
    width: 20px;
    z-index: 1;
}

.Eaccess_now .Iedu_asksup:hover::before {
    opacity: 1;
}

.Eaccess_now .Iedu_asksup:hover::after {
    left: 200%;
}

.Kcourse_program .description::-webkit-scrollbar {
    width: 4px;
}

.Kcourse_program .description::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}

.Kcourse_program .description::-webkit-scrollbar-thumb {
    background: rgb(78,104,151,0.5);
    border-radius: 10px;
}



@media (max-width: 768px) {.Kcontact_panel {
    padding: 60px 0;
}.Kcontact_panel .Msupport_links {
    flex-direction: column;
}.Kcontact_panel .Oimg_panel {
    width: 100%;
    min-height: 300px;
}.Kcontact_panel .Ksupport_help {
    padding: 40px 30px;
    width: 100%;
}.Kcontact_panel form h3 {
    margin-bottom: 30px;
}.Kcontact_panel form input[type="text"] {
    margin-bottom: 20px;
    padding: 15px 20px;
}.Kcontact_panel .Yrequest_request {
    margin-bottom: 30px;
}.Kcontact_panel .tmessage_support {
    width: 100%;
    padding: 15px 30px;
}
}



@media (max-width: 991px) {.Hoffer_deck {
    padding: 80px 0;
}.rclass_rates {
    transform: perspective(1000px) rotateX(1deg);
}.Hoffer_deck .dbundle_price {
    max-width: 90%;
    transform: translateX(5px);
}.Hoffer_deck .Ituition_plans {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 25px;
}.Hoffer_deck .askill_pricing {
    padding: 25px;
    min-height: 400px;
}
}



@media (max-width: 480px) {.Hoffer_deck {
    padding: 40px 0;
}.Hoffer_deck h2 {
    font-size: calc(33px - 6px);
}.Hoffer_deck .Ituition_plans {
    margin-top: 20px;
}.Hoffer_deck .askill_pricing {
    padding: 15px;
}.Hoffer_deck .Ilearning_rates h4 {
    font-size: 21px;
    margin-bottom: 15px;
}.Hoffer_deck .Ilearning_rates p {
    font-size: calc(14px - 2px);
    margin-bottom: 20px;
}}


@media only screen and (max-width: 1200px) {.kcookie_window_banner {
    padding: 20px;
}
}



@media (min-width: 768px) {.Kcourse_program {
    padding: 8rem 0;
}.Kcourse_program .Tlesson_map {
    gap: 4rem;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}.Kcourse_program .atext_display_box {
    transform: translateX(-30px);
}.Kcourse_program .Tlesson_map:hover .atext_display_box {
    transform: translateX(0);
}.Kcourse_program .Oimg_panel {
    transform: perspective(1000px) rotateY(-5deg) translateZ(0);
    height: 480px;
}.Kcourse_program .Oimg_panel:hover {
    transform: perspective(1000px) rotateY(0deg) translateZ(0) translateY(-10px);
}.Kcourse_program h3 {
    font-size: 20px;
}
}



@media (max-width: 767px) {.Kcourse_program {
    padding: 4rem 0;
}.Kcourse_program .container {
    padding: 0 1.5rem;
}.Kcourse_program .Oimg_panel {
    height: 280px;
    margin-bottom: 1rem;
}.Kcourse_program .atext_display_box {
    padding: 1.5rem;
}.Kcourse_program h3 {
    font-size: calc(21px * 1.1);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
}.Kcourse_program .description {
    font-size: calc(17px * 0.95);
    max-height: 180px;
    line-height: 1.6;
}}



@media screen and (max-width: 1200px) {.Tour_background .cstudy_sessions:nth-child(1) {
    transform: translateX(-20px);
}.Tour_background .cstudy_sessions:nth-child(2) {
    transform: translateX(20px);
}.Tour_background .cstudy_sessions:nth-child(1):hover {
    transform: scale(1.03) translateY(-5px) translateX(-20px);
}.Tour_background .cstudy_sessions:nth-child(2):hover {
    transform: scale(1.03) translateY(-5px) translateX(20px);
}
}



@media screen and (max-width: 768px) {.Tour_background {
    padding: 80px 0;
}.Tour_background h2 {
    font-size: calc(30px + 0.1rem);
    margin-bottom: 50px;
}.Tour_background .Icommunity_ed::before {
    left: 30px;
}.Tour_background .cstudy_sessions {
    margin-left: auto;
    max-width: 500px;
    padding: 25px;
    width: 85%;
}.Tour_background .cstudy_sessions:nth-child(1),
    .Tour_background .cstudy_sessions:nth-child(2) {
    transform: translateX(0);
    border-left: 4px solid rgb(135,144,166);
    align-self: flex-end;
    margin-left: 60px;
    border-right: none;
}.Tour_background .cstudy_sessions:nth-child(2) {
    border-left: 4px solid rgb(78,104,151);
}.Tour_background .cstudy_sessions:nth-child(1):hover,
    .Tour_background .cstudy_sessions:nth-child(2):hover {
    transform: scale(1.03) translateY(-5px);
}.Tour_background .cstudy_sessions::before {
    left: -45px;
    right: auto;
}.Tour_background .cstudy_sessions::after {
    right: auto;
    left: -25px;
}
}



@media (max-width: 1200px) {.izoom_meet .container {
    gap: 2rem;
}.izoom_meet .company_holder {
    flex: 1 1 320px;
}.izoom_meet .dreg_remind {
    flex: 1 1 calc(100% - 370px);
    min-width: 320px;
}
}



@media (max-width: 768px) {.izoom_meet {
    padding: 3rem 0 1.5rem;
}.izoom_meet .company_holder,
    .izoom_meet .ntop_pagewrap {
    padding: 1.5rem;
}.izoom_meet .lnav_base {
    gap: 1.5rem;
}.izoom_meet .company_holder h3 {
    font-size: calc(29px - 2px);
}.izoom_meet .ntop_pagewrap h5 {
    font-size: calc(24px - 1px);
}.izoom_meet .company_holder:hover,
    .izoom_meet .ntop_pagewrap:hover {
    transform: translateY(-3px);
}
}



@media (min-width: 1400px) {header .uhead_lead {
    margin: 0 auto;
    max-width: 1320px;
}header .xmain_top {
    margin: 0 0.7rem;
}header .xmain_top a {
    padding: 0 1.5rem;
}
}



@media (max-width: 991px) {header {
    clip-path: polygon(
            0 0, 
            100% 0, 
            100% calc(100% - 10px), 
            calc(100% - 10px) 100%, 
            10px 100%, 
            0 calc(100% - 10px)
        );
}header .uhead_lead {
    flex-wrap: wrap;
    padding: 1rem 2rem;
}header .Omain_info {
    margin-bottom: 0;
    margin-right: 0;
}header .ntop_pagewrap {
    margin-top: 1rem;
    justify-content: flex-end;
    flex-basis: 100%;
}header .xmain_top a {
    height: 35px;
    font-size: calc(17px - 1px);
    padding: 0 1rem;
}header .uhead_lead::before,
    header .uhead_lead::after {
    display: none;
}.gtop_info {
    margin-top: -10px;
}
}



@media (max-width: 479px) {header .uhead_lead {
    padding: 0.7rem 1.2rem;
}header .Omain_info {
    padding: 0.4rem 0.6rem;
    max-width: 120px;
}header .xmain_top a {
    height: 30px;
    font-size: calc(17px - 3px);
    padding: 0 0.6rem;
}}



@media (max-width: 991px) {.Xpotential_learners {
    padding: 80px 0;
}.Xpotential_learners .slearn_guides {
    padding: 40px 30px;
}.Xpotential_learners h4 {
    font-size: calc(31px - 2px);
    margin-bottom: 30px;
}.Xpotential_learners div p {
    font-size: 14px;
    padding: 12px 15px;
    margin-bottom: 20px;
}
}



@media (max-width: 767px) {.Xpotential_learners {
    padding: 60px 0;
}.Xpotential_learners .slearn_guides {
    padding: 30px 20px;
}.Xpotential_learners h4 {
    margin-bottom: 25px;
    font-size: calc(31px - 4px);
    padding-bottom: 12px;
}.Xpotential_learners h4::after {
    height: 3px;
    width: 60px;
}.Xpotential_learners div p {
    font-size: calc(14px - 1px);
    margin-bottom: 15px;
    padding: 10px 12px;
}.Xpotential_learners div p svg {
    height: 20px;
    margin-right: 10px;
    width: 20px;
    min-width: 20px;
}.Xpotential_learners::before,
    .Xpotential_learners::after {
    opacity: 0.05;
}
}



@media (max-width: 991px) {.eappNote {
    padding: 5rem 0;
}.eappNote h2 {
    font-size: calc(31px * 0.9);
    max-width: 100%;
}.eappNote .slearn_guides {
    padding: 2rem;
}
}



@media (max-width: 576px) {.eappNote {
    padding: 3rem 0;
}.eappNote .container {
    padding: 0 1.5rem;
    transform: perspective(1000px) rotateX(0deg);
}.eappNote h2 {
    margin-bottom: 1.75rem;
    font-size: calc(31px * 0.7);
}.eappNote .slearn_guides {
    padding: 1.5rem;
}.eappNote li {
    padding-left: 1.25rem;
}.eappNote li::before {
    width: 6px;
    height: 6px;
    top: 0.65rem;
}.eappNote span {
    font-size: calc(16px * 0.9);
    line-height: 1.6;
}}



@media (max-width: 767px) {.jprivacy_sanctuary {
    padding: 40px 0;
}.jprivacy_sanctuary::before,
    .jprivacy_sanctuary::after {
    height: 200px;
    width: 200px;
}.jprivacy_sanctuary .container {
    border-left-width: 2px;
    padding: 25px 20px;
}.jprivacy_sanctuary h1 {
    font-size: calc(40px * 0.8);
    margin-bottom: 20px;
    transform: translateX(0);
}.jprivacy_sanctuary h1::after {
    width: 60px;
}.jprivacy_sanctuary h2 {
    margin-top: 30px;
    padding-left: 12px;
    font-size: calc(32px * 0.85);
}.jprivacy_sanctuary h2::before {
    width: 3px;
}.jprivacy_sanctuary h3 {
    font-size: calc(32px * 0.75);
}.jprivacy_sanctuary h4 {
    font-size: calc(32px * 0.7);
}.jprivacy_sanctuary p, .jprivacy_sanctuary span, .jprivacy_sanctuary li {
    font-size: calc(14px * 0.95);
}.jprivacy_sanctuary ul {
    padding-left: 5px;
}.jprivacy_sanctuary li {
    padding-left: 20px;
}
}



@media (min-width: 768px) {.cservice_info {
    padding: 150px 30px;
}.cservice_info h1 {
    margin-bottom: 80px;
}.cservice_info .Zcontact_section {
    padding: 60px;
    grid-template-columns: repeat(2, 1fr);
}.cservice_info .Zcontact_section > div:first-child {
    grid-column: 1 / -1;
}
}



@media (min-width: 992px) {.cservice_info {
    padding: 180px 40px;
}.cservice_info h1 {
    font-size: calc(45px * 1.1);
}.cservice_info .Zcontact_section {
    grid-template-columns: 1.5fr 1fr 1fr;
}.cservice_info .Zcontact_section > div:first-child {
    grid-column: 1;
    grid-row: span 2;
    align-items: center;
    display: flex;
}.cservice_info .isend_request {
    margin-top: 15px;
}
}



@media (hover: none) {.cservice_info .Zcontact_section:hover {
    transform: none;
}.cservice_info .Zcontact_section > div:hover {
    transform: none;
    box-shadow: 0 4px 24px -8px rgba(0, 0, 0, 0.05);
}.cservice_info .Iedu_asksup:hover {
    transform: none;
}}



@media (min-width: 992px) {.dhomepage .Fedu_page > div {
    gap: 3rem;
    grid-template-columns: 0.35fr 0.65fr;
}.dhomepage .Elearn_vision {
    transform: perspective(1000px) rotateY(2deg);
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    min-height: 500px;
}.dhomepage .Elearn_vision:hover {
    transform: perspective(1000px) rotateY(0deg);
}.dhomepage .Fedu_page h3 {
    font-size: calc(24px * 1.1);
    transform: perspective(1000px) rotateY(-2deg);
}.dhomepage .Elearn_vision > div {
    padding: 4rem;
}.dhomepage .title_style_header {
    font-size: calc(41px * 1.4);
}.dhomepage .Elearn_vision p {
    font-size: calc(16px * 1.4);
}
}



@media (min-width: 992px) {.fcourse_rewards .slearn_guides {
    align-items: stretch;
    padding: 60px;
    flex-direction: row;
    gap: 50px;
}.fcourse_rewards .atext_display_box {
    margin-top: 0;
}.fcourse_rewards .Oimg_panel {
    max-width: 45%;
}.fcourse_rewards li {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
}



@media (max-width: 768px) {.fcourse_rewards {
    padding: 60px 0;
}.fcourse_rewards h5 {
    margin-bottom: 30px;
    font-size: calc(21px - 4px);
}.fcourse_rewards h5::after {
    width: 60px;
    bottom: -10px;
}.fcourse_rewards .slearn_guides {
    padding: 25px 20px;
}.fcourse_rewards li {
    padding: 15px 20px;
}
}



@media (max-width: 991px) {.Nstudy_method {
    padding: 80px 15px;
}.Nstudy_method h3 {
    font-size: calc(30px - 4px);
    margin-bottom: 30px;
}.Nstudy_method span {
    font-size: calc(18px - 1px);
}.Nstudy_method .slearn_guides {
    padding: 30px;
}
}



@media screen and (max-width: 768px) {.Eaccess_now {
    padding: 90px 0;
}.Eaccess_now .slearn_guides {
    transform: none;
    padding: 50px 30px;
}.Eaccess_now h3 {
    letter-spacing: 2px;
    margin-bottom: 45px;
    font-size: calc(29px * 0.8);
}.Eaccess_now h3::before {
    width: 45px;
    bottom: -15px;
    height: 3px;
}.Eaccess_now .Iedu_asksup {
    transform: none;
    padding: 14px 40px;
    letter-spacing: 1.5px;
    font-size: calc(15px * 0.9);
}.Eaccess_now .Iedu_asksup:hover {
    transform: translateY(-5px);
}
}



@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0px);
    }
}



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



@keyframes borderGlow {
    0% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes floatAnim {
    0% {
        transform: translateY(0) rotate(0deg);
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    }
    50% {
        transform: translateY(-20px) rotate(180deg);
        border-radius: 60% 40% 40% 60% / 30% 70% 30% 70%;
    }
    100% {
        transform: translateY(0) rotate(360deg);
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    }
}



@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}



@keyframes expandLine {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}



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



@keyframes fadeText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



@keyframes floatShape {
    0% {
        transform: translate(0, 0) rotate(0deg);
        border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    }
    50% {
        transform: translate(-20px, 20px) rotate(4deg);
        border-radius: 60% 40% 30% 70% / 50% 60% 30% 60%;
    }
    100% {
        transform: translate(20px, -15px) rotate(-5deg);
        border-radius: 35% 65% 60% 40% / 40% 45% 65% 55%;
    }
}



@keyframes slideInLeft {
  0% {
    transform: translateX(-30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}



@keyframes bg-shift {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}



@keyframes border-flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}



@keyframes holographic-shimmer {
    0% {
        opacity: 0.5;
        transform: rotate(0deg) scale(1);
    }
    100% {
        opacity: 0.8;
        transform: rotate(0.5deg) scale(1.02);
    }
}



@keyframes underline-pulse {
    0%, 100% {
        width: 60px;
        opacity: 0.8;
    }
    50% {
        width: 120px;
        opacity: 1;
    }
}



@keyframes text-glow {
    0% {
        filter: blur(4px);
        opacity: 0.5;
        transform: translateX(-3px) translateY(-3px);
    }
    100% {
        filter: blur(7px);
        opacity: 0.8;
        transform: translateX(3px) translateY(3px);
    }
}

@keyframes underline-pulse {
        0%, 100% {
            width: 40px;
        }
        50% {
            width: 60px;
        }
    }



@keyframes lightScan {
    0%, 100% {
        left: -100%;
        opacity: 0;
    }
    50% {
        left: 100%;
        opacity: 0.5;
    }
}