@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');



:root {

    --primary-color: #8B0000;

    --secondary-color: #ffcb39;

}



body {

    font-family: "Poppins", sans-serif !important;

}



label {

    font-weight: normal !important;

}



.p1 {

    padding: 5px !important;

}



.p2 {

    padding: 10px !important;

}



.m1 {

    margin: 5px !important;

}



.border1 {

    border: 1px solid #ccc !important;

}



.shadow {

    box-shadow: 2px 5px 10px #ccc;

    padding: 20px;

    margin: 25px 5px;

}



.mobillogo img {

    width: 233px;

    margin-top: 10px;

    height: 148px;

}



.head_heading span {

    font-size: 30px;

}



.astr-mayur {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.alert-info {

    background: #45564e;

    border: none;

    padding: 4px;

}



.astr-session {

    width: 40%;

}



.form-control {

    margin-top: 5px !important;

}



.st-trans {

    border: 1px solid #ccc;

    border-radius: 4px;

    height: 33px;

    margin-top: 5px;

}

.add-media{

    width: 75%;

}





@media only screen and (max-width: 768px) {

    .mobillogo img {

        width: 68% !important;

        /* margin-bottom: 14px; */

        margin-top: 0px;

    }



    .head_heading h1 {

        font-size: 34px !important;

        margin-top: 0px;

    }



    .head_heading h1 span {

        font-size: 16px !important;

    }



    .mobil_col {

        width: 100%;

        margin-bottom: 12px;

    }



    .astr-session {

        width: 40%;

        margin-top: 10px !important;

    }



    .astr-cont {

        margin-top: 15px !important;

        width: 100% !important;

    }

    .add-media{

    width: 100%;

}



    /* .userhead {

        width: 47% !important;

    } */



    .closex {

        display: none;

    }



}



.hh {

    margin-top: 2px !important;

}



.input-like {

    display: flex;

    align-items: center;

    padding: 6px 12px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    background-color: #fff;

    height: 38px;

    /* margin-left:18px; */

}



.input-like label {

    margin-bottom: 0;

    cursor: pointer;

}



.input-like {

    display: flex;

    align-items: center;

    padding: 6px 12px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    background-color: #fff;

    height: 38px;

    flex-wrap: wrap;

    /* Ensures items wrap on small screens */

}



.input-like label {

    margin-bottom: 0;

    cursor: pointer;

}



.input-like input {

    margin-right: 5px;

}



.parent-section {

    display: none;

    /* Hide by default */

    margin-bottom: 0px;

}



input[name="captcha_input"] {

    height: 40px;

    text-align: center;

    font-size: 16px;

    line-height: 40px;

    /* ensures perfect vertical centering */

}



.heading {

    width: 15%;

    padding: 4px 6px;

    border-radius: 5px;



    color: #8B0000;

}



.heading-div {

    margin-bottom: 20px;

    margin-top: 10px;

    position: relative;

    display: flex;

}



.date_yyyy {

    width: 92px !important;

}



/* new css start */



.topSEC {

    width: 100%;

    margin: 0 auto;

    



}

.topArea {

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    background: #f4f6fb;

    padding: 10px;

}

.topRow {

    width: 100%;

    background-image: url(img/bg-pattern.jpg);

    background-size: 20% ;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    flex-direction: row;

    border-radius: 10px;

    margin-left: 0px;

}



.container-fluid{

    width: 100%;

    min-height: 98vh;

}

.leftSide {

    position: relative;

    

}

.left-section {

    height: 100%;

    min-height: 98vh;

    padding: 0px;

    width: 100%;

    background: #8B0000;

    background-repeat: no-repeat;

    background-position: 100% 93%;

    background-size: 100%;

    background: url(img/bg-side.png), #033965;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: 1;

    padding: 0px;

    border-radius: 10px 0 0 0;

}

.top-content {

    padding: 0 18px;

    margin-bottom: 10px;

   

}

.main-logo {

    text-align: center;

    border-bottom: 1px solid #facc3b;

    padding: 10px 0;

}

.main-logo img {

    width: 82px;

    margin-top: 0px;

    padding: 0;

    min-width: 187px;

    border-radius: 20px;

}

.main-logo i {

    display: none;

}

.pt-4 {

    padding-top: 1.5rem !important;

}

.school-details p {

    font-size: 15px;

    font-weight: 500;

    text-transform: uppercase;

    text-align: center;

    color: #facc3b;

    line-height: 1.5;

}

.bottom-content{

  padding: 0 18px;

  margin-bottom: 10px;  

}



.bottomIns{

    display: none;

}





/* .footer-content {

    position: absolute;

    bottom: 0;

    width: 100%;

    text-align: center;

    background: #8B0000;

    padding: 13px;

    color: #fff;

    font-size: 13px;

}

.footer-content img {

    width: 90px;

    background: #fff;

    padding: 0 4px;

    border-radius: 20px;

} */



.bottom-content2{

  padding: 0 18px;

  margin-bottom: 10px;  

}

.footer-content2 {

    position: absolute;

    bottom: 0;

    width: 100%;

    text-align: center;

    background: #03305d;

    padding: 10px;

    color: #fff;

    font-size: 13px;

}

.footer-content2 img {

    width: 90px;

    background: #fff;

    padding: 0 4px;

    border-radius: 20px;

}



.bottom-content2{

    display: none;

}





.reg-head {

    padding: 8px 0;

    text-align: left;

}

.reg-name:after {

    content: '';

    width: 30px;

    border-bottom: 2px solid #FFBB00;

    display: block;

    margin-top: 10px;

}

.reg-name {

    color: rgb(255 255 255 / 90%);

    font-size: 18px;

    font-weight: 500;

    margin: 5px 0 !important;

}

.instruArea{

    margin-top: 15px;

}

.instruArea span{

    font-size: 16px;

    color: #FFBB00;

    font-weight: 600;

}

.instruArea p{

    font-size: 14px;

    color: rgb(255 255 255 / 70%);

    margin-bottom: 10px;

    text-align: justify;

}



.ageCatArea{

    margin-top: 10px;

    margin-bottom: 60px;

}

.ageCatArea p{

    font-size: 14px;

    color: rgb(255 255 255 / 70%);

    margin-bottom: 8px;

    text-align: justify;

    /* background: #f9ecec;

    padding: 0px 10px; */

}

.ageCatArea span{

    font-size: 16px;

    color: #FFBB00;

    font-weight: 600;

}







.noteArea{

    background: #fcf3d9;

    padding: 10px;

    border-radius: 8px;

    margin-top: 20px;

}

.noteArea span{

   font-size: 16px;

    color: #8B0000;

    font-weight: 600; 

}

.noteArea a{

    text-decoration: none;

    color: #8B0000;

    outline: none;

}

.noteArea a:focus{

    outline: none;

}

.instruArea p{

    font-size: 14px;

    color: rgb(255 255 255 / 70%);

    margin-bottom: 8px;

    text-align: justify;

}

.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    padding: 0px;

    /* border-radius: 4px; */

    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */

}

