@charset "UTF-8";

html {
    font-size: 10px;
}

body {
    font-family: "Poppins", sans-serif;
}

    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body h6,
    body p {
        margin: 0;
    }

    body a:hover {
        text-decoration: none;
    }

#header {
    /* #1c1b3b*/
    background: #0056a2;
    padding: 1rem 0;
}

    #header .nav .nav-item {
        padding-left: 4rem;
    }

        #header .nav .nav-item .nav-link {
            font-size: 1.8rem;
            font-weight: 500;
            color: #fff;
            text-transform: uppercase;
        }

        #header .nav .nav-item .helpBtn {
            background: #c50227;
            padding: 0.5rem 2rem;
            border-radius: 1rem;
            -webkit-border-radius: 1rem;
            -moz-border-radius: 1rem;
            -ms-border-radius: 1rem;
            -o-border-radius: 1rem;
        }

#mainNav {
    padding: 1rem 0;
}

    #mainNav .txtAndImgCtrl .navTitle {
        font-size: 2.5rem;
        font-weight: 800;
        padding-bottom: 1rem;
    }

    #mainNav .mainNavBar .nav-item {
        padding-left: 1.2rem;
    }

        #mainNav .mainNavBar .nav-item .nav-link {
            text-transform: uppercase;
            color: #1c1b3b;
            font-size: 1.5rem;
            font-weight: 500;
            border-bottom: 4px solid #c50227;
        }

    #mainNav .mainNavBar .dropdown * {
        text-transform: uppercase;
        color: #1c1b3b;
        font-size: 1.5rem;
        font-weight: 500;
    }

#banner .slick-dots li button:before {
    font-family: "slick";
    font-size: 80px;
    content: "�";
    text-align: center;
    opacity: 1;
    color: #fff;
}

#banner .slick-dots {
    position: absolute;
    bottom: 30px;
}

#banner .slick-dotted.slick-slider {
    margin-bottom: 0;
}

#noticeBoard .noticeTxt {
    padding: 11rem 11rem;
    background: #c50227;
    color: #fff;
    height: 100%;
    max-height: 15rem;
}

    #noticeBoard .noticeTxt .noticeTitle {
        font-size: 3.8rem;
        font-weight: 800;
    }

.noticeTxt.circulars.d-flex.align-items-center.justify-content-between {
    background: none !important;
}

#noticeBoard .noticeTxt .noticeTitle span {
    font-weight: 400;
}

#noticeBoard .noticeList .noticeSliderCtrl {
    cursor: pointer;
    padding: 2rem 5rem;
}

    #noticeBoard .noticeList .noticeSliderCtrl .singleNotice {
        color: #020202;
    }

        #noticeBoard .noticeList .noticeSliderCtrl .singleNotice .date {
            font-size: 3rem;
            font-weight: 700;
        }

        #noticeBoard .noticeList .noticeSliderCtrl .singleNotice .noticeDetails {
            font-size: 2rem;
            font-weight: 400;
            padding-top: 2rem;
            padding-bottom: 1.5rem;
        }

        #noticeBoard .noticeList .noticeSliderCtrl .singleNotice .seeMoreBtnLink {
            display: inline-block;
            margin-top: 1rem;
            background: #fff;
            border: 1px solid #c50227;
            padding: 0.75rem 1.5rem;
            font-size: 1.6rem;
            text-decoration: none;
            font-size: 1.7rem;
            color: #1c1b3b;
            letter-spacing: 0.5rem;
            text-transform: uppercase;
            font-weight: 600;
        }

.noticeIconn img.img-fluid {
    width: 100%;
    padding: 1rem;
}

.sectionTitle {
    font-size: 4rem;
    font-weight: 700;
    padding: 2rem 0;
}

#precedentMessage {
    margin-top: 3rem;
    padding-bottom: 4rem;
    background: #0056a2;
    color: #fff;
}

    #precedentMessage .innerSmlTitle {
        font-size: 3rem;
        padding-top: 3rem;
        font-weight: 600;
        padding-bottom: 2.5rem;
    }

    #precedentMessage .detailTxt {
        font-size: 2rem;
        padding-bottom: 3rem;
        font-weight: 400;
        text-align: justify !important;
    }

