@keyframes easing-in {

  0%   {left:-100px;}

  50%  {left:-50;}

  100% {left:0;}

}



@keyframes fadeIn {

0% { opacity: 0; left: -100px; }

100% { opacity: 1; left: 0; }

}



@-moz-keyframes fadeIn {

  0% { opacity: 0; left: -100px; }

  100% { opacity: 1; left: 0; }

}



@-webkit-keyframes fadeIn {

  0% { opacity: 0; left: -100px; }

  100% { opacity: 1; left: 0; }

}



@-o-keyframes fadeIn {

  0% { opacity: 0; left: -100px; }

  100% { opacity: 1; left: 0; }

}



body{

  font-family: 'Montserrat', sans-serif;

  overflow-x: hidden;

  background-color: #211a1d;

}



.hidden{

  display: none;

}



.navigation-bar{

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  opacity: 1;

  background-color: #8075ff;

}



.navbar-scroll{

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  backdrop-filter: blur(15px);

  border-bottom:  1px solid black;

  padding: 0 7% 0;

  background-color: rgb(128 117 255 / 50%);

}





.title{

  position: relative;

  width: 100%;

  overflow: hidden;

}



/*Navigation Bar*/





.nav-item {

    padding: 0 18px;

}



.container-fluid{

  padding: 0;

}



.download-button{

  margin-top: 3%;

}





.header-container{

  color: white;

  z-index: 1;

  animation: fadeIn 2s;

  -webkit-animation: fadeIn 2s;

  -moz-animation: fadeIn 2s;

  -o-animation: fadeIn 2s;

  -ms-animation: fadeIn 2s;

}



.big-heading{

  line-height: 1;

  margin-bottom: 5%;

  margin-top:3%

}



.title-text{

  font-family: 'Roboto Condensed', sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  letter-spacing: 1px;

}



.landing_image{

  z-index: 0;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}





/* features  */



.features{

  padding: 3% 5% 3%;

  text-align: center;

  background-color: #F8F0FB;

}



.feature-center{

  text-align: center;

}



.feature-list{

  text-align: left;

}



.feature-title{

  padding-bottom: 20px;

}



.card {

  display: flex;

  flex-direction: column;

  text-align: center;



  border: 1px;



  height: 100%;

  padding: 35px;

  border: 2px solid rgba(255, 255, 255, .25);

  border-radius: 20px;

  background-color: rgba(255, 255, 255, 0.45);

  backdrop-filter: blur(15px);

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.power_bi{

  opacity: 0;

  position: relative;

}



.power_automate{

  opacity: 0;

  position: relative;

}



.power_apps{

  opacity: 0;

  position: relative;

}



.feature-image{

  width: 20%;

  margin: 10px auto;

}



.feature_heading{

  opacity: 0;

  position: relative;

  margin-bottom: 4%;

}



.feat_subtitle{

  margin-top: 4%;

  font-weight: bold;

  opacity: 0;

  position: relative;

}



/* Services */



.height-restriction{

  height: 500px;

}



.service-row{

  height: 450px;

}



/* Walk Through */

.walk-through{

  padding: 5% 5% 0;

}



/* roadmap */

.roadmap{

  padding: 5% 5% 0;

  color: white;

  text-align: center;

}



/* Testimonials */

.testimonials{

  padding: 5% 5%;

  text-align: center;

  background-color: #F8F0FB;

}



.quote_heading{

  margin-bottom: 2%;

}



.quote_person{

  margin-top: 2%;

}



.company_logos{

  text-align: center;

}



/* Contact Us */



.contact_headings{

  margin-top: 5%;

  margin-bottom: 1%;

}



.whatsapp-button{

  background-color: green;

}



.contact_us{

  padding: 5% 5% 2%;

  color: white;

}



.form-group{

  margin: 3% 0;

}



.email_link{

  color: white;

}



.submit-button{

  margin-top: 3%;

  background-color: green;

}



.btn-secondary{

  background-color: #8075ff;

  color: black;

}



.contact-us-img{

  text-align: center;

}





/* Footer */



.footer{

  color: white;

  padding: 1%;

  text-align: center;

}



.linkedin-icon{

  font-size: 3rem;

}



.copyright{

  margin-top: 2%;

  margin-bottom: 0;

}





/* Example report page below */



.reports{

  text-align: center;

  padding: 3% 5%;

  background-color: #F8F0FB;

}



.report_headings{

  margin: 2% 0;

}



.view-report-button{

  margin-top: 4%;

  margin-bottom: 4%;

  font-size: 2.5rem;

}





/* about us page */

.aboutus{

  padding: 3% 5%;

}



.aboutus-heading{

  color: white;

  position: relative;

  text-align: center;

  margin-top: 2%;

  margin-bottom: 4%;

  animation: fadeIn 2s;

  -webkit-animation: fadeIn 1s;

  -moz-animation: fadeIn 1s;

  -o-animation: fadeIn 1s;

  -ms-animation: fadeIn 1s;

}



.who-copy{

  color: white;

  opacity: 0;

  animation-delay: 2s;

  position: relative;

  top: 50%;

}



.who-image{

  text-align: center;

}





.about-us-bottom{

  padding: 3% 5% 0;

}



.aboutus-ext{

  background-color: #F8F0FB;

  }







/* Mobile view */



@media (min-width: 768px) {



  p{

    font-size: 2rem;

  }



  li{

    font-size: 2rem;

  }



  .landing_image{

    width: auto;

    height: 100%;

  }



  .navigation-bar{

    padding: 0 7% 0;

  }



  #features_anchor{

    display: block;

    position: relative;

    visibility: hidden;

  }



  #contact_us_anchor{

    display: block;

    position: relative;

    top: -200px;

    visibility: hidden;

  }



  .row {

    margin-right: 0;

  }



  .navbar-brand {

    font-weight: bold;

    font-size: 3.5rem;

  }



  .navbar-toggler{

    font-size: 2rem;

  }



  .title{

    padding: 20% 5%;

    height: 1500px;

  }



  .big-heading{

    font-size: 5em;

  }



  .subheading{

    font-size: 4rem;

  }



  /* What we do  */



  .what-we-do{

    background-color: #F8F0FB;

    height: 100%;

  }



  .what-we-do-margin{

    padding: 0 5% 3%;

    margin-top: 7%;

  }



  .services-image{

    margin: auto;

    width: 100%;

  }



  .si-container{

    padding: 0;

  }



  .services{

    color: white;

    height: 100%;

  }



  .aboutus-heading{

    font-size: 4.5em;

  }



  .feature_heading{

    font-size: 3.5rem;

  }



  .h2-headings{

    font-size: 3rem;

  }



  .h3-headings{

    margin-bottom: 5%;

    font-size: 4rem;

  }



  .power_bi_icon{

    display: none;

  }



  .h3-headings-roadmap{

    font-size: 4rem;

  }



  .roadmap-img{

    width: 100%;

  }



  .contact_headings{

    font-size: 2.5rem;

  }



  .download-button{

    margin-bottom: 5%;

    font-size: 2.5rem;

    color: #FFF;

  }



  .contact-button{

    margin: 2% 0;

    font-size: 2.5rem;

  }





  .company_logos{

    width: 40%;

  }



  .company_logo{

    height: 60px;

    margin-right: 2%;

  }



  .who-copy{

    transform: inherit;

  }



  .nav-link {

    font-size: 3rem;

  }



  .aboutus-ext{

    text-align: center;

  }



  .report-text{

    margin-top: 6%;

    margin-bottom: 6%

  }



  .h1-headings{

    font-size: 4rem;

    margin-bottom: 6%;

  }



}



