body{
    background:#f6f8fc;
    font-family:'Segoe UI',sans-serif;
}

.card-custom{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:40px;
}

.title{
    font-size:52px;
    font-weight:700;
    color:#0d1b4c;
}

.title span{
    color:#0d4ed8;
}

.description{
    color:#555;
    margin-top:20px;
    line-height:1.8;
}

.feature-point{
    font-weight:500;
    color:#222;
}

.feature-point i{
    color:#0d4ed8;
    margin-right:8px;
}

.position-relative{
    position:relative;
}

.blue-circle{
    width:180px;
    height:180px;
    background:#0d4ed8;
    border-radius:50%;
    position:absolute;
    right:40px;
    top:10px;
    z-index:0;
}

.yellow-circle{
    width:120px;
    height:120px;
    background:#facc15;
    border-radius:50%;
    position:absolute;
    right:20px;
    bottom:0;
    z-index:0;
}

.laptop-img{
    position:relative;
    z-index:2;
    max-height:320px;
}

.section-heading{
    text-align:center;
    font-size:38px;
    font-weight:700;
}

.section-heading span{
    color:#0d4ed8;
}

.heading-line{
    width:60px;
    height:4px;
    background:#0d4ed8;
    margin:15px auto;
    border-radius:10px;
}

.feature-card{
    border:1px solid #e5e7eb;
    border-radius:12px;
    text-align:center;
    padding:30px 20px;
    height:100%;
    transition:.3s;
}

.feature-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.feature-card i{
    font-size:42px;
    color:#0d4ed8;
    margin-bottom:15px;
    display:block;
}

.feature-card h5{
    font-size:18px;
    font-weight:600;
    margin:0;
}

@media(max-width:768px){

.title{
    font-size:36px;
}

.card-custom{
    padding:25px;
}

.blue-circle,
.yellow-circle{
    display:none;
}

}
/* ============================================= */
body{
    background:#f7f9fc;
    font-family:'Segoe UI',sans-serif;
}

.section-title{
    text-align:center;
    font-weight:700;
    font-size:38px;
    color:#1f2937;
}

.title-line{
    width:60px;
    height:4px;
    background:#2563eb;
    margin:12px auto 0;
    border-radius:10px;
}

/* MODULES */

.module-card{
    border-radius:15px;
    padding:25px;
    height:100%;
    border:1px solid #e5e7eb;
}

.module-card h5{
    font-size:18px;
    font-weight:700;
    margin-bottom:15px;
}

.module-card ul{
    padding-left:18px;
}

.module-card li{
    margin-bottom:10px;
}

.module-icon{
    font-size:50px;
    display:block;
    margin-bottom:15px;
}

.accounting{
    background:#f4fbf6;
}

.accounting .module-icon{
    color:#1fa463;
}

.inventory{
    background:#fffbf1;
}

.inventory .module-icon{
    color:#c38a00;
}

.gst{
    background:#f5f8ff;
}

.gst .module-icon{
    color:#2554d8;
}

.payroll{
    background:#fbf7ff;
}

.payroll .module-icon{
    color:#7c3aed;
}

/* PRACTICAL TRAINING */

