body {
    font-family: Inter, sans-serif;
    background: var(--bg)
}

.hero {
    padding: 90px 0
}

.hero h1,
.hz-logo {
    font-family: Poppins, sans-serif; 
}

.hero h1 {
    font-size: 3rem;
    font-weight: 800
}

.search {
    display: flex;
    gap: 10px;
    max-width: 700px;
    margin: 30px auto
}

.footer {
    padding: 30px
}
.hz-header{
    background:#fff;
    box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.logo-img{
    width:70px;
    height:auto;
}

.brand-name{
    font-family:'Poppins',sans-serif;
    font-size:32px;
    font-weight:800;
    color:#212529;
    margin-left:10px;
}

.navbar-nav{
    gap:12px;
}

.nav-link{
    font-weight:600;
    color:#334155 !important;
    transition:.3s;
}

.nav-link:hover,
.nav-link.active{
    color:#2F80ED !important;
}

.dropdown-menu{
    border:none;
    border-radius:14px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    padding:10px;
}

.dropdown-item{
    border-radius:10px;
    padding:10px 16px;
}

.dropdown-item:hover{
    background:#F1F7FF;
    color:#2F80ED;
}

.logo-z{
    color: var(--secondary);
}



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

.hz-hero{

    background:#e4effd;

    padding:90px 0;

}

.hz-tagline{

    display:inline-block;

    background:#EAF4FF;

    color:#2F80ED;

    padding:8px 18px;

    border-radius:50px;

    font-weight:600;

    margin-bottom:20px;

}

.hz-title{

    font-size:42px;

    font-weight:800;

    line-height:1.2;

    color:#0F172A;

    margin-bottom:25px;

}

.hz-second-title{

    font-size:42px;

    font-weight:800;

    line-height:1.2;

    color: var(--secondary);

    margin-bottom:25px;

}

.hz-description{

    font-size:18px;

    color:#64748B;

    line-height:1.8;

    margin-bottom:35px;

}

/*==========================
 SEARCH
===========================*/

.hz-search{

    display:flex;

    align-items:center;

    background:#ffffff;

    border-radius:18px;

    padding:8px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    margin-bottom:35px;

}

.hz-search i{

    padding:0 18px;

    color:#94A3B8;

}

.hz-search input{

    flex:1;

    border:none;

    outline:none;

    padding:14px;

}

.hz-search button{

    background:#2F80ED;

    color:#fff;

    border:none;

    padding:14px 28px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

}

.hz-search button:hover{

    background:#1E6FD9;

}

/*==========================
 SHORTCUTS
===========================*/

.hz-shortcuts{

    display:grid;

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

    gap:10px;

}

.hz-shortcut-card{

    background:#ffffff;
    text-align:center;
    padding:15px;
    border-radius:18px;
    text-decoration:none;
    color:#334155;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    width: 80px;

}

.hz-shortcut-card:hover{
    transform:translateY(-5px);
    text-decoration:none;
    color:#2F80ED;

}

.hz-shortcut-card i{
    font-size:28px;
    color:#2F80ED;
    margin-bottom:12px;
    display:block;

}

.hz-shortcut-card span{
    font-weight:600;
    font-size:14px;
}

.hz-hero-image{
    max-width:600px;
}

.material-symbols-rounded{
    color:#2F80ED;
}


/*=====================================
    QUICK SECTION
======================================*/

.hz-quick-section{

    padding:70px 0;

    background:#ffffff;

}

.hz-card{

    background:#fff;

    border-radius:20px;

    padding:28px;

    height:100%;

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

    transition:.35s;

}

.hz-card:hover{

    transform:translateY(-6px);

}

.hz-card-header{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;

}

.hz-card-header h4{

    margin:0;

    font-weight:700;

}

.hz-card-header small{

    color:#64748B;

}

.hz-icon{

    width:58px;

    height:58px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.blue{

    background:#EAF4FF;

    color:#2F80ED;

}

.green{

    background:#ECFFF3;

    color:#2CB67D;

}

.orange{

    background:#FFF5E8;

    color:#F59E0B;

}

.material-symbols-rounded{

    font-size:30px;

}

/*=====================================
Current Affairs
======================================*/
/* ==========================================
        Continue Learning
========================================== */

.hz-learning-section{

    padding:80px 0;

    background:#F8FBFF;

}

.hz-section-title{

    text-align:center;

    margin-bottom:45px;

}

.hz-section-tag{

    display:inline-block;

    padding:6px 16px;

    border-radius:30px;

    background:#EAF4FF;

    color:#2F80ED;

    font-size:13px;

    font-weight:600;

    margin-bottom:15px;

}

.hz-section-title h2{

    font-size:38px;

    font-weight:700;

    color:#0F172A;

}

.hz-section-title p{

    max-width:650px;

    margin:15px auto 0;

    color:#64748B;

    line-height:1.7;

}

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

.hz-panel{

    background:#fff;

    border-radius:24px;

    padding:28px;

    border:1px solid #EEF2F7;

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

    height:100%;

    transition:.35s;

}

.hz-panel:hover{

    transform:translateY(-8px);

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

}

.hz-panel-header{

    display:flex;

    gap:16px;

    align-items:center;

    margin-bottom:30px;

}

.hz-panel-header h4{

    margin:0;

    font-size:20px;

    font-weight:700;

}

.hz-panel-header span{

    color:#64748B;

    font-size:14px;

}

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

.hz-icon{

    width:54px;

    height:54px;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.blue{

    background:#EAF4FF;

    color:#2F80ED;

}

.green{

    background:#ECFFF3;

    color:#22C55E;

}

.orange{

    background:#FFF7E8;

    color:#F59E0B;

}

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

.hz-panel-body ul{

    list-style:none;

    padding:0;

    margin:0;

}

.hz-panel-body li{

    padding:14px 0;

    border-bottom:1px solid #EEF2F7;

    font-size:15px;

}

.hz-panel-body li:last-child{

    border:none;

}

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

.hz-center{

    text-align:center;

}

.hz-center h3{

    font-size:34px;

    font-weight:700;

}

.hz-center p{

    color:#64748B;

    margin:10px 0;

}

.hz-center small{

    color:#2F80ED;

    font-weight:600;

}

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

.hz-links{

    display:grid;

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

    gap:14px;

}

.hz-links a{

    background:#F8FAFC;

    border-radius:14px;

    padding:14px;

    text-decoration:none;

    color:#334155;

    transition:.3s;

    display:flex;

    align-items:center;

    gap:10px;

}

.hz-links a:hover{

    background:#2F80ED;

    color:#fff;

}

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

.hz-panel-footer{

    margin-top:30px;

}

.hz-panel-footer a{

    text-decoration:none;

    font-weight:600;

    color:#2F80ED;

}

.hz-panel-footer i{

    margin-left:6px;

}


.hz-quiz-info{
    margin:20px 0 30px;
}

.hz-quiz-info h2{
    font-size:60px;
    font-weight:700;
    color:#2F80ED;
    margin:0;
    line-height:1;
}

.hz-quiz-info span{
    color:#64748B;
    font-size:15px;
    display:block;
    margin-top:8px;
}

.hz-meta{

    display:flex;

    justify-content:center;

    gap:14px;

    margin-top:24px;

}

.hz-meta div{

    background:#F8FAFC;

    border:1px solid #EEF2F7;

    border-radius:12px;

    padding:10px 16px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    color:#475569;

}

.hz-meta i{

    color:#2F80ED;

}

.hz-primary-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:100%;

    background:#2F80ED;

    color:#fff;

    text-decoration:none;

    padding:14px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

}

.hz-primary-btn:hover{

    background:#1E6FD9;

    color:#fff;

    transform:translateY(-2px);

}

.hz-learning-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.hz-learning-item{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:14px 16px;

    background:#F8FBFF;

    border:1px solid #EEF2F7;

    border-radius:14px;

    text-decoration:none;

    transition:.3s;

}

.hz-learning-item:hover{

    background:#EAF4FF;

    transform:translateX(4px);

}

.hz-learning-item h6{

    margin:0;
    font-weight:600;
    color:#0F172A;

}

.hz-learning-item small{

    color:#64748B;

}

.hz-learning-item i{

    color:#2F80ED;

}


/*=========================================
 Explore Exam Categories
=========================================*/

.hz-exam-section{

    padding:10px 0;

    background:#F8FBFF;

}

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

.hz-exam-panel{

    background:#fff;

    border-radius:24px;

    padding:35px;

    border:1px solid #EEF2F7;

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

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

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

.hz-exam-item{

    text-decoration:none;

    color:#334155;

    width:90px;

    text-align:center;

    transition:.35s;

}

.hz-exam-item:hover{

    text-decoration:none;

}

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

.hz-circle{

    width:72px;

    height:72px;

    margin:auto;

    border-radius:50%;

    background:#F4F8FF;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.hz-circle i{

    font-size:30px;

    color:#2F80ED;

}

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

.hz-exam-item span{

    display:block;

    margin-top:14px;

    font-size:15px;

    font-weight:600;

    color:#334155;

}

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

.hz-exam-item:hover .hz-circle{

    background:#2F80ED;

    transform:translateY(-6px);

}

.hz-exam-item:hover .hz-circle i{

    color:#fff;

}

.hz-exam-item:hover span{

    color:#2F80ED;

}

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

.hz-exam-item.more .hz-circle{

    background:#ECFFF3;

}

.hz-exam-item.more .hz-circle i{

    color:#22C55E;

}

.hz-exam-item.more:hover .hz-circle{

    background:#22C55E;

}

.hz-exam-item.more:hover .hz-circle i{

    color:#fff;

}

@media(max-width:992px){

.hz-exam-panel{

    justify-content:center;

}

}

@media(max-width:768px){

.hz-exam-panel{

    display:grid;

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

    padding:25px;

    gap:25px 10px;

}

.hz-exam-item{

    width:auto;

}

.hz-circle{

    width:60px;

    height:60px;

}

.hz-circle i{

    font-size:24px;

}

.hz-exam-item span{

    font-size:13px;

}

}

@media(max-width:480px){

.hz-exam-panel{

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

}

}

.hz-exam-panel{
    display:flex;
    overflow-x:auto;
    gap:24px;
    scrollbar-width:none;
}

.hz-exam-panel::-webkit-scrollbar{
    display:none;
}

.hz-section-header{

    margin-bottom:35px;

}

.hz-header-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

}

.hz-section-header h2{

    margin:8px 0 0;

    font-size:34px;

    font-weight:700;

}

.hz-section-header p{

    margin:0;

    color:#64748B;

    font-size:16px;

}

.hz-view-all{

    padding:10px 18px;

    border-radius:50px;

    background:#F4F8FF;

    border:1px solid #E4ECF7;

    transition:.3s;

}

.hz-view-all:hover{

    background:#2F80ED;

    color:#fff;

}

@media (max-width:768px){

.hz-header-top{

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}

}


/*=====================================
Study Resources
======================================*/

.hz-resources-section{

    padding:90px 0;

    background:#ffffff;

}

.hz-resource-list{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:20px;

}

.hz-resource-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px;

    border-radius:16px;

    background:#F8FBFF;

    border:1px solid #EEF2F7;

    transition:.3s;

}

.hz-resource-item:hover{

    background:#EAF4FF;

    transform:translateX(5px);

}

.hz-resource-item h6{

    margin:0;

    font-size:15px;

    font-weight:600;

    color:#0F172A;

}

.hz-resource-item small{

    color:#64748B;

    font-size:13px;

}

.hz-mini-btn{

    background:#2F80ED;

    color:#fff;

    border:none;

    border-radius:30px;

    padding:7px 18px;

    font-size:13px;

    font-weight:600;

    transition:.3s;

}

.hz-mini-btn:hover{

    background:#1E6FD9;

}

.hz-resource-item a{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#EAF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2F80ED;

    text-decoration:none;

    transition:.3s;

}

.hz-resource-item a:hover{

    background:#2F80ED;

    color:#fff;

}

.hz-small-link{

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    color:#2F80ED;

}

.hz-small-link:hover{

    color:#1E6FD9;

}

 

/*=========================================
Download App
=========================================*/

.hz-download-section{

    padding:90px 0;

    background:#F6FFF8;

}

.hz-download-card{

    background:linear-gradient(
    135deg,
    #F3FFF8,
    #FFFFFF);

    border:1px solid #DDF5E6;

    border-radius:30px;

    padding:60px;

    position:relative;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(34,197,94,.08);

}

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

.hz-download-card h2{

    font-size:42px;

    font-weight:700;

    color:#0F172A;

    line-height:1.3;

    margin:18px 0;

}

.hz-download-card h2 span{

    color:#22C55E;

}

.hz-download-card p{

    color:#64748B;

    font-size:17px;

    line-height:1.8;

    max-width:560px;

}

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

.hz-statistics{

    display:flex;

    flex-wrap:wrap;

    gap:24px;

    margin-top:40px;

}

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

.hz-stat{

    text-align:center;

    width:95px;

}

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

.hz-stat-circle{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto auto 14px;

}

.hz-stat-circle i{

    font-size:30px;

}

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

.blue{

    background:#EAF4FF;

    color:#2F80ED;

}

.green{

    background:#ECFFF3;

    color:#22C55E;

}

.orange{

    background:#FFF7E8;

    color:#F59E0B;

}

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

.hz-stat h3{

    font-size:28px;

    margin:0;

    font-weight:700;

    color:#0F172A;

}

.hz-stat span{

    font-size:14px;

    color:#64748B;

}

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

.hz-google-play{

    width:190px;

    transition:.3s;

}

.hz-google-play:hover{

    transform:scale(1.05);

}

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

.hz-phone{

    width:320px;

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

}

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

@keyframes floatPhone{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

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

@media(max-width:991px){

.hz-download-card{

    padding:40px 30px;

    text-align:center;

}

.hz-statistics{

    justify-content:center;

}

.hz-phone{

    margin-top:40px;

    width:220px;

}

}

.hz-download-card::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(34,197,94,.08);
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.hz-download-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(47,128,237,.06);
    border-radius:50%;
    bottom:-80px;
    left:-60px;
}

/*=========================================
Join Horthooz CTA
=========================================*/

.hz-cta-section{

    padding:70px 0;

    background:#ffffff;

}

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

.hz-cta-banner{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #2F80ED 0%,
        #5BA7FF 100%
    );

    border-radius:28px;

    padding:28px 45px;

    min-height:165px;

    display:flex;

    align-items:center;

    box-shadow:0 25px 60px rgba(47,128,237,.20);

}

/* Decorative circles */

.hz-cta-banner::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

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

    right:-90px;

    top:-120px;

}

