.elementor-32 .elementor-element.elementor-element-ab93d58{--e-image-carousel-slides-to-show:1;}.elementor-32 .elementor-element.elementor-element-51f8ae2:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-51f8ae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF4D;}.elementor-32 .elementor-element.elementor-element-51f8ae2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-32 .elementor-element.elementor-element-51f8ae2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-32 .elementor-element.elementor-element-215fb93{text-align:start;}.elementor-32 .elementor-element.elementor-element-215fb93 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#0006FF;}.elementor-32 .elementor-element.elementor-element-33b1776 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:600;text-shadow:1px 0px 4px rgba(0, 0, 0, 0.68);}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-32 .elementor-element.elementor-element-60b043e{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF0000;}.elementor-32 .elementor-element.elementor-element-60b043e .elementor-headline{text-align:start;font-family:"Jost", Sans-serif;font-size:20px;font-weight:600;}.elementor-32 .elementor-element.elementor-element-60b043e .elementor-headline-plain-text{color:#440075;}.elementor-32 .elementor-element.elementor-element-60b043e .elementor-headline-dynamic-text{font-family:"Jost", Sans-serif;font-weight:600;}.elementor-32 .elementor-element.elementor-element-60b043e .elementor-headline-dynamic-wrapper path{stroke:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-32 .elementor-element.elementor-element-762434f .elementor-button{background-color:#010085;font-family:"Rubik", Sans-serif;font-size:18px;font-weight:400;box-shadow:9px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;padding:15px 19px 15px 19px;}.elementor-32 .elementor-element.elementor-element-762434f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-32 .elementor-element.elementor-element-c0710f3 img{width:99%;}.elementor-32 .elementor-element.elementor-element-4582b4f{text-align:center;}.elementor-32 .elementor-element.elementor-element-4582b4f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;}.elementor-32 .elementor-element.elementor-element-058e220{text-align:center;}.elementor-32 .elementor-element.elementor-element-058e220 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:700;color:#14005E;}.elementor-32 .elementor-element.elementor-element-4afaba0:hover img{opacity:0.1;}.elementor-bc-flex-widget .elementor-32 .elementor-element.elementor-element-175f057.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-32 .elementor-element.elementor-element-175f057.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}@media(min-width:768px){.elementor-32 .elementor-element.elementor-element-df841e1{width:40%;}.elementor-32 .elementor-element.elementor-element-d8c1bfd{width:60%;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-9e026e5{margin-top:0px;margin-bottom:0px;}.elementor-32 .elementor-element.elementor-element-215fb93 .elementor-heading-title{font-size:12px;}.elementor-32 .elementor-element.elementor-element-33b1776 .elementor-heading-title{font-size:32px;}.elementor-32 .elementor-element.elementor-element-60b043e .elementor-headline{font-size:12px;}.elementor-32 .elementor-element.elementor-element-8674b12{width:85%;}.elementor-32 .elementor-element.elementor-element-762434f{margin:0px 31px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-32 .elementor-element.elementor-element-762434f .elementor-button{font-size:12px;}.elementor-32 .elementor-element.elementor-element-81d3f2e{width:20%;}.elementor-32 .elementor-element.elementor-element-c0710f3 img{width:100%;}.elementor-32 .elementor-element.elementor-element-4582b4f .elementor-heading-title{font-size:19px;}.elementor-32 .elementor-element.elementor-element-058e220 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for heading, class: .elementor-element-33b1776 */.elementor-32 .elementor-element.elementor-element-33b1776{
background: linear-gradient(90deg,#0F172A 0%,#1D4ED8 45%,#2563EB 75%,#F59E0B 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
font-weight:800;
letter-spacing:-1px;
line-height:1.15;
text-shadow:0 2px 12px rgba(37,99,235,.15);
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-60b043e */.elementor-32 .elementor-element.elementor-element-60b043e{
    color:#374151;
    font-weight:500;
    line-height:1.8;
}

.elementor-32 .elementor-element.elementor-element-60b043e strong,
.elementor-32 .elementor-element.elementor-element-60b043e b{
    color:#ff7a00;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-762434f */.elementor-32 .elementor-element.elementor-element-762434f .elementor-button{
background:linear-gradient(135deg,#1D4ED8 0%,#2563EB 45%,#3B82F6 70%,#F59E0B 100%);
color:#fff;
border:none;
border-radius:14px;
padding:16px 34px;
font-weight:700;
box-shadow:0 12px 30px rgba(37,99,235,.35);
transition:.35s ease;
}

.elementor-32 .elementor-element.elementor-element-762434f .elementor-button:hover{
background:linear-gradient(135deg,#F59E0B 0%,#F97316 35%,#2563EB 100%);
transform:translateY(-3px) scale(1.03);
box-shadow:0 18px 40px rgba(245,158,11,.35);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c0710f3 */.elementor-32 .elementor-element.elementor-element-c0710f3{
    animation: floatingImage 6s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
}

@keyframes floatingImage{
    0%{
        transform: translateY(0px) rotate(0deg) scale(1);
    }
    25%{
        transform: translateY(-8px) rotate(-0.8deg) scale(1.01);
    }
    50%{
        transform: translateY(0px) rotate(0deg) scale(1.02);
    }
    75%{
        transform: translateY(8px) rotate(0.8deg) scale(1.01);
    }
    100%{
        transform: translateY(0px) rotate(0deg) scale(1);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4582b4f */.elementor-32 .elementor-element.elementor-element-4582b4f .elementor-heading-title{
    background: linear-gradient(135deg,#1D4ED8 0%,#3B82F6 45%,#F59E0B 75%,#EA580C 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    font-size:48px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:-1px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1794e3 */.silver-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#ffffff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #e5e5e5;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    transition:all .3s ease;
    font-family:Arial, Helvetica, sans-serif;
}

.silver-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.package-image{
    background:linear-gradient(135deg,#f7f7f7,#d9d9d9);
    padding:15px;
}

.package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.package-content{
    padding:24px;
}

.package-tag{
    display:inline-block;
    background:#e5e5e5;
    color:#666;
    font-size:12px;
    font-weight:700;
    padding:6px 14px;
    border-radius:30px;
    margin-bottom:15px;
}

.package-content h2{
    margin:0;
    font-size:28px;
    color:#333;
    font-weight:700;
}

.price{
    font-size:42px;
    font-weight:700;
    color:#6d6d6d;
    margin:18px 0;
}

.course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.course-list li{
    padding:12px 0;
    border-bottom:1px solid #ededed;
    color:#444;
    font-size:16px;
}

.buy-btn{
    display:block;
    text-align:center;
    margin-top:25px;
    padding:15px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:17px;
    border-radius:12px;
    background:linear-gradient(135deg,#bdbdbd,#757575);
    transition:.3s;
}

.buy-btn:hover{
    background:linear-gradient(135deg,#8f8f8f,#5b5b5b);
}

@media (max-width:480px){

.silver-card{
    max-width:100%;
}

.package-content{
    padding:20px;
}

.package-content h2{
    font-size:24px;
}

.price{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689e250 */.gold-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #f2d77a;
    box-shadow:0 10px 30px rgba(199,154,0,.18);
    transition:.3s;
    font-family:Arial,Helvetica,sans-serif;
}

.gold-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(199,154,0,.30);
}

.gold-card .package-image{
    background:linear-gradient(135deg,#FFE89A,#D4A017);
    padding:15px;
}

.gold-card .package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.gold-card .package-content{
    padding:24px;
}

.gold-card .package-tag{
    display:inline-block;
    background:linear-gradient(135deg,#FFD700,#C79A00);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
}

.gold-card h2{
    margin:0;
    font-size:28px;
    color:#9A6A00;
}

.gold-card .price{
    font-size:42px;
    font-weight:bold;
    color:#C79A00;
    margin:18px 0;
}

.gold-card .course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.gold-card .course-list li{
    padding:12px 0;
    border-bottom:1px solid #f3e6b5;
    color:#444;
}

.gold-card .buy-btn{
    display:block;
    margin-top:25px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:15px;
    border-radius:12px;
    background:linear-gradient(135deg,#FFD700,#C79A00);
    font-weight:bold;
    transition:.3s;
}

.gold-card .buy-btn:hover{
    background:linear-gradient(135deg,#C79A00,#8B6508);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3678fff */.diamond-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #73b8ff;
    box-shadow:0 10px 30px rgba(0,102,255,.18);
    transition:.3s;
    font-family:Arial,Helvetica,sans-serif;
}

.diamond-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,102,255,.30);
}

.diamond-card .package-image{
    background:linear-gradient(135deg,#dff4ff,#007bff);
    padding:15px;
}

.diamond-card .package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.diamond-card .package-content{
    padding:24px;
}

.diamond-card .package-tag{
    display:inline-block;
    background:linear-gradient(135deg,#38bdf8,#0047ab);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
}

.diamond-card h2{
    margin:0;
    font-size:28px;
    color:#0047ab;
    font-weight:700;
}

.diamond-card .price{
    font-size:42px;
    font-weight:bold;
    color:#007bff;
    margin:18px 0;
}

.diamond-card .course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.diamond-card .course-list li{
    padding:12px 0;
    border-bottom:1px solid #d9ecff;
    color:#444;
    font-size:16px;
}

.diamond-card .buy-btn{
    display:block;
    margin-top:25px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:15px;
    border-radius:12px;
    font-weight:bold;
    background:linear-gradient(135deg,#00b4ff,#0047ab);
    transition:.3s;
}

.diamond-card .buy-btn:hover{
    background:linear-gradient(135deg,#0047ab,#002d72);
}

@media (max-width:480px){

.diamond-card{
    max-width:100%;
}

.diamond-card .package-content{
    padding:20px;
}

.diamond-card h2{
    font-size:24px;
}

.diamond-card .price{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff38e37 */.platinum-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #b7d5ff;
    box-shadow:0 10px 30px rgba(30,90,255,.18);
    transition:.35s;
    font-family:Arial,Helvetica,sans-serif;
}

.platinum-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(30,90,255,.28);
}

.platinum-card .package-image{
    background:linear-gradient(135deg,#f7f9fc,#b8d8ff,#5d8cff);
    padding:15px;
}

.platinum-card .package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.platinum-card .package-content{
    padding:24px;
}

.platinum-card .package-tag{
    display:inline-block;
    background:linear-gradient(135deg,#d7dde8,#4b7bec);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
}

.platinum-card h2{
    margin:0;
    font-size:28px;
    color:#2456c5;
}

.platinum-card .price{
    font-size:42px;
    font-weight:bold;
    color:#2456c5;
    margin:18px 0;
}

.platinum-card .course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.platinum-card .course-list li{
    padding:12px 0;
    border-bottom:1px solid #e8eefc;
    color:#444;
}

.platinum-card .buy-btn{
    display:block;
    margin-top:25px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:15px;
    border-radius:12px;
    font-weight:bold;
    background:linear-gradient(135deg,#d7dde8,#4b7bec);
    transition:.3s;
}

.platinum-card .buy-btn:hover{
    background:linear-gradient(135deg,#4b7bec,#1b4fb6);
}

@media(max-width:480px){

.platinum-card{
    max-width:100%;
}

.platinum-card .package-content{
    padding:20px;
}

.platinum-card h2{
    font-size:24px;
}

.platinum-card .price{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bc10c4 */.premium-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #ffb45a;
    box-shadow:0 10px 30px rgba(255,122,0,.18);
    transition:.35s;
    font-family:Arial,Helvetica,sans-serif;
}

.premium-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(255,122,0,.30);
}

.premium-card .package-image{
    background:linear-gradient(135deg,#ffb347,#ff7a00,#16213e);
    padding:15px;
}

.premium-card .package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.premium-card .package-content{
    padding:24px;
}

.premium-card .package-tag{
    display:inline-block;
    background:linear-gradient(135deg,#ff9f1c,#16213e);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
    letter-spacing:.5px;
}

.premium-card h2{
    margin:0;
    font-size:28px;
    color:#16213e;
    font-weight:700;
}

.premium-card .price{
    font-size:42px;
    font-weight:bold;
    color:#ff7a00;
    margin:18px 0;
}

.premium-card .course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.premium-card .course-list li{
    padding:12px 0;
    border-bottom:1px solid #f1f1f1;
    color:#444;
    font-size:16px;
}

.premium-card .buy-btn{
    display:block;
    text-align:center;
    margin-top:25px;
    padding:15px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    border-radius:12px;
    background:linear-gradient(135deg,#ff7a00,#16213e);
    transition:.3s;
}

.premium-card .buy-btn:hover{
    background:linear-gradient(135deg,#e56700,#0f172a);
}

@media(max-width:480px){

.premium-card{
    max-width:100%;
}

.premium-card .package-content{
    padding:20px;
}

.premium-card h2{
    font-size:24px;
}

.premium-card .price{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae9af7e */.premiumpro-card{
    width:100%;
    max-width:340px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #8b5cf6;
    box-shadow:0 10px 30px rgba(139,92,246,.20);
    transition:.35s;
    font-family:Arial,Helvetica,sans-serif;
}

.premiumpro-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 50px rgba(139,92,246,.35);
}

.premiumpro-card .package-image{
    background:linear-gradient(135deg,#111827,#6d28d9,#f59e0b);
    padding:15px;
}

.premiumpro-card .package-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

.premiumpro-card .package-content{
    padding:24px;
}

.premiumpro-card .package-tag{
    display:inline-block;
    background:linear-gradient(135deg,#6d28d9,#f59e0b);
    color:#fff;
    padding:6px 15px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
}

.premiumpro-card h2{
    margin:0;
    font-size:28px;
    color:#4c1d95;
    font-weight:700;
}

.premiumpro-card .price{
    font-size:42px;
    font-weight:bold;
    color:#d97706;
    margin:18px 0;
}

.premiumpro-card .course-list{
    list-style:none;
    padding:0;
    margin:0;
}

.premiumpro-card .course-list li{
    padding:12px 0;
    border-bottom:1px solid #ececec;
    color:#444;
    font-size:16px;
}

.premiumpro-card .buy-btn{
    display:block;
    text-align:center;
    margin-top:25px;
    padding:15px;
    border-radius:12px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    background:linear-gradient(135deg,#6d28d9,#f59e0b);
    transition:.3s;
}

.premiumpro-card .buy-btn:hover{
    background:linear-gradient(135deg,#4c1d95,#b45309);
}

@media(max-width:480px){

.premiumpro-card{
    max-width:100%;
}

.premiumpro-card .package-content{
    padding:20px;
}

.premiumpro-card h2{
    font-size:24px;
}

.premiumpro-card .price{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0374cf8 *//*==========================
 PREMIUM TRAINER CARD
==========================*/

.trainer-card{

width:100%;
max-width:280px;
height:105px;

display:flex;
align-items:center;
gap:18px;

padding:18px;

border-radius:22px;

background:linear-gradient(135deg,#0f172a,#1e40af,#38bdf8);

background-size:250% 250%;

animation:gradientMove 6s ease infinite;

box-shadow:0 12px 30px rgba(37,99,235,.35);

border:1px solid rgba(255,255,255,.15);

position:relative;

overflow:hidden;

transition:.4s;

}


.trainer-card::before{

content:"";

position:absolute;

top:-120%;

left:-40%;

width:60%;

height:320%;

background: rgba(255,255,255,.22);

transform:rotate(25deg);

animation:shine 4s linear infinite;

}


.trainer-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:0 20px 45px rgba(59,130,246,.55);

}


.icon-box{

width:65px;

height:65px;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);

animation:floatIcon 3s ease-in-out infinite;

flex-shrink:0;

}


.stats-content{

color:#ffffff;

}


.stats-content h2{

margin:0;

font-size:34px;

font-weight:800;

line-height:1;

}


.stats-content span{

display:block;

margin-top:8px;

font-size:15px;

font-weight:600;

letter-spacing:1px;

opacity:.95;

}


/* Floating */

@keyframes floatIcon{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}


/* Gradient Animation */

@keyframes gradientMove{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}


/* Shine */

@keyframes shine{

0%{

left:-60%;

}

100%{

left:170%;

}

}


/* Mobile */

@media(max-width:768px){

.trainer-card{

max-width:100%;

height:95px;

padding:15px;

}

.stats-content h2{

font-size:30px;

}

.icon-box{

width:55px;

height:55px;

font-size:28px;

}

}

.elementor-32 .elementor-element.elementor-element-0374cf8 h2 {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e211d61 *//*==========================
 PREMIUM STUDENTS CARD
==========================*/

.students-card{

width:100%;
max-width:280px;
height:105px;

display:flex;
align-items:center;
gap:18px;

padding:18px;

border-radius:22px;

background:linear-gradient(135deg,#2563eb,#06b6d4,#38bdf8);

background-size:250% 250%;

animation:gradientMove 6s ease infinite;

box-shadow:0 12px 30px rgba(14,165,233,.35);

border:1px solid rgba(255,255,255,.15);

position:relative;

overflow:hidden;

transition:.4s;

}

.students-card::before{

content:"";

position:absolute;

top:-120%;
left:-40%;

width:60%;
height:320%;

background:rgba(255,255,255,.20);

transform:rotate(25deg);

animation:shine 4s linear infinite;

}

.students-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:0 20px 45px rgba(6,182,212,.55);

}

.students-card .icon-box{

width:65px;
height:65px;

border-radius:18px;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);

animation:floatIcon 3s ease-in-out infinite;

flex-shrink:0;

}

.students-card .stats-content{

color:#fff;

}

.students-card .stats-content h2{

margin:0;

font-size:34px;

font-weight:800;

line-height:1;

}

.students-card .stats-content span{

display:block;

margin-top:8px;

font-size:15px;

font-weight:600;

letter-spacing:1px;

opacity:.95;

}

@media(max-width:768px){

.students-card{

max-width:100%;
height:95px;
padding:15px;

}

.students-card .icon-box{

width:55px;
height:55px;
font-size:28px;

}

.students-card .stats-content h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b7a159 *//*==========================
 PREMIUM LIVE TRAINING CARD
==========================*/

.live-card{

width:100%;
max-width:280px;
height:105px;

display:flex;
align-items:center;
gap:18px;

padding:18px;

border-radius:22px;

background:linear-gradient(135deg,#1d4ed8,#2563eb,#7c3aed);

background-size:250% 250%;

animation:gradientMove 6s ease infinite;

box-shadow:0 12px 30px rgba(99,102,241,.35);

border:1px solid rgba(255,255,255,.15);

position:relative;

overflow:hidden;

transition:.4s;

}

.live-card::before{

content:"";

position:absolute;

top:-120%;
left:-40%;

width:60%;
height:320%;

background:rgba(255,255,255,.20);

transform:rotate(25deg);

animation:shine 4s linear infinite;

}

.live-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:0 20px 45px rgba(124,58,237,.55);

}

.live-card .icon-box{

width:65px;
height:65px;

border-radius:18px;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);

animation:floatIcon 3s ease-in-out infinite;

flex-shrink:0;

}

.live-card .stats-content{

color:#fff;

}

.live-card .stats-content h2{

margin:0;

font-size:34px;

font-weight:800;

line-height:1;

}

.live-card .stats-content span{

display:block;

margin-top:8px;

font-size:15px;

font-weight:600;

letter-spacing:1px;

opacity:.95;

}

@media(max-width:768px){

.live-card{

max-width:100%;
height:95px;
padding:15px;

}

.live-card .icon-box{

width:55px;
height:55px;
font-size:28px;

}

.live-card .stats-content h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47883b7 *//*==========================
 PREMIUM STUDENT EARN CARD
==========================*/

.earn-card{

width:100%;
max-width:280px;
height:105px;

display:flex;
align-items:center;
gap:18px;

padding:18px;

border-radius:22px;

background:linear-gradient(135deg,#0284c7,#0ea5e9,#2563eb);

background-size:250% 250%;

animation:gradientMove 6s ease infinite;

box-shadow:0 12px 30px rgba(14,165,233,.35);

border:1px solid rgba(255,255,255,.15);

position:relative;

overflow:hidden;

transition:.4s;

}

.earn-card::before{

content:"";

position:absolute;

top:-120%;
left:-40%;

width:60%;
height:320%;

background:rgba(255,255,255,.20);

transform:rotate(25deg);

animation:shine 4s linear infinite;

}

.earn-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:0 20px 45px rgba(14,165,233,.55);

}

.earn-card .icon-box{

width:65px;
height:65px;

border-radius:18px;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);

animation:floatIcon 3s ease-in-out infinite;

flex-shrink:0;

}

.earn-card .stats-content{

color:#ffffff;

}

.earn-card .stats-content h2{

margin:0;

font-size:34px;

font-weight:800;

line-height:1;

}

.earn-card .stats-content span{

display:block;

margin-top:8px;

font-size:15px;

font-weight:600;

letter-spacing:1px;

opacity:.95;

text-transform:uppercase;

}

@media(max-width:768px){

.earn-card{

max-width:100%;
height:95px;
padding:15px;

}

.earn-card .icon-box{

width:55px;
height:55px;
font-size:28px;

}

.earn-card .stats-content h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4cec880 */*{
margin:0;
padding:0;
box-sizing:border-box;
}

.testimonial-section{
padding:70px 0;
background:#f8fbff;
overflow:hidden;
}

.testimonial-title{
text-align:center;
font-size:38px;
font-weight:700;
color:#0d47a1;
margin-bottom:45px;
}

.testimonial-slider{
overflow:hidden;
width:100%;
}

.testimonial-track{
display:flex;
gap:25px;
width:max-content;
animation:scroll 30s linear infinite;
}

.testimonial-track:hover{
animation-play-state:paused;
}

.testimonial-card{
width:360px;
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
transition:.4s;
flex-shrink:0;
}

.testimonial-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,119,255,.25);
}

.stars{
font-size:24px;
color:#ffc107;
margin-bottom:18px;
}

.testimonial-card p{
font-size:16px;
line-height:28px;
color:#555;
margin-bottom:25px;
}

.student{
display:flex;
align-items:center;
gap:15px;
}

.student img{
width:65px;
height:65px;
border-radius:50%;
object-fit:cover;
border:3px solid #1e88e5;
}

.student h4{
font-size:18px;
color:#111;
margin-bottom:4px;
}

.student span{
font-size:14px;
color:#777;
}

@keyframes scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

@media(max-width:768px){

.testimonial-title{
font-size:28px;
}

.testimonial-card{
width:290px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd92832 *//*==============================
WHY CHOOSE SKILL JAGAT
==============================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.why-section{
width:100%;
padding:80px 5%;
background:linear-gradient(135deg,#f8fbff,#eef5ff);
font-family:'Poppins',sans-serif;
}

.heading{
text-align:center;
margin-bottom:55px;
}

.heading span{
display:inline-block;
padding:8px 22px;
background:linear-gradient(135deg,#0057ff,#00b4ff);
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:1px;
border-radius:50px;
margin-bottom:18px;
}

.heading h2{
font-size:46px;
font-weight:700;
color:#072b74;
line-height:1.25;
margin-bottom:18px;
}

.heading p{
max-width:780px;
margin:auto;
font-size:18px;
line-height:32px;
color:#666;
}

.cards{
display:grid;
grid-template-columns:repeat(2,minmax(320px,1fr));
gap:30px;
max-width:1300px;
margin:auto;
}

.card{
display:flex;
align-items:center;
gap:22px;
background:#fff;
padding:28px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
position:relative;
overflow:hidden;
border:1px solid rgba(0,0,0,.04);
}

.card::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:100%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
transition:.8s;
}

.card:hover::before{
left:120%;
}

.card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,102,255,.20);
}

.icon{
width:78px;
height:78px;
min-width:78px;
border-radius:50%;
background:linear-gradient(135deg,#0066ff,#00c6ff);
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
box-shadow:0 10px 25px rgba(0,102,255,.35);
}

.card h3{
font-size:24px;
font-weight:700;
color:#0d2d75;
margin-bottom:10px;
}

.card p{
font-size:16px;
line-height:28px;
color:#666;
}

/*==============================
TABLET
==============================*/

@media(max-width:991px){

.cards{
grid-template-columns:1fr;
}

.heading h2{
font-size:38px;
}

.heading p{
font-size:17px;
}

}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

.why-section{
padding:55px 18px;
}

.heading{
margin-bottom:35px;
}

.heading span{
font-size:12px;
padding:7px 18px;
}

.heading h2{
font-size:30px;
line-height:1.35;
}

.heading p{
font-size:15px;
line-height:26px;
}

.cards{
display:flex;
flex-direction:column;
gap:18px;
}

.card{
padding:20px;
gap:16px;
border-radius:18px;
align-items:flex-start;
}

.icon{
width:60px;
height:60px;
min-width:60px;
font-size:26px;
}

.card h3{
font-size:19px;
margin-bottom:6px;
}

.card p{
font-size:14px;
line-height:23px;
}

}

/*==============================
SMALL MOBILE
==============================*/

@media(max-width:480px){

.why-section{
padding:45px 15px;
}

.heading h2{
font-size:26px;
}

.heading p{
font-size:14px;
}

.card{
padding:18px;
}

.icon{
width:55px;
height:55px;
min-width:55px;
font-size:22px;
}

.card h3{
font-size:17px;
}

.card p{
font-size:13px;
line-height:22px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f35eb03 *//*==========================
   SKILLJAGAT CEO SECTION
==========================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.ceo-section{
padding:90px 20px;
background:linear-gradient(135deg,#f7fbff,#eef6ff,#ffffff);
font-family:'Poppins',sans-serif;
overflow:hidden;
position:relative;
}

.ceo-section::before{
content:"";
position:absolute;
width:420px;
height:420px;
background:radial-gradient(circle,rgba(0,102,255,.12),transparent 70%);
top:-120px;
right:-120px;
animation:floatGlow 7s ease-in-out infinite;
}

.ceo-container{
max-width:1250px;
margin:auto;
display:grid;
grid-template-columns:420px 1fr;
gap:70px;
align-items:center;
position:relative;
z-index:2;
}

.ceo-image{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.ceo-image img{
width:100%;
max-width:400px;
aspect-ratio:1/1;
object-fit:cover;
border-radius:28px;
background:#fff;
border:6px solid #fff;
box-shadow:0 25px 60px rgba(0,0,0,.12);
transition:.45s;
}

.ceo-image img:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 35px 80px rgba(0,102,255,.25);
}

.ceo-badge{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
background:linear-gradient(135deg,#0066ff,#00b8ff);
color:#fff;
padding:12px 26px;
border-radius:50px;
font-size:15px;
font-weight:600;
box-shadow:0 12px 30px rgba(0,102,255,.35);
white-space:nowrap;
}

.ceo-tag{
display:inline-block;
padding:10px 22px;
background:#e8f2ff;
color:#0066ff;
font-size:14px;
font-weight:600;
border-radius:40px;
margin-bottom:18px;
}

.ceo-content h2{
font-size:48px;
font-weight:700;
color:#0a2b6b;
margin-bottom:8px;
line-height:1.2;
}

.ceo-content h4{
font-size:22px;
font-weight:600;
color:#0066ff;
margin-bottom:25px;
}

.ceo-content p{
font-size:17px;
line-height:31px;
color:#666;
margin-bottom:20px;
}

.ceo-quote{
margin-top:35px;
padding:25px;
border-left:5px solid #0066ff;
background:#fff;
border-radius:18px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
font-size:20px;
font-style:italic;
font-weight:500;
color:#0a2b6b;
}

.ceo-sign{
margin-top:35px;
}

.ceo-sign h3{
font-size:30px;
color:#0a2b6b;
margin-bottom:6px;
}

.ceo-sign span{
font-size:17px;
color:#666;
}

@keyframes floatGlow{

0%{
transform:translateY(0);
}

50%{
transform:translateY(25px);
}

100%{
transform:translateY(0);
}

}

/*==========================
TABLET
==========================*/

@media(max-width:992px){

.ceo-container{
grid-template-columns:1fr;
gap:45px;
text-align:center;
}

.ceo-image{
order:1;
}

.ceo-content{
order:2;
}

.ceo-quote{
border-left:none;
border-top:5px solid #0066ff;
}

}

/*==========================
MOBILE
==========================*/

@media(max-width:768px){

.ceo-section{
padding:60px 16px;
}

.ceo-container{
gap:30px;
}

.ceo-image img{
max-width:280px;
border-radius:22px;
}

.ceo-badge{
font-size:13px;
padding:10px 18px;
}

.ceo-tag{
font-size:12px;
padding:8px 18px;
}

.ceo-content h2{
font-size:32px;
}

.ceo-content h4{
font-size:18px;
margin-bottom:18px;
}

.ceo-content p{
font-size:15px;
line-height:27px;
}

.ceo-quote{
padding:18px;
font-size:17px;
line-height:28px;
}

.ceo-sign h3{
font-size:24px;
}

.ceo-sign span{
font-size:15px;
}

}

/*==========================
SMALL MOBILE
==========================*/

@media(max-width:80px){

.ceo-image img{
max-width:240px;
}

.ceo-content h2{
font-size:28px;
}

.ceo-content p{
font-size:14px;
line-height:25px;
}

.ceo-quote{
font-size:15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7ee949 */.sj-faq{
padding:80px 20px;
background:linear-gradient(180deg,#f8fbff,#eef6ff);
font-family:Poppins,sans-serif;
}

.faq-heading{
text-align:center;
margin-bottom:50px;
}

.faq-heading span{
display:inline-block;
padding:8px 18px;
background:#0d6efd;
color:#fff;
border-radius:30px;
font-size:13px;
font-weight:600;
}

.faq-heading h2{
margin:18px 0 10px;
font-size:42px;
font-weight:700;
color:#0d2b6b;
}

.faq-heading p{
max-width:650px;
margin:auto;
color:#666;
font-size:17px;
line-height:28px;
}

.faq-box{
max-width:900px;
margin:auto;
}

.faq-box details{
background:#fff;
margin-bottom:18px;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
border:1px solid rgba(13,110,253,.08);
}

.faq-box details:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(13,110,253,.18);
}

.faq-box summary{
list-style:none;
cursor:pointer;
padding:22px 28px;
font-size:20px;
font-weight:600;
color:#0d2b6b;
display:flex;
justify-content:space-between;
align-items:center;
}

.faq-box summary::-webkit-details-marker{
display:none;
}

.faq-box summary::after{
content:"+";
font-size:28px;
font-weight:700;
color:#0d6efd;
transition:.3s;
}

.faq-box details[open] summary::after{
content:"−";
transform:rotate(180deg);
}

.faq-box p{
padding:0 28px 24px;
font-size:16px;
line-height:28px;
color:#666;
animation:fade .35s ease;
}

@keyframes fade{
from{
opacity:0;
transform:translateY(-8px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@media(max-width:768px){

.sj-faq{
padding:60px 15px;
}

.faq-heading h2{
font-size:30px;
}

.faq-heading p{
font-size:15px;
line-height:24px;
}

.faq-box summary{
font-size:17px;
padding:18px;
}

.faq-box p{
padding:0 18px 18px;
font-size:14px;
line-height:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bac8343 *//*=========================
SkillJagat Support Section
=========================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.sj-support{
position:relative;
overflow:hidden;
padding:90px 20px;
background:linear-gradient(135deg,#f5f9ff,#edf6ff,#ffffff);
font-family:'Poppins',sans-serif;
}

.support-bg{
position:absolute;
width:550px;
height:550px;
background:radial-gradient(circle,#2d7dff25,transparent 70%);
top:-180px;
right:-180px;
animation:float 8s ease-in-out infinite;
}

.support-container{
max-width:1250px;
margin:auto;
position:relative;
z-index:2;
}

.support-header{
text-align:center;
margin-bottom:60px;
}

.support-tag{
display:inline-block;
padding:10px 22px;
background:linear-gradient(135deg,#0066ff,#00bfff);
color:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
letter-spacing:.5px;
margin-bottom:18px;
box-shadow:0 10px 25px rgba(0,102,255,.25);
}

.support-header h2{
font-size:46px;
font-weight:700;
color:#0b2d68;
margin-bottom:15px;
}

.support-header p{
max-width:720px;
margin:auto;
font-size:17px;
line-height:30px;
color:#666;
}

.support-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
margin-bottom:45px;
}

.support-card{
display:flex;
align-items:center;
gap:20px;
padding:28px;
background:rgba(255,255,255,.9);
backdrop-filter:blur(18px);
border-radius:22px;
text-decoration:none;
border:1px solid rgba(255,255,255,.6);
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.4s;
position:relative;
overflow:hidden;
}

.support-card::before{
content:"";
position:absolute;
left:-120%;
top:0;
width:100%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
transition:.8s;
}

.support-card:hover::before{
left:120%;
}

.support-card:hover{
transform:translateY(-8px);
box-shadow:0 22px 45px rgba(0,102,255,.18);
}

.support-icon{
width:78px;
height:78px;
min-width:78px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
background:linear-gradient(135deg,#0066ff,#00bfff);
color:#fff;
box-shadow:0 10px 25px rgba(0,102,255,.35);
animation:pulse 2s infinite;
}

.support-text h3{
font-size:24px;
font-weight:700;
color:#0b2d68;
margin-bottom:8px;
}

.support-text p{
font-size:17px;
font-weight:600;
color:#333;
margin-bottom:5px;
word-break:break-word;
}

.support-text span{
font-size:14px;
color:#777;
}

.support-bottom{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.bottom-box{
padding:24px;
background:#fff;
border-radius:18px;
text-align:center;
box-shadow:0 12px 30px rgba(0,0,0,.08);
font-size:16px;
color:#444;
transition:.35s;
}

.bottom-box:hover{
transform:translateY(-6px);
box-shadow:0 18px 35px rgba(0,102,255,.18);
}

.bottom-box strong{
display:block;
margin-top:10px;
font-size:22px;
color:#0066ff;
}

/* Animations */

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(25px);
}
}

@keyframes pulse{
0%{
transform:scale(1);
}
50%{
transform:scale(1.08);
}
100%{
transform:scale(1);
}
}

/* Tablet */

@media(max-width:992px){

.support-header h2{
font-size:36px;
}

.support-grid{
grid-template-columns:1fr;
}

.support-bottom{
grid-template-columns:1fr;
}

}

/* Mobile */

@media(max-width:768px){

.sj-support{
padding:60px 16px;
}

.support-header{
margin-bottom:40px;
}

.support-header h2{
font-size:28px;
line-height:38px;
}

.support-header p{
font-size:15px;
line-height:26px;
}

.support-grid{
gap:18px;
}

.support-card{
padding:18px;
gap:15px;
border-radius:18px;
}

.support-icon{
width:58px;
height:58px;
min-width:58px;
font-size:24px;
}

.support-text h3{
font-size:18px;
}

.support-text p{
font-size:15px;
}

.support-text span{
font-size:13px;
}

.bottom-box{
padding:18px;
font-size:14px;
}

.bottom-box strong{
font-size:18px;
}

}/* End custom CSS */