body {
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    background: #fdfdfd;
}

h1, h2, h3, h4, h5, h6 {
    color: #1f1f21;
}

p, span, strong {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

div {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    list-style: none;
}

a {
    text-decoration: none;
    color:#000;
}

    a:hover {
        text-decoration: none;
    }

:before, :after {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.container1 {
    width: 900px;
    margin: 0 auto;
}


/*global*/
[class^="col-md"] {
    height: 100%;
}

.section {
    padding: 40px 0px;
}

.section-top {
    padding: 40px 0px 0px;
}

.section-bottom {
    padding: 0px 0px 40px;
}

.yellow {
    background: #fbdb0f;
}

.blueback {
    background: #0d0d55;
}

.wrapper {
    width: auto;
    padding: 20px;
    margin: 80px 0px 0px 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

#toc {
    width: auto;
    display: block;
    background: #f9f9f9;
    padding: 15px 20px;
    border-radius: 0px;
    border: 1px #CCC solid;
    margin: 15px 0px;
}

.tocactive {
    position: fixed;
    z-index: 1000;
    margin: 0px !important;
    top: 110px !important;
    width: 260px !important;
    background: #FFF !important;
}

#toc h2 {
    font-size: 15px;
}

#toc ul {
    width: auto;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

    #toc ul li {
        width: auto;
        font-size: 13px;
        color: #000;
        padding: 5px 0px;
    }
        #toc ul li a {
            color: #007bff;
        }
        /*sociallink*/
        .social-link {
            width: auto;
        }

    .social-link ul {
        width: auto;
        text-align: right;
        margin: 0px;
        padding: 0px;
    }

        .social-link ul li {
            display: inline-block;
        }

            .social-link ul li a {
                font-size: 12px;
                padding: 5px;
                color: #000;
            }

                .social-link ul li a:hover {
                    color: #0f5187;
                }

    .social-link.white ul {
        text-align: left;
    }

        .social-link.white ul li a {
            color: #f8c300;
        }

