html,
body {
    font-weight: 400;
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.pre-header {
    background-color: #efefef;
    height: 48px;
    padding: 2px 0px;
}

a.login-link {
    color: #003b64ed;
    font-weight: 600;
}

ul {
    margin-bottom: 0px;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pre-header ul.info li {
    margin-right: 0px;
}

.pre-header ul li {
    display: inline-block;
}

.pre-header ul.info li a i {
    font-size: 18px;
    margin-right: 8px;
}

.pre-header ul.social-media {
    text-align: right;
    margin-top: 3px;
    font-size: 14px;
}

.logo-text {
    color: #2494d4;
    font-size: 30.7px;
    font-weight: 700;
}

.sublogo-text a {
    color: #000;
    font-weight: 600;
    text-decoration: none !important;
    font-size:14px;
}
.sublogo-text a:hover {
    color: #000;
    
}

.sublogo-text2 a {
    color: #000;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 15.7px;
}

.sublogo-text2 a:hover {
    color: #000;
    
}

.govt-css {
    font-size: 12px;
}

.pre-header ul.social-media li {
    margin-left: 5px;
}


/* header code start */

#b-header {
    height: 110px;
    overflow: hidden;
}

.h-100 {
    height: 100%!important;
}


/* menu code start */

.topnav {
    height: 55px;
    overflow: hidden;
    background-color: #003b64ed;
   
    
}

.topnav a {
    float: left;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    border-bottom: 2px solid #FB9B00;
    text-decoration: none;
    padding-bottom: 4px;
}

.topnav a.active {
    border-bottom: 2px solid #FB9B00;
    text-decoration: none;
    padding-bottom: 4px;
}

.topnav-right {
    float: right;
}

.header-bottom.header-sticky.header_middle.sticky {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0px 0 18px rgb(55 66 59 / 8%);
}

/* menu code end */

.azadi-logo {
    /*position: absolute;
    margin-left: 1118px;*/
    margin-top: -72px;
    float:right;
}
h2.logo-text.pt-2 {
    margin: 4px 0px 5px 0px;
}
.jjm-logo-img {
    width: 90px;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
    display: block;
}

* {
    box-sizing: border-box;
}

ul {
    margin-bottom: 0px;
}

p {
    font-family: 'Open Sans', sans-serif !important;
    color: #353A40;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: rgb(27, 27, 27);
}

.carousel-indicators li {
    background-color: black;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.sitefooter a {
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    padding: 0px 5px;
}


/* main page code start */

.gray-bg1 {
    background-image: url(../images/gray-bg1.jpg);
    height: 501px;
}

.gray-bg2 {
    background-image: url(../images/gray-bg2.jpg);
    height: 501px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-120 {
    padding-top: 120px;
}


/* main page code End */

.jjm-training-img {
    margin-right: 2%;
    float: left;
}

.ptext {
    text-align: justify;
    padding: 5px 0px 5px 0px;
}

.container2 {
    width: 1140px;
    height: auto;
    padding: 1%;
}


/* footer code start */


/* logo footer code start */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.column-title {
    font-size: 25px;
    font-weight: 600;
    color: #003b64ed;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
}

.column-title2 {
    font-size: 25px;
    font-weight: 600;
    color: #003b64ed;
    text-align: center;
    margin-bottom: 5px;
}

.column-title1 {
    font-size: 20px;
    font-weight: 600;
    color: #003b64ed;
    text-align: left;
    margin-bottom: 10px;
}

.level {
    background-color: #F2F2F2;
    text-align: center;
    color: #003b64ed;
    height: 40px;
    font-weight: 700;
    padding: 7px;
    font-size: 18px;
}

img.img-fluid {
    padding: 10px;
}

.social-media-icon img.img-fluid {
    padding: 0px;
}


/* logo footer code end */

.mini-logo-carousel {
    text-align: -webkit-center;
    padding: 10px 0px;
    background: url(../images/carousel-bg.png) repeat;
    border-top: 1px solid #d2d2d2;
}

.footertext {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.p-footer {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.nic-logo {
    margin-top: 10px;
}

.contactustext {
    font-size: 20px;
}

.footer-space {
    padding-top: 10px;
}


/* tab pannel code start */

.tab-content > .active {
    display: block;
    /* border: 1px solid #dee2e6; */
    background-color: #fff;
    padding: 10px;
    /*height: 200px;*/
    height: 235px;
}

.padding-tab {
    padding: 10px 10px;
    background: #003b64ed;
    border-radius: 0px 0px 10px 10px;
    margin: 5px;
    box-shadow: 4px 4px 10px 2px rgb(2 0 0 / 25%);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #fff;
}

.nav-tabs .nav-link {
    color: #fff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}


/* tab pannel code end */

.course-level {
    background: rgba(36, 90, 109, 0.06);
    border-top: 1px solid #cbcbcb;
    box-shadow: 4px 4px 10px 2px rgb(2 0 0 / 25%);
}

.about-padding {
    padding-top: 80px
}



@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px !important;
    }
}




@media only screen and (max-width: 600px) {
    .jjm-training-img {
        width: 100%;
    }

    .gray-bg1 {
        background-image: unset;
        height: unset;
    }
}


@media (min-width: 320px) and (max-width:540px) {


    .mtt-4 {
        padding-top: 30px;
    }
}

    @media (min-width: 320px) and (max-width:768px) {



        img .img-fluid {
            padding: 10px;
            margin-left: 25px;
            width: 300px !important;
            height: 211px !important;
        }

        .social-media-icon img.img-fluid {
            padding: 0px;
            margin-left: 0px;
            width: unset !important;
            height: unset !important;
        }

        .column-title2 {
            font-size: 25px;
            font-weight: 600;
            color: #245A6D;
            text-align: center;
            margin: 15px 0px;
        }

        .nopadding {
            padding: 0px;
        }

        .azadi-logo {
            margin-top: -57px;
        }


        .jjm-logo-img {
            width: 78px;
        }

        .logo-text {
            color: #2494d4;
            font-size: 21px;
            font-weight: 700;
        }

        .about-padding {
            padding-top: 20px;
        }

        .menu-position {
            margin-left: unset;
        }

        .sublogo-text a {
            color: black;
            font-weight: 600;
            text-decoration: none;
            font-size: 11px;
        }

        p.sublogo-text2 {
            font-size: 11px;
            margin-top: -4px;
        }

        .topnav a {
            font-size: 14px;
        }
    }

    picture.w-lg-50 {
        width: 33%;
    }

    .logo {
        line-height: 17px;
    }

    .nn-logo {
        height: 86px;
    }

    .upcoming-programmes {
        background-color: #edeef0;
        /* height: 428px; */
        min-height: 425px;
        padding: 25px 0px;
    }

    .krc-top {
        padding-top: 134px;
    }

    .krc-top2 {
        padding-top: 154px;
    }

    .krc-topAdmin {
        padding-top: 115px;
    }

    /*1course material code start*/
    img.couse-box-imge.img-fluid {
        width: -webkit-fill-available;
        padding: 0px;
    }


    .blog-txt1 {
        font-size: 13px;
        padding: 5px;
        line-height: 18px;
        font-weight: 600;
        color: #976000;
        background-color: #fff;
    }


    .blog-txt2 {
        font-size: 13px;
        padding: 5px;
        line-height: 18px;
        font-weight: 600;
        color: #976000;
        background-color: #fff;
    }

.blog-txt1:hover {
    color: #fff;
    background-color: #12496f;
}

.blog-txt2:hover {
    color: #fff;
    background-color: #12496f;
}

.bbox{
    border: 1px solid #12496f;
    border-radius: 5px;
    box-shadow: 4px 4px 10px 2px rgb(2 0 0 / 25%);
}



    .couse-box-imge {
        padding: 0px;
        width: -webkit-fill-available;
    }




    .upcoming-programmes1 {
        background-color: aliceblue;
    }

    .blog-txt-heading {
        background-color: #12496f;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px 5px 0px 0px;
        /*background-image: -webkit-linear-gradient(150deg, #c69c6d 35%, #12496f 35%);*/
    }

    span.hindi-text {
        float: right;
        color: #fff;
        font-size:14px;
    }

    .hov-text-none {
        color: #183a52;
        padding: 5px 10px;
        margin-top: 0px;
        font-size: 16px;
        font-weight: 600;
        background-color: #ebebeb;
        border-radius: 5px;
    }

    .flipbook-margin {
        padding: 5px 0px;
    }

    .viewinfo li {
        padding: 14px 5px;
        margin: 0 0px 10px 0;
        text-align: left;
        background-color: #F9F9F9;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        padding-left: 28px;
    }

    .viewinfo li {
        padding: 5px;
        text-align: left;
        background-color: #F9F9F9;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
    }

    .hov-text-none a {
        color: #010101;
    }

    .icon-pdf img {
        margin-top: -6px;
        margin-right: 5px;
    }

    .viewinfo li:last-child {
        margin: 0px;
    }


    @media (max-width:768px) {
        .krc-top {
            padding-top: 153px;
        }
    }

    @media (max-width:425px) {


        picture.w-lg-50 {
            width: 100% !important;
            margin-left: 3%;
        }
    }

@media (min-width: 320px) and (max-width:768px) {



#sidebar-wrapper .list-group {
    transition: all .5s ease !important;
    width: 15rem !important;
    position: fixed !important;
    left: 0px !important;
    display: block !important;
    z-index: 111111 !important;
  }
}

/*28-08-2025*/
.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #000 !important;
}

.btn-primary {
    color: #000 !important;
}

.btn-primary:hover {
    color: #fff !important;
}

.red {
    color: #ED0000 !important;
}