@media(max-width:600px)
{
  .bg-video img
  {
    width:100%;
    height:650px !important;
    object-fit: cover;
  }
  .background-video
  {
    display:none;
  }
}
@media(max-width:1000px)
{
   
  
    .transparent-nav {
        background-color: black;
      }
      .nav 
      {
        height:auto;
      }
      
      .navbar .nav-link 
      {
        padding-left: 0 !important;
        text-align: left;
        height:40px;

      }
      .nav-button  
      {
        display: none;
      }
      .video-container 
      {
        position: relative;
      }
      .overlay-content {
        position: absolute;
        top:65%;
        left:38%;
        transform: translate(-38%, -80%);
        color: white;
        text-align: center;
        width:85%;
      }
      .overlay-content h1 {
       width:100%;
       height:auto;
        font-size:48px;
        font-weight: 700;
        line-height: 65.83px;
        text-align: left;
        color:white;
      }
      
      .overlay-content p {
        margin-top:20px;
        width:100%;
        height:140px;
        font-size:25px;
        font-weight: 400;
        line-height: 36.57px;
        text-align: left;
        color:white;
      }
      .overlay-content .over-button 
      {
        text-align: left;
      }
      .overlay-content .over-button button 
      {
    
        width:300px;
        height:67px;
        border-radius: 63px;
        background-color: white !important;
        color:black !important;
        font-size:25px;
        font-weight: 600;
        line-height: 21.94px;
        text-align:center;
      }
    .about-cont 
{
    height:980px;
}
.about-button 
{
    padding-left: 0 !important;
    text-align: left;
}
.buttonul 
{
    padding-left: 0 !important;
}
h1 
{
    width:100%;
    height:60px;
    font-size: 50px;
    font-weight:300;
    line-height: 60px;
}
/* */
.service-cont 
{
    height:1600px;
}
.service-category 
{
    height:auto;
    padding-left: 0 !important;
    margin-top: 20px;
}
/**/
.technology-cont 
{
    height:2400px;
}
.technology-heading p 
{
    width:100%;
    height:90px;
    font-size:22px;
    line-height:40px;
}
.analysis-card 
{
    width:95%;
}
.development-card 
{
    width:95%;
    height:600px;
}
.design-card 
{
    width:95%;
    height:700px;
}
.digital-card 
{
    width:95%;
}
.analysis-card-body .card-title 
{
    height:auto;
    font-size:25px;
    width:100%;
    font-weight: 400;
}
.analysis-card-body .card-text 
{
    font-size:16px;
}
/**/
.client-cont 
{
    height:900px;
}
.client-image img 
{
    width:100px;
    height:50px;
    text-align: center;
}
/**/
.blogs-cont 
{
    height:1200px;
}
/**/
.countpart 
{
    margin-top:80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.countvalues h3
{
    width:100%;
    height:50px;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    text-align:center;
    color: #000000;
} 
.countvalues p 
{
    width:100%;
height:50px;
font-size: 16px;
font-weight:semibold;
line-height: 24px;
text-align:center;
}
/**/
.milestone-container 
{
    height:600px;
}
.milestone-heading h1 
{
    width:100%;
    height:70px !important;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 300;
    line-height: 56.03px;
    text-align:center;
    color:black;
}
/**/
.business 
{
  width:100%;
  height: 320px;
  border-radius:0px;
  opacity: 0px;
  text-align: center;
  background-color: white;

}
.business h3 
{
  width: 100%;
  height:40px;
  font-family: Montserrat;
font-size:32px;
font-weight:lighter;
line-height:140px;

text-align:center;
margin-top: 0 !important;
padding-top: 0 !important;

color:black;
}
.business h2 
{
  width:100%;
height:130px;
font-family: Montserrat;
font-size:28px;
font-weight: 500;
line-height: 40.03px;
text-align:center;

}
.footer-part 
{
    background: #1B1B1B;
    width:100%;
    height:1300px;
    margin-top:100px;
    padding-top:30px;
    padding-left:0 ;
    padding-bottom: 0;
    padding-right: 0;
}
.footer-2 ul
  {
    padding-left: 0 !important;
  }
  .footer-3 ul
  {
    padding-left: 0 !important;
  }
  .footer-4 ul
  {
    padding-left: 0 !important;
  }
  .footer-4 i 
{
    padding:0px;
    width:34px;
    height:34px;
}
hr 
{
    display: none;

}
.latestProjectsHeading h1 
{
    width:100%;
    height:140px;
    font-size: 40px;
    font-weight: 300 !important;
    line-height:50.03px;
    text-align: left;
    color:black;    
    margin-top: 0;
    padding-top: 0;  
}
.project-button 
{
    display: flex;
    justify-content: center;
}

/**/
.mission-para p 
  {
    width:90%;      
    font-size: 18px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: center;
    color:black;
  }
  .mission-image
  {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .vision-content 
  {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .vision-content h3 
{
    width:100%;
    height:40px;
    font-family: Montserrat;
    font-size: 22px;
    font-weight:500;
    line-height: 50.16px;
    text-align:center;
}
.vision-content p 
{
    width:100%;
    height:93px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 30.97px;
    text-align:center;
    color:black;
}
.digital-content 
{
    width:100%;
    height:620px;
    background-color: black;
}
.digital-para h3 
{
    width:100%;
    height:70px;
    font-size: 35px;
    font-weight: 300;
    line-height: 86.03px;
    text-align: left;
    color: #B0B0B0;
    margin-top: 20px;
}
.digital-para p 
{
    width:100%;
    height:74px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36.87px;
    text-align: left;
    color:white;
    padding-left:5px;
}
.service-image  
{
    margin-top:80px;
    display:flex;
    justify-content: center;
}
.service-image img 
{
    width:250px;
    height:250px;
}
.digitalservice-cont 
  {
    padding-top:40px;
    padding-left:20px;
    padding-bottom: 0;
  }
  .digital-servicecard 
  {
    width:100%;
    height:180px;
  }
  .career-heading p 
  {
    width:100%;
    height:150px;
    font-size:24px;
    font-weight:400;
    line-height:40.6px;
    text-align: center;
    color:black;
  }
  .career-card 
  {
    height:400px;
  }
  .contact-heading p
{
  width:100%;
  height:80px;
  font-size:40px;
  font-weight:300;
  line-height: 50.48px;
  text-align:center;
  color: #B0B0B0;

}
.contact-content 
{
    margin-top: 30px;
}
.join-page 
{
  height:900px;
}
.join-page-cont 
{
  height:700px;
  border-radius: 39px;
}
.form-text 
{
  width:100% !important;
}
}
@media(min-width:600px) and (max-width:1000px)
{
  .background-video
  {
    width: 100%;
    height:500px;
    object-fit: cover;
  }
  .bg-video 
  {
    display:none;
  }
    .about-cont 
    {
        height:700px;
    }
    .blogs-cont 
    {
        height:900px;
    }
    .analysis-card  
    {
        height:400px;
    }
    .design-card{
        height:400px;
    }
    .development-card 
    {
        height:400px;
    }
    .digital-card 
    {
        height:400px;
    }
    .technology-heading p 
    {
        height:80px;
    }
    .analysis-card-body .card-title 
    {
      height:40px;
        font-size: 22px;
    }
    .technology-cont 
    {
        height:1150px;
    }
    .countpart 
    {
        margin-top: 20px !important;
    }
    .digital-content 
    {
        width:100%;
        height:300px;
    }
    
.digital-para p 
{
    width:100%;
    height:74px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36.87px;
    text-align: left;
    color:white;
    padding-left: 5px;
}
.service-image 
{
    margin-top: 50px;
}
.service-image img
{
    width:200px;
    height:200px;
}
.career-heading p 
{
    font-size: 50px;
}
.join-page 
{
  height:800px;
}
.join-page-cont 
{
  height:500px;
  border-radius: 39px;
}

}
@media(min-width:1000px) and (max-width:1200px)
{
    body 
    {
        overflow-x: hidden;
    }
    .about-cont 
    {
        height:800px;
    }
    .service-cont 
    {
        height:1200px;
    }
    .technology-heading p 
    {
        font-size: 40px;
    }
    .analysis-card
    {
        height:380px;
    }
    .design-card 
    {
        height:380px;
    }
    .development-card
    {
        height:380px;
    }
    .digital-card 
    {
        height:380px;
    }
    .analysis-card-body .card-title 
    {
        font-size: 30px;
    }
    .client-cont 
    {
        height:950px;
    }
    .blogs-cont 
    {
        height:1000px;
    }
    .milestone-heading h1 
    {
        font-size:50px;
    }
    .business h3
    {
        font-size: 50px;
    }
    .business h2 
    {
        font-size: 60px;
    }
    .transparent-nav {
        background-color: black;
      }
      .nav 
      {
        height:auto;
      }
      .background-video 
      {
        width:100%;
        object-fit: cover;
        height:650px !important;
      }
      .bg-video 
      {
        display:none;
      }
     
      .navbar .nav-link 
      {
        padding-left: 0 !important;
        text-align: left;
        height:30px;

      }
      .nav-button  
      {
        display: none;
      }
      .video-container 
      {
        position: relative;
      }
      .overlay-content {
        position: absolute;
        top:70%;
        left:38%;
        transform: translate(-38%, -80%);
        color: white;
        text-align: center;
        width:85%;
      }
      .overlay-content h1 {
       width:100%;
       height:auto;
        font-size:48px;
        font-weight: 700;
        line-height: 65.83px;
        text-align: left;
        color:white;
      }
      
      .overlay-content p {
        margin-top:20px;
        width:100%;
        height:80px;
        font-size:25px;
        font-weight: 400;
        line-height: 36.57px;
        text-align: left;
        color:white;
      }
      .overlay-content .over-button 
      {
        text-align: left;
      }
      .overlay-content .over-button button 
      {
    
        width:300px;
        height:67px;
        border-radius: 63px;
        background-color: white !important;
        color:black !important;
        font-size:25px;
        font-weight: 600;
        line-height: 21.94px;
        text-align:center;
      }
    
  .mission-image
  {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .vision-content 
  {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .vision-content h3 
{
    width:100%;
    height:40px;
    font-family: Montserrat;
    font-size: 40px;
    font-weight:500;
    line-height: 20.16px;
    text-align:center;
}
.vision-content p 
{
    width:100%;
    height:93px;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 400;
    line-height: 30.97px;
    text-align:center;
    color:black;
}
.digital-para h3 
{
   
    font-size: 40px;
    
}
}