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

.navbar div {
    display: flex;
    justify-content: center;
}

.navbar .container-fluid {
    margin-left: 200px;
}

.navbar {
    background: rgb(5 48 115);
    border-bottom: 2px solid white;
}

.navbar-brand {
    font-size: 30px;
    font-weight: bold;
}

.nav-item a {
    font-weight: bold;
}


.nav-link:hover {
    color: red;
}

.navbar-nav ul li a:hover {
    border-bottom: 2px solid orange;
}

.isw-about {
    padding: 20px;
    background-color: black;
}

.isw-about h4 {
    font-size: 34px;
    font-weight: bold;
    color: white;
}

.isw-about h5 {
    font-size: 20px;
    font-weight: bold;
    color: orange;
    font-style: italic;
}

.isw-about-content p {
    text-align: justify;
    font-size: 18px;
    color: white;
    width: 100%;
}

.isw-about-content {
    display: flex;
}

.highlight marquee {
    color: yellow;
}

.notice-board {
    width: 60%;
    margin-left: 100px;
    margin-top: -72px;
}

.notice-board .notice-board-heading h4 {
    border-bottom: 2px solid rgba(66, 64, 64, 0.651);
}

.notice-board .notice-board-content {
    overflow-y: scroll;
    height: 200px;
}

.notice-board .notice-board-content p {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.wsw-event-container {
    background-image: url('images/Chandrayaan-3-2.png.webp');
    max-width: 100%;
    background-size: cover;
}

.wsw-event-container .wsw-content .wsw-content-cards {
    display: flex;
}

.wsw-event-container .wsw-content .wsw-content-cards .painting-competition {
    width: 25%;
    height: 200px;
    border: 2px solid white;
    background-color: rgba(16, 92, 163, 0.562);
    border-radius: 10px;
}

.wsw-event-container .wsw-content .wsw-content-cards .quiz-competition {
    width: 25%;
    height: 200px;
    border: 2px solid white;
    background-color: rgba(16, 92, 163, 0.562);
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-container .wsw-content .wsw-content-cards .reaching-out {
    width: 25%;
    height: 200px;
    border: 2px solid white;
    background-color: rgba(16, 92, 163, 0.562);
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-container .wsw-content .wsw-content-cards .astrography-contest {
    width: 25%;
    height: 200px;
    border: 2px solid white;
    background-color: rgba(16, 92, 163, 0.562);
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-container .wsw-content .wsw-content-cards .painting-competition p {
    color: white;
    font-weight: bold;
    margin-top: 35px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-container .wsw-content .wsw-content-cards .quiz-competition p {
    color: white;
    font-weight: bold;
    margin-top: 35px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-container .wsw-content .wsw-content-cards .reaching-out p {
    color: white;
    font-weight: bold;
    margin-top: 41px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-container .wsw-content .wsw-content-cards .astrography-contest p {
    color: white;
    font-weight: bold;
    margin-top: 41px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-container .wsw-content .wsw-event-heading h4 {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 23px;
    text-align: center;
    padding: 5px;
    background-color: white;
    width: 300px;
}


.wsw-event-public-container {
    background-image: url('images/CHANDHRR.jpg.webp');
    max-width: 100%;
    background-size: cover;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 {
    display: flex;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .citizen-familiarisation {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .citizen-familiarisation:hover {
    background: linear-gradient(rgb(12, 10, 129), rgb(1, 1, 32));
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .open-house {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .open-house:hover {
    background: linear-gradient(rgb(12, 10, 129), rgb(1, 1, 32));
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .wsw-media {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .wsw-media:hover {
    background: linear-gradient(rgb(12, 10, 129), rgb(1, 1, 32));
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .citizen-familiarisation p {
    color: white;
    font-weight: bold;
    margin-top: 35px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .open-house p {
    color: white;
    font-weight: bold;
    margin-top: 10px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .wsw-media p {
    color: white;
    font-weight: bold;
    margin-top: 20px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 {
    display: flex;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .astrography {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .astrography:hover {
    background-color: yellow;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .space-enterpreneur {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .space-enterpreneur:hover {
    background-color: yellow;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .teacher-workshop {
    width: 33%;
    height: 200px;
    border: 2px solid white;
    background: linear-gradient(rgb(4, 55, 150), rgb(3, 3, 61));
    border-radius: 10px;
    margin-left: 20px;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .teacher-workshop:hover {
    background-color: yellow;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .astrography p {
    color: white;
    font-weight: bold;
    margin-top: 25px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .space-enterpreneur p {
    color: white;
    font-weight: bold;
    margin-top: 35px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .teacher-workshop p {
    color: white;
    font-weight: bold;
    margin-top: 18px;
    font-size: 22px;
    text-align: center;
}

.wsw-event-public-container .wsw-event-public-content .wsw-event-public-heading h4 {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 23px;
    text-align: center;
    padding: 5px;
    background-color: white;
    width: 300px;

}

.footer {
    background-color: rgb(7, 46, 90);
    border-top: 2px solid rgb(0, 174, 255);
}

.footer .container .address-footer h5 {
    color: rgb(255, 255, 255);
}

.footer .container .address-footer p {
    color: rgb(197, 192, 192);
}

.copyright-container {
    background-color: rgb(3, 25, 46);
}

.registration-container .registration-table {
    background-color: rgb(17, 68, 126);
}

.registration-container .registration-table .registration-header h4 {
    color: white;
    padding: 20px;
    font-size: 30px;
}



@media(max-width:1400px) {
    .notice-board .notice-board-content {
        height: 250px;
    }

    .navbar .container-fluid {
        margin-left: 0px;
    }
}

@media(max-width:1200px) {
    .notice-board .notice-board-content {
        height: 300px;
    }

    .navbar-brand {
        font-size: 20px;
    }
}

@media(max-width:992px) {
    .notice-board .notice-board-content {
        height: 300px;
    }

    .navbar-brand {
        font-size: 30px;
    }

    .navbar div {
        justify-content: left;
    }

    .isw-about-content {
        display: flex;
        flex-direction: column;
    }

    .notice-board {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .wsw-event-container .wsw-content .wsw-content-cards {
        display: grid;
        grid-template-columns: auto auto;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .painting-competition {
        width: 100%;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .quiz-competition {
        width: 100%;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .reaching-out {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .astrography-contest {
        width: 100%;
        margin-top: 15px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 {
        display: flex;
        flex-direction: column;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .citizen-familiarisation {
        width: 100%;
        margin-top: 20px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .citizen-familiarisation:hover {
        background: linear-gradient(rgb(12, 10, 129), rgb(1, 1, 32));
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .open-house {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row1 .wsw-media {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 {
        display: flex;
        flex-direction: column;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .astrography {
        width: 100%;
        margin-top: 20px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .space-enterpreneur {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .wsw-event-public-container .wsw-event-public-content .wsw-event-public-content-cards-row2 .teacher-workshop {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
}

@media(max-width:700px) {
    .wsw-event-container .wsw-content .wsw-content-cards {
        display: flex;
        flex-direction: column;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .painting-competition {
        width: 100%;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .quiz-competition {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .reaching-out {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .wsw-event-container .wsw-content .wsw-content-cards .astrography-contest {
        width: 100%;
        margin-top: 15px;
        margin-left: 0px;
    }
}

@media(max-width:492px) {
    .navbar-brand {
        font-size: 16px;
    }
    .registration-container .registration-content .table-body table{
        width: 200px;
    }
}

@media(max-width:420px) {
    .copyright-container .copyright-content p {
        font-size: 12px;
    }
}

@media(max-width:356px) {
    .navbar-brand {
        font-size: 12px;
        font-weight: 500;
    }
}

@media(max-width:312px) {
    .navbar-brand {
        font-size: 10px;
        font-weight: 500;
    }

    .copyright-container .copyright-content p {
        font-size: 10px;
    }
}