@import url("./page-sections/software-development/hero.css");
@import url("./page-sections/software-development/business.css");
@import url("./page-sections/software-development/approach.css");
@import url("./page-sections/software-development/capabilities.css");
@import url("./page-sections/software-development/workflow.css");
@import url("./page-sections/software-development/advantage.css");

.software-development-page {
  overflow-x: hidden;
  background: #fff;
}

.software-development-page .hero-section,
.software-development-page .business-section,
.software-development-page .approach-section,
.software-development-page .capabilities-section,
.software-development-page .workflow-section,
.software-development-page .contact-section,
.software-development-page .advantage-section {
  width: 100%;
  padding: 50px clamp(20px, 5vw, 100px);
}

.software-page-icon-wrapper {
  background: var(--theme_green);
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

/* =========================================
   1200px+
   ========================================= */

@media only screen and (min-width: 1200px) {
}

/* =========================================
   992px - 1199px
   ========================================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* =========================================
   768px - 991px
   TABLET
   ========================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .software-development-page .hero-section,
  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}

/* =========================================
   <= 767px
   MOBILE
   ========================================= */

@media only screen and (max-width: 767px) {
  .software-development-page .hero-section,
  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}

/* =========================================
   <= 568px
   SMALL MOBILE
   ========================================= */

@media only screen and (max-width: 568px) {
  .software-development-page .hero-section,
  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* =========================================
   <= 480px
   EXTRA SMALL MOBILE
   ========================================= */

@media only screen and (max-width: 480px) {
  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

/* =========================================
   <= 375px
   ========================================= */

@media only screen and (max-width: 375px) {
  .software-development-page .hero-section,
  .software-development-page .business-section,
  .software-development-page .approach-section,
  .software-development-page .capabilities-section,
  .software-development-page .workflow-section,
  .software-development-page .contact-section,
  .software-development-page .advantage-section {
    padding-left: 14px;
    padding-right: 14px;
  }
}