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

.nucco-home-hero{

    position:relative;
    overflow:hidden;

    background:#F8FAFC;
    background-image:url("../images/hero-bg.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right center;

    min-height:860px;

    padding:0 0 200px;

    display:flex;
    align-items:center;

}

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

.nucco-home-hero::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:62%;

    height:100%;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.94) 45%,
        rgba(255,255,255,.75) 70%,
        rgba(255,255,255,0) 100%
    );

    z-index:1;

    pointer-events:none;

}

.nucco-home-hero-container{

    position:relative;
    z-index:5;

    width:100%;
    max-width:1400px;

    margin:0 auto;

    padding:140px 70px 200px;

    display:flex;
    align-items:flex-start;

}

.nucco-home-hero-content{

    position:relative;
    z-index:10;

    width:48%;
    max-width:680px;

    padding-left:0;

}
/* ==========================================================
BADGE
========================================================== */

.nucco-home-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 24px;

    background:#fff;

    border-radius:50px;

    border:1px solid rgba(91,61,245,.15);

    box-shadow:0 10px 30px rgba(15,23,42,.06);

    margin-bottom:35px;

}

.badge-icon{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#f3efff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#5B3DF5;

}

.nucco-home-hero-badge span:last-child{

    font-size:15px;

    font-weight:600;

    color:#5B3DF5;

}

/* ==========================================================
TITLE
========================================================== */

.nucco-home-hero-title{

    font-size:84px;

    line-height:1;

    letter-spacing:-3px;

    color:#14213D;

    margin:25px 0 35px;

    font-weight:800;

    max-width:650px;

}

.nucco-home-hero-title span{

    display:block;

    margin-top:12px;

    color:#5B3DF5;

}

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

.nucco-home-hero-description{

    font-size:19px;

    line-height:1.9;

    color:#64748B;

    max-width:560px;

    margin-bottom:60px;

}

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

.nucco-home-hero-buttons{

    display:flex;

    gap:18px;

    margin-bottom:60px;

}

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:22px 42px;

    border-radius:16px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.btn svg{

    width:18px;

    height:18px;

}

.btn-primary{

    background:linear-gradient(135deg,#6C4DFF,#4E2CF6);

    color:#fff;

    box-shadow:0 18px 40px rgba(91,61,245,.28);

}

.btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 22px 50px rgba(91,61,245,.35);

}

.btn-outline{

    background:#fff;

    color:#5B3DF5;

    border:2px solid #5B3DF5;

}

.btn-outline:hover{

    background:#5B3DF5;

    color:#fff;

}

/* ==========================================================
TRUST
========================================================== */

.nucco-home-hero-trust{

    display:flex;

    align-items:center;

    gap:60px;

    margin-top:10px;

    padding-top:35px;

    border-top:1px solid #E8ECF7;

}

.nucco-home-hero-rating{

    max-width:260px;

}

.nucco-home-stars{

    color:#FFB400;

    font-size:22px;

    margin-bottom:12px;

}

.nucco-home-rating-text{

    color:#14213D;

    font-size:15px;

    line-height:1.7;

    font-weight:600;

}

.nucco-home-hero-avatars{

    display:flex;

    flex-direction:column;

}

.nucco-home-avatar-group{

    display:flex;

    align-items:center;

}

.nucco-home-avatar-group img{

    width:48px;

    height:48px;

    object-fit:cover;

    border-radius:50%;

    border:3px solid #fff;

    margin-left:-10px;

    box-shadow:0 8px 20px rgba(0,0,0,.12);

}

.nucco-home-avatar-group img:first-child{

    margin-left:0;

}

.nucco-home-avatar-group span{

    width:48px;

    height:48px;

    background:#5B3DF5;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-left:-10px;

    font-weight:700;

    border:3px solid #fff;

}

.nucco-home-hero-avatars p{

    margin-top:12px;

    color:#14213D;

    font-weight:600;

}



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

.nucco-home-hero-card{

    position:absolute;

    right:50px;

    top:54%;

    transform:translateY(-50%);

    width:340px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(18px);

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

    border-radius:28px;

    padding:35px;

    box-shadow:0 35px 80px rgba(15,23,42,.12);

    z-index:20;

    transition:.35s;

}

.nucco-home-hero-card:hover{

    transform:translateY(-56%);

    box-shadow:0 45px 100px rgba(15,23,42,.16);

}

.nucco-home-hero-card-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:18px 0;

}

.nucco-home-hero-card-item:not(:last-child){

    border-bottom:1px solid #EEF2FA;

}

.nucco-home-hero-card-icon{

    width:58px;

    height:58px;

    border-radius:18px;

    background:#F4F1FF;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.nucco-home-hero-card-icon img{

    width:28px;

    height:28px;

}

