/* =========================================================
MAIN LAYOUT
========================================================= */

.hero-dashboard-wrapper{
    width:100%;
    display:flex;
    gap:14px;
    padding:12px;
    background:#eef2f7;
    align-items:stretch;
    box-sizing:border-box;
}

/* =========================================================
SLIDER
========================================================= */

.hero-slider-section{
    flex:1;
    min-width:0;
}

/* MAIN CAROUSEL */

#mainHeroCarousel{
    width:100%;
    height:390px;
    border-radius:22px;
    overflow:hidden;
    position:relative;
    background:#000;
}

/* FULL HEIGHT */

#mainHeroCarousel .carousel-inner,
#mainHeroCarousel .item{
    width:100%;
    height:100%;
}

/* IMAGE PERFECT FIT */

#mainHeroCarousel .item img{
    width:100%;
    height:100%;
   // object-fit:cover;
    display:block;
  
   
}

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

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.0.5) 0%,
        rgba(0,0,0,.10) 50%,
        rgba(0,0,0,.15) 100%
    );
    z-index:2;
}

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

.hero-content{
    position:absolute;
    z-index:3;
    top:50%;
    left:45px;
    transform:translateY(-50%);
    max-width:480px;
    color:#fff;
}

.hero-content h1{
    font-size:58px;
    line-height:1.05;
    font-weight:900;
    margin-bottom:18px;
    color:#fff;
}

.hero-content p{
    font-size:20px;
    line-height:1.5;
    margin-bottom:25px;
}

.hero-btn{
    display:inline-block;
    padding:14px 28px;
    background:#fff;
    color:#08142f !important;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
}

/* =========================================================
SUBSIDY DASHBOARD
========================================================= */

.subsidy-dashboard{
    width:300px;
    min-width:300px;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
}

/* HEADER */

.dashboard-header{

     background:#0054A8;
   // background:#08142f;
    padding:14px 16px;
}

.dashboard-header h2{
    margin:0;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

/* ITEMS */

.dashboard-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 14px;
    border-bottom:1px solid #e5e7eb;
}

.dashboard-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:14px;
    background:#eef6ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dashboard-icon img{
    width:30px;
}

.dashboard-info h4{
    margin:0;
    font-size:16px;
    color:#64748b;
    font-weight:700;
}

.dashboard-info h3{
    margin:4px 0 0;
    font-size:18px;
    font-weight:900;
    color:#08142f;
}

/* =========================================================
1280 / 1024 FIX
========================================================= */

@media(max-width:1280px){

    #mainHeroCarousel{
        height:340px;
    }

    .subsidy-dashboard{
        width:270px;
        min-width:270px;
    }

    .hero-content h1{
        font-size:46px;
    }

    .hero-content p{
        font-size:17px;
    }
}

/* =========================================================
1024x768 PERFECT FIX
========================================================= */

@media(max-width:1100px){

    .hero-dashboard-wrapper{
        gap:10px;
    }

    #mainHeroCarousel{
        height:300px;
    }

    .subsidy-dashboard{
        width:240px;
        min-width:240px;
    }

    .dashboard-item{
        padding:12px 10px;
    }

    .dashboard-icon{
        width:44px;
        height:44px;
        min-width:44px;
    }

    .dashboard-icon img{
        width:24px;
    }

    .dashboard-info h4{
        font-size:13px;
    }

    .dashboard-info h3{
        font-size:16px;
    }

    .hero-content{
        left:30px;
    }

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

    .hero-content p{
        font-size:15px;
    }
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:991px){

    .hero-dashboard-wrapper{
        flex-direction:column;
    }

    .subsidy-dashboard{
        width:100%;
        min-width:100%;
    }

    #mainHeroCarousel{
        height:320px;
    }
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

    .hero-dashboard-wrapper{
        padding:8px;
        gap:10px;
    }

    #mainHeroCarousel{
        height:145px;
        border-radius:16px;
    }

    .hero-content{
        left:18px;
        max-width:85%;
    }

    .hero-content h1{
        font-size:24px;
        margin-bottom:8px;
    }

    .hero-content p{
        font-size:12px;
        margin-bottom:12px;
    }

    .hero-btn{
        padding:9px 16px;
        font-size:12px;
    }

    .subsidy-dashboard{
        border-radius:16px;
    }

    .dashboard-header h2{
        text-align:center;
        font-size:13px;
    }

    .dashboard-item{
        padding:13px 12px;
    }

    .dashboard-info h4{
        font-size:16px;
    }

    .dashboard-info h3{
        font-size:18px;
    }

    /* HIDE DOTS */

    #mainHeroCarousel .carousel-indicators{
        display:none !important;
    }
}