.hz-cta-banner::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    left:-70px;

    bottom:-70px;

}

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

.hz-cta-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

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

    color:#fff;

    font-size:13px;

    font-weight:600;

    backdrop-filter:blur(6px);

}

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

.hz-cta-banner h2{

    color:#fff;

    font-size:28px;
    line-height:1.15;
    margin:10px 0;

    font-weight:700;
  

}

.hz-cta-banner h2 span{

    color:#D8FFE8;

}

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

.hz-cta-banner p{

    color:rgba(255,255,255,.92);

    max-width:520px;

    line-height:1.8;

    margin-bottom:28px;

}

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

.hz-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#fff;

    color:#2F80ED;

    text-decoration:none;

    padding:14px 28px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.hz-cta-btn:hover{

    transform:translateY(-3px);

    background:#F8FBFF;

    color:#2F80ED;

}

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

.hz-cta-image{

    width:250px;

    /* animation:floatStudent 5s ease-in-out infinite; */

}

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

@keyframes floatStudent{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

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

@media(max-width:992px){

.hz-cta-banner{

    padding:40px 30px;

    text-align:center;

}

.hz-cta-image{

    width:180px;

    margin-top:30px;

}

.hz-cta-banner h2{

    font-size:34px;

}

}

.hz-cta-banner{

    position:relative;
    overflow:hidden;

    background:linear-gradient(
        135deg,
        #2F80ED 0%,
        #5BA7FF 100%
    );

    border-radius:28px;

    padding:30px 45px;

    box-shadow:0 20px 50px rgba(47,128,237,.18);

}
 

.hz-cta-left{

    flex:1;

}

.hz-cta-right{

    flex:0 0 220px;

    display:flex;

    justify-content:flex-end;

}

.hz-trust-line{

    color:rgba(255,255,255,.85);

    font-size:14px;

    margin-bottom:18px;

}

.hz-cta-content{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    width:100%;

}

.hz-cta-left{

    flex:1;

}

.hz-cta-right{

    flex:0 0 260px;

    display:flex;

    justify-content:flex-end;

}

/*=========================================
Footer
=========================================*/

.hz-footer{

    background:#0F172A;

    color:#CBD5E1;

    padding-top:70px;

}

.hz-footer h3,
.hz-footer h5{

    color:#fff;

}

.hz-footer p{

    color:#94A3B8;

    line-height:1.8;

}

.hz-footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.hz-footer ul li{

    margin-bottom:12px;

}

.hz-footer ul li a{

    color:#94A3B8;

    text-decoration:none;

    transition:.3s;

}

.hz-footer ul li a:hover{

    color:#4CD07A;

}

.hz-footer-about{

    max-width:280px;

}

.hz-newsletter{

    display:flex;

    margin-top:20px;

}

.hz-newsletter input{

    flex:1;

    border:none;

    padding:12px 16px;

    border-radius:50px 0 0 50px;

}

.hz-newsletter button{

    border:none;

    background:#4CD07A;

    color:#fff;

    padding:12px 22px;

    border-radius:0 50px 50px 0;

    font-weight:600;

}

.hz-social{

    display:flex;

    gap:15px;

}

.hz-social a{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#1E293B;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.hz-social a:hover{

    background:#4CD07A;

    transform:translateY(-4px);

}

.hz-footer-bottom{

    margin-top:60px;

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

    padding:22px 0;

}

.hz-footer-bottom span{

    color:#94A3B8;

}

.hz-footer-bottom a{

    color:#94A3B8;

    text-decoration:none;

    margin-left:25px;

}

.hz-footer-bottom a:hover{

    color:#4CD07A;

}

/*=========================================
Breadcrumb
=========================================*/

.hz-breadcrumb-section{

    background:#fff;

    padding:18px 0;

}

.hz-breadcrumb{

    font-size:14px;

}

.hz-breadcrumb a{

    text-decoration:none;

    color:#64748B;

}

.hz-breadcrumb .active{

    color:#2F80ED;

    font-weight:600;

}

/*=========================================
Category Hero
=========================================*/

.hz-category-hero{

    padding-bottom:40px;

    background:#fff;

}

.hz-category-banner{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #F8FBFF,
        #EEF6FF
    );

    border:1px solid #E5EEF8;

    border-radius:28px;

    padding:45px 55px;

}