.nucco-home-hero-card h4{

    margin:0 0 6px;

    color:#14213D;

    font-size:20px;

    font-weight:700;

}

.nucco-home-hero-card p{

    margin:0;

    color:#64748B;

    line-height:1.6;

    font-size:15px;

}

/*=========================================================
HOME HERO STATS
=========================================================*/

.nucco-home-hero-stats{

    position:relative;

    z-index:30;

    margin-top:-90px;

}

.nucco-home-stats-grid{

    display:grid;

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

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 30px 80px rgba(15,23,42,.10);

}

.nucco-home-stat-box{

    display:flex;

    align-items:center;

    gap:20px;

    padding:45px;

    transition:.35s;

}

.nucco-home-stat-box:hover{

    background:#faf9ff;

}

.nucco-home-stat-box:not(:last-child){

    border-right:1px solid #EDF2F7;

}

.nucco-home-stat-box img{

    width:58px;

    height:58px;

}

.nucco-home-stat-box h3{

    margin:0;

    color:#14213D;

    font-size:40px;

    line-height:1;

}

.nucco-home-stat-box p{

    margin:8px 0 0;

    color:#64748B;

    line-height:1.7;

    font-size:15px;

}
/*=========================================================
ANIMATIONS
=========================================================*/

.nucco-home-hero-badge{

    animation:fadeUp .8s ease both;

}

.nucco-home-hero-title{

    animation:fadeUp 1s ease .15s both;

}

.nucco-home-hero-description{

    animation:fadeUp 1s ease .30s both;

}

.nucco-home-hero-buttons{

    animation:fadeUp 1s ease .45s both;

}

.nucco-home-hero-trust{

    animation:fadeUp 1s ease .60s both;

}

.nucco-home-hero-card{

    animation:floatCard 5s ease-in-out infinite;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes floatCard{

    0%{

        transform:translateY(-50%);

    }

    50%{

        transform:translateY(-54%);

    }

    100%{

        transform:translateY(-50%);

    }

}

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

@media(max-width:1200px){

.nucco-home-hero{

    background-size:125%;

    background-position:78% center;

}

.nucco-home-hero-title{

    font-size:62px;

}

.nucco-home-hero-card{

    width:320px;

    right:25px;

}

.nucco-home-hero-content{

    width:55%;

}

}

@media(max-width:991px){

	.nucco-home-hero{

    min-height:auto;

    background-size:cover;

    background-position:center right;

    padding:70px 0 100px;

}
	/* Hide Floating Card */

.nucco-home-hero-card{

    display:none;

}

.nucco-home-hero{

 

    min-height:auto;

    padding:90px 0;

}

.nucco-home-hero::before{

    width:100%;

    background:linear-gradient(

        180deg,

        rgba(255,255,255,.96) 0%,

        rgba(255,255,255,.88) 45%,

        rgba(255,255,255,.72) 100%

    );

}

.nucco-home-hero-container{

    padding:60px 35px;

    display:block;

}

.nucco-home-hero-content{

    width:100%;

    max-width:100%;

    text-align:center;

}
.nucco-home-hero-title{

    font-size:58px;

    line-height:1.05;

}

.nucco-home-hero-description{

    max-width:100%;

}

.nucco-home-hero-buttons{

    justify-content:center;

    gap:20px;

}

.nucco-home-hero-trust{

    flex-direction:column;

    align-items:flex-start;

    gap:30px;

}

.nucco-home-hero-card{

    position:relative;

    top:auto;

    right:auto;

    transform:none;

    width:100%;

  margin:50px auto 0;

    animation:none;

}

.nucco-home-hero-stats{

    margin-top:50px;

}

.nucco-home-stats-grid{

    grid-template-columns:1fr;

}

.nucco-home-stat-box{

    border-right:none !important;

    border-bottom:1px solid #EDF2F7;

}

.nucco-home-stat-box:last-child{

    border-bottom:none;

}

}

@media(max-width:768px){

.nucco-home-hero-title{

    font-size:38px;

}

..nucco-home-hero-description{

    max-width:650px;

    margin:0 auto 45px;

}

.nucco-home-hero-buttons{

    flex-direction:column;

}

.nucco-home-hero-buttons .btn{

    width:100%;

}

.nucco-home-hero-card{

    padding:28px;

}

.nucco-home-stat-box{

    padding:30px;

}

}

@media(max-width:480px){

.nucco-home-hero{

    padding:70px 0;

}

.nucco-home-hero-title{

    font-size:38px;

    letter-spacing:-1px;

}

.nucco-home-hero-badge{

    margin:0 auto 30px;

}

.nucco-home-hero-description{

    font-size:16px;

}

.nucco-home-avatar-group img,

.nucco-home-avatar-group span{

    width:42px;

    height:42px;

}

}