/* =======================================================
   GLOBAL CSS
======================================================= */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#000;
    color:#fff;
    overflow-x:hidden;
}

button,
input,
textarea{
    font-family:'Inter',sans-serif;
}

a{
    text-decoration:none;
}

/* =========================================
   HEADER
========================================= */

.finsai-header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:9999;

    transition:all 0.35s ease;

    background:transparent;

    padding:18px 0;
}


/* =========================================
   SCROLLED HEADER
========================================= */

.finsai-header.scrolled{

    background:rgba(0,0,0,0.92);

    backdrop-filter:blur(12px);

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

    padding:14px 0;
}


/* =========================================
   CONTAINER
========================================= */

.finsai-header .container{

    max-width:1320px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   INNER
========================================= */

.finsai-header-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;
}


/* =========================================
   LOGO
========================================= */

.finsai-logo img{

    height:42px;

    width:auto;

    display:block;
}


/* =========================================
   MENU
========================================= */

.finsai-menu{

    display:flex;

    align-items:center;

    gap:56px;

    list-style:none;

    margin:0;
    padding:0;
}


/* MENU LINK */

.finsai-menu li a{

    color:#fff;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:0.3s;
}


/* HOVER */

.finsai-menu li a:hover{

    color:#65C7FF;
}


/* =========================================
   BUTTON
========================================= */

.finsai-header-btn a{

    height:64px;

    padding:0 38px;

    border-radius:20px;

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    display:inline-flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:0.3s;
}


/* HOVER */

.finsai-header-btn a:hover{

    transform:translateY(-2px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .finsai-menu{

        gap:24px;
    }

    .finsai-header-btn a{

        height:54px;

        padding:0 24px;

        font-size:15px;
    }

}


@media(max-width:767px){

    .finsai-menu{

        display:none;
    }

    .finsai-header-btn a{

        height:48px;

        padding:0 18px;

        border-radius:14px;

        font-size:14px;
    }

    .finsai-logo img{

        height:36px;
    }

}


/* =======================================================
   HERO SECTION
======================================================= */
/* =========================================
   HERO SECTION
========================================= */

/* =========================================
   HERO SECTION
========================================= */

.finsai-hero{

    position:relative;

    overflow:hidden;

    padding:120px 0 100px;

    background:
    linear-gradient(
        rgba(0,0,0,0.50),
        rgba(0,0,0,1)
    ),
    url('/assets/finsai/images/image-4.png');
    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;
}

/* =========================================
   HERO OVERLAY
========================================= */

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,0.82) 0%,
        rgba(0,0,0,0.88) 100%
    );

    z-index:1;
}
.finsai-hero .container{

    position:relative;

    z-index:2;
}
.finsai-hero{

    position:relative;

    overflow:hidden;

    min-height:100vh;

    padding-top:110px;
    padding-bottom:90px;

    text-align:center;

}


/* =======================================================
   VERTICAL LIGHT EFFECT
======================================================= */

.finsai-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:
    repeating-linear-gradient(
        90deg,
        rgba(255,255,255,0.02) 0px,
        rgba(255,255,255,0.02) 1px,
        transparent 1px,
        transparent 130px
    );

    opacity:0.18;

    pointer-events:none;
}


/* =======================================================
   REMOVE EXTRA BLUE GLOW
======================================================= */

.hero-overlay{
    display:none;
}


/* =======================================================
   CONTAINER FIX
======================================================= */

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


/* =======================================================
   TOP BADGE
======================================================= */

.hero-badge-wrap{

    display:flex;

    justify-content:center;
}

.hero-badge{

    display:flex;

    align-items:center;

    gap:12px;

    height:40px;

    padding:0 26px;

    border-radius:60px;

    border:1px solid rgba(59,130,246,0.35);

    background:rgba(5,12,30,0.75);

    backdrop-filter:blur(10px);

    color:#8BC7FF;

    font-size:12px;

    font-weight:500;
}

.hero-badge-dot{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#59B6FF;

    box-shadow:0 0 12px #59B6FF;
}


/* =======================================================
   MAIN HEADING
======================================================= */

.hero-heading{

    margin-top:34px;
}

.hero-heading h1{

    font-size:60px;

    line-height:1.08;

    font-weight:800;

    letter-spacing:-2px;

    color:#F5F7FA;

    max-width:1100px;

    margin:auto;
}

.hero-heading h1 span{

    display:block;

    margin-top:6px;

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* =======================================================
   DESCRIPTION
======================================================= */

.hero-description{

    margin-top:32px;
}

.hero-description p{

    max-width:980px;

    margin:auto;

    font-size:18px;

    line-height:1.7;

    color:#8B93A7;

    font-weight:400;
}


/* =======================================================
   BUTTONS
======================================================= */

.hero-buttons{

    margin-top:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:24px;

    flex-wrap:wrap;
}


/* PRIMARY BUTTON */

.hero-btn-primary{

    width:300px;

    height:50px;

    border-radius:60px;

    background:linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:16px;

    font-weight:700;

    transition:0.3s;
}

.hero-btn-primary:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(23,135,224,0.35);
}