/*header*/
.header {
    width:100%;
    position:fixed;
    box-shadow: 0px 0px 10px #CCC;
    padding: 0px 0px;
    margin: 0px 0px 20px 0px;
    top:0px;
    z-index:1000;
    background:#fff;
}

    .header .logo {
        width: 170px;
    }

        .header .logo a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: inherit;
        }

        .header .logo img {
            width: 100%;
            height: auto;
        }

    .header .top-menu {
        width: auto;
        padding: 10px 0px;
    }

        .header .top-menu ul {
            width: auto;
            text-align: right;
            margin: 0px;
            padding: 0px;
        }

            .header .top-menu ul li {
                display: inline-block;
                font-size: 12px;
                position: relative;
            }

                .header .top-menu ul li a {
                    color: #000;
                    padding: 5px 10px;
                    display: block;
                    font-size: 12px;
                }
                    .header .top-menu ul li a.admission {
                        background: #f8c300;
                        border-radius:4px;
                    }

                    .header .top-menu ul li a:before {
                        width: 0%;
                        height: 2px;
                        position: absolute;
                        left: 0px;
                        bottom: 0px;
                        content: '';
                        background: #f8c300;
                    }

                    .header .top-menu ul li a:hover {
                        color: #0f5187;
                    }

                        .header .top-menu ul li a:hover:before {
                            width: 100%;
                        }

                    .header .top-menu ul li a.active {
                        color: #0f5187;
                    }

                        .header .top-menu ul li a.active:before {
                            width: 100%;
                        }

                .header .top-menu ul li ul {
                    position: absolute;
                    left: 0px;
                    top: 100%;
                    width: 180px;
                    background: #FFF;
                    box-shadow: 0px 0px 10px #eee;
                    text-align: left;
                    z-index: 100;
                    display: none;
                }

                .header .top-menu ul li:hover ul {
                    display: block;
                }

                .header .top-menu ul li ul li {
                    display: block;
                    border-bottom: 1px #999 dotted;
                    text-transform: lowercase !important;
                }

                    .header .top-menu ul li ul li a {
                        padding: 12px !important;
                        font-size: 13px !important;
                    }

        .header .top-menu.main {
            width: auto;
            border-top: 1px #CCC solid;
            padding:0px;
        }

            .header .top-menu.main ul li a {
                font-weight: 500;
                padding: 10px 15px;
                text-transform: uppercase;
                font-size: 13px;
            }

    .header .search {
        border-top: 1px #CCC solid;
        text-align: right;
        padding: 7px 2px;
        cursor: pointer;
        font-size: 13px;
        display: flex;
        border-radius: 0px;
        outline: 0px;
        justify-content: flex-end;
    }

        .header .search ui-autocomplete-input {
            width: 100px;
        }

        .header .search .search-btn {
            width: 25px;
            height: 25px;
            padding: 5px;
            background: #f8c300;
            color: #000;
            display: block;
            font-size: 13px;
            border:0px;
            margin: 0px 0px 0px 5px;
            position:relative;
        }
        .header .search .search-dropdown {
            width:400px;
            position: absolute;
            z-index:100;
            right: 32px;
            top:32px;
            border: 1px #cfc9c9 solid;
            background:#fff;
            text-align:left;
        }
            .header .search .search-dropdown a {
                display:block;
                padding:5px;
                font-size:13px;
            }
            
            /*categories*/
            .categories-list {
                width: auto;
                margin: -15px 0px 0px 0px;
            }

    .categories-list ul {
        width: auto;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .categories-list ul li {
            border-bottom: 1px #e5e1e1 solid;
            margin: 0px;
            padding: 0px;
        }

            .categories-list ul li:last-child {
                border: 0px;
            }

        .categories-list ul a {
            width: auto;
            display: block;
            padding: 7px 0px;
            overflow: hidden;
            color: #2196f3;
            font-size: 13px;
        }

            .categories-list ul a span {
                float: right;
                color: #dfa00e;
                font-weight: 500;
            }



.tagnamebox {
    border-bottom: 1px #2196f3 solid;
    margin: 0px 0px 15px 0px;
}

    .tagnamebox .tagname {
        background: #2196f3;
        color: #fff;
        padding: 6px 10px;
        display: inline-block;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 500;
    }

        .tagnamebox .tagname a {
            color: #fff;
        }

.blogarea {
    width: 100%;
    position: relative;
}

.cattag {
    display: inline-block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 0px 0px 5px 0px;
    font-size: 10px;
}

    .cattag a {
        color: #FFF;
    }

.blogarea .blog-img {
    width: 100%;
    height: 100%;
    height: auto;
}

    .blogarea .blog-img img {
        width: 100%;
    }

.blogarea .blog-content {
    width: auto;
    padding: 10px 0px 0px 0px;
}

.blogarea .title a {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}


.blogarea .blog-content .author {
    width: auto;
    display: flex;
    align-items: center;
    margin: 5px 0px;
}

    .blogarea .blog-content .author .name {
        font-size: 13px;
        line-height: 12px;
        border-right: 1px #2196f3 solid;
        font-weight: 500;
        margin: 0px 10px 0px 0px;
        padding: 0px 10px 0px 0px
    }

    .blogarea .blog-content .author .date {
        font-size: 13px;
        margin:0px;
        color: #222;
    }

    .blogarea .blog-content .author .view {
        font-size: 13px;
        color: #196eb1;
        margin: 0px 0px 0px auto
    }

.blogarea .text {
    width: auto;
    font-size: 14px;
    line-height: 22px;
    color: #6c6363;
    text-align: justify;
    height:92px;
    overflow: hidden;
}

    .blogarea .text.biglimit {
        height: 250px;
    }

    .blogarea .text h1, .blogarea .text h2, .blogarea .text h3, .blogarea .text h4, .blogarea .text h5, .blogarea .text h6 {
        font-size: 14px !important;
        line-height: 22px !important;
        color: #584d4d !important;
        margin: 0px !important;
        padding: 0px !important;
        font-weight: 400 !important;
    }
    .blogarea .text span, .blogarea .text strong {
        font-size: 14px !important;
        line-height: 22px !important;
        color: #584d4d !important;
        margin: 0px !important;
        padding: 0px !important;
        font-weight: 400 !important;
    }


.blogarea .text p {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #584d4d !important;
    text-align: justify;
}

.blogarea .text div {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #584d4d !important;
    text-align: justify;
}

    .blogarea .text p span {
        font-size: 14px !important;
        line-height: 22px !important;
        color: #584d4d !important;
        text-align: justify;
    }



    .blogarea .text h2 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }

    .blogarea .text h3 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }


