﻿@font-face{
  font-family:"Red Hat Display";
  src:url("https://test.harryknows.nl/YeazApp_LSG/RedHatDisplay-VariableFont_wght__MUeDZlXHTIbIIgLoZAKjw.ttf?MUeDZlX_HTIbIIgLoZAKjw") format("truetype");}
/*To remove*/
.feedback-message-warning {
    top: 10%;
}

div.feedback-message-warning {
  background-color: #FF9B00;
  color: var(--color-neutral-10);
}
/*---------*/
.phone .display-desktop, .tablet .display-desktop {
    display: none !important; 
}

.desktop .display-mobile {
    display: none !important; 
}

.tablet .header .app-menu-links > a:not(:last-child):after,
.phone .header .app-menu-links > a:not(:last-child):after{
  display:block;
  bottom:0;
}

div p:first-of-type {
    margin-top: 0;
}

div p:last-of-type {
    margin-bottom: 0;
}

.yeaz-bullet-icons {
    gap: clamp(1rem, 1vw, 1.75rem);
}

.yeaz-bullet-icons img {
    height: clamp(2rem, 2vw, 3.5rem);
}

.mktportal-section-content__text-content__title, 
.mktportal-section-content__text-content__title h1, 
.mktportal-section-content__text-content__title .heading1, 
.mktportal-section-content__text-content__title h2, 
.mktportal-section-content__text-content__title .heading2, 
.mktportal-section-content__text-content__title h3, 
.mktportal-section-content__text-content__title .heading3, 
.mktportal-section-content__text-content__title h4, 
.mktportal-section-content__text-content__title .heading4, 
.mktportal-section-content__text-content__title h5, 
.mktportal-section-content__text-content__title .heading5, 
.mktportal-section-content__text-content__title h6, 
.mktportal-section-content__text-content__title .heading6 {
  font-weight: 900;
  line-height: 1;
    font-size: clamp(2rem, 2.8vw, 8.25rem);
}

.mktportal-section-content-diagonal__text-content__title, 
.mktportal-section-content-diagonal__text-content__title h1, 
.mktportal-section-content-diagonal__text-content__title .heading1, 
.mktportal-section-content-diagonal__text-content__title h2, 
.mktportal-section-content-diagonal__text-content__title .heading2, 
.mktportal-section-content-diagonal__text-content__title h3, 
.mktportal-section-content-diagonal__text-content__title .heading3, 
.mktportal-section-content-diagonal__text-content__title h4, 
.mktportal-section-content-diagonal__text-content__title .heading4, 
.mktportal-section-content-diagonal__text-content__title h5, 
.mktportal-section-content-diagonal__text-content__title .heading5, 
.mktportal-section-content-diagonal__text-content__title h6, 
.mktportal-section-content-diagonal__text-content__title .heading6 {
    font-weight: 900;
    line-height: 1;
    font-size: clamp(2rem, 2.8vw, 8.25rem);
}

.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value {
  position: relative;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value .loan-simulator__tooltip {
  position: absolute;
  top: 0;
  font-weight: initial;
  line-height: initial;
  font-size: clamp(0.75rem, 1vw, 2rem);
}

.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month{
  height: max(2vw, 100px);
  margin-bottom: 0px;
}

.mktportal-footer__container-center-contacts{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-align:center;
  font-weight:600;
  line-height:1;
  font-size:clamp(0.75rem, 1vw, 1rem);
}
.mktportal-footer__container-center-contacts > *:not(:last-child){
  margin-right:1.5vw;
}
.phone .mktportal-footer__container-center-contacts, 
.tablet .mktportal-footer__container-center-contacts {
  flex-direction: column;
  gap: 1vw;
  margin: 2vw 0;
  text-align:left;
}

.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value .loan-simulator__tooltip,
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value .loan-simulator__tooltip {
  bottom: clamp(2rem, 3vw, 5.125rem);
  top: initial;
}

.phone .mktportal-footer__container-center-bottom, .tablet .mktportal-footer__container-center-bottom {
  display: inherit;
}

.info-icon {
    font-size: clamp(1rem, 1.4vw, 6.25rem);
    font-style: italic;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--border-radius-circle);
    width: clamp(1.2rem, 1.8vw, 7rem);
    height: clamp(1.2rem, 1.8vw, 7rem);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: initial;
}