/* Decorative */

.hz-category-banner::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(47,128,237,.05);

    right:-120px;

    top:-120px;

}

.hz-category-banner::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(76,208,122,.08);

    left:-70px;

    bottom:-70px;

}

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

.hz-category-banner h1{

    font-size:48px;

    font-weight:700;

    color:#0F172A;

    margin:18px 0;

}

.hz-category-banner p{

    font-size:17px;

    line-height:1.8;

    color:#64748B;

    max-width:560px;

}

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

.hz-category-meta{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:35px;

}

.hz-meta-item{

    display:flex;

    align-items:center;

    gap:14px;

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:18px;

    padding:14px 18px;

    min-width:170px;

    box-shadow:0 8px 25px rgba(15,23,42,.04);

}

.hz-meta-item i{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EAF4FF;

    color:#2F80ED;

    border-radius:14px;

    font-size:22px;

}

.hz-meta-item strong{

    display:block;

    font-size:18px;

    color:#0F172A;

}

.hz-meta-item span{

    font-size:13px;

    color:#64748B;

}

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

.hz-category-image{

    text-align:center;

}

.hz-category-image img{

    max-width:700px;

}

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

@media(max-width:991px){

.hz-category-banner{

    padding:35px;

    text-align:center;

}

.hz-category-banner h1{

    font-size:38px;

}

.hz-category-meta{

    justify-content:center;

}

.hz-category-image{

    margin-top:40px;

}

}


/*=========================================
Search Panel
=========================================*/

.hz-search-section{

    padding-bottom:60px;

}

.hz-search-panel{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:24px;

    padding:30px;

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

}

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

.hz-search-wrapper{

    display:flex;

    gap:15px;

    align-items:center;

    flex-wrap:wrap;

}

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

.hz-search-box{

    flex:1;

    display:flex;

    align-items:center;

    background:#F8FAFC;

    border:1px solid #E2E8F0;

    border-radius:16px;

    padding:0 18px;

    height:56px;

}

.hz-search-box i{

    color:#2F80ED;

    font-size:18px;

}

.hz-search-box input{

    border:none;

    background:transparent;

    width:100%;

    padding-left:12px;

    outline:none;

}

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

.hz-select{

    width:170px;

    height:56px;

    border:1px solid #E2E8F0;

    border-radius:16px;

    padding:0 16px;

    background:#fff;

}

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

.hz-statistics-row{

    display:grid;

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

    gap:18px;

    margin-top:30px;

}

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

.hz-stat-box{

    display:flex;

    align-items:center;

    gap:16px;

    padding:20px;

    border-radius:18px;

    background:#F8FBFF;

    transition:.3s;

}

.hz-stat-box:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(47,128,237,.08);

}

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

.hz-stat-icon{

    width:56px;

    height:56px;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-stat-icon i{

    font-size:24px;

}

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

.hz-stat-box h3{

    margin:0;

    font-size:24px;

    font-weight:700;

    color:#0F172A;

}

.hz-stat-box span{

    color:#64748B;

    font-size:14px;

}

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

.blue{

    background:#EAF4FF;

    color:#2F80ED;

}

.green{

    background:#ECFFF3;

    color:#22C55E;

}

.orange{

    background:#FFF6E8;

    color:#F59E0B;

}

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

@media(max-width:991px){

.hz-statistics-row{

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

}

}

@media(max-width:768px){

.hz-search-wrapper{

    flex-direction:column;

}

.hz-search-box,
.hz-select,
.hz-btn{

    width:100%;

}

.hz-statistics-row{

    grid-template-columns:1fr;

}

}


/*=========================================
Exam Card
=========================================*/

.hz-exam-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:24px;

    padding:26px;

    transition:.35s;

    height:100%;

    display:flex;

    flex-direction:column;

    box-shadow:0 8px 25px rgba(15,23,42,.04);

}

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

.hz-exam-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(47,128,237,.12);

}

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

.hz-exam-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:22px;

}

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

.hz-exam-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:#EAF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-exam-icon i{

    font-size:34px;

    color:#2F80ED;

}

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

.hz-exam-badge{

    background:#ECFFF3;

    color:#16A34A;

    padding:7px 14px;

    border-radius:40px;

    font-size:12px;

    font-weight:600;

}

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

.hz-exam-content h3{

    font-size:24px;

    font-weight:700;

    color:#0F172A;

    margin-bottom:6px;

}

.hz-exam-content h6{

    color:#2F80ED;

    margin-bottom:16px;

    font-weight:600;

}

.hz-exam-content p{

    color:#64748B;

    line-height:1.8;

    margin-bottom:22px;

}

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

.hz-exam-stats{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:14px;

    margin-bottom:28px;

}

.hz-exam-stats div{

    background:#F8FBFF;

    border-radius:14px;

    padding:12px;

    font-size:14px;

    color:#475569;

}

.hz-exam-stats i{

    color:#2F80ED;

    margin-right:8px;

}

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

.hz-explore-btn{

    margin-top:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    background:#2F80ED;

    color:#fff;

    text-decoration:none;

    padding:14px;

    border-radius:16px;

    font-weight:600;

    transition:.3s;

}

.hz-explore-btn:hover{

    background:#1E6FD9;

    color:#fff;

}

/*=========================================
Exam List Section
=========================================*/

.hz-exam-list-section{

    padding:70px 0;

}

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

.hz-section-heading{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}

.hz-section-heading h2{

    font-size:34px;

    font-weight:700;

    color:#0F172A;

    margin-bottom:6px;

}

.hz-section-heading p{

    color:#64748B;

    margin:0;

}

.hz-result-count{

    background:#EAF4FF;

    color:#2F80ED;

    padding:10px 18px;

    border-radius:50px;

    font-weight:600;

}

/*=========================================
Exam Grid
=========================================*/

.hz-exam-grid-section{

    padding:70px 0;

}

.hz-grid-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;

    flex-wrap:wrap;

    gap:20px;

}

.hz-grid-header h2{

    font-size:34px;

    font-weight:700;

    color:#0F172A;

    margin-bottom:6px;

}

.hz-grid-header p{

    color:#64748B;

    margin:0;

}

.hz-total-count{

    background:#EAF4FF;

    color:#2F80ED;

    padding:12px 20px;

    border-radius:40px;

    font-weight:600;

    font-size:14px;

}

@media(max-width:991px){

.hz-grid-header{

    flex-direction:column;

    align-items:flex-start;

}

}


