/* CEMBRA landing page */
.hero-cta a:link, .section-cta a:link {
  padding: 1.6rem 4rem;
  font-size: var(--font-default);
}

.hero-cembra {
  width: 100%;
  height: auto;
  grid-column: 3 / -1;
  grid-row: 1 / -1;
  z-index: -30;
  background-size: cover;
  background-repeat: no-repeat;
  object-position: center;
  background-image: url("../../images/partner/cembra/img-landingpage-cembra-hero.abee369c569b.jpg");
}

.hero-bg--cembra {
  grid-column: 3 / -1;
  grid-row: 1 / -1;
  z-index: -20;
  width: 100.2%;
  height: 100.2%;
  object-fit: cover;
}

.section-featured {
  background-color: var(--color-light-grey);
  margin: 12.8rem 0 6.4rem;
  padding: 3.2rem 0;
}

.section-featured .logos {
  flex-wrap: wrap;
  align-items: center;
}

.section-featured img:nth-child(2), .section-featured img:nth-child(5) {
  mix-blend-mode: multiply;
}

.section-image--assessment {
  background-image: url("../../images/sme_loan/initial_assessment/kamuno-initial-assessment-with-immediate-creditline-estimation.1309167d46d0.png");
  height: 50rem;
  align-self: center;
}

.section-advantages {
  background-color: var(--color-light-grey);
}

.section-advantages div:nth-child(2):not(.textbox) {
  padding: var(--padding-medium);
}

.cembra-image--offer, .cembra-image--fees {
  display: block;
  width: 100%;
  height: auto;
  align-self: center;
}

.cembra-image--fees {
  margin-top: var(--margin-large);
}

.fees-content {
  row-gap: calc(var(--gap-small) * 2);
  padding-right: 9.6rem;
}

/* CARDS */
.card-partnership {
  height: 34rem;
  text-align: center;
  color: var(--color-light-grey--1);
  background-color: var(--color-secondary);
  padding-bottom: var(--padding-medium);
}

.card-partnership h4 {
  margin-bottom: var(--margin-small);
  height: 5rem;
}

.card-partnership--image {
  background-size: contain;
  height: 32%;
  margin: calc(var(--margin-small) * 2) 0 var(--margin-small);
}

.card-partnership--image-1 {
  background-image: url("../../images/partner/cembra/fastest-process.74412fd2a1a5.gif");
}

.card-partnership--image-2 {
  background-image: url("../../images/partner/cembra/credit-line-with-flexibility.6d8ffd0b7093.gif");
}

.card-partnership--image-3 {
  background-image: url("../../images/partner/cembra/attractive-interest-rates.784b7259a7d7.gif");
}

.card-partnership--image-4 {
  background-image: url("../../images/partner/cembra/transparent-repayment.c80af1b444af.gif");
}

/* CTA */
.section-cta {
  background-color: var(--color-tertiary);
  text-align: center;
  margin-top: var(--margin-large);
}

.section-cta h2 {
  margin: var(--margin-default) 0 var(--margin-normal);
}

/* TESTIMONIAL */
.section-testimonial > * {
  grid-column: 2;
  font-family: var(--font-alaska);
}

.section-testimonial {
  margin-top: calc(var(--margin-default) * 2);
  column-gap: 0;
}

.section-testimonial h2 {
  font-size: var(--font-text-testimonial);
  line-height: var(--lheight-subheading);
  margin: var(--margin-default) 0;
  padding: var(--padding-text-testimonial);
}

.section-testimonial span:not(.testimonial-name) {
  color: var(--color-text-complementary);
}

.section-testimonial div {
  gap: var(--gap-small);
  transform: translateY(-10%);
}

.testimonial-name {
  font-weight: var(--weight-medium);
}

.quotation-mark, .testimonial-img {
  height: 100%;
  width: auto;
}

.testimonial-img {
  height: 40%;
}

/* QUESTIONS */
.section-image--questions {
  background-image: url("../../images/partner/cembra/faq.d0b90e7896c3.jpg");
  height: auto;
  border-radius: var(--radius-default);
}

.contactbox {
  flex-direction: column;
  gap: var(--gap-small);
}

.section-collab--link.attribute-link {
  margin-left: calc(var(--margin-default) + 0.5rem);
}

/* Responsive design */
@media only screen and (max-width: 84.375em) {
  .section-featured .logo-box-position {
    gap: 8rem;
 }
}