.panel-body{

    padding: 0px;

}

.astr-cont{

    width: 95%;

    border-radius: 10px;

    background-repeat: no-repeat;

    background-position: 100% 93%;

    background-size: 100%;

    background: url(img/bg-side.png), #0a3763;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: 1;

    padding: 0px;  

}

.astr-cont1{

    width: 95%;
        box-shadow: 0px 0px 10px #cfcfcf;
        border-radius: 10px;
    background-color: #fff;

}

.head_heading h1{

    margin: 10px;

}

.Form-Title{

    font-size: 35px;font-weight: 700;color: #FFBB00; font-weight: bold;

}

.mobil_col{

    margin-top: 0px;

}

.capthaINput{

    height: 40px;

    width: 159px;

    text-align: center;

    background: rgb(255, 255, 255);

    border: 1px solid #cccccc !important;

    border-radius: 28px;

    padding: 4px 8px;

    margin-left: 0px;

    margin-top: 30px;

    outline: none;

}

.captchIMG{

    margin-top: 30px;

}

.capthchaRow{

    margin-top: 00px;

}

.mobil_col1{

    display: flex;

    gap: 10px;

    justify-content: center;

    align-items: start;

}

.mobil_col3{

    margin-top: 30px;

}

.button-container{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

}

@media only screen and (max-width: 1500px){

   .capthaINput{

    height: 40px;

    width: 159px;

    text-align: center;

    background: rgb(255, 255, 255);

    border: 1px solid #cccccc !important;

    border-radius: 28px;

    padding: 4px 8px;

    margin-left: 0px;

    margin-top: 30px !important;

}

input[name="captcha_input"] {

    height: 40px;

    text-align: center;

    font-size: 13px;

    line-height: 40px;

}

.capthaINput {

    height: 40px;

    width: 119px;

    text-align: center;

    background: rgb(255, 255, 255);

    border: 1px solid #cccccc !important;

    border-radius: 28px;

    padding: 4px 8px;

    margin-left: 0px;

    margin-top: 0px;

    outline: none;

}

}



@media only screen and (max-width: 768px){
    .topRow{
        background-size: 80%;
    }

   .bottom-content{

    display: none;

   }

   .footer-content{

    display: none;

   }

   .ageCatArea {

    margin-top: 10px;

    margin-bottom: 30px;

}

   .left-section {

    height: 100%;

    min-height: 10vh;

    padding: 0px;

    width: 100%;

    background: #033965;

    background-repeat: no-repeat;

    background-position: 100% 93%;

    background-size: 100%;

 background: url(img/bg-side.png), #033965;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: 1;

    padding: 0px;

    border-radius: 10px 0 0 0;

}

  .closex {

        display: block;

    }

    .Form-Title{

    font-size: 26px;font-weight: 700;color: #FFBB00; font-weight: bold;

}

.bottomIns{

    display: block;

}

.main-logo img {

width: 35%;

    margin-top: 0px;

    padding: 0;

    min-width: 139px;

}

    .astr-session {

    width: 55%;

    margin-top: 10px !important;

}

    .userhead {

    width: 55% !important;

}

.footer-content2{
    width: 92%;
    border-radius: 10px;
    display: block;

}

.astr-cont1 {

    width: 100%;

    background-color: #fff;

    margin-bottom: 500px;

    padding: 0;

}

.secNote{

   color: rgb(255 255 255 / 70%) !important; 

}

.noteArea .secNote{

    color: #ccc !important;

}

.mobil_col{

    margin-top: 10px;

}

.capthaINput{

    height: 40px;

    width: 159px;

    text-align: center;

    background: rgb(255, 255, 255);

    border: 1px solid #cccccc !important;

    border-radius: 28px;

    padding: 4px 8px;

    margin-left: 0px;

    margin-top: 30px;

}

.mobil_col3{

    display: flex;

    gap: 15px;

    justify-content: center;

}

.topArea {

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    /* display: flex

; */

    /* flex-wrap: wrap; */

    /* justify-content: center; */

    /* align-items: center; */

    background: #f4f6fb;

    padding: 0px;

}

.heading-div {

    margin-bottom: 2px;

    margin-top: 10px;

    position: relative;

    display: flex;

}
.heading{
    width: 45%;
}

.date_yyyy {

    width: 92px !important;

}



}

.margintop{

    margin-top:13px;

}