.elementor-29575 .elementor-element.elementor-element-a61aefe{--display:flex;}.elementor-29575 .elementor-element.elementor-element-a61aefe.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:769px){.elementor-29575 .elementor-element.elementor-element-a61aefe{--width:107.47%;}}/* Start custom CSS for html, class: .elementor-element-c6c71ea *//*==================================================
 FUTURESUN DESIGN SYSTEM
 Version 2.0
==================================================*/

:root{

--fs-bg:#0E1117;
--fs-card:#171B22;
--fs-card2:#1E232D;

--fs-gold:#C9A227;
--fs-gold-light:#F5D86C;

--fs-text:#FFFFFF;
--fs-text2:#B9C0C9;

--fs-border:rgba(255,255,255,.08);

--fs-radius:22px;

--fs-shadow:
0 18px 45px rgba(0,0,0,.30);

--fs-transition:.35s cubic-bezier(.4,0,.2,1);

}

/*================================*/

.fs-premium-info,
.fs-curriculum,
.fs-benefits,
.fs-audience,
.fs-why,
.fs-course-stats,
.fs-premium-cta{

background:var(--fs-bg);

border:1px solid var(--fs-border);

border-radius:28px;

padding:38px;

margin:40px 0;

position:relative;

overflow:hidden;

box-shadow:var(--fs-shadow);

}

/*==============================*/

.fs-premium-info::before,
.fs-curriculum::before,
.fs-benefits::before,
.fs-audience::before,
.fs-why::before,
.fs-course-stats::before,
.fs-premium-cta::before{

content:"";

position:absolute;

width:320px;

height:320px;

left:-140px;

top:-140px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(201,162,39,.12),

transparent 72%);

pointer-events:none;

}

/*==============================*/

.fs-premium-info::after,
.fs-curriculum::after,
.fs-benefits::after,
.fs-audience::after,
.fs-why::after,
.fs-course-stats::after,
.fs-premium-cta::after{

content:"";

position:absolute;

right:-120px;

bottom:-120px;

width:260px;

height:260px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(255,255,255,.03),

transparent 72%);

pointer-events:none;

}

/*================================*/

.fs-header,
.fs-curriculum-header,
.fs-benefits-header,
.fs-audience-header,
.fs-why-header,
.fs-stats-header,
.fs-premium-cta-content{

position:relative;

z-index:2;

text-align:center;

margin-bottom:35px;

}

/*================================*/

.fs-header h2,
.fs-header h3,
.fs-curriculum h3,
.fs-benefits h3,
.fs-audience h3,
.fs-why h3,
.fs-course-stats h3,
.fs-premium-cta h2{

color:var(--fs-text);

font-size:34px;

font-weight:800;

line-height:1.7;

margin:18px 0;

}

/*================================*/

.fs-header p,
.fs-curriculum p,
.fs-benefits p,
.fs-audience p,
.fs-why p,
.fs-course-stats p,
.fs-premium-cta p{

color:var(--fs-text2);

font-size:15px;

line-height:2.2;

max-width:900px;

margin:auto;

}

/*================================*/

.fs-label,
.fs-roadmap-badge,
.fs-curriculum-badge,
.fs-benefits-header span,
.fs-audience-header span,
.fs-why-header span,
.fs-stats-header span,
.fs-cta-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 24px;

border-radius:60px;

background:

rgba(201,162,39,.10);

border:

1px solid rgba(201,162,39,.25);

color:var(--fs-gold);

font-size:13px;

font-weight:700;

letter-spacing:.4px;

}

.fs-label i,
.fs-roadmap-badge i,
.fs-curriculum-badge i,
.fs-benefits-header i,
.fs-audience-header i,
.fs-why-header i,
.fs-stats-header i,
.fs-cta-badge i{

font-size:16px;

}

/*================================*/

.fs-grid,
.fs-benefits-grid,
.fs-audience-grid,
.fs-why-grid,
.fs-stats-grid{

display:grid;

grid-template-columns:

repeat(2,1fr);

gap:18px;

}
/*==================================================
 FUTURESUN PREMIUM CARDS
==================================================*/