@media only screen and (max-width: 70em) {
  .section-hero {
    margin-bottom: var(--margin-default);
 }

  .hero-textbox {
    grid-column: 1 / 4;
    padding-right: 6rem;
 }

  .hero-cta a:link {
    padding: var(--padding-button);
 }

  .section-featured .logos {
    flex-direction: column;
    justify-content: center;
    gap: 5rem;
 }

  .section-image--assessment {
    background-size: contain;
 }

  .cembra-image--fees {
    margin-top: 0;
    height: auto;
 }

  .cembra-image--offer, .section-image--questions {
    grid-row: 1;
    height: auto;
 }

  .section-image--offer, .section-image--fees {
    align-self: baseline;
 }

  .section-advantages div, .section-assessment, .section-offer, .section-fees, .section-questions {
    grid-template-columns: 1fr;
 }

  .section-advantages div:nth-child(2):not(.textbox), .section-assessment .content,
  .section-offer .content, .fees-content {
    padding: var(--padding-medium) 10rem;
 }

  .section-offer, .section-fees, .section-questions {
    grid-template-rows: 1fr 1fr;
    padding: var(--padding-section-small);
 }

  .section-assessment {
    padding: var(--padding-section-small);
 }

  .section-fees {
    row-gap: 0;
    padding: 0;
    margin-top: -6.4rem;
 }

  .fees-content {
    padding-top: 0;
 }

  .section-offer, .section-fees {
    row-gap: var(--gap-small);
 }

  .section-partnership--cards {
    column-gap: 2rem;
    padding-top: 0;
    margin-top: -15rem;
 }

  .section-testimonial h2 {
    padding: 0;
 }

  .section-questions {
    row-gap: var(--gap-medium);
 }
}

@media only screen and (max-width: 56.25em) {
  .section-hero {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
 }

  .hero-cembra, .hero-bg--cembra {
    grid-row: 1;
    grid-column: 1;
 }

  .hero-textbox {
    grid-row: 2;
    padding-top: 6.4rem;
    margin: 0 5rem;
 }

  .section-featured {
    margin-top: 4rem;
 }

  .section-advantages div:nth-child(2):not(.textbox), .section-assessment .content,
  .section-offer .content, .fees-content {
    padding: 4rem;
 }

  .section-offer .content, .fees-content {
    padding-top: 0;
 }

  .section-fees {
    margin-top: -3.2rem;
    padding-top: 0;
 }

  .section-partnership--cards {
    margin-top: var(--margin-normal);
 }

 .section-cta {
   margin-top: 6.4rem;
 }

 .section-testimonial {
   padding: var(--padding-section-small);
 }

  .cta-position {
    margin-top: var(--margin-small);
 }
}

@media only screen and (max-width: 48.75em) {
  .section-offer .content {
    transform: translateY(-10%);
 }

  .section-offer {
    padding-top: 0;
 }

  .section-fees {
    margin-top: -8rem;
 }
}

@media only screen and (max-width: 43.75em) {
  .hero-textbox {
    margin: 0 3rem;
    padding-right: 0;
 }

  .section-advantages div:nth-child(2):not(.textbox) {
    padding: 4rem 2rem;
 }

  .section-assessment {
    padding: 3.2rem 0;
    row-gap: var(--gap-small);
 }

  .section-offer .content, .fees-content {
    padding: 0 2rem;
 }

  .section-offer .content {
    padding-top: 0;
    transform: translateY(-5%);
 }

  .section-partnership--cards {
    row-gap: 2rem;
 }

  .section-cta {
    margin-top: 3.2rem;
 }

  .section-questions {
    padding-top: 3.2rem;
 }

  .section-featured {
    padding: 6.4rem 0;
    margin: 2rem 0;
 }
}

@media only screen and (max-width: 34.375em) {
  .section-offer .content, .fees-content {
    padding: 0 2rem;
 }

  .section-assessment .content {
    padding: 0 4rem 2rem 0;
 }

  .section-assessment .textbox {
    padding: 0;
 }

  .section-offer .content {
    transform: translateY(-18%);
 }

  .section-assessment {
    padding:0 0 3.2rem 0;
    row-gap: 0;
 }

  .section-offer {
    margin-top: -10rem;
 }

  .section-fees {
    padding-bottom: var(--padding-normal);
    margin-top: -18rem;
 }

  .fees-content {
    transform: translateY(-10%);
 }

  .card-partnership {
    min-height: 34rem;
 }

  .card-partnership h4 {
    min-height: 5rem;
 }

  .section-featured {
    margin-bottom: 0;
 }
}

