@import url(https://fonts.googleapis.com/css?family=Raleway);

/*h1, h2, h3, h4, h5, h6 {
  font-family: Raleway;
  color: #2F3F50;
  font-weight: 500;
}*/

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
  width: 100%;
  height: calc(100vh - 114px);
  padding: 0;
  overflow: hidden;
}
.rlwy{

  font-family: Raleway;
}
#hero .carousel-item {
  width: 100%;
  height: calc(100vh - 114px);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(13, 30, 45, 0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
#hero, #hero .carousel-item {
    height: 100vh;
  }
#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

#hero .carousel-content {
  text-align: left;
}

@media (max-width: 992px) {
  #hero, #hero .carousel-item {
    height: 100vh;
  }
  #hero .carousel-content.container {
    padding: 0 50px;
  }
}

#hero h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 900;
  position: relative;
    top: 15px;
}

#hero p {
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}

#hero .carousel-indicators li {
  cursor: pointer;
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 0;
  background: #428bca;
}

#hero .btn-get-started:hover {
  background: #1c5c93;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  #hero p {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}


@media(max-width: 991px){
  select.mt-3 {
    margin-top: 0!important;
}

}



/*Core Competency*/
 .chapter1-header {
    font-size: 40px!important;
    text-align: center;
    font-family: sans-serif;
    font-weight: 600;
}
      .chapter1-container{
        width: 100%;
        /*border:1px solid orange;*/
        margin-top: 2%;
      }
   
      .chapter1-content1{
        padding: 20px;
          /*width:25%;
          border:1px solid green;*/
          display: inline-block;
          box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
          border-radius: 20px;
          background: #fff;
      }
      .chapter1-content2{
          /*width:25%;*/
          padding: 20px;
          /*border:1px solid green;*/
          display: inline-block;
          /*margin-left: 5%;*/
          box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
          border-radius: 20px;
          background: #fff;
      }
      .chapter1-content3{
          /*width:25%;*/
          padding: 20px;
          /*border:1px solid green;*/
          display: inline-block;
          /*margin-left: 5%;*/
          box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
          border-radius: 20px;
          background: #fff;
      }
      .chapter1-content1-img{
        width: 250px;
        height: 200px;
        background-image: url('../img/app5.jpg');
        background-size: cover;
        margin: 0 auto;
        display: block;
      }
      .cnt2{
        background-image: url('../img/app6.png');
        
      }
      .cnt3{
        background-image: url('../img/app4.jpg');
        
      }
     
      .chapter1-header2{
       
       text-align:center;
      
      font-size:15px;
      text-align: center;
      color:#27a8e0;
      }
      .chapter1-container #particles-js1 {
   display: none;
}
      .chapter1-content1-text{
        margin:20px;        
      }
      .chapter1-content1-para{
       
       text-align:left;
    
      font-size:14px;
      color:#666;
      line-height:25px;
      margin-left:10px;
      margin-right:10px;
      text-align: justify;
      }


      .chapter1-content1.aos-init.aos-animate
       {
          height: 100%;
      }
      .chapter1-content2.aos-init.aos-animate {
          height: 100%;
      }
      .chapter1-content3.aos-init.aos-animate{
        height: 100%;
      }
/*Core Competency*/



/*Expertize*/
.progress-bar {
    background-color: #2730a0;
   
}
.prgs {
    border: 1px solid #c1bdbd;
}
.chapter2-header2{
 
  text-align:left;
  
  font-size:15px;
  color:#27a8e0;
  text-transform: uppercase;
  /*margin-left: 1%;*/
  margin-top: 3%;

}
.chapter2-imgbg{

width:250px;
height: 350px;
background-color:  #d5d8f8;
border-radius:20px;
margin-left: 25%;
}

@media(max-width: 991px) and (min-width: 768px){
.chapter2-img-content{
  width: 250px!important;
    height: 320px!important;
}
}

@media(max-width: 991px){
  .chapter2-imgbg{
    margin: 0 auto!important;
  }
}


.chapter2-img-content{
width:300px;
height: 300px;
background-image: url('../img/stat0.jpg');
background-position: cover;
background-size: 113%;
border-radius:20px;
position: absolute;
left: 15%;
margin-top:10%;
 box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
}
@media(max-width: 450px){
  .chapter2-img-content{
    width: 220px!important;
  }
}
.chapter2-img-content2{
width:250px;
height: 180px;
background-image: url('../img/stat8.jpg');
background-position: cover;
background-size: 113%;
border-radius:20px;
position: absolute;
left:-50px;
margin-top:50%;
 box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
}
@media(max-width: 450px){
  .chapter2-img-content2{
    width: 220px!important;
    left: -15px!important;
  }
}
.chapter2-content-para{
        
       text-align:left;
      
      font-size:17px;
      color:#666;
      line-height:25px;
      /*margin-left:20%;
      margin-right:20%;*/
      text-align: center;

      }
/*  .chapter2-content{

      margin-left: 10%;
      margin-right: 10%;
  }*/


/*Expertize*/


/*Progress bar Responsive */

/*
@media(max-width: 991px) and (min-width: 300px){
  .header{
    top: 83px;
  }
}
*/

/*Progress bar Responsive */