/* tablet Screen size */



@media (min-width: 1024px ) {



  p{

    font-size: 1rem;

  }



  li{

    font-size: 1rem;

  }



  .landing_image{

    width: 100%;

    height: auto;

  }



  .h3-headings{

    font-size: 2rem;

  }



  .h3-headings-roadmap{

    font-size: 2rem;

  }



  .title{

    height: auto;

    padding: 5%;

  }



  .navigation-bar{

    padding: 0 1% 0;

  }



  .what-we-do{

    padding: 0 5% 3%;

    background-color: #F8F0FB;

    height: 500px;

  }



  .what-we-do-margin{

    padding: auto;

    margin-top: 2%;

  }



  .power_bi_icon{

    display: block;

  }



  .services-image{

    width: auto;

  }



  .services{

    padding: 0% 5% 0;

    color: white;

    height: 500px;

  }



  .who-copy{

    transform: translateY(5%);

  }



  #features_anchor{

    top: -75px;

  }



  #contact_us_anchor{

    top: -25px;

  }



  .row {

    margin-right: inherit;

  }





  .subheading{

    font-size: 2rem;

  }

  



  .big-heading{

    font-size: 2.5rem;

    margin-top: 10%;

  }



  .title{

    padding: 5% 15% 12%;

  }



  .navbar-brand{

    font-size: 2rem;

  }



  .about-us-bottom{

    text-align: center;

  }



  .aboutus-heading{

    font-size: 2em;

  }



  .feature_heading{

    font-size: 2rem;

  }



  .h2-headings{

    font-size: 2rem;

  }



  .h1-headings{

    font-size: 2rem;

    margin-bottom: inherit;

  }



  .download-button{

    margin-bottom: inherit;

    font-size: inherit;

  }



  .contact-button{

    margin: inherit;

    font-size: inherit;

  }



  .contact_headings{

    font-size: 1.5rem;

  }



  .company_logos{

    width: 15%;

  }



  .company_logo{

    height: 40px;

    margin-right: 2%;

  }



  .nav-link {

    font-size: 1rem;

  }



  .aboutus-ext{

    text-align: inherit;

  }



  .report-text{

    margin-top: inherit;

    margin-bottom: inherit;

  }



  .contact-img-tablet{

    height: 75%;

  };



}



/* L Screen size */



@media (min-width: 1300px) {



  .navigation-bar{

      padding: 0 7% 0;

  }



  .big-heading{

    font-size: 3rem;

  }



  .my-video{

    height: inherit;

  }



  .contact-img-tablet{

    height: inherit;

  };

}



/* XL Screen size */



@media (min-width: 1600px) {

  .features{

    margin-top: 9%;

  }



  .reports{

    padding: 1% 5% 3%;

  }

}





/* Animation */

.show{

  opacity: 1;

  animation: fadeIn 1s;

  -webkit-animation: fadeIn 1s;

  -moz-animation: fadeIn 1s;

  -o-animation: fadeIn 1s;

  -ms-animation: fadeIn 1s;

}



.about-us-cards{

  padding: 3% 5% 3%;

  text-align: center;

  background-color: #F8F0FB;

}



/* * {

  background: #000 !important;

  color: #0f0 !important;

  outline: solid #f00 1px !important;

} */