@import './fonface_whitelbl.css';
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);

:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    label,
    small,
    button
) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root,
:host {
  --u-font-family-brand: WhiteLbl-TextW05;
  --u-font-family-brand-2: WhiteLbl Micro Text;
  --u-font-family-brand-3: WhiteLbl-HeadlineW05-Rg;
  --u-font-family-open-sans: "Open Sans";

  /*-- Brand --*/
  --colors-brand-40: #244B83;  
  --colors-brand-60: #002C5F;  
  --colors-brand-60-custom: #F6F3F2;
  --colors-header: #F6F3F2; 
  --colors-brand-120: #002C5F; 

  /*-- Primary --*/
  --colors-primary-90: #244B83; 
  --colors-primary-60: #002C5F; 
  --colors-primary-40: rgba(0, 44, 95, 0.90);   
  --colors-primary-20: #F5F9FB; 
  --colors-primary-10: #F5F9FB; 
  --colors-bullet: #999999;
  --colors-bullet-active: var(--colors-brand-60);
  --colors-border-brand: var(--colors-brand-60);

  /*-- Neutral --*/
  --colors-neutral-40: #CCCCCC; 
  --colors-neutral-60: var(--colors-neutral-100); 
  --colors-neutral-70: #767676; 

  /*-- Success --*/
  --colors-success-60: #739E41;

  /*-- Background-gray */
  --colors-backgroud-gray: #F0F0F0;
  --colors-backgroud-white: #FFFFFF;

  /* Font Weight */
  --font-weight-bold: 600;
}
/* .font-head */
.font-head .c-text-content,
.font-head .c-span-content,
.font-head .c-title-content {
  font-family: var(--u-font-family-brand-3) !important;
}

/* .font-micro-text */
.font-micro-text .c-text-content,
.font-micro-text .c-span-content,
.font-micro-text .c-title-content {
  font-family: var(--u-font-family-brand-2) !important;
}

/* .font-text */
.font-text .c-text-content,
.font-text .c-span-content,
.font-text .c-title-content {
  font-family: var(--u-font-family-brand) !important;
}
.background-mobile {
    background-color: var(--colors-backgroud-gray);
}
.header__border--color {
    background: var(--colors-backgroud-white);
}
body {
    margin: 0;
    font-family: WhiteLbl-TextW05, 'Helvetica Neue', sans-serif;
}

.c-slider .swiper-wrapper acp-slide {
    margin-top: 1.5rem;
}

/* .c-quizz {
    border: 1px solid #767676;
} */

.c-modal__footer {
    padding-bottom: 0px;
}

.vision-light-black > .c-span-content {
    color: #000000 !important;
}

.vision-light-black > .c-title-content {
    color: #000000 !important;
}

.vision-light-brand > .c-link-content{
    color: var(--colors-brand-60) !important;
}

.vision-light-brand > .c-span-content {
    color: var(--colors-brand-60) !important;
}

#button-continue-first:hover {
    border-color: var(--border-color);
    background-color: var(--colors-primary-40);
    border-radius: var(--border-radius);
}

#button-continue-first button span {
    color: var(--colors-neutral-10) !important;
}

/* .c-title > .c-title-content {
    color: #000000 !important; 
} */

.c-offer-card.c-offer-card-solid .c-offer-card__header .c-title{
    color: #000000 !important;
}

.c-text-content .c-span-content,
.c-text-content  {
    color: #000000 !important;
}

.c-quizz__button_active {
    background-color: var(--colors-brand-40) !important;
}

.c-quizz__button_active .c-text-content,
.c-quizz__button_active .c-span-content {
    color: #ffffff !important;
}

.c-quizz__button_active .c-radio-button__icon {
    border-color: #FFFFFF !important;
    background-color: var(--colors-brand-60, #244B83) !important;
}

.c-quizz__button_active .c-radio-button__inner {
    background-color: #FFFFFF!important;
}

.swiper-container .offer-card-collection {
    border: 1px solid #CCCCCC;
    padding: 10px !important;
}

.offer-card-collection .c-offer-card__content{
    flex: none;
}

.c-button-inner{ 
    hover{
        background-color: var(--colors-primary-60) !important;
        color: #FFFFFF !important;
        /* border-color: var(--colors-primary-60) !important; */
    }
}

.c-offer-card.c-offer-card-solid acp-link .c-link-content {
    color: var(--colors-brand-60) !important;
}

.lowercase {
    text-transform: lowercase;
}

.c-offer-card__header {
    /* background-color: #FFFFFF; */
    border-radius: 4px;
    padding: 3px;
}

#button-continue-first:hover {
    border-color: var(--border-color);
    background-color: var(--colors-primary-40);
}
  
#button-continue-first button span {
    color: var(--colors-neutral-10) !important;
}

@media (max-width: 768px) {
    :root, :host {
        --font-size-md: 18px;
    }
    .c-container-card.c-container-card-solid {
        background-color: var(--colors-header) !important;
    }
    .bodybg-color-red-login {
        background: var(--colors-brand-120);
    }
}

@media (min-width: 768px) {
    .bodybg-color-40 {
        background: linear-gradient(to left, var(--colors-backgroud-white) 60%,var(--colors-backgroud-gray) 40%);
    }

    .bodybg-color-45 {
        background: linear-gradient(to left, var(--colors-backgroud-white) 55%,var(--colors-backgroud-gray) 45%);
    }

    .bodybg-color-gray {
        background:var(--colors-backgroud-gray);
    }

    .bodybg-color-red {
        background: linear-gradient(to left, var(--colors-brand-60-custom) 50%, var(--colors-backgroud-white) 40%);
    }
    .header__border--color, .c-header {
        background-color: var(--colors-header)
    }
    .bodybg-color-red-login {
        background: linear-gradient(to left, var(--colors-backgroud-white) 45%, var(--colors-brand-120) 30%);
    }
}

@media (min-width: 1440px) {
    .c-offer-card .c-offer-card__action {
        width: 100%;
    }
    .c-drawer__header {
        padding-top: 25px;
    }
    .c-content {
        padding-inline-start: 1.5rem;
        padding-inline-end: var(--spacing-lg);
        border-radius: var(--border-radius-md);
    }
    .c-slider .swiper-wrapper acp-slide {
        width: 280px !important;
        margin-top: 1rem;
    }
    #offer-slide{
        margin-right: 24px!important;
    }
    :root, :host {
        --font-size-md: 18px;
    }
}

@media (min-width: 768px) and (max-width: 1200px)   {
    .c-menu-route .c-menu-route__items-wrapper {
        max-width: fit-content;
    }
    :root, :host {
        --font-size-xxl: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1440px)   {
    :root, :host {
        --font-size-xxs: 10px;
        --font-size-xs: 12px;
        --font-size-sm: 13px;
        --font-size-md: 16px;
        --font-size-lg: 17px;
        --font-size-xl: 20px;
        --font-size-xxl: 30px;
    }

    .c-offer-card__action {
        text-align: start;
    }

    .c-offer-card {
        height: 360px !important;
        width: 240px !important;
        padding-inline-end: 8px;
    }
    .c-offer-card__section__footer {
       margin-top: 0.2em !important; 
    }

    /* .c-quizz {
        height: 72px !important;
        margin-bottom: 0.5rem !important;
    } */

    /* .c-quizz__button {
        min-height: 72px !important;
    } */

    /* .c-quizz__button_active {
        min-height: 72px !important;
    } */

    .c-slider .swiper-wrapper acp-slide {
        width: 240px !important;
    }

    .c-slider .swiper-wrapper {
        padding-bottom: 48px !important
    }

    .tooltip .top {
        top: -5px !important;
    }
}