@media(min-width:1200px)
{
    .home-container 
{
    position: relative;
    height:800px;
}
    .video-container 
{
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index:-1;
    top:0;
    left:0;
    
}
.transperant-nav 
{
    background-color:rgba(0,0,0,0);
    transition: background-color 0.3s ease;
  position: absolute;  
  z-index:1;
  width: 100%; 
  top: 0;
  left:0;
}
.background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  /* position: absolute; 
  z-index:-1;
  top: 0;
  left: 0; */
  }
  .bg-video 
  {
    display: none;
  }
  .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width:100%;
  }
  .overlay-content h1 {
    width:100%;
    height:66px;
    font-size: 54px;
    font-weight: 700;
    line-height: 65.83px;
    text-align:center;
    color:white;

  }
  
  .overlay-content p {
    width:100%;
    height:37px;
    font-size: 25px;
    font-weight: 400;
    line-height: 36.57px;
    text-align:center;
    color:white;

  }
  .over-button 
  {
    display: none;
  }

}
/* .custom-toggler.navbar-toggler {
  border: white;
} */
 .navbar-dark .navbar-toggler 
 {
  color:rgb(255,255,255,.2);
  border:2px solid white;
 }
/* .navbar .navbar-toggler-icon 
{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(255, 0, 255, 0.8)'stroke-width='2' stroke-linecap='round' stroke-miterlimit='10'd='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
  color:white;
} */
/* .navbar-toggler-icon 
{
    background-color:white;
    color:black;
    border: 2px solid white !important;
} */
body
{
    overflow-x: hidden;
    font-family: Montserrat;
}
.logoimage 
{
    width: 187px;
    height: 63px;
}
.dropdown-menu 
{
    margin-top: 10px;
}
.dropdown-item
  {
    font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color:black;
        margin-top: 10px;

  }
.navbar .nav-link {
    height:30px;
    color: white !important;
    padding-left:22px !important;
    padding-right:22px !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;

  }

  .navbar .nav-link:hover {
    color:#00E3FF;
    text-decoration: underline;
  }


  .nav-item.dropdown-item
  {
    font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color:black;

  }
  
  

  .nav-button
  {
    padding-right:20px;
    display: flex;
    justify-content: center;
  }
  .nav-button button 
  {
    width:194px;
    height:50px;
    border-radius: 63px;
    background-color: white;
    color:black;
    font-size: 18px;
    font-weight: 600;
    line-height:50.94px;
    display: flex; 
    align-items: center; 
    justify-content: center;
    text-align:center !important;
  }
  .nav-button button:hover 
  {
    background-color: rgba(0,0,0,0);
    border:2px solid white;
    color:white;
  }


