@import url("https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Handjet:wght@100;200;300;400;500;600;700;800;900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");

:root{

    --nse-purple:#392D81;
    --nse-organce:#E47025;
    --nse-yellow:#EDB41D;
    --nse-red:#E02129;
}

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

body{
    font-family: "Bungee Inline", sans-serif;
    font-family: "Handjet", sans-serif;
    font-family: "IBM Plex Sans", sans-serif;
    font-family: "Nunito", sans-serif;
    color: rgba(0, 0, 0, 0.55);
}

h1 , h2 , h3 , h4 , h5 , h6{
    color: #424242;    
}
ul , li {
    list-style: none;
}

.nse-purple{
    color: #392D81;
}

.color-color{
    color:rgba(0, 0, 0, 0.55);
}

.headling {
    color: #424242;   
    padding-top: 1rem;
    padding-bottom: 1rem;   
    font-size: 1rem;
    font-weight: 500;
}

p{
    font-weight: 600;
    color:rgba(0, 0, 0, 1);
}
a{
    text-decoration: none;
    color: #424242;
}


.Bannerimage {
    background-image: url(../Images/BanerSection/Bannerimage.png);
    height: 320px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;

}

.select-element {
    height: 200px;
    width: 200px;
    /* background: url('https://webdevpuneet.com/wp-content/uploads/2021/05/cat1.png') no-repeat center center; */
    background-color: orange;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    /* Clip Path */
}



.calnendertable thead tr th span {
    font-weight: 400;

}

.calnendertable thead tr th i {
    margin: 0px 5px;
}

.calnendertable tbody tr td span {
    margin: 0px 5px;
}

.calnendertable tbody tr td {
    height: 50px;
}

table.calnendertable thead tr th {
    color: #898989 ;  
    column-gap: 1rem;
}

table.calnendertable thead tr th {
    border-bottom: 1px solid #898989;
    height: 50px;
}

table.calnendertable tbody tr td  {
   color: #424242;
   font-weight: 500;
}

table.calnendertable tbody tr td span.main {
    display: flex;
    align-items: center;
    flex-direction: row;
}
table.calnendertable tbody tr td span.cilicle{
    background: #020076ba;color: white;border: none;border-radius: 50%;height: 2rem;width: 2rem;display: inline-block;text-align: center;position: relative;clear: both;z-index: 10;
}

table.calnendertable tbody tr td span.cilicle::after{
    content: "";
    display: block;
    width: 3px;
    height: 1.2rem;
    background-color: #020076ba;
    position: relative;
    top: 2rem;
    left: 45%;
}

table.calnendertable tbody tr td span.cilicle-nonafter{
    background: #020076ba;color: white;border: none;border-radius: 50%;height: 2rem;width: 2rem;display: inline-block;text-align: center;position: relative;clear: both;z-index: 10;
}

table.calnendertable tbody tr td span.cilicle-nonafter::after{
 display: none;
}

table.calnendertable tbody tr td span span.two {
    position: absolute;top: 4px;left: 7px; 
}

.startform input {
    background-color: transparent;
    border: 0;
    margin: 25px 0px;
    height: 50px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.582);
    display: block;
    width: 100%;
}

.startform input:focus {
    outline: none;

}

.angle_icon{
    color: #EDB41D;
}

select{
    background-color: transparent;
    width: 100%;
    height: 50px;
    color: #898989;
    -moz-border:none;
    -webkit-border: none;
    border: none;
    outline: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.582);
}

.startform2 ul li {
    list-style: none;
    margin: 2rem 0rem;

}

.startform2 ul li IMG {
    margin: 0px 10px;
}

.stepsbutoon{
    display: flex;
    align-items: center;
}

.stepsbutoon button {
    margin: 5px 5px;
    border: 0;
    background-color: #f0f7f7;
    padding: 8px 12px;
    font-weight: 600;
    color: var(--nse-purple);
    border-radius: 4px;
    transition: 10ms;
    text-align: start;
    width: fit-content;
    font-size: .8rem;
}

.stepsbutoon button:hover {
    background-color: var(--nse-purple);
    color: white;

}



.vlcccccc::after {
    content: "";
    height: 26rem;
    width: 2px;
    position: absolute;
    right: -10px;
    top: 24%;
    background-color: rgba(128, 128, 128, 0.582);
}



@media only screen and (max-width: 1199px) and (min-width: 10px) {

    .mobilepadding{
        padding: 1rem;
        /* display: none; */
    }

    .vl{
        padding: 1rem;
    }

    .vlcccccc::after {
        display: none;
    }

}


.wcaDiv {

    width: 35rem;
    max-height: 20rem;
    display: flex;
    top: -4rem;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: absolute;
    background-color: white;
    border-radius: 8px;
}

