body {
    background-image: radial-gradient(#524cb9, #030821);
    font-family: 'Poppins';
    font-size: 15px;
    padding-top: 70px;
}
h1 {
/*    font-size: 30px !important; */

}
h2 {
    font-size: 16px !important;
    text-align: center;
}
.big-title {
    font-size: 36px;
}
.wrapper {
    width: 100%;
    overflow: hidden;
}
.navbar-brand>img {
    margin-top: -15px !important;
}
.navbar-default {
    padding-top: 10px;
    background-color: #1E1F54;
    border: 0 !important;
    padding-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
}
.navbar-default .navbar-nav > li > a:hover{
    border-radius: 3px;
    color: #fff;
    background: #1606ff;
  }
.nav .navbar-nav {
    margin-top: 30px;
}
.grey-box{
    background:#f5f5f5;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin:30px 0px 40px 0px;
}
.mt-40{
    margin-top:40px;
}
.mb-0{
    margin-bottom:0px;
}
.mb-bot{
    margin-bottom:25px;
}
.p-4{
    padding:10px 36px;
}
.center-section{
    padding:20px;
}
.btn.btn-test {
    background: linear-gradient(
45deg, #5d6fff, #8743fd);
    color: #fff;
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0px 0px 10px 10px;
}
.btn.btn-download-app {
    background: linear-gradient( 
45deg, #ff8941, #fc666e);
    color: #fff;
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 27px;
}
.navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
      color: #fff;
      background: #1606ff !important;
      border: none;
      border-radius: 3px;
      box-shadow: 0;
  }
  @media (min-width: 768px) {
.navbar-nav>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
}
  }
 @media only screen and (max-width: 600px) {
    .navbar-default {
    background-color: #f8f8f8;
    border: 0 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: 400;
    margin-top: 10px;
}
.navbar-default .navbar-nav > li > a:hover{
    border-radius: 3px;
    color: #fff;
    background: #1606ff;
  }
  }
@media all and (min-width:481px) and (max-width: 568px) {
  .navbar-default {
    background-color: #f8f8f8;
    border: 0 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: 400;
    margin-top: 10px;
}
.navbar-default .navbar-nav > li > a:hover{
    border-radius: 3px;
    color: #fff;
    background: #1606ff;
  }
}

@media all and (min-width:321px) and (max-width: 480px) {
  .navbar-default {
    background-color: #f8f8f8;
    border: 0 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: 400;
    margin-top: 10px;
}
.navbar-default .navbar-nav > li > a:hover{
    border-radius: 3px;
    color: #fff;
    background: #1606ff;
  }
}

@media all and (min-width:0px) and (max-width: 320px) {
  .navbar-default {
    background-color: #f8f8f8;
    border: 0 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
    font-weight: 400;
    margin-top: 10px;
}
.navbar-default .navbar-nav > li > a:hover {
    border-radius: 3px;
    color: #000;
    background: #ffffff;
}
}
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 4px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 21px;
}
.navbar-nav {
    margin: 0px -15px;
}
.page-heading
{
    
    margin-top: 10px;
    margin-bottom: 20px;
    background: #e2e2e2;
    padding: 15px; 

}
.page-heading h1
{
    font-size: 30px;
    padding: 0px;
    margin: 0px;    
}
.page-heading .page-title
{
    font-size: 30px;
    font-size: 30px;
    color: #302F78;
}


.small-text {
 font-size: 22px;
 color: rgba(255, 255, 255, 0.918);
 font-weight: 500;
}
.marging-top-50 {
    margin-top: 50px;
}
.marging-bottom-50 {
    margin-bottom: 50px;
}
.marging-top-30 {
    margin-top: 30px;
}
.marging-top-20 {
    margin-top: 20px;
}
.marging-top-10 {
    margin-top: 10px;
}
.center-align {
    text-align: center;
}
.btn-enquiry {
    padding: 13px 30px;
    border:none;
    border-radius: 3px;
    background: #820bb9;
    color: #fff;
    box-shadow: 0;
    border:1px solid #9d16dc;
}
.btn-enquiry:hover {
    padding: 13px 30px;
    border:none;
    border-radius: 3px;
    background: #8e2cbc;
    color: #fff;
    box-shadow: 0;
    border:1px solid #9d16dc;
}

.btn-how {
    padding: 13px 30px;
    border:none;
    border-radius: 3px;
    background: #37b705;
    color: #fff;
    box-shadow: 0;
    border:1px solid #4fe116;
}
.btn-how:hover {
    padding: 13px 30px;
    border:none;
    border-radius: 3px;
    background: #50c124;
    color: #fff;
    box-shadow: 0;
    border:1px solid #4fe116;
}
.inner-box {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 10px #888888;
        box-shadow: 0 0 10px #888888;
        margin-bottom: 30px;
}
.inner-box .inner-top {
    padding: 7px 20px;
    background: rgba(228, 228, 228, 0.651);
    color: #565656;
}
.inner-box .inner-body {
    padding: 10px;
}
.inner-box .inner-body p {
    color: #333;
    line-height: 24px;
}
.input-group {
    margin-bottom: 20px;
}
.custom-input {
    padding: 20px;
    box-shadow: 0;
    -webkit-box-shadow:0;
}
.modal-header {
    background: #e3c251 !important;
    color: #fff;
    font-weight: 700;
}
.modal-footer {
    background: #e3c251 !important;
}
.close {
    color: #fff !important
}

.course-section {
    width: 100%;
    background: #030821;
}
.intro {
    padding: 10px;
}
.intro img {
    width: 150px;
    height: 150px;
}
.intro span {
    display: block;
    margin: 15px 0px;
    color: #fff;
}
.display {
    background: #E2E2E2;
    padding: 15px 15px;
    border-radius:5px;
}
.custom-text {
    color: #fff;
    font-size: 17px;
    line-height: 24px;
}
footer {
padding: 10px 0;
background-color: #E2E2E2;

}
footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
list-style: none;
padding: 5px;
float: left;
margin: 10px;
}
footer ul li a {
    color:#252663

}
footer ul li a:hover {
    color:#000;    }
footer .social {
    float: right;
}
.footer-bottom {
    padding: 10px;
    color: #fffFFF;
    text-align: center;
}
.error {
    color: red;
}
.portfolio-heading {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
.vedio-bg {
    background-image: url('../images/video-bg.png');
    background-repeat: no-repeat;
    padding-top: 25px;
    padding-bottom: 40px;
    padding-left: 15px;
    height: auto;
    text-align: center;
}

@media (max-width: 767px) {
  
  .vedio-bg {
     background-image: none;
     height: auto;
  
}
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 480px)  {
  
 .vedio-bg {
    
    background-image: none;
    height: auto;
  
}
}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}


.correct
{
    color:green;    
}
.missing
{
    color:blue;
    
}
.extra
{
    color:red;
    text-decoration: line-through;
}