@media (max-width: 1200px) {
  .custom-container {
    width: 1070px !important;
  }
}

@media (max-width: 992px) {
  .custom-container {
    width: 890px !important;
  }
}

@media (max-width: 992px) {
  .about-innerblock {
    /*width: 280px !important;*/
  }
}

@media (max-width: 768px) {
  .custom-container {
    width: 540px !important;
  }
}

@media (max-width: 768px) {
  .simple-slider .swiper-slide {
    height: 575px !important;
  }
}

@media (max-width: 1920px) {
  .about-section {
    padding-top: 150px !important;
  }
}

.about-section {
  position: relative;
  z-index: 1;
  background-attachment: fixed !important;
}

@media (max-width: 578px) {
  .custom-container {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .subhead {
    font-size: 16px !important;
  }
}

@media (max-width: 576px) {
  .project-img {
    width: 200px !important;
  }
}

@media (max-width: 576px) {
  .custom-link {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .swiper-slide {
    height: 525px !important;
  }
}

@media (max-width: 360px) {
  .custom-container {
    width: 100% !important;
  }
}

@media (max-width: 360px) {
  .code-images {
    width: 120px !important;
  }
}

@media (max-width: 360px) {
  .banner-section {
    padding-top: 150px !important;
  }
}

@media (max-width: 360px) {
  .head1 {
    font-size: 25px !important;
  }
}

@media (max-width: 360px) {
  .subhead {
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  .testi-head {
    font-size: 30px;
    bottom: 124px;
    padding-left: 20px !important;
  }
}

@media (max-width: 360px) {
  .testimonial-info {
    padding: 80px 30px 100px 30px !important;
  }
}

@media (max-width:360px) {
  .about-overlayimg2 {
    left: 8% !important;
  }
}

@media (max-width: 1251px) {
  .whatwedo-img {
    /*width: 30px !important;*/
  }
}

@media (max-width: 768px) {
  .contact-overlay {
    width: 160px !important;
  }
}

@media (max-width: 576px) {
  .about-innerblock {
    width: 65% !important;
  }
}

@media (max-width: 576px) {
  .project-img {
    width: 250px !important;
  }
}

@media (max-width: 576px) {
  .num-img {
    width: 170px !important;
  }
}

@media (max-width: 390px) {
  .about-innerblock {
    width: 85% !important;
  }
}

@media (max-width: 390px) {
  .project-div {
    margin-left: 0px !important;
  }
}

@media (max-width: 390px) {
  .project-div {
    margin-left: 0px !important;
  }
}

@media (max-width: 392px) {
  .testi-head {
    font-size: 29px !important;
    line-height: 30px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 392px) {
  .testimonial-info {
    padding: 80px 45px 150px 45px !important;
  }
}

@media (max-width: 392px) {
  .head2 {
    font-size: 25px !important;
  }
}

@media (max-width: 392px) {
  .about-innerblock {
    width: 80% !important;
  }
}

/* @media (max-width: 390px) {
  .whatwedo-block {
    width: 80% !important;
  }
} */

@media (max-width: 392px) {
  .contact-overlay {
    width: 138px !important;
  }
}

@media (max-width: 392px) {
  .fom-div {
    padding: 60px 30px !important;
  }
}

@media (max-width: 576px) {
  .code-images {
    width: 100px !important;
  }
}

@media (max-width: 576px) {
  .testimonial-section {
    margin-top: 250px !important;
  }
}

@media (max-width: 768px) {
  .about-overlayimg2 {
    left: 20% !important;
    top: 45% !important;
  }
}

@media (max-width: 390px) {
  .outline-head {
    font-size: 60px !important;
  }
}

@media (max-width: 576px) {
  .about-overlayimg2 {
    left: 11% !important;
    top: 55% !important;
  }
}

@media (max-width: 392px) {
  .code-images {
    width: 85px !important;
  }
}

@media (max-width: 991px) {
  .about-innerblock {
    /*min-height: 320px !important;*/
  }
}

@media (max-width: 992px) {
  .about-overlayimg2 {
    left: 25% !important;
    top: 46% !important;
  }
}

@media (max-width: 992px) {
  .wedo-section {
    padding-top: 200px !important;
  }
}

@media (max-width: 992px) {
  .whatwedo-block {
    width: 350px !important;
    height: 400px !important;
  }
}

@media (max-width: 992px) {
  .num-img {
    width: 160px;
    top: -16px !important;
  }
}

@media (max-width: 992px) {
  .head5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 992px) {
  .coding-imgblock {
    width: 100% !important;
  }
}

@media (max-width: 992px) {
  .simple-slider .swiper-slide {
    height: 600px !important;
  }
}

@media (max-width: 392px) {
  .outline-head {
    font-size: 60px !important;
  }
}

@media (max-width: 392px) {
  .simple-slider .swiper-slide {
    height: 525px !important;
  }
}

@media (max-width: 429px) {
  .about-overlayimg2 {
    left: 8% !important;
    top: 50% !important;
  }
}

@media (max-width: 429px) {
  .outline-head {
    font-size: 60px !important;
  }
}

@media (max-width: 392px) {
  .whatwedo-block {
    width: 80% !important;
  }
}

@media (max-width: 392px) {
  .scroll-wrapper {
    /*left: 7% !important;*/
    /*width: 45px !important;*/
    /*height: 60px !important;*/
  }
}

@media (max-width: 392px) {
  .about-overlayimg2 {
    left: 6% !important;
    top: 55% !important;
  }
}

@media (max-width: 392px) {
  .project-block {
    padding: 20px 20px !important;
  }
}

@media (max-width: 392px) {
  .wedo-section {
    padding-top: 100px !important;
  }
}

.scroll-inner {
  border: 3px solid #000000;
  width: 32px;
  height: 56px;
  border-radius: 80px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.scroll-inner::before, .scroll-inner::after {
  content: '';
  position: absolute;
  background: #000;
  top: 20%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: scroll-inner 1s ease-in infinite;
}

@keyframes scroll-inner {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 60%;
  }
}

@media (max-width: 392px) {
  .head6 {
    font-size: 25px !important;
  }
}