@import url("./page-sections/partner/hero.css");
@import url("./page-sections/partner/why-itvia.css");
@import url("./page-sections/partner/possibilities.css");
@import url("./page-sections/partner/contact-us.css");

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

.partner-page .why-itvia-section,
.partner-page .possibilities-section,
.partner-page .contact-section {
  width: 100%;
  padding: 50px clamp(20px, 5vw, 100px);
}

.partner-page .platform-heading,
.partner-page .why-us-heading {
  margin-bottom: 55px;
}

.partner-page .solutions-heading,
.partner-page .services-heading,
.partner-page .industries-heading {
  margin-bottom: 15px;
}

.partner-page .platform-heading-text,
.partner-page .solutions-heading-text,
.partner-page .services-heading-text,
.partner-page .industries-heading-text,
.partner-page .why-us-heading-text,
.partner-page .contact-heading-text {
  display: block;
}

.partner-page .why-us-intro {
  max-width: 850px;
  margin: 0 0 55px;
  color: #111;
  font-family: var(--font_plus_jakarta);
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -1.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) {
}

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

@media only screen and (max-width: 767px) {
}

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

@media only screen and (max-width: 568px) {
}

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

@media only screen and (max-width: 480px) {
}

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

@media only screen and (max-width: 375px) {
}