.training-process{
    margin-top:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.process-item{
    text-align:center !important;
}

.circle{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    color:#fff;
    font-size:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.blue{
    background:#3b82f6;
}

.green{
    background:#4ade80;
}

.yellow{
    background:#facc15;
}

.orange{
    background:#fb923c;
}

.purple{
    background:#a855f7;
}

.arrow{
    font-size:30px;
    color:#94a3b8;
}

.process-item h6{
    margin-top:15px;
    font-weight:600;
    line-height:1.5;
}

.training-banner{
    margin-top:40px;
    background:#e8f0ff;
    color:#1d4ed8;
    text-align:center;
    padding:14px;
    border-radius:10px;
    font-weight:600;
}

@media(max-width:768px){

.section-title{
    font-size:28px;
}

.arrow{
    display:none;
}

.training-process{
    gap:30px;
}

}

body{
    background:#f6f8fc;
    font-family:'Segoe UI',sans-serif;
}

.custom-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:40px;
}

.section-title{
    text-align:center;
    font-weight:700;
    color:#222;
}

.title-line{
    width:60px;
    height:4px;
    background:#2563eb;
    margin:12px auto;
    border-radius:10px;
}

/* PRICE CARDS */

.price-card{
    position:relative;
    background:#fff;
    border-radius:12px;
    padding:30px;
    text-align:left;
    height:100%;
    transition:.3s;
}

.price-card:hover{
    transform:translateY(-5px);
}

.basic{
    border:2px solid #28a745;
}

.professional{
    border:2px solid #2563eb;
}

.advanced{
    border:2px solid #7c3aed;
}

.price-card h5{
    text-align:center;
    font-weight:700;
    margin-bottom:20px;
}

.basic h5{
    color:#28a745;
}

.professional h5{
    color:#2563eb;
}

.advanced h5{
    color:#7c3aed;
}

.price{
    text-align:center;
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
}

.basic .price{
    color:#28a745;
}

.professional .price{
    color:#2563eb;
}

.advanced .price{
    color:#7c3aed;
}

.price-card ul{
    list-style:none;
    padding-left:0;
}

.price-card ul li{
    margin-bottom:12px;
    position:relative;
    padding-left:18px;
}

.price-card ul li::before{
    content:"•";
    position:absolute;
    left:0;
}

.basic-btn,
.professional-btn,
.advanced-btn{
    width:100%;
    color:#fff;
    border:none;
    padding:12px;
    margin-top:15px;
}

.basic-btn{
    background:#28a745;
}

.professional-btn{
    background:#2563eb;
}

.advanced-btn{
    background:#7c3aed;
}

.ribbon{
    position:absolute;
    top:15px;
    right:-35px;
    background:#2563eb;
    color:#fff;
    padding:6px 40px;
    font-size:12px;
    transform:rotate(45deg);
    text-transform:uppercase;
}

/* CAREER SECTION */

.career-card{
    padding:15px;
}

.career-card i{
    font-size:45px;
    color:#163c8c;
    margin-bottom:15px;
    display:block;
}

.career-card h6{
    font-weight:600;
    line-height:1.4;
}

@media(max-width:768px){

.custom-box{
    padding:25px;
}

.price{
    font-size:36px;
}

.ribbon{
    display:none;
}

}
/* ========================================== */
.certificate-section{
    background:#f7f8fb;
}

/* Card */
.certification-card,
.testimonial-wrapper,
.faq-section{
    background:#fff;
    border:1px solid #ddd;
    border-radius:12px;
    padding:25px;
}

.section-title,
.section-heading{
    font-weight:700;
    margin-bottom:20px;
}

.certificate-img{
    border:3px solid #1a3c88;
    border-radius:8px;
}

.certificate-list{
    list-style:none;
    padding:0;
}

.certificate-list li{
    margin-bottom:14px;
    font-size:18px;
    position:relative;
    padding-left:28px;
}

.certificate-list li:before{
    content:"✔";
    color:#0d6efd;
    position:absolute;
    left:0;
}

/* Testimonials */

.testimonial-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
    padding:20px;
    height:100%;
}

.testimonial-card img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:10px;
}

.testimonial-card p{
    font-size:14px;
    margin-bottom:15px;
}

.testimonial-card h6{
    font-weight:700;
    margin-bottom:0;
}

.testimonial-card span{
    font-size:14px;
    color:#666;
}

/* FAQ */

.accordion-item{
    margin-bottom:10px;
    border:none;
}

.accordion-button{
    background:#f5f5f5;
    font-weight:600;
    border-radius:6px !important;
}

.accordion-button:not(.collapsed){
    background:#0d6efd;
    color:#fff;
}

/* CTA */

.cta-banner{
    background:#052a73;
    color:#fff;
    border-radius:12px;
    padding:20px;
}

.cta-banner h2{
    font-weight:700;
    font-size:36px;
}

.cta-banner h2 span{
    color:#ffc107;
}

.cta-features{
    margin-top:15px;
}

.cta-features span{
    margin-right:20px;
    font-size:14px;
}

.demo-btn{
    width:100%;
    font-weight:700;
    margin-bottom:15px;
}

.enquire-btn{
    width:100%;
}

.phone-number{
    margin-top:15px;
    font-size:18px;
    font-weight:600;
}

.cta-img{
    max-height:180px;
}

/* Responsive */

@media(max-width:768px){

    .cta-banner h2{
        font-size:28px;
        text-align:center;
    }

    .cta-features{
        text-align:center;
    }

    .phone-number{
        text-align:center;
    }

    .demo-btn,
    .enquire-btn{
        margin-top:10px;
    }
}