.blogarea.fix {
    width: auto;
    height: 100%;
}

    .blogarea.fix .blog-img {
        height: 100%;
    }

        .blogarea.fix .blog-img img {
            height: 100%;
        }

    .blogarea.fix:before {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.8) 80%);
        content: '';
    }

    .blogarea.fix .blog-content {
        position: absolute;
        left: 0px;
        bottom: 0px;
        color: #fff;
        padding: 15px;
    }

        .blogarea.fix .blog-content .name {
            color: #fff;
            font-size: 13px;
            line-height: normal;
        }


        .blogarea.fix .blog-content .title {
            color: #fff;
            font-size: 15px;
            line-height: normal;
        }

        .blogarea.fix .blog-content .author .date {
            color: #fff;
            font-size: 13px;
            line-height: normal;
        }

.blogarea.inline {
    width: auto;
    align-items: flex-start;
    border-bottom: 1px #eee solid;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
}

    .blogarea.inline:last-child {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

    .blogarea.inline:first-child {
        padding: 0px 0px 15px 0px;
        margin: 0px 0px 15px 0px;
        border-bottom: 1px #eee solid;
    }

    .blogarea.inline .blog-img {
        height: 80px;
    }

    .blogarea.inline .blog-content {
        padding: 0px 0px 0px 10px;
    }

    .blogarea.inline .title {
        font-size: 14px;
        line-height: 20px;
		color:#000;
		font-weight:500;
    }


.blogarea.inlineleft {
    width: auto;
    align-items: flex-start;
    border-bottom: 1px #eee solid;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
}

    .blogarea.inlineleft:last-child {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

    .blogarea.inlineleft:first-child {
        padding: 0px 0px 15px 0px;
        margin: 0px 0px 15px 0px;
        border-bottom: 1px #eee solid;
    }

    .blogarea.inlineleft .blog-img {
        height: 155px;
    }

        .blogarea.inlineleft .blog-img img {
            object-fit: inherit;
        }


    .blogarea.inlineleft .blog-content {
        padding: 0px 0px 0px 10px;
    }


/*blog detail*/

.blogarea.detail {
    width: auto;
}

    .blogarea.detail .blog-img {
        height: auto;
        min-height: inherit;
        margin: 15px 0px;
    }

    .blogarea.detail .blog-content h1 {
        width: auto;
        font-size: 25px;
        line-height: 30px;
        font-weight: 500;
        color: #000;
        margin: 0px 0px 15px 0px;
    }

    .blogarea.detail .blog-content h2 {
        width: auto;
        font-size: 19px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
        margin: 10px 0px;
    }

    .blogarea.detail .blog-content h3 {
        width: auto;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        color: #000;
        margin: 15px 0px 10px;
    }


    .blogarea.detail .blog-content ol {
        margin: 0px;
        padding: 0px 15px;
    }

    .blogarea.detail .blog-content ul {
        margin: 0px;
        padding: 0px 15px;
    }

    .blogarea.detail .blog-content li {
        margin: 5px 0px;
        padding: 0px;
        font-size: 15px;
        line-height: 1.74;
        color: #222;
    }

        .blogarea.detail .blog-content li strong {
            color: #313742;
        }

    .blogarea.detail .blog-content p {
        font-size: 15px;
        line-height: 1.74;
        color: #222;
        text-align: justify;
        margin: 0px 0px 15px 0px;
    }

    .blogarea.detail .blog-content div {
        font-size: 15px;
        line-height: 1.74;
        color: #222;
        text-align: justify;
        margin: 0px 0px 15px 0px;
    }

        .blogarea.detail .blog-content div a {
            color: #2196f3 !important;
            text-decoration:underline!important;
            font-weight:500!important;
        }





        .blogarea.small {
            margin: 0px 0px 15px 0px;
        }

    .blogarea.small .blog-img {
        height: auto;
    }

/*latest latest-blogs*/

.latest-blogs {
    width: auto;
    display: grid;
    margin: 20px 0px 0px 0px;
    grid-template-columns: 23% 22% 25% 25%;
    grid-template-rows: 170px 170px;
}

    .latest-blogs .box {
        background: #000;
    }

        .latest-blogs .box:nth-child(3) {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
        }


    .latest-blogs .blogarea .title a {
        color: #fff;
    }

.latest-blogs1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.latest-blogs {
    display: grid;
    gap: 20px;
}



    .latest-blogs .box.big5 {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

#txtSearch {
    width: 178px;
    /*	padding:4px;*/
    border: 1px #cfc9c9 solid;
    font-size: 12px;
    outline: 0px;
}

.ui-menu .ui-menu-item {
    font-size: 12px;
}

.ui-autocomplete {
    direction: rtl; /* Right-to-left text */
    text-align: left;
    font-size: 12px; /* Right-aligned text */
    white-space: nowrap; /* Prevent line break, keeps one line */
    display: inline-block; /* Allows width to shrink to content */
    max-width: 360px; /* Optional max width */
}

    .ui-autocomplete li {
        white-space: normal; /* Wrap long content */
    }

/*footer*/
.footer {
    background: #222222;
    padding: 50px 0px;
}

    .footer .content {
        width: auto;
    }

        .footer .content .logo {
            width: 190px;
        }

            .footer .content .logo img {
                width: 100%;
                height: auto;
            }

        .footer .content .title {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            margin: 0px 0px 10px 0px;
            color: #fff;
        }

        .footer .content p {
            color: #fff;
            font-size: 13px;
            line-height: 20px;
            margin: 15px 0px;
        }

            .footer .content p a {
                color: #f8c300;
            }

.appybtn {
    width: auto;
    margin: 15px 0px 0px 0px;
}
    .appybtn a {
        width: auto;
        background: #f8c300;
        border-radius: 4px;
        padding: 5px 10px;
        display: block;
        font-size: 12px;
        text-align:center;
    }


.moretories {
    width: 300px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 1px #cfc9c9 solid;
    padding: 12px;
    box-shadow: 0px 0px 10px #d5d5d5;
    display: none;
    z-index: 1000000;
    background: #fff;
}

    .moretories .title {
        width: auto;
        overflow: hidden;
        font-weight: 600;
        margin: 0px 0px 5px 0px;
        display: block;
        font-size:13px;
    }

        .moretories .title span {
            float: right;
            cursor: pointer;
        }

    .moretories .box {
        width: auto;
        margin: 10px 0px 0px 0px;
    }

        .moretories .box a {
            display: block;
            color: #000;
        }

        .moretories .box .img {
            width: 65px;
            float: left;
            margin: 0px 15px 0px 0px;
        }

            .moretories .box .img img {
                width: 100%;
                height: auto;
            }

        .moretories .box .text {
            width: auto;
            overflow: hidden;
        }

            .moretories .box .text p {
                font-size: 12px;
                line-height:15px;
            }

                .moretories .box .text p span {
                    color: #666;
                }



@media(min-width:0px) and (max-width:767px) {
    .section {
        padding: 10px 0px;
    }

    .header {
        margin: 0px;
        position:relative;
    }
    .wrapper { margin:0px;
               padding:5px;
    }

        .header .top-menu ul {
            text-align: center;
        }

            .header .top-menu ul li a {
                padding: 2px 5px !important;
                font-size:11px!important;
            }

        .header .top-menu.main {
            padding: 5px 0px;
        }

    .latest-blogs { display:block;
    }
    .latest-blogs .box {
        margin: 10px 0px;
    }

    .blogarea.fix .blog-content {
        padding: 10px !important;
    }

    .social-link ul {
        text-align: center;
    }

    .header .logo {
        width: auto;
        text-align: center;
        padding: 10px 0px 0px;
    }

        .header .logo img {
            width: 120px;
            height: auto;
            margin: 0px auto;
        }


   

    .blogarea .blog-img {
        height: inherit !important;
    }

    .blogarea .blog-content {
        padding: 10px 0px !important;
    }



    .tocactive {
        position: relative !important;
        width: 100% !important;
        left: 0px;
        padding: 5px;
        top: 0px !important;
    }

    #toc ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }

        #toc ul li {
            margin: 0px 10px 0px 0px !important;
            list-style: none;
        }

            #toc ul li a {
                text-decoration: underline;

            }

    .header .search {
        justify-content:center;

    }
    #txtSearch { width:90%;}
    .header .search .search-dropdown { right:auto; left:5px; width:300px;}

    .moretories { display:none!important;}

}