:root {   
    --white: #ffffff;
    --navyblue: #101B2F;
    --darkblue: #1B3463;
    --skyblue: #00BAFF;
    --specialcolor:  : '#00BAFF', '#13C78B';
    --buttoncolor : '#24AEA4', '#5572FE';
    --black: #000000;
    --gray: #E5E7EB;
    --common-font: Mukta;
       --font-family-Poppins: 'Poppins', serif;
    --clientscolor : '#21262E00', '#00BAFF4D';
    --gradient-bg: linear-gradient(to right, rgba(12, 5, 18, 1), rgba(80, 33, 120, 1));
    --gradient-border: linear-gradient(90deg, rgba(0, 186, 255, 1), rgba(19, 199, 139, 1));
    --duriation: 12s;
    --totalitems: 6;
  
  }

  *{
    padding: 0;
    margin: 0;
    box-sizing:border-box;
  }

  body{
   font-family: var(--font-family-Poppins) !important;

  }

  .wrapper{
    padding: 0 6%;
 
  }


  #service {
    background-color: #F6F6F6;
  }


  .software-img-section{
    background-color: #F6F6F6;
  }

  .software-img-div{
    width: 100%;
    padding: 0 4%;
  }

  .software-img-div>img{
    width: 100%;
  }

  .mid-section{
    background-color: #F6F6F6;
  }

  .ourprocess-section{
   overflow-x: hidden;
    background-color: #F6F6F6;
  }


  #banner-img{
    width: 100%;
  }

  #banner-img>img{
    width: 100%;
  }

  .bris-h1-h2-h5 {
    padding-left: 6em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 6em;
    padding-right: 4em;
    color: white;
  }



  #service-img{
    height: auto;
    width: 100%;
  }
  
  #service-img>img{
    width: 100%;
    object-fit: cover;
  }
  
  .bris-h21 {
    color: black;
    font-size: 76px;
    text-align: left;
  
    justify-content: center;
    padding-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0px;
    width: 70%;
  }


  .bris-h22 {
    color: rgb(0, 0, 0);
    font-size: 22px;
    text-align: left;
    float: right;
    
    justify-content: right;
    padding-top: 15px;
    padding-bottom: 15px;
  
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 500;
    width: 60%;
  }

  .bris-h31 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-align: left;
    float: right;
  
    justify-content: right;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: underline;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 600;
    width: 60%;
  }

  .bris-h1-h2-h6 {
    padding-left: 6em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 2em;
    padding-right: 4em;
    color: white;
    padding-bottom: 3em;
  }

  .bris-h23 {
    color: black;
    font-size: 80px;
    text-align: left;
   
    justify-content: center;
    padding-top: 6%;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 60%;
  }

  .bris-h24 {
    color: rgb(0, 0, 0);
    font-size: 22px;
    text-align: left;
    float: left;

    justify-content: right;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-weight: 300;
    width: 60%;
  }

  .bris-h26 {
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: left;
    float: left;
    
    justify-content: right;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-weight: 300;
    width: 80%;
    line-height: 30px;
  }

  .bris-h30{
    color: var(--black);
    padding: 1% 0;
  }
  .Expertise {
    color: black;
    font-size: 30px;
    text-align: left;
  
    justify-content: center;
    padding-top: 10%;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
    font-weight: 200px;
  }

  #we-can-do{
    padding-top: 1%;
    color: black !important;
  }

  #we-can-do a:hover{
    color: black;
  
  }

  .un{
    color: var(--black);
    text-decoration: none;
  }


  .bris-h1-h2-h7 {
    padding-left: 10em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 6em;
    padding-right: 2em;
    color: white;
  }

  #mid-section{
    border-top: 1px solid black;
    padding-bottom: 10%;
  }
  

  #founder-img{
    width: 40%;
    height: 300px;
    padding-top: 4%;
  }
  
  #founder-img>img{
    width: 80%;
    height: 300px;
  }

  .bris-h27 {
    color: rgb(0, 0, 0);
    font-size: 22px;
    text-align: left;
    float: left;
  
    justify-content: right;
    padding-top: 8%;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 600;
    width: 100%;
    line-height: 33px;
  }
  
