/* @import url("variable.css"); */

/* banner */
.loyal-n-save-banner{background-color: var(--lavender-blue);}
.loyal-n-save-banner {background-color: var(--lavender-blue);background-repeat: no-repeat;background-position: right;background-size: contain;position: relative;display: flex;justify-content: center;align-items: center;}
.loyal-n-save-banner img {margin-top: 30px;max-width: 100%;}
.loyal-n-save-banner .heading-48{font-size: 37px;line-height: 53px;}
.loyal-n-save-banner .heading-24{font-size: 28px;line-height: 40px;}

.section-title {font-size: 35px;line-height: 40px;}

/* @media (min-width:1200px) and (max-width:1550px) {
    .loyal-n-save-banner .heading-48{font-size: 34px;line-height: 53px;}
    .loyal-n-save-banner .heading-24{font-size: 20px;line-height: 30px;}
} 
*/

/* banner */

/* customers settings */
.featurecourselist{max-width:450px;border-radius:20px;overflow:hidden; padding-left:50px;}
.titleblockbox {max-width: 570px;}
.featurecourselist>.col-lg-4.col-md-6{width:100%;}
.featurecourselist .course-card{border-radius:20px;background-color:var(--white-color);height: auto;}
.featurecourselist .course-card .course-card-link{flex-direction:column;}
.featurecourselist .course-card .course-card-link .course-image,.featurecourselist .course-card .course-card-link .course-inner{width:100%;}
.featurecourselist .course-card .course-card-link .course-image{order:1;}
.featurecourselist .course-card .course-card-link .course-inner{order:2;height:auto;order:1;padding:20px;}
.featurecourselist .course-card .course-card-link .description{max-height:inherit;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:auto;}
.featurecourselist .course-card .course-card-link .course-image img{height:100%;width:100%;max-width:100%;-o-object-position:center center;object-position:center center;-o-object-fit: scale-down;object-fit: scale-down;}
section.customers-settings.grayish-violet{background-color:var(--grayish-violet);}
section.customers-settings{background-color:var(--lavender-blue);}
.custom-description-width{max-width: 800px;margin-left: auto;margin-right: auto;}

p.redemptions-description {
    max-width:760px;
}
p.settings-description{
    max-width: 670px;
}

 p.explore-description {
    max-width: 650px;
}