/*Our Process*/
.process-header {
    font-size: 40px!important;
    text-align: center;
    color: white;
    margin-top: -5%;
    font-family: "Segoe UI", sans-serif;
}
.process-content-para {
    text-align: left;
    font-size: 17px;
    color: white;
    line-height: 25px;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
}

.prc{
    font-size: 18px;
    font-weight: 600;
    font-family: sans-serif;
}
.media.border.p-3.bg-white {
    height: 100%;
    border-radius: 25px;
}
.service-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15vh;
  padding-bottom: 10vh;
  background-image: url(../img/process2.jpg);
  background-attachment: fixed;
  min-height: 100vh;
  background-size: cover;
  background-position: center center;
}
.service-content .left-text h4 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}



.service-content .left-text .line-dec {
  width: 45px;
  height: 3px;
  background-color: #ff7d27;
  margin: 20px 0px 20px 0px;
}

.service-content .left-text p {
  color: #fff;
}

.service-content .left-text ul {
  padding: 0;
  margin-top: 30px;
  list-style: none;
}

.service-content .left-text ul li {
  margin: 15px 0px;
  font-weight: 600;
  color: #fff;
}

.service-content .left-text .primary-button {
  margin: 30px 0px;
}

.service-content .service-item {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 25px 30px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.service-content .service-item .line-dec {
  width: 45px;
  height: 3px;
  background-color: #ff7d27;
  margin: 20px auto 15px auto;
}




/*Our Process*/




/*BELIEF*/
.card.cardy {
    height: 100%;
    background-color: transparent;
    border: none;
}
p.card-text.cardy-text {
    text-align: justify;
}
.sbgf {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    position: relative;
    top: 12px;
}

@media(max-width: 767px){
  .vdh{
  margin-top: 15px;
}
  .vdhs{
    position: relative;
    top: 30px;
  }
}

/*BELIEF*/



.service-11 .font-weight-medium {
  font-weight: 600;
    position: relative;
    top:35px;
}
.slogan{
    position: relative;
    top:25px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    font-style: italic;
}
.para12{
    position: relative;
    top:30px;
    
    
}
.service-11 .bg-light {
  background-color: #f4f8fa !important;
}
.cardys1 {
  box-shadow: 10px 10px 30px rgba(115, 128, 157, 0.5) !important;
  height: 100%;
  border-radius: 10px!important;
}

i.icofont-gears {
    position: relative;
    top: -3px;
    left: -2px;
}
i.icofont-bag-alt {
    font-size: 35px;
    position: relative;
    top: -8px;
}
.service-11 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.service-11 .card.card-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.service-11 .wrap-service11-box {
  margin-top: 60px;
}

.service-11 .wrap-service11-box .icon-space {
  margin: -70px 0 20px;
}

.service-11 .wrap-service11-box .icon-space .icon-round {
  font-size: 45px;
  color: #ffffff;
}

.service-11 .bg-success-gradiant {
  background: #02bced;
  background: -webkit-linear-gradient(
    legacy-direction(to right),
    #02bced 0%,
    #0592df 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#02bced),
    to(#1dc8cc)
  );
  background: -webkit-linear-gradient(left, #02bced 0%, #0592df 100%);
  background: -o-linear-gradient(left, #02bced 0%, #0592df 100%);
  background: linear-gradient(to right, #02bced 0%, #0592df 100%);
}

.service-11 .icon-round {
  width: 80px;
  line-height: 80px;
  float: right;
}

.service-11 .btn-success-gradiant {
  background: #2cdd9b;
  background: -webkit-linear-gradient(
    legacy-direction(to right),
    #2cdd9b 0%,
    #1dc8cc 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2cdd9b),
    to(#1dc8cc)
  );
  background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
  background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
  background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
}

.service-11 .btn-success-gradiant:hover {
  background: #1dc8cc;
  background: -webkit-linear-gradient(
    legacy-direction(to right),
    #1dc8cc 0%,
    #2cdd9b 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#1dc8cc),
    to(#2cdd9b)
  );
  background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
  background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
  background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);
}

.service-11 .btn-md {
  padding: 15px 45px;
  font-size: 16px;
}

#consent-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 10px 0px 15px;
    background-color: rgba(0,0,0,0.8);
    transition: opacity 1s ease;
    color:#fff;
    z-index:99999;
}
.hidden {
        display: none;
}
#accept{
  padding:8px;
  background:yellow;
  color:#000;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  margin:10px;
  cursor: pointer;
}
#decline{
  padding:8px;
  background:red;
  color:#fff;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  margin:10px;
  cursor: pointer;
}



.prevnext{
    padding-top: 100px;
}

@media(max-width: 1199px){
  #accept{
    height: 42px;
  }
  #decline {
    height: 42px;
  }
}
@media(max-width: 767px){
   .cbtr{
    justify-content: center!important;
  }
}

.greeting {
    box-shadow: 3px 20px 30px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding-left: 35px ;
    padding-right: 0px;
    background: #751203 100% linear-gradient(#087CB5 0%, #087CB5 50%, #731102 50%, #751203 100%);
}
.greeting .card {
    padding: 13px;
    font-style: italic;
}
.greetpadd{
    padding: 0;
}
.greeting .card h4{
    padding: 5px;
    font-size: 20px;
    font-style: italic;
}
.greetcard{
    margin-left: 0!important;
    margin-right: 0!important;
}