.header-hide {
  font-family: "Roboto Condensed", sans-serif;
  
}
.header-anchor {
  white-space: nowrap;
  
}

.head-a{
  text-decoration: none;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.head-a:hover{
  color: #10044A;
  
}
.navbar-alt{
  background-color: #10044A;
 

}
.nav-text{
  font-family: "Roboto Condensed", sans-serif;
} 
.nav-item-color{
  color: #ffffff;
}
.nav-item-color:hover{
  color: #F03D03;
}
.nav-item-color:focus{
  color: #F03D03;
}
.dropdown-menu-alt{
  background-color: #10044A;
}
.dropdown-item-color{
  color: #ffffff;
}
.dropdown-item-color:hover{
  color: #F03D03;
  background-color: #10044A;
}
.hero-main-card{
  width: 100%;
}

.hero-body {
  --margin-right: 0%;
}

.hero-body {
  margin-right: var(--margin-right);
}

.hero-bg-img{
  pointer-events: none;
  position: absolute;
  
  width: 100%;
  height: auto;
  z-index: -1;
}

.hero-mask{
  background-image: linear-gradient(rgba(16,4,74,0), rgba(16,4,74,1));
  height: 100%;
  width: 100%;
  
  padding-bottom: 5em;
  padding-left: 0%;
  padding-right: 0%;
  overflow: hidden;
}
.hero-text-main{
  width: 100%;
}
.text-color-white{
  color: #ffede7;
}
.text-color-blue{
  color: #10044A;
}
.text-color-orange{
  color: #F03D03;
}

a.text-color-orange{
  color: #F03D03;
  text-decoration: none;
}
.btn-primary{
  background-color: transparent;
  margin: 1em;
  color: #F03D03;
  background-color: transparent;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: .8em;
  padding-bottom: .8em;
  border: 1px solid #F03D03;
  border-radius: 50px;
  white-space: nowrap;
}

.btn-primary:hover{
  background-color: #F03D03;
  color: #10044A;
}

.btn-card-primary:hover{
  
    background-color: #F03D03;
    color: #10044A;
  
}

.tf-r-1{
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

.tf-r-3{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.tf-r-4{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.tf-r-5{
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.tf-r-7{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.tf-r-9{
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.tf-rc-7{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

.tf-rc-4{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

.tf-rc-3{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

.bg-blue{
  background-color: #10044A;
}
.bg-white{
  background-color: #ffffff;
}


.w-40{
  width: 40%;
}

.news-img{
  width: 100%;
  height: 100%;
}


/*  */
.info-img{
  width: 100%;
}
.foot-top-bg-color{
  background-image: linear-gradient(rgba(16,4,74,0), rgba(16,4,74,1));

}
.foot-bottom-bg-color{
  background-color: #10044A;
}
.ic-30{
  width: 30px;
  height: 30px;
}
.ic-50{
  width: 50px;
  height: 50px;
}
.ic-25{
  width: 25px;
  height: 25px;
}
.ic-70{
  width: 70px;
  height: 70px;
}

.ic-90{
  width: 90px;
  height: 90px;
}

.bg-bl{
  background-color: #10044A;
  height: 40px;
  width: 40px;
  border-radius: 100%;
}
.btn-card-primary{
  background-color: transparent;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: .8em;
  padding-bottom: .8em;
  border: 1px solid #F03D03;
  color: #F03D03;
  border-radius: 50px;
  margin: .5em;
}

.d-tab{
  display: table;
}

.d-cell{
  vertical-align: middle;
  display: table-cell;
}

.brand-nav{
  padding-left: 3em;
  padding-right: 5em;
}

.top-header{
  background-color: #F03D03;
}

@media (max-width: 1200px) {
  .header-hide {
    display: none;
  }
}

@media (min-width: 800px) {
  
  .hero-body{
    --margin-right: 50%;
  }
  
}

.hero-text{
  margin-top: 40%;
}

.divider-span{
        display: inline-block;
        border: 1px solid #10044A;
        
        width: 125px;
        margin-left: 40px;
        margin-right: 40px;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  color: #F03D03;

}

.footer-divider{
        display: inline-block;
        border: 1px solid #F03D03;
        
        width: 90%;
        padding-left: 1em;
        padding-right: 1em;
        
}

/* education section */
.edu-list-sub img {
  
  display: block;
  max-width: 25px;
  max-height: 25px;
}

.edu-main-img {
  display: block;
  max-width: 50px;
  max-height: 50px;
}
.edu-sub-img-wrap{
  background-color: #10044A;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.edu-sub-wrap{
  background-color: #494075;
  padding: 1em;
  margin-top: 1em;
  border-radius: 50px;
}

.edu-sub-list{
  color: #ffffff;
  padding-left: 10px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

.edu-head{
  margin-left: auto;
  margin-right: auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.edu-card{
  background-color: #b6aedb;
   padding: 5px;
   padding-top: 20px; 
   border-radius: 20px;
}
.edu-btn{
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  color: #F03D03;
  background-color: transparent;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: .8em;
  padding-bottom: .8em;
  border: 1px solid #F03D03;
  border-radius: 50px;
  
}
.edu-btn:hover {
  color: #ffffff;
  background-color: #F03D03;
}


.edu-top-card-img{
  max-width: 90px;
  max-height: 90px;
  margin-left: auto;
  margin-right: auto;
}
.edu-top-card-head{
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  text-align: center;
}

.edu-top-card-body{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px;
}

.news-card{
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
  margin-bottom: 20px; 
  margin: 2em;
  max-width: 650px;
  
}

@media (max-width: 500px) {

  .news-card{
    margin: 0;
    margin-bottom: 20px;
    
  }
  
}

.news-card img{
  max-width: 200px; 
 
  height: 100%;
}

.news-card h3{
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.news-card p{
  padding-left: auto;
  padding-right: auto;
  text-align: center;
  
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

.news-head{
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.news-btn{
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  color: #F03D03;
  background-color: transparent;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: .8em;
  padding-bottom: .8em;
  border: 1px solid #F03D03;
  border-radius: 50px;

}
.news-btn:hover{
  color: #ffffff;
  background-color: #F03D03;
}

.news-info{
  background-color: #10044A;
  display: flex;
  flex-direction: column;
  
  
}

.news-info img{
  max-height: 90px;
  max-width: 90px;
  
}

.news-info h2{
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.news-info p{
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.news-body{
  background-color: #ffffff;
}

.info-card-static{
  display: flex; 
  flex-direction: column; 
  align-items: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
.info-card-img-wrap{
  background-color: transparent;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
}

.info-card-img-wrap img{
  max-width: 50px;
  max-height: 50px;
}

.info-card{
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding-top: 10px;
}


.info-card img{
  width: 100%;

}

.info-card-static h3{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #10044A;
}

.info-card-static p{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #10044A;
  padding: 10px;
}

.info-card-static a{
  text-decoration: none;
  color: #F03D03;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.info-card a{
  text-decoration: none;
  color: #F03D03;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding: 10px;
  
}

.info-card h4{
  color: #10044A;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.info-card p{
  color: #10044A;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding: 10px;
}
.info-sec{
  background-color: #ffffff;
  padding: 10px;
}

.material-symbols-outlined{
  color: #F03D03;
}

.faq__title{
  border-bottom: 5px solid #10044A;
  
  
}

.faq__main{
  background-color: #ffffff;
  padding: 1em;
}

.faq__title h2{
  color: #10044A;
  
}

.accordion__btn{
  background-color: #746d97;
  color: #ffffff;
  border: none;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin-top: 1em;
  display: flex;
  align-items: center;
}

.accordion__btn h6{
  margin-bottom: 0;
}

.accordion__btn p {
  margin-bottom: 0;
  margin-left: auto;
  font-size: 25px;
}



.accordion__btn--active, .accordion__btn:hover{
  background-color: #0c0045;
  color: #F03D03;
}

.accordion__panel{
  padding: 0 18px;
  background-color: #746d97;
  display: none;
  overflow: hidden;
  color: white;
  
}

.accordion__body{
  transition: 2s;
}

.btn__animate{
  position: relative;
  transition:   .2s ease-in;
  z-index: 1;
  
  overflow: hidden;
}

.btn__animate:before {
  content: '';
  position: absolute;
  background: #F03D03;
  bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    
    transition: top .2s ease-in;
}

.btn__animate:hover:before{
  top: 0%;
}

/* hero section */

.slides{
    
  min-height: 520px;
  padding-bottom: 2em;
  
}

.sl1{
  background-image: url(/images/icon_hero.jpg);
}

.sl2{
  background-image: url(/images/img_stu5.jpg);
}

.sl3{
  background-image: url(/images/img_stu6.jpg);
}

.mask{
  width: 100%;
  /* inherit the height of parent div */
  min-height: inherit;
  background-image: linear-gradient(rgba(16,4,74,0), rgba(16,4,74,1));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text{
  margin-top: auto; 
  text-align: center;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.text__p{
  
  text-align: center;
  color: #ffffff;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;

}

.dot__container{
  margin-top: -50px;
  margin-right: 50px
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #eba48e;
  border-radius: 50px;
  display: inline-block;
  transition: background-color 0.6s ease;
  
}

.active{
  width: 30px;
}

.active, .dot:hover {
  background-color: #F03D03;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.anc-foot{
  text-decoration: none;
  color: white;
  
}
.anc-foot:hover{
  color: #F03D03;
}
.footer-anc{
  margin-bottom: 8px;
}
.contact-sec{
  width: 100%;
  /* background-image: url('images/contact_us_img1.jpg'); */
  background-color: #ffffff;
}
#emailInput{
  border: 1px solid #0c0045 ;
  border-radius: 50px;
  padding: 8px;
  background-color: #b6aedb;

}

#emailInput:focus{
  border: 1px solid #F03D03 ;
  outline: #F03D03;
}
.container-info{
  background-color: #0c0045;
  color: #ffffff;
  /* border-radius: 10px; */
}
.info-sub-heading{
  color: rgb(168, 152, 252);
  margin-bottom: 48px;
  font-family: 'Roboto', sans-serif;
}
.info-top-heading{
  margin-top: 128px;
  font-size: 32px;
  color: rgb(131, 107, 252);;
  font-family: 'Gochi Hand', cursive;
}
.info-heading{
  font-size: 48px;
  margin-bottom: 16px;
  font-family: 'Roboto', sans-serif;
}
#info-btn{
  margin-bottom: 46px;
}
.info-span{
  display: flex;
  border: 1px solid white;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  background-color: #00451a;
  
  
}
.info-foot-steps{
  margin-bottom: 64px;
  
}
.info-foot-p{
  font-family: 'Roboto', sans-serif;
}
.sub-grid-img{
  height: 80px;
  width: 80px;
}
.sub-section{
  background-color: #f5f2fd;
}

.box-img{
  padding-top: 30px;
  
}
.box-head{
  padding-top: 23px;
 
}
.box-body{
  /* padding-top: 10px; */
  padding-bottom: 30px;
  margin-left: 8px;
  margin-right:8px;
 
}
.grid-main{
  background-color: #fffbf9;
  border-radius: 5px;
  color: #2b293a;
}
.subject-head{
  padding-top: 128px;
  
}
.subject-subhead{
  padding-top: 16px;
  margin-bottom: 48px;
}

.course-set-main{
  width: 400px;
  height: 400px;
  
}