.company-page-partner {
  background-color: #ffffff;
  width: 100%;
  min-width: 1440px;
  min-height: 830px;
  display: flex;
  flex-direction: column;
}

.company-page-partner .frame {
  display: inline-flex;
  margin-left: 123px;
  width: 173px;
  height: 64px;
  position: relative;
  margin-top: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.company-page-partner .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 34px;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .partner-with-owner-wrapper {
  display: inline-flex;
  margin-left: 1px;
  height: 81px;
  width: 607px;
  align-self: center;
  position: relative;
  margin-top: 78px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.company-page-partner .partner-with-owner {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .span {
  color: #000000;
}

.company-page-partner .text-wrapper-2 {
  color: #015bf8;
}

.company-page-partner .choose-the-wrapper {
  display: inline-flex;
  height: 56px;
  position: relative;
  margin-top: 5px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.company-page-partner .choose-the {
  position: relative;
  width: 315px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .group {
  margin-left: -6px;
  height: 387px;
  width: 876px;
  align-self: center;
  position: relative;
  margin-top: 31px;
}

.company-page-partner .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 65px;
  left: 0;
}

.company-page-partner .div {
  position: relative;
  width: 382px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .frame-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 65px;
  left: 474px;
}

.company-page-partner .p {
  position: relative;
  width: 382px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .affiliates-promote-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 169px;
  left: 0;
}

.company-page-partner .text-wrapper-3 {
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  letter-spacing: 0;
}

.company-page-partner .text-wrapper-4 {
  text-decoration: underline;
}

.company-page-partner .referral-partners-go-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 169px;
  left: 474px;
}

.company-page-partner .frame-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.company-page-partner .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.company-page-partner .frame-4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 474px;
}

.company-page-partner .frame-5 {
  position: absolute;
  top: 120px;
  left: 0;
  width: 115px;
  height: 18px;
  display: flex;
  justify-content: center;
}

.company-page-partner .text-wrapper-6 {
  width: 115px;
  height: 18px;
  position: relative;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #015bf8;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .frame-6 {
  position: absolute;
  top: 120px;
  left: 474px;
  width: 115px;
  height: 18px;
  display: flex;
  justify-content: center;
}
/* Inject original globals.css styles here */

.company-page-partner {
  background-color: #ffffff;
  width: 100%;
  min-width: 1440px;
  min-height: 830px;
  display: flex;
  flex-direction: column;
}

.company-page-partner .frame {
  display: inline-flex;
  margin-left: 123px;
  width: 173px;
  height: 64px;
  position: relative;
  margin-top: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}


.company-page-partner .partner-with-owner-wrapper {
  display: inline-flex;
  margin-left: 1px;
  height: 81px;
  width: 607px;
  align-self: center;
  position: relative;
  margin-top: 78px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.company-page-partner .partner-with-owner {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .span {
  color: #000000;
}

.company-page-partner .text-wrapper-2 {
  color: #015bf8;
}


.company-page-partner .choose-the {
  position: relative;
  width: 315px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .group {
  margin-left: -6px;
  height: 387px;
  width: 876px;
  align-self: center;
  position: relative;
  margin-top: 31px;
}

.company-page-partner .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 65px;
  left: 0;
}

.company-page-partner .div {
  position: relative;
  width: 382px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .frame-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 65px;
  left: 474px;
}

.company-page-partner .p {
  position: relative;
  width: 382px;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.company-page-partner .affiliates-promote-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 169px;
  left: 0;
}

.company-page-partner .text-wrapper-3 {
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  letter-spacing: 0;
}

.company-page-partner .text-wrapper-4 {
  text-decoration: underline;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #6c7175;
  font-size: 15px;
  letter-spacing: 0;
}

.company-page-partner .text-wrapper-4:hover {
  color: #015bf8;
}

.company-page-partner .text-wrapper-4:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.company-page-partner .referral-partners-go-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 169px;
  left: 474px;
}

.company-page-partner .frame-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.company-page-partner .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.company-page-partner .frame-4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 474px;
}

.company-page-partner .frame-5 {
  position: absolute;
  top: 120px;
  left: 0;
  width: 115px;
  height: 18px;
  display: flex;
  justify-content: center;
}

.company-page-partner .text-wrapper-6 {
  width: 115px;
  height: 18px;
  position: relative;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #015bf8;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: none;
  display: inline-block;
}

.company-page-partner .text-wrapper-6:hover {
  text-decoration: underline;
}

.company-page-partner .text-wrapper-6:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.company-page-partner .frame-6 {
  position: absolute;
  top: 120px;
  left: 474px;
  width: 115px;
  height: 18px;
  display: flex;
  justify-content: center;
}


/* ============================================================
   RESPONSIVE REBUILD: partner comparison cards
   ============================================================
   Unlike company.blade.php (170 elements, not practical to rebuild
   by hand -- see the scale-to-fit fix in company.css), this page is
   small enough to fix properly. The Anima export absolutely-positions
   8 elements (title/intro/CTA/detail-paragraph x2 cards) against a
   fixed 876px canvas inside .group, with min-width:1440px on the page
   forcing it to never shrink below desktop width.
   It also can't be flattened into a plain flex column via source
   order alone: visual top-to-bottom order per card is
   title -> intro -> CTA -> detail, but the actual HTML order is both
   cards' intros, then both details, then both titles, then both
   CTAs. CSS Grid with named areas gives each element an explicit
   slot regardless of DOM position, and lets the columns collapse to
   one on mobile in the correct reading order (whole card 1, then
   whole card 2) just by redefining grid-template-areas. */
.company-page-partner {
  min-width: 0;
  width: 100%;
}

.company-page-partner .frame {
  margin-left: 0;
  width: auto;
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.company-page-partner .partner-with-owner-wrapper,
.company-page-partner .choose-the-wrapper {
  width: 100%;
  max-width: 607px;
  height: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.company-page-partner .partner-with-owner,
.company-page-partner .choose-the {
  width: 100%;
}

.company-page-partner .group {
  width: 100%;
  max-width: 876px;
  height: auto;
  padding: 0 16px;
  box-sizing: border-box;
  display: grid;
  column-gap: 40px;
  row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "title1  title2"
    "intro1  intro2"
    "cta1    cta2"
    "detail1 detail2";
}

.company-page-partner .div-wrapper,
.company-page-partner .frame-2,
.company-page-partner .affiliates-promote-wrapper,
.company-page-partner .referral-partners-go-wrapper,
.company-page-partner .frame-3,
.company-page-partner .frame-4,
.company-page-partner .frame-5,
.company-page-partner .frame-6 {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
}

.company-page-partner .div,
.company-page-partner .p {
  width: 100%;
}

.company-page-partner .frame-3 {
  grid-area: title1;
}

.company-page-partner .div-wrapper {
  grid-area: intro1;
}

.company-page-partner .frame-5 {
  grid-area: cta1;
}

.company-page-partner .affiliates-promote-wrapper {
  grid-area: detail1;
}

.company-page-partner .frame-4 {
  grid-area: title2;
}

.company-page-partner .frame-2 {
  grid-area: intro2;
}

.company-page-partner .frame-6 {
  grid-area: cta2;
}

.company-page-partner .referral-partners-go-wrapper {
  grid-area: detail2;
}

@media (max-width: 900px) {
  .company-page-partner .group {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title1"
      "intro1"
      "cta1"
      "detail1"
      "title2"
      "intro2"
      "cta2"
      "detail2";
    row-gap: 12px;
  }
}