@media(max-width:320px) {
  
  .hero-section {
    background-image: url("https://images.unsplash.com/photo-1600275669283-4bf2bb8a990c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") !important;}

  textarea{
    width: 320px;
  }
  .burger{
    display: none;
  }
    .container{
        padding:0px 30px;
      }
      .hero-img{
        position:static;
        width:100%;
      }
      .hero-sec-cont-container{
        padding-top: 100px;;
      }
      .hero-sec-cont-container h1{
        font-size: 45px;
        line-height:60px;
      }
      .hero-sec-cont-container p{
        padding-right:0px;
      }
      .btn-section{
        display:flex;
        flex-direction: column;
      }
      .gt-start{
        font-size:16px;
      }
      .contact-us{
        font-size:16px;
        margin-left:0;
        margin-top:10px;
      }
      .abtus-img-container img{
        width:100%;
      }
      .faq-img{
        width:100%;
      }
      .counter-video-container video{
        width:100%;
      }
      .circular-img {
        right: 100px;
        width: 175px;
        top: 60px;
    }
}

@media(min-width:425px) {
  .counter-container{
    margin-bottom: 34px;
  }

    .btn-section{
        flex-direction: row;
      }
      .contact-us{
        font-size:16px;
        margin-left:16px;
        margin-top:0px;
      }
      .WhatWeDo{
        margin-top: 30px !important;
      }
}

@media (max-width:425px) {
  .counter-container{
    margin-bottom: 34px;
  }
  
}

@media(max-width: 767px) {
  .hero-sec-cont-container{
    padding-top: 0px;
  }
  .abtus-content-container p {
    margin-left: 0;
  }
  .abtus-content-container h4 {
    margin-left: 0;
  }
  .nav-pills .nav-link,
  .tab-content h5 {
    margin-left: 0;
  }
  #technologyModal img{
        width: 100%;
        height: 100px;
        object-fit: contain;
    }
    .abtus-img-container img{
      width: 100% !important;

    }
  .how-we-work{
    flex-direction: column-reverse;
  }
  .gt-start{
    margin-bottom: 0;
    margin-right: 20px;
  }
  .contact-us{
    margin-left: 0;
    margin-bottom: 25px;
  }

}

@media(max-width:768px) {
  .hero-sec-cont-container{
    width: 70% !important;
  } 
  .hero-sec-cont {
    background-image: url(https://themewant.com/products/wordpress/startli-startup/wp-content/uploads/2023/10/img-2.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    padding: 90px 0px 40px 80px;
}
.gt-start {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  border-radius: 6px;
  font-size: 15px !important;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
  padding: 3px 20px;
  border: none;
}
.gt-start:before:hover {
  background-color: #FFFAA6;
}
.contact-us {
  font-family: DM Sans;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--theme-color-1);
  border: 1px solid var(--theme-color-1);
  padding: 2px 13px;
  border-radius: 6px;
  margin-left: 0;
}
.contact-form .gt-start{
  background-color: #ffff;
  color: #131313;
}


}

@media(min-width:768px) {
      .hero-sec-cont-container p{
        padding-right:30px;
      }
      .abtus-img-container img{
        width:100%;
      }
      .faq-img{
        width:100%;
      }
      .counter-video-container iframe{
        width:100%;
      }
      .circular-img{
        right: 145px;
        width: 233px;
        top: 90px;
      }
      .client-img{
        width: 180px;
        height: 180px;
        object-fit: contain;
        
      }
      #logo{
        width:85px
      }
      .counter-title{
        margin-left: 10px;
      }
      
}

@media(min-width:1024px){
      .hero-sec-cont-container p{
        padding-right:60px;
      }
      .abtus-img-container img{
        width:100%;
      }
      .faq-img{
        width:auto;
      }
      .counter-video-container iframe{
        width:auto;
      }
}

@media (max-width:1024px) {
  .hero-sec-cont-container{
    padding-top: 20px;}
    .hero-sec-cont-container{
      width: 65%;
    } 
 
  .hero-sec-cont-container h1{
    font-size: 35px !important;
    line-height: 40px !important;
    margin: 0;
}

}

@media(max-width:1440px) {
  .hero-sec-cont-container{
    padding-top: 20px;
  }
    /* .container{
        padding:0px 160px;
      } */
      .hero-img{
        position:absolute;
        width:auto;
      }
      /* .hero-sec-cont-container{
        padding-top: 260px;;
      } */
      .hero-sec-cont-container h1{
        font-size: 40px;
        line-height: 43px;
    }
    
      .hero-sec-cont-container p{
        padding-right:92px;
      }
      .gt-start{
        font-size:20px;
      }
      .contact-us{
        font-size:20px;
      }
      .counter-video-container iframe{
        width:500px;
        height:350px;
      }
      .abtus-img-container img{
        width:100%;
      }

}   

@media (max-width: 480px) {
  .hero-section {
      background-image: url("https://images.unsplash.com/photo-1600275669283-4bf2bb8a990c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") !important;}

      .hero-sec-cont-container{
        padding-top: 0px;
  }
  .hero-sec-cont-container h1{
    font-family: DM Sans;
    font-size: 40px;
    font-weight: 300px;
    line-height: 40px;
    letter-spacing: -2.880000114440918px;
    text-align: left;
    color:white;
    margin-top: 50px !important;
  }
  #logo3{
    width: 100px;
    height: 165px;
  
  }
  
}

@media (min-width: 481px) and (max-width: 1024px) {
  body {
      background-image: url(images/background-tablet.jpg);
  }
}

@media(min-width:1900px) and (max-width:2560px)  {
  
  .hero-sec-cont-container h1 {
    font-size: 60px;
    line-height: 76px;
}
    
#world{
  font-size: 24px;
}
}
@media(min-width:2000px) and (max-width:2560px)  {
  
  .hero-sec-cont-container h1 {
    font-size: 65px;
    line-height: 90px;
}
    
#world{
  font-size: 30px;
}
}


@media (max-width: 1440px) {
  /* .hero-sec-cont-container {
    width: 70%;
  } */
  .hero-sec-cont {
    padding: 120px 50px 120px 100px;
  }
  .hero-sec-cont-container h1 {
    margin: 0;
  }
}

@media (min-width:768px) and (max-width: 1023px) {
  .hero-sec-cont-container {
    width: 80% !important;
  }
  .hero-sec-cont {
    padding: 120px 50px 130px 90px;
  }
}

@media (max-width: 767px) {
  .hero-sec-cont {
    padding: 0;
    background-image: none;
  }
  .hero-sec-cont-container {
    right: auto;
    bottom: 50px;
    top: auto;
    transform: none;
  }
  .hero-sec-cont-container p {
    padding-right: 0;
    font-size: 17px;
    line-height: 22px;
    color: #fff !important;
    padding-top: 17px;
  }
  
}
/* @media (max-width: 1980px){
  .hero-sec-cont {
    padding: 120px 50px 120px 100px;
  }
  .hero-sec-cont-container h1 {
    margin: 0;
  }
} */