* {
   margin: 0px;
   padding: 0px;
}

.files{margin:0px 50px; Padding:10px 0px;}
.files li{color:#fff !important;}
.files a{color:#d0d2d7;}
.files a:hover{color:#ffffff;}
.header {
   background: url('../img/main-bg.jpg') no-repeat;
   background-size: cover;
   min-height: 100vh;
   width: 100%;
}

.logo-img img {
   margin-top: 60px;

}
.navbar-toggler{background-color:#fff !important;
    border: 1px solid #fff !important;}

.card-tittle-index{
  position: relative; 
  border-radius: 5px;
  padding: 69px 0px;
  animation: fadeInRight 1s ease-in-out;
}
.card-tittle-index::before {    
      content: "";
      background-image: url('../img/heading-bg.jpg');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}

.card-tittle-index h1{
  position: relative;
  font-size: 65px;
  font-family: 'Roboto Slab', serif;
   color: #fff;
   font-weight: bold;
   text-align: center;
}

.card-tittle h1 {
   font-size: 65px;
  font-family: 'Roboto Slab', serif;
   color: #111;
   text-align: center;
   font-weight: bold;
}
.card-tittle-index h2 {
  font-size: 35px;
 font-family: 'Roboto Slab', serif;
  text-align: center;
  position: relative;
}
.card-tittle h2 {
   font-size: 35px;
  font-family: 'Roboto Slab', serif;
   text-align: center;
   
}
.card-tittle-start{
  border-radius: 5px;
  padding:1rem 43px;
  animation: fadeInRight 1s ease-in-out;
  
}
.card-tittle-start::before {    
      content: "";
      background-image: url('../img/heading-bg.jpg');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem !important;
}
.card-tittle h1{
  color:#0a4e86;  
  font-weight: bold;
}
#para-center{
  text-align: center;
}
.card-tittle-start h1 {
 
 font-family: 'Roboto Slab', serif;
  padding: 20px 0px;
  text-align: center;
  font-weight: bold;
  position:relative;
}


.card-tittle-index a{
text-decoration: none;
}

.card-bg{
 padding: 90px 0px;
   background-color: #ADD8E6;
}
.embed-responsive{
  margin-bottom: 15px;
}
.card-tittle{
  border-radius: 5px;
  padding: 10px 0px;
  animation: fadeInRight 1s ease-in-out;
}
.card-tittle::before {    
      content: "";
      background-image: url('../img/heading-bg.jpg');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}

.card-tittle h1{
  color:#fff;  
  font-weight: bold;
  position:relative;
}
.card-tittle p{
  color:#fff;  
  font-weight: 600;
  font-size:18px;
  position:relative;
  
}

.card-tittle-start p{
  color:#fff;  
  font-weight: 600;
  font-size:18px;
  position:relative;
}

.card-tittle li{
  color:#111; 
  font-weight: bold;
  font-size: 19px;
  position:relative;
}

.card-tittle a{
 text-decoration: none;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

.footer {
   background-color: #131314;
   padding: 20px 0;
}

.footer p {
   color: #fff;
   text-align: center;
}

.social-icon ul{
   margin: 0px;    
   padding: 0px;
   display: flex;
   justify-content: center;
   }
   
   .social-icon li{
   list-style: none;
   padding: 0px;
   }
   
   .social-icon li a{
       display: block;
       border: 1px solid #fff;
       border-radius: 25px;
       color: #fff !important;
       margin: 0px 5px 15px 0px;
       text-align: center;
       padding: 9px 14px;
       float: left;
       transition: all .4s ease;                                                                      
   }
 

   .menu {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      list-style: none;
      padding: 0 100px;
    }
    
    .menu li{
      display: block;
      height: 100%;
      margin-right: 30px;
      font-size: 20px;
      position: relative;
      display: flex;
      align-items: center;
      color:  #111;
      font-weight: bold;
      text-transform: uppercase;
      text-shadow: 0 0 15px #8e54e9;
      transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    
    /* Style 1: color change and scale by 120% */
    .menu li:hover {
      color: #111;
      transform: scale(1.2);
      text-shadow: none;
    }
    









    a {
      color: white;
      text-decoration: none;
    }
    
    h1, h2 {
      color: white;
      font-family: 'Oswald', sans-serif;
      font-weight: normal;
    }
    
    h2 {
      font-size: 14px;
      margin-bottom: 30px;
      color: #24E2B8;
    }
    
    .one, .two, .three, .four, .five {
      border: none;
      border-radius: 4px;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.48);
      overflow: hidden;
      padding: 20px 50px 20px 70px;
      margin-bottom: 20px;
      font-size: 20px;
      position: relative;
      color: white;
      outline: none;
      cursor: pointer;
      width: 100%;
      -webkit-transition: background-position .7s,box-shadow .4s;
      transition: background-position .7s,box-shadow .4s;
      background-size: 110%;
      font-family: 'Oswald', sans-serif;
    }
    .one:hover, .two:hover, .three:hover, .four:hover, .five:hover {
      background-position: 0% 30%;
    }
    .one:hover:after, .two:hover:after, .three:hover:after, .four:hover:after, .five:hover:after {
      right: -40px;
      -webkit-transition: right .4s,-webkit-transform 30s .2s linear;
      transition: right .4s,-webkit-transform 30s .2s linear;
      transition: right .4s,transform 30s .2s linear;
      transition: right .4s,transform 30s .2s linear,-webkit-transform 30s .2s linear;
    }
    .one:before, .two:before, .three:before, .four:before, .five:before, .one:after, .two:after, .three:after, .four:after, .five:after {
      font-family: FontAwesome;
      display: block;
      position: absolute;
    }
    .one:before, .two:before, .three:before, .four:before, .five:before {
      -webkit-transition: all 1s;
      transition: all 1s;
      font-size: 30px;
      left: 25px;
      top: 19px;
    }
    .one:after, .two:after, .three:after, .four:after, .five:after {
      -webkit-transition: right .4s, -webkit-transform .2s;
      transition: right .4s, -webkit-transform .2s;
      transition: right .4s, transform .2s;
      transition: right .4s, transform .2s, -webkit-transform .2s;
      font-size: 100px;
      opacity: .3;
      right: -120px;
      top: -17px;
    }
    
    .one {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 10px 0px #426067;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3e6076), to(rgba(126, 94, 162, 0.51))), url("../img/btnbackground.jpg");
      background-image: linear-gradient(to bottom, #1f282b, rgba(78, 166, 153, 0.51)), url("../img/btnbackground.jpg");
    }
    .one:hover {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 30px 0px #74c3dc;
    }
    .one:hover:after {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    .one:hover:before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    .one:after, .one:before {
      content: "";
    }
    .one b {
      color: #DDA6FF;
      font-weight: 700;
    }
    
    .two {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 10px 0px #426067;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3e6076), to(rgba(222, 135, 61, 0.24))), url("../img/btnbackground4.jpg");
      background-image: linear-gradient(to bottom, #1f282b, rgba(78, 166, 153, 0.51)), url("../img/btnbackground4.jpg");
    }
    .two:hover {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 30px 0px #74c3dc;
    }
    .two:hover:after {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    .two:hover:before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    .two:after, .two:before {
      content: "";
    }
    .two b {
      color: #FFD9B4;
      font-weight: 700;
    }
    
    .three {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 10px 0px #426067;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3e6076), to(rgba(86, 202, 139, 0.18))), url("../img/btnbackground2.jpg");
      background-image: linear-gradient(to bottom, #1f282b, rgba(86, 202, 139, 0.18)), url("../img/btnbackground2.jpg");
    }
    .three:hover {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 30px 0px #36C176;
    }
    .three:hover:after {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    .three:hover:before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    .three:after, .three:before {
      content: "";
    }
    .three b {
      color: #63FFAC;
      font-weight: 700;
    }
    
    .four {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 10px 0px #426067;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#3e6076), to(rgba(161, 245, 245, 0.24))), url("../img/btnbackground3.jpg");
      background-image: linear-gradient(to bottom, #1f282b, rgba(161, 245, 245, 0.24)), url("../img/btnbackground3.jpg");
    }
    .four:hover {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 30px 0px #33E7EA;
    }
    .four:hover:after {
      -webkit-transform: rotate(3000deg);
              transform: rotate(3000deg);
    }
    .four:hover:before {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
    .four:after, .four:before {
      content: "";
    }
    .four b {
      color: #1CF4FF;
      font-weight: 700;
    }
    
    .five {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 10px 0px #426067;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#DE3964), to(rgba(154, 40, 87, 0.24))), url("../img/btnbackground5.jpg");
      background-image: linear-gradient(to bottom, #1f282b,  rgba(86, 202, 139, 0.18)), url("../img/btnbackground5.jpg");
    }
    .five:hover {
      box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.16) inset, 0px 0px 30px 0px #74c3dc;
    }
    .five:hover:after {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    .five:hover:before {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    .five:after, .five:before {
      content: "";
    }
    .five b {
      color: #F764FF;
      font-weight: 700;
    }







    /* --------------------------------------getting   start page ------------------*/

    .heading-2{
      background:url(../img/) ;
    }
    .heading-2 {
     padding: 90px 0px;
          }
    .heading-2 h1{
text-align: center;
color:#0a4e86;  
font-weight: bold;

    }

    .heading-2 span{
      color:#000000;font-family:Arial;font-size:18px;
      font-weight: str;
          }

    .heading-2 h3{
      text-align: center;
          }
      
.heading-2 span{
   text-align: center;
}

.heading-2 p{
   text-align: center;
}


@media only screen and (max-width: 600px) {
  .header {
  background-position: center;
  min-height: auto;

  }
}