/*=========================================
Compact Exam Card
=========================================*/

.hz-exam-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    padding:22px;

    transition:.35s;

    height:100%;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

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

.hz-exam-card:hover{

    transform:translateY(-6px);

    border-color:#D8E8FF;

    box-shadow:0 18px 40px rgba(47,128,237,.10);

}

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

.hz-card-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

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

.hz-exam-icon{

    width:58px;

    height:58px;

    border-radius:16px;

    background:#EAF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.3s;

}

.hz-exam-icon i{

    font-size:28px;

    color:#2F80ED;

}

.hz-exam-card:hover .hz-exam-icon{

    transform:rotate(-8deg);

}

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

.hz-card-badge{

    background:#ECFFF3;

    color:#16A34A;

    padding:6px 12px;

    border-radius:30px;

    font-size:11px;

    font-weight:600;

}

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

.hz-exam-content h4{

    margin:0;

    font-size:22px;

    font-weight:700;

    color:#0F172A;

}

.hz-exam-content p{

    margin:4px 0 18px;

    color:#64748B;

    font-size:14px;

}

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

.hz-exam-info{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:13px;

    color:#64748B;

    border-top:1px solid #EEF2F7;

    border-bottom:1px solid #EEF2F7;

    padding:14px 0;

}

.hz-exam-info span{

    display:flex;

    align-items:center;

    gap:6px;

}

.hz-exam-info i{

    color:#2F80ED;

}

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

.hz-exam-link{

    margin-top:16px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    text-decoration:none;

    color:#2F80ED;

    font-weight:600;

    transition:.3s;

}

.hz-exam-link i{

    transition:.3s;

}

.hz-exam-card:hover .hz-exam-link i{

    transform:translateX(6px);

}

/*=========================================
Pagination
=========================================*/

.hz-pagination-section{

    padding:50px 0 70px;

}

.hz-pagination{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    list-style:none;

    padding:0;

    margin:0;

}

.hz-pagination li a,
.hz-pagination li span{

    width:46px;

    height:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:14px;

    background:#fff;

    border:1px solid #E2E8F0;

    color:#475569;

    text-decoration:none;

    transition:.3s;

    font-weight:600;

}

.hz-pagination li a:hover{

    background:#2F80ED;

    color:#fff;

    border-color:#2F80ED;

}

.hz-pagination li.active a{

    background:#2F80ED;

    color:#fff;

    border-color:#2F80ED;

    box-shadow:0 10px 25px rgba(47,128,237,.25);

}

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

.hz-category-cta{

    padding:30px 0 70px;

}

.hz-category-cta-box{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

    background:linear-gradient(135deg,#2F80ED,#5BA7FF);

    border-radius:22px;

    padding:24px 35px;

    color:#fff;

    position:relative;

    overflow:hidden;

}

/* Decorative Circle */

.hz-category-cta-box::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-80px;

    top:-90px;

    border-radius:50%;

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

}

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

.hz-mini-badge{

    display:inline-block;

    padding:6px 14px;

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

    border-radius:50px;

    font-size:12px;

    margin-bottom:10px;

}

.hz-cta-content h3{

    font-size:28px;

    font-weight:700;

    margin-bottom:6px;

}

.hz-cta-content p{

    margin:0;

    color:rgba(255,255,255,.9);

    font-size:15px;

}

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

.hz-category-cta .hz-btn{

    white-space:nowrap;

    background:#fff;

    color:#2F80ED;

    padding:12px 24px;

    border-radius:50px;

    font-weight:700;

}

.hz-category-cta .hz-btn:hover{

    background:#F8FBFF;

    color:#2F80ED;

}

@media(max-width:991px){

    .hz-category-cta-box{

        flex-direction:column;

        text-align:center;

        padding:25px;

    }

}

/*=========================================
Exam Hero
=========================================*/

.hz-exam-hero{

    padding:15px 0 50px;

    background:#fff;

}

.hz-exam-banner{

    background:linear-gradient(135deg,#F8FBFF,#EDF6FF);

    border-radius:28px;

    padding:50px;

    border:1px solid #E6EEF8;

    position:relative;

    overflow:hidden;

}

/* Decorative */

.hz-exam-banner::before{

    content:"";

    width:340px;

    height:340px;

    border-radius:50%;

    background:rgba(47,128,237,.05);

    position:absolute;

    right:-120px;

    top:-120px;

}

.hz-exam-banner::after{

    content:"";

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(76,208,122,.08);

    position:absolute;

    left:-80px;

    bottom:-80px;

}

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

.hz-exam-banner h1{

    font-size:52px;

    font-weight:700;

    color:#0F172A;

    margin:18px 0;

}

.hz-exam-banner p{

    max-width:620px;

    color:#64748B;

    line-height:1.8;

    font-size:17px;

}

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

.hz-hero-stats{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:30px;

}

.hz-hero-stat{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    border-radius:18px;

    padding:14px 18px;

    border:1px solid #EEF2F7;

    box-shadow:0 8px 20px rgba(15,23,42,.04);

}

.hz-hero-stat i{

    width:48px;

    height:48px;

    border-radius:14px;

    background:#EAF4FF;

    color:#2F80ED;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.hz-hero-stat strong{

    display:block;

    font-size:18px;

    color:#0F172A;

}

.hz-hero-stat span{

    font-size:13px;

    color:#64748B;

}

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

.hz-btn-outline{

    border:1px solid #2F80ED;

    color:#2F80ED;

    border-radius:12px;

    padding:12px 24px;

    font-weight:600;

    background:#fff;

}

.hz-btn-outline:hover{

    background:#2F80ED;

    color:#fff;

}

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

.hz-exam-image{

    text-align:center;

}

.hz-exam-image img{

    max-width:360px;

}

@media(max-width:991px){

.hz-exam-banner{

    padding:35px;

    text-align:center;

}

.hz-hero-stats{

    justify-content:center;

}

.hz-exam-image{

    margin-top:40px;

}

.hz-exam-banner h1{

    font-size:40px;

}

}

/*=========================================
Exam Navigation
=========================================*/

.hz-exam-nav{

    background:#fff;

    padding:25px 0;

}

.hz-nav-wrapper{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.hz-nav-item{

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 24px;

    border-radius:50px;

    background:#F8FAFC;

    border:1px solid #E2E8F0;

    text-decoration:none;

    color:#475569;

    font-weight:600;

    transition:.3s;

}

.hz-nav-item:hover{

    background:#EEF6FF;

    border-color:#2F80ED;

    color:#2F80ED;

}

.hz-nav-item.active{

    background:#2F80ED;

    color:#fff;

    border-color:#2F80ED;

}

.hz-nav-item i{

    font-size:17px;

}

/*=========================================
Overview
=========================================*/

.hz-overview-section{

    padding:70px 0;

}

.hz-overview-card,
.hz-facts-card,
.hz-career-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    padding:30px;

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

}

.hz-overview-card h4{

    font-weight:700;

    margin-bottom:20px;

}

.hz-overview-card p{

    color:#64748B;

    line-height:1.9;

}

.hz-read-more{

    color:#2F80ED;

    text-decoration:none;

    font-weight:600;

}

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

.hz-fact-item{

    display:flex;

    gap:15px;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid #EEF2F7;

}

.hz-fact-item:last-child{

    border:none;

}

.hz-fact-item i{

    width:50px;

    height:50px;

    border-radius:14px;

    background:#EAF4FF;

    color:#2F80ED;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}

.hz-fact-item strong{

    display:block;

    color:#0F172A;

}

.hz-fact-item span{

    color:#64748B;

}

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

.hz-career-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.hz-career-title span{

    color:#64748B;

    font-size:14px;

}

.hz-career-list{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.hz-career-list span{

    background:#F8FBFF;

    border:1px solid #E6EEF8;

    border-radius:30px;

    padding:10px 18px;

    color:#2F80ED;

    font-weight:600;

    transition:.3s;

}

.hz-career-list span:hover{

    background:#2F80ED;

    color:#fff;

}

/*=========================================
Subjects
=========================================*/

.hz-subject-section{

    padding:70px 0;

}

.hz-section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}

.hz-view-all{

    text-decoration:none;

    color:#2F80ED;

    font-weight:600;

}

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

.hz-subject-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    padding:24px;

    transition:.35s;

    height:100%;

}

.hz-subject-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(47,128,237,.10);

}

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

.hz-subject-icon{

    width:60px;

    height:60px;

    border-radius:18px;

    background:#EAF4FF;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:18px;

}

