:root {
   
    --nsys-m1: #00224C;   
    --nsys-m1-light: #113a66;   
    --nsys-m2: #EC4802;      
    --nsys-m2-light: #ff6b2b;
    --nsys-m3color:#0C0A0A;
    --nsys-m4color:#FFFFFF;
    --nsys-m5color :#E1E6E9;
    --primary: 15, 98, 106;
    --secondary: 98,98,98;
}

/* Font Family */
.mukta {    font-family: mukta;}

/* Background Colors */
.bg1 {background: var(--nsys-m1color);}
.bg2 {background: var(--nsys-m2color);}
.bg3 {background: var(--nsys-m3color);}
.bg4 {background: var(--nsys-m4color);}

/* Text Colors */
.text1 {color: var(--nsys-m1color);}
.text2 {color: var(--nsys-m2color);}
.text3 {color: var(--nsys-m3color);}
.text4 {color: var(--nsys-m4color);}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #ffffff;
            color: #1e293b;
            line-height: 1.5;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        ul {
            list-style: none;
        }


        .container {
            max-width: 1280px; margin: 0 auto;     padding: 0 24px; }

        /* --- top bar --- */
        .top-bar {
            background-color: var(--nsys-m1);
            color: #f0f4fa;
            padding: 8px 0;
            font-size: 14px;
        }
        .top-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        .contact-info span {
            margin-right: 24px;
        }
        .contact-info i {
            margin-right: 6px;
            color: var(--nsys-m2);
        }
        .user-links {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .user-links a, .user-links .nav-item a {
            color: #f0f4fa;
            transition: color 0.2s;
        }
        .user-links a:hover, .user-links .nav-item a:hover {
            color: var(--nsys-m2);
        }
        .user-links .nav-item {
            display: inline-block;
        }
        .user-links .nav-link {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* --- header main --- */
        .header-main {
            background: white;
            box-shadow: 0 1px 7px rgb(0 34 76 / 72%);
            padding: 12px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        .header-main .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .logo-area {
            display: flex;
            align-items: center;                   }
        .logo-icon {
            font-size: 38px;
            color: var(--nsys-m2);
        }
        .logo-text h1 {
            font-size: 24px;
            font-weight: 700;
            color: var(--nsys-m1);
            line-height: 1.2;
        }
        .logo-text span {
            font-size: 12px;
            color: #64748b;
        }
        .nav-menu {
            display: flex;
            align-items: center;
            gap: 32px;
        }
        .nav-menu a {
            font-weight: 800;
            color: var(--nsys-m1-light);
            transition: color 0.2s;
            font-size: 16px;
        }
        .nav-menu a:hover {
            color: var(--nsys-m2);
        }
        .demo-btn {
            background: var(--nsys-m2);
            color: white !important;
            padding: 10px 24px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .demo-btn:hover {
            background: var(--nsys-m2-light);
            color: white !important;
        }
        .mobile-toggle {
            display: none;
            font-size: 28px;
            color: var(--nsys-m1);
            cursor: pointer;
        }

        /* mobile panel */
        .mobile-menu-overlay {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 2000;
            opacity: 0;
            visibility: hidden;
            transition: 0.3s;
        }
        .mobile-menu-panel {
            position: fixed;
            top: 0; right: -300px;
            width: 280px;
            height: 100%;
            background: white;
            z-index: 2001;
            padding: 40px 25px;
            box-shadow: -5px 0 20px rgba(0,0,0,0.2);
            transition: right 0.3s ease;
        }
        .mobile-menu-panel.active {
            right: 0;
        }
        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .close-menu {
            font-size: 28px;
            position: absolute;
            top: 15px; right: 20px;
            cursor: pointer;
            color: var(--nsys-m1);
        }
        .mobile-menu-panel a {
            display: block;
            padding: 15px 0;
            border-bottom: 1px solid #e2e8f0;
            font-weight: 500;
            color: var(--nsys-m1);
        }
        .mobile-menu-panel a i {
            width: 30px;
            color: var(--nsys-m2);
        }
        .mobile-demo-btn {
            background: var(--nsys-m2);
            color: white;
            text-align: center;
            border-radius: 40px;
            border: none;
        }
        .mobile-demo-btn i {
            color: white !important;
        }

        /* hero */
        .hero {
            background: linear-gradient(135deg, var(--nsys-m1) 0%, #113a66 100%);
            color: white;
            padding: 70px 0;
        }
        .hero .container {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .hero-content {
            flex: 1;
        }
        .hero-content h2 {
            font-size: 44px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
            color: white;
        }
        .hero-content h2 span {
            color: var(--nsys-m2);
            border-bottom: 3px solid var(--nsys-m2);
            display: inline-block;
            padding-bottom: 6px;
        }
        .hero-content p {
            font-size: 18px;
            color: #cbd5e1;
            margin-bottom: 30px;
            max-width: 550px;
        }
        .hero-buttons {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }
        .btn-primary {
            background: var(--nsys-m2);
            color: #00224C;
            font-weight: 600;
            padding: 14px 34px;
            border-radius: 40px;
            font-size: 16px;
            transition: 0.2s;
            box-shadow: 0 8px 18px rgba(236,72,2,0.3);
        }
        .btn-primary i {
            margin-right: 8px;
        }
        .btn-primary:hover {
            background: var(--nsys-m2-light);
            transform: scale(1.02);
        }
        .btn-outline {
            background: transparent;
            border: 2px solid var(--nsys-m2);
            color: white;
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 40px;
            transition: 0.2s;
        }
        .btn-outline:hover {
            background: var(--nsys-m2);
            color: #00224C;
        }
        .hero-image img {
            max-width: 100%;
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px #000;
        }

        .section-title {
            text-align: center;
            margin: 60px 0 30px;
        }
        .section-title h3 {
            font-size: 36px;
            font-weight: 700;
            color: var(--nsys-m1);
        }

        /* partner strip */
.partner-strip {
    background: #f8fafc;
    padding: 30px 0;
    border-bottom: 1px solid #e2e8f0;
}
.partner-strip .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.partner-strip span {
    font-weight: 600;
    color: #475569;
}
.partner-logos {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}
.partner-logos i {
    font-size: 32px;
    color: #94a3b8;
    transition: color 0.2s;
}
.partner-logos i:hover {
    color: var(--nsys-m2);
}

/* features / flip cards */
.section-title {
    text-align: center;
    margin: 60px 0 30px;
}
.section-title h3 {
    font-size: 36px;
    font-weight: 700;
    color: var(--nsys-m1);
}
.section-title p {
    color: #64748b;
    max-width: 700px;
    margin: 10px auto;
}

.flip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 50px 0;
}

.flip-card {
    background-color: transparent;
    height: 340px;
    perspective: 1000px;
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    border-radius: 24px;
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
}

.flip-card:hover .flip-inner {
    transform: rotateY(180deg);
}

.flip-front, .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 24px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    border: 1px solid #eef2f6;
}

.flip-front i {
    font-size: 60px;
    color: var(--nsys-m2);
    margin-bottom: 20px;
}
.flip-front h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--nsys-m1);
    margin-bottom: 12px;
}
.flip-front p {
    color: #64748b;
}

.flip-back {
    background: var(--nsys-m1);
    color: white;
    transform: rotateY(180deg);
}
.flip-back h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--nsys-m2);
}
.flip-back p {
    margin-bottom: 20px;
    font-size: 15px;
}
.flip-back .btn-small {
    background: var(--nsys-m2);
    color: var(--nsys-m1);
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.flip-back .btn-small:hover {
    background: var(--nsys-m2-light);
}
 
        
        /* core modules */
        .modules-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }
        .module-card {
            background: #f8fafc;
            border-radius: 28px;
            padding: 30px 20px;
            text-align: center;
            border: 1px solid #eef2f6;
            transition: 0.2s;
        }
        .module-card:hover {
            border-color: var(--nsys-m2);
            box-shadow: 0 10px 20px -8px var(--nsys-m2);
        }
        .module-card i {
            font-size: 52px;
            color: var(--nsys-m2);
        }
        .module-card h4 {
            font-size: 24px;
            font-weight: 600;
            color: var(--nsys-m1);
        }

        /* pricing */
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }
        .pricing-card {
            background: white;
            border-radius: 30px;
            padding: 36px 24px;
            border: 2px solid #eef2f6;
            text-align: center;
        }
        .pricing-card.featured {
            border-color: var(--nsys-m2);
            box-shadow: 0 20px 30px -10px rgba(236,72,2,0.2);
        }
        .pricing-card .package-name {
            font-size: 28px;
            font-weight: 700;
            color: var(--nsys-m1);
        }
        .pricing-card .price {
            font-size: 42px;
            font-weight: 700;
            color: var(--nsys-m2);
        }
        .pricing-card ul {
            text-align: left;
            margin: 30px 0;
        }
        .pricing-card ul li {
            margin: 12px 0;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .pricing-card ul li i {
            color: var(--nsys-m2);
        }
        .pricing-card .trial-btn {
            background: var(--nsys-m1);
            color: white;
            padding: 14px 0;
            border-radius: 60px;
            display: block;
            transition: 0.2s;
        }
        .pricing-card .trial-btn:hover {
            background: var(--nsys-m2);
            color: var(--nsys-m1);
        }

        .testimonial-section {
            background: #f1f5f9;
            padding: 70px 0;
        }

        .cta-strip {
            background: linear-gradient(145deg, var(--nsys-m1), #113a66);
            color: white;
            padding: 70px 0;
            text-align: center;
        }

        .footer {
            background: var(--nsys-m1);
            color: #cbd5e1;
            padding: 60px 0 30px;
        }
        .footer a:hover {
            color: var(--nsys-m2);
        }

        @media (max-width: 1024px) {
            .hero .container {
                flex-direction: column;
            }
        }
        @media (max-width: 768px) {
            .nav-menu {
                display: none;
            }
            .mobile-toggle {
                display: block;
            }
        }
    


        /* Resources Section */
.resources-section {
    padding: 60px 0;
    background: #f8fafc;
}

.resources-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 40px 0;
}

.resource-card {
    background: white;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 30px -10px rgba(0, 34, 76, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #eef2f6;
}

.resource-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px var(--nsys-m1);
    border-color: var(--nsys-m2);
}

.resource-icon {
    margin-bottom: 25px;
}

.resource-icon i {
    font-size: 60px;
    color: var(--nsys-m2);
    transition: transform 0.3s ease;
}

.resource-card:hover .resource-icon i {
    transform: scale(1.1);
}

.resource-card h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--nsys-m1);
    margin-bottom: 15px;
}