/*inner */
#inner {
    padding-bottom: 4rem;
    background: url(../images/inner-background.png);
    color: #fff;
    background-size: 100% 70%;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 7rem;
}

    #inner .innerSmlTitle {
        font-size: 3rem;
        padding-top: 3rem;
        font-weight: 600;
        padding-bottom: 2.5rem;
    }

    #inner .detailTxt {
        font-size: 2rem;
        padding-bottom: 10rem;
        font-weight: 400;
    }

.readMoreBtn {
    background: #c50227;
    color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.75rem 2rem;
}

#aboutDevCMS {
    padding: 2rem 0;
}

    #aboutDevCMS .innerTitle {
        font-size: 3.2rem;
        font-weight: 700;
        color: #c50227;
        padding: 2rem 0;
    }

    #aboutDevCMS .devDetail {
        font-size: 2rem;
        padding: 2rem 0;
        padding-bottom: 4rem;
        font-weight: 400;
        text-align: justify !important;
    }

    #aboutDevCMS .addBorderRight {
        border-right: 0.15rem solid #c50227;
    }

#events {
    padding: 3rem 0 0;
    padding-bottom: 0;
    color: #fff;
    background: linear-gradient( 0deg, rgb(57 53 110 / 95%), rgb(0 86 162/ 95%) ), url(../images/pic4.jpg)
    /*background: linear-gradient( 0deg, rgb(101 127 151 / 95%), rgba(0, 18, 33, 0.95) ), url(../images/pic4.jpg)*/
}

    #events .staticInfo {
        background: #fff;
        padding: 4rem;
        border-top: 1.5rem solid #c50227;
    }

        #events .staticInfo .staticInfoTitle {
            font-size: 3.5rem;
            font-weight: 700;
            color: #003865;
        }

            #events .staticInfo .staticInfoTitle span {
                font-weight: 100;
            }

#eventsDetails {
    padding: 2rem 0;
}

.eventDetailsLeft .singleEvent {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-right: 1rem
}

    .eventDetailsLeft .singleEvent .time {
        font-size: 1.7rem;
        font-weight: 700;
        color: #fff;
        /*background: #c50227;*/
        padding: 1rem 1rem;
        line-height: 1;
        display: inline-block;
        text-align: center;
    }

        .eventDetailsLeft .singleEvent .time span {
            font-size: 1.5rem;
            text-transform: uppercase;
        }

    .eventDetailsLeft .singleEvent .eventSmlTitle {
        font-size: 2rem;
        font-weight: 700;
        padding: 1rem 0;
    }

    .eventDetailsLeft .singleEvent .venu,
    .eventDetailsLeft .singleEvent .dateOfVenu {
        font-size: 1.7rem;
        font-weight: 500;
    }

.eventDetailsLeft .btn-readMoreOutline {
    font-size: 2rem;
    font-weight: bold;
    padding: 0.75rem 3rem;
    border: 1px solid #c50227;
    margin-top: 2rem;
    display: inline-block;
}

.rightInfoCtrl .singleInfo {
    text-align: center;
}

    .rightInfoCtrl .singleInfo .infoTitle {
        font-size: 4rem;
        font-weight: 600;
        border-top: 0.3rem solid #c50227;
        display: inline-block;
        color: #003865;
        margin-top: -2rem;
        padding-top: 2rem;
    }

    .rightInfoCtrl .singleInfo .infoDetails {
        font-size: 2rem;
        font-weight: 500;
        max-width: 50%;
        margin: 0 auto;
        margin-bottom: 6.8rem;
    }

#devPortal {
    padding: 2rem 0;
    padding-top: 0;
    /*color: #fff;*/
    background: linear-gradient( 0deg, rgb(57 53 110 / 95%), rgb(0 86 162/ 95%) ), url(../images/pic4.jpg)
}

    #devPortal .devPortalTitle {
        background: #c50227;
        font-size: 3.5rem;
        font-weight: 700;
        color: #fff;
        padding: 1.5rem 5rem;
        max-width: 32rem;
        margin: 0 auto;
        clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    }

    #devPortal .devPortalCards {
        padding-top: 5rem;
        text-align: center;
    }

        #devPortal .devPortalCards .devPortalText {
            font-size: 1.6rem;
            font-weight: 400;
            padding-top: 1rem;
        }

    #devPortal .card {
        background: transparent;
        cursor: pointer;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        border: 0px solid;
        border-radius: 0;
    }

        #devPortal .card:hover {
            background: rgba(0, 0, 0, 0.5);
        }

            #devPortal .card:hover img {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transition: all 0.3s;
            }