.hz-subject-icon i{

    font-size:28px;

    color:#2F80ED;

}

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

.hz-subject-card h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:5px;

}

.hz-subject-card p{

    color:#64748B;

    margin-bottom:20px;

}

.hz-subject-meta{

    display:flex;

    justify-content:space-between;

    margin-bottom:22px;

}

.hz-subject-meta span{

    font-size:13px;

    background:#F8FBFF;

    padding:8px 12px;

    border-radius:10px;

    color:#2F80ED;

}

.hz-subject-card a{

    display:flex;

    justify-content:space-between;

    text-decoration:none;

    color:#2F80ED;

    font-weight:600;

}

/*=========================================
Subject Card Premium
=========================================*/

.hz-subject-link{

    text-decoration:none;

}

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

.hz-subject-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    overflow:hidden;

    transition:.35s;

    height:100%;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

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

.hz-subject-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(47,128,237,.12);

    border-color:#D8E8FF;

}

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

.hz-subject-accent{

    height:5px;

    background:linear-gradient(
        90deg,
        #2F80ED,
        #4DA3FF
    );

}

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

.hz-subject-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 20px 0;

}

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

.hz-subject-icon{

    width:56px;

    height:56px;

    border-radius:16px;

    background:#EAF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.3s;

}

.hz-subject-icon i{

    font-size:28px;

    color:#2F80ED;

}

.hz-subject-card:hover .hz-subject-icon{

    transform:rotate(-8deg);

}

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

.hz-level{

    background:#ECFFF3;

    color:#16A34A;

    padding:6px 12px;

    border-radius:30px;

    font-size:11px;

    font-weight:600;

}

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

.hz-subject-body{

    padding:18px 20px;

}

.hz-subject-body h4{

    margin:0;

    font-size:22px;

    color:#0F172A;

    font-weight:700;

}

.hz-subject-body p{

    margin-top:6px;

    color:#64748B;

    font-size:14px;

}

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

.hz-subject-stats{

    display:flex;

    justify-content:space-around;

    text-align:center;

    padding:18px 20px;

    border-top:1px solid #EEF2F7;

    border-bottom:1px solid #EEF2F7;

}

.hz-subject-stats strong{

    display:block;

    color:#2F80ED;

    font-size:18px;

}

.hz-subject-stats small{

    color:#64748B;

    font-size:12px;

}

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

.hz-subject-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 20px;

    color:#2F80ED;

    font-weight:600;

}

.hz-subject-footer i{

    transition:.3s;

}

.hz-subject-card:hover .hz-subject-footer i{

    transform:translateX(6px);

}

/*=========================================
Exam Pattern
=========================================*/

.hz-pattern-section{

    padding:70px 0;

}

.hz-pattern-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:20px;

    padding:28px 22px;

    text-align:center;

    transition:.35s;

    height:100%;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

.hz-pattern-card:hover{

    transform:translateY(-6px);

    border-color:#D8E8FF;

    box-shadow:0 18px 40px rgba(47,128,237,.10);

}

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

.hz-pattern-icon{

    width:64px;

    height:64px;

    margin:auto;

    margin-bottom:18px;

    border-radius:18px;

    background:#EAF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-pattern-icon i{

    font-size:28px;

    color:#2F80ED;

}

.hz-pattern-card span{

    display:block;

    color:#64748B;

    font-size:14px;

    margin-bottom:8px;

}

.hz-pattern-card h4{

    font-size:24px;

    font-weight:700;

    color:#0F172A;

    margin:0;

}

/*=========================================
Syllabus Section
=========================================*/

.hz-syllabus-section{

    padding:70px 0;

}

.hz-syllabus-card,
.hz-download-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    padding:28px;

    height:100%;

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

    transition:.3s;

}

.hz-syllabus-card:hover,
.hz-download-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(47,128,237,.10);

}

.hz-syllabus-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.hz-syllabus-header h4{

    margin:0;

    font-size:22px;

    font-weight:700;

}

.hz-syllabus-header i{

    color:#2F80ED;

    margin-right:8px;

}

.hz-view-topics{

    color:#2F80ED;

    text-decoration:none;

    font-weight:600;

}

.hz-topic-list{

    list-style:none;

    padding:0;

    margin:0;

}

.hz-topic-list li{

    padding:10px 0;

    border-bottom:1px solid #F1F5F9;

    color:#475569;

}

.hz-topic-list li:last-child{

    border-bottom:none;

}

.hz-topic-list li::before{

    content:"✓";

    color:#22C55E;

    font-weight:bold;

    margin-right:10px;

}

.hz-download-card{

    text-align:center;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.hz-download-icon{

    width:72px;

    height:72px;

    margin:auto;

    margin-bottom:20px;

    border-radius:20px;

    background:#FFECEC;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-download-icon i{

    font-size:34px;

    color:#EF4444;

}

.hz-download-card h4{

    font-weight:700;

    margin-bottom:10px;

}

.hz-download-card p{

    color:#64748B;

    margin-bottom:25px;

}

/*=========================================
Previous Papers
=========================================*/

.hz-paper-section{

    padding:70px 0;

}

.hz-paper-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:20px;

    padding:24px;

    transition:.35s;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

    height:100%;

}

.hz-paper-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(47,128,237,.10);

}

.hz-paper-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.hz-paper-icon{

    width:58px;

    height:58px;

    border-radius:16px;

    background:#FFECEC;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-paper-icon i{

    color:#EF4444;

    font-size:28px;

}

.hz-paper-year{

    background:#EEF6FF;

    color:#2F80ED;

    padding:6px 14px;

    border-radius:20px;

    font-size:13px;

    font-weight:600;

}

.hz-paper-card h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:6px;

}

.hz-paper-card p{

    color:#64748B;

    margin-bottom:20px;

}

.hz-paper-meta{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:22px;

}

.hz-paper-meta span{

    background:#F8FAFC;

    padding:8px 12px;

    border-radius:12px;

    font-size:13px;

    color:#475569;

}

.hz-paper-meta i{

    color:#2F80ED;

    margin-right:6px;

}

.hz-paper-footer{

    display:flex;

    justify-content:space-between;

    border-top:1px solid #EEF2F7;

    padding-top:18px;

}

.hz-paper-footer a{

    text-decoration:none;

    color:#2F80ED;

    font-weight:600;

}

/*=========================================
Mock Test Hero
=========================================*/

.hz-mock-hero{

    padding:20px 0 60px;

    background:#fff;

}

.hz-mock-banner{

    position:relative;

    overflow:hidden;

    background:linear-gradient(135deg,#F8FBFF 0%,#EEF4FF 55%,#F5F1FF 100%);

    border:1px solid #E5ECF8;

    border-radius:30px;

    padding:55px;

}

/* Decorative Circles */

.hz-mock-banner::before{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    background:rgba(111,66,193,.05);

    border-radius:50%;

    right:-120px;

    top:-120px;

}

.hz-mock-banner::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:rgba(47,128,237,.06);

    border-radius:50%;

    left:-60px;

    bottom:-60px;

}

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

.hz-mock-banner h1{

    font-size:52px;

    font-weight:700;

    margin:18px 0;

    color:#0F172A;

}

.hz-mock-banner p{

    font-size:17px;

    line-height:1.8;

    color:#64748B;

    max-width:600px;

}

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

.hz-mock-stats{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:35px;

}

