.colors{
	color:#9a94cb;
	color:#c59bd5;
	color:#8db8dd;
}
.btn-color{
  color: #001A57 !important;
  background-color: #000;
}

.center{
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar{
  background-color:#142E5F !important ;
}

.navbar-nav{
margin-inline-start: 25%;
}


.navbar-brand {
  width: 160px;
  height:80px ;

}

.navbar-brand img {
  width: 100%;
  height: 150px;
  object-fit: contain;
}


.navbar .nav-item .nav-link {
  color: #fff;
  font-size: 18px;
  
}

.navbar .nav-item  {
    padding: 0 16px;
  
}

.sec1-home{
  height: 100vh;
}


footer{
  background-color: #142E5F;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.white{
  color:#fff;
}

footer ul{
  list-style:none ;
}


footer img{
  height: 300px;
  width: 400px;
  object-fit: contain;
}

footer .imgbox{
  height: 300px;
}


.widget-categories {
 display: flex;
 flex-direction: column; 
 justify-content: center;
}

footer .links{
  display: flex;
  flex-direction: column;
  
}

.quick-links{
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-us{
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


.quick-links a{
  text-decoration: none; 
  color: #fff;
}

.contact-us a{
  text-decoration: none;
  color: #fff;
  
}

.about-us {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 
}

/* sec1 style */

.sec1-home{
  background-image: url(../img/home.png) ;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-bottom: 100px;
}

.overlay{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.home-box{
  height: 100%;
}

.sec1-home .text{
  position: relative;
  z-index: 100;
  margin-top: 160px;
}

.home-box1{
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.subtitle{
  color: #3AA4FF;
  font-size: 24px;
}

.heading{
  color: #fff;
  font-size: 64px;
}

.parg{
  color: #fff;
  font-size: 24px;
}

 .btn-primary{
  background-color: #3AA4FF !important;
  width: 160px;
  padding: 10px;
}
 
  @media (min-width: 992px) and (max-width: 1400px){

    .heading{
      color: #fff;
      font-size: 44px;
    }
    .navbar-nav{
      margin-inline-start: 2%;
      }
      


  }

  @media  (max-width: 992px){

    .heading{
      color: #fff;
      font-size: 35px;
    }
    .navbar-nav{
      margin-inline-start: 2%;
      }
      
      .subtitle{
        color: #3AA4FF;
        font-size: 20px;
      }

      .parg{
        color: #fff;
        font-size: 20px;
      }
      
      

  }

  .sec2-home{
    background-color: #f2f2f2;
    margin-bottom: 100px;
  }

  .sec2-home .imgbox{
    width: 100%;
  }

  .sec2-home .imgbox img{
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
  .about-text-box{
    position: relative;
  }

  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: -200px;
    top: 20%;
  }


  .sec2-home .about-text h2{
    font-size: 36px;
    font-weight: 400;
    color: #333;
    
  }

  .sec2-home .about-text p{
    font-size: 20px;
    font-weight: 500;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
  }

.sec3-about-us{
 position: relative;
}
.sec3-about-us .text-gray{
  background-color: #f2f2f2;
  padding: 32px;
  position: relative;

}

.sec3-about-us .text-gray h2{
  padding: 48px;
  width: 60%;
  position: absolute;
  top: -100px;
  background-color: #f2f2f2;
  left: 0px;
  
}

.sec3-about-us .text-gray p{
  padding: 16px;
  font-size: 18px;
}

.sec3-about-us .imgbox{
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: end;
}

.sec3-about-us img{
  width: 70%;
  height: 100%;
  object-fit: cover;
}

.sec3-about-us .peace{
 width:100%;
 position: absolute;
 height: 120px;
 bottom: -120px;
 background-color: #f2f2f2;
 right:-32px;
z-index: 100;
  
}


.sec4-get-involoved{
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.cards{
  background:#9D849859;
  
}

.sec4-get-involoved .involved{
  background: url(../img/get.png);
  height: 100%;
  width: 100%;
  background-size: cover;
 

}

.white{
  color: #fff;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}


.sec5{
  height: auto;
  padding: 32px;
}

.sec5 .swiper-slide {
  height: 500px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  border-radius: 10px;
}

.sec5 .swiper-slide .imgbox{
height: 100px;
width: 100px;

}

.sec5 .swiper-slide .imgbox img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin-bottom: 0px;
  
  }

  .sec5 .swiper-slide p{
   padding: 50px !important;
  }

  .swiper-pagination{
    width: 20px;
    
  }

  .sec6{
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .sec6 .card{
    border: 0 px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 160px;
  }

  .sec6 .card .text a{
    font-size: 12px !important;
  }

  .sec7 .card .line{
    width: 100%;
    height: 2px;
    background-color: #E5E5E5;
  }

  .sec7 .card{
    padding: 16px;
    border:0px solid ;
    position: relative;
    height: 550px;
    width: 100%;    
    margin-bottom: 50px;
    
  }

  .sec7 .card .imgbox{
   position: relative;
   height: 300px;
   width: 100%;
   
  }
  .sec7 .card .imgbox img{
    height: 90%;
    width: 100%;
  }


  .sec7 .card .date{
background-color: #fff;
position: absolute;
bottom: 0px;
padding: 16px;
width:200px ;
border-radius: 0px 10px 0px 0px;
left: 0px;
  }

  .sec7 .card .circle-btn{
    background-color: #9791C8;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .white{
    color: #fff;
  }


  .sec7 .admin img{
    border-radius: 50%;
    height: 30px;
    width: 30px;
    
    
    
  }


  .sec7 .admin h6{
    height: 40px;
    display: flex;
    align-items: center;
  }

  .sec8{
    height: 600px;
    margin-bottom: 100px;
  }
  .sec8 .container{
    height: 100%;
  }
  .sec8 .row{
    height: 100%;
  }

  .sec8 .swiper {
    width: 100%;
    height: 100%;
  }

  .sec8 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .sec8 .swiper-slide .imgbox{
    height: 320px;
  }

  .sec8 .swiper-slide img {
    display: block;
    width: 90%;
    height: 95%;
    object-fit: cover;
    border-radius: 8px;
  }

    .sec9{
      height: auto;
      margin-bottom: 100px;
      margin-top: 100px;
    }


  .sec9 .card{
    width: 80%;
    height: 350px;
    display: flex;
    justify-content: flex-start;
    border: 0px solid;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
  }
  .sec9 .card a{
    width: 150px;
    border: 1px solid #174C81;
    padding: 12px;
    height: 45px;
    border-radius: 8px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .6s;
  }

  .sec9 .card a:hover{
    background-color: #174C81;
    color: #fff;
  }

  .sec9 .card h6{
    padding: 16px;
  }

  .sec9 .card .imgbox{
    height: 200px;
    width: 100%;
  }
  .sec9 .card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }

.about-sec1{
  background: url('../img/about.png') center;
  background-size: cover;
  height: 300px;
}
  .header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    
}
.header h1 {
    text-transform: uppercase;
    color: #fff;
    z-index: 999;
    position: relative;
    font-size: 4rem;
}
.header::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 26, 87, 0.4);
}

.sec10{
  height: auto;
  margin-bottom: 100px;
  margin-top: 100px;
}

.sec10 .container{
  height: 100%;
}
.sec10 .container .row{
  height: 100%;
}

.sec10 .swiper {
    width: 100%;
    height: 100%;
  }

  .sec10 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .sec10 .swiper-slide .imgbox{
    height: 100px;
  }

  .sec10 .swiper-slide img {
    display: block;
    width: 90%;
    height: 95%;
    object-fit: contain;
  }

  .about-sec2{
    
    margin-bottom: 100px;
  }

  .about-sec3 {
    height: 600px;
    margin-bottom: 50px !important;
  }

  .about-sec4 {
    height: 90vh;
    background-color: #001A57;
    margin-bottom:100px ;
    position: relative;
  }

  .about-sec4 .tricks{
    background: #fff;
    position: relative;
    bottom: -120px;
  }
  .about-sec5{
    height: 300px;
  }

  .padding-bottom{
    padding-bottom: 16px;
  }

  .padding-left{
    padding-left: 32px;
  }

  .padding-top{
    padding-top: 48px;
  }

  .paragraph{
    font-size: 18px;
  }

.statistics{
  font-size: 60px;
  color: #001A57;
}


.service-sec2{
  height: 300px;
  background: url(../img/service-sec2.png) center;
  background-size: cover;
  margin-bottom: 100px;
  position: relative;
}

.service-sec2 .overlay{
  height: 100%;
  width: 100%;
  background-color: #001A5780;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.service-sec2 .text{
  z-index: 10;
  position: relative;
  padding: 64px;
  text-align: center;
  font-family: Nunito Sans;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sec3-service{
  height: auto;
}
.sec3-service .imgbox{
  height:500px;
  width: 100%;
}

.sec3-service .imgbox img{
  height:100%;
  width: 95% !important;
}

.articles-details .card{
  border: 0px;
}

.articles-details .card .date{
  background-color: #1E4398;
  padding: 10px;
  position: absolute;
  top:0px;
  left:-100px;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
}

.catogries .cato-box .line{
 width: 100%;
 height: 1px;
 background: #EEEEEE;

}

.catogries .cato-box h4{
  font-family: 'Raleway';
  font-weight: 400;
  color:#848484 ;
}

.catogries h3{
  font-family: 'Poppins';
}

.catogries {
  border-top: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  padding: 10px;
  border-left: 4px solid #1E4398;

}

.popular .imgbox{
  height: 100px;
}

.popular .imgbox img{
  height: 100%;
}

.contact-us-2{
  margin-bottom: 100px;
}

.column{
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.choicess a{
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  
}

.sec3-partner .card{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-bottom: 20px;
  
  
}

.sec3-partner .card img{
  height: 250px;
}

.sec4-partner{
  margin-top: 100px;
  margin-bottom: 100px;
}
.sec4-partner .card{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-bottom: 20px;
  
  
}

.sec4-partner .card img{
  height: 250px;
}




.sec-portal img {
  height: 400px;
}

.line2{
  height: 2px;
  width: 100%;
  background-color: #E5E5E5;
}


.slider .swiper {
  width: 100%;
  height: 100%;
  padding: 16px;
}

.slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

 .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.slider .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.slider{
margin-bottom: 80px;
margin-top: 80px;

}
.slider .card .imgbox{
height: 180px;
width: 100%;
position: relative;
z-index: 2;
} 

.slider .card .text a{
  font-size: 14px;
  margin-left: 16px;
}

.date-news{
width: 120px;
height: 30px;
background-color: #001A57;
color: #fff;
position: absolute;
border-radius: 10px;
bottom:0px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
}


.contact .card{
border: 0px;
background: #F4F4F4;
margin-bottom: 50px;
margin-top: 50px;
}

.heading-2{
font-size: 50px;
color: #122B54;
}

.sec1-comp{
  margin-top: 100px;
  margin-bottom: 100px;
}

.sec1-comp .imgbox-comp{
  height: 400px;
}

.sec1-comp .imgbox-comp img{
  height: 100%;
}

.sec2-comp .card {
border: 0px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.sec2-comp {
  margin-bottom: 100px;
}

.navbar-nav .nav-item .nav-link{
  font-size: 16px;
}


@media (min-width: 992px) and (max-width: 1200px){

  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: -200px;
    top: 10%;
  }

  .sec6 .card{
    border: 0 px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 180px;
  }
.about-sec5{
  height: 200px !important;
}

}

@media (min-width: 1200px) and (max-width: 1400px){
  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: -200px;
    top: 15%;
  }

  .sec6 .card{
    border: 0 px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 200px;
  }

  

}

@media (min-width: 1200px) and (max-width: 1600px){

}

@media (min-width: 768px) and (max-width: 992px){
 
  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: 0px;
    top: 15%;
    margin-bottom: 30px;
  }


  .sec2-home{
    height: auto !important;
  }
  .sec4-get-involoved{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
  }

  .sec3-about-us .peace {
    width: 50%;
    position: absolute;
    height: 120px;
    bottom: -120px;
    background-color: #f2f2f2;
    right: -32px;
    z-index: 100;
}

.sec4-get-involoved .cards{
  margin-bottom: 20px;
}

.about-sec3{
  height: auto !important;
}

.sec10{
  height:auto !important;
}

.about-sec4{
  height: auto !important;
}

.contact-us2{
  height: auto !important;
  margin-bottom: 100px;
}

}

@media (min-width: 576px) and (max-width: 768px){
  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: 0px;
    top: 15%;
    margin-bottom: 30px;
  }

  .sec4-get-involoved{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
  }
  .sec3-about-us .peace {
    width: 50%;
    position: absolute;
    height: 120px;
    bottom: -120px;
    background-color: #f2f2f2;
    right: -32px;
    z-index: 100;
}
.sec4-get-involoved .cards{
  margin-bottom: 20px;
}

.about-sec3{
  height: auto !important;
}

.about-sec4{
  height: auto !important;
}

.service-sec2{
  height: auto !important;
}

.contact-us2{
  height: auto !important;
  margin-bottom: 100px;
}
.articles-details .card .date{
  background-color: #1E4398;
  padding: 10px;
  position: absolute;
  top:0px;
  left:0px;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
}

}

.contact-us2{
  height: auto !important;
  margin-bottom: 100px;
}
@media (max-width: 576px){

  .sec2-home .about-text{
    padding: 32px;
    background-color: #fff;
    position: relative;
    height: auto;
    left: 0px;
    top: 15%;
    margin-bottom: 30px;
  }
  .sec4-get-involoved{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
  }

  .sec3-about-us .peace {
    width: 50%;
    position: absolute;
    height: 120px;
    bottom: -120px;
    background-color: #f2f2f2;
    right: -32px;
    z-index: 100;
}

.sec4-get-involoved .cards{
  margin-bottom: 20px;
}

.sec6 .card{
  border: 0 px !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 180px;
}
.about-sec3{
  height: auto !important;
}

.about-sec4{
  height: auto !important;
}
.contact-us2{
  height: auto !important;
}
.articles-details .card .date{
  background-color: #1E4398;
  padding: 10px;
  position: absolute;
  top:0px;
  left:0px;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
}

}




.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;

}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}

.form-section{
  height: auto;
  margin-top: 100px;
}