/* section.customers-settings p.description.navy-blue{max-width:600px;} */ 
@media (max-width:1199px) {
    .loyal-n-save-banner p {
        font-size: 20px;
        line-height: 1.2;
    }
}
@media (max-width:991px) {
    .banner-textblock {
        text-align: center;
    }
    .banner-textblock h1.heading-50 br {
        display: block;
    }
    .loyal-n-save-banner {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .loyal-n-save-banner p {
        font-size: 18px;
        line-height: 1.2;
    }
    .banner-image img {
        margin-top: 20px;
        max-width: 600px;
        width: 100%;
        margin-bottom: 0;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .container{padding: 0 30px;}
    section.customers-settings{padding: 50px 40px;}
    section.customers-settings .cousrlist.row{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .featurecourselist{max-width: 360px;}
    .loyal-n-save-banner .heading-48 {font-size: 30px;line-height: 40px;}
    .loyal-n-save-banner .heading-24 {font-size: 20px;line-height: 32px;}
    .banner-textblock {max-width: 80%;}
    
}
@media (min-width:768px) and (max-width:991px) {
    /* section.customers-settings{padding:30px 12px;}  */
   .featurecourselist{margin-left: 0;margin-right: 0;padding-left: 0;}
   section.customers-settings .cousrlist.row{display: flex;margin: 0;gap: 20px 0;}
   .cousrlist{gap: 20px 0;}
   section.customers-settings .cousrlist.row>.col-lg-4.col-md-6{width: 50%;}
   .loyalandsave-block .cousrlist-box .cousrlist-boxs{margin: 0 12px;}
   .slick-dotted.slick-slider{margin-bottom: 0;}
   .featurecourselist>.col-lg-4.col-md-6{padding: 0 3px;}
   ul.cousrlist li.heading-22{font-size: 18px;}
   .why-loyal-section .cousrlist-box ul.cousrlist.row {gap: 5px 0;}
   section.customers-settings .row{margin: 0 auto;}
   .container{padding: 0 30px;}
   .cousrlist-boxs{padding: 0 15px;}
   .course-card{margin: 0 15px;}
   section.customers-settings p.description.navy-blue{margin-left: auto;margin-right: auto;}
   .section-title span{display: block;}
   .loyal-n-save-banner .heading-48{font-size: 28px;line-height: 40px;}
   .loyal-n-save-banner .heading-24 {font-size: 22px;line-height: 30px;}
   .loyal-n-save-banner{background-position: 285px 15px;}
   .featurecourselist{max-width: 350px; margin: 30px auto 0;}
   .slick-dots:has(li:only-child) {display: none !important;}
   
}

@media (max-width:767px) {
   section.customers-settings{padding:30px 0;} 
   .featurecourselist{margin: 30px auto 0; padding-left: 0;}
   section.customers-settings .cousrlist.row{display: flex;margin: 0;gap: 20px 0;}
   .cousrlist{gap: 20px 0;}
   section.customers-settings .cousrlist.row>.col-lg-4.col-md-6{padding-left: 0;padding-right: 0;}
   .loyalandsave-block .cousrlist-box .cousrlist-boxs{margin: 0 12px;}
   .slick-dotted.slick-slider{margin-bottom: 0;}
   .featurecourselist>.col-lg-4.col-md-6{padding: 0px;}
   .no-padding {padding: 0px;}
   ul.cousrlist li.heading-22{font-size: 18px;margin: 3px 0;}
   .why-loyal-section .cousrlist-box ul.cousrlist.row {gap: 5px 0;}
   section.customers-settings .row{margin: 0;}
   .course-card {margin: 0 15px;}
   .featurecourselist .course-card .course-card-link{flex-direction: column;}
   .featurecourselist .course-card .course-card-link .course-image{order: 1;}
   .featurecourselist .course-card .course-card-link .course-inner{order: 2;}
   .featurecourselist .course-card .course-card-link .course-image, .featurecourselist .course-card .course-card-link .course-inner{width: 100%;}
   section.customers-settings .cousrlist.row{gap: 0;}
   .cousrlist-box .cousrlist.row .cousrlist-boxs {margin: 0 15px;}
   .explore-block.loyalandsave-block .cousrlist-box .cousrlist .cousrlist-boxs{margin: 0 30px;}
   .loyal-n-save-banner .heading-48 {font-size: 24px;line-height: 32px;}
   .loyal-n-save-banner .heading-24 {font-size: 18px;line-height: 28px;} 
   .section-title span{display: block;}
   .loyal-n-save-banner{min-height: inherit;background-position: right -100px center;}
   .featurecourselist .course-card .course-card-link .course-inner{padding-top: 20px;}
   .loyal-n-save-banner .container{position: relative;z-index: 1;}
   .loyal-n-save-instructor-image{margin: 0 15px;}
    .loyal-n-save-banner {
        padding-top: 30px;
        padding-bottom: 0;
    }
}
/* customers settings */

/* explore */
.explore-block.loyalandsave-block{background-color:var(--grayish-violet);}
.explore-block .calendar-title{display:flex;align-items:center;align-content:center;margin:0 0 0px;}
.explore-block .calendar-title .calendar-iconbox{width:90px;height:90px;}
.explore-block .calendar-title .calendar-iconbox img{width:100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.explore-block .logo-lnsave{max-width:250px;margin:0 auto 20px;}
.explore-block .min-container p.description{margin:0 auto 20px;max-width: 700px;}

.explore-block.loyalandsave-block .min-container p.description.loyalandsave-desc{margin:0 auto 20px;max-width: 840px;}


.loyalandsave-block .cousrlist-box .cousrlist-boxs{border:solid 3px #e9daf2;border-radius:30px;padding:20px 20px 30px;height:100%;display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;}
.loyalandsave-block .cousrlist-box .cousrlist-boxs .imgage-box{max-width:140px;margin:10px auto;}
.loyalandsave-block .cousrlist-box .cousrlist-boxs .imgage-box img{max-width: 80%;display: block;margin: 0 auto;}
.explore-block.loyalandsave-block .min-container,.customers-settings .min-container,.explore-block .min-container,.why-loyal-section .min-container{max-width: 1100px;}

.explore-block .btn-blue-primary.btn-purple {margin: 30px auto 0; display: table;}
/* explore */

/* instructor */
.instructor-section .min-container{max-width:1100px;}

@media (min-width:992px) and (max-width:1199px) {
    .explore-block.loyalandsave-block .min-container,.customers-settings .min-container,.explore-block .min-container,.why-loyal-section .min-container{max-width: 950px;}
    .loyal-n-save-instructor-image img{max-width:100%;}
}


@media (min-width:768px) and (max-width:991px){
    .instructor-section .min-container p.description{max-width:520px;}
    br {display: none;}
    .titleblockbox{max-width: 100%;}
    .explore-block.loyalandsave-block .min-container,.customers-settings .min-container,.why-loyal-section .min-container{max-width: 90%;}

     .explore-block.loyalandsave-block .slick-dots li button {background: var(--navy-blue);}
    .explore-block.loyalandsave-block .slick-dots li.slick-active button {background: var(--vivid_purple);}

    section.customers-settings .slick-dots li button {background: var(--navy-blue);}
    section.customers-settings .slick-dots li.slick-active button {background: var(--vivid_purple);}

    .explore-block .slick-dots li button {background: var(--navy-blue);}
    .explore-block .slick-dots li.slick-active button {background: var(--vivid_purple);}
}
/* instructor */

/* coming soon */
.calendar-title{display:table; margin:0 auto 30px;}
.calendar-title .calendar-iconbox{width:100px;height:100px;}
.calendar-title .calendar-iconbox img{max-width:100%;}
ul.cousrlist{display:flex;flex-wrap:wrap;max-width:780px;margin:0 auto;}
ul.cousrlist li{color:#020049;line-height:1.5;text-align:left;margin:8px 0;position:relative;padding-left:35px;}
ul.cousrlist li:after{content:"";position:absolute;left:0;top:-2px;background-image:url("../images/loyal-n-save/list-icon.png");width:30px;height:30px;background-size:cover;}
@media (min-width:768px) and (max-width:991px){
    ul.cousrlist{max-width:490px;}
}

.cousrlistbox{display:flex;flex-wrap:wrap;max-width:820px;margin:0 auto;}
ul.cousrlists li{color:#020049;line-height:1.5;text-align:left;margin:8px 0;position:relative;padding-left:35px;}
ul.cousrlists li:after{content:"";position:absolute;left:0;top:-2px;background-image:url("../images/loyal-n-save/list-icon.png");width:30px;height:30px;background-size:cover;}

/* why loyal */
.why-loyal-section{background-color:var(--lavender-blue);}

@media (max-width:767px) {
    .loyalandsave-block .cousrlist-box .cousrlist-boxs .imgage-box {width: 150px;margin: 15px auto;}
    .explore-block .min-container p.description,
    .explore-block .logo-lnsave{margin-bottom: 20px;}
    br {display: none;}
    .titleblockbox{max-width: 100%;}
    .banner-textblock {max-width: 90%;}
    .section-title {font-size: 26px;line-height: 35px;}
    .loyal-n-save-instructor-image img{max-width: 100%;}

    .explore-block.loyalandsave-block .slick-dots li button {background: var(--navy-blue);}
    .explore-block.loyalandsave-block .slick-dots li.slick-active button {background: var(--vivid_purple);}

    section.customers-settings .slick-dots li button {background: var(--navy-blue);}
    section.customers-settings .slick-dots li.slick-active button {background: var(--vivid_purple);}

    .explore-block .slick-dots li button {background: var(--navy-blue);}
    .explore-block .slick-dots li.slick-active button {background: var(--vivid_purple);}
}