.hz-mock-stat{

    display:flex;

    align-items:center;

    gap:14px;

    background:#fff;

    border-radius:18px;

    padding:14px 18px;

    border:1px solid #EEF2F7;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

.hz-mock-stat i{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:#F3EEFF;

    color:#6F42C1;

    font-size:22px;

}

.hz-mock-stat strong{

    display:block;

    font-size:18px;

    color:#0F172A;

}

.hz-mock-stat span{

    font-size:13px;

    color:#64748B;

}

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

.hz-mock-actions{

    display:flex;

    gap:15px;

    margin-top:35px;

    flex-wrap:wrap;

}

.hz-btn-outline{

    background:#fff;

    color:#2F80ED;

    border:1px solid #2F80ED;

    border-radius:12px;

    padding:12px 24px;

    font-weight:600;

}

.hz-btn-outline:hover{

    background:#2F80ED;

    color:#fff;

}

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

.hz-mock-image{

    text-align:center;

}

.hz-mock-image img{

    max-width:360px;

}

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

@media(max-width:991px){

    .hz-mock-banner{

        padding:35px;

        text-align:center;

    }

    .hz-mock-banner h1{

        font-size:40px;

    }

    .hz-mock-stats{

        justify-content:center;

    }

    .hz-mock-actions{

        justify-content:center;

    }

    .hz-mock-image{

        margin-top:40px;

    }

}

/*=========================================
Premium Hero Buttons
=========================================*/

.hz-hero-actions{

    display:flex;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;

}

/* Primary */

.hz-btn-primary{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:15px 30px;

    background:linear-gradient(135deg,#2F80ED,#4F9CFF);

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    box-shadow:0 12px 28px rgba(47,128,237,.25);

}

.hz-btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:0 20px 35px rgba(47,128,237,.35);

    color:#fff;

}

/* Secondary */

.hz-btn-secondary{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:15px 28px;

    background:#fff;

    color:#2F80ED;

    border:1px solid #D7E7FF;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.hz-btn-secondary:hover{

    background:#F6FAFF;

    transform:translateY(-3px);

    color:#2F80ED;

}

/*=========================================
Hero Buttons
=========================================*/

.hz-hero-actions{

    display:flex;
    align-items:center;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;

}

/*==============================
Primary Button
==============================*/

.hz-btn-primary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    height:56px;
    padding:0 28px;

    background:linear-gradient(135deg,#2F80ED,#4C9BFF);

    border-radius:16px;

    color:#fff;
    text-decoration:none;

    font-weight:600;
    font-size:15px;

    box-shadow:0 10px 30px rgba(47,128,237,.25);

    transition:.35s;

}

.hz-btn-primary:hover{

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(47,128,237,.35);

}

.hz-btn-primary i{

    font-size:18px;

}

/*==============================
Secondary Button
==============================*/

.hz-btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    height:56px;
    padding:0 28px;

    background:#fff;

    border:1.5px solid #D9E8FF;

    border-radius:16px;

    color:#2F80ED;

    text-decoration:none;

    font-weight:600;
    font-size:15px;

    transition:.35s;

}

.hz-btn-secondary:hover{

    background:#F6FAFF;

    color:#2F80ED;

    border-color:#2F80ED;

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(47,128,237,.12);

}

.hz-btn-secondary i{

    font-size:18px;

}

/*=========================================
About Mock Test
=========================================*/

.hz-about-test{

    padding:70px 0;

}

.hz-about-card,
.hz-feature-card{

    background:#fff;

    border:1px solid #E9EEF5;

    border-radius:22px;

    padding:30px;

    height:100%;

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

    transition:.3s;

}

.hz-about-card:hover,
.hz-feature-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(47,128,237,.10);

}

.hz-badge-blue{

    display:inline-block;

    background:#EEF6FF;

    color:#2F80ED;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

}

.hz-about-card h3{

    font-size:28px;

    font-weight:700;

    color:#0F172A;

}

.hz-about-card p{

    color:#64748B;

    line-height:1.9;

    margin-bottom:18px;

}

.hz-update{

    display:flex;

    align-items:center;

    gap:10px;

    color:#64748B;

    font-size:14px;

    margin-top:20px;

}

.hz-update i{

    color:#2F80ED;

}

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

.hz-feature-card h5{

    font-weight:700;

    margin-bottom:22px;

    color:#0F172A;

}

.hz-feature-list{

    list-style:none;

    padding:0;

    margin:0;

}

.hz-feature-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid #F1F5F9;

    color:#475569;

    font-weight:500;

}

.hz-feature-list li:last-child{

    border-bottom:none;

}

.hz-feature-list i{

    color:#22C55E;

    font-size:18px;

    margin-top:2px;

}

/*=========================================
Topics Covered
=========================================*/

.hz-topics-section{

    padding:70px 0;

}

.hz-topic-card{

    background:#fff;

    border:1px solid #E8EEF6;

    border-radius:20px;

    padding:24px;

    text-align:center;

    transition:.35s;

    height:100%;

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

}

.hz-topic-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(47,128,237,.10);

}

.hz-topic-icon{

    width:60px;

    height:60px;

    margin:auto;

    margin-bottom:18px;

    border-radius:16px;

    background:#EEF6FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-topic-icon i{

    font-size:28px;

    color:#2F80ED;

}

.hz-topic-card h5{

    font-weight:700;

    margin-bottom:6px;

}

.hz-topic-card p{

    color:#64748B;

    font-size:14px;

    margin-bottom:20px;

}

.hz-topic-meta{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.hz-topic-meta span{

    background:#F8FAFC;

    padding:10px;

    border-radius:10px;

    font-size:13px;

    color:#475569;

}

.hz-topic-meta i{

    color:#2F80ED;

    margin-right:6px;

}

/*=========================================
Instructions
=========================================*/

.hz-instruction-section{

    padding:70px 0;

}

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

.hz-instruction-card,
.hz-note-card{

    background:#fff;

    border:1px solid #E8EEF6;

    border-radius:22px;

    padding:30px;

    height:100%;

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

}

.hz-instruction-card h4,
.hz-note-card h4{

    margin-bottom:25px;

    font-weight:700;

}

.hz-instruction-card h4 i{

    color:#2F80ED;

    margin-right:10px;

}

.hz-note-card h4 i{

    color:#F59E0B;

    margin-right:10px;

}

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

.hz-rule-list{

    list-style:none;

    padding:0;

    margin:0;

}

.hz-rule-list li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

    border-bottom:1px solid #EEF2F7;

}

.hz-rule-list li:last-child{

    border:none;

}

.hz-rule-list i{

    color:#22C55E;

    margin-right:10px;

}

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

.hz-note-card ul{

    padding-left:18px;

    margin:0;

}

.hz-note-card li{

    margin-bottom:15px;

    color:#64748B;

}

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

.hz-confirm-box{

    margin-top:40px;

    background:#F8FBFF;

    border:1px solid #DCEBFF;

    border-radius:20px;

    padding:30px;

    text-align:center;

}

/*=========================================
Recommended Mock Tests
=========================================*/

.hz-related-tests{

    padding:70px 0;

}

.hz-related-card{

    background:#fff;

    border:1px solid #E8EEF6;

    border-radius:22px;

    padding:22px;

    height:100%;

    transition:.35s;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

.hz-related-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(47,128,237,.10);

}

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

.hz-related-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.hz-related-icon{

    width:56px;

    height:56px;

    border-radius:16px;

    background:#EEF6FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hz-related-icon i{

    font-size:26px;

    color:#2F80ED;

}

.hz-related-badge{

    background:#FFF7ED;

    color:#EA580C;

    padding:6px 12px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

}

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

.hz-related-card h5{

    font-weight:700;

    margin-bottom:6px;

}

.hz-related-card p{

    color:#64748B;

    margin-bottom:18px;

}

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

.hz-related-meta{

    display:flex;

    justify-content:space-between;

    margin-bottom:18px;

    font-size:13px;

}

.hz-related-meta span{

    color:#475569;

}

.hz-related-meta i{

    color:#2F80ED;

}

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

.hz-related-rating{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 0;

    border-top:1px solid #EEF2F7;

    border-bottom:1px solid #EEF2F7;

    margin-bottom:16px;

}

.hz-related-rating small{

    color:#64748B;

}

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

.hz-related-link{

    display:flex;

    justify-content:space-between;

    align-items:center;

    text-decoration:none;

    color:#2F80ED;

    font-weight:600;

}

/*=========================================
Start Mock Test CTA
=========================================*/

.hz-start-test-section{

    padding:70px 0;

}

.hz-start-test-card{

    background:linear-gradient(135deg,#2F80ED,#5A9CFF);

    color:#fff;

    border-radius:24px;

    padding:40px 45px;

    overflow:hidden;

    position:relative;

    box-shadow:0 20px 45px rgba(47,128,237,.18);

}

.hz-start-test-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    right:-90px;

    top:-90px;

}

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

.hz-start-badge{

    display:inline-block;

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

    padding:7px 16px;

    border-radius:30px;

    font-size:13px;

    margin-bottom:15px;

}

.hz-start-test-card h2{

    font-size:34px;

    font-weight:700;

    margin-bottom:15px;

}

.hz-start-test-card p{

    color:rgba(255,255,255,.90);

    max-width:650px;

    line-height:1.8;

}

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

.hz-start-info{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    margin-top:25px;

}

.hz-start-info span{

    display:flex;

    align-items:center;

    gap:8px;

    font-weight:500;

}

.hz-start-info i{

    font-size:18px;

}

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

.hz-start-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    justify-content:center;

    padding:16px 34px;

    border-radius:50px;

    background:#fff;

    color:#2F80ED;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

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

}