.info-tooltip {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}

.info-tooltip.osui-tooltip .osui-balloon {
    background-color: var(--color-neutral-1);
    border-radius: var(--border-radius-soft);
    color: var(--color-neutral-10);
    font-size: var(--font-size-s);
    font-weight: var(--font-regular);
    line-height: initial;
    max-width: 400px;
    padding: var(--space-s);
    border-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.info-tooltip.osui-tooltip .osui-tooltip__balloon-arrow {
    display: none;
}

.tablet .header .app-menu-links > a:is(:last-child), .phone .header .app-menu-links > a:is(:last-child) {
  margin: 0 var(--grid-horizontal-margin-value) max(3vw, 20px);
  padding-bottom: max(3vw, 30px);
}

.mktportal-footer__container-social-icons img{
  height: clamp(1.625rem, 1vw, 2rem);
}
/*Home Page*/
.mktportal-section-content-split {
  display: flex;
}

.mktportal-section-content-split-container {
  width: 50%;
}

.phone .mktportal-section-content-split {
  flex-direction: column;
}

.phone .mktportal-section-content-split-container {
  width: 100%;
}

.mktportal-section-content-split-container-img img {
    height: clamp(2rem, 4vw, 11.25rem);
}

.mktportal-section-content-split-container-text {
text-align: right;
  line-height: 1;
  font-size: clamp(1rem, 1.8vw, 6.25rem);
}

.mktportal-section-content-split-container-img {
 text-align: right;
}

.mktportal-section-content-split-container.background-primary {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mktportal-section-content-split-container.background-primary  .mktportal-section-content__text-content {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
}

.mktportal-section-content-split-container.background-primary  .mktportal-section-content__text-content .mktportal-section-content-split-container-text {
    text-align: center;
}

/* Home page review section */
.desktop .yeaz-home .mktportal-section-reviews-item__score-image-from img{
  width: max(6vw, 100px);
}

.desktop .yeaz-home .mktportal-section-reviews-item__score-text{
  min-height: 125px;
  margin-bottom: 0;
}

.desktop .yeaz-home .mktportal-section-reviews__list-container{ 
    padding-bottom: 0;
    padding-top: 60px;
}

.desktop .yeaz-home  .mktportal-section-reviews__score-container{
    padding-bottom: 0;
    padding-top: 60px;
}

.desktop .yeaz-home .mktportal-section-reviews__score-stars .rating {
    --rating-size: max(1.25vw, 35px);
}

/*----- END of Home page review section */

/*---------- Menu -----------*/

.phone .mktportal-cta-content-top-text,
.tablet .mktportal-cta-content-top-text {
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  font-size: clamp(1.8rem, 5vw, 6.25rem);
}

.phone .mktportal-cta-content-top-symbol,
.tablet .mktportal-cta-content-top-symbol {
  height: clamp(3.6rem, 10vw, 12.5rem);
}

.phone .mktportal-cta-content,
.tablet .mktportal-cta-content-top-symbol {
  margin-left: calc(clamp(3.6rem, 10vw, 12.5rem) + 20px);
}

/* Blog Detail page*/


.desktop .blog-detail .mktportal-section-content__image-content{
  background-position: unset;
}

.phone .blog-detail .mktportal-blog-post{
  margin-top: var(--space-base);
}
.mktportal-blog-post h3 {
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 10px;
        }

/*----- END  Blog Detail page review section------*/

/* FAQ Page*/

.phone .yeaz-faq .faqs-screen .mktportal-section-content__text-content {
    padding-left: 0;
    padding-right: 0;
}

.btn-faq{
    width: 260px;
    height: 50px;
}

/* END -> FAQ Page */

/*-*/

.list-item-selected .mktportal-section-wallet-item__left, 
.list-item-selected .mktportal-section-wallet-item__right {
  opacity: 1;
}


/*! ==============================================================================
*  
* ❖ MktPoral_TopScreenSction Customization
*   
* ============================================================================= */


/* Mobile */

.phone .yeaz-mobile-custom.mktportal-section-content,
.tablet .yeaz-mobile-custom.mktportal-section-content
 {
    margin-bottom: var(--space-none);
}

.phone .yeaz-mobile-custom .mktportal-topScreenSection__top,
.tablet .yeaz-mobile-custom .mktportal-topScreenSection__top {
    display: none;
}

.phone .yeaz-mobile-custom .mktportal-section-content__text-content,
.tablet .yeaz-mobile-custom .mktportal-section-content__text-content {
    padding: var(--space-l) var(--space-none);
}


.phone .yeaz-mobile-custom .mktportal-section-content__text-content__text,
.tablet .yeaz-mobile-custom .mktportal-section-content__text-content__text {
    margin: var(--space-m) var(--space-none);
}

.phone .yeaz-mobile-custom .mktportal-section-content__text,
.tablet .yeaz-mobile-custom .mktportal-section-content__text {
    align-self: unset;
    padding: var(--space-none) var(--space-m);
}

/*! ==============================================================================
*  
* ❖ MktPortal Section Image and Carousel Customization
*   
* ============================================================================= */


.mktportal-section-content-with-carousel-item__title,
.mktportal-section-content-with-carousel-item__title h1,
.mktportal-section-content-with-carousel-item__title .heading1,
.mktportal-section-content-with-carousel-item__title h2,
.mktportal-section-content-with-carousel-item__title .heading2,
.mktportal-section-content-with-carousel-item__title h3,
.mktportal-section-content-with-carousel-item__title .heading3,
.mktportal-section-content-with-carousel-item__title h4,
.mktportal-section-content-with-carousel-item__title .heading4,
.mktportal-section-content-with-carousel-item__title h5,
.mktportal-section-content-with-carousel-item__title .heading5,
.mktportal-section-content-with-carousel-item__title h6,
.mktportal-section-content-with-carousel-item__title .heading6
.mktportal-section-content-with-carousel-item__subtitle{
  font-weight:normal;
}

/*! ==============================================================================
*  
* ❖ HowItWorks page - Juliet section customization
*   
* ============================================================================= */

.juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {

height: 80%;
right: 0;
top: 0;
-webkit-transform: translateX(420px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
-ms-transform: translateX(420px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
transform: translateX(420px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
}

@media screen and (min-width: 1024px) and (max-width: 1130px) {
    .juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {
        height: 70%;
        transform: translateX(720px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
    }
}

@media screen and (min-width: 1131px) and (max-width: 1200px) {
    .juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {
        height: 70%;
        transform: translateX(600px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
    }
}

@media screen and (min-width: 1201px) and (max-width: 1349px) {
    .juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {
        height: 70%;
        transform: translateX(470px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
    }
}


@media screen and (min-width: 1350px) and (max-width: 1399px) {
    .juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {
        height: 75%;
        transform: translateX(500px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
    }
}
@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .juliet-section.how-it-works .mktportal-section-content__image_bgLy1 img {
        height: 75%;
        transform: translateX(400px) translateY(calc(-1* var(--mktportal-paths-layer-outside-value)));
    }
}

.phone .header .app-menu-links.site a:not(:last-child),
.tablet .header .app-menu-links.site a:not(:last-child),
.phone .header .app-menu-links.site a:last-child,
.tablet .header .app-menu-links.site a:last-child
{ 
    margin-bottom: var(--space-s);
    padding-bottom: var(--space-base);
    font-size: var(--space-base)
}