/* SECONDARY BUTTON */

.hero-btn-secondary{

    width:300px;

    height:50px;

    border-radius:60px;

    border:1px solid rgba(255,255,255,0.08);

    background:rgba(255,255,255,0.03);

    backdrop-filter:blur(10px);

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    color:#fff;

    font-size:16px;

    font-weight:700;

    transition:0.3s;
}

.hero-btn-secondary:hover{

    color:#fff;

    background:rgba(255,255,255,0.05);
}


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

.play-icon{

    width:38px;
    height:38px;

    border-radius:50%;

    background:rgba(255,255,255,0.08);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;
}


/* =======================================================
   STATS SECTION
======================================================= */

.hero-stats{

    margin-top:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:55px;

    flex-wrap:wrap;

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

    padding-top:40px;

    max-width:720px;

    margin-left:auto;
    margin-right:auto;
}


/* STAT NUMBER */

.hero-stat-box h2{

    font-size:20px;

    font-weight:700;

    color:#fff;
}


/* STAT TEXT */

.hero-stat-box p{

    margin-top:8px;

    color:#6B7280;

    letter-spacing:1.5px;

    font-size:10px;
}


/* DIVIDER */

.hero-divider{

    width:1px;

    height:65px;

    background:rgba(255,255,255,0.06);
}


/* =======================================================
   RESPONSIVE
======================================================= */

@media(max-width:991px){

    .finsai-hero{
        padding-top:90px;
    }

    .hero-heading h1{
        font-size:52px;
        line-height:1.2;
    }

    .hero-description p{
        font-size:18px;
        line-height:1.7;
    }

    .hero-btn-primary,
    .hero-btn-secondary{

        width:100%;
        max-width:300px;
    }

    .hero-stat-box h2{
        font-size:24px;
    }

    .hero-divider{
        display:none;
    }

}


@media(max-width:576px){

    .hero-heading h1{
        font-size:38px;
    }

    .hero-description p{
        font-size:16px;
    }

    .hero-buttons{
        gap:14px;
    }

    .hero-stats{
        gap:28px;
    }

}
/* ====================================
   WEBINAR AUDIENCE SECTION
==================================== */

.webinar-audience-section{

    padding:0px 0;

    background:#000;
}


/* CONTAINER WIDTH */

.webinar-audience-section .container{

    max-width:1320px;
}


/* =========================
   HEADING
========================= */

.audience-heading{

    text-align:center;

    margin-bottom:45px;
}

.audience-heading h2{

    font-size:35px;

    font-weight:800;

    color:#F8FAFC;

    line-height:1.2;
}

.audience-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}

.audience-heading p{

    margin:18px auto 0;

    max-width:760px;

    font-size:17px;

    line-height:1.8;

    color:#8B93A7;
}


/* =========================
   GRID
========================= */

.audience-grid{

    display:grid;

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

    gap:20px;
}


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

.audience-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:20px;

    border-radius:18px;

    border:1px solid #007CFD;

    background:#02040A;

    transition:0.3s;
}

.audience-card:hover{

    border-color:#38B6FF;

    box-shadow:0 0 25px rgba(0,124,253,0.12);
}


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

.audience-icon{

    min-width:54px;

    width:54px;

    height:54px;

    border-radius:14px;

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    display:flex;

    align-items:center;

    justify-content:center;
}

.audience-icon svg{

    width:26px;
    height:26px;
}


/* =========================
   CONTENT
========================= */

.audience-content h3{

    font-size:20px;

    line-height:1.5;

    font-weight:800;

    color:#fff;
}