.hz-start-btn:hover{

    background:#F8FBFF;

    color:#2F80ED;

    transform:translateY(-3px);

}

.hz-start-btn i{

    font-size:20px;

}

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

@media(max-width:991px){

    .hz-start-test-card{

        padding:30px;

        text-align:center;

    }

    .hz-start-info{

        justify-content:center;

    }

}

/*=========================================
CBT Header
=========================================*/

.hz-exam-header{

    position:sticky;

    top:0;

    z-index:999;

    background:#fff;

    height:76px;

    border-bottom:1px solid #E8EEF6;

    box-shadow:0 6px 18px rgba(15,23,42,.05);

}

.hz-header-wrapper{

    height:76px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

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

.hz-header-logo img{

    height:42px;

}

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

.hz-header-test{

    flex:1;

    text-align:center;

}

.hz-header-test h4{

    margin:0;

    font-size:22px;

    font-weight:700;

    color:#0F172A;

}

.hz-header-test span{

    color:#64748B;

    font-size:13px;

}

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

.hz-header-right{

    display:flex;

    align-items:center;

    gap:18px;

}

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

.hz-user-info{

    display:flex;

    align-items:center;

    gap:10px;

}

.hz-user-avatar{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#EEF6FF;

    color:#2F80ED;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

}

.hz-user-info small{

    display:block;

    color:#64748B;

    font-size:12px;

}

.hz-user-info strong{

    font-size:14px;

    color:#0F172A;

}

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

.hz-exam-timer{

    display:flex;

    align-items:center;

    gap:10px;

    background:#FFF7ED;

    color:#EA580C;

    padding:10px 18px;

    border-radius:14px;

    font-weight:700;

    font-size:18px;

}

.hz-exam-timer i{

    font-size:22px;

}

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

.hz-fullscreen-btn{

    width:48px;

    height:48px;

    border:none;

    border-radius:14px;

    background:#F8FAFC;

    color:#2F80ED;

    transition:.3s;

}

.hz-fullscreen-btn:hover{

    background:#EEF6FF;

}

.hz-fullscreen-btn i{

    font-size:20px;

}

/*=========================================
Question Card
=========================================*/

.hz-question-section{

    padding:25px;

}

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

.hz-question-card{

    background:#fff;

    border-radius:20px;

    border:1px solid #E7EDF5;

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

    overflow:hidden;

}

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

.hz-question-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 28px;

    background:#F8FBFF;

    border-bottom:1px solid #E7EDF5;

}

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

.hz-question-number span{

    display:block;

    color:#64748B;

    font-size:13px;

}

.hz-question-number strong{

    font-size:24px;

    color:#0F172A;

}

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

.hz-question-mark{

    background:#ECFDF5;

    color:#16A34A;

    padding:10px 18px;

    border-radius:50px;

    font-weight:600;

}

.hz-question-mark i{

    margin-right:8px;

}

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

.hz-question-body{

    padding:35px;

}

.hz-question-body h3{

    font-size:28px;

    line-height:1.8;

    font-weight:600;

    color:#0F172A;

}

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

.hz-question-image{

    margin-top:30px;

    text-align:center;

}

.hz-question-image img{

    max-width:500px;

    border-radius:12px;

}

/*=========================================
Question Options
=========================================*/

.hz-options-section{

    padding:0 25px 25px;

}

.hz-options-wrapper{

    display:flex;

    flex-direction:column;

    gap:18px;

}

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

.hz-option-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:20px 24px;

    background:#fff;

    border:2px solid #E8EEF6;

    border-radius:18px;

    cursor:pointer;

    transition:.3s;

    position:relative;

}

.hz-option-card:hover{

    border-color:#2F80ED;

    background:#F8FBFF;

    transform:translateX(5px);

}

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

.hz-option-card input{

    display:none;

}

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

.hz-radio{

    width:22px;

    height:22px;

    border:2px solid #CBD5E1;

    border-radius:50%;

    position:relative;

    transition:.3s;

}

.hz-radio::after{

    content:"";

    position:absolute;

    width:10px;

    height:10px;

    border-radius:50%;

    background:#2F80ED;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%) scale(0);

    transition:.25s;

}

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

.hz-option-letter{

    width:42px;

    height:42px;

    border-radius:12px;

    background:#EEF6FF;

    color:#2F80ED;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

    font-size:18px;

    flex-shrink:0;

}

.hz-option-text{

    flex:1;

    font-size:17px;

    color:#0F172A;

    font-weight:500;

}

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

.hz-option-card input:checked ~ .hz-radio{

    border-color:#2F80ED;

}

.hz-option-card input:checked ~ .hz-radio::after{

    transform:translate(-50%,-50%) scale(1);

}

.hz-option-card input:checked ~ .hz-option-letter{

    background:#2F80ED;

    color:#fff;

}

.hz-option-card:has(input:checked){

    border-color:#2F80ED;

    background:#EEF6FF;

    box-shadow:0 12px 30px rgba(47,128,237,.12);

}

/*=========================================
Exam Navigation
=========================================*/

.hz-exam-navigation{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:30px 25px;

    flex-wrap:wrap;

    gap:15px;

}

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

