/*********Global Stylying*/
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
html {
    font-family: 'nunito', sans-serif;
    font-size: 10px;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
p{
    font-size: 1.6rem;
}
.navbar .nav-link {
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.navbar .nav-item.active {
    border-left: #444 3px solid;
}
/*----------carousel slider-*/
#myCarousel {
    overflow: hidden;
}
#myCarousel figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    animation: 20s slider infinite;
}
#myCarousel figure img {
    width: 20%;
    float: left;
}
@keyframes slider {
    0% {
        left: 0;
    }
    20% {
        left: 0;
    }
    25% {
        left: -100%;
    }
    45% {
        left: -100%;
    }
    50% {
        left: -200%;
    }
    70%  {
        left: -200%;
    }
    75% {
        left: -300%;
    }
    95% {
        left: -300%;
    }
    100% {
        left: -400%;
    }
}
.carousel-item {
    height: 550px;
}
.btn-color{ 
     background:  #181b59;
     color: white;
}
.heading-color {
    color:  rgb(10, 11, 37, .5);
}
.btn-color-1{ 
    background:  transparent;
    color: white;
    border: 1px solid white;
}
.btn-color-2{ 
    background:   #181b59;
    color: white;
}
.btn-color-3{ 
    background:   transparent;
    color: #181b59;
    border: 1px solid #181b59;
    border-radius: 5px;
    outline: none;
}
.btn-center {
    align-content: center;
}
.btn-color-3:hover {
    background:#181b59;
    color: #fff;
}
#home-heading {
    margin-top: 8%;
    position: relative;
    background:  linear-gradient(135deg, rgba(24, 27,89, 0.9) 0%, rgba(24, 27, 89,0.8) 100%), url("../img/nccfkwara7.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}

#video-play {
    position: relative;
    min-height: 200px;
    background: url('../img/media.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 -300px;
    text-align: center;
    color: #fff;
}
.col-md-4.mb-4.text-center {
    justify-content: center !important;
    color: rgb(24, 27, 89) !important;
  }
.new-color {
    background-image: linear-gradient(to top left, #0d0d0d, #0f0218,#181b59);
}
.nav-color{ 
    background-image: linear-gradient(to top left, #0d0d0d, #181b59);
}
.fas {
    color:
    #181b59;
}
.fas-color {
    color:#591616;
}
body {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #fff;
}

h1.text-center {
    color: #181b59;
}

/*ABOUT PAGE*/
#page-header {
    height: 100px;
    background: url('../img/pexels-nadi-lindsay-3078831.jpg');
    background-position: 0 -360px;
    background-attachment: fixed;
    color: #fff;
    border-bottom: 1px #17121b solid;
    margin-bottom: 1rem;
}

.about-img {
    margin-top: -50px;
    height: 400px;
    width: 400px;
}
.about-card{ 
    background:   rgba(24, 27, 89, .5);
    color: white;
}
.about-card-2{ 
    background:  rgba(252, 251, 251, 0.7);
    color: white;
}
/*SECTION PAGE*/
.card {
    border: none;
    background: rgba(255, 255, 255, 0.2);
}
#faq .card {
    border: #444;
}
#faq a {
    color: #fff;
    text-decoration: none;
}
.d-md-block span {
    font-family: fantasy;
    font-size: 20px;
    color:#591616;
    font-weight: 500;
}
#margin {
    margin-top: 5px;
}

.container .move-up {
    position: absolute;
    right: 4%;
    margin-bottom: 100px;
  }
  #main-footer {
      position: relative;
  }
.container .move-up span:hover {
    color: #888;
    cursor: pointer;
  }
  /*8*****footer icon styling*********/
  .middle {
      position: absolute;
      transform: translateY(-50%);
      width: 100%;
      text-align: center;
  }
  .btn {
      display: inline-block;
      width: 50px;
      height: 50px;
      background: #f1f1f1;
      margin: 5px;
      border-radius: 30%;
      box-shadow: 0 5px 15px -5px #00000070;
      color:#181b59;
      overflow: hidden;
      position: relative;
  }
  .btn i {
      line-height: 45px;
      font-size: 26px;
      transition: 0.2s linear;
  }
  .btn:hover i {
      transform: scale(1.3);
      color: #f1f1f1;
  }
  .btn::before{
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: #181b59;
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
  }

  /***register button****/
  .button {
      background-color: #181b59;
      border-radius: 2rem;
      color: #fafafa;
      display: inline-block;
      margin: 2rem;
      padding: 1rem 2.5rem;
      text-transform: uppercase;
      transition: background-color 650ms;
      outline: none;
  }
  .button:hover {
      background-color: #fafafa;
      text-decoration: none;
      color: #181b59;
      border: 1px solid #181b59;
  }
  .counters {
      background: #f1f1f1;
      text-align: left;
      padding: 5em 8em;
      margin-top: 7em;
      counter-reset: counter-name;
  }
  .section {position: relative;
margin-top: 2em;}
  .section::before {
      counter-increment: counter-name;
      position: absolute;
      content: counter(counter-name) '  ';
      left: -2.5em;
      top: -.1em;
      background: #fff;
      width: 2em;
      height: 2em;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #181b59;
      box-sizing: border-box;
  }
  ul li{
      font-size: 1.5em;
  }
  .counters ul {
      list-style: none;
  }
  .counters li::before {
      content:  ' . ';
      font-size: 2em;
  }
  blockquote {
      font-size: 1.3rem;
      color: #591616;
  }
.register-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
  a[data-tool-tip] {
      position: relative;
      text-decoration: none;
  }
  a[data-tool-tip]::after {
      content: attr(data-tool-tip);
      display: block;
      position: absolute;
      background-color: #181b59;
      padding: 1em;
      color: white;
      border-radius: 5px;
      font-size: .8em;
      bottom: 0;
      left: 0;
      white-space: nowrap;
      transform: scale(0);
  }
  a[data-tool-tip]:hover::after {
      transform: scale(1);
      transition:
       transform ease-out 150ms,
       bottom ease-out 150ms
      ;
  }