.about-cont 
{
    height:600px;
}
 h1 
{
    width:100%;
    height:86px;
    font-size: 70px;
    font-weight:300;
    line-height: 86.03px;
    text-align: left;
    color:black;
}
.aboutcontent p
{
    width:90%;
    height:276px;
    font-size: 19px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: left;
}
/**/
.service-cont 
{
    background: #1B1B1B;
    width:100%;
    height:1000px;
}
.service-category 
{
    display:flex;
    height:320px;
    width:100%;
    padding-left: 30px;
}
.service-category h4 
{
    width:100%;
    height: 27px;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align:left;
    color:white;
    padding-left: 10px;
}
.service-category li 
{
    width:100%;
    font-size:14px;
    font-weight: 400;
    line-height: 25.5px;
    text-align: left;
    color: #BDBDBD;
}
/**/
.technology-cont 
{
    width:100%;
    height:1161px;
    background: #1B1B1B;
}
.technology-heading p 
{
    width:90%;
    height:183px;
    font-size: 50px;
    font-weight: 300;
    line-height: 61.45px;
    text-align: left;
    color:white;
}
.analysis
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.design 
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.analysis-card
{
    width:100%;
    height:320px;
    border-radius: 10px;
    background: linear-gradient(302.14deg, #292525 0%, #9A9A9A 100%);
}
.analysis-card-body 
{
    padding: 20px 10px;
}
.analysis-card-body .card-title 
{
    width:100%;
    height:50px;
    font-size: 40px;
    font-weight: 300;
    line-height: 49.16px;
    text-align: left;
    color:white;
}
.analysis-card-body .card-text 
{
    width:95%;
    height:191px;
    font-size: 19px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: left;
    color:white;
}
.design-card 
{
    width:100%;
    height:320px;
    border-radius: 10px;
    background: linear-gradient(283.62deg, #05757D 1.96%, #4EB2C7 98.42%);
}
.development-card 
{
    width:100%;
    height:320px;
    border-radius: 10px;
    background: #FF9900;
}
.digital-card 
{
    width:100%;
    height:320px;
    border-radius: 10px;
    background: linear-gradient(302.14deg, #292525 0%, #9A9A9A 100%);

}
.client-cont 
{
    width:100%;
    height:800px;
    background-color: white;
}
.client-image 
{
  transition: all 0.5s ease;
  cursor: pointer;
  filter: grayscale(100%);
}
.client-image:hover
{
  filter: grayscale(0%); 
}
.blogs-cont 
{
    width:100%;
    height:664px;
    background: #F1F1F1;
}
.blog-card 
{
    width:100%;
    height:320px;
    background-color: white;
}
.blog-card:hover 
{
    box-shadow: 0px 95px 62px -58px #00000030;
}
.blog-card-body 
{
    padding: 20px;
}
.blog-card-body .card-title 
{
    width:100%;
    height:23px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
    color: #9B9B9B;
}
.blog-card-body .card-subtitle 
{
    width:100%;
    height:50px;
    font-size: 15px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
    color:black;
}
.blog-card-body .card-text 
{
    width:95%;
    height:160px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color:black;
}
/**/
.milestone-container 
{
    width:100%;
    height:450px;
}

.countvalues 
{
    text-align: center;
}
.countvalues h3
{
    /* width:250px;
    height: 42px; */
    font-size: 28px;
    font-weight:600;
    line-height: 42px;
    text-align:center;
    color: #000000;
        
} 
.countvalues p 
{
    /* width:250px;
height: 24px; */
font-size: 16px;
font-weight:semibold;
line-height: 35px;
text-align:center;
}
.footer-part 
{
    width:100%;
    height:1261px;
    background: #1B1B1B;
    padding:115px 99px;
}
.business 
{
    width:100%;
    height: 373px;
    border-radius: 39px;
    opacity: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white !important;
}

.business h3 
{
  width: 100%;
  height: 86px;
font-size: 70px;
font-weight:lighter;
line-height: 86.03px;
padding: 50px;
text-align:center;

color:black !important;
}
.business h2 
{
  width:100%;
height:165px;
font-size: 70px;
font-weight: 500;
line-height: 86.03px;
text-align:center;
padding: 50px;
color: #9B9B9B !important;

}
.business button 
{
  width: 264px;
height: 67px;
border-radius: 63px;
opacity: 0px;
background-color: black !important;
font-size: 18px;
font-weight: 600;
line-height: 21.94px;
text-align:center;
color:white !important;
}
.business button:hover 
{
  border:2px solid black !important;
  color:black !important;
  background-color: white !important;
}
hr 
{
  width:100%;
height: 0px;
border: 2px solid #535353;

}
.address
{
  width: 268px;
height:95px;
font-size: 16px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
color:white;

}
.address1
{
  width: 268px;
height:100px;
font-size: 16px;
font-weight: 400;
line-height: 25.5px;
text-align: left;
color:white;

}
.footer-2  ul 
{
  list-style-type: none;

}
.footer-2 li 
{
  width: 237px;
height:39px;
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
color:white;
}
.footer-3 ul 
{
  list-style-type: none;

}
.footer-3 a 
{
  text-decoration: none;
  color:white;
}
.footer-3 li
{
  
  width:100px;
height:39px;
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
}
.footer-4 ul 
{
  list-style-type: none;
}
.footer-4 li 
{
  width: 193.4px;
height: 28px;
color:white;
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;

}
.footer-4 i 
{
  padding:20px;
  padding-left: 0;
  width:34px;
  height:34px;
}
.footer-para p 
{
  width:100%;
height: 22px;
font-size: 18px;
font-weight: 600;
line-height: 21.94px;
text-align:center;
color:black;
}
/**/
.carousel-cell img {
    width: 100%;
    height:100%;
    object-fit: cover; 
    border-radius: 10px;
  }
  .carousel-cell 
  {
    width:300px; 
    padding: 5px;
  }

  .latestProjectsHeading h2 {
    font-size: 70px;
    font-weight: 300;
    line-height: 86.03px;
    text-align: left;

  }

  .project-button 
  {
    display: flex;
    justify-content: left;
  }
  .project-button .btn {
    width: 224px;
    height: 70px;
    border-radius: 47px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align:center;
    background-color: black;
    color:white;
  }
  .project-button .btn:hover 
  {
    background-color: white;
    border: 2px solid black;
    color:black;
  }

  /**/
  .navigation-bar 
  {
    background-color: black;
  }
  .about-button button 
  {
    width:194px;
    height:50px;
    border-radius: 63px;
    background-color: white;
    color:black;
    font-size: 18px;
    font-weight: 600;
    line-height:50.94px;
    display: flex; 
    align-items: center; 
    justify-content: center;
    text-align:center !important;
  }
  .about-button button:hover 
  {
    background-color: white;
    border:2px solid white;
    color:black;
  }
  .mission-para p 
  {
    width:54%;      
    font-size: 19px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: center;
    color:black;
  }
  .vision-content h3 
{
    width:100%;
    height:49px;
    font-family: Montserrat;
    font-size: 35px;
    font-weight:400;
    line-height: 49.16px;
    text-align: left;
}
.vision-content p 
{
    width:70%;
    height:93px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: left;
    color:black;
}
.page-card 
{
    height:250px;
}
.page-category 
{
    display: flex;
}
.page-card :hover 
{
    box-shadow: 0px 95px 62px -58px #00000030;

}
.page-category h4 
{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align:left;
    padding-left: 10px;

}
.service-para p 
{
    width: 90%;
    height: 160px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color:black;
    padding-left: 0;
}
.digital-content 
{
    width:100%;
    height:474px;
    background: #000000;

}
.digital-para h3 
{
    width:100%;
    height:86px;
    font-size: 55px;
    font-weight: 300;
    line-height: 86.03px;
    text-align: left;
    color: #B0B0B0;
}
.digital-para p 
{
    width:100%;
    height:74px;
    font-size: 30px;
    font-weight: 400;
    line-height: 36.87px;
    text-align: left;
    color:white;
    padding-left: 5px;
}
.service-image  
{
    display:flex;
    justify-content: center;
}
.zoom-image {
    transition: transform 0.3s ease;
  }
  
  .zoom-image:hover {
    transform: scale(1.3); /* Zoom factor */
  }
  .digitalservice-cont 
  {
    padding-top:60px;
    padding-left: 70px;
    height:auto;
  }

  .digital-servicecard 
  {
    width:100%;
    height:230px;
  }
  .digitalservice-card-body h5 
  {
    width:100%;
    height:27px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align:left;
    color: #1B1B1B;
  }
  .digitalservice-card-body ul 
  {
    width:100%;
    height: 102px;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    line-height:26px;
    text-align: left;
    color:#1B1B1B;
  }
  .career-heading p 
  {
    width:100%;
    height:257px;
    font-size: 70px;
    font-weight: 300;
    line-height: 75.6px;
    text-align: center;
    color:black;
  }
  .career-card 
  {
    width:100%;
    height:470px;
    text-align: center;
  }
  .career-card .img 
  {
    width: 216px;
    height: 216px;
  }
  .careercard-body h5 
  {
    width:100%;
    height:31px;
    font-size: 25px;
    font-weight: 600;
    line-height: 50.72px;
    text-align: center;
    color:black;
  }
  .careercard-body p 
  {
    width:100%;
    height:92px;
    font-size: 19px;
    font-weight: 400;
    line-height: 30.97px;
    text-align: center;
    color:black;
  }
  .contact-heading p
  {
    width:100%;
    height: 60px;
    font-size:67px;
    font-weight:300;
    line-height: 82.48px;
    text-align:center;
    color: #B0B0B0;

  }
  .contact-content h6 
  {
    width: 152px;
    height: 30px;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    line-height: 30.48px;
    text-align: left;
    color:black;
  }
  .contact-content address 
  {
    width: 318px;
    height: 81px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.16px;
    text-align: left;
    color:black;
  }
  .contact-hr hr 
  {
    width: 135px;
    height: 0px;
    border: 1px solid #BBBBBB;
    opacity: 1;
  }
  .contact-para p 
  {
    width: 247px;
    height: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.38px;
    text-align: left;
    color: #000000;
  }
  .connect-button 
  {
    display: flex;
    width:100%;
    justify-content: start;
  }
  .connect-button button 
  {
    width: 264px;
    height: 67px;
    border-radius: 63px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align:center;
    background-color: black;
    color:white;
  }
  .connect-button button:hover 
  {
    background-color: white;
    color:black;
    border:2px solid black;
  }
  .join-page 
  {
    background-color:#1B1B1B;
    height:1000px;
  }
  .join-page-cont 
  {
    padding-top: 50px;
    width:100%;
    height:500px;
    border-radius: 39px;
    background-color: white;
  }
  .join-heading 
  {
    width: 123px;
    height: 45px;
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    color:#1B1B1B;
  }
  .join-para 
  {
    width:100%;
    height:56px;
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color:#1B1B1B;
  }
  .join-us-form .form-label 
  {
    width: 300px;
    height: 35px;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color:#1B1B1B;
  }
  .join-us-form .form-control 
  {
    width:100%;
    border:none;
    height: 50px;
    border-radius: 7px 0px 0px 0px;
    background: #F1F1F1;
  }
  .form-text 
  {
    display: flex;
    justify-content: start;
    width: 50% !important; 
    height: 42px !important;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left !important;
    color: #9B9B9B !important ;
  }
  .join-us-form button 
  {
    width: 264px;
    height: 67px;
    border-radius: 63px;
    background-color: black;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align:center;
    color:white;
  }
  .join-us-form button:hover
  {
    background-color: white;
    border:2px solid black;
    color:black;
  }
@media(min-width:1000px)
{
    .countpart
    {
        display:flex;
        justify-content:space-around;
        margin:30px;
    }
}