@media only screen and (max-width: 29.375em) {
  .hero-cembra {
    height: 90%;
 }

  .hero-bg--cembra {
    height: 90.2%;
 }

  .hero-textbox {
    padding-top: 1.5rem;
 }

  .section-partnership--cards, .section-questions {
    padding-top: 0;
    margin-top: -2rem;
 }

  .section-advantages div:nth-child(2):not(.textbox), .section-offer .content, .fees-content {
    padding: 0 0 4rem;
 }

  .section-assessment {
    padding: 0;
    margin-top: -4rem;
 }

  .section-assessment .content {
    padding: 0;
    transform: translateY(-15%);
 }

  .section-assessment .textbox {
    padding: 0;
 }

  .section-offer .content, .fees-content {
    margin-top: -4rem;
 }

  .fees-content .titlebox {
    margin-bottom: var(--margin-small);
 }

  .section-fees {
    padding-top: 0;
    margin-top: -26rem;
 }

  .section-offer {
    margin-top: -12rem;
 }

  .section-cta, .cta-position {
    margin-top: 0;
 }

  .section-testimonial {
    padding: 3.2rem 0;
 }

  .section-cta .btn {
    margin-top: var(--margin-default);
 }

  .section-questions {
    margin-top: -15rem;
 }

  .section-questions .contactbox p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--margin-default);
 }

  .section-questions .contactbox p a {
    padding: 0;
    margin: 0;
 }

  .section-image--questions {
    height: 70%;
    align-self: end;
 }
}

@media only screen and (max-width: 26.25em) {
  .hero-textbox {
    margin: 0 1.5rem;
    padding: 0;
 }

  .section-featured {
    margin-top: 4rem;
 }

  .section-assessment .content {
    transform: translateY(-10%);
 }

  .section-offer {
    margin-top: -14rem;
 }

  .fees-content {
    transform: translateY(-12%);
 }

  .section-fees {
    margin-top: -28rem;
 }

  .section-partnership--cards {
    margin-top: -6rem;
 }

  .section-testimonial div {
    display: block;
    text-align: center;
    transform: unset;
 }
}

@media only screen and (max-width: 24.6875em) {
  .section-offer {
    margin-top: -20rem;
 }

  .section-fees {
    margin-top: -38rem;
 }

  .section-offer .content {
    transform: translateY(-24%);
 }

  .fees-content {
    transform: translateY(-20%);
 }

  .section-partnership--cards {
    margin-top: -12rem;
 }
}

@media only screen and (max-width: 23.4375em) {
  .hero-cembra, .section-image--questions {
    height: 60%;
 }

  .hero-bg--cembra {
    height: 60.2%;
 }

  .hero-features {
    display: block;
 }

  .hero-textbox {
    transform: translateY(-30%);
 }

  .hero-cta, .hero-cta .btn, .cta-position, .cta-position .btn, .cta-position.btn {
    display: block;
    text-align: center;
 }

  .section-assessment {
    margin-top: -6rem;
    padding: 0;
 }

  .section-assessment .content {
    transform: translateY(-12%);
 }

  .section-featured, .section-questions {
    margin-top: -15rem;
 }

  .section-offer {
    margin-top: -20rem;
 }

  .section-offer .content {
    transform: translateY(-24%);
 }

  .section-fees {
    margin-top: -40rem;
 }

  .section-cta .contentbox a {
    padding: var(--padding-button);
    margin-top: var(--margin-normal);
 }

  .section-cta h2 {
    margin: 0;
 }

  .section-image--questions {
    border-radius: 1.5rem;
 }

  .section-questions {
    padding-bottom: 3.2rem;
 }
}

@media only screen and (max-width: 21.5625em) {
  .section-advantages {
    margin-top: -2rem;
 }

  .section-assessment {
    margin-top: -8rem;
 }

  .section-assessment .content {
    transform: translateY(-14%);
 }

  .section-offer {
    margin-top: -26rem;
 }

  .section-offer .content {
    transform: translateY(-28%);
 }

  .section-fees {
    margin-top: -46rem;
 }

  .fees-content {
    transform: translateY(-24%);
 }
}

@media only screen and (max-width: 20em) {
  .hero-cembra, .section-image--questions {
    height: 40%;
 }

  .hero-bg--cembra {
    height: 40.2%;
 }

  .hero-textbox {
    transform: translateY(-50%);
 }

  .section-featured {
    margin-top: -25rem;
 }

  .section-assessment {
    margin-top: -10rem;
 }

  .section-advantages {
    margin-top: -6rem;
 }

  .section-offer .content {
    transform: translateY(-26%);
 }

  .section-fees {
    margin-top: -48rem;
 }

  .section-partnership--cards {
    margin-top: -16rem;
 }

  .section-testimonial {
    padding-bottom: 0;
 }

  .section-questions {
    margin-top: -25rem;
    row-gap: var(--gap-normal);
 }
}