.audience-content p{

    margin-top:10px;

    font-size:13px;

    line-height:1.5;

    color:#8B93A7;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:1200px){

    .audience-grid{

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

}


@media(max-width:768px){

    .webinar-audience-section{
        padding:70px 0;
    }

    .audience-heading h2{
        font-size:34px;
    }

    .audience-heading p{
        font-size:15px;
    }

    .audience-grid{

        grid-template-columns:1fr;
    }

    .audience-card{

        padding:20px;
    }

    .audience-content h3{
        font-size:18px;
    }

    .audience-content p{
        font-size:14px;
    }

}
/* ====================================
   WEBINAR INFO SECTION
==================================== */

.webinar-info-section{

    padding:90px 0;

    background:#000;

    text-align:center;
}


/* CONTAINER */

.webinar-info-section .container{

    max-width:1200px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================
   TOP BADGE
========================= */

.webinar-info-badge-wrap{

    display:flex;

    justify-content:center;
}

.webinar-info-badge{

    display:flex;

    align-items:center;

    gap:10px;

    height:40px;

    padding:0 26px;

    border-radius:50px;

    border:1px solid rgba(0,124,253,0.35);

    background:rgba(5,12,30,0.75);

    color:#78C8FF;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;
}

.badge-icon{

    font-size:12px;

    color:#4FB7FF;
}


/* =========================
   HEADING
========================= */

.webinar-info-heading{

    margin-top:34px;
}

.webinar-info-heading h2{

    font-size:50px;

    line-height:1.15;

    font-weight:800;

    color:#F8FAFC;

    letter-spacing:-2px;
}

.webinar-info-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* =========================
   DESCRIPTION
========================= */

.webinar-info-description{

    margin-top:24px;
}

.webinar-info-description p{

    max-width:900px;

    margin:0 auto;

    font-size:17px;

    line-height:1.8;

    color:#8B93A7;
}


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

.webinar-info-stats{

    margin-top:55px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:70px;

    flex-wrap:wrap;
}


/* ITEM */

.webinar-info-stat-item h3{

    font-size:20px;

    font-weight:700;

    color:#1D9BF0;
}

.webinar-info-stat-item p{

    margin-top:8px;

    font-size:14px;

    color:#7D8596;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .webinar-info-heading h2{

        font-size:46px;
    }

    .webinar-info-description p{

        font-size:16px;
    }

    .webinar-info-stats{

        gap:40px;
    }

}


@media(max-width:576px){

    .webinar-info-section{

        padding:70px 0;
    }

    .webinar-info-heading h2{

        font-size:34px;

        line-height:1.3;
    }

    .webinar-info-description p{

        font-size:15px;
    }

    .webinar-info-stats{

        gap:28px;
    }

}
/* =========================================
   WEBINAR SECTION
========================================= */

.finsai-webinars-section{

    padding:0px 0;

    background:#000;
}


/* CONTAINER */

.finsai-webinars-section .container{

    max-width:1320px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   TABS
========================================= */

.finsai-tabs{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    margin-bottom:55px;

    flex-wrap:wrap;
}


/* TAB */

.finsai-tab {
    height: 40px;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.06);
    background: #0A0A12;
    color: #9CA3AF;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    cursor: pointer;
}
/* UPCOMING */

.live-badge.upcoming-badge{

    background:#00C853;
}
/* ACTIVE TAB */

.finsai-tab.active{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    color:#fff;

    box-shadow:0 0 22px rgba(30,136,229,0.25);
}


/* TAB COUNT */

.finsai-tab small{

    width:22px;
    height:22px;

    border-radius:50%;

    background:rgba(255,255,255,0.12);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;

    font-weight:700;
}


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

.finsai-webinar-card{

    background:#04060D;

    border:1px solid #0A5DB8;

    border-radius:24px;

    overflow:hidden;

    transition:0.3s;

    height:100%;
}

.finsai-webinar-card:hover{

    transform:translateY(-4px);

    box-shadow:0 0 30px rgba(0,124,253,0.10);
}


/* =========================================
   IMAGE
========================================= */

.finsai-webinar-image{

    position:relative;

    height:280px;

    overflow:hidden;
}

.finsai-webinar-image img{

    width:100%;
    height:100%;

    object-fit:cover;
}


/* IMAGE OVERLAY */

.finsai-webinar-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.9),
        transparent
    );
}


/* =========================================
   LIVE BADGE
========================================= */

.live-badge{

    position:absolute;

    top:18px;
    left:18px;

    z-index:2;

    height:36px;

    padding:0 16px;

    border-radius:50px;

    background:#FF3040;

    color:#fff;

    font-size:13px;

    font-weight:700;

    display:flex;

    align-items:center;
}


/* =========================================
   CATEGORY
========================================= */

/* =========================================
   BOTTOM META
========================================= */

.webinar-bottom-meta{

    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;
}


/* =========================================
   CATEGORY
========================================= */

.webinar-category{

    height:34px;

    padding:0 14px;

    border-radius:50px;

    background:rgba(0,0,0,0.55);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:13px;

    display:flex;

    align-items:center;
}


/* =========================================
   DURATION
========================================= */

.webinar-duration{

    height:34px;

    padding:0 14px;

    border-radius:50px;

    background:rgba(0,0,0,0.55);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:13px;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:6px;
}
/* =========================================
   CONTENT
========================================= */

.finsai-webinar-content{

    padding:24px;
}


/* TITLE */

.finsai-webinar-content h3{

    font-size:15px;

    line-height:1.45;

    font-weight:800;

    color:#fff;
}


/* DESCRIPTION */

.finsai-webinar-content p{

    margin-top:14px;

    font-size:12px;

    line-height:1.8;

    color:#8B93A7;
}


/* =========================================
   FOOTER
========================================= */

.webinar-footer{

    margin-top:26px;

    padding-top:22px;

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

    display:flex;

    justify-content:space-between;

    align-items:center;
}


/* LEVEL */

.webinar-level{

    height:38px;

    padding:0 16px;

    border-radius:50px;

    background:#11131B;

    color:#8B93A7;

    font-size:13px;

    display:flex;

    align-items:center;
}