@media only screen and (max-width: 1399px) and (min-width: 1000px){
    .wcaDiv {

        width: 33rem !important;
        /* max-height: 23rem !important; */
        height: fit-content;
        display: flex;
        top: 0;
        right: 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        position: absolute;
        background-color: white;
        border-radius: 8px;
    }
    
}


.rectangelcard {
    border-radius: 10px;
    background-color: white;
}

.Aboutusul li {
    margin: 12px 0px;
}


@media only screen and (max-width: 1200px) and (min-width: 300px)  {
	
	.add_cart_btn_nav{
		margin-top:1.2rem;
	}

    .whocanattenddiv2{
        display: none;

    }
}

.navbar-nav li{
    font-size: 16px;
}




/* accordiance */

.accordion{
    margin:1rem ;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: none !important;
}

.accordion-button:not(.collapsed) {
    color: #424242 !important;
    font-weight: 600;
    background-color: white !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-item .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.accordion-item .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 1rem 0rem;
  
}


@media only screen and (max-width: 4000px) and (min-width: 1199px) {

    .margin-end-custom {
        margin-right: 3rem;
    }

    .margin-start-custom{
        margin-left: 3rem;
    }

    .vl::after {
        display: none;
    }

}

/* table */

th{
    position: relative;
}

.thclass::before {
    position: absolute;
    left: .8rem;
    content: "";
    background-color: var(--nse-purple);
    width: 2px !important;
    height: 15px;
    margin-top: 6px;
    margin-right: 6px;
}

.pop-div{
    width: 100%;
    height: 100%;
    border: 1px solid;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5rem;
}

.pop-div h4{
    margin: 1rem 0rem;
}
.pop-div p{
    text-align: justify;
}


ol{
    font-weight: 600;
}


.one-bg{
    background: aliceblue;
}

.one-two-bg{
    background: #dcedfb;
}

.one-three-bg{
    background: #cde6fb;
}

.two-bg{
    background:#f1ece5;
}

.two-two-bg{
    background: #efe5d6;
}

.two-three-bg{
    background: #f1e0c7;
}

.three-bg{
    background:#e3e3e3;
}

.three-two-bg{
    background: #dbd7d7;
}

.three-three-bg{
    background: #b5b2b2;
}

.four-bg{
    background:#cdbbcd;
}

.four-two-bg{
    background: #c7adc7;
}

.four-three-bg{
    background: #c597c5;
}


/* calender */

.calender_modal_main{
    height: 100%;
    width: 100%;
    position: relative;
}
.calender_modal_inner_head{
    width: 100%;
    padding: .6rem;
    display: flex;
    border-bottom: .1rem solid #dadada;
    /* position: fixed; */
    background-color: #fff;
    z-index: 99;
}
.calender_modal_inner_text_sr{
    width: 5%;
    height: fit-content;
}
.calender_modal_inner_text_date{
    width: 12%;
    height: fit-content;
}
.calender_modal_inner_text_module{
    width: 35%;
    height: fit-content;
}
.calender_modal_inner_text_program{
    width: 25%;
    height: fit-content;
}
.calender_modal_inner_text_city{
    width: 13%;
    height: fit-content;
}
.calender_modal_inner_text_register{
    width: 10%;
    height: fit-content;
}

.calender_modal_inner_body{
    display: flex;
    padding: .6rem;
    position: relative;
}


.footer_address_map{
    width: 30rem;
    height: 15rem;
}




/* =============== contact details ======================= */

.contact_us__inner{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
}
.contact_us__inner_card{
    width: 17rem;
    background-color: #fff;
    /* height: 20vh; */
    padding: 1.2rem;
    border-radius: 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.contact_us__inner_card h5{
    color: #392D81;
    /* font-size: ; */
}
.contact_us__inner_card ul, .contact_us__inner_card li{
    padding: 0;
    margin: 0;
    color: #656262f0;
}
.contact_us__inner_card ul li i{
    color: #ffa587 !important;
}


/* about nse */

.new_about_NSE{
    width: 100%;
    padding: 1.2rem;
    display: flex;
    align-items: center;
    /* background-color: #ebf1f8; */
    justify-content: center;
}

.new_about_NSE_left{
    width: 60%;
    padding: .8rem;
}
.new_about_NSE_left p{
    text-align: justify;
}

.new_about_NSE_right{
    width: 40%;
}

.new_about_NSE_rightIMG{
    height: 16rem;
    width: 25rem;
    border-radius: 1rem;
    overflow: hidden;
}
.new_about_NSE_rightIMG img{
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 900px) and (min-width: 300px) {

    .new_about_NSE{
        flex-direction: column-reverse;
        gap: 1.2rem;
    }
    .new_about_NSE_left{
        width: 100%;
        padding: .8rem;
    }
    
    .new_about_NSE_right{
        width: 100%;
    }
    .new_about_NSE_rightIMG{
        height: 16rem;
        width: 100%;
        border-radius: 1rem;
        overflow: hidden;
    }


}