.leadpagebanner{background-color:var(--blue-tone-light-4)}
.leadpage-main-div{position:relative}
.banner-title h6{color:var(--grey-tone-light-1)}
.banner-title p{font-size:.75rem;color:var(--grey-tone-light-1)}
.banner-heading p{margin-top:20px;font-family:'HelveticaNeueLTStd-Bd';font-size:1rem}
.banner-desc{display:flex;gap:35px}
.discountper{background-color:var(--primary-blue);border-radius:10px 0 20px 0;font-family:'HelveticaNeueLTStd-Bd';font-size:1rem;width:max-content;color:var(--neutral-white);padding:12px 35px 10px 6px}
.yearplan{background-color:var(--blue-tone-light-3);font-family:'HelveticaNeueLTStd-Md';font-size:.875rem;border-radius:0 0 20px 0;padding:6px 16px 6px 10px;width:max-content}
.banner-card-sec{width:500px}
.banner-img-wrapper{position:absolute;right:0}
.banner-card-slider .slick-track{display:flex}
.banner-card-slider .slick-slide:first-child{margin-left:0}
.banner-card-slider .slick-slide{margin:0 10px;height:inherit}
.banner-card-slider .slick-slide:last-child{margin-right:0}
.banner-card-slider .slick-slide>div{height:100%}
.banner-card{padding:24px 12px;background-color:white;text-align:center;border-radius:20px;z-index:1;height:100%}
.banner-card-text{font-family:'HelveticaNeueLTStd-Lt';font-size:1rem;color:var(--grey-tone-light-1)}
.banner-card-slider{z-index:1}
.banner-card-slider .slick-slide img{margin:0 auto}
.bannner-wrapper{width:76%}
@media only screen and (max-width:767px){.banner-title p{font-size:.5rem}
.banner-heading p{margin-top:10px;font-size:.875rem;width:60%}
.banner-desc{flex-direction:column;gap:20px}
.banner-img-wrapper{bottom:10%}
.banner-card{padding:10px;margin-right:10px}
.banner-card-slider .slick-track .banner-card{display:flex !important;align-items:center;border-radius:10px}
.banner-card-slider .slick-slide img{width:32px;height:32px}
.banner-card-sec{width:330px}
.banner-card-text{font-size:.875rem;text-align:start;margin-left:10px}
.banner-card-slider .slick-dots{display:flex;justify-content:center;padding-top:10px}
.banner-card-slider ul li{margin:0 3px;font-size:0}
.banner-card-slider .slick-dots li.slick-active button{height:8px;width:20px;background-color:var(--primary-blue);border-radius:20px;display:inline-block}
.banner-card-slider .slick-dots li button{font-size:0;height:8px;width:8px;background-color:var(--blue-tone-light-2);border-radius:50%;padding:0;display:inline-block}
.bannner-wrapper{width:100%}
}