@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Poppins", Arial, sans-serif;
    background: url(/static/images/twinkling_stars.png) repeat, #000000 url(/static/images/stars.png) repeat;
    background-attachment: fixed, fixed;
    background-size: auto, auto;
    z-index: 0;
    animation: move-twink 400s linear infinite;
    color:white;
}

@keyframes move-twink {
            0% {
                background-position: 0 0, 0 0;
            }

            100% {
                background-position: 0 0, -10000px 6000px;
            }
        }

.header img {
    width: 100%;
}

.main-container {
    max-width: 100%;
}

nav {
    background-color: rgb(8, 66, 133);
}

nav .container-fluid .collapse ul {
    margin: auto;
    color: white;
    text-transform: uppercase;
}

.navbar {
    --bs-navbar-color: white;
    --bs-navbar-active-color: white;
    --bs-navbar-padding-y: 0px;
}

.navbar-nav {
    --bs-nav-link-hover-color: none;
}

.my-new-section div img {
    width: 200px;
    height: 220px;
}

.supported-state-govt marquee .state-govt-logo {
    display: flex;
    gap: 20px;
}

.supported-state-govt marquee {
    width: 80%;
    padding: 10px;
    margin: auto;
    display: flex;
}

.supporting-vision img {
    display: flex;
    margin: auto;
    width: 80%;
}

.achievements .row-first {
    display: flex;
    justify-content: center;
    gap: 30px;
}


.achievements .row-first .first-achievement img,
.second-achievement img,
.third-achievement img {
    width: 400px;
    border: 5px solid black;
}