.resource-card p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
    min-height: 70px;
}

.resource-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--nsys-m2);
    font-weight: 600;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 40px;
    border: 2px solid var(--nsys-m2);
    transition: all 0.3s ease;
    text-decoration: none;
}

.resource-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.resource-btn:hover {
    background: var(--nsys-m2);
    color: white;
}

.resource-btn:hover i {
    transform: translateX(5px);
    color: white;
}

/* Mobile Responsive */
@media (max-width: 992px) {
    .resources-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .resources-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .resource-card {
        padding: 30px 20px;
    }
    
    .resource-card p {
        min-height: auto;
    }
}


/* Who Benefits Section */
.benefits-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 50px 0 40px;
}

.benefit-card {
    background: white;
    border-radius: 24px;
    padding: 35px 25px;
    box-shadow: 0 10px 30px -10px rgba(0, 34, 76, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #eef2f6;
    position: relative;
    overflow: hidden;
}

.benefit-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: var(--nsys-m2);
    transition: height 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px var(--nsys-m1);
    border-color: var(--nsys-m2);
}

.benefit-card:hover::before {
    height: 100%;
}

.benefit-icon {
    margin-bottom: 20px;
}

.benefit-icon i {
    font-size: 48px;
    color: var(--nsys-m2);
    transition: transform 0.3s ease;
}

