/****** Custom Css *********/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap');

/*--- 

font-family: 'Roboto', sans-serif !important;
font-family: 'Lato', sans-serif;

font-family: 'Satisfy', cursive;
font-family: 'Merienda', cursive;
---*/
body{
    font-family: 'Lato', sans-serif;
    background: #fff;
    /* background: url("../images/body-bg1.jpg") no-repeat;
    background-size: cover;
    background-position: center center; */
    
}
.fullContainer{
    max-width: 94%;
    margin: 0 auto;
}
.form-group {
    margin-bottom: 1rem;
}
/*-- Header and Footer Start --*/


/* .headerShead {
    background: url("../images/header-transparent1.png") no-repeat;
    background-size: cover;
    background-position: center center;
} */
.bgFedwhite {
    /* background: #0b4686; */
    /* background: #f2f1f2; */
    background: #fff;
}
.headerGap {
  /* padding: 6px 0; */
  box-shadow: -4px 2px 3px 0px rgb(0 0 0 / 16%);
}
.header--one .sticky__header.is-sticky {
    /* background: #0b4686; */
    /* background: #f2f1f2; */
    background: #fff;
}
.mainmenu__wrapper .logo {
    align-items: center;    
    height: 80px;    
}

.logoTitle {
    margin: 0 0 0 15px;
}
/* .logoTitle h2 {
    font-size: 28px;    
    color: #c20cd3;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 6px;    
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
} */
.logoTitle img {
    margin-bottom: 8px;
}
.logoTitle h5 {
    font-size: 14px;
    /* color: #1d0c90; */
    color: #c20cd3;
    line-height: 18px;
    /* font-family: 'Lato', sans-serif; */
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu{
    height: 80px;
}
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li {
    margin: 0 25px 0 0;
}
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li:last-child {
    margin: 0;
}
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    /* color: #1d0c90; */
    color: #c20cd3;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a:hover {
    color: #ff8e06;
}
.menuItem {
    display: inline-flex;
    justify-content: flex-end;
}
.mainmenu .fa {
    padding-left: 6px;
}
.mainmenu li.login.drop > ul.dropdown__menu{
    background: transparent;
    padding: 0;
    right: 0;
    left: inherit;
}
.mainmenu li.student.drop > ul.dropdown__menu{
    background: transparent;
    padding: 0;
}
.mainmenu li.drop > ul.dropdown__menu{
    background: #b546b4 none repeat scroll 0 0;
    padding-bottom: 6px;
    padding-top: 4px;
}
.mainmenu li.login.drop > ul.dropdown__menu li,
.mainmenu li.student.drop > ul.dropdown__menu li {
    border-left: 5px solid #c50f4d;
    margin-bottom: 4px;
    background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(249,233,233,1) 28%, rgba(249,233,233,1) 67%, rgba(238,238,238,1) 100%);
    color: #000;
}
.mainmenu li.drop > ul.dropdown__menu li a{
    line-height: 20px;
    color: #ffffff;
}
.mainmenu li.login.drop > ul.dropdown__menu li a,
.mainmenu li.student.drop > ul.dropdown__menu li a{
    color: #000;
}
.mainmenu li.login.drop > ul.dropdown__menu li:hover,
.mainmenu li.student.drop > ul.dropdown__menu li:hover{
    border-left: 5px solid #9c0538;
}
.mainmenu li.login.drop:hover > ul.dropdown__menu > li:hover > a,
.mainmenu li.student.drop:hover > ul.dropdown__menu > li:hover > a {
    color: #ffffff;
    padding-left: 7px;
    background: linear-gradient(180deg, rgba(247,34,34,1) 0%, rgba(167,11,11,1) 28%, rgba(167,11,11,1) 67%, rgba(247,34,34,1) 100%);
}
.indiaArmsLogo {
    margin-left: 20px;
}
.headerRight {
    /* padding-top: 8px; */
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
.headerRight img{
    object-fit: none;
}
.copyright{
    background: #111c5a;
}
.copyright p{
    margin: 0;
}
.footer--2 .copyright__wrapper .coppy__right__inner p,
.footer--2 .copyright__wrapper .coppy__right__inner p i{
    color: #fff;
}
a#scrollUp {
    /* background: #440681; */
    color: #fff;
    background: linear-gradient(180deg, rgb(68 6 129) 0%, rgb(94 46 142) 28%, rgb(68 6 129) 67%, rgb(133 97 168) 100%);
}
a#scrollUp:hover {
    background: linear-gradient(180deg, rgba(247,34,34,1) 0%, rgba(167,11,11,1) 28%, rgba(167,11,11,1) 67%, rgba(247,34,34,1) 100%);    
}
footer.footer--2{
    padding: 0;
}
.btnactive {
    background: rgb(56 174 14) !important;
}
.fixedFooter {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
}
.bodyBtmMarg {
    margin-bottom: 100px;
}
/*-- Header and Footer End --*/

/*-- Slider Start --*/

.sliderMain {
    position: relative;
}

.sliderMain .owl-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.sliderMain .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/prev-icon.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 40px;
    background-size: 16px;
    background-position: center center;
    border-radius: 50px;
}
.sliderMain .owl-nav .owl-prev:hover {
    background-color: rgba(0, 33, 71, 0.6);
    background-image: url(../images/prev-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}
.sliderMain .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/next-icon.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 40px;
    background-size: 16px;
    background-position: center center;
    border-radius: 50px;
}
.sliderMain .owl-nav .owl-next:hover {
    background-color: rgba(0, 33, 71, 0.6);
    background-image: url(../images/next-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}
.sliderMain .owl-dots {
    position: absolute;
    left: 50%;
    top: 92%;
    transform: translate(-50%, 0);
}
.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;    
    background: #fd5c05;   
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0b4686;
}
.sliderMain .owl-item {
    max-height: 500px;
}