#photoGallery {
    padding: 2rem 0;
}

    #photoGallery .photoGalleryTitle {
        padding-bottom: 2rem;
        font-size: 5rem;
        font-weight: 600;
        color: #c50227;
    }

    #photoGallery .col img {
        min-height: 25rem;
    }

#footer {
    background: url(../images/footerBG.png);
    background-position: top right;
    background-size: 65% 100%;
    background-repeat: no-repeat;
}

    #footer .footerBigLogo {
        padding-top: 4rem;
    }

    #footer .devClgTitle {
        font-size: 3rem;
        font-weight: 700;
        padding-top: 4rem;
    }

    #footer .davDetailClgTxt {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.6;
    }

.quickLinks {
    padding-top: 3rem;
    padding-left: 10rem;
}

    .quickLinks .quickLinkTitle {
        font-size: 3.5rem;
        font-weight: 700;
        padding-bottom: 2rem;
        padding-top: 2rem;
        color: #fff;
    }

        .quickLinks .quickLinkTitle::before {
            content: url(../images/link.png);
            padding-right: 1rem;
            padding-top: 1rem;
        }

    .quickLinks .quickLinkList li {
        line-height: 2;
    }

        .quickLinks .quickLinkList li a {
            text-decoration: none;
            font-size: 1.7rem;
            color: #fff;
            font-weight: 600;
        }

#copyright {
    padding: 4rem 0;
    background: #0056a2;
}

    #copyright .copyrightText {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
    }

@media screen and (max-width: 768px) {
    .container {
        overflow: hidden;
    }

    #banner .slick-dots li button::before {
        font-size: 40px;
    }

    #noticeBoard .noticeTxt .noticeTitle {
        font-size: 3rem;
    }

    #noticeBoard .noticeList .noticeSliderCtrl {
        padding: 2rem 1rem;
        padding-bottom: 3.5rem;
    }

    .sectionTitle {
        font-size: 4rem;
    }

    section#banner {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
    }

    #precedentMessage .sectionTitle {
        padding-left: 1rem;
    }

    #events {
        padding: 3rem 0;
        padding-bottom: 3rem;
        padding-bottom: 0;
        padding-top: 0;
    }

        #events .sectionTitle {
            padding-bottom: 2rem;
        }

    #mainNav .mainNavBar .nav-item {
        padding-left: 0;
        padding-top: 1rem;
    }

        #mainNav .mainNavBar .nav-item .nav-link {
            border: none;
        }

    #mainNav {
        padding: 1.5rem 0;
    }

    #footer {
        background: #fff;
    }

        #footer * {
            color: #1c1b3b;
        }

        #footer .quickLinks {
            padding-left: 0;
        }

        #footer .quickLinkBG {
            background: url(../images/footerBG.png);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-top: 2rem;
        }

            #footer .quickLinkBG * {
                color: #fff;
            }

    #header .nav .nav-item {
        padding-left: 0;
    }

    .logoimg {
        max-width: 8rem;
    }

    .mobileLogo {
        display: block !important;
    }

    section#noticeBoard {
        padding: 0 5rem 2rem;
    }

    section#precedentMessage {
        padding: 0 5rem 2rem;
    }

    .col-md-6 {
        padding: 0.5rem;
    }

    .eventDetailsLeft .singleEvent {
        padding: 0 5rem;
    }

    .row.row-cols-1.row-cols-md-3.g-5 {
        text-align: center;
    }

    h3.photoGalleryTitle {
        text-align: center;
    }

    #footer .quickLinkBG * {
        color: #fff;
        text-shadow: 2px 2px 2px #000;
    }

    #events .sectionTitle {
        text-align: center;
    }

    #devPortal .row-cols-2 > * {
        padding: 0.2rem;
    }

    #menu ul {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        margin-bottom: 5px !important;
        list-style: none !important;
    }

        #menu ul li a {
            text-decoration: none !important;
            color: rgba(0, 0, 0, 0.99) !important;
            text-shadow: none !important;
            font-weight: 600 !important;
            display: block !important;
            padding: 6px !important;
            text-align: center !important;
            text-transform: uppercase !important;
            color: #1c1b3b !important;
            font-size: 1rem !important;
            font-weight: 500 !important;
            border-bottom: none !important;
        }

    #Menu1 a.static {
        padding-left: 0rem !important;
        padding-right: 0.15em !important;
        text-align: left !important;
    }

    .navbar-collapse {
        padding-top: 10px;
    }

    #menu ul li ul {
        z-index: 9999;
    }
    /*#menu ul {      
        height: 250px !important;
    }*/

    #events .staticInfo .staticInfoTitle {
        font-size: 2.9rem;
        text-align: center;
    }
}