/* BUTTON */

.join-btn{

    width:138px;

    height:48px;

    border-radius:50px;

    background:#FF3040;

    color:#fff;

    font-size:15px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:0.3s;
}

.join-btn:hover{

    color:#fff;

    transform:translateY(-2px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .finsai-tabs{

        gap:10px;
    }

    .finsai-tab{

        height:46px;

        padding:0 18px;

        font-size:14px;
    }

    .finsai-webinar-content h3{

        font-size:21px;
    }

}


@media(max-width:576px){

    .finsai-webinars-section{

        padding:70px 0;
    }

    .finsai-webinar-image{

        height:230px;
    }

    .finsai-webinar-content{

        padding:20px;
    }

    .finsai-webinar-content h3{

        font-size:19px;
    }

    .finsai-webinar-content p{

        font-size:14px;
    }

}
/* =========================================
   SWIPER
========================================= */

.finsaiWebinarSlider{

    padding-bottom:20px;
}


/* SLIDE */

.finsaiWebinarSlider .swiper-slide{

    height:auto;
}


/* CARD HEIGHT */

.finsai-webinar-card{

    height:100%;
}


/* NAVIGATION */

.finsaiWebinarSlider .swiper-button-next,
.finsaiWebinarSlider .swiper-button-prev{

    width:46px;
    height:46px;

    border-radius:50%;

    background:#11131B;

    border:1px solid rgba(255,255,255,0.06);

    color:#fff;
}


/* ARROW SIZE */

.finsaiWebinarSlider .swiper-button-next::after,
.finsaiWebinarSlider .swiper-button-prev::after{

    font-size:16px;

    font-weight:700;
}


/* POSITION */

.finsaiWebinarSlider .swiper-button-prev{

    left:-5px;
}

.finsaiWebinarSlider .swiper-button-next{

    right:-5px;
}
/* =========================================
   REGISTER SECTION
========================================= */

.finsai-register-section{

    padding:20px 0;

    background:#000;

    position:relative;

    overflow:hidden;
}


/* TOP BORDER */

.finsai-register-section::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:1px;

    background:rgba(255,255,255,0.06);
}


/* CONTAINER */

.finsai-register-section .container{

    max-width:1100px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   HEADING
========================================= */

.register-heading{

    text-align:center;

    margin-bottom:55px;
}


/* TITLE */

.register-heading h2{

    font-size:50px;

    line-height:1.12;

    font-weight:800;

    color:#fff;

    letter-spacing:-2px;

    max-width:1000px;

    margin:0 auto;
}


/* BLUE TEXT */

.register-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.register-heading p{

    margin-top:24px;

    font-size:17px;

    line-height:1.8;

    color:#8B93A7;

    max-width:900px;

    margin-left:auto;
    margin-right:auto;
}


/* =========================================
   FORM WRAP
========================================= */

.register-form-wrap{

    padding:42px;

    border:1px solid #0A5DB8;

    border-radius:28px;

    background:#02040A;

    box-shadow:0 0 30px rgba(0,124,253,0.08);
}


/* =========================================
   FORM GROUP
========================================= */

.register-group{

    margin-bottom:28px;
}


/* LABEL */

.register-group label{

    display:block;

    margin-bottom:14px;

    color:#fff;

    font-size:15px;

    font-weight:700;
}


/* =========================================
   INPUTS
========================================= */

.register-group input,
.register-group select{

    width:100%;

    height:50px;

    border-radius:18px;

    border:1px solid rgba(255,255,255,0.06);

    background:#0A0A12;

    padding:0 24px;

    color:#fff;

    font-size:13px;

    outline:none;

    transition:0.3s;
}


/* PLACEHOLDER */

.register-group input::placeholder{

    color:#7D8596;
}


/* FOCUS */

.register-group input:focus,
.register-group select:focus{

    border-color:#0A84FF;

    box-shadow:0 0 0 3px rgba(10,132,255,0.08);
}


/* SELECT */

.register-group select{

    appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 22px center;

    padding-right:55px;
}


/* =========================================
   BUTTON
========================================= */

.register-btn{

    width:100%;

    height:50px;

    border:none;

    border-radius:18px;

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);
    color:#fff;

    font-size:20px;

    font-weight:700;

    margin-top:10px;

    transition:0.3s;
}


/* HOVER */

.register-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 30px rgba(30,136,229,0.30);
}


/* =========================================
   SECURITY TEXT
========================================= */

.register-security{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:24px;

    color:#7D8596;

    font-size:15px;
}


/* ICON */

.register-security-icon{

    width:18px;
    height:18px;

    border:2px solid #65C7FF;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:10px;

    color:#65C7FF;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .register-heading h2{

        font-size:52px;
    }

    .register-heading p{

        font-size:16px;
    }

}