/*-- Slider End --*/

/*-- Introduction Start --*/
.introBlk {
    padding: 50px 0;
    background: #ffffff;
    width: 100%;
    display: block;
}
.introContent h2 {
    font-size: 26px;
    color: #662e9b;
    /* text-align: center; */
    margin: 0 0 20px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.introContent h2 span {
    font-size: 44px;
    text-transform: uppercase;
    color: #fbaa07;
}
.introContent p {
    font-size: 18px;
    line-height: 28px;
    color: #583c96;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
}
/*------*/
.newIntroBlk {
    padding: 30px 0 50px;
    background: #ffffff;
}
.newIntroBlk h2 {
    font-size: 44px;
    text-transform: uppercase;
    color: #fbaa07;
    margin: 0 0 8px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    line-height: 40px;
}
.newIntroCont {
    margin: 0 0 25px;
}
.newIntroCont h3 {
    font-size: 24px;
    color: #662e9b;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 5px;
    /* display: inline-block; */
    position: relative;
    /* padding-bottom: 2px; */
}
/* .newIntroCont h3:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    background: #fbaa07;
    width: 122px;
    height: 4px;
} */
.newIntroCont p {
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;    
}
.newIntroCont strong {
    color: #c20cd3;
}
.newIntroGrid ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newIntroGrid ul li {
    max-width: 48%;
    border-radius: 10px;
    padding: 30px 20px;
    flex: 0 0 48%;
    background: #fff;
    -moz-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 0px 3px 1px rgb(0 0 0 / 16%);
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 16%);
    display: inline-flex;
    align-items: center;
}
.newIntroGrid ul li img {
    margin-right: 10px;
}
.newIntroGrid ul li p {
    font-size: 16px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
}
/*-- Introduction End --*/

