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

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

.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);
  box-shadow: var(--shadow-medium);
  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;
}

.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: 70em) {
  .section-hero {
    margin-bottom: var(--margin-default);
 }

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

  .cta-position {
    margin-top: 1.5rem;
 }

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

  .hero-cembra {
    grid-row: 1 / -1;
 }

  .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-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-offer {
    margin-top: var(--margin-large);
 }

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

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

  .section-testimonial h2 {
    padding: 0;
 }

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

  .cta-position {
    margin-top: 3rem;
 }
}

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

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

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

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

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

  .section-offer, .section-fees {
    padding-top: 6.4rem;
 }

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

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

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

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

@media only screen and (max-width: 43.75em) {
  .section-advantages div:nth-child(2):not(.textbox) {
    padding: 4rem 2rem;
 }

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

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

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

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

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

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

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

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

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

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

  .section-fees {
    padding-bottom: var(--padding-normal);
 }

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

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

@media only screen and (max-width: 29.375em) {
  .section-partnership--cards, .section-questions {
    padding-top: 0;
 }

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

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

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

  .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: -15rem;
 }

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

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

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

  .hero-textbox {
    padding: 0;
 }

  .section-offer .content {
    margin-top: -6rem;
 }

  .fees-content {
    margin-top: -10rem;
 }

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

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

  .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;
 }
}

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

  .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-featured, .section-questions {
    margin-top: -15rem;
 }

  .section-assessment {
    padding: 0;
 }

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

  .section-cta h2 {
    margin: 0;
 }

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

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

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

  .section-featured {
    padding: 0;
    margin-top: -18rem;
 }

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

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

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

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

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