.fs-overview-card,
.fs-benefit-item,
.fs-audience-item,
.fs-why-card,
.fs-stat-card{

    position:relative;

    background:linear-gradient(145deg,#171B22,#12161D);

    border:1px solid rgba(255,255,255,.07);

    border-radius:22px;

    padding:28px;

    overflow:hidden;

    transition:all .45s cubic-bezier(.4,0,.2,1);

    z-index:1;

}

/*===============================*/

.fs-overview-card::before,
.fs-benefit-item::before,
.fs-audience-item::before,
.fs-why-card::before,
.fs-stat-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.05),
    transparent);

    transition:.8s;

}

/*===============================*/

.fs-overview-card:hover::before,
.fs-benefit-item:hover::before,
.fs-audience-item:hover::before,
.fs-why-card:hover::before,
.fs-stat-card:hover::before{

    left:100%;

}

/*===============================*/

.fs-overview-card:hover,
.fs-benefit-item:hover,
.fs-audience-item:hover,
.fs-why-card:hover,
.fs-stat-card:hover{

    transform:translateY(-8px);

    border-color:rgba(201,162,39,.45);

    box-shadow:

    0 18px 45px rgba(0,0,0,.35),

    0 0 0 1px rgba(201,162,39,.20),

    0 0 35px rgba(201,162,39,.12);

}

/*===============================*/

.fs-overview-card::after,
.fs-benefit-item::after,
.fs-audience-item::after,
.fs-why-card::after,
.fs-stat-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:linear-gradient(90deg,#C9A227,#F5D86C);

    transition:.45s;

}

.fs-overview-card:hover::after,
.fs-benefit-item:hover::after,
.fs-audience-item:hover::after,
.fs-why-card:hover::after,
.fs-stat-card:hover::after{

    width:100%;

}

/*==================================================
 ICON
==================================================*/

.fs-overview-card i,
.fs-benefit-item i,
.fs-audience-item i,
.fs-why-card i{

    width:68px;

    height:68px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    margin-bottom:18px;

    font-size:28px;

    color:#C9A227;

    background:rgba(201,162,39,.08);

    border:1px solid rgba(201,162,39,.15);

    transition:.45s;

}

/*===============================*/

.fs-overview-card:hover i,
.fs-benefit-item:hover i,
.fs-audience-item:hover i,
.fs-why-card:hover i{

    transform:scale(1.12) rotate(-8deg);

    background:#C9A227;

    color:#111;

    box-shadow:

    0 10px 30px rgba(201,162,39,.35);

}

/*==================================================
 TITLES
==================================================*/

.fs-overview-card h4,
.fs-benefit-item h4,
.fs-audience-item h4,
.fs-why-card h4{

    color:#fff;

    font-size:19px;

    font-weight:700;

    margin-bottom:12px;

}

/*===============================*/

.fs-overview-card p,
.fs-benefit-item p,
.fs-audience-item p,
.fs-why-card p{

    color:#B9C0C9;

    font-size:14px;

    line-height:2;

}

/*==================================================
 STAT CARD
==================================================*/

.fs-stat-card{

    text-align:center;

}

.fs-stat-card h2{

    font-size:46px;

    color:#C9A227;

    margin-bottom:10px;

    font-weight:800;

}

.fs-stat-card span{

    color:#ffffff;

    font-size:15px;

    font-weight:600;

}
/*==================================================
 FUTURESUN COURSE CURRICULUM
==================================================*/

.fs-curriculum{

    position:relative;

}

.fs-curriculum::before{

    content:"";

    position:absolute;

    top:180px;

    bottom:40px;

    right:58px;

    width:2px;

    background:linear-gradient(
    to bottom,
    rgba(201,162,39,.35),
    rgba(201,162,39,.05));

}

/*==============================*/

.fs-lesson{

    position:relative;

    background:#171B22;

    border:1px solid rgba(255,255,255,.07);

    border-radius:20px;

    margin-bottom:22px;

    overflow:hidden;

    transition:.35s;

}

/*==============================*/

.fs-lesson:hover{

    border-color:rgba(201,162,39,.35);

    box-shadow:

    0 15px 40px rgba(0,0,0,.30),

    0 0 25px rgba(201,162,39,.10);

}

/*==============================*/

.fs-lesson summary{

    list-style:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:22px;

    padding:24px 28px;

    transition:.35s;

}

.fs-lesson summary::-webkit-details-marker{

    display:none;

}

/*==============================*/