@media(max-width:576px){

    .finsai-register-section{

        padding:70px 0;
    }

    .register-form-wrap{

        padding:24px;
    }

    .register-heading h2{

        font-size:38px;

        line-height:1.25;
    }

    .register-heading p{

        font-size:15px;
    }

    .register-group input,
    .register-group select{

        height:62px;

        font-size:15px;
    }

    .register-btn{

        height:64px;

        font-size:17px;
    }

}

/* =========================================
   EXPERTS SECTION
========================================= */

.finsai-experts-section{

    padding:50px 0;

    background:#000;
}


/* CONTAINER */

.finsai-experts-section .container{

    max-width:1200px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   HEADING
========================================= */

.experts-heading{

    text-align:center;

    margin-bottom:55px;
}


/* TITLE */

.experts-heading h2{

    font-size:50px;

    line-height:1.12;

    font-weight:800;

    color:#fff;

    letter-spacing:-2px;
}


/* BLUE TEXT */

.experts-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.experts-heading p{

    margin-top:22px;

    font-size:17px;

    line-height:1.8;

    color:#8B93A7;

    max-width:850px;

    margin-left:auto;
    margin-right:auto;
}


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

.expert-card{

    background:#02040A;

    border:1px solid #0A5DB8;

    border-radius:28px;

    overflow:hidden;

    height:100%;
}


/* =========================================
   EXPERT IMAGE
========================================= */

.expert-image{

    width:100%;

    overflow:hidden;

    border-radius:24px 24px 0 0;

    background:#05070D;
}


/* IMAGE */

.expert-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

/* =========================================
   CONTENT
========================================= */

.expert-content{

    padding:20px;
}


/* TOP */

.expert-top{

    display:flex;

    justify-content:space-between;

    gap:20px;

    padding-bottom:10px;

    border-bottom:1px solid rgba(255,255,255,0.06);
}


/* NAME */

.expert-top h3{

    font-size:17px;

    font-weight:800;

    color:#fff;

    margin-bottom:12px;
}


/* ROLE */

.expert-top h4{

    font-size:11px;

    line-height:1.7;

    font-weight:500;

    color:#65C7FF;
}


/* LINKEDIN */

.expert-linkedin{

    width:40px;
    height:40px;

    min-width:40px;

    border-radius:10px;

    background:#0A84FF;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:800;
}

.expert-linkedin:hover{

    color:#fff;
}


/* =========================================
   FEATURES
========================================= */

.expert-features{

    margin-top:28px;
}


/* ITEM */

.expert-feature-item{

    display:flex;

    gap:18px;

}


/* ICON */

.expert-feature-icon{

    width:22px;

    min-width:22px;

    color:#65C7FF;

    font-size:18px;

    margin-top:3px;
}


/* FEATURE TITLE */

.expert-feature-item h5{

    font-size:12px;

    font-weight:700;

    color:#fff;

    margin-bottom:6px;
}


/* FEATURE TEXT */

.expert-feature-item p{

    font-size:11px;

    line-height:1.7;

    color:#7D8596;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .experts-heading h2{

        font-size:52px;
    }

    .expert-image{

        height:340px;
    }

}


@media(max-width:576px){

    .finsai-experts-section{

        padding:70px 0;
    }

    .experts-heading h2{

        font-size:38px;

        line-height:1.25;
    }

    .experts-heading p{

        font-size:15px;
    }

    .expert-content{

        padding:24px;
    }

    .expert-top{

        flex-direction:column;
    }

    .expert-image{

        height:350px;
    }

}

/* =========================================
   TESTIMONIAL SECTION
========================================= */

.finsai-testimonial-section{

    padding:50px 0;

    background:#000;

    overflow:visible;
}


/* CONTAINER */

.finsai-testimonial-section .container{

    max-width:1320px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   HEADING
========================================= */

.testimonial-heading{

    text-align:center;

    margin-bottom:60px;
}


/* TITLE */

.testimonial-heading h2{

    font-size:50px;

    line-height:1.5;

    font-weight:800;

    color:#fff;

    letter-spacing:-2px;
}


/* BLUE TEXT */

.testimonial-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.testimonial-heading p{

    margin-top:24px;

    font-size:17px;

    line-height:1.5;

    color:#8B93A7;

    max-width:900px;

    margin-left:auto;
    margin-right:auto;
}


/* =========================================
   SWIPER
========================================= */

.finsaiTestimonialSlider{

    width:100%;

    overflow:hidden;

    position:relative;

    padding:0 28px 70px;
}


/* WRAPPER */

.finsaiTestimonialSlider .swiper-wrapper{

    align-items:stretch;
}


/* SLIDE */

.finsaiTestimonialSlider .swiper-slide{

    height:auto;
}


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

.testimonial-card{

    background:#02040A;

    border:1px solid #0A5DB8;

    border-radius:24px;

    padding:15px;

    height:100%;
}


/* TOP */

.testimonial-top{

    display:flex;

    justify-content:space-between;

    gap:20px;
}


/* USER */

.testimonial-user{

    display:flex;

    align-items:center;

    gap:16px;
}


/* =========================================
   USER IMAGE
========================================= */

.testimonial-user-image{

    width:64px;
    height:64px;

    border-radius:50%;

    overflow:hidden;

    border:2px solid #0A84FF;

    background:#111827;

    flex-shrink:0;
}


/* IMAGE */

.testimonial-user-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}