/*-- Origin Start --*/
.md__10{
    margin-bottom: 10px;
}
.originBlk {
    background: url("../images/bg3.jpg") no-repeat;
    background-size: cover;
    background-position: right 0%;
}
.originMain {
    padding: 50px 0;
}
.origin h3 {
    font-size: 38px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 20px;
    letter-spacing: 1px;
}
.origin p {
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
}
/*------*/
.messBlk {
    padding: 30px 0;
    background: #662e9b;
}
.messContent h2{
    font-size: 24px;
    color: #fff;    
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.messContent p{
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-family: 'Lato', sans-serif;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: justify;    
}
.messContent p strong{    
    color: #ffed4b;    
}

/*-- Origin End --*/

/*-- Features start --*/
.featureBlk {
    background: #f2f1f2;
    padding: 50px 0;
}
.featureContent {
    max-width: 95%;
    margin: 0 auto;
}
.featureContent h4 {
    font-size: 24px;
    color: #583c96;
    text-align: center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;    
}
.featureContent .row {
    margin: 0;
}
.featureContent .col-md-3 {
    background: #fff;
    max-width: 23.5%;
    flex: 0 0 23.5%;
    padding: 0px;
    margin-right: 2%;
    border-radius: 20px;
}
.featureContent .col-md-3:last-child{
    margin-right: 0;
}
.featureText {
    padding: 40px;
    text-align: center;
}
.featureText img {    
    margin: 0 0 30px;
}
.featureText p {
    font-size: 18px;
    font-weight: 600;
    color: #231f20;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}
.mb__0{
    margin-bottom: 0 !important;
}
.featureDes {
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
    max-width: 1000px;
    margin: 10px auto 30px;
}
/*-- Features end --*/

/*-- Video start --*/
.videoBlk {
    padding: 40px 0;
    background: #111;
}
.videoContent p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 20px;
}
.videoContent p strong {
    color: #ffed4b;
}
/*-- Video end --*/

/*-- How section start --*/
.howBlk {
    padding: 40px 0 0;
    background: #f0f0f0;
}
.howContent h2 {
    font-size: 24px;
    color: #662e9b;
    margin: 0 0 25px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.howContent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.howContent ul li {
    max-width: 48%;
    border-radius: 10px;
    padding: 30px 20px;
    flex: 0 0 48%;
    background: #fff;
    -moz-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 0px 3px 1px rgb(0 0 0 / 16%);
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 16%);
    display: inline-flex;
    align-items: center;
    margin-bottom: 40px;
}
.howContent ul li img {
    margin-right: 10px;
}
.howContent ul li p {
    font-size: 16px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
}
/*-- How section end --*/


/*-- Purpose start --*/
.purposeBlk {
    padding: 50px 0;
    background: #662e9b;
}
.purposeText h4 {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.purposeCard {
    /* background: #fff; */
    text-align: center;
    /* padding: 35px 40px; */
    /* border-radius: 20px; */
}
.purposeCard .col-md-4 {
    /* border: 2px dotted #e7ceff; */
    padding: 25px 15px;
    max-width: 31%;
    flex: 0 0 31%;
    border-radius: 10px;
    margin: 0 1.15%;
    background: #fff;
}
.purposeCard img {
    background: #a895d8;
    height: 160px;
    width: 160px;
    max-width: 100%;
    padding: 40px;
    border-radius: 50%;
    margin-bottom: 30px;
}
.purposeCard h6 {
    font-size: 20px;
    color: #662e9b;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 20px;
    min-height: 78px;
}
.purposeCard p {
    font-size: 17px;
    color: #231f20;    
    font-family: 'Roboto', sans-serif;
}
/*-- Purpose end --*/

/*-- Polit start --*/
.pilotBlk {
    padding: 60px 0;
    /* background: #f2f1f2; */
    background: #ffffff;
}
.pilotMain {
    /* background: #662e9b; */
    background: url(../images/pilot-bg.png) no-repeat;
    background-size: cover;
    max-width: 95%;
    border-radius: 0 20px 20px 0;
    padding: 30px 0 35px;
}
/* .pilotMain:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5%;
    background: #f2f1f2;
    border-radius: 20px 0 0 20px;
} */
.pilotText {
    margin-left: 4%;    
}
.pilotText h4 {
    font-size: 32px;
    color: #ffed4b;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.pilotText h6 {
    font-size: 22px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 20px;
    line-height: 34px;
    font-weight: 400;
}
.pilotText h6:last-child{
    margin: 0;
}
.pilotText li {
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    display: flex;
    line-height: 27px;
    margin: 0 0 12px;
}
.pilotText li strong {
    min-width: 90px;
    font-weight: 500;
}
.pilotText li p {
    color: #fff;
}
/* .pilotText p {
    font-size: 22px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    line-height: 32px;
} */
/*-- Polit emd --*/

/*-- How use Safal start --*/
.howUseBlk {
    padding: 40px 0;
    background: #f0f0f0;
}
.howUseSchool{
    margin-bottom: 30px;
}
.howUseSchool h2,
.howUseSchool1 h2,
.howUseParent h2 {
    font-size: 24px;
    color: #662e9b;
    margin: 0 0 25px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.howUseText {
    display: flex;
    align-items: center;
}
.howUseImg{
    position: relative;
    padding: 15px;
    margin-right: 40px;
}
.howUseImg::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-bottom: 3px solid #7725d6;
    border-right: 3px solid #7725d6;
    bottom: 0px;    
    right: 0px;
    z-index: 0;
}
.howUseImg::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-top: 3px solid #7725d6;
    border-left: 3px solid #7725d6;
    top: 0px;
    left: 0px;    
}
.howUsePara ul {
    padding-left: 20px;
    margin: 0;
}
.howUsePara ul li {
    list-style: disc;
    font-size: 17px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}
.howUsePara p {
    font-size: 17px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}
.howUsePara p span {
    color: #7725d6;
}
.howUsePara p:last-child {
    margin-bottom: 0;
}
.howUseSchool1 .row {
    margin: 0;
}
.howUseSchool1 .col-md-4 {
    max-width: 31%;
    flex: 0 0 31%;
    margin-right: 3.5%;
    background: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    text-align: center;
}
.howUseSchool1 .col-md-4:last-child {
    margin-right: 0;
}
.howUseSchool1 span {
    width: 130px;
    height: 130px;
    background: #7725d6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    border-radius: 50%;
    padding: 25px;
}
.howUseSchool1 img {
    width: 90px;
}
.howUseSchool1 p {
    font-size: 18px;
    font-weight: 600;
    color: #231f20;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}
.howParentBlk {
    padding: 40px 0;
    background: #fff;
}
.howParentBlk .howUseText {
    flex-direction: row-reverse;
}
.howParentBlk .howUseImg {
    margin: 0 0 0 40px;
}
.howUseParent .row {
    margin: 0;
    justify-content: space-between;
}
.howUseParent .col-md-6 {
    flex: 0 0 48%;
    max-width: 48%;
    padding: 30px 30px;
    background: #fff;
    -moz-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 0px 3px 1px rgb(0 0 0 / 16%);
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 16%);
    border-radius: 10px;
    text-align: center;
}
.howUseParent span {
    display: block;
    margin: 0 0 20px;
}
.howUseParent p {
    font-size: 18px;
    font-weight: 600;
    color: #231f20;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}
.borderBtm{
    position: relative;
}
.borderBtm::before{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    background: #fbaa07;
    width: 120px;
    height: 4px;
}
/*-- How use Safal end --*/

/*-- Dissemination Start --*/
.dissBlk {
    padding: 60px 0;
    /* background: #662e9b;
    position: relative; */
    background: url("../images/diss-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
}
/* .dissBlk::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/diss-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
} */
.dissText h4 {
    font-size: 32px;
    color: #ffed4b;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.dissText ul li {
    display: flex;
    align-items: center;
    background: #fff;
    margin: 0 0 30px;
    padding: 20px;
    border-radius: 20px;
}
.dissText ul li:last-child {
   margin: 0;
}
.dissText ul li img {
    width: 150px;
}
.dissText ul li .innerText {
    margin: 0 0 0 15px;
}
.dissText ul li .innerText h4 {
    color: #662e9b;
    margin: 0 0 15px;
    line-height: 32px;
    font-size: 26px;
}
.dissText ul li .innerText p {
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 15px;
}
.dissText ul li .innerText p:last-child {
    margin: 0;
}
/*-- Dissemination End --*/

/*-- Resource Corner start --*/
.bannerBlk {
    position: relative;
    max-height: 320px;
}
.bannerBlk img {
    width: 100%;
    max-height: 320px;
}
.bannerTitle {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translate(0, -50%);
    background: rgba(0,0,0,.7);
    height: 96px;
    display: flex;
    align-items: center;
    width: 500px;
    padding: 16px 40px;
    border-radius: 10px;
}
.bannerTitle h4 {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-weight: 600;
}
.bannerTitle:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: #7725d6;
    border-radius: 10px 0 0 10px;
}
.circularsBlk {
    padding: 30px 0 40px;
    background: #fff;
}
.sectionTitle {
    font-size: 24px;
    color: #662e9b;
    margin: 0 0 25px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.circularsContent {
    background: #f0f0f0;
    padding: 40px;
    border-radius: 10px;
}

.circularsContent .row,
.overviewContent .row,
.handbookContent .row,
.languageContent .row,
.workshopContent .row,
.mathematicsContent .row,
.ebinarsContent .row{
    align-items: center;
    justify-content: space-between;
}
.circularsContent .row .col-md-6,
.overviewContent .row .col-md-6,
.handbookContent .row .col-md-6,
.languageContent .row .col-md-6,
.workshopContent .row .col-md-6,
.mathematicsContent .row .col-md-6,
.ebinarsContent .row .col-md-6 {
    max-width: 48%;
    flex: 0 0 48%;
}
.circularsContent a {
    display: block;
    background: #fff;
    padding-bottom: 10px;
}
.subTitle {
    font-size: 22px;
    color: #662e9b;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
.circularsBlk .subTitle {
    background: #662e9b;
    padding: 8px 10px;
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.paraText {
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
}
.overviewBlk {
    padding: 30px 0 40px;
    background: #f0f0f0;
}
.overviewContent,
.handbookContent,
.ebinarsContent {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
}
.overviewContent,
.languageContent,
.mathematicsContent{
    margin-bottom: 30px;
}
.handbookContent a{
    display: block;
    text-align: center;
}
.handbookContent a img{
    border: 1px solid #f1f1f1;
}
.resourcesBlk {
    padding: 30px 0 40px;
    background: #fff;
}
.languageContent,
.mathematicsContent,
.workshopContent {
    background: #f0f0f0;
    padding: 40px;
    border-radius: 10px;
}
.handbookLink {
    max-width: 300px;
    display: block;
    margin: 0 auto;
}
.webinarsBlk {
    padding: 30px 0 40px;
    background: #f0f0f0;
}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-- Resource Corner end --*/

/*-- Registration Form Design Start --*/
.mb__10{
    margin-bottom: 10px;
}
.mb__25{
    margin-bottom: 25px;
}
.mb__30{
    margin-bottom: 30px;
}
.registerMain {
    margin: 50px 0;
}
.formBody {
    background: #fff;
    /* background: url("../images/body-bg5.jpg") no-repeat;
    background-size: cover;
    background-position: center center; */
    padding: 26px 40px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    position: relative;
}
/* .formBody:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
} */
.formContent h2 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 30px;
    /* color: #ffffff; */
    color: #78058a;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
    line-height: 36px;
    position: relative;
}
.formContent label {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 18px;
    /* color: #ffffff; */
    color: #78058a;
    display: block;
}
.formContent input,
.formContent select, 
.formContent textarea {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    /* background-color: #f4f4f4; */
}
.formContent input:focus, 
.formContent select:focus,
.formContent textarea:focus {
    outline: none;
    box-shadow: none;
}
.formContent textarea{
    resize: none;
}
.mendetoryFeild {
    color: #e21313;
    font-size: 12px;
}
.dateBlk i {
    position: absolute;
    left: 0px;
    top: 0;
    /* z-index: 9; */
    width: 36px;
    height: 34px;
    text-align: center;
    line-height: 35px;
    background: #66066f;
    border-radius: .25rem 0 0 .25rem;
    color: #fff;
    cursor: pointer;
}
.dateBlk input {
    padding-left: 50px;
    background: transparent !important;
    /* z-index: 9; */
    border-radius: .25rem !important;
}
.sectionName {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    margin: 30px 0 20px;
    text-decoration: underline;
    color: #540017e0;
}
.formContent .info {
    font-size: 14px;
    font-weight: 500;
    color: #f47704;
}
label.formLabel2 {
    min-height: 39px;
}
.profileBlk .input-group {
    flex-direction: column-reverse;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: .25rem;
    padding: 15px;
}
.profileBlk input {
    min-width: 240px !important;
    padding: 3px !important;
    margin-top: 15px;
    border-radius: .25rem !important;
}
/* .actionRow .btn {
    outline: none;
    text-transform: uppercase;
    background: #05608a;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
} */
.actionRow .btn {
    outline: none;
    text-transform: uppercase;
    background: #fbde08;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    color: #440682;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}
.actionRow .btn:hover{
    background: #fb4b07;
    border: none;
    box-shadow: none;
    color: #fff;
}
.actionRow .btn:focus,
.actionRow .btn:active{    
    box-shadow: none;
}
.classBlk {
    height: calc(1.5em + .75rem + 2px);
    padding: .2rem .85rem .375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    align-items: center;
}
.classBlk span {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}
.classBlk span input {
    margin-right: 7px;
    height: 17px;
    width: 17px;
}
/*-- Registration Form Design End --*/

/*-- Preview page design start --*/
.formTitle{
    text-align: center;
    font-size: 28px;
    margin: 0 0 30px;    
    color: #78058a;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
    line-height: 36px;
}
.previewTable th, .previewTable td {
    padding: .375rem .75rem;
}
.previewTable label {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 18px;
    color: #78058a;
}
.editBlk {
    position: relative;
    margin-right: 15px;
}
.editBlk i {
    position: absolute;
    right: 14px;
    top: 5px;
    font-size: 10px;
    color: #fff;
}
.editBlk .btn,
.printBtn {
    padding-right: 30px;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
}
.editBlk .btn:hover,
.printBtn:hover {
    background: #fb4b07;
    border: none;
    box-shadow: none;
    color: #fff;
}
.printBtn{
    padding-right: .75rem;
    margin-right: 15px;
}
/*-- Preview page design end --*/

/*-- Registration table start --*/
.regPreviewBlk {
    margin: 50px 0;
}
.regPreviewBody {
    background: #fff;
    padding: 26px 40px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    position: relative;
}
.registerDataTable h2 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 30px;
    color: #78058a;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
    line-height: 36px;
}
.dataTables_wrapper{
    padding-top: 60px;
}
.dataTables_filter,
.dataTables_length{
    position: absolute;
    right: 0px;
    top: 10px !important;
    width: 300px;
}
.dataTables_length{
    right: inherit;
    left: 0;
}
.dataTables_filter label {
    display: flex;
    margin: 0;
    align-items: center;
    font-size: 16px;
    color: #66066f;
    font-weight: 600;
    position: relative;
}
.dataTables_length label {
    margin: 0;    
    font-size: 16px;
    color: #66066f;
    font-weight: 600;
    position: relative;
}
.dataTables_filter label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px;
    height: 34px;
    background: url(../images/search_img.png) no-repeat;
    background-position: center center;
    transform: translate(60px, -50%);
}
.dataTables_filter label input,
.dataTables_length label select {
    border-color: #cacaca;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    max-width: 300px;
    border-radius: .25rem !important;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    padding-left: 42px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_length label select{
    padding: .375rem .75rem !important;
    margin: 0 5px;
}
.registerDataTable .table.dataTable {
    border-bottom: 1px solid #dee2e6;   
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 2px 10px !important;
    background: #66066f !important;
    color: #fff !important;
    border: 1px solid #66066f;
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 2px 10px !important;
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #66066f;
    border-color: #66066f;
    padding: 2px 10px;
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_info{
    color: #66066f !important;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #fff !important;
}
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.registerDataTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    background: transparent;
}
.registerDataTable .table th, 
.registerDataTable .table td {
    padding: 6px 10px;
    border-top: 1px solid #ededed;
    font-size: 13px;
}
.registerDataTable .table td {
    font-size: 15px;
}
.registerDataTable .table th {
    background: #66066f;
    color: #fff;
}
.cerActionBlk a {
    font-weight: 600;
    color: #c61dd5;
    margin-right: 8px;
}
.cerActionBlk a:hover{
    text-decoration: underline;
}
.cerActionBlk i {    
    color: #c61dd5 !important;
    font-size: 14px;
}
/*-- Registration table end --*/

/*-- Login Form Start --*/
.loginBlk {
    margin: 50px 0;
}
.loginMain{
    background: #fff;    
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 70%);
    position: relative;
}
.loginMain .row {
    margin: 0;
}
.loginMain .col-md-6 {
    padding: 0;
}
.loginContent {
    padding: 30px;
    background: #440682;
    border-radius: 10px 0 0 10px;
}
.loginContent h2 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 30px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 36px;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.loginContent label {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 18px;
    color: #ffffff;
    display: block;
}
.loginContent input, 
.loginContent select, 
.loginContent textarea {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    /* background-color: #f4f4f4; */
}
.loginContent input:focus, 
.loginContent select:focus, 
.loginContent textarea:focus {
    outline: none;
    box-shadow: none;
}
.captcha {
    text-align: center;
    background: #e2e2e2;
    padding: 15px 10px;
    border-radius: .25rem;
    line-height: 20px;
    color: #000;
}
.captcha br {
    display: none;
}
.captcha img {
    border: 1px solid #bbbbbb;
    margin: 0 0 7px;
}
.captcha a {
    display: block;
    color: #0083c0;
    font-weight: 600;
    max-width: 90px;
    margin: 0 auto 4px;
}
.captcha input[type="text"] {
    border: 1px solid #bbbbbb;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
    margin: 0 auto;
}
.actionBtn {
    outline: none;
    text-transform: uppercase;
    background: #fbde08;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    color: #440682;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}
.actionBtn:hover{
    background: #fb4b07;
    border: none;
    box-shadow: none;
}
.actionBtn:focus,
.actionBtn:active{
    box-shadow: none;
}
.loginGraph {
    background: url(../images/login-bg2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0 10px 10px 0;
    position: relative;
}
/* .loginGraph:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0px;
    width: 225px;
    border-bottom: 522px solid transparent;
    border-left: 160px solid #440682;
    border-right: 0px solid transparent;
} */

/*-- Login Form End --*/
/*-- Grid Reg start --*/
.gridRegBlk {
    max-width: 800px;
    margin: 0 auto;
}
.gridRegBlk .row {
    justify-content: center;
}
.gridRegBlk a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.gridReg {
    padding: 15px;
    text-align: center;
    background: rgb(107,12,116);
    background: linear-gradient( 90deg, rgba(107,12,116,1) 0%, rgba(112,73,196,1) 35%, rgba(31,12,116,1) 100%);
    min-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-size: 200%;
    max-width: 31%;
    margin-right: 3.5%;
}
.gridReg:last-child {
    margin-right: 0;
}
.gridDashBlk .gridReg {   
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 31%;
    margin-right: 3.33333%;
}
.gridReg:nth-child(3n){
    margin-right: 0;
}
.gridRegBlk a:hover .gridReg{
    background-position: right center;
}
.gridReg img{
    margin-bottom: 15px;
}
.gridReg h4,
.gridReg h4 a {
    color: #fff;
    font-size: 18px;    
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 28px;
}
.gridRegBlk.gridDashBlk {
    max-width: 800px;
}
.gridDashBlk h4 {
    min-height: 48px;
}
.backLink {
    position: absolute;
    left: 40px;
    top: 30px;
    z-index: 9;
}
.backLink .inlineLink {
    font-size: 16px;
    font-weight: 600;
    color: #c20cd3;
}
.backLink .inlineLink:hover {
    color: #e97e06;
    text-decoration: underline;
}
.backLink i {
    font-size: 14px;
    margin-right: 3px;
}
.countNumber {
    color: #fff;
    font-size: 26px;
}
.dashboardMain {
    background: #04a3b5;
    padding: 15px 15px;
}
.dashboardMain h3 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    line-height: 32px;
    font-weight: 500;
}
.lastDate {
    text-align: center;
    margin: 5px 0 25px;
    font-size: 16px;
    color: #ff0e0e;
    font-weight: 600;
}
/*-- Grid Reg end --*/
/*-- Add More Entry start --*/
.addMoreMain .formBody {
    padding: 20px 15px;
}
.addMoreMain input,
.addMoreMain select, 
.addMoreMain textarea {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    padding: .375rem .35rem;
}
.addMoreMain input:focus, 
.addMoreMain select:focus,
.addMoreMain textarea:focus {
    outline: none;
    box-shadow: none;
}
.addMoreMain textarea{
    resize: none;
}
.addMoreMain .dateBlk input{
    padding-left: 50px;
}
.addMoreHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 10px;
}
.addMoreHeader .row {
    width: 100%;
}
.duplicateBlk span {
    margin-left: 10px;
    font-size: 14px;
    color: #f10;
}
.addMoreHeader p {    
    font-size: 16px;
    font-weight: 600;
    color: #c415d4;
}
.bulkDuplicate {
    margin: 0 0 20px;
}
.bulkDuplicate p{
    font-size: 16px;
    font-weight: 600;
    color: #c415d4;
}
.bulkDuplicate span {
    margin-left: 10px;
    font-size: 14px;
    color: #f10;
}
.tableFilter label {
    font-size: 16px;
    color: #66066f;
    font-weight: 600;
    margin: 0 14px 0 0;
    line-height: 35px;
}
.addMoreHeader .btn {
    background: #28a745;
    color: #fff;
    font-weight: 500;
}
.addMoreHeader .btn:hover {
    background: #fbde08;
    color: #440682;
}
.addMoreHeader .saveEntry {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
.addMoreHeader .saveEntry p {
    margin-right: 15px;
}
.uploadFilter select {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    margin-right: 10px;
    border-radius: 0.25rem !important;
}

.uploadFilter .btn {
    outline: none;
    text-transform: uppercase;
    background: #fbde08;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    color: #440682;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    border-radius: 0.25rem !important;
}
.uploadFilter select {
    max-width: 140px;
}
.uploadFilter{
    margin-bottom: 15px;
}
.uploadFilter label {
    font-size: 16px;
    color: #66066f;
    font-weight: 600;
    margin: 0 14px 0 0;
    line-height: 35px;
}
.paginationBlk .pagination {
    justify-content: center;
}

.paginationBlk li a {
    font-size: 14px;
    margin: 0 6px;
    color: #fff;
    font-weight: 600;
    background: #c20dd3;
    padding: 5px 8px;
    line-height: 22px;
    border-radius: 4px;
}
.paginationBlk li.active a{
    background: none;
    color: #c20dd3;
}
.addMoreTable th {
    text-align: center !important;
}
.addMoreTable th:first-child {
    width: 3%;
}

.addMoreTable th:nth-child(2) {
    width: 12%;
}
.addMoreTable th:nth-child(3) {
    width: 11%;
}

.addMoreTable th:nth-child(4) {
    width: 11%;
}
.addMoreTable th:nth-child(5) {
    width: 6%;
}
.addMoreTable th:nth-child(6) {
    width: 12%;
}
.addMoreTable th:nth-child(7) {
    width: 9%;
}
.addMoreTable th:nth-child(8) {
    width: 8%;
}
.addMoreTable th:nth-child(9) {
    width: 8%;
}
.addMoreTable th:nth-child(10) {
    width: 7%;
}
.addMoreTable th:nth-child(11) {
    width: 7%;
}

.addMoreTable th:last-child {
    width: 6%;
}
.addMoreTable th p{
    color: #fff;
}
.addMoreTable td {
    line-height: 22px;
}
.deleteBtn {
    background: #f00;
    color: #fff;
}

.bulkUpHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 15px;
}
.bulkUpHeader a {
    width: 360px;
    height: 33px;
    line-height: 22px;
    font-size: 14px;
    margin-right: 15px;
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}
.bulkUpHeader .input-group {
    width: auto;
    margin-right: 20px;
}
.bulkUpHeader .input-group input {
    max-width: 290px;
    font-size: 12px;
    padding: .25rem .35rem;
    border-radius: .25rem !important;
    margin-right: 15px;
}
.bulkUpHeader .seprater {
    font-size: 30px;
    line-height: 33px;
    margin: 0 15px 0 0;
}
.bulkUpHeader button[type="button"] {
    background: #28a745;
    color: #fff;
    font-weight: 500;
}
.bulkUpTable label {
    margin: 0;
}
.registerDataTable {
    position: relative;
}
.fliterResponse{
    position: relative;
}
.tableFilter {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0);
    z-index: 9;
}
.tableFilter select{
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    margin-right: 10px;
    border-radius: .25rem !important;
}
.tableFilter select:focus {
    outline: none;
    box-shadow: none;
}
.tableFilter .btn {
    outline: none;
    text-transform: uppercase;
    background: #fbde08;
    letter-spacing: 1px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    color: #440682;
    font-weight: 600;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    border-radius: .25rem !important;
}
.tableFilter .btn:hover{
    background: #fb4b07;
    border: none;
    box-shadow: none;
}
.addBulkInfo {
    font-size: 14px;
    color: #f00;
    /*margin-top: 6px;*/
    
    font-weight: 500;    
    line-height: 22px;
    margin-bottom: 30px;
}
.addBulkInfo strong {
    font-style: normal;
}
/*-- Add More Entry end --*/

/*-- Upload Photo start --*/
.uploadPhoto th.photoRegBlk {
    width: 151px !important;
}
.uploadPhoto th.photoCandBlk {
    width: 172px !important;
}
.uploadPhoto th.photoFatBlk {
    width: 151px !important;
}
.uploadPhoto th.photoMatBlk {
    width: 151px !important;
}
.uploadPhoto th.photoClassBlk {
    width: 70px !important;
}
.uploadPhoto th.photoGendBlk {
    width: 82px !important;
}
.uploadPhoto th.photoBirthBlk {
    width: 126px !important;
}
.uploadPhoto th.photoImgBlk {
    width: 156px !important;
}
.uploadPhoto th.photoActionBlk {
    width: 156px !important;
}

/*-- Upload Photo end --*/

/*-- Popup Design start --*/
fieldset{
    padding: 0;
    border: none;
    margin: 0;
}
.modalBody .modal {
    top: 15%;
    left: 0;
}

.modalBody .modal-content {
    padding: 20px;
    border-radius: 10px;
}

.modalBody .modal-header {
    position: relative;
    padding: 24px 0 0;
    border: none;
}

.modalBody .modal-header .close {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 0;
}

.modalBody h3 {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 24px;
    margin: 0 0 15px;
    color: #05608a;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
    line-height: 28px;
}

.modalBody label {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 18px;
    color: #05608a;
}

.modalBody .modal-body {
    width: 400px;
    margin: 0 auto 30px;
    border: 1px solid #c5c5c5;
    border-radius: 6px;
}

.modalAction {
    display: flex;
    justify-content: flex-end;
}

.modalAction .btn {
    outline: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 14px;
}

.modalAction .btn:hover {
    background: #ce4d02;
    border-color: #ce4d02;
}

.modalAction .btn-primary {
    background: #05608a;
    margin-right: 20px;
}

.modalAction .btn-secondary {
    background: #858585;
}

.modalAction .btn-primary:hover,
.modalAction .btn-secondary:hover {
    background: #ce4d02;
    border-color: #ce4d02;
}

.uptodateMain {
    margin-top: 70px;
}

.uptodateMsg {
    background: #fff;
    padding: 26px 40px 30px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgb(0 0 0 / 16%);
    box-shadow: 0 2px 3px 0px rgb(0 0 0 / 16%);
    border: 1px solid #e0e0e0;
}
.uptodateMsg h4 {
    text-transform: capitalize;
    text-align: center;
}

.goBack {
    margin: 0 0 10px;
}

.inlineLink {
    font-size: 14px;
    color: #fd5c05;
}

.inlineLink:hover {
    text-decoration: underline;
    color: #568800;
}
/*-- Popup Design end --*/

/*-- Responsive code start --*/
@media screen and (max-width: 1578px) {
    .azadiLogo {
        max-width: 140px;
    }
    .indiaArmsLogo {
        margin-left: 10px;
    }
    /* .logo img {
        max-width: 160px;
    } */
    .logoTitle h2 {
        font-size: 26px;
    }
    .logoTitle h5{
        font-size: 15px;
    }
    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a{
        font-size: 15px;
    }    
    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a i{
        font-size: 14px;
    }
    .origin {
        padding: 0 125px 0 0;
        /* FONT-VARIANT: JIS04; */
    }
    .schoolDetail .table th {    
        min-width: 100px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1250px) {
    .desktopMenu .col-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }    
    .desktopMenu .col-lg-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .announList {
        flex: 0 0 30%;
        order: 3;
        max-width: 30%;
    }
    .candiList {
        flex: 0 0 40%;
        max-width: 40%;
        order: 1;
    }
    .logList {
        flex: 0 0 30%;
        max-width: 30%;
        order: 2;
    }    
}
@media screen and (min-width: 992px) and (max-width: 1170px) {   
    .headerLeft,
    .menuItem{
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* .headerRight{
        display: none;
    } */

} 
@media screen and (min-width: 992px) and (max-width: 1038px) {    
    .desktopMenu .logo a {
        max-width: 74px;
    }
    .logoTitle{
        margin: 0 0 0 8px;
    }    
}
@media screen and (max-width: 991px){
    .mobLogo .logo {
        top: 0;
        z-index: 9;
    }
    .mobLogo .logoTitle {
        position: absolute;
        left: 100px;
        top: 6px;
        margin: 0;
    }
    .mobLogo .logoTitle h2 {
        font-size: 16px;
        line-height: 16px;
    }
    .mobile-menu.mean-container .mean-nav {
        margin-top: 10px;
        position: absolute;
        top: 100%;
    }
    .mean-container a.meanmenu-reveal.meanclose {       
        color: #fff;
    }
    .mobile-menu.mean-container .mean-nav ul li{
        box-sizing: border-box;
    }
    .mobile-menu.mean-container .mean-nav ul li li a{
        padding: 12px 6%;
    }

    .announList {        
        order: 3;        
    }
    .candiList {        
        order: 1;
    }
    .logList {       
        order: 2;
    }

    .mean-container a.meanmenu-reveal span {        
        background: #440681;
    }
    .mean-container a.meanmenu-reveal span {        
        background: url("../images/icon/menu.png") no-repeat;
        background-position: center;
        width: 32px;
        height: 32px;
    }
    .mean-container a.meanmenu-reveal.meanclose {
        color: #440681;
    }
    .mainmenu__wrapper .logo {       
        padding-top: 14px;
    }
    .introBlk {
        padding: 20px 0;       
    }
    .introContent h2 {
        font-size: 22px;        
        margin: 0 0 10px;        
        line-height: 26px;
    }
    .introContent h2 span {
        font-size: 34px;       
    }
    .introContent p {
        font-size: 16px;
        line-height: 24px;        
    }
    .originBlk {        
        /* background-position: r; */
        position: relative;
    }
    .originBlk:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
    }
    .originMain {
        padding: 20px 0;
    }
    .origin {
        padding: 0;
    }
    .origin h3 {
        font-size: 26px;        
        line-height: 34px;
        /* color: #f4f4f4;        */
        margin: 0 0 15px;        
        position: relative;
    }
    .origin p {
        font-size: 16px;
        line-height: 26px;
        /* color: #f4f4f4; */
    }

    .mainmenu__wrapper .logo {
        align-items: center;
        height: 66px;
        padding-top: 18px;
    }
    .mobile-menu .logo img {
        max-height: 64px;
    }
    .logo img {
        max-width: 160px;
    }
  
}

@media screen and (max-width: 767px) {
    .sliderMain .owl-dots{
        top: inherit;
        bottom: 10px;
    }
    .announList {        
        order: 3;        
    }
    .candiList {        
        order: 1;
    }
    .logList {       
        order: 2;
    }

    /*--- Safal code --*/
    .introBlk {
        padding: 20px 0;        
    }
    .introContent h2 {
        font-size: 22px;        
        margin: 0 0 10px;        
        line-height: 34px;
    }
    .introContent h2 span {
        font-size: 34px;        
    }
    .introContent p {
        font-size: 16px;
        line-height: 26px;        
    }
    .introContent .col-md-6:first-child p {
        margin-bottom: 10px;
    }
    .originMain {
        padding: 20px 0;
    }
    .origin h3 {
        font-size: 22px;        
        line-height: 28px;       
        margin: 0 0 12px;        
    }
    .origin p {
        font-size: 16px;
        line-height: 26px;        
    }
    .origin .col-md-6:first-child p {
        margin-bottom: 10px;
    }
    .featureBlk {        
        padding: 20px 0;
    }
    .featureContent h4 {
        font-size: 22px;        
        margin: 0 0 13px;
    }
    .featureContent .col-md-3 {
        flex: 0 0 48.75%;
        max-width: 48.75%;
        margin-bottom: 15px;
    }
    .featureContent .col-md-3:nth-child(2){
        margin-right: 0;
    }
    .featureContent .col-md-3:nth-child(3),
    .featureContent .col-md-3:nth-child(4){
        margin-bottom: 0;
    }
    .featureText p {
        font-size: 16px;
    }
    .purposeBlk {
        padding: 20px 0;        
    }
    .purposeText h4 {
        font-size: 22px;        
        margin: 0 0 18px;        
    }
    .purposeCard .col-md-4 {        
        padding: 20px;
        max-width: 100%;
        flex: 0 0 100%;       
        margin: 0 0 20px;              
    }
    .purposeCard .col-md-4:last-child{
        margin-bottom: 0;
    }
    .purposeCard img {        
        margin-bottom: 20px;
    }
    .purposeCard h6 {
        font-size: 18px;       
        margin: 0 0 15px;
        min-height: inherit;
    }
    .purposeCard p {
        font-size: 16px;        
    }
    .loginContent{
        border-radius: 10px;
    }
    .loginGraph{
        display: none;
    }
    
}
@media screen and (max-width: 575px) {
    .mobLogo .logoTitle{
        display: none;
    }
    .sliderMain .owl-dots{        
        bottom: 5px;
    }
    .owl-theme .owl-dots .owl-dot span{
        margin: 5px 4px;
    }    
    .mobile-menu .logo{
        max-width: 84%;
    }
}
/*-- Responsive code end --*/


.dummySpace {
    height: 60px;
}
.dummySpace2 {
    height: 30px;
}


@media screen and (min-width: 1280px){
    /* .headerLeft {
        width: 30%;
    } */
    .logoTitle h5 {
        font-size: 12px;
      }
    .menuItem {
        width: 51%;
    }
    /* .headerRight {
        width: 19%;
    } */
    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li {
        margin: 0 14px 0 0;
      }
      .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a {
        font-size: 14px;
      }
      
}
@media screen and (min-width: 992px) {
    .headerRight img {
        object-fit: inherit;
      }
      .azadiLogo {
        max-height: 46px;
      }
      .indiaArmsLogo {
        max-height: 56px;
      }
}
.safalLogo {
    width: 56px;
}
.logoTitle {
    margin: 0 0 0 7px;
}
.logoTitle img {    
    width: 240px;
}
.pageLayout {
    padding: 30px 0;
}
.pageBg {    
    background: #fff;
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 16%);
    padding: 30px;
    text-align: center;
}
.contactUsLayout {
    background: url("../images/body-bg1.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.contactMain {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.contactMain h4 {
    font-size: 24px;
    color: #662e9b;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-decoration: underline;
}
.contactMain p {
    margin: 0 0 10px;
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
}

.subMenuItem {
  width: 100%;
  background: #662e9b;
}
.mainmenu__wrapper .subMenuItem .mainmenu__wrap .mainmenu__nav .mainmenu.subMainMenu {
  height: 50px;
  justify-content: flex-end;
}
.mainmenu__wrapper .subMenuItem .mainmenu__wrap .mainmenu__nav .mainmenu.subMainMenu li {
  margin-right: 40px;
}
.mainmenu__wrapper .subMenuItem .mainmenu__wrap .mainmenu__nav .mainmenu.subMainMenu li:last-child {
  margin-right: 0;
}
.mainmenu__wrapper .subMenuItem .mainmenu__wrap .mainmenu__nav .mainmenu.subMainMenu li a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.subTitleNew {
    font-size: 22px;
    color: #0034ff;
    margin: 0;    
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

.safalPilotBlk .subTitle {
    background: inherit;
    color: #662e9b;
    font-size: 22px;
    padding: 0;
    margin: 0 0 20px;
    text-transform: initial;
}
.safalPilotBlk p {
    font-size: 17px;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 15px;
}
.safalPilotTitle {    
    margin: 0 0 15px;
}
.safalPilotTitle .subTitle {
    font-size: 20px;
    margin: 0;
    line-height: 28px;
}
.safalPilotTitle .subTitle a {
    background: none;
    font-size: 20px;
    padding: 0;
    text-transform: initial;
    color: #0029ff;
    text-decoration: underline;
    display: inline-block;
}
.safalPilotTitle .subTitle a:hover {
    text-decoration: none;
}
.safalPilotBlk p.safalPilotNote {
    font-weight: 600;
    margin: 0 0 15px;
    font-style: italic;
}