.fs-chapter-id{

    width:72px;

    height:72px;

    min-width:72px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:linear-gradient(135deg,#C9A227,#F5D86C);

    color:#111;

    font-size:26px;

    font-weight:800;

    box-shadow:

    0 12px 30px rgba(201,162,39,.30);

    transition:.35s;

}

/*==============================*/

.fs-lesson:hover .fs-chapter-id{

    transform:rotate(-10deg) scale(1.08);

}

/*==============================*/

.fs-chapter-title{

    flex:1;

}

.fs-chapter-title h4{

    color:#fff;

    font-size:22px;

    margin-bottom:8px;

    font-weight:700;

}

.fs-chapter-title span{

    color:#AEB5BE;

    font-size:14px;

    line-height:1.9;

}

/*==============================*/

.fs-lesson summary::after{

    content:"+";

    font-size:34px;

    color:#C9A227;

    font-weight:300;

    transition:.35s;

}

.fs-lesson[open] summary::after{

    transform:rotate(45deg);

}

/*==============================*/

.fs-lesson-content{

    padding:0 32px 30px 125px;

}

/*==============================*/

.fs-lesson-content ul{

    margin:0;

    padding:0;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:14px 35px;

}

/*==============================*/

.fs-lesson-content li{

    list-style:none;

    position:relative;

    padding-right:30px;

    color:#D4D8DE;

    font-size:15px;

    line-height:2;

}

/*==============================*/

.fs-lesson-content li::before{

    content:"✓";

    position:absolute;

    right:0;

    color:#C9A227;

    font-size:15px;

    font-weight:bold;

}

/*==============================*/

.fs-lesson[open]{

    background:linear-gradient(
    145deg,
    #181D26,
    #14181F);

}

/*==============================*/

.fs-lesson[open] .fs-chapter-id{

    background:linear-gradient(
    135deg,
    #D7B03C,
    #FFE28A);

}

/*==============================*/

.fs-lesson[open] summary{

    border-bottom:1px solid rgba(255,255,255,.06);

}

/*==================================================
 FUTURESUN BENEFITS
==================================================*/

.fs-benefits-grid,
.fs-audience-grid,
.fs-why-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:22px;

margin-top:35px;

}

.fs-benefit-item,
.fs-audience-item,
.fs-why-card{

position:relative;

padding:30px;

background:linear-gradient(145deg,#181D26,#11151B);

border-radius:22px;

border:1px solid rgba(255,255,255,.06);

transition:.45s;

overflow:hidden;

}

.fs-benefit-item:hover,
.fs-audience-item:hover,
.fs-why-card:hover{

transform:translateY(-10px);

border-color:#C9A227;

box-shadow:

0 18px 45px rgba(0,0,0,.35),

0 0 35px rgba(201,162,39,.15);

}

.fs-benefit-item::after,
.fs-audience-item::after,
.fs-why-card::after{

content:"";

position:absolute;

bottom:0;

right:0;

width:0;

height:3px;

background:#C9A227;

transition:.45s;

}

.fs-benefit-item:hover::after,
.fs-audience-item:hover::after,
.fs-why-card:hover::after{

width:100%;

}

.fs-benefit-item h4,
.fs-audience-item h4,
.fs-why-card h4{

font-size:20px;

color:#fff;

margin:18px 0 12px;

font-weight:700;

}

.fs-benefit-item p,
.fs-audience-item p,
.fs-why-card p{

font-size:14px;

line-height:2.1;

color:#B7BEC8;

}

.fs-benefit-item i,
.fs-audience-item i,
.fs-why-card i{

width:70px;

height:70px;

display:flex;

justify-content:center;

align-items:center;

border-radius:18px;

background:rgba(201,162,39,.08);

border:1px solid rgba(201,162,39,.20);

font-size:30px;

color:#C9A227;

transition:.45s;

}

.fs-benefit-item:hover i,
.fs-audience-item:hover i,
.fs-why-card:hover i{

background:#C9A227;

color:#111;

transform:rotate(-8deg) scale(1.08);

}

/*==================================================
 COURSE STATS
==================================================*/

.fs-stats-grid{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:18px;

margin-top:35px;

}

.fs-stat-card{

padding:30px 15px;

text-align:center;

border-radius:20px;

background:linear-gradient(145deg,#171B22,#11161D);

border:1px solid rgba(255,255,255,.06);

transition:.45s;

}

.fs-stat-card:hover{

transform:translateY(-8px);

border-color:#C9A227;

}

.fs-stat-card h2{

font-size:42px;

font-weight:800;

color:#C9A227;

margin-bottom:12px;

}

.fs-stat-card span{

font-size:14px;

color:#fff;

}

/*==================================================
 FINAL MESSAGE
==================================================*/

.fs-final-message{

margin-top:40px;

padding:28px;

border-radius:20px;

background:rgba(201,162,39,.06);

border:1px solid rgba(201,162,39,.20);

display:flex;

align-items:center;

gap:18px;

}

.fs-final-message i{

font-size:32px;

color:#C9A227;

}

.fs-final-message p{

margin:0;

line-height:2.2;

color:#E3E6EA;

}

/*==================================================
 CTA
==================================================*/

.fs-premium-cta{

text-align:center;

background:

linear-gradient(135deg,#171B22,#101419);

}

.fs-cta-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:40px 0;

}

.fs-cta-item{

padding:18px;

border-radius:16px;

background:#1C212B;

border:1px solid rgba(255,255,255,.05);

display:flex;

align-items:center;

gap:12px;

transition:.35s;

font-weight:600;

color:#fff;

}

.fs-cta-item:hover{

border-color:#C9A227;

background:#222935;

}

.fs-cta-item i{

color:#C9A227;

font-size:18px;

}

.fs-cta-footer{

margin-top:30px;

padding-top:25px;

border-top:1px solid rgba(255,255,255,.08);

}

.fs-cta-text strong{

display:block;

font-size:22px;

color:#fff;

margin-bottom:10px;

}

.fs-cta-text span{

color:#C9A227;

font-size:16px;

font-weight:600;

}
/*==================================================
 FUTURESUN RESPONSIVE
==================================================*/

/*=============================
 1400px
==============================*/

@media (max-width:1400px){

.fs-stats-grid{

grid-template-columns:repeat(3,1fr);

}

}

/*=============================
 1200px
==============================*/

@media (max-width:1200px){

.fs-grid,
.fs-benefits-grid,
.fs-audience-grid,
.fs-why-grid{

grid-template-columns:repeat(2,1fr);

}

.fs-overview{

grid-template-columns:repeat(2,1fr);

}

}

/*=============================
 992px
==============================*/

@media (max-width:992px){

.fs-premium-info,
.fs-curriculum,
.fs-benefits,
.fs-audience,
.fs-why,
.fs-course-stats,
.fs-premium-cta{

padding:30px;

}

.fs-header h2,
.fs-curriculum h3,
.fs-benefits h3,
.fs-audience h3,
.fs-why h3,
.fs-course-stats h3,
.fs-premium-cta h2{

font-size:28px;

}

.fs-stats-grid{

grid-template-columns:repeat(2,1fr);

}

.fs-cta-features{

grid-template-columns:1fr;

}

}

/*=============================
 768px
==============================*/

@media (max-width:768px){

.fs-grid,
.fs-benefits-grid,
.fs-audience-grid,
.fs-why-grid,
.fs-overview{

grid-template-columns:1fr;

}

.fs-premium-banner{

flex-direction:column;

text-align:center;

}

.fs-banner-icon{

margin:auto;

}

.fs-lesson summary{

padding:20px;

gap:15px;

}

.fs-chapter-id{

width:56px;

height:56px;

min-width:56px;

font-size:20px;

}

.fs-chapter-title h4{

font-size:18px;

}

.fs-lesson-content{

padding:20px;

}

.fs-lesson-content ul{

grid-template-columns:1fr;

gap:12px;

}

.fs-stats-grid{

grid-template-columns:repeat(2,1fr);

gap:15px;

}

}

/*=============================
 576px
==============================*/

@media (max-width:576px){

.fs-premium-info,
.fs-curriculum,
.fs-benefits,
.fs-audience,
.fs-why,
.fs-course-stats,
.fs-premium-cta{

padding:22px;

border-radius:18px;

}

.fs-header h2,
.fs-curriculum h3,
.fs-benefits h3,
.fs-audience h3,
.fs-why h3,
.fs-course-stats h3,
.fs-premium-cta h2{

font-size:24px;

line-height:1.6;

}

.fs-header p,
.fs-curriculum p,
.fs-benefits p,
.fs-audience p,
.fs-why p,
.fs-course-stats p,
.fs-premium-cta p{

font-size:14px;

}

.fs-lesson summary{

padding:16px;

}

.fs-chapter-id{

width:48px;

height:48px;

min-width:48px;

font-size:18px;

}

.fs-chapter-title h4{

font-size:16px;

}

.fs-chapter-title span{

font-size:13px;

}

.fs-stat-card h2{

font-size:34px;

}

.fs-final-message{

flex-direction:column;

text-align:center;

}

}

/*=============================
 420px
==============================*/

@media (max-width:420px){

.fs-stats-grid{

grid-template-columns:1fr;

}

.fs-overview-card,
.fs-benefit-item,
.fs-audience-item,
.fs-why-card{

padding:22px;

}

.fs-cta-item{

font-size:14px;

}

}
/*==================================================
 FUTURESUN PREMIUM EFFECTS
 Version Final
==================================================*/

/* Smooth Scroll */
html{

scroll-behavior:smooth;

}

/* Selection */

::selection{

background:#C9A227;

color:#111;

}

/* Scrollbar */

::-webkit-scrollbar{

width:10px;

height:10px;

}

::-webkit-scrollbar-track{

background:#11161C;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(#C9A227,#E6C14B);

border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

background:#F5D86C;

}

/*==========================
 Glass Effect
===========================*/

.fs-premium-info,
.fs-curriculum,
.fs-benefits,
.fs-audience,
.fs-why,
.fs-course-stats,
.fs-premium-cta{

backdrop-filter:blur(16px);

-webkit-backdrop-filter:blur(16px);

}

/*==========================
 Shine Animation
===========================*/

@keyframes fsShine{

0%{

left:-120%;

}

100%{

left:130%;

}

}

.fs-overview-card::before,
.fs-benefit-item::before,
.fs-audience-item::before,
.fs-why-card::before,
.fs-stat-card::before{

animation:none;

}

.fs-overview-card:hover::before,
.fs-benefit-item:hover::before,
.fs-audience-item:hover::before,
.fs-why-card:hover::before,
.fs-stat-card:hover::before{

animation:fsShine .9s linear;

}

/*==========================
 Floating Icons
===========================*/

@keyframes fsFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

100%{

transform:translateY(0);

}

}

.fs-overview-card i,
.fs-benefit-item i,
.fs-audience-item i,
.fs-why-card i{

animation:fsFloat 4s ease-in-out infinite;

}

/*==========================
 Golden Pulse
===========================*/

@keyframes fsPulse{

0%{

box-shadow:0 0 0 rgba(201,162,39,.15);

}

50%{

box-shadow:0 0 28px rgba(201,162,39,.35);

}

100%{

box-shadow:0 0 0 rgba(201,162,39,.15);

}

}

.fs-chapter-id{

animation:fsPulse 3s infinite;

}

/*==========================
 CTA Glow
===========================*/

.fs-premium-cta{

position:relative;

overflow:hidden;

}

.fs-premium-cta::after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
120deg,

transparent,

rgba(201,162,39,.08),

transparent);

transform:translateX(-120%);

transition:1.2s;

}

.fs-premium-cta:hover::after{

transform:translateX(120%);

}

/*==========================
 Card Hover
===========================*/

.fs-overview-card:hover,
.fs-benefit-item:hover,
.fs-audience-item:hover,
.fs-why-card:hover,
.fs-stat-card:hover{

transform:

translateY(-10px)

scale(1.02);

}

/*==========================
 Divider
===========================*/

.fs-divider{

display:flex;

align-items:center;

justify-content:center;

gap:18px;

margin:50px 0;

}

.fs-divider::before,
.fs-divider::after{

content:"";

height:1px;

flex:1;

background:

linear-gradient(to right,

transparent,

rgba(201,162,39,.45),

transparent);

}

.fs-divider span{

width:46px;

height:46px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

background:#171B22;

border:1px solid rgba(201,162,39,.25);

color:#C9A227;

font-size:18px;

}

/*==========================
 Focus
===========================*/

button:focus,
input:focus,
textarea:focus,
select:focus{

outline:none;

box-shadow:

0 0 0 3px rgba(201,162,39,.20);

}

/*==========================
 Images
===========================*/

img{

max-width:100%;

height:auto;

}

/*==========================
 Transition
===========================*/

*{

transition:

background .3s,

border-color .3s,

color .3s,

box-shadow .3s;

}/* End custom CSS */