.achievements .row-second {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.achievements .row-second .first-achievement img,
.second-achievement img,
.third-achievement img {
    width: 400px;
    border: 5px solid black;
}

.achievements .row-second .first-achievement img {
    display: block;
}

.achievements .row-first .second-first-achievement {
    display: none;
}

.news-event-notice-section .section-container {
    gap: 20px;
}

.news-event-notice-section .section-container .news-section,
.notice-section,
.event-section {
    border: 2px solid white;
    padding: 2px;
    height: 400px;
}

.news-event-notice-section .section-container .news-section .content-container marquee,
.notice-section .content-container marquee,
.event-section .content-container marquee {
    height: 320px;
}

.news-event-notice-section .section-container .news-section p,
.notice-section p,
.event-section p {
    background-color: rgb(14, 70, 143);
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.news-event-notice-section .section-container .news-section .content-container p,
.notice-section .content-container p,
.event-section .content-container p {
    color: white;
    text-align: left;
    font-size: 17px;
    margin-left: 5px;
    padding: 0px;
    background: none;
    margin-bottom: 0px;
    font-weight: normal;
}

.news-event-notice-section .section-container .news-section .content-container a,.notice-section .content-container a,
.event-section .content-container a{
    text-decoration:none;
}

.explore-container .explore-row-container img {
    width: 200px;
}

.oath-msg ul {
    list-style: decimal;
}

.oath-msg ul li {
    margin-top: 10px;
}

.first-row,
.second-row,
.third-row,
.fourth-row,
.fifth-row,
.sixth-row,
.seventh-row,
.eight-row,
.ninth-row,
.tenth-row,
.eleventh-row,
.twelveth-row,
.thirteenth-row,
.fourteenth-row,
.fifteenth-row,
.sixteenth-row,
.seventeenth-row,
.eighteenth-row,
.nineteenth-row{
    display: flex;
    margin: auto;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

.first-row img,
.second-row img,
.third-row img,
.fourth-row img,
.fifth-row img,
.sixth-row img,
.seventh-row img,
.eight-row img,
.ninth-row img,
.tenth-row img,
.eleventh-row img,
.twelveth-row img,
.thirteenth-row img,
.fourteenth-row img,
.fifteenth-row img,
.sixteenth-row img,
.seventeenth-row img,
.eighteenth-row img,
.nineteenth-row img{
    width: 200px;
}

footer {
    background-color: black;
    display: flex;
    justify-content: center;
    padding: 5px;
    margin-top: 10px;
}

.contact-body .contact-body-content-container .content p {
        margin: 0px;
        font-weight: bold;
        font-size: 20px;
}

@media(max-width:1280px) {

    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .third-achievement img {
        width: 300px;
        border: 5px solid black;
    }

    .achievements .row-second .first-achievement img,
    .second-achievement img,
    .third-achievement img {
        width: 300px;
        border: 5px solid black;
    }

    nav .container-fluid .collapse ul li {
        font-size: 13px;
    }
}

@media(max-width:1200px) {
    .explore-container .explore-row-container img {
        width: 100px;
    }
}

@media(max-width:1100px) {

    .first-row,
    .second-row,
    .third-row,
    .fourth-row,
    .fifth-row,
    .sixth-row,
    .seventh-row,
    .eight-row,
    .ninth-row,
    .tenth-row,
    .eleventh-row,
    .twelveth-row,
    .thirteenth-row,
    .fourteenth-row,
    .fifteenth-row,
    .sixteenth-row,
    .seventeenth-row,
    .eighteenth-row,
    .nineteenth-row{
        display: grid;
        grid-template-columns: auto auto auto;
    }
}

@media(max-width:1080px) {
    nav .container-fluid .collapse ul li {
        font-size: 12px;
    }
}

@media(max-width:990px) {

    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .third-achievement img {
        width: 250px;
        border: 5px solid black;
    }

    .achievements .row-second .first-achievement img,
    .second-achievement img,
    .third-achievement img {
        width: 250px;
        border: 5px solid black;
    }
    .contact-body .contact-body-content-container .content p {
            font-size: 16px;
        }
}

@media(max-width:820px) {
    .achievements .row-first {
        display: grid;
        grid-template-columns: auto auto;
        gap: 30px;
    }

    .achievements .row-second {
        display: grid;
        grid-template-columns: auto auto;
        gap: 30px;
    }

    .achievements .row-first .second-first-achievement {
        display: block;
    }


    .achievements .row-second .first-achievement {
        display: none;
    }

    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .second-first-achievement img {
        width: 350px;
        border: 5px solid black;
    }

    .achievements .row-second .second-achievement img,
    .third-achievement img {
        width: 350px;
        border: 5px solid black;
    }
}

@media(max-width:760px){
        .contact-body .contact-body-content-container .content p {
            display: flex;
            justify-content: center;
            font-size: 18px;
        }
        .contact-body .contact-body-content-container .content{
            margin-bottom: 30px;
        }
}

@media(max-width:740px) {

    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .second-first-achievement img {
        width: 300px;
        border: 5px solid black;
    }

    .achievements .row-second .second-achievement img,
    .third-achievement img {
        width: 300px;
        border: 5px solid black;
    }
}

@media(max-width:690px){
        .contact-body .contact-body-content-container .content p {
            display: flex;
            justify-content: center;
            font-size: 15px;
        }
}

@media(max-width:640px) {
    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .second-first-achievement img {
        width: 200px;
        border: 5px solid black;
    }

    .achievements .row-second .second-achievement img,
    .third-achievement img {
        width: 200px;
        border: 5px solid black;
    }

    .first-row img,
    .second-row img,
    .third-row img,
    .fourth-row img,
    .fifth-row img,
    .sixth-row img,
    .seventh-row img,
    .eight-row img,
    .ninth-row img,
    .tenth-row img,
    .eleventh-row img,
    .twelveth-row img,
    .thirteenth-row img,
    .fourteenth-row img,
    .fifteenth-row img,
    .sixteenth-row img,
    .seventeenth-row img,
    .eighteenth-row img,
    .nineteenth-row img{
        width: 150px;
    }
}


@media(max-width:600px) {
    .explore-container .explore-row-container img {
        width: 80px;
    }

    footer p {
        font-size: 12px;
    }
}

@media(max-width:480px) {
    .explore-container .explore-row-container img {
        width: 50px;
    }

    .first-row img,
    .second-row img,
    .third-row img,
    .fourth-row img,
    .fifth-row img,
    .sixth-row img,
    .seventh-row img,
    .eight-row img,
    .ninth-row img,
    .tenth-row img,
    .eleventh-row img,
    .twelveth-row img,
    .thirteenth-row img,
    .fourteenth-row img,
    .fifteenth-row img,
    .sixteenth-row img,
    .seventeenth-row img,
    .eighteenth-row img,
    .nineteenth-row img{
        width: 100px;
    }
}

@media(max-width:440px) {
    .achievements .row-first .first-achievement img,
    .second-achievement img,
    .second-first-achievement img {
        width: 120px;
        border: 3px solid black;
    }

    .achievements .row-second .second-achievement img,
    .third-achievement img {
        width: 120px;
        border: 3px solid black;
    }
}

@media(max-width:420px){
        .contact-body .contact-body-content-container .content p {
            display: flex;
            justify-content: center;
            font-size: 12px;
        }
    }
   

@media(max-width:380px) {
    footer p {
        font-size: 9px;
    }
}

 @media(max-width:350px){
        .contact-body .contact-body-content-container .content p {
            display: flex;
            justify-content: center;
            font-size: 10px;
        }
    }
    
@media(max-width:320px) {
    .first-row img,
    .second-row img,
    .third-row img,
    .fourth-row img,
    .fifth-row img,
    .sixth-row img,
    .seventh-row img,
    .eight-row img,
    .ninth-row img,
    .tenth-row img,
    .eleventh-row img,
    .twelveth-row img,
    .thirteenth-row img,
    .fourteenth-row img,
    .fifteenth-row img,
    .sixteenth-row img,
    .seventeenth-row img,
    .eighteenth-row img,
    .nineteenth-row img{
        width: 90px;
    }
}

.razorpay-payment-button{
    display: none;
}

.footer ul{
    display:flex;
    justify-content:center;
    margin:auto;
    gap:10px;
}
    
.footer ul li{
    list-style:none;
}
    
.footer ul li a{
    text-decoration:none;
    color:black;
}

@media(max-width:750px){
    .footer{
        zoom:70%;
    }
}

@media(max-width:530px){
    .footer{
        zoom:50%;
    }
}
    
@media(max-width:370px){
    .footer{
        zoom:40%;
    }
}