.hz-nav-right{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

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

.hz-btn-prev,
.hz-btn-clear,
.hz-btn-review,
.hz-btn-next{

    border:none;

    border-radius:14px;

    height:52px;

    padding:0 24px;

    font-weight:600;

    transition:.3s;

}

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

.hz-btn-prev{

    background:#F8FAFC;

    color:#334155;

}

.hz-btn-prev:hover{

    background:#E2E8F0;

}

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

.hz-btn-clear{

    background:#FEF2F2;

    color:#DC2626;

}

.hz-btn-clear:hover{

    background:#FEE2E2;

}

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

.hz-btn-review{

    background:#FFF7ED;

    color:#EA580C;

}

.hz-btn-review:hover{

    background:#FFEDD5;

}

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

.hz-btn-next{

    background:#2F80ED;

    color:#fff;

    box-shadow:0 10px 25px rgba(47,128,237,.20);

}

.hz-btn-next:hover{

    background:#1D72E8;

    transform:translateY(-2px);

}

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

.hz-btn-next i,
.hz-btn-prev i{

    margin:0 6px;

}

/*=========================================
Exam Sidebar
=========================================*/

.hz-exam-sidebar{

    position:sticky;

    top:90px;

}

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

.hz-sidebar-card{

    background:#fff;

    border:1px solid #E8EEF6;

    border-radius:18px;

    padding:20px;

    margin-bottom:18px;

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

}

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

.hz-candidate{

    display:flex;

    align-items:center;

    gap:15px;

}

.hz-avatar{

    width:54px;

    height:54px;

    border-radius:50%;

    background:#EEF6FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#2F80ED;

    font-size:22px;

}

.hz-candidate h5{

    margin:0;

    font-size:18px;

    font-weight:700;

}

.hz-candidate span{

    color:#64748B;

    font-size:13px;

}

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

.hz-progress-header{

    display:flex;

    justify-content:space-between;

    margin-bottom:10px;

}

.hz-progress{

    height:10px;

    border-radius:30px;

    overflow:hidden;

}

.hz-progress .progress-bar{

    background:#2F80ED;

}

.hz-progress-footer{

    margin-top:10px;

    display:flex;

    justify-content:space-between;

    font-size:13px;

    color:#64748B;

}

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

.hz-question-palette{

    display:grid;

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

    gap:10px;

}

.hz-question-palette button{

    width:42px;

    height:42px;

    border:none;

    border-radius:12px;

    background:#F1F5F9;

    transition:.3s;

    font-weight:600;

}

.hz-question-palette button:hover{

    transform:translateY(-2px);

}

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

.hz-question-palette .answered{

    background:#22C55E;

    color:#fff;

}

.hz-question-palette .current{

    background:#2F80ED;

    color:#fff;

}

.hz-question-palette .review{

    background:#F59E0B;

    color:#fff;

}

.hz-question-palette .notanswered{

    background:#EF4444;

    color:#fff;

}

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

.hz-legend{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.hz-legend div{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:14px;

}

.hz-legend span{

    width:16px;

    height:16px;

    border-radius:5px;

}

.hz-legend .answered{

    background:#22C55E;

}

.hz-legend .current{

    background:#2F80ED;

}

.hz-legend .review{

    background:#F59E0B;

}

.hz-legend .notanswered{

    background:#EF4444;

}

.hz-legend .notvisited{

    background:#CBD5E1;

}

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

.hz-summary{

    display:flex;

    justify-content:space-between;

    text-align:center;

}

.hz-summary span{

    display:block;

    font-size:12px;

    color:#64748B;

}

.hz-summary strong{

    font-size:22px;

    color:#0F172A;

}

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

.hz-finish-btn{

    width:100%;

    border:none;

    border-radius:16px;

    background:#2F80ED;

    color:#fff;

    padding:16px;

    font-size:17px;

    font-weight:600;

    transition:.3s;

    box-shadow:0 12px 30px rgba(47,128,237,.25);

}

.hz-finish-btn:hover{

    background:#1769d8;

    transform:translateY(-3px);

}

.hz-finish-btn i{

    margin-right:10px;

}


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

.hz-auth-left{

    background:linear-gradient(180deg,#F7FAFF,#EEF6FF);

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

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

.hz-left-content{

    width:88%;

    max-width:760px;

}

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

.hz-logo img{

    height:48px;

}

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

.hz-left-text h1{

    font-size:62px;

    font-weight:800;

    line-height:1.05;

    color:#0F172A;

}

.hz-left-text p{

    margin-top:25px;

    font-size:18px;

    color:#64748B;

    line-height:1.8;

}

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

.hz-illustration{

    position:relative;

    text-align:center;

}

.hz-illustration img{

    width:430px;

    animation:float 5s ease infinite;

}

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

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

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

.hz-features{

    display:flex;

    justify-content:space-around;

    margin-top:50px;

}

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

.hz-feature{

    text-align:center;

}

.hz-icon{

    width:64px;

    height:64px;

    margin:auto;

    border-radius:50%;

    background:#fff;

    box-shadow:0 12px 25px rgba(0,0,0,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2F80ED;

    font-size:28px;

}

.hz-feature span{

    display:block;

    margin-top:15px;

    font-weight:600;

    color:#334155;

}

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

.hz-cap{

    position:absolute;

    top:10px;

    right:80px;

}

.hz-chart{

    position:absolute;

    top:40px;

    left:40px;

}

.hz-check{

    position:absolute;

    right:40px;

    bottom:110px;

}

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

.hz-cap,
.hz-chart,
.hz-check{

    width:62px;

    height:62px;

    border-radius:18px;

    background:#fff;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2F80ED;

    font-size:24px;

}

.hz-dots{

    position:absolute;

    top:130px;

    left:10px;

    width:80px;

    height:80px;

    background-image:radial-gradient(#2F80ED 1.8px,transparent 1.8px);

    background-size:16px 16px;

    opacity:.25;

}

/*============================*/
.circle-1{

    width:220px;
    height:220px;

    background:#DCEEFF;

    top:110px;
    left:-60px;

    opacity:.65;

}

.circle-2{

    width:180px;
    height:180px;

    background:#EAF5FF;

    bottom:-70px;
    right:-40px;

    opacity:.6;

}

.hz-auth-left{

    position: relative;
    overflow: hidden;

}

/* Background Shapes */

.hz-bg-circle{

    position: absolute;
    border-radius: 50%;
    z-index: 0;              /* Behind content */
    pointer-events: none;

}

/* Content */

.hz-left-content{

    position: relative;
    z-index: 2;              /* Above circles */

}

.hz-auth-left{

    min-height:100vh;

}
@media (max-width:991px){

    .hz-auth-left{

        min-height:auto;

        padding:60px 30px 30px;

    }

    .hz-left-content{

        max-width:650px;

        margin:auto;

        text-align:center;

    }

    .hz-left-text h1{

        font-size:48px;

    }

}

@media (max-width:767px){

    .hz-auth-left{

        padding:40px 20px;

    }

    .hz-logo img{

        height:38px;

    }

    .hz-left-text h1{

        font-size:34px;

        line-height:1.15;

    }

    .hz-left-text p{

        font-size:15px;

    }

    .hz-illustration img{

        width:260px;

    }

    .hz-features{

        margin-top:30px;

        justify-content:center;

        gap:20px;

    }

    .hz-feature{

        width:90px;

    }

    .hz-icon{

        width:52px;

        height:52px;

        font-size:20px;

    }

}
.hz-login-wrapper{

    width:100%;
    max-width:480px;
    margin:auto;

}
.hz-badge{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:50px;

    background:#EDF5FF;

    color:#2F80ED;

    font-size:14px;

    font-weight:600;

    margin-bottom:22px;

}
.hz-login-header h2{

    font-size:40px;

    font-weight:800;

    line-height:1.1;

    color:#0F172A;

    margin-bottom:16px;

}

.hz-login-header p{

    color:#64748B;

    font-size:17px;

    line-height:1.7;

    margin-bottom:45px;

}
.hz-input-group{

    display:flex;
    align-items:center;

    height:58px;

    border:1px solid #DCE6F3;

    border-radius:16px;

    background:#fff;

    padding:0 18px;

}

.hz-input-group input{

    flex:1;

    border:none !important;

    outline:none;

    background:transparent;

    box-shadow:none !important;

    padding-left:14px;

}

.hz-input-group:hover{

    border-color:#CAD8F5;

}

.hz-input-group:focus-within{

    border-color:#2F80ED;

    box-shadow:0 0 0 5px rgba(47,128,237,.08);

}
.hz-login-btn{

    width:100%;

    height:62px;

    border:none;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #3B82F6,
        #2563EB
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    margin-top:10px;

    transition:.35s;

}

.hz-login-btn:hover{

    transform:translateY(-2px);

    box-shadow:0 18px 35px rgba(37,99,235,.30);

}
.hz-divider{

    display:flex;

    align-items:center;

    margin:35px 0;

}

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

    content:"";

    flex:1;

    height:1px;

    background:#E6EBF2;

}

.hz-divider span{

    margin:0 15px;

    color:#94A3B8;

    font-size:14px;

}
.hz-google-btn{

    width:100%;

    height:58px;

    border-radius:18px;

    background:#fff;

    border:1px solid #E5EAF2;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    font-weight:600;

    transition:.3s;

}

.hz-google-btn:hover{

    border-color:#2F80ED;

    background:#F8FBFF;

}
.hz-register-link{

    text-align:center;

    margin-top:35px;

    color:#64748B;

}

.hz-register-link a{

    color:#2563EB;

    font-weight:700;

    text-decoration:none;

}

.hz-login-options{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.hz-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

}
.hz-form-group{

    margin-bottom:28px;

}

.hz-form-group label{

    margin-bottom:10px;

    font-weight:600;

}


.hz-login-header h2{
    font-size:42px;
    font-weight:800;
    color:#0F172A;
    margin:15px 0;
}

.hz-login-header p{
    font-size:16px;
    color:#64748B;
    line-height:1.7;
    margin-bottom:45px;
}

.hz-register-link{
    text-align:center;
    margin-top:35px;
    color:#64748B;
}

.hz-register-link a{
    color:#2563EB;
    font-weight:600;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.hz-auth-left{

    position:relative;

}

.hz-auth-logo{

    position:absolute;

    top:30px;

    left:50px;

    z-index:100;

}

.hz-left-body{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:100px 60px 60px;

}

@media (max-width:991px){

    .hz-auth-logo{

        top:20px;

        left:25px;

    }

    .hz-left-body{

        padding:90px 30px 40px;

    }

}

.hz-password-strength{

margin-top:15px;

}

.hz-strength-bar{

height:8px;
background:#e8ecf5;
border-radius:30px;
overflow:hidden;

}

.hz-strength-fill{

width:25%;
height:100%;
background:#ef4444;
border-radius:30px;
transition:.4s;

}

.hz-strength-text{

display:block;
margin-top:8px;
font-size:13px;
color:#6b7280;

}

.hz-strength-text span{

font-weight:600;
color:#ef4444;

}

.hz-password-rules{

margin-top:15px;
padding-left:18px;

}

.hz-password-rules li{

font-size:13px;
color:#6b7280;
margin-bottom:6px;

}

.hz-otp-wrapper{

    display:flex;

    justify-content:space-between;

    gap:12px;

    margin-top:15px;

}

.hz-otp-input{

    width:58px;

    height:58px;

    border:1px solid #DCE6F3;

    border-radius:14px;

    text-align:center;

    font-size:24px;

    font-weight:700;

    transition:.3s;

}

.hz-otp-input:focus{

    outline:none;

    border-color:#2F80ED;

    box-shadow:0 0 0 4px rgba(47,128,237,.08);

}