.benefit-card:hover .benefit-icon i {
    transform: scale(1.1);
}

.benefit-card h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--nsys-m1);
    margin-bottom: 15px;
}

.benefit-card p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    min-height: 70px;
}

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

.benefit-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #334155;
}

.benefit-list li i {
    color: var(--nsys-m2);
    font-size: 16px;
    width: 20px;
}

.benefits-cta {
    text-align: center;
    margin-top: 40px;
}

.benefits-cta .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--nsys-m2);
    color: var(--nsys-m1);
    font-weight: 600;
    padding: 16px 40px;
    border-radius: 50px;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px -8px var(--nsys-m2);
    text-decoration: none;
}

.benefits-cta .btn-primary:hover {
    background: var(--nsys-m2-light);
    transform: translateY(-2px);
    box-shadow: 0 15px 25px -10px var(--nsys-m2);
}

/* Responsive */
@media (max-width: 992px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .benefit-card p {
        min-height: auto;
    }
    
    .benefits-section {
        padding: 50px 0;
    }
}


.back-to-top {position: fixed;bottom: 25px;right: 25px;background:#0e5dae;color: white;border-radius: 100%;border: 3px #ffffff solid;}

       #ns-goto-top { position: fixed;bottom: 40px;right: 20px;font-size: 18px;background-color: #be000c;color: white;cursor: pointer;border-radius: 100%;padding: 15px;}
#ns-goto-top:hover {  background-color: #373737;}
footer {border-top: 5px #ffffff40 solid;background: #0e5dae;}
.nt-contact-icon {width: 75px;text-align: center;border: 2px #b9b9b9 solid;padding: 5px;background: #0e5dae;}
.nt-contact-icon:hover{border: 2px #f79c25 solid; background:#0351a1;border-radius:8px;}
.shop-btn {    background: var(--nsys-m1-light); color: white; border-radius: 10px;}
.shop-btn:hover{color:white; background: var(--nsys-m2-light);}
.package-columns {float: left; width: 24%;padding: 10px;}
.price {list-style-type: none;border: 2px solid #eef;margin: 0;padding: 0;-webkit-transition: 0.3s;transition: 0.3s;opacity: .9;}
.price:hover {box-shadow: 0 8px 11px 0 rgba(0,0,0,0.5);}
.price .header {background-color: #444;color: white;font-size: 25px;}
.price .sticky{background-color:#64b5f6;}
.price li {border-bottom: 1px solid #eef;padding: 10px;text-align: center;background-color: white;}
.price .grey { background-color: #eef;font-size: 20px;}
.price .white {background-color: white;}
.button {background-color: #0e5dae;padding: 5px 30px;border-radius: 50px;text-align: center;text-decoration: none;font-size: 28px;color: white;}
@media only screen and (max-width: 600px) {.package-columns {width: 100%;}}


.uk-subnav{background:#0075aa; margin: 0;}
.uk-subnav-pill>*>:first-child{font-size:24px;font-weight: bold;color: #fff;}
.uk-subnav-pill>.uk-active>a {background-color:#bd1e2c;color: #fff;}
.side-nav-ns {font-size: 18px;padding: 5px;margin-bottom: 5px;}
.side-nav-ns a {color:white;}
.side-nav-ns a:hover{color:#ffeb00;}
.side-nav-ns:hover{color:#ffeb00;}
.uk-navbar-dropdown {top: 40px !important;padding: 8px;width: 250px;}

.back-to-top {position: fixed;bottom: 25px;right: 25px;background:#004438;color: white;border-radius: 100%;border: 3px #ffffff solid;z-index: 9;}

.nt-border{ border-top: 1px gray solid; border-bottom: 2px gray solid;}
.nt-bg-white{background:white;}

.banner{padding: 10px 0;}.banner p{margin: 0;}.banner h2{margin: 10px 0;font-weight: bold;}.banner h3{margin: 5px;font-weight: bold;font-size: 22px;line-height: 1.2;}.banner img{width:100%}.banner-big img{height: 460px; }.banner-small img{height: 210px; }.banner-body {background:linear-gradient(to bottom,#bbb9b91f 15%,#ffffff 100%);margin-top: -50px;position: relative;    border-radius: 10px;}
@media only screen and (max-width:600px) {.banner-big img{height: 240px; }.banner-small img{height: 240px; }}

.nt-i-cover img{object-fit: cover;}
.nt-list img{padding: 5px;width: 130px;height: 100px;}

.nt-shadow{position: relative;}.nt-shadow a:before {content: "";width: 100%;height: 100%;position: absolute;background: linear-gradient(180deg, #ffffff00 0, #ffffff);}
.nt-shadow-black{position: relative;}.nt-shadow-black a:before {content: "";width: 100%;height: 100%;position: absolute;background: #4b4b4b9c;}

.ns-footer-social-fa a{width: 50px;height: 50px;background: #598cff;text-align: center;font-size: 25px; float: left; margin: 0 5px;line-height: 50px;color: white; transition: all 3s; transition-timing: ease-in-out;}
.ns-footer-social-fa a:hover{background: #0075aa; color:white;transform: rotate(1080deg);}
.ns-footer-social-tw a{ width: 50px;height: 50px;background: #5bb3ff;text-align: center;font-size: 25px;float: left; margin: 0 5px;line-height: 50px;color: white;transition: all 3s;transition-timing: ease-in-out;}
.ns-footer-social-tw a:hover{background: #0075aa; color:white;transform: rotate(1080deg);} 
.ns-footer-social-yu a{width: 50px;height: 50px;background: red;text-align: center;font-size: 25px;float: left; margin: 0 5px;line-height: 50px;color: white; transition: all 3s; transition-timing: ease-in-out;}
.ns-footer-social-yu a:hover{background: #0075aa; color:white;transform: rotate(1080deg);}
.nabintech-load {width: 100%;height: 4px;position: fixed;bottom: 0;z-index: 9999;}
.nt-loadbar {height: 4px;background: #2810fbba !important;width: 0%;}
.fea-caption{border-bottom: 1px #cecece solid;padding: 5px 0;margin: 0;font-style: italic;}
blockquote {border: 1px dashed #000;display: block;font-size: 1.2em;line-height: 1.5;margin: 30px auto;	padding: 60px 20px 20px;position: relative;	text-align: center;}
blockquote::before { content: "\201C";	font-family: georgia, serif;	opacity: .3;font-size: 102px;	left: 50%;	line-height: 1;	margin-left: -20px;	position: absolute;	top: 18px;	z-index: 20;}

#ns-content{font-size: 20px;font-weight: 500;text-align: justify;line-height: 36px;color: #484848; font-family: 'Mukta', sans-serif;}
.textcontrols a{font-size: 18px;font-weight: bold;color: white;border-radius:5px;background: #e32711;text-align: center;padding: 5px;width: 40px;height: 40px; vertical-align: middle;display: inline-flex; justify-content: center;align-items: center;}
.textcontrols a:hover{color: white;background: #0e5dae;}
.ns-tag{background:#cecece25;}.ns-tag ul{display:inline-block;margin:0}
.ns-tag li{font-style:italic;display:inline-block;padding:5px;margin:0 5px}
.nt-tag a{margin-left:3px;}
.ns-tags a{color:#212529;font-size: 18px;font-weight: bold;} .ns-tags a:hover{color:#f00;}
.author-image img{height: 55px; width: 55px;object-fit: cover;padding: 2px;border: 2px #dcdcdc solid;}
.newspost-title{padding-top: 15px; text-align: center;padding-bottom: 10px; font-weight: 900;font-size: 52px;font-family: 'Mukta', sans-serif;line-height: 1;}

.nt-main-news{}.nt-main-news img{width: 100%;height: 360px;}.nt-main-news-small img{width: 100%;height: 180px;} .nt-main-news-small h4{margin: 10px 0 15px 0;  font-weight: bold;}
.banner-new {background: #f9f9f9!important; padding: 25px; border-bottom: 2px solid #c3bbbb;margin: 15px 0px;}
.txt-zmm{background:#ededed;}
.txt-zmm li{margin-top: 0 !important;}
.nt-hover-zo{overflow:hidden}
.nt-hover-z img{transition: 2s;}
.nt-hover-z:hover img{transform: scale(1.25) rotate(5deg); transition: 2s;}
.nt-cover img{object-fit:cover;}
.nth-menu {  display: flex;}
.nth-menu a {position: relative;transition: color .2s ease;margin-bottom: 10px;padding-bottom: 0px;}
.nth-menu a:hover::after, .nth-menu a:hover::before {transform: scaleX(1);}
.nth-menu a::after, .nth-menu a::before {content: ''; position: absolute;top: calc(100% + 2px);width: 0;right: 0;height: 1px;  }
.nth-menu a::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 3px;transform: scaleX(0);background-color: #f79517;transition: transform 0.3s;}


.section-title {}
.section-title h2 {  font-size: 45px;    margin-bottom: 15px; }
.section-title p { max-width: 600px;  margin: auto;}


.nt-btn{font-size:16px;color:white;line-height:1;-webkit-transition:all ease .5s;transition:all ease .5s;text-align:center;position:relative;z-index:1;overflow:hidden;display:inline-table;padding:18px 50px;font-weight:600;background-color:#349966; border-radius: 30px;}
.nt-btn i{position:relative;top:2px;margin-left:5px}
.nt-btn::before,.nt-btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#004438; z-index:-1;-webkit-transform:scaleX(0);transform:scaleX(0); -webkit-transition:all ease .5s;transition:all ease .5s}
.nt-btn::after{-webkit-transform:scaleY(0);transform:scaleY(0)}
.nt-btn:hover{color:white;}
.nt-btn:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.nt-btn:hover::after{-webkit-transform:scaleY(1);transform:scaleY(1)}

.nt-cat-footer h3{ font-size: 32px;text-transform: uppercase;  margin-bottom: 45px; position: relative;}
.nt-cat-footer h3::after { background: #606060 none repeat scroll 0 0; bottom: -10px; content: ""; height: 1px; left: 0; position: absolute; width: 57px;}
.nt-cat-footer h3::before {background: #606060 none repeat scroll 0 0;bottom: -13px; content: "";  height: 1px; left: 0;position: absolute; width: 45px;}


.nepsys-accordion-title {background: #92210f;padding: 10px;color: wheat !important;font-size: 22px;  font-weight: bold;}
.nepsys-accordion-title:before{background-color: white; border-radius: 50%;}
.nepsys-strips{background-image:repeating-linear-gradient(-45deg, #34996610 0px, #34996610 10px, #34996620 10px, #34996620 20px);}
.nt-rel-course h4 {font-size: 18px;font-weight: bold;margin: 10px 0;}.nt-rel-course img {height: 120px;width: 100%;}

.nepsys-nav a{color:#ffffff !important;font-weight: bold;}
.nepsys-nav a:hover{color:#349966;}


/* CF 7 override */
form.wpcf7-form{background: rgba(0,0,0,.1); padding: 1em;box-shadow: 0 0 1em rgba(0,0,0,.3);backdrop-filter: blur(5px);}
form.wpcf7-form * {transition: 225ms;}
form.wpcf7-form label {display: block;width: 100%;cursor: pointer;font-weight: bold;}
form.wpcf7-form input, form.wpcf7-form select, form.wpcf7-form textarea { display: block; width: 100%;padding: .5em .5em;border: 0;border-bottom: 1px solid rgba(255,255,255,.7); background: aliceblue;font-size: 1.2em;}
form.wpcf7-form input:hover, form.wpcf7-form select:hover, form.wpcf7-form textarea:hover {cursor: pointer;
	border-bottom: 1px solid rgba(255,255,255,1);}
form.wpcf7-form input:focus, form.wpcf7-form select:focus, form.wpcf7-form textarea:focus { 	border-bottom: 1px solid #333;box-shadow: inset 0 -2px 0 #333; outline: none;}
form.wpcf7-form input, form.wpcf7-form textarea{background: rgba(0,0,0,.03); }
form.wpcf7-form input[type="submit"] {	padding: 1em;
	margin-bottom: 0;text-transform: uppercase;	font-size: 110%;border: 2px solid #fff;	box-shadow: none;background: rgba(0,0,0,.1);color: #fff; line-height: 1.2em; width: calc(100% - 3em); display: inline-block;  margin-right: 1em; }
form.wpcf7-form input[type="submit"]:hover {background-color: rgba(255,255,255,.2);font-weight: 900;}
span.wpcf7-not-valid-tip {position: relative;top: -1em;color: #e87676; }
div.wpcf7-response-output {padding: 1em !important;	margin: 0 !important;}
div.wpcf7 .ajax-loader {	display:none; background: none; -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s cubic-bezier(0.36, 0.09, 0.27, 0.97) infinite;border: 3px solid #dedede;border-top: 3px solid #000000;border-radius: 50%;height: 1em;width: 1em;margin: 0;vertical-align: middle;}

@-webkit-keyframes spin {
  50% {
    border-top-color: #a7005d;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}

@keyframes spin {
  50% {
    border-top-color: #a7005d;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {opacity: .75;}



.Niconne {font-family: Niconne;}
.Ma-Shan-Zheng {font-family:Ma Shan Zheng;}
.nt-c-red{color: red;} .nt-c-black{color:black;}.nt-c-gray{color:gray;}.nt-c-blue{color:blue;}.nt-c-yellow{color:yellow;} .nt-c-white{color:white;}
.nt-bg-red{background: red;} .nt-bg-black{background:black;}.nt-bg-gray{background:gray;}.nt-bg-blue{background:blue;}.nt-bg-yellow{background:yellow;}.nt-bg-white{background:white;}
.nepsys-cat{position:relative}
.nepsys-cat span{font-weight: 700;text-transform: uppercase;overflow: hidden;position: relative;padding: 10px 0 11px;}
.nepsys-cat a{font-size: 38px;font-weight: 600;}
.nepsys-cat i{font-size: 72px;font-weight: 600;line-height: 48px;position: absolute;top: -2px;letter-spacing: .05em;left: 11px;z-index: 0;color: #ffffff;opacity: 0.2;}

#ns-goto-top { position: fixed;bottom: 40px;right: 20px;font-size: 18px;background-color: #be000c;color: white;cursor: pointer;border-radius: 100%;padding: 15px;}
#ns-goto-top:hover {  background-color: #373737;}
footer {border-top: 5px #ffffff40 solid;background: #0e5dae;}

.uk-subnav{background:#0075aa; margin: 0;}
.uk-subnav-pill>*>:first-child{font-size:24px;font-weight: bold;color: #fff;}
.uk-subnav-pill>.uk-active>a {background-color:#bd1e2c;color: #fff;}
.side-nav-ns {font-size: 18px;padding: 5px;margin-bottom: 5px;}
.side-nav-ns a {color:white;}
.side-nav-ns a:hover{color:#ffeb00;}
.side-nav-ns:hover{color:#ffeb00;}
.uk-navbar-dropdown {top: 40px !important;padding: 8px;width: 250px;}

.back-to-top {position: fixed;bottom: 25px;right: 25px;background:#0e5dae;color: white;border-radius: 100%;border: 3px #ffffff solid;}

.nt-border{ border-top: 1px gray solid; border-bottom: 2px gray solid;}
.nt-bg-white{background:white;}

.banner{padding: 10px 0;}.banner p{margin: 0;}.banner h2{margin: 10px 0;font-weight: bold;}.banner h3{margin: 5px;font-weight: bold;font-size: 22px;line-height: 1.2;}.banner img{width:100%}.banner-big img{height: 460px; }.banner-small img{height: 210px; }.banner-body {background:linear-gradient(to bottom,#bbb9b91f 15%,#ffffff 100%);margin-top: -50px;position: relative;    border-radius: 10px;}
@media only screen and (max-width:600px) {.banner-big img{height: 240px; }.banner-small img{height: 240px; }}

.nt-i-cover img{object-fit: cover;}
.nt-list img{padding: 5px;width: 130px;height: 100px;}

.nt-shadow{position: relative;}.nt-shadow a:before {content: "";width: 100%;height: 100%;position: absolute;background: linear-gradient(180deg, #ffffff00 0, #ffffff);}
.nt-shadow-black{position: relative;}.nt-shadow-black a:before {content: "";width: 100%;height: 100%;position: absolute;background: #4b4b4b9c;}

.nt-tv{}.nt-tv-big img{height: 360px;width: 100%;border: 2px #ffffff solid;}.nt-tv-small img{height: 180px;width: 100%;border: 2px #ffffff solid;}
.nt-bs{}.nt-bs-big img{width: 100%;height: 420px;}.nt-bs-small img{width: 145px;height: 100px;}
.nt-img{}.nt-img img{height: 620px;width: 100%;object-fit: cover;}

.nt-pol{}.nt-pol-big img{width: 100%;height: 320px;}.nt-pol-small img{width: 95px;height: 70px;}
.nt-artha{} .nt-artha-img img{height: 180px;width: 100%;border-radius: 7px; object-fit: cover;} .nt-artha h4{margin: 10px 0;font-size: 20px; font-weight: bold;}
.nt-vdo-more{} .nt-vdos-more img{height: 200px;width: 100%;border-radius: 7px; object-fit: cover;} .nt-vdo-more h4{margin: 10px 0;font-size: 20px; font-weight: bold;}

@media only screen and (max-width:600px) {.nt-tv-big img{height: 240px;}.nt-tv-small img{height: 240px;}.nt-bs-big img{height: 240px;}.nt-img img{height: 320px;}}

.nt-responsive-video {position:relative; overflow:hidden; height:auto; padding:15px;  width: 100%;
  padding-top: 56.25%;}
.nt-frame-video{position: absolute; top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;padding: 15px;}
.nt-frame-image{position: absolute; top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;padding: 15px;object-fit: cover;}
.nt-responsive-video iframe, .nt-responsive-video embed, .nt-responsive-video object { position:absolute; width:100%; height:100%; top:0; left:0; border:0;  }
.ns-footer-social-fa a{width: 50px;height: 50px;background: #598cff;text-align: center;font-size: 25px; float: left; margin: 0 5px;line-height: 50px;color: white; transition: all 3s; transition-timing: ease-in-out;}
.ns-footer-social-fa a:hover{background: #0075aa; color:white;transform: rotate(1080deg);}
.ns-footer-social-tw a{ width: 50px;height: 50px;background: #5bb3ff;text-align: center;font-size: 25px;float: left; margin: 0 5px;line-height: 50px;color: white;transition: all 3s;transition-timing: ease-in-out;}
.ns-footer-social-tw a:hover{background: #0075aa; color:white;transform: rotate(1080deg);} 
.ns-footer-social-yu a{width: 50px;height: 50px;background: red;text-align: center;font-size: 25px;float: left; margin: 0 5px;line-height: 50px;color: white; transition: all 3s; transition-timing: ease-in-out;}
.ns-footer-social-yu a:hover{background: #0075aa; color:white;transform: rotate(1080deg);}
.nabintech-load {width: 100%;height: 4px;position: fixed;bottom: 0;z-index: 9999;}
.nt-loadbar {height: 4px;background: #2810fbba !important;width: 0%;}
.fea-caption{border-bottom: 1px #cecece solid;padding: 5px 0;margin: 0;font-style: italic;}
blockquote {border: 1px dashed #000;display: block;font-size: 1.2em;line-height: 1.5;margin: 30px auto;	padding: 60px 20px 20px;position: relative;	text-align: center;}
blockquote::before { content: "\201C";	font-family: georgia, serif;	opacity: .3;font-size: 102px;	left: 50%;	line-height: 1;	margin-left: -20px;	position: absolute;	top: 18px;	z-index: 20;}

#ns-content{font-size: 20px;font-weight: 500;text-align: justify;line-height: 36px;color: #484848; font-family: 'Mukta', sans-serif;}
.textcontrols a{font-size: 18px;font-weight: bold;color: white;border-radius:5px;background: #0e5dae;text-align: center;padding: 5px;width: 40px;height: 40px; vertical-align: middle;display: inline-flex; justify-content: center;align-items: center;}
.textcontrols a:hover{color: white;background: #0e5daea6;}
.ns-tag{background:#cecece25;}.ns-tag ul{display:inline-block;margin:0}
.ns-tag li{font-style:italic;display:inline-block;padding:5px;margin:0 5px}
.nt-tag a{margin-left:3px;}
.ns-tags a{color:#212529;font-size: 18px;font-weight: bold;} .ns-tags a:hover{color:#f00;}
.author-image img{height: 55px; width: 55px;object-fit: cover;padding: 2px;border: 2px #dcdcdc solid;}

.nt-main-news{}.nt-main-news img{width: 100%;height: 360px;}.nt-main-news-small img{width: 100%;height: 180px;} .nt-main-news-small h4{margin: 10px 0 15px 0;  font-weight: bold;}
.banner-new {background: #f9f9f9!important; padding: 25px; border-bottom: 2px solid #c3bbbb;margin: 15px 0px;}
.txt-zmm{background:#ededed;}
.txt-zmm li{margin-top: 0 !important;}
.nt-hover-zo{overflow:hidden}
.nt-hover-z img{transition: 2s;}
.nt-hover-z:hover img{transform: scale(1.25) rotate(5deg); transition: 2s;}
.nt-cover img{object-fit:cover;}

.nt-slider{}.nt-slider img{height: 100vh;width: 100%;object-fit: cover;}
.nt-cat-head{color:#0e5dae;font-weight: 500;text-transform: uppercase;margin: 0px 0px 20px 0px;}
.nt-cat-head span::after{background-color: #0e5dae;display: inline-block; position: relative; bottom: 4px; text-align: left;width: 30px; height: 2px;  margin: 0px 0px 0px 10px;}
.nt-cat-head span::before{background-color: #0e5dae;display: inline-block;position: relative;bottom: 4px;text-align: left;width: 30px; height: 2px; margin: 0px 10px 0px 0px;}

.package-columns {float: left; width: 24%;padding: 10px;}
.price {list-style-type: none;border: 2px solid #eef;margin: 0;padding: 0;-webkit-transition: 0.3s;transition: 0.3s;opacity: .9;}
.price:hover {box-shadow: 0 8px 11px 0 rgba(0,0,0,0.5);}
.price .header {background-color: #444;color: white;font-size: 25px;}
.price .sticky{background-color:#64b5f6;}
.price li {border-bottom: 1px solid #eef;padding: 10px;text-align: center;background-color: white;}
.price .grey { background-color: #eef;font-size: 20px;}
.price .white {background-color: white;}
.button {background-color: #0e5dae;padding: 5px 30px;border-radius: 50px;text-align: center;text-decoration: none;font-size: 28px;color: white;}
@media only screen and (max-width: 600px) {.package-columns {width: 100%;}}

.nt-contact-icon {width: 75px;text-align: center;border: 2px #b9b9b9 solid;padding: 5px;background: #0e5dae;}
.nt-contact-icon:hover{border: 2px #f79c25 solid; background:#0351a1;border-radius:8px;}
.uk-sticky-fixed .newspost-title{background: #ffffff; border-bottom: 1px #80808080 solid;font-size:20px;padding-top:100px!important;text-align:initial;padding-left:20px}
.client-img img {  filter: grayscale(100%);    /* Fallback for older browsers */   filter: url('path/to/fallback.svg#grayscale');    /* Fallback for IE */    -webkit-filter: grayscale(100%);   filter: gray;
    transition: filter 0.3s ease-in-out;}

.client-img :hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);    transition: filter 1s ease-in-out;}