/*=====================================================
Banner
=====================================================*/
.fz-banner{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:linear-gradient(180deg,#fff8f6 0%,#ffffff 100%);
    }
    .fz-banner::before{
    content:"";
    position:absolute;
    left:-180px;
    bottom:-180px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,51,0,.08),transparent 70%);
    pointer-events:none;
    }
    .fz-banner::after{
    content:"";
    position:absolute;
    right:-120px;
    top:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,51,0,.05),transparent 72%);
    pointer-events:none;
    }
    
    /*=====================================================
    Content
    =====================================================*/
    .fz-banner-content{
    position:relative;
    z-index:5;
    max-width:620px;
    }
    .fz-banner-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    margin-bottom:24px;
    border:1px solid rgba(255,51,0,.12);
    border-radius:50px;
    background:#fff;
    color:var(--bg-first);
    font-size:13px;
    font-weight:600;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
    }
    .fz-banner-label i{
    font-size:18px;
    }
    .fz-banner-content h1{
    margin:0 0 22px;
    color:#202020;
    font-family:var(--third-font);
    font-size:var(--font-hero-title);
    font-weight:400;
    line-height:1.02;
    }
    .fz-banner-content h1 span{
    display:block;
    margin-top:10px;
    color:var(--bg-first);
    }
    .fz-banner-description{
    margin-bottom:34px;
    color:#666;
    font-size:17px;
    line-height:1.9;
    }
    
    /*=====================================================
    Buttons
    =====================================================*/
    .fz-banner-actions{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:35px;
    }
    .fz-banner-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:54px;
    padding:0 28px;
    border-radius:12px;
    background:var(--bg-first);
    color:#fff;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    box-shadow:0 18px 35px rgba(255,51,0,.22);
    }
    .fz-banner-btn-primary:hover{
    transform:translateY(-3px);
    background:#e73910;
    color:#fff;
    }
    .fz-banner-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:54px;
    padding:0 28px;
    border:1px solid #e8d8d3;
    border-radius:12px;
    background:#fff;
    color:#333;
    font-weight:500;
    text-decoration:none;
    transition:.3s;
    }
    .fz-banner-btn-outline:hover{
    border-color:var(--bg-first);
    background:#fff4ef;
    color:var(--bg-first);
    }
    
    /*=====================================================
    Trust
    =====================================================*/
    .fz-banner-trust{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:36px;
    }
    .fz-banner-trust-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:50px;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    }
    .fz-banner-trust-item i{
    color:var(--bg-first);
    font-size:18px;
    }
    .fz-banner-trust-item span{
    font-size:14px;
    font-weight:500;
    color:#555;
    }
    
    /*=====================================================
    Store Buttons
    =====================================================*/
    .fz-banner-apps{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    }
    .fz-banner-apps a{
    transition:.3s;
    }
    .fz-banner-apps a:hover{
    transform:translateY(-4px);
    }
    .fz-banner-apps img{
    display:block;
    height:46px;
    width:auto;
    }
    
    /*=====================================================
    Visual
    =====================================================*/
    .fz-banner-visual{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:620px;
    z-index:2;
    }
    .fz-banner-image-wrap{
    position:relative;
    width:100%;
    max-width:620px;
    display:flex;
    align-items:center;
    justify-content:center;
    }
    .fz-banner-image{
    position:relative;
    z-index:5;
    width:100%;
    max-width:520px;
    height:auto;
    animation:fzFloat 6s ease-in-out infinite;
    }
    @keyframes fzFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
    }

    /*=====================================================
Premium Orbit
=====================================================*/
.fz-banner-image-wrap::before{
    content:"";
    position:absolute;
    width:560px;
    height:560px;
    border:3px solid rgba(255,51,0,.18);
    border-radius:50%;
    animation:fzRotate 80s linear infinite;
    }
    .fz-banner-image-wrap::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border:2px solid rgba(255,51,0,.12);
    border-radius:50%;
    animation:fzRotateReverse 55s linear infinite;
    }
    @keyframes fzRotate{
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
    }
    @keyframes fzRotateReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0);}
    }
    
    /*=====================================================
    Background Number
    =====================================================*/
    .fz-banner-bg{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        font-size:70px;
        font-weight:700;
        line-height:.9;
        color:rgba(0, 0, 0, 0.04);
        text-align:center;
        pointer-events:none;
        user-select:none;
        z-index:1;
        }
        .fz-banner-bg span{
        display:block;
        font-size:50px;
        margin-top: 10px;;
        }
    
    /*=====================================================
    Orbit Dots
    =====================================================*/
    .fz-orbit-dot{
    position:absolute;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--bg-first);
    box-shadow:0 0 0 10px rgba(255,51,0,.08);
    z-index:3;
    }
    .fz-dot-1{top:12%;right:18%;}
    .fz-dot-2{bottom:16%;left:18%;}
    .fz-dot-3{top:50%;right:5%;}
    .fz-dot-4{top:28%;left:8%;width:12px;height:12px;}
    .fz-dot-5{bottom:30%;right:10%;width:12px;height:12px;}
    
    /*=====================================================
    Floating Service Pills
    =====================================================*/
    .fz-service-pill{
    position:absolute;
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 18px;
    border-radius:14px;
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.10);
    font-size:14px;
    font-weight:600;
    color:#222;
    white-space:nowrap;
    z-index:10;
    transition:.35s;
    }
    .fz-service-pill i{
    font-size:20px;
    color:var(--bg-first);
    }
    .fz-service-pill:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 45px rgba(0,0,0,.15);
    }
    .fz-pill-1{top:8%;left:3%;}
    .fz-pill-2{top:10%;right:2%;}
    .fz-pill-3{left:-4%;top:45%;}
    .fz-pill-4{right:-3%;top:46%;}
    .fz-pill-5{left:10%;bottom:8%;}
    .fz-pill-6{right:8%;bottom:8%;}
    
    /*=====================================================
    Financial Icons
    =====================================================*/
    .fz-banner-icon{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    color:var(--bg-first);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    z-index:8;
    animation:fzIconFloat 5s ease-in-out infinite;
    }
    .fz-banner-icon i{
    font-size:22px;
    }
    .fz-icon-1{top:18%;left:12%;}
    .fz-icon-2{top:8%;right:32%;}
    .fz-icon-3{right:6%;top:34%;}
    .fz-icon-4{bottom:18%;right:7%;}
    .fz-icon-5{bottom:18%;left:10%;}
    @keyframes fzIconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
    }
    
    /*=====================================================
Image Glow
=====================================================*/
.fz-banner-image-wrap{
    isolation:isolate;
    }
    .fz-banner-image-wrap .fz-image-glow{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,51,0,.12),rgba(255,51,0,.05),transparent 75%);
    filter:blur(25px);
    z-index:0;
    animation:fzGlow 6s ease-in-out infinite;
    }
    @keyframes fzGlow{
    0%,100%{transform:scale(1);opacity:.8;}
    50%{transform:scale(1.08);opacity:1;}
    }
    
    /*=====================================================
    Hover Effects
    =====================================================*/
    .fz-banner-image-wrap:hover .fz-banner-image{
    transform:translateY(-10px) scale(1.03);
    }
    .fz-banner-image{
    transition:all .45s ease;
    }
    .fz-banner-image-wrap:hover .fz-service-pill{
    box-shadow:0 20px 45px rgba(0,0,0,.15);
    }
    .fz-banner-image-wrap:hover .fz-float-card{
    box-shadow:0 22px 50px rgba(0,0,0,.18);
    }
    
    /*=====================================================
    Tablet
    =====================================================*/
    @media(max-width:1199.98px){
    .fz-banner-visual{
    min-height:560px;
    }
    .fz-banner-image{
    max-width:450px;
    }
    .fz-banner-image-wrap::before{
    width:500px;
    height:500px;
    }
    .fz-banner-image-wrap::after{
    width:340px;
    height:340px;
    }
    .fz-banner-bg{
    font-size:140px;
    }
    .fz-service-pill{
    padding:10px 14px;
    font-size:13px;
    }
    .fz-float-card{
    padding:12px 16px;
    }
    }
    
    /*=====================================================
    Small Tablet
    =====================================================*/
    @media(max-width:991.98px){
    .fz-banner{
    padding:70px 0;
    text-align:center;
    }
    .fz-banner-content{
    max-width:100%;
    margin-bottom:50px;
    }
    .fz-banner-actions{
    justify-content:center;
    }
    .fz-banner-trust{
    justify-content:center;
    }
    .fz-banner-apps{
    justify-content:center;
    }
    .fz-banner-visual{
    min-height:500px;
    }
    .fz-banner-image{
    max-width:400px;
    }
    .fz-banner-image-wrap::before{
    width:430px;
    height:430px;
    }
    .fz-banner-image-wrap::after{
    width:300px;
    height:300px;
    }
    .fz-banner-bg{
    font-size:120px;
    }
    .fz-pill-1{top:0;left:5%;}
    .fz-pill-2{top:0;right:5%;}
    .fz-pill-3{left:-2%;top:42%;}
    .fz-pill-4{right:-2%;top:42%;}
    .fz-pill-5{left:8%;bottom:4%;}
    .fz-pill-6{right:8%;bottom:4%;}
    .fz-float-card-one{
    left:0;
    top:12%;
    }
    .fz-float-card-two{
    right:0;
    bottom:10%;
    }
    }
    
    /*=====================================================
    Mobile
    =====================================================*/
    @media(max-width:767.98px){
    .fz-banner{
    padding:55px 0;
    }
    .fz-banner-content h1{
    font-size:42px;
    line-height:1.1;
    }
    .fz-banner-description{
    font-size:15px;
    }
    .fz-banner-actions{
    flex-direction:column;
    gap:14px;
    }
    .fz-banner-btn-primary,
    .fz-banner-btn-outline{
    width:100%;
    }
    .fz-banner-trust{
    gap:10px;
    }
    .fz-banner-trust-item{
    padding:8px 14px;
    }
    .fz-banner-visual{
    min-height:420px;
    }
    .fz-banner-image{
    max-width:320px;
    }
    .fz-banner-image-wrap::before{
    width:340px;
    height:340px;
    }
    .fz-banner-image-wrap::after{
    width:240px;
    height:240px;
    }
    .fz-banner-bg{
    font-size:90px;
    }
    .fz-service-pill{
    padding:8px 12px;
    font-size:12px;
    border-radius:10px;
    }
    .fz-service-pill i{
    font-size:16px;
    }
    .fz-float-card{
    display:none;
    }
    }
    
    /*=====================================================
    Small Mobile
    =====================================================*/
    @media(max-width:575.98px){
    .fz-banner{
    overflow:hidden;
    }
    .fz-banner-image{
    max-width:260px;
    }
    .fz-banner-image-wrap::before{
    width:280px;
    height:280px;
    }
    .fz-banner-image-wrap::after{
    width:190px;
    height:190px;
    }
    .fz-banner-bg{
    font-size:70px;
    }
    .fz-service-pill{
    display:none;
    }
    .fz-orbit-dot{
    display:none;
    }
    .fz-banner-apps img{
    height:42px;
    }
    }