@media screen and (min-width: 992px) and (max-width: 1900px) {
    #mainNav .txtAndImgCtrl .navTitle {
        font-size: 2.0rem;
        font-weight: 800;
        padding-bottom: 1rem;
    }

    .desktopLogo {
        height: 100%;
    }

    .logoimg {
        display: none;
    }
}

.about img.img-fluid {
    width: 80%;
    border: 1px solid #fff;
    margin: 0px 11%;
}

.des p.devDetail.text-start {
    font-size: 1.5rem !important;
    text-align: justify !important;
    padding: 2rem !important;
}

/* Navigation Top Menu */



#menu ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 2px;
    list-style: none;
    margin-top: -10px !important;
}

    #menu ul li {
        display: inline-block;
        /* margin-right: -4px; */
        position: relative;
        cursor: pointer;
        /* border-right: .1em solid #e28a07; */
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        /* border-bottom: 3px solid #7f0909;*/
        margin-left: 8px;
        /* text-align: center; */
    }

        #menu ul li:last-child {
            border-right: none;
        }

        #menu ul li a {
            text-decoration: none;
            color: rgba(0, 0, 0, 0.99);
            text-shadow: none;
            font-weight: 600;
            display: block;
            height: 100%;
            /* background: red; */
            width: 85%;
            padding: 8px;
            margin: 0px 20px 2px 3px;
            text-align: center;
            text-transform: uppercase;
            color: #1c1b3b;
            font-size: 1.5rem;
            font-weight: 500;
            border-bottom: 3px solid #c50227;
        }

        #menu ul li:hover {
            color: rgba(51, 51, 51, 0.99);
        }

        #menu ul li ul {
            z-index: 9999;
            padding-top: 10px;
            position: absolute;
            top: 44px;
            left: 0;
            width: 150px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
            opacity: 0;
            visibility: hidden;
            -webkit-transiton: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -ms-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            -transition: opacity 0.2s;
            text-align: left !important;
        }

            #menu ul li ul li {
                background: #fff;
                display: block;
                color: #fff;
                /* text-shadow: 0 -1px 0 #000; */
                /* border-bottom: .1em solid #ea910b; */
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                padding: 2px;
                width: 250px;
            }

                #menu ul li ul li:last-child {
                    /* border-bottom: 8px solid rgb(206, 152, 0);*/
                }

                #menu ul li ul li:hover {
                    background-color: #e9ecef;
                    color: #fff !important;
                }

                #menu ul li ul li a:hover {
                    color: #1c1b3b;
                }

                #menu ul li ul li a {
                    text-align: left !important;
                    border-bottom: 1px solid #ccc !important;
                }

#Menu1 a.popout {
    background-image: url('../images/mimenuArrowDown.gif') !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
}

a:focus {
    outline: none;
}

#menu ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

#Menu1 a {
    text-decoration: none;
    white-space: normal !important;
    display: block;
}

td p span {
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem !important;
    font-weight: 400;
    padding: 2rem 0 !important;
}

td a span {
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem !important;
    font-weight: 400;
    padding: 2rem 0 !important;
}

.close:hover, .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    /*opacity: 0.2;*/
    filter: alpha(opacity=20);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-content {
    font-size: 16px;
    text-align: justify;
}

.white-text {
    color: #fff;
}

.tab {
    color: #fff !important;
    float: left;
    width: 100%;
    background-color: #c50227;
    text-align: center;
    font-size: 2.5rem !important;
    padding: 1rem !important;
    font-weight: bold;
    font-family: "Poppins", sans-serif !important;
}