@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {
    background: #FFF7EC 0% 0% no-repeat padding-box;
}

.clear, .clearfix {
    clear: both;
}

#myAccount {
    max-width: 1440px;
    margin-top: 18px;
}

@media (min-width: 1500px) {
    #myAccount {
        width: 1440px;
    }
}

#welcome-name {
    text-align: left;
    font: normal normal normal 28px/49px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 18px;
}

#last-first-name {
    text-align: left;
    font: normal normal normal 22px/27px IvyOra Display;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: "ivyora-display", sans-serif;
    margin-top: 15px;
    margin-bottom: 8px;
}

#qr-code img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

@media all and (max-width: 991px) {
    #welcome-name {
        font-size: 22px;
        line-height: 1.5;
    }
}

#subscription-info {
    margin-top: 8px;
    text-align: left;
    font: normal normal medium 15px/20px Montserrat;
    letter-spacing: 0px;
    opacity: 1;
    font-family: "Montserrat", sans-serif;
}

#subscription-info ul {
    list-style: none;
    padding: 0;
}

#subscription-info .valid {
    color: #0DCF06;
    margin-bottom: 5px;
}

#subscription-info .invalid {
    color: #E94D1A;
    margin-bottom: 5px;
}

#subscription-info ul li svg {
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

#subscription-info ul li span {
    float: left;

}

#link-nav-cercle {
    list-style: none;
    padding: 0;
    line-height: 1.5;
}

#link-nav-cercle li {
    margin-bottom: 20px;
    line-height: 1.7
}

#link-nav-cercle li a {
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 16px/27px Montserrat;
    letter-spacing: 0px;
    color: #191919;
    opacity: 1;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
}
#link-nav-cercle li a:hover{
    color: #009D78;
}

#advantages-title {
    text-align: left;
    font: normal normal normal 35px/32px IvyOra Display;
    letter-spacing: 0px;
    color: #009D78;
    text-transform: uppercase;
    opacity: 1;

    font-family: "ivyora-display", sans-serif;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.slider-content {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.slide-card {
    display: block;
    position: relative;
}


.slider-content .title-nav h3 {
    text-align: left;
    font: normal normal 600 25px/33px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    float: left;
    width: 50%;
}

.slider-content .nav-slider {
    margin-right: 20px;
    float: right;
}

.slider-content .arrow-variable {
    background: transparent;
    padding: 5px;
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 100%;
    color: #000;
    width: 34px;
    height: 34px;
    display: inline-block;
    font-size: 23px;
    line-height: 1;
}

.slide-card h4 {
    text-align: left;
    font: normal normal 600 16px/22px Montserrat;
    letter-spacing: 0px;
    color: #009D78;
    opacity: 1;
    font-family: "Montserrat", sans-serif;
    word-break: break-word;
    max-width: 250px;
}

.slider-content p {
    text-align: left;
    font: normal normal normal 16px/19px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}


.slider-content .arrow-variable svg {
    width: 15px;
    height: 15px;
}

.slider-content .arrow-variable.slick-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.slider-responsive {
    width: 100%;
    margin-bottom: 40px;
}


.slide-card img,
.slide-card picture {
    width: 100%;
    display: block;
    height: inherit;
    margin-bottom: 20px;
}

.slide-card {
    width: calc(100% - 14px) !important;
    padding-right: 14px;
    padding-left: 0px;
    cursor: pointer;
    text-decoration: none !important;
}

.slide-card .readMore {

    text-align: left;
    text-decoration: underline;
    font: normal normal normal 16px/19px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
}

@media all and (max-width: 400px) {
    width: calc(100%) !important;
    padding: 0;
}

/*
@media all and (min-width: 1500px) {
    .slide-card {
        width: 317px !important;
    }
}
@media all and (min-width: 991px) and (max-width: 1025px) {
    .slide-card {
        width: 286px !important;
    }
}
@media all and (min-width: 768px) and (max-width: 990px) {
    .slide-card {
        width: 214px !important;
    }
}
@media all and (min-width: 400px) and (max-width: 767px) {
    .slide-card {
        width: 100% !important;
    }
}*/
@media all and (max-width: 991px) {
    #subscription-info {
        font-size: 13px;
        line-height: 1.5;
    }

    #subscription-info ul li svg {
        width: 16px;
        margin-top: 1px;
    }

    #advantages-title {
        text-align: left;
        font-size: 30px;
        line-height: 1.5;
        letter-spacing: 0px;
        color: #009D78;
        text-transform: uppercase;
        opacity: 1;
    }
}