.bris-h28 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-align: left;
    float: left;
 
    justify-content: right;
    padding-top: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-weight: 600;
    width: 60%;
  }

  .bris-h29 {
    color: #a7a7a7;
    font-size: 18px;
    text-align: left;
    float: left;
   
    justify-content: right;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-top: -10px !important;
    margin-right: 20px;
    font-weight: 300;
    width: 60%;
  }
  

  /* why us */

  .bris-h32 {

    font-size: 80px;
    text-align: left;

    justify-content: center;
    padding-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0px;
    width: 60%;
  }
  
  
  .bris-33 {
    color: white;
    font-size: 25px;
    text-align: left;
    float: right;
    
    justify-content: right;
    padding-top: 6%;
    padding-bottom: 15px;
    font-weight: 600;
    width: 100%;
  }
  
  .bris-34 {
    color: #d6d6d6 !important;
    font-size: 18px;
    text-align: left;
    float: right;
   
    justify-content: right;
    padding-top: 6%;
    padding-bottom: 15px;
    padding-left: 15%;
    font-weight: 300;
    width: 100%;
  }
  
  #row{
  padding-top: 5%;
  
  }
  
  #border{
    border-top: 1px solid white;
  }
  
  #border-right{
    border-top: 1px solid white;
  }
  
  #review{
    color: white;
    padding-top: 12%;
  }
  
  .bris-h35 {
    color: white;
    font-size: 22px;
    text-align: left;
    float: left;
   
    justify-content: right;
    padding-top: 8%;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 500;
    width: 100%;
    line-height: 33px;
  }
  
  .bris-h36 {
    color: white;
    font-size: 18px;
    text-align: left;
    float: left;
   
    justify-content: right;
    padding-top: 15px;
    margin-left: 0px;
    margin-right: 20px;
    font-weight: 600;
    width: 60%;
  }
  
  #last-section{
    border-top: 1px solid white;
    padding-bottom: 5%;
  }
  
  #last-img{
    border-top: 1px solid white;
    padding-top: 5%;
    
  }
  
  
  .bris-h1-h2-h8 {
    padding-left: 0em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 0em;
    color: white;
  }



  @media only screen and (max-width: 480px) {

    .bris-h26 {
        color: rgb(0, 0, 0);
        font-size: 16px;
        margin-right: 20px;
        width: 100%;
        line-height: 30px;
      }
      
.bris-h1-h2-h5 {
    padding-left: 1em;
      line-height: 4em;
      letter-spacing: 1;
      font-style: normal;
      margin-top: 0px;
      padding-right: 0;
      padding-left: 0;
      
      padding-top: 50px;
     
  }
  
  
  .bris-h1-h2-h21{
    padding-left: 1em;
      line-height: 4em;
      letter-spacing: 1;
      font-style: normal;
      margin-top: 0px;
      padding-right: 1em;
  
  }
  
  .bris-h1-h2-h31 {
    padding-left: 1em;
      line-height: 4em;
      letter-spacing: 1;
      font-style: normal;
      margin-top: 0px;
      padding-right: 1em;
  
  }
  
  
  .bris-h10 {
  
    font-size: 30px;
    text-align: left;
    font-family: 'colfax-medium';
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
  
    margin-left: 10px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
  }
  
  
  .bris-h9 {
    color: white;
    font-size: 15px;
    text-align: left;
    float: right;
    font-family: 'colfax-regular';
    justify-content: right;
    padding-top: 15px;
    padding-bottom: 0px;
  
    padding-left: 10px;
    margin-right: 0px;
    font-weight: 600;
    width: 100%;
  }
  
  .bris-h11{
    color: white;
    font-size: 25px;
    text-align: left;
    float: right;
    font-family: 'colfax-regular';
    justify-content: right;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-right: 0px;
    font-weight: 600;
    width: 100%;
  }
  
  
  #company-img{
    padding-top: 7%;
    padding-bottom: 0%;
  }
  
  #companys{
    max-height: 100px;
    padding-top: 15%;
  
  }
  
  #companys img{
    height: 100%;
  }
  
  .bris-h12 {
    font-size: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 10px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
  }
  
  .bris-p1 {
    color: white;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    margin-right: 0px;
    width: 100%;
  }
  
  .bris-p2 {
    color: white;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    margin-right: 0px;
    width: 100%;
  }
  
  .bris-p3{
    color: white;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin-right: 0px;
    padding-bottom: 15px;
    width: 100%;
  }
  
  .bris-h13{
    color: black;
    font-size: 35px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
  }
  
  .bris-h14 {
    color: black;
    font-size: 18px;
  
    margin-right: 0px;
    font-weight: 300;
    width: 100%;
  }
  
  .bris-h15{
    color: black;
    font-size: 18px;
  
    margin-right: 0px;
    font-weight: 300;
    width: 100%;
  }
  
  
  .bris-h21 {
    color: black;
    font-size: 26px;
    padding-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
  }
  
  .bris-h22 {
    color: rgb(0, 0, 0);
    font-size: 15px;
    margin-left: 0;
    margin-right:0;
    font-weight: 400;
    width: 100%;
    margin-bottom: 0px;
    line-height: 28px;

  }
  
  .bris-h31 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-decoration: underline;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 600;
    width: 100%;
    padding: 0 1%;
  }
  
  .bris-h1-h2-h6 {
    padding-left: 1em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 3em;
    padding-right: 0em;
    color: white;
  }
  
  #service-img{
    height: auto;
    width: 100%;
  }
  
  #service-img img{
    width: 100%;
    object-fit: cover;
  }

  .software-img-section{
    overflow-x: hidden;
    width: 100%;
   
  }
  
  .bris-h23 {
    color: black;
    font-size: 30px;
    padding-top: 10%;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-left: 3%;
    padding-right: 3%;
  }
  
  .bris-h24 {
    color: rgb(0, 0, 0);
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 3%;
    padding-right: 10%;
    margin-right: 0px !important;
    font-weight: 300;
   line-height: 25px;
    width: 100%;
  }

  .Expertise {
  font-size: 24px;
  padding: 0 3%;
  }
  
  .bris-h25 {
    color: black;
    font-size: 26px;
    
    width: 100%;
    margin-right: 0px;
    padding: 3%;
  }
  
  .bris-h26 {
    color: rgb(0, 0, 0);
    font-size: 15px;
    margin-right: 0px;
    padding-left: 3%;
    padding-right: 9%;
    text-align: justify;
    width: 100%;
    line-height: 25px;
    
  }

  #section-back{
    padding: 50px 0;
  }
  
  .bris-h1-h2-h7 {
    padding-left: 1em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 0em;
    padding-right: 1em;
    color: white;
  }
  
  #mid-section{
    border-top: 1px solid black;
    padding-bottom: 0%;
  }
  
  #founder-img{
    width: 100%;
   
    height: 300px;
    padding-top: 10%;
  }
  
  #founder-img img{
    width: 80%;
    height: 200px;
  }
  
  .bris-h27 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    width: 100%;
    line-height: 33px;
    margin-top: -5%;
    margin: 0;

  }
  
  .bris-h28 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    margin-right: 0px;
    font-weight: 600;
    width: 100%;
  }
  
  .bris-h29 {
    color: #a7a7a7;
    font-size: 18px;
    width: 100%;
  }
  
  
  .bris-h23 {
    color: black;
    font-size: 26px;
    width: 100%;
  }
  
  .bris-h30 {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    padding:  3%;
  }
  
  #process{
    margin-top: -15%;
  }
  
  #border{
    border-top: 1px solid white;
  }
  
  #border-right{
    border-top: 0px solid white;
  }
  
  .bris-h32 {
    font-size: 26px;
    margin-left: 0px;
    line-height: 40px;
    width: 100%;
    padding: 0 2%;
  }
  
  .bris-33 {
    color: white;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  
  .bris-34 {
    color: white;
    font-size: 15px;
    padding-left: 5%;
    font-weight: 300;
    width: 100%;
    line-height: 27px;
  }
  
  .bris-h1-h2-h8 {
    padding-left: 1em;
    line-height: 1.83em;
    letter-spacing: 1;
    font-style: normal;
    padding-top: 1em;
    color: white;
    padding-right: 1em;
  
  }

  #last-img{
   display: none;
  }
  #last-section{
   padding: 0 6%;
  }
  
  }