/* NAME */

.testimonial-user h3{

    font-size:15px;

    font-weight:700;

    color:#fff;

    margin-bottom:5px;
}


/* ROLE */

.testimonial-user span{

    font-size:14px;

    color:#8B93A7;
}


/* QUOTE */

.testimonial-quote{

    font-size:54px;

    line-height:1;

    color:#0A84FF;

    opacity:0.25;
}


/* STARS */

.testimonial-stars{

    margin-top:10px;

    color:#65C7FF;

    font-size:12px;

    letter-spacing:4px;
}


/* TEXT */

.testimonial-text{

    margin-top:0;

    font-size:13px;

    line-height:1.5;

    color:#D1D5DB;

    min-height:180px;
}


/* BOTTOM */

.testimonial-bottom{

    padding-top:22px;

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

    color:#00E676;

    font-size:12px;

    font-weight:700;
}


/* =========================================
   NAVIGATION
========================================= */

.testimonial-next,
.testimonial-prev{

    width:52px !important;
    height:52px !important;

    border-radius:50%;

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    color:#000 !important;

    top:45% !important;
}


/* ARROW ICON */

.testimonial-next::after,
.testimonial-prev::after{

    font-size:18px !important;

    font-weight:800;
}


/* POSITION */

.testimonial-prev{

    left:0 !important;
}

.testimonial-next{

    right:0 !important;
}


/* =========================================
   PAGINATION
========================================= */

.testimonial-pagination{

    position:relative !important;

    margin-top:55px;

    bottom:0 !important;
}


/* BULLET */

.testimonial-pagination .swiper-pagination-bullet{

    width:10px;
    height:10px;

    background:#4B5563;

    opacity:1;
}


/* ACTIVE BULLET */

.testimonial-pagination .swiper-pagination-bullet-active{

    background:#0A84FF;
}


/* =========================================
   COMMUNITY
========================================= */

.testimonial-community{

    text-align:center;
}


/* TITLE */

.testimonial-community h4{

    font-size:13px;

    font-weight:500;

    color:#D1D5DB;
}


/* BLUE TEXT */

.testimonial-community h4 span{

    color:#65C7FF;

    font-weight:700;
}


/* USERS */

.testimonial-community-users{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:0;

    margin-top:30px;
}


/* USER */

.community-user{

    width:30px;
    height:30px;

    border-radius:50%;

    overflow:hidden;

    border:3px solid #000;

    background:#374151;

    margin-left:-12px;

    flex-shrink:0;
}


/* FIRST */

.community-user:first-child{

    margin-left:0;
}


/* IMAGE */

.community-user img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}


/* TEXT */

.testimonial-community-users span{

    margin-left:18px;

    font-size:12px;

    color:#D1D5DB;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .testimonial-heading h2{

        font-size:42px;
    }

}


@media(max-width:576px){

    .finsai-testimonial-section{

        padding:70px 0;
    }

    .testimonial-heading h2{

        font-size:34px;

        line-height:1.25;
    }

    .testimonial-heading p{

        font-size:15px;
    }

    .testimonial-card{

        padding:22px;
    }

    .testimonial-text{

        min-height:auto;

        font-size:15px;
    }

    .testimonial-prev,
    .testimonial-next{

        display:none !important;
    }

}
/* =========================================
   STEPS SECTION
========================================= */

.finsai-steps-section{

    padding:50px 0;

    background:#000;

    overflow:hidden;
}


/* CONTAINER */

.finsai-steps-section .container{

    max-width:1320px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   HEADING
========================================= */

.steps-heading{

    text-align:center;

    margin-bottom:70px;
}


/* TITLE */

.steps-heading h2{

    font-size:50px;

    line-height:1.12;

    font-weight:800;

    color:#fff;

    letter-spacing:-2px;
}


/* BLUE TEXT */

.steps-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.steps-heading p{

    margin-top:24px;

    font-size:17px;

    line-height:1.5;

    color:#8B93A7;

    max-width:900px;

    margin-left:auto;
    margin-right:auto;
}


/* =========================================
   STEP CARD
========================================= */

.finsai-step-card {
    position: relative;
    background: #02040A;
    border: 1px solid #0A5DB8;
    border-radius: 26px;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

/* CONNECTOR LINE */

.step-line{

    position:absolute;

    top:50%;
    right:-55px;

    width:110px;
    height:2px;

    background:#0A5DB8;

    z-index:1;
}


.steps-row .col-lg-3:last-child .step-line{

    display:none;
}


/* STEP NUMBER */

.step-number{

    position:absolute;

    top:18px;
    right:18px;

    width:30px;
    height:30px;

    border-radius:50%;

    background:#1B1F2A;

    border:1px solid rgba(255,255,255,0.06);

    color:#fff;

    font-size:15px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* IMAGE WRAP */

.step-image-wrap{

    width:140px;
    height:140px;

    margin:0 auto 0px;

    border-radius:50%;

    background:#05070D;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* IMAGE */

.step-image-wrap img{

    width:95px;

    height:auto;

    object-fit:contain;
}


/* TITLE */

.finsai-step-card h3{

    font-size:17px;

    line-height:1.4;

    font-weight:700;

    color:#fff;

    margin-bottom:14px;
}


/* DESCRIPTION */

.finsai-step-card p{

    font-size:14px;

    line-height:1.8;

    color:#8B93A7;

    max-width:250px;

    margin:0 auto;
    
    margin-bottom:20px !important;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1199px){

    .step-line{

        display:none;
    }

}


@media(max-width:991px){

    .steps-heading h2{

        font-size:52px;
    }

}


@media(max-width:576px){

    .finsai-steps-section{

        padding:70px 0;
    }

    .steps-heading h2{

        font-size:38px;

        line-height:1.25;
    }

    .steps-heading p{

        font-size:15px;
    }

    .finsai-step-card{

        padding:30px 20px;

        min-height:auto;
    }

    .step-image-wrap{

        width:110px;
        height:110px;
    }

    .step-image-wrap img{

        width:75px;
    }

    .finsai-step-card h3{

        font-size:20px;
    }

    .finsai-step-card p{

        font-size:15px;
    }

}
/* =========================================
   FAQ SECTION
========================================= */

.finsai-faq-section{

    padding:50px 0;

    background:#000;
}


/* CONTAINER */

.finsai-faq-section .container{

    max-width:1200px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   HEADING
========================================= */

.faq-heading{

    text-align:center;

    margin-bottom:60px;
}


/* BADGE */

.faq-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 24px;

    border-radius:50px;

    border:1px solid #0A5DB8;

    background:rgba(10,132,255,0.08);

    margin-bottom:30px;
}


/* BADGE ICON */

.faq-badge-icon{

    width:24px;
    height:24px;

    border-radius:50%;

    border:2px solid #65C7FF;

    color:#65C7FF;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:700;
}


/* BADGE TEXT */

.faq-badge span{

    color:#65C7FF;

    font-size:12px;

    font-weight:700;
}


/* TITLE */

.faq-heading h2{

    font-size:50px;

    line-height:1.5;

    font-weight:800;

    color:#fff;

    letter-spacing:-2px;
}


/* BLUE TEXT */

.faq-heading h2 span{

    background: linear-gradient(264deg, #7DB9D6 0%, #056FB4 100%);
    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.faq-heading p{

    margin-top:24px;

    font-size:17px;

    color:#8B93A7;
}


/* =========================================
   FAQ LIST
========================================= */

.faq-list{

    max-width:1120px;

    margin:0 auto;
}


/* ITEM */

.faq-item{

    border:1px solid #0A5DB8;

    border-radius:20px;

    background:#02040A;

    margin-bottom:22px;

    overflow:hidden;
}


/* QUESTION */

.faq-question{

    width:100%;

    background:none;

    border:none;

    padding:20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    cursor:pointer;

    text-align:left;
}


/* QUESTION TEXT */

.faq-question span:first-child{

    font-size:15px;

    font-weight:700;

    color:#fff;

    line-height:1.5;
}


/* ICON */

.faq-icon{

    font-size:26px;

    font-weight:300;

    color:#65C7FF;

    min-width:30px;

    text-align:center;
}


/* ANSWER */

.faq-answer{

    display:none;

    padding:0 34px 30px;
}


/* ACTIVE */

.faq-item.active .faq-answer{

    display:block;
}


/* ANSWER TEXT */

.faq-answer p{

    font-size:15px;

    line-height:2;

    color:#8B93A7;

    max-width:1000px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .faq-heading h2{

        font-size:52px;
    }

    .faq-question span:first-child{

        font-size:19px;
    }

}


@media(max-width:576px){

    .finsai-faq-section{

        padding:70px 0;
    }

    .faq-heading h2{

        font-size:38px;

        line-height:1.25;
    }

    .faq-heading p{

        font-size:15px;
    }

    .faq-question{

        padding:22px;
    }

    .faq-question span:first-child{

        font-size:17px;
    }

    .faq-answer{

        padding:0 22px 22px;
    }

    .faq-answer p{

        font-size:15px;

        line-height:1.8;
    }

}

/* =========================================
   FOOTER
========================================= */

.finsai-footer{

    padding:80px 0 40px;

    background:#000;

    border-top:1px solid rgba(255,255,255,0.04);
}


/* CONTAINER */

.finsai-footer .container{

    max-width:1320px;

    margin:0 auto;

    padding-left:15px;
    padding-right:15px;
}


/* =========================================
   TOP
========================================= */

.footer-top{

    display:grid;

    grid-template-columns:1.2fr 0.8fr 1fr;

    gap:80px;

    padding-bottom:50px;

    border-bottom:1px solid rgba(255,255,255,0.06);
}


/* =========================================
   LOGO
========================================= */

.footer-logo img{

    max-width:180px;
}


/* TITLE */

.footer-about h3{

    margin-top:36px;

    font-size:15px;

    line-height:1.2;

    font-weight:800;

    color:#fff;

    max-width:480px;
}


/* TEXT */

.footer-about p{

    margin-top:24px;

    font-size:14px;

    line-height:1.5;

    color:#8B93A7;

    max-width:500px;
}


/* =========================================
   LINKS
========================================= */

.footer-links h4,
.footer-contact h4{

    font-size:15px;

    font-weight:700;

    color:#fff;

    margin-bottom:34px;
}


/* LIST */

.footer-links ul{

    padding:0;

    margin:0;

    list-style:none;
}


/* LINK */

.footer-links a{

    font-size:15px;

    color:#8B93A7;

    transition:0.3s;
}

.footer-links a:hover{

    color:#65C7FF;

    text-decoration:none;
}


/* =========================================
   CONTACT
========================================= */

.footer-contact-item{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:22px;

    color:#8B93A7;

    font-size:15px;
}


/* ICON */

.footer-contact-icon{

    color:#65C7FF;

    font-size:20px;
}


/* =========================================
   SOCIAL
========================================= */

.footer-social{

    margin-top:40px;
}


/* TITLE */

.footer-social h5{

    font-size:15px;

    font-weight:700;

    color:#fff;

    margin-bottom:22px;
}


/* LINKS */

.footer-social-links{

    display:flex;

    gap:14px;
}


/* LINK */

.footer-social-links a{

    width:30px;
    height:30px;

    border-radius:50%;

    background:#11131B;

    border:1px solid rgba(255,255,255,0.06);

    color:#8B93A7;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    font-weight:700;

    transition:0.3s;
}

.footer-social-links a:hover{

    background:#0A84FF;

    color:#fff;

    text-decoration:none;
}


/* =========================================
   DISCLAIMER
========================================= */

.footer-disclaimer{

    padding-top:50px;
}


/* TITLE */

.footer-disclaimer h6{

    font-size:15px;

    font-weight:700;

    color:#fff;

    margin-bottom:24px;
}


/* TEXT */

.footer-disclaimer p{

    font-size:13px;

    line-height:1.2;

    color:#6B7280;

    margin-bottom:20px;
}


/* STRONG */

.footer-disclaimer strong{

    color:#fff;
}


/* =========================================
   COPYRIGHT
========================================= */

.footer-copyright{

    text-align:center;

    margin-top:50px;

    font-size:12px;

    color:#8B93A7;
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1199px){

    .footer-top{

        grid-template-columns:1fr;

        gap:50px;
    }

}


@media(max-width:991px){

    .footer-about h3{

        font-size:40px;
    }

}


@media(max-width:576px){

    .finsai-footer{

        padding:60px 0 30px;
    }

    .footer-about h3{

        font-size:32px;
    }

    .footer-about p{

        font-size:16px;
    }

    .footer-links h4,
    .footer-contact h4{

        font-size:28px;
    }

    .footer-links a,
    .footer-contact-item{

        font-size:17px;
    }

    .footer-social h5{

        font-size:24px;
    }

    .footer-disclaimer h6{

        font-size:22px;
    }

    .footer-disclaimer p{

        font-size:15px;

        line-height:1.9;
    }

    .footer-copyright{

        font-size:15px;
    }


}
/* =========================================
   TEACHER
========================================= */

.webinar-teacher{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:22px;

    margin-bottom:24px;
}


/* =========================================
   AVATAR
========================================= */

.webinar-teacher-avatar{

    width:25px;
    height:25px;


    border-radius:50%;

    overflow:hidden;

    background:#0A84FF;
}


/* IMAGE */

.webinar-teacher-avatar img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}


/* PLACEHOLDER */

.teacher-placeholder{

    width:100%;
    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:18px;

    font-weight:700;
}


/* =========================================
   INFO
========================================= */

.webinar-teacher-info h5{

    margin:0 0 4px;

    font-size:13px;

    font-weight:700;

    color:#fff;
}
.webinar-teacher-avatar{



    border-radius:50%;

    background:#3BA7FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;
}
.webinar-date-row{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:14px;

    color:#B8C1D9;

    font-size:12px;

    font-weight:500;
}


.webinar-date-row svg{

    color:#63C5FF;

    min-width:18px;
}
/* BIO */

.webinar-teacher-info p{

    margin:0;

    font-size:10px;

    line-height:1.6;

    color:#8B93A7;
}