{"version":3,"sources":["abstracts/_css-index.scss","abstracts/_functions.scss","abstracts/_variable.scss","abstracts/_mixins.scss","abstracts/_classes.scss","abstracts/_extend.scss","abstracts/_wordpress-default.scss","base/_typography.scss","base/_margin.scss","base/_padding.scss","components/_accordion.scss","components/_button.scss","components/_form.scss","components/_pagination.scss","components/_tab.scss","components/_table.scss","components/_card.scss","layout/_preloader.scss","layout/_section-heading.scss","layout/_header.scss","layout/_search-box.scss","layout/_mobile-nav-menu.scss","layout/_footer.scss","layout/_footer-two.scss","layout/_scroll-top.scss","layout/_selection.scss","layout/_sale-offer.scss","layout/_social-icon.scss","layout/_slick.scss","layout/_star-rating.scss","layout/_comment.scss","layout/_blog-sidebar.scss","layout/_dashboard-sidebar.scss","layout/_dashboard-nav.scss","partials/home/_change-gradient.scss","partials/home/_banner.scss","partials/home/_popular.scss","partials/home/_product.scss","partials/home/_featured-products.scss","partials/home/_selling-product.scss","partials/home/_top-featured.scss","partials/home/_top-performance.scss","partials/home/_blog.scss","partials/home/_seller.scss","partials/home/_brand.scss","partials/homeTwo/_banner-two.scss","partials/homeTwo/_popular-item-card-section.scss","partials/homeTwo/_contributor.scss","partials/homeTwo/_service.scss","partials/homeTwo/_testimonial.scss","partials/homeTwo/_pricing-plan.scss","partials/homeTwo/_article.scss","partials/homeTwo/_resource.scss","partials/homeTwo/_newsletter.scss","partials/breadcrumb/_breadcrumb.scss","partials/breadcrumb/_breadcrumb-two.scss","partials/breadcrumb/_breadcrumb-three.scss","partials/breadcrumb/_breadcrumb-four.scss","partials/othersPage/_all-product.scss","partials/othersPage/_product-details.scss","partials/othersPage/_profile.scss","partials/othersPage/_follow.scss","partials/othersPage/_setting.scss","partials/othersPage/_hidden-item.scss","partials/othersPage/_earning.scss","partials/othersPage/_statement.scss","partials/othersPage/_review.scss","partials/othersPage/_download.scss","partials/othersPage/_cart.scss","partials/othersPage/_cart-personal.scss","partials/othersPage/_cart-payment.scss","partials/othersPage/_cart-thank-you.scss","partials/othersPage/_blog-details.scss","partials/othersPage/_contact.scss","partials/othersPage/_account.scss","partials/othersPage/_dashboard.scss","partials/othersPage/_dashboard-profile.scss","partials/_gradient.scss","partials/_element.scss","partials/_dark-version.scss","partials/homeThree/_index-three.scss","partials/homeThree/_banner-three.scss","partials/homeThree/_brand-three.scss","partials/homeThree/_about-three.scss","partials/homeThree/_service-three.scss","partials/homeThree/_why-choose.scss","partials/homeThree/_work-process.scss","partials/homeThree/_latest-project.scss","partials/homeThree/_team.scss","partials/homeThree/_payment.scss","partials/homeThree/_testimonial-three.scss","partials/homeThree/_pricing-plan-three.scss","partials/homeThree/_newsletter-three.scss"],"names":[],"mappings":"AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCA;AClCA;AA2CA;AC3CA;AACQ;AAER;AACA;AAEE;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAGA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAKF;EACE;EAGA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAEA;;;AAGF;ACxQA;AACA;AA4DA;AAEA;AA8FA;AAEA;ACjKA;AAEI;EADJ;IAEQ;;;AAIJ;EADJ;IAEQ;;;AAIJ;EADJ;IAEQ;;;AAGR;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;AACA;EACI;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIR;EACI;;;AAIJ;AAEI;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAMA;EACI;;;AAIJ;EACI;;;AAIJ;EACI;;;AAIJ;EACI;;;AAMR;EACI;;;AAEJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAIA;EACI;;;AAEJ;EACI;;;AAIR;AAEI;EADJ;IAEQ;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AD7LF;ECuLF;IAQQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAKJ;EADJ;IAEQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACI;IACA;;;AAIZ;AACA;AChRA;AACA;AACA;EACI;EACA;EACA;;;AAEJ;AACE;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEJ;AAEA;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;AAEA;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AFvCF;EEsCF;IAGQ;;;AFvDN;EEoDF;IAMQ;;;AAGR;EACI;;;AAEJ;EACI;;;AFnDF;EEkDF;IAGQ;;;AFnEN;EEgEF;IAMQ;;;AAGR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;AAEA;AC/JA;AACA;EACI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;EAEE;;;AAEF;EACE;AAAA;IAEE;;;AAGJ;EACE;AAAA;IAEE;;;AAIJ;EACE;EACA;;;AAEF;EACE;EACA;EACA;AACA;;;AAEF;EACE;IACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAEF;EACE;IACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;AACA;;;AAEF;EACE;IACE;;;AAGJ;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAGF;AACA;EACE;IACE;IACA;;;EAEF;IACE;;;AAGJ;AACA;EACE;IACE;IACA;;;AAGJ;EACE;IACE;;;EAEF;IACE;;;AAGJ;EACE;;;AAEJ;ACjkBA;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AJYA;EInBF;IJ4EE;;;AAhEA;EIZF;IJyEE;;;AI1DF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;EACA;;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;;;AAEF;ACjHA;AACA;EACE;;;AAEF;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;ALQA;EKTF;IAGI;;;AAGJ;EACE;;;ALEA;EKHF;IAGI;;;AAGJ;EACE;;;ALJA;EKGF;IAGI;;;AAGJ;EACE;;;ALVA;EKSF;IAGI;;;AAIJ;EACE;EACA;;;AACA;EAHF;IAII;IACA;;;AAEF;EAPF;IAQI;IACA;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGJ;EACI;EACA;;;AACA;EAHJ;IAII;IACA;;;AAEA;EAPJ;IAQI;IACA;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAGJ;ACnHA;AACA;EACE;EACA;;;AACA;EAHF;IAII;IACA;;;AAEF;EAPF;IAQI;IACA;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGJ;EACI;EACA;;;AACA;EAHJ;IAII;IACA;;;AAEA;EAPJ;IAQI;IACA;;;AAGJ;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAGF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAGJ;AC7DA;AAEI;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;EAEA;;;APCN;EOJE;IAKQ;IACA;;;AAGR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EP6DN;EO3DM;EACA;EACA;EACA;EACA;;;APlBN;EOWE;IASQ;IACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EPmBd;EOjBc;;;APlDd;EOuCU;IAaQ;;;AAKR;EACI;EACA;;;AAKhB;AClFA;AACA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ERiEF;EQ/DE;EACA;EACA;;;AACA;EACI;;;ARYN;EQzBF;IAgBQ;;;AAEJ;EACI;ERqDN;;;AAnEA;EQaE;IAIQ;IACA;;;AAGR;EACI;;;ARtBN;EQqBE;IAGQ;IACA;;;AAGR;EACI;ER4CN;;;AArDA;EQQE;IAIQ;;;AAGR;EACI;EACA;EACA;EACA;;;ARnBN;EQeE;IAMQ;;;AAGR;EACI;ER4BN;;;AArDA;EQwBE;IAIQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ERyBN;;;AAxEA;EQsCE;IAYQ;IACA;;;AAEJ;EACI;EACA;;;ARvDV;EQqDM;IAIQ;IACA;;;AAGR;EACI;;;AAGR;EACI;ERNN;;;AQSE;EACI;ERVN;;;AQaE;EACI;;;AAGJ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKZ;AC3NA;AACA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ET6EF;;;AAxDA;ES9BF;IAYQ;;;AAEJ;EACI;ET8DN;ES5DM;EACA;;;AAEJ;EACI;ET2DN;;;ASxDE;EACI;;;ATFN;ESCE;IAGQ;;;AAGR;EACI;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;;;AAKR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAIZ;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;ETIF;;;ASFE;EACI;EACA;;;AAGR;EACI;EACA;;;AAEJ;AAEA;AACA;EACI;ETXF;ESaE;EACA;;;AAIJ;AACA;EACI;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ETrCN;ESuCM;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;ETtCN;;;AArDA;ESwFE;IAMQ;;;AAGR;EACI;;;AAGR;EACI;EACA;EACA;;;ATxGF;ESqGF;IAKQ;;;ATjHN;ES4GF;IAQQ;IT3DN;;;AS8DE;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AAGR;AAII;EACI;;;ATtIN;ESqIE;IAGQ;;;AAIZ;AACA;AAAA;EAEI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;AAEA;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;EAEI;;;AAEJ;EACI;;;AAGJ;AACA;EAEI;;;AACA;EACI;;;AAEJ;EACI;;;AAIA;EACI;;;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EThLV;ESkLU;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;ETjNN;ESmNM;EACA;;;ATvRN;ESyRE;ITnNF;;;AAtEA;ES8RE;ITxNF;;;AS8NF;AACA;ACjTA;AACA;EACI;EACA;EACA;EACA;;;AVkCF;EUtCF;IAMQ;;;AVyBN;EU/BF;IASQ;;;AVeN;EUxBF;IAYQ;;;AAII;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EVoDV;;;AArDA;EUVM;IAcQ;IACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAMpB;AC9DA;AACA;EACI;EACA;AAiCA;;;AXJF;EW/BF;IAIQ;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EX6DV;;;AA/CA;EWvBM;IAYQ;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAQJ;EACI;EACA;EACA;EACA;;;AAEI;EACI;;;AACA;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAQ5B;AACA;EACI;EACA;EACA;;;AAEI;EACI;EACA;EACA;EACA;EXSV;EWPU;EACA;EACA;;;AX/CV;EWuCM;IAUQ;IXHd;;;AWMU;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAOpB;AACA;EACI;EACA;;;AXvFF;EWqFF;IAIQ;;;AXhGN;EW4FF;IAOQ;;;AXjHN;EW0GF;IAUQ;IACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAKhB;ACrKA;AACA;EACI;EACA;EACA;EACA;EACA;AAuEA;;;AAtEA;EACI;;;AAGA;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;EACI;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAKR;EACI;;;AACA;EACI;EACA;;;AAMR;EACI;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGI;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AAMpB;ACrHA;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AbGN;EaNE;IAKQ;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;;;AbVN;EaSE;IAGQ;;;AAGR;EACI;EACA;;;AAGR;AChCA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;EACA;;;AAMR;EACE;IAEE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IAEE;IACA;;EAEF;IACE;IACA;;;AAGJ;ACnEA;AACA;EACE;EACA;EACA;EACA;EACA;;;AACA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;;;AAEF;EACE;;;AAKJ;EACE;EACA;;;AAEE;EACE;;;AAOF;EACE;;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAEE;EACE;;;AACA;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIN;AC9EA;AACA;EACI;EACA;;;AhB4BF;EgB9BF;IAIQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhBcN;EgBxBE;IAYQ;;;AAIZ;EACI;IACE;;EAEF;IACE;;;AAKF;EACI;;;AhBVN;EgBSE;IAGQ;;;AAKZ;EAEQ;IACI;;;EAIJ;IACI;;;EAEJ;IACI;;;AAKZ;EACI;;;AhBpBF;EgBmBF;IAGQ;;;AAEJ;EACI;EACA;EACA;;;AAEI;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;AACA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AAEA;AACA;EACI;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AAGR;AAGA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AhBzHF;EgBsHF;IhBzDE;;;AAnEA;EgB4HF;IAQQ;;;AAIA;EACI;;;AhBnIV;EgBsIE;IAEQ;;;AAMZ;AACA;EACI;;;AACA;EAFJ;IAGQ;;;AAII;EACI;;;AACA;EACI;;;AAKR;EACI;;;AACA;EAFJ;IAGQ;;;AAKhB;EACI;EACA;EhBrGN;EgBuGM;EACA;EACA;;;AhBvJN;EgBiJE;IhBzGF;;;AgBsHF;EACI;;;AAEI;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;EACA;EACA;;;AAII;EADJ;IAEQ;IACA;;;AAKhB;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EhB1KV;EgB4KU;EACA;;;AAKZ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EAjBJ;IAkBQ;IACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGQ;EACI;;;AAGR;EACI;EACA;;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EhBhPV;EgBkPU;EACA;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAIZ;EACI;EACA;EhBnPN;EgBqPM;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAIZ;AACA;AACA;AC1VA;AACA;EACI;AAuBA;AAiDA;;;AAvEA;EACI;EACA;EACA;;;AjBmBN;EiBtBE;IAKQ;;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AjBMN;EiBXE;IAOQ;;;AAKR;EACI;EACA;;;AACA;EACI;;;AjBZV;EiBWM;IAGQ;;;AAIJ;EACI;EACA;EACA;EACA;;;AjBtBd;EiBkBU;IAMQ;;;AAGA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AjB3CtB;EiBwCkB;IjBelB;;;AiBRsB;EACI;;;AASxB;EACI;;;AACA;EACI;EACA;EACA;;;AjBhDV;EiB6CM;IAKQ;IACA;;;AAGR;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAIZ;ACrGA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAKJ;EACI;EACA;;;AAIY;EACI;;;AAIZ;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGA;EACI;EACA;;;AAEJ;EACI;;;AAMpB;AChGA;AAEA;AACA;EACI;EACA;;;AAGA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAKZ;EACI;;;AACA;EACI;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AnBLF;EmBLF;IAYQ;IACA;IACA;;;AnBhBN;EmBEF;IAiBQ;;;AAIR;EACI;;;AAIA;EACI;EnBwBN;EmBtBM;EACA;;;AAEJ;EACI;;;AnBnCN;EmBkCE;IAGQ;;;AAGA;EACI;EACA;EACA;EACA;;;AAIZ;EACI;;;AnBjDN;EmBgDE;IAGQ;;;AAGR;EACI;;;AAGR;AACA;EACI;EACA;;;AACA;EACI;EACA;;;AACA;EACI;;;AAGR;EAEI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EnBlCV;EmBoCU;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;;;AAKhB;AAEA;AACA;EACI;;;AACA;EACI;;;AnBrGN;EmBoGE;IAGI;;;AAGJ;EACI;EnBhDN;EmBkDM;;;AnB7GN;EmB0GE;InBrDF;;;AA5DA;EmBiHE;InBxDF;;;AmBoEF;EACI;EACA;EACA;EACA;EACA;;;AAIA;EACI;EACA;;;AAGR;ACpKA;AAGQ;EACI;EACA;;;AACA;EACI;;;AAMR;EACI;;;AAEJ;EACI;;;AAKJ;EACI;EACA;;;AAKZ;AACA;EACI;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGR;ACxCA;AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ArBaF;EqB9BA;IAmBI;IACA;IACA;IACA;IACA;;;AAEF;EACI;EACA;EACA;;;AAEJ;EACE;;;AAEF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ArBpBN;EqBGE;IAmBM;IACA;IACA;;;AAKR;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEJ;AC3EA;AAIA;ACJA;AACA;EACI;EACA;;;AACA;EACI;;;AvBON;EuBRE;IAGQ;;;AAGR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AvBlBN;EuBOE;IAaQ;IACA;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;;;AvBpDF;EuBiDF;IAKQ;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGR;AChFA;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ExBgEN;EwB9DM;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AACA;EACI;EACA;;;AAKhB;AC1CA;AAEI;EACI;;;AAEJ;EACE;EACE;EACA;;;AACA;EACI;;;AAKV;AAEE;EACE;EACA;EACA;EACA;EzBsEJ;;;AyBpEI;EACE;;;AAMN;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EzB2DF;EyBzDE;;;AzBlCF;EyBaA;IAuBI;;;AAIF;EACE;EACA;;;AAGJ;EACE;EACA;;;AzB/CF;EyB6CA;IAII;;;AA2BJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AzB9DJ;EyBwDA;IAQM;;;AAEF;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAIZ;AACA;AC5HF;AACA;EACI;EACA;EACA;EACA;;;AACA;E1ByEF;E0BvEM;;;AAGR;ACXA;AAEI;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;A3BGN;E2BPE;IAMQ;IACA;;;AAEJ;EACI;;;A3BHV;E2BME;IAEQ;;;AAGR;E3B2DF;;;AAtEA;E2BWE;I3BwDF;;;A2BlDE;EACI;EACA;EACA;;;A3BAN;E2BHE;IAKQ;IACA;;;AAIZ;ACvCA;AACA;EACI;EACA;EACA;EACA;EACA;;;A5BiCF;E4BtCF;IAOQ;;;AAIR;EACI;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAIR;AAEI;EACI;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAKZ;AAEI;EACI;EACA;;;AACA;EACI;EACA;;;AAIZ;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;A5BvDN;E4BkDE;IAOQ;;;AAEJ;EACI;EACA;EACA;;;AAGR;EACI;EACA;;;A5BnEN;E4BiEE;IAIQ;;;AAIZ;AACA;ACtFA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AAKA;AAKA;AAMA;;;AAfI;EACI;;;AAIJ;EACA;;;AAIA;EACA;EACA;;;AAIA;EACA;;;A7BGN;E6BAM;IACI;;;A7BaV;E6B7CF;IAoCQ;;;A7BLN;E6B/BF;IAuCQ;IACA;IACA;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGA;EACI;;;AAEJ;EAII;;;AAHA;EACI;;;AAOhB;AAEI;EACI;;;AAGQ;EACI;EACA;;;AAGA;EACI;EACA;;;AACA;EACI;EACA;;;AAMpB;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAMhB;AACA;ACvHA;AACA;EACI;EACA;;;A9BoCF;E8BtCF;IAIQ;IACA;;;A9B0BN;E8B/BF;IAQQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AACA;EAFJ;IAGQ;;;A9BKN;E8BRF;IAMQ;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAKR;AACA;EACI;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A9B5DV;E8BgCE;IA+BQ;IACA;;;AAEJ;EACI;EACA;EACA;;;AAIZ;AAEA;AC3GA;AACA;EACI;EACA;;;AAEJ;ACLA;AACA;EACI;EACA;EACA;;;AhC4BF;EgC/BF;IAKQ;;;AhCmBN;EgCxBF;IAQQ;;;AAKJ;EACI;EACA;EACA;;;AhCeN;EgClBE;IAKQ;;;AAGR;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AhC0BF;EgC/BF;IAOQ;;;AhCkBN;EgCzBF;IAUQ;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;;;AhCTF;EgCIF;IAQQ;IACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhCvBN;EgCeE;IAUQ;IACA;;;AAIZ;AAEA;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EAPJ;IAQQ;;;AAGA;EACI;;;AhCnDd;EgCqDU;IhC3BV;;;AAjCA;EgC4DU;IhCjCV;;;AgC4CE;EACI;;;AAEJ;EACI;;;AAIR;AACA;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AhCjIF;EgC2HF;IAQQ;;;AAIR;EACI;IACI;;EAEJ;IACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACC;EACG;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAMR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAKJ;EACI;EACA;;;AAKJ;EACI;;;AACA;EACI;;;AAIZ;AAEA;AC9OA;AAEI;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAGR;ACzCA;AACA;EACI;EACA;EACA;EACA;;;AACA;EALJ;IAMQ;;;AAII;EACI;;;AAIZ;EACI;;;AAGQ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAKhB;EACI;EACA;EACA;EACA;EACA;;;AACA;EANJ;IAOQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;ElCPV;;;AkCSU;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAMR;ElClCF;EkCoCM;EACA;;;AACA;EACI;;;AAMR;ElC7CF;EkC+CM;EACA;;;AAEJ;EACI;EACA;EACA;;;AlC3GN;EkCwGE;IAKQ;IACA;;;AAWA;EACI;;;AAEJ;EACI;;;AAMhB;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AACA;ACvLA;AAEI;EADJ;IAEQ;;;AAII;EADJ;IAEQ;;;AAKhB;ACbA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGA;EADJ;IAEQ;IACA;IACA;;;AAGR;EACI;;;AAGR;ACvBA;AAEE;EACE;;;AAIJ;EACE;EACA;;;AAGA;EADF;IAEI;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EAdF;IAeI;IACA;IACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;;;ArCzBJ;EqCoBA;IAOM;IACA;;;AAGF;EACE;;;ArChCN;EqC+BI;IAGI;;;ArClCR;EqC+BI;IAMI;;;AAGJ;EACE;;;AAKN;EACE;EACA;EACA;;;AACA;EACE;;;AAEF;EACE;;;AAGF;EACI;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EACE;IACE;;;AAGJ;AACA;AClHA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AACD;EACK;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;;;AAEJ;EACI;;;AAGR;ACjDA;AACA;EACI;EACA;EACA;EACA;;;AAIY;EACI;;;AAKhB;EACI;EACA;;;AACC;EACG;EACA;;;AAGR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;EACA;;;AAIZ;AC3CA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AxC+BF;EwCtCF;IASQ;IACA;IACA;;;AxCMN;EwCjBF;IAcQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAQR;EACI;EACA;EACA;EACA;EACA;;;AxC3CF;EwCsCF;IAOQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;;;AxC9DV;EwC2DE;IAMQ;;;AAEJ;EACI;EACA;EACA;;;AASZ;EACI;EACA;EACA;EACA;;;AxC5EF;EwCwEF;IAMQ;;;AAGR;ACjHA;AACA;EACI;EACA;EACA;;;AzCqBF;EyCxBF;IAKQ;;;AAEJ;EAPJ;IAQQ;IACA;;;AAGR;ACbA;AACA;EACI;EACA;EACA;;;A1CmCF;E0CtCF;IAKQ;;;A1C0BN;E0C/BF;IAQQ;;;A1CgBN;E0CxBF;IAWQ;;;AAEJ;EACI;EACA;;;AAGA;EADJ;IAEQ;;;AAGR;EACI;EACA;EACA;EACA;;;A1CYN;E0ChBE;IAMQ;;;AAKZ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAKZ;AACA;EACI;EACA;EACA;;;A1ChBF;E0CaF;IAKQ;IACA;IACA;IACA;;;A1C1CN;E0CkCF;IAWQ;;;AAKQ;EADJ;IAEQ;;;AAGR;EACI;;;AAMJ;EADJ;IAEQ;;;AAMhB;AC7FA;AACA;EACI;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEI;EACI;EACA;;;AAKA;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAKhB;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAIR;EACI;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;EACA;;;AAKR;EACI;;;AAGR;AC5GA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGQ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAGR;EACI;EACA;;;AAIZ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;AC9FA;AACA;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AACA;EACI;EACA;;;AAGA;EACI;;;AAEJ;EACI;;;AAGR;EACI;;;A7CUV;E6ClCF;IA4BQ;;;A7CDN;E6C3BF;IA+BQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;A7C5BN;E6CqBE;IASQ;IACA;;;AAGR;EACI;;;AAEJ;EACI;EACA;;;A7CzBN;E6CuBE;IAIQ;;;AAKZ;EACI;EACA;;;AAEI;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAIR;ACxGA;AAEI;EACI;EACA;;;A9CmCN;E8CrCE;IAIQ;;;A9C0BV;E8C9BE;IAOQ;;;A9CgBV;E8CvBE;IAUQ;;;A9CAV;E8CVE;IAaQ;;;AAKZ;EACI;EACA;EACA;EACA;;;A9CeF;E8CnBF;IAMQ;;;A9CMN;E8CZF;IASQ;;;A9CXN;E8CEF;IAYQ;;;AAEJ;EACI;;;AAEI;EACI;;;AAGR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGA;EACI;;;AAEJ;EACI;EACA;;;AAIZ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A9C9CV;E8CqCM;IAWQ;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAMhB;AAEI;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIR;AChHA;AACA;EACI;EACA;EACA;EACA;;;A/CkCF;E+CtCF;IAMQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGQ;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAIJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAIZ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A/CjHF;E+CyGF;IAUQ;;;AAIR;AChJA;AACA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AhDaF;EgDnBF;IASQ;;;AAKI;EACI;EACA;EACA;;;AhDEd;EgDLU;IAKQ;;;AAKhB;EACI;EACA;EACA;;;AhDMN;EgDTE;IAKQ;;;AhDVV;EgDKE;IAQQ;;;AAGR;EACI;;;AAEJ;EACI;;;AhDbN;EgDYE;IAGQ;;;AAGR;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhDnDN;EgDuCE;IAcQ;IACA;IACA;IACA;IACA;IACA;;;AAGR;EACI;EACA;;;AhDjDN;EgD+CE;IAIQ;;;AAMR;EACI;EACA;EACA;EACA;;;AAGR;ACvGA;AAEA;EACI;;;AAEI;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGR;AC3BA;AACA;EACI;EACA;;;AAIA;EACI;EACA;EACA;EACA;;;AlDcN;EkDlBE;IAMQ;IACA;;;AAIR;EACI;;;AlDMN;EkDPE;IAGQ;;;AAKZ;EACI;EACA;EACA;EACA;;;AlDSF;EkDbF;IAMQ;;;AAKR;AACA;EACI;;;AAEJ;AACA;AC1CA;AACA;EACI;EACA;;;AAEJ;EACI;;;AACA;EACI;;;AnDwBN;EmDzBE;IAGQ;;;AAGR;EACI;EACA;;;AAIR;EACI;;;AAEJ;ACtBA;AACA;EACI;;;ApD8BF;EoD/BF;IAGQ;;;ApD4BN;EoDxBE;IpDuEF;;;AA7DA;EoDHF;IAEQ;;;AAIR;AACA;EACI;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;AACA;ACpEA;AACA;EACI;;;ArDgBF;EqDjBF;IAGQ;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AClDA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AtDaF;EsDxBF;IAaQ;IACA;;;AAMY;EACI;;;AAOR;EACI;;;AACA;EACI;EACA;;;AAEJ;EACI;;;AAII;EACI;EACA;;;AAEJ;EACI;EACA;;;AAQ5B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EtDgBN;;;AA/CA;EsDsBE;IAYQ;;;AtDzCV;EsD6BE;IAeQ;ItDIV;;;AsDDM;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AtDvDV;EsD+CM;IAUQ;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAIZ;ACjIA;AACA;AACA;EACI;;;AvDoCF;EuDrCF;IAGQ;;;AvDkCN;EuDrCF;IAMQ;;;AAEJ;EACI;;;AvD4BN;EuD7BE;IAGQ;;;AvDmBV;EuDfM;IAEQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;;;AAKZ;EACI;;;AAEJ;AAEA;AvDLE;EuDMF;IAEQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAIZ;AAEA;AAGQ;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAKhB;AAEA;AACA;EACI;EACA;EACA;EACA;;;AvDlDF;EuD8CF;IAMQ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;;AAKQ;EACI;;;AAKhB;EACI;;;AvDtEN;EuDqEE;IAGQ;;;AvD/EV;EuD4EE;IAMQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOR;EACI;;;AACA;EACI;;;AAGR;EvD9EF;EuDgFM;EACA;EACA;EACA;EACA;;;AAEA;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AAIZ;AACA;ACpLA;AAEI;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AxD0BN;EwD5BE;IAIQ;;;AxDiBV;EwDrBE;IAOQ;;;AAGR;EACI;;;AAIR;AACA;EACI;EACA;;;AACA;EACI;;;AACA;EACI;;;AAKZ;AACA;EACI;EACA;EACA;;;AACA;EACI;;;AAMQ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAIZ;EACI;EACA;EACA;;;AAKZ;AACA;EACI;EACA;;;AxD1BF;EwDwBF;IAIQ;;;AxDnCN;EwD+BF;IAOQ;;;AAEJ;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ExDbN;EwDeM;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AxD5HN;EwDqHE;IASQ;IACA;;;AAKZ;AACA;EACI;;;AxDtIF;EwDqIF;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKhB;AAEA;EACI;;;AxDzKF;EwDwKF;IAGQ;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAEJ;ExDhJN;EwDkJc;EACA;EACA;;;AACJ;EACI;;;AAKhB;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AACA;ACvXA;AzDuCE;EyDpCM;IACI;;;EAEJ;IACI;;;AzDWV;EyDZM;IAGQ;IACA;;;AAMhB;EACI;EACA;EACA;EACA;;;AzDYF;EyDhBF;IAMQ;;;AAIR;EACI;;;AACA;EAFJ;IAGQ;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAYJ;EACI;;;AAKZ;AACA;EACI;EACA;;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AACA;ACrGA;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;ACzDA;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAKhB;ACvBA;AAEI;EACI;;;AACA;EACI;;;AAMR;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;;AACA;EACI;;;AAIZ;ACvCA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;ACfA;AACA;EACI;EACA;EACA;;;AAEJ;ACNA;AAEI;EACI;EACA;EACA;EACA;;;AAGR;ACTA;AACA;EACC;EACA;EACA;EACG;;;AAGJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGR;ACrCA;AACA;EACI;;;AjEqCF;EiEtCF;IAGQ;;;AjE4BN;EiE/BF;IAMQ;;;AjEkBN;EiExBF;IASQ;;;AjEQN;EiENE;IAEQ;;;AAKZ;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAKhB;AC3DA;AACA;EACI;EACA;EACA;;;AAIA;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AC/BA;AAEI;EACI;EACA;EACA;EACA;;;AnE0BN;EmE9BE;IAMQ;;;AnEUV;EmEhBE;IASQ;;;AAKZ;AACA;EACI;;;AnEcF;EmEfF;IAGQ;;;AnEKN;EmERF;IAMQ;;;AAII;EACI;;;AAEJ;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAIZ;EACI;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;;;AAGR;AACA;EACI;EACA;EACA;EACA;EACA;;;AnEvEF;EmEkEF;IAOQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAIJ;AACA;EACI;EACA;EACA;AACA;AAKA;AAKA;AAMA;;;AAfA;EACI;;;AAIA;EACA;;;AAIA;EACA;EACA;;;AAIA;EACA;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAGR;AAEA;ACpKA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;;;ApEUN;EoEhBE;IAQQ;IACA;;;AAGR;EACI;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;;;AACA;EACI;;;AACA;EACI;EACA;;;ApEfV;EoEaM;IAIQ;;;ApE5Cd;EoEwCM;IAOQ;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;EACI;;;AAIZ;AACA;AC1EA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAIR;AACA;EACI;;;AACA;EACI;;;AAGA;EACI;EACA;EACA;EACA;;;AAIZ;AAGA;AAEI;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKJ;EACI;EACA;;;AACA;EACI;EACA;;;AAIZ;AAEA;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;;;AAGR;AACA;ACxFA;AAGQ;EACI;EACA;EACA;;;AAIZ;ACVA;AACA;EACI;EACA;EACA;;;AAGJ;EACI;;;AACA;EACI;EACA;EACA;;;AvEoBN;EuEvBE;IAKQ;;;AAGR;EACI;EACA;EACA;;;AvEYN;EuEfE;IAKQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AvEVN;EuEKE;IAOQ;;;AvE1BV;EuEmBE;IAUQ;;;AvE7BV;EuEmBE;IAaQ;IACA;;;AAMZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;ACpEA;AACA;EACI;EACA;;;AxE2CF;EwE7CF;IAIQ;IACA;;;AAIR;EACI;;;AAGJ;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;;;AxEWN;EwEhBE;IAOQ;;;AAEJ;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAMhB;AAEI;EAEQ;IACI;;;EACA;IACI;;;EACA;IACI;;;EAIJ;IACI;IACA;IACA;IACA;IACA;IACA;;;EACA;IACI;;;EAKhB;IACI;;;EAEJ;IACI;;;AAKhB;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AxEnCF;EwE6BF;IAQQ;;;AAEJ;EACI;EACA;;;AAGQ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EARJ;IASQ;IACA;;;AAOJ;EADJ;IAEQ;;;AAOZ;AAGA;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGR;AACA;EACI;;;AAEJ;EACI;;;AAGJ;AAGI;EACI;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AAGR;AAIA;ACzMA;AACA;EACI;EACA;EACA;EACA;;;AzEkCF;EyEtCF;IAMQ;;;AAIR;AAEI;EACI;;;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAIZ;EACI;EACA;EACA;EACA;;;AzEPV;EyEGM;IAMQ;;;AAEJ;EACI;;;AAMhB;AAEA;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACI;EACJ;EACA;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACI;EACA;EACA;;;AzEzDV;EyE8CE;IzE1BF;;;AAnEA;EyE6FE;IzE7BF;;;AyEoDF;EACI;;;AAEJ;ACnIA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;ACfA;AACA;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;;;A3EsCN;E2E5CF;IASQ;;;A3EqBN;E2E9BF;IAYQ;;;AAGR;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAGR;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;AClGA;AACA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAEI;AAuHA;AAGA;AAuEA;AAGA;AAUA;AAGA;AAOA;AAEA;AAuBA;AAMA;AAIA;AAEA;AAqBA;AAEA;AAgCA;AAEA;AAOA;AAoBA;AAcA;AASA;AA2HA;;;AAleA;EACI;;;AACA;EACI;EACA;EACA;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;IACI;;;AAGR;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAIA;EACI;EACA;EACA;;;AAGR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AAIR;EACI;;;AACA;EACI;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AACA;EACI;;;AAGR;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAIR;EACI;;;AAMJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAKQ;EACI;;;AAEJ;EACI;;;AAShB;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAMJ;EACI;;;AAEJ;EACI;;;AAKJ;EACI;;;AACA;EACI;;;AAIJ;EACI;;;AACA;EACI;;;AAGR;EACI;EACA;;;AACA;EACI;EACA;;;AAMZ;EACI;;;AAIJ;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAMA;EACI;EACA;EACA;;;AAKJ;EACI;;;AAIR;EACI;;;AAEJ;EACI;;;AAKJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AACA;EACI;;;AAEJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAKI;EACI;;;AAMR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AACA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAIA;EACI;;;AAEJ;EACI;;;AAMZ;ACnfA;AAIA;ACJA;AAEI;EACI;EACA;EACA;;;A9EgDN;E8EnDE;IAKQ;;;A9EuCV;E8E5CE;IAQQ;;;A9EsBV;E8E9BE;IAWQ;;;A9EYV;E8EvBE;IAcQ;;;A9EEV;E8EhBE;IAiBQ;;;A9EPV;E8EVE;IAoBQ;;;A9EUV;E8EPE;IAEQ;IACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;;;AAEI;EADJ;IAEQ;;;AAEJ;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;A9ErCV;E8E6BE;I9EgFF;;;A8EjEF;AAGA;AACA;EACI;;;A9EvDF;E8E2DE;IAEQ;;;AAIZ;EACI;EACA;EACA;EACA;;;A9EjDF;E8E6CF;IAMQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A9EvEF;E8E+DF;IAUQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAGR;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A9E1GF;E8EgGF;IAYQ;IACA;IACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;;;AAGR;AACA;ACvJA;AACA;EACI;EACA;;;AACA;EACI;;;AAGR;ACRA;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhF2BN;EgFrCE;IAYQ;;;AAGR;EACI;EACA;;;AAIR;EACI;;;AhFQF;EgFTF;IAGQ;;;AhFDN;EgFFF;IAMQ;IACA;IACA;;;AAEJ;EACI;;;AhFTN;EgFQE;IAGQ;IACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhF1BF;EgFYF;IAgBQ;IACA;IACA;;;AhF9BN;EgFgCE;IAEQ;IACA;;;AAKZ;AAEI;EACI;;;AACA;EACI;;;AAGR;EACI;EACA;EhFJN;EgFMM;EACA;EACA;;;AAEJ;EACI;;;AAGR;ACnGA;AACA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AjFkCF;EiFvCF;IAOQ;;;AjFFN;EiFLF;IAUQ;;;AAGA;EACI;;;AAGA;EACI;EACA;EACA;;;AACA;EACI;;;AAKhB;EACI;;;AAEI;EACI;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAIZ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKZ;EACI;;;AjFpDF;EiFqDE;IAEQ;;;AjFrEV;EiFmEE;IAKQ;;;AAIZ;EACI;EACA;;;AAEJ;AChHA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAGQ;EACI;;;AAKhB;EACI;EACA;;;AACA;EACI;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AlFoBN;EkFzBE;IAOQ;;;AlFWV;EkFlBE;IAUQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;ACrDA;AACA;EACI;EACA;;;AAIY;EACI;;;AAOpB;EACI;;;AAGQ;EACI;;;AAIZ;EACI;EACA;EACA;EACA;;;AnFWN;EmFfE;IAMQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;AChDA;AACA;EACI;;;ApFqCF;EoFtCF;IAGQ;;;AAEJ;EACI;;;AACA;EAFJ;IAGQ;;;AAEJ;EALJ;IAMQ;;;AAEJ;EARJ;IASQ;;;AAEJ;EAXJ;IAYQ;;;ApFqBV;EoFjCE;IAeQ;;;AAMZ;EACI;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;ApFEN;EoFHE;IAGQ;;;AAGR;EACI;;;AAKJ;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;AChGA;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAKJ;EACI;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAGR;AC5CA;AACA;EACI;;;AtFqCF;EsFtCF;IAGQ;;;AtF4BN;EsF/BF;IAMQ;;;AAEJ;EACI;;;AtFoCN;EsFlCE;IAEQ;;;AAGR;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AtF6BN;EsF9BE;IAGQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AtFLF;EsFDF;IAQQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AtFPN;EsFCE;IAQQ;;;AtFrCV;EsF6BE;IAWQ;;;AtF/CV;EsFiDM;IAEQ;;;AAKhB;AC1EA;AAEI;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AvF8BN;EuFlCE;IAMQ;;;AAKZ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKJ;EACI;;;AAGR;AChCA;AAEI;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AACA;EACI;;;AAEJ;EACI;;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AACA;EACI;EACA;;;AAII;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAIJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAIZ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AC5KA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AzFoBV;EyFxBM;IAMQ;;;AAIZ;EACI;EACA;EACA;EACA;;;AzFUN;EyFdE;IAMQ;;;AAKZ;EACI;;;AACA;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AzF7BN;EyF0BE;IAKQ;;;AAIZ","file":"main.css","sourcesContent":["/*====================== CSS Index Here =======================*/\r\n/*\r\n01. Abstracts\r\n    1.1. Classes\r\n    1.2. Extend\r\n    1.3. Functions\r\n    1.4. Mixins\r\n    1.5. Variable\r\n    1.6. Wordpress Default\r\n\r\n02. Base\r\n    2.1. Margin\r\n    2.2. Padding\r\n    2.3. Typography\r\n\r\n03. Components\r\n    3.1. Accordion\r\n    3.2. Button\r\n    3.3. Form\r\n    3.4. Pagination\r\n    3.6. Tab\r\n\r\n04. Layout\r\n    4.1. Blog Sidebar\r\n    4.2. Breadcrumb\r\n    4.3. Comment\r\n    4.4. Footer\r\n    4.5. Header Top\r\n    4.6. Header\r\n    4.7. Preloader\r\n    4.8. Scroll Top\r\n    4.9. Section Heading\r\n    4.10. Slick\r\n    4.11. Social Icon\r\n*/\r\n/*======================== CSS Index End ======================*/","\r\n/* ======================== Functions Css End ======================= */\r\n// Convert px to REM \r\n@function convertToRem($px) {\r\n  $val: calc($px / 16);\r\n  @return $val;\r\n}\r\n@function formatFloatingNumber($number) {\r\n  @return calc(round($number * 1000) / 1000);\r\n}\r\n@function clampCal($minSize, $maxSize, $minWidth: 768, $maxWidth: 1399) {\r\n  $minREMsize: convertToRem($minSize);\r\n  $maxREMsize: convertToRem($maxSize);\r\n  $minREMwidth: convertToRem($minWidth);\r\n  $maxREMwidth: convertToRem($maxWidth);\r\n\r\n  $slopFontCal: calc($maxREMsize - $minREMsize);\r\n  $slopWidthCal: calc($maxREMwidth - $minREMwidth);\r\n  $slop: calc($slopFontCal / $slopWidthCal);\r\n\r\n  $minusWidth: calc($minREMwidth * -1);\r\n  $xAxisIntersection: calc($minusWidth * $slop + $minREMsize);\r\n  $preferred: calc($slop * 100);\r\n\r\n  $xAxisMax: formatFloatingNumber($xAxisIntersection);\r\n  $preferredMax: formatFloatingNumber($preferred);\r\n\r\n  @return clamp(\r\n    #{$minREMsize}rem,\r\n    #{$xAxisMax}rem + #{$preferredMax}vw,\r\n    #{$maxREMsize}rem\r\n  );\r\n}\r\n\r\n\r\n// Use of this function, Please Uncomment this class and see how it works \r\n// .demoClass {\r\n//   padding: clampCal(24, 40);\r\n//   font-size: clampCal(20, 48);\r\n// }\r\n// ============ If You need all properties you can use like this way ============ \r\n// .demoClass {\r\n//   padding: clampCal(24, 40, 424, 991); // Here Properties are small device padding, Large device padding, small device width, Large device width   \r\n// }\r\n/* ======================== Functions Css End ======================= */\r\n\r\n","\r\n/* Font Family*/\r\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); \r\n\r\n/* ========================= Variable Css Start ======================== */\r\n:root {    \r\n\r\n  /* Font Family Variable */\r\n  --heading-font: \"Jost\", sans-serif;\r\n  --body-font: \"Inter\", sans-serif;\r\n  \r\n  /* Font Size Variable Start */\r\n  --heading-one: clamp(1.875rem, -2.0093rem + 8.3527vw, 4.25rem); // Min:34px - Max:68px\r\n  --heading-two: clamp(1.75rem, -0.8115rem + 5.3364vw, 3.1875rem); // Min: 28px - Max: 51px\r\n  --heading-three: clamp(1.5rem, -0.0592rem + 3.2483vw, 2.375rem);  // Min: 24px - Max: 38px\r\n  --heading-four: clamp(1.375rem, 0.7068rem + 1.3921vw, 1.75rem); // Min: 22px - Max: 28px\r\n  --heading-five: clamp(1.125rem, 0.4568rem + 1.3921vw, 1.5rem); // Min: 18px - Max: 24px\r\n  --heading-six: clamp(1rem, 0.7773rem + 0.464vw, 1.125rem);; // Min: 16px Max 18px\r\n  /* Font Size End */\r\n\r\n /* Gray Color */\r\n  --gray-one: 0 0% 14%; \r\n  --gray-two: 0 0% 31%; \r\n  --gray-three: 0 0% 51%; \r\n  --gray-four: 0 0% 74%; \r\n  --gray-five: 252 10% 90%; \r\n  --gray-six: 252 10% 90%; \r\n  --gray-seven: 210 25% 97%; \r\n\r\n  /* White Color */\r\n  --white: 0 0% 100%;\r\n  --static-white: 0 0% 100%;\r\n  --white-one: 236 13% 77%;\r\n  --static-white-one: 236 13% 77%;\r\n  \r\n  /* Light Color */\r\n  --light-h: 0;\r\n  --light-s: 1%;\r\n  --light-l: 53%;\r\n  --light: var(--light-h) var(--light-s) var(--light-l);\r\n\r\n  /* Black Color */ \r\n  --black-h: 234;\r\n  --black-s: 100%;\r\n  --black-l: 7%;\r\n  --black: var(--black-h) var(--black-s) var(--black-l);\r\n\r\n  /* Black Color */ \r\n  --static-black-h: 234;\r\n  --static-black-s: 100%;\r\n  --static-black-l: 7%;\r\n  --static-black: var(--static-black-h) var(--static-black-s) var(--static-black-l);\r\n\r\n  /* Black Two Color */ \r\n  --black-two-h: 234;\r\n  --black-two-s: 69%;\r\n  --black-two-l: 9%;\r\n  --black-two: var(--black-two-h) var(--black-two-s) var(--black-two-l);\r\n\r\n  /* Black three Color */ \r\n  --black-three-h: 235;\r\n  --black-three-s: 5%;\r\n  --black-three-l: 43%;\r\n  --black-three: var(--black-three-h) var(--black-three-s) var(--black-three-l);\r\n  \r\n  --heading-color: var(--black);\r\n  --body-color: var(--black-three);\r\n  --body-bg: 0 0% 100%;\r\n  --border-color: 236 13% 77%;\r\n  --section-bg: 210 25% 97%;\r\n\r\n  /* Card box shadow */\r\n  --box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n  --box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.1); \r\n  \r\n  \r\n  /* Color Variables Start */\r\n  --main-gradient: linear-gradient(312deg, hsl(var(--main)) 5.38%, hsl(var(--main-two)) 113.21%);\r\n  --main-gradient-rev: linear-gradient(312deg, hsl(var(--main-two)) 5.38%, hsl(var(--main)) 113.21%);\r\n\r\n  --main-gradient-two: linear-gradient(305deg, hsl(var(--main)) 0%, hsl(var(--main-three)) 100%);\r\n  \r\n  /* ========================= Main Color ============================= */\r\n  --main-h: 253;  \r\n  --main-s: 88%;\r\n  --main-l: 58%;\r\n  --main: var(--main-h) var(--main-s) var(--main-l);\r\n  \r\n  /* Main Lighten */\r\n  --main-l-100: var(--main-h) calc(var(--main-s)) calc(var(--main-l) + (100% - var(--main-l)) * 0.1);\r\n  --main-l-200: var(--main-h) calc(var(--main-s)) calc(var(--main-l) + (100% - var(--main-l)) * 0.2);\r\n  --main-l-300: var(--main-h) calc(var(--main-s)) calc(var(--main-l) + (100% - var(--main-l)) * 0.3);\r\n  --main-l-400: var(--main-h) calc(var(--main-s)) calc(var(--main-l) + (100% - var(--main-l)) * 0.4);\r\n  --main-l-500: var(--main-h) calc(var(--main-s)) calc(var(--main-l) + (100% - var(--main-l)) * 0.5);\r\n\r\n  /* Main Darken  */\r\n  --main-d-100: var(--main-h) var(--main-s) calc(var(--main-l) - var(--main-l) * 0.1);\r\n  --main-d-200: var(--main-h) var(--main-s) calc(var(--main-l) - var(--main-l) * 0.2);\r\n  --main-d-300: var(--main-h) var(--main-s) calc(var(--main-l) - var(--main-l) * 0.3);\r\n  --main-d-400: var(--main-h) var(--main-s) calc(var(--main-l) - var(--main-l) * 0.4);\r\n  --main-d-500: var(--main-h) var(--main-s) calc(var(--main-l) - var(--main-l) * 0.5);\r\n  /* ========================= Main Color ============================= */\r\n\r\n  /* ========================= Main two Color ============================= */\r\n  --main-two-h: 184;\r\n  --main-two-s: 96%;\r\n  --main-two-l: 48%;\r\n  --main-two: var(--main-two-h) var(--main-two-s) var(--main-two-l);\r\n  \r\n  /* Main-two Lighten */\r\n  --main-two-l-100: var(--main-two-h) calc(var(--main-two-s)) calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.1);\r\n  --main-two-l-200: var(--main-two-h) calc(var(--main-two-s)) calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.2);\r\n  --main-two-l-300: var(--main-two-h) calc(var(--main-two-s)) calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.3);\r\n  --main-two-l-400: var(--main-two-h) calc(var(--main-two-s)) calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.4);\r\n  --main-two-l-500: var(--main-two-h) calc(var(--main-two-s)) calc(var(--main-two-l) + (100% - var(--main-two-l)) * 0.5);\r\n\r\n  /* Main-two Darken  */\r\n  --main-two-d-100: var(--main-two-h) var(--main-two-s) calc(var(--main-two-l) - var(--main-two-l) * 0.1);\r\n  --main-two-d-200: var(--main-two-h) var(--main-two-s) calc(var(--main-two-l) - var(--main-two-l) * 0.2);\r\n  --main-two-d-300: var(--main-two-h) var(--main-two-s) calc(var(--main-two-l) - var(--main-two-l) * 0.3);\r\n  --main-two-d-400: var(--main-two-h) var(--main-two-s) calc(var(--main-two-l) - var(--main-two-l) * 0.4);\r\n  --main-two-d-500: var(--main-two-h) var(--main-two-s) calc(var(--main-two-l) - var(--main-two-l) * 0.5);\r\n  /* ========================= Main Three Color ============================= */\r\n\r\n  /* ========================= Main three Color ============================= */\r\n  --main-three-h: 306;\r\n  --main-three-s: 100%;\r\n  --main-three-l: 68%;\r\n  --main-three: var(--main-three-h) var(--main-three-s) var(--main-three-l);\r\n  \r\n  /* Main-three Lighten */\r\n  --main-three-l-100: var(--main-three-h) calc(var(--main-three-s)) calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.1);\r\n  --main-three-l-200: var(--main-three-h) calc(var(--main-three-s)) calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.2);\r\n  --main-three-l-300: var(--main-three-h) calc(var(--main-three-s)) calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.3);\r\n  --main-three-l-400: var(--main-three-h) calc(var(--main-three-s)) calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.4);\r\n  --main-three-l-500: var(--main-three-h) calc(var(--main-three-s)) calc(var(--main-three-l) + (100% - var(--main-three-l)) * 0.5);\r\n\r\n  /* Main-three Darken  */\r\n  --main-three-d-100: var(--main-three-h) var(--main-three-s) calc(var(--main-three-l) - var(--main-three-l) * 0.1);\r\n  --main-three-d-200: var(--main-three-h) var(--main-three-s) calc(var(--main-three-l) - var(--main-three-l) * 0.2);\r\n  --main-three-d-300: var(--main-three-h) var(--main-three-s) calc(var(--main-three-l) - var(--main-three-l) * 0.3);\r\n  --main-three-d-400: var(--main-three-h) var(--main-three-s) calc(var(--main-three-l) - var(--main-three-l) * 0.4);\r\n  --main-three-d-500: var(--main-three-h) var(--main-three-s) calc(var(--main-three-l) - var(--main-three-l) * 0.5);\r\n  /* ========================= Main Two Color ============================= */\r\n\r\n  /* ========================= Info Color ============================= */\r\n  --info-h: 214;\r\n  --info-s: 84%;\r\n  --info-l: 56%;\r\n  --info: var(--info-h) var(--info-s) var(--info-l);\r\n  \r\n  /* info Lighten */\r\n  --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1);\r\n  --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2);\r\n  --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3);\r\n  --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4);\r\n  --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5);\r\n\r\n  /* info Darken  */\r\n  --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1);\r\n  --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2);\r\n  --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3);\r\n  --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4);\r\n  --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5);\r\n  /* ========================= Info Color ============================= */\r\n\r\n  /* ========================= Success Color ============================= */\r\n  --success-h: 145;\r\n  --success-s: 63%;\r\n  --success-l: 42%;\r\n  --success: var(--success-h) var(--success-s) var(--success-l);\r\n  \r\n  /* success Lighten */\r\n  --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1);\r\n  --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2);\r\n  --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3);\r\n  --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4);\r\n  --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5);\r\n\r\n  /* success Darken  */\r\n  --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1);\r\n  --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2);\r\n  --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3);\r\n  --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4);\r\n  --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5);\r\n  /* ========================= Success Color ============================= */\r\n\r\n  /* ========================= Warning Color ============================= */\r\n  --waring-h: 45;\r\n  --waring-s: 74%;\r\n  --waring-l: 56%;\r\n  --waring: var(--waring-h) var(--waring-s) var(--waring-l);\r\n  \r\n  /* waring Lighten */\r\n  --waring-l-100: var(--waring-h) calc(var(--waring-s)) calc(var(--waring-l) + (100% - var(--waring-l)) * 0.1);\r\n  --waring-l-200: var(--waring-h) calc(var(--waring-s)) calc(var(--waring-l) + (100% - var(--waring-l)) * 0.2);\r\n  --waring-l-300: var(--waring-h) calc(var(--waring-s)) calc(var(--waring-l) + (100% - var(--waring-l)) * 0.3);\r\n  --waring-l-400: var(--waring-h) calc(var(--waring-s)) calc(var(--waring-l) + (100% - var(--waring-l)) * 0.4);\r\n  --waring-l-500: var(--waring-h) calc(var(--waring-s)) calc(var(--waring-l) + (100% - var(--waring-l)) * 0.5);\r\n\r\n  /* waring Darken  */\r\n  --waring-d-100: var(--waring-h) var(--waring-s) calc(var(--waring-l) - var(--waring-l) * 0.1);\r\n  --waring-d-200: var(--waring-h) var(--waring-s) calc(var(--waring-l) - var(--waring-l) * 0.2);\r\n  --waring-d-300: var(--waring-h) var(--waring-s) calc(var(--waring-l) - var(--waring-l) * 0.3);\r\n  --waring-d-400: var(--waring-h) var(--waring-s) calc(var(--waring-l) - var(--waring-l) * 0.4);\r\n  --waring-d-500: var(--waring-h) var(--waring-s) calc(var(--waring-l) - var(--waring-l) * 0.5);\r\n  /* ========================= Warning Color ============================= */\r\n\r\n  /* ========================= Danger Color ============================= */\r\n  --danger-h: 0;\r\n  --danger-s: 79%;\r\n  --danger-l: 63%;\r\n  --danger: var(--danger-h) var(--danger-s) var(--danger-l);\r\n  \r\n  /* danger Lighten */\r\n  --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1);\r\n  --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2);\r\n  --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3);\r\n  --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4);\r\n  --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5);\r\n\r\n  /* danger Darken  */\r\n  --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1);\r\n  --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2);\r\n  --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3);\r\n  --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4);\r\n  --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5);\r\n  /* ========================= Danger Color ============================= */\r\n}\r\n\r\n\r\n\r\n[data-theme=light] {\r\n  --white: 0 0% 13%;\r\n\r\n\r\n  --heading-color: var(--static-white);\r\n\r\n  --black-two-h: 234;\r\n  --black-two-s: 36%;\r\n  --black-two-l: 16%;\r\n  \r\n  --black-three-h: 233;\r\n  --black-three-s: 25%;\r\n  --black-three-l: 20%;\r\n\r\n  --section-bg: 234 36% 16%;\r\n\r\n  --body-bg: 234 100% 7%;\r\n\r\n  --black-h: 0;\r\n  --black-s: 0%;\r\n  --black-l: 100%;\r\n  \r\n  --black-three-h: 236;\r\n  --black-three-s: 13%;\r\n  --black-three-l: 77%;\r\n  \r\n  --gray-five: 234 13% 29%; \r\n  \r\n  --border-color: 234 13% 29%;\r\n  --white-one: 234 13% 29%;\r\n\r\n  --box-shadow: 0px 20px 30px 0px var(--dark-black-one);\r\n}\r\n\r\n/* ========================= Variable Css End ======================== */\r\n","\r\n\r\n/* ============================ Mixins Css Start ============================ */\r\n/* Media Breakpoint for Each Device Start */\r\n@mixin xxsm-screen {\r\n  @media screen and (max-width: 374px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// Xtra Small\r\n@mixin xsm-screen {\r\n  @media screen and (max-width: 424px) {\r\n    @content;\r\n  }\r\n}\r\n// Medium Small Screen (max-width: 575)\r\n@mixin msm-screen {\r\n  @media screen and (max-width: 575px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Small Screen (max-width: 767)\r\n@mixin sm-screen {\r\n  @media screen and (max-width: 767px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Large Screen (max-width: 991)\r\n@mixin md-screen {\r\n  @media screen and (max-width: 991px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Xtra Large Screen (max-width: 1199)\r\n@mixin lg-screen {\r\n  @media screen and (max-width: 1199px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Xtra Large Screen i (max-width: 1399)\r\n@mixin xl-screen {\r\n  @media screen and (max-width: 1399px) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Xtra Large Screen ii (max-width: 1499)\r\n@mixin xxl-screen {\r\n  @media screen and (max-width: 1499px) {\r\n    @content;\r\n  }\r\n}\r\n//Xtra Large Screen ii (max-width: 1599)\r\n@mixin xxxl-screen {\r\n  @media screen and (max-width: 1599px) {\r\n    @content;\r\n  }\r\n}\r\n/* Media Breakpoint for Each Device End */\r\n\r\n/* Font Size For responsive devices Start */\r\n@mixin font-10 {\r\n  font-size: 0.625rem;\r\n}\r\n@mixin font-11 {\r\n  font-size: 0.6875rem;\r\n}\r\n@mixin font-12 {\r\n  font-size: 0.75rem;\r\n}\r\n@mixin font-13 {\r\n  font-size: 0.8125rem;\r\n}\r\n@mixin font-14 {\r\n  font-size: 0.875rem;\r\n}\r\n@mixin font-15 {\r\n  font-size: 0.9375rem;\r\n}\r\n@mixin font-16 {\r\n  font-size: 1rem;\r\n}\r\n@mixin font-17 {\r\n  font-size: 1.0625rem;\r\n}\r\n@mixin font-18 {\r\n  font-size: 1.125rem;\r\n}\r\n@mixin font-19 {\r\n  font-size: 1.1875rem;\r\n}\r\n@mixin font-20 {\r\n  font-size: 1.25rem;\r\n}\r\n@mixin font-21 {\r\n  font-size: 1.3125rem;\r\n}\r\n@mixin font-22 {\r\n  font-size: 1.375rem;\r\n}\r\n@mixin font-23 {\r\n  font-size: 1.4375rem;\r\n}\r\n@mixin font-24 {\r\n  font-size: 1.5rem;\r\n}\r\n@mixin font-25 {\r\n  font-size: 1.5625rem;\r\n}\r\n@mixin font-26 {\r\n  font-size: 1.625rem;\r\n}\r\n@mixin font-27 {\r\n  font-size: 1.6875rem;\r\n}\r\n@mixin font-28 {\r\n  font-size: 1.75rem;\r\n}\r\n@mixin font-29 {\r\n  font-size: 1.8125rem;\r\n}\r\n@mixin font-30 {\r\n  font-size: 1.875rem;\r\n}\r\n@mixin font-31 {\r\n  font-size: 1.9375rem;\r\n}\r\n@mixin font-32 {\r\n  font-size: 2rem;\r\n}\r\n@mixin font-33 {\r\n  font-size: 2.0625rem;\r\n}\r\n@mixin font-34 {\r\n  font-size: 2.125rem;\r\n}\r\n@mixin font-35 {\r\n  font-size: 2.1875rem;\r\n}\r\n@mixin font-36 {\r\n  font-size: 2.25rem;\r\n}\r\n@mixin font-37 {\r\n  font-size: 2.3125rem;\r\n}\r\n@mixin font-38 {\r\n  font-size: 2.375rem;\r\n}\r\n@mixin font-39 {\r\n  font-size: 2.4375rem;\r\n}\r\n@mixin font-40 {\r\n  font-size: 2.5rem;\r\n}\r\n/* Font Size For responsive devices End */\r\n\r\n/* ============================ Mixins Css End ============================ */\r\n","/* ================================= Classes Css Start =========================== */\r\n.container-full {\r\n    @media (min-width: 1199px) {\r\n        max-width: 1792px;\r\n    }\r\n}\r\n.container-two {\r\n    @media (min-width: 1199px) {\r\n        max-width: 1296px;\r\n    }\r\n}\r\n.container-three {\r\n    @media (min-width: 1199px) {\r\n        max-width: 1590px;\r\n    }\r\n}\r\n/* Section Background */\r\n.section-bg {\r\n    background-color: hsl(var(--section-bg)) !important;\r\n}\r\n\r\n.sales-offer-bg-two {\r\n    background: linear-gradient(117deg, #F3FEFF 14.35%, #DACFFF 84.4%) !important;\r\n}\r\n\r\n.box-shadow {\r\n    box-shadow: var(--box-shadow) !important;\r\n}\r\n\r\n.box-shadow-lg {\r\n    box-shadow: var(--box-shadow-lg) !important;\r\n}\r\n\r\n.max-h-unset {\r\n    max-height: unset !important;\r\n}\r\n\r\n.max-w-unset {\r\n    max-width: unset !important;\r\n}\r\n\r\n.w-20 {\r\n    width: 20px;\r\n}\r\n\r\n.min-w-maxContent {\r\n    min-width: max-content;\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer;\r\n}\r\n\r\n.z-index-1 {\r\n    z-index: 1;\r\n}\r\n\r\n.z-index--1 {\r\n    z-index: -1;\r\n}\r\n\r\n.bg {\r\n    &-white {\r\n        background-color: hsl(var(--white)) !important;\r\n    }\r\n    &-main {\r\n        background-color: hsl(var(--main)) !important;\r\n    }\r\n    &-black {\r\n        background-color: hsl(var(--black)) !important;\r\n    }\r\n    &-static-black {\r\n        background-color: hsl(var(--static-black)) !important;\r\n    }\r\n    &-black-two {\r\n        background-color: hsl(var(--black-two)) !important;\r\n    }\r\n    &-black-three {\r\n        background-color: hsl(var(--black-three)) !important;\r\n    }\r\n    &-gray-seven {\r\n        background-color: hsl(var(--gray-seven)) !important;\r\n    }\r\n}\r\n/* Border Color */\r\n.border {\r\n    border: 1px solid hsl(var(--border-color)) !important;\r\n    &:focus {\r\n        border: 1px solid hsl(var(--main)) !important;\r\n    }\r\n    &-main {\r\n        border-color: hsl(var(--main)) !important;\r\n    }\r\n    &-color {\r\n        border-color: hsl(var(--border-color));\r\n    }\r\n    &-black {\r\n        border-color: hsl(var(--black)) !important;\r\n    }\r\n    &-gray-five {\r\n        border-color: hsl(var(--gray-five)) !important;\r\n    }\r\n}\r\n\r\n.fw {\r\n    &-200 {\r\n        font-weight: 200 !important;\r\n    }\r\n    &-300 {\r\n        font-weight: 300 !important;\r\n    }\r\n    &-400 {\r\n        font-weight: 400 !important;\r\n    }\r\n    &-500 {\r\n        font-weight: 500 !important;\r\n    }\r\n    &-600 {\r\n        font-weight: 600 !important;\r\n    }\r\n    &-700 {\r\n        font-weight: 700 !important;\r\n    }\r\n    &-800 {\r\n        font-weight: 800 !important;\r\n    }\r\n    &-900 {\r\n        font-weight: 900 !important;\r\n    }\r\n}\r\n\r\n.left-auto {\r\n    left: auto !important;\r\n}\r\n\r\n\r\n/* Text Color */\r\n.text {\r\n    &-heading {\r\n        color: hsl(var(--heading-color)) !important;\r\n    }\r\n    &-body {\r\n        color: hsl(var(--body-color)) !important;\r\n    }\r\n    &-main {\r\n        color: hsl(var(--main)) !important;\r\n    }\r\n}\r\n\r\n.hover-text {\r\n    &-heading {\r\n        &:hover {\r\n            color: hsl(var(--heading-color)) !important;\r\n        }\r\n    }\r\n    &-body {\r\n        &:hover {\r\n            color: hsl(var(--body-color)) !important;\r\n        }\r\n    }\r\n    &-main {\r\n        &:hover {\r\n            color: hsl(var(--main)) !important;\r\n        }\r\n    }\r\n    &-decoration-underline {\r\n        &:hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n}\r\n\r\n.font {\r\n    &-heading {\r\n        font-family: var(--heading-font);\r\n    }\r\n    &-body {\r\n        font-family: var(--body-font);\r\n    }\r\n}\r\n\r\n.pill {\r\n    border-radius: 40px !important;\r\n}\r\n\r\n.radius-8 {\r\n    border-radius: 8px !important;\r\n}\r\n\r\n.line-height {\r\n    &-0 {\r\n        line-height: 0;\r\n    }\r\n    &-1 {\r\n        line-height: 1;\r\n    }\r\n}\r\n\r\n/* Column Extra Small Screen */\r\n.col-xs-6 {\r\n    @media screen and (min-width: 425px) and (max-width: 575px) {\r\n        width: 50%;\r\n    }\r\n}\r\n\r\n/* Bg Image Css */\r\n.background-img {\r\n    background-size: cover !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: center center !important;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n/* Hide Scroll bar Css For Custom Modal */\r\n.scroll-hide {\r\n    position: absolute;\r\n    overflow-y: hidden;\r\n    padding-right: 17px;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    @include md-screen {\r\n        padding-right: 0;\r\n    }\r\n}\r\n.scroll-hide-sm {\r\n    position: absolute;\r\n    overflow-y: hidden;\r\n    top: 0;\r\n    left: 0;\r\n    width: calc(100% - 0px);\r\n}\r\n\r\n/* Overlay Start */\r\n.overlay {\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    content: \"\";\r\n    left: 0;\r\n    top: 0;\r\n    background-color: hsl(var(--static-black) / .8);\r\n    z-index: 99;\r\n    transition: .2s linear;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    &.show-overlay {\r\n        visibility: visible;\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.side-overlay {\r\n    @media (max-width: 991px) {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        content: \"\";\r\n        left: 0;\r\n        top: 0;\r\n        background-color: hsl(var(--static-black) / .8);\r\n        z-index: 99;\r\n        transition: .2s linear;\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        &.show {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n/* Overlay End */\r\n/* ================================= Classes Css End =========================== */","\r\n/* ============================ Extend Css Start ======================== */\r\n/* Cover image Css */\r\n.cover-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;  \r\n}\r\n/* Display Flex Css Start */ \r\n  .flx-wrap {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .flx-align {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n  }\r\n  .flx-center {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  .flx-between {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n/* Display Flex Css End */\r\n\r\n/* Positioning Css Class Start */\r\n.pa-content {\r\n    position: absolute;\r\n    content: \"\";\r\n}\r\n.top-center {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n.left-center {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n.top-left-center {\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n/* Positioning Css Class End */\r\n\r\n/* Font Size For responsive devices Start */\r\n.font-10 {\r\n    font-size: 0.625rem !important;\r\n}\r\n.font-11 {\r\n    font-size: 0.6875rem !important;\r\n}\r\n.font-12 {\r\n    font-size: 0.75rem !important;\r\n}\r\n.font-13 {\r\n    font-size: 0.8125rem !important;\r\n}\r\n.font-14 {\r\n    font-size: 0.875rem !important;\r\n}\r\n.font-15 {\r\n    font-size: 0.9375rem !important;\r\n}\r\n.font-16 {\r\n    font-size: 1rem !important;\r\n}\r\n.font-17 {\r\n    font-size: 1.0625rem !important;\r\n}\r\n.font-18 {\r\n    font-size: 1.125rem !important;\r\n    @include lg-screen {\r\n        font-size: 1rem !important;\r\n    }\r\n    @include sm-screen {\r\n        font-size: 0.9375rem !important;\r\n    }\r\n}\r\n.font-19 {\r\n    font-size: 1.1875rem !important;\r\n}\r\n.font-20 {\r\n    font-size: 1.25rem !important;\r\n    @include lg-screen {\r\n        font-size: 1.125rem !important;\r\n    }\r\n    @include sm-screen {\r\n        font-size: 1rem !important;\r\n    }\r\n}\r\n.font-21 {\r\n    font-size: 1.3125rem !important;\r\n}\r\n.font-22 {\r\n    font-size: 1.375rem !important;\r\n}\r\n.font-23 {\r\n    font-size: 1.4375rem !important;\r\n}\r\n.font-24 {\r\n    font-size: 1.5rem !important;\r\n}\r\n.font-25 {\r\n    font-size: 1.5625rem !important;\r\n}\r\n.font-26 {\r\n    font-size: 1.625rem !important;\r\n}\r\n.font-27 {\r\n    font-size: 1.6875rem !important;\r\n}\r\n.font-28 {\r\n    font-size: 1.75rem !important;\r\n}\r\n.font-29 {\r\n    font-size: 1.8125rem !important;\r\n}\r\n.font-30 {\r\n    font-size: 1.875rem !important;\r\n}\r\n.font-31 {\r\n    font-size: 1.9375rem !important;\r\n}\r\n.font-32 {\r\n    font-size: 2rem !important;\r\n}\r\n.font-33 {\r\n    font-size: 2.0625rem !important;\r\n}\r\n.font-34 {\r\n    font-size: 2.125rem !important;\r\n}\r\n.font-35 {\r\n    font-size: 2.1875rem !important;\r\n}\r\n.font-36 {\r\n    font-size: 2.25rem !important;\r\n}\r\n.font-37 {\r\n    font-size: 2.3125rem !important;\r\n}\r\n.font-38 {\r\n    font-size: 2.375rem !important;\r\n}\r\n.font-39 {\r\n    font-size: 2.4375rem !important;\r\n}\r\n.font-40 {\r\n    font-size: 2.5rem !important;\r\n}\r\n/* Font Size For responsive devices End */\r\n\r\n/* ============================ Extend Css End ======================== */\r\n\r\n","\r\n/* ======================= WordPress Default Css Start =================== */\r\n.admin-bar .default-header .sticky-wrapper.sticky {\r\n    top: 32px;\r\n  }\r\n  \r\n  .wp-block-search__label {\r\n    position: relative;\r\n    font-size: 24px;\r\n    font-weight: 500 !important;\r\n    font-family: var(--title-font);\r\n    line-height: 1em;\r\n    margin: -0.12em 0 25px 0;\r\n  }\r\n  \r\n  p.has-drop-cap {\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .page--item p:last-child .alignright {\r\n    clear: right;\r\n  }\r\n  \r\n  .blog-title,\r\n  .pagi-title,\r\n  .breadcumb-title {\r\n    word-break: break-word;\r\n  }\r\n  \r\n  .blocks-gallery-caption,\r\n  .wp-block-embed figcaption,\r\n  .wp-block-image figcaption {\r\n    color: var(--body-color);\r\n  }\r\n  \r\n  .bypostauthor,\r\n  .gallery-caption {\r\n    display: block;\r\n  }\r\n  \r\n  .page-links,\r\n  .clearfix {\r\n    clear: both;\r\n  }\r\n  \r\n  .page--item {\r\n    margin-bottom: 30px;\r\n  }\r\n  .page--item p {\r\n    line-height: 1.8;\r\n  }\r\n  .page--item .th-comment-form {\r\n    padding: 0;\r\n  }\r\n  .page--item .th-comments-wrap {\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    margin-top: 30px;\r\n  }\r\n  \r\n  .content-none-search {\r\n    margin-top: 30px;\r\n  }\r\n  \r\n  .wp-block-button.aligncenter {\r\n    text-align: center;\r\n  }\r\n  \r\n  .alignleft {\r\n    display: inline;\r\n    float: left;\r\n    margin-bottom: 10px;\r\n    margin-right: 1.5em;\r\n  }\r\n  \r\n  .alignright {\r\n    display: inline;\r\n    float: right;\r\n    margin-bottom: 10px;\r\n    margin-left: 1.5em;\r\n    margin-right: 1em;\r\n  }\r\n  \r\n  .aligncenter {\r\n    clear: both;\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: 100%;\r\n  }\r\n  \r\n  .gallery {\r\n    margin-bottom: 1.5em;\r\n    width: 100%;\r\n  }\r\n  \r\n  .gallery-item {\r\n    display: inline-block;\r\n    text-align: center;\r\n    vertical-align: top;\r\n    width: 100%;\r\n    padding: 0 5px;\r\n  }\r\n  \r\n  .wp-block-columns {\r\n    margin-bottom: 1em;\r\n  }\r\n  \r\n  figure.gallery-item {\r\n    margin-bottom: 10px;\r\n    display: inline-block;\r\n  }\r\n  \r\n  figure.wp-block-gallery {\r\n    margin-bottom: 14px;\r\n  }\r\n  \r\n  .gallery-columns-2 .gallery-item {\r\n    max-width: 50%;\r\n  }\r\n  \r\n  .gallery-columns-3 .gallery-item {\r\n    max-width: 33.33%;\r\n  }\r\n  \r\n  .gallery-columns-4 .gallery-item {\r\n    max-width: 25%;\r\n  }\r\n  \r\n  .gallery-columns-5 .gallery-item {\r\n    max-width: 20%;\r\n  }\r\n  \r\n  .gallery-columns-6 .gallery-item {\r\n    max-width: 16.66%;\r\n  }\r\n  \r\n  .gallery-columns-7 .gallery-item {\r\n    max-width: 14.28%;\r\n  }\r\n  \r\n  .gallery-columns-8 .gallery-item {\r\n    max-width: 12.5%;\r\n  }\r\n  \r\n  .gallery-columns-9 .gallery-item {\r\n    max-width: 11.11%;\r\n  }\r\n  \r\n  .gallery-caption {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: var(--body-color);\r\n    line-height: 1.5;\r\n    padding: 0.5em 0;\r\n  }\r\n  \r\n  .wp-block-cover p:not(.has-text-color),\r\n  .wp-block-cover-image-text,\r\n  .wp-block-cover-text {\r\n    color: var(--white-color);\r\n  }\r\n  \r\n  .wp-block-cover {\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  .wp-caption-text {\r\n    text-align: center;\r\n  }\r\n  \r\n  .wp-caption {\r\n    margin-bottom: 1.5em;\r\n    max-width: 100%;\r\n  }\r\n  .wp-caption .wp-caption-text {\r\n    margin: 0.5em 0;\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .wp-block-media-text,\r\n  .wp-block-media-text.alignwide,\r\n  figure.wp-block-gallery {\r\n    margin-bottom: 30px;\r\n  }\r\n  \r\n  .wp-block-media-text.alignwide {\r\n    background-color: var(--smoke-color);\r\n  }\r\n  \r\n  .editor-styles-wrapper .has-large-font-size,\r\n  .has-large-font-size {\r\n    line-height: 1.4;\r\n  }\r\n  \r\n  .wp-block-latest-comments a {\r\n    color: inherit;\r\n  }\r\n  \r\n  .wp-block-button {\r\n    margin-bottom: 10px;\r\n  }\r\n  .wp-block-button:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  .wp-block-button .wp-block-button__link {\r\n    color: #fff;\r\n  }\r\n  .wp-block-button .wp-block-button__link:hover {\r\n    color: #fff;\r\n    background-color: var(--theme-color);\r\n  }\r\n  .wp-block-button.is-style-outline .wp-block-button__link {\r\n    background-color: transparent;\r\n    border-color: var(--title-color);\r\n    color: var(--title-color);\r\n  }\r\n  .wp-block-button.is-style-outline .wp-block-button__link:hover {\r\n    color: #fff;\r\n    background-color: var(--theme-color);\r\n    border-color: var(--theme-color);\r\n  }\r\n  .wp-block-button.is-style-squared .wp-block-button__link {\r\n    border-radius: 0;\r\n  }\r\n  \r\n  ol.wp-block-latest-comments li {\r\n    margin: 15px 0;\r\n  }\r\n  \r\n  ul.wp-block-latest-posts {\r\n    padding: 0;\r\n    margin: 0;\r\n    margin-bottom: 15px;\r\n  }\r\n  ul.wp-block-latest-posts a {\r\n    color: inherit;\r\n  }\r\n  ul.wp-block-latest-posts a:hover {\r\n    color: var(--theme-color);\r\n  }\r\n  ul.wp-block-latest-posts li {\r\n    margin: 15px 0;\r\n  }\r\n  \r\n  .wp-block-search {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .wp-block-search .wp-block-search__inside-wrapper {\r\n    border: 1px solid #EAEBEE;\r\n    border-radius: 10px 0 0 10px;\r\n    overflow: hidden;\r\n  }\r\n  .wp-block-search .wp-block-search__input {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding-left: 20px;\r\n    border: 0;\r\n  }\r\n  .wp-block-search .wp-block-search__button {\r\n    margin: 0;\r\n    min-width: 110px;\r\n    border: none;\r\n    color: #fff;\r\n    border-radius: 10px;\r\n    background-color: var(--theme-color);\r\n  }\r\n  .wp-block-search .wp-block-search__button.has-icon {\r\n    min-width: 55px;\r\n  }\r\n  .wp-block-search .wp-block-search__button:hover {\r\n    background-color: var(--title-color);\r\n  }\r\n  \r\n  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\r\n    padding: 0;\r\n    border: none;\r\n  }\r\n  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\r\n    padding: 0 8px 0 25px;\r\n  }\r\n  \r\n  ul.wp-block-rss a {\r\n    color: inherit;\r\n  }\r\n  \r\n  .wp-block-group.has-background {\r\n    padding: 15px 15px 1px;\r\n    margin-bottom: 30px;\r\n  }\r\n  \r\n  .wp-block-table td,\r\n  .wp-block-table th {\r\n    border-color: rgba(0, 0, 0, 0.1);\r\n  }\r\n  \r\n  .wp-block-table.is-style-stripes {\r\n    border: 1px solid rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 30px;\r\n  }\r\n  \r\n  .wp-block-table.is-style-stripes {\r\n    border: 0;\r\n    margin-bottom: 30px;\r\n    border-bottom: 0;\r\n  }\r\n  .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td {\r\n    border-color: hsl(var(--border-color));\r\n  }\r\n  \r\n  .logged-in .will-sticky .sticky-active.active,\r\n  .logged-in .preloader .btn {\r\n    top: 32px;\r\n  }\r\n  @media (max-width: 782px) {\r\n    .logged-in .will-sticky .sticky-active.active,\r\n    .logged-in .preloader .btn {\r\n      top: 46px;\r\n    }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .logged-in .will-sticky .sticky-active.active,\r\n    .logged-in .preloader .btn {\r\n      top: 0;\r\n    }\r\n  }\r\n  \r\n  .post-password-form {\r\n    margin-bottom: 30px;\r\n    margin-top: 20px;\r\n  }\r\n  .post-password-form p {\r\n    display: flex;\r\n    position: relative;\r\n    gap: 15px;\r\n    /* Extra small devices */\r\n  }\r\n  @media (max-width: 575px) {\r\n    .post-password-form p {\r\n      flex-wrap: wrap;\r\n    }\r\n  }\r\n  .post-password-form label {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: auto;\r\n    margin-bottom: 0;\r\n    line-height: 1;\r\n    margin-top: 0;\r\n    gap: 15px;\r\n    /* Extra small devices */\r\n  }\r\n  @media (max-width: 575px) {\r\n    .post-password-form label {\r\n      flex-wrap: wrap;\r\n    }\r\n  }\r\n  .post-password-form input {\r\n    width: 100%;\r\n    border: none;\r\n    height: 55px;\r\n    padding-left: 25px;\r\n    color: var(--body-color);\r\n    border: 1px solid hsl(var(--border-color));\r\n  }\r\n  .post-password-form input[type=submit] {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    margin: 0;\r\n    width: 140px;\r\n    border: none;\r\n    color: #fff;\r\n    background-color: var(--theme-color);\r\n    text-align: center;\r\n  }\r\n  .post-password-form input[type=submit]:hover {\r\n    background-color: var(--title-color);\r\n  }\r\n  \r\n  .page-links {\r\n    clear: both;\r\n    margin: 0 0 1.5em;\r\n    padding-top: 1em;\r\n  }\r\n  .page-links > .page-links-title {\r\n    margin-right: 10px;\r\n  }\r\n  .page-links > span:not(.page-links-title):not(.screen-reader-text),\r\n  .page-links > a {\r\n    display: inline-block;\r\n    padding: 5px 13px;\r\n    background-color: var(--white-color);\r\n    color: var(--title-color);\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    margin-right: 10px;\r\n  }\r\n  .page-links > span:not(.page-links-title):not(.screen-reader-text):hover,\r\n  .page-links > a:hover {\r\n    opacity: 0.8;\r\n    color: var(--white-color);\r\n    background-color: var(--theme-color);\r\n    border-color: transparent;\r\n  }\r\n  .page-links > span:not(.page-links-title):not(.screen-reader-text).current,\r\n  .page-links > a.current {\r\n    background-color: var(--theme-color);\r\n    color: var(--white-color);\r\n    border-color: transparent;\r\n  }\r\n  .page-links span.screen-reader-text {\r\n    display: none;\r\n  }\r\n  \r\n  .blog-single .wp-block-archives-dropdown {\r\n    margin-bottom: 30px;\r\n  }\r\n  .blog-single.format-quote, .blog-single.format-link, .blog-single.tag-sticky-2, .blog-single.sticky {\r\n    position: relative;\r\n  }\r\n  .blog-single.format-quote .blog-content, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content {\r\n    background-color: var(--smoke-color);\r\n    border: none;\r\n    padding: 40px;\r\n    border-radius: 15px;\r\n  }\r\n  .blog-single.format-quote .blog-content:before, .blog-single.format-link .blog-content:before, .blog-single.tag-sticky-2 .blog-content:before, .blog-single.sticky .blog-content:before {\r\n    display: none;\r\n  }\r\n  .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before {\r\n    content: \"\\f0c1\";\r\n    position: absolute;\r\n    font-family: \"Font Awesome 6 Pro\";\r\n    font-size: 5rem;\r\n    opacity: 0.3;\r\n    right: 15px;\r\n    line-height: 1;\r\n    top: 15px;\r\n    color: var(--theme-color);\r\n    z-index: 1;\r\n  }\r\n  .blog-single.tag-sticky-2::before, .blog-single.sticky::before {\r\n    content: \"\\f08d\";\r\n    position: absolute;\r\n    font-family: var(--icon-font);\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    opacity: 1;\r\n    right: 0;\r\n    top: 0;\r\n    color: var(--white-color);\r\n    background-color: var(--theme-color);\r\n    z-index: 1;\r\n    height: 44px;\r\n    width: 44px;\r\n    line-height: 44px;\r\n    text-align: center;\r\n    border-radius: 0 15px 0 4px;\r\n  }\r\n  .blog-single.format-quote blockquote, .blog-single.format-quote .wp-block-quote {\r\n    background: var(--white-color);\r\n    margin-bottom: 0;\r\n  }\r\n  .blog-single.format-quote:before {\r\n    content: \"\\f10e\";\r\n    top: 0;\r\n  }\r\n  .blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories,\r\n  .blog-single .blog-content .wp-block-archives-dropdown {\r\n    display: block;\r\n    margin-bottom: 30px;\r\n  }\r\n  .blog-single.format-chat .entry-content > p:nth-child(2n) {\r\n    background: var(--smoke-color);\r\n    padding: 5px 20px;\r\n  }\r\n  \r\n  .blog-details .blog-single:before {\r\n    display: none;\r\n  }\r\n  .blog-details .blog-single .blog-content {\r\n    background-color: transparent;\r\n    overflow: hidden;\r\n  }\r\n  .blog-details .blog-single .blog-content p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  .blog-details .blog-single.format-chat .blog-meta {\r\n    margin-bottom: 20px;\r\n  }\r\n  .blog-details .blog-single.format-chat .blog-content > p:nth-child(2n) {\r\n    background: var(--smoke-color);\r\n    padding: 5px 20px;\r\n  }\r\n  .blog-details .blog-single.tag-sticky-2, .blog-details .blog-single.sticky, .blog-details .blog-single.format-quote, .blog-details .blog-single.format-link {\r\n    box-shadow: none;\r\n    background-color: transparent;\r\n  }\r\n  .blog-details .blog-single.tag-sticky-2:before, .blog-details .blog-single.sticky:before, .blog-details .blog-single.format-quote:before, .blog-details .blog-single.format-link:before {\r\n    display: none;\r\n  }\r\n  \r\n  .blog-single .wp-block-tag-cloud {\r\n    margin-bottom: 20px;\r\n  }\r\n  .blog-single .wp-block-tag-cloud a {\r\n    background-color: var(--smoke-color);\r\n    color: var(--title-color);\r\n    box-shadow: none;\r\n  }\r\n  \r\n  .th-search {\r\n    background-color: #f3f3f3;\r\n    margin-bottom: 30px;\r\n    border: 1px solid #f3f3f3;\r\n  }\r\n  .th-search .search-grid-content {\r\n    padding: 30px;\r\n    /* Small devices */\r\n  }\r\n  @media (max-width: 767px) {\r\n    .th-search .search-grid-content {\r\n      padding: 20px;\r\n    }\r\n  }\r\n  .th-search .search-grid-title {\r\n    font-size: 20px;\r\n    margin-bottom: 5px;\r\n    margin-top: 0;\r\n  }\r\n  .th-search .search-grid-title a {\r\n    color: inherit;\r\n  }\r\n  .th-search .search-grid-title a:hover {\r\n    color: var(--theme-color);\r\n  }\r\n  .th-search .search-grid-meta > * {\r\n    display: inline-block;\r\n    margin-right: 15px;\r\n    font-size: 14px;\r\n  }\r\n  .th-search .search-grid-meta > *:last-child {\r\n    margin-right: 0;\r\n  }\r\n  .th-search .search-grid-meta a,\r\n  .th-search .search-grid-meta span {\r\n    color: var(--body-color);\r\n  }\r\n  \r\n  /* Large devices */\r\n  @media (max-width: 1199px) {\r\n    .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before {\r\n      font-size: 14px;\r\n      padding: 8px 16px;\r\n    }\r\n    .blog-single.format-quote:before {\r\n      top: 15px;\r\n    }\r\n  }\r\n  /* Small devices */\r\n  @media (max-width: 767px) {\r\n    .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before {\r\n      font-size: 14px;\r\n      padding: 8px 16px;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    .wp-block-latest-comments {\r\n      padding-left: 10px;\r\n    }\r\n    .page--content.clearfix + .th-comment-form {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n  .site {\r\n    overflow-x: visible;\r\n  }\r\n/* ======================= WordPress Default Css End =================== */","/* ================================= Typography Css Start =========================== */\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\nbody {\r\n  font-family: var(--body-font);\r\n  color: hsl(var(--body-color));\r\n  word-break: break-word;\r\n  background-color: hsl(var(--body-bg));\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  @include sm-screen {\r\n    @include font-15; \r\n  }\r\n  @include msm-screen {\r\n    @include font-14; \r\n  }\r\n}\r\np {\r\n  font-size: inherit;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  line-height: 1.6;\r\n}\r\nspan {\r\n  display: inline-block;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin: 0 0 16px 0;\r\n  font-family: var(--heading-font);\r\n  color: hsl(var(--heading-color));\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n}\r\nh1 {\r\n  font-size: var(--heading-one);\r\n}\r\nh2 {\r\n  font-size: var(--heading-two);\r\n}\r\nh3 {\r\n  font-size: var(--heading-three);\r\n}\r\nh4 {\r\n  font-size: var(--heading-four);\r\n}\r\nh5 {\r\n  font-size: var(--heading-five);\r\n}\r\nh6 {\r\n  font-size: var(--heading-six);\r\n  font-weight: 800;\r\n}\r\n\r\nh1 > a,\r\nh2 > a,\r\nh3 > a,\r\nh4 > a,\r\nh5 > a,\r\nh6 > a {\r\n  font-weight: inherit;\r\n  font-size: inherit;\r\n  color: inherit;\r\n  transition: 0.2s linear;\r\n  line-height: inherit;\r\n  &:hover {\r\n    color: hsl(var(--main));\r\n  }\r\n}\r\n\r\na {\r\n  display: inline-block;\r\n  transition: 0.2s linear;\r\n  text-decoration: none;\r\n  color: #0661e9;\r\n}\r\na:hover {\r\n  color: #1d72f2;\r\n}\r\nimg {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\nselect {\r\n  cursor: pointer;\r\n}\r\nul,\r\nol {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style: none;\r\n}\r\nbutton {\r\n  border: 0;\r\n  background-color: transparent;\r\n  &:focus {\r\n    outline: none;\r\n    box-shadow: none;\r\n  }\r\n}\r\n.form-select:focus {\r\n  outline: 0;\r\n  box-shadow: none;\r\n}\r\n/* ================================= Typography Css End =========================== */\r\n","/* ================================= Margin Css Start =========================== */\r\n.mt--100 {\r\n  margin-top: -100px !important;\r\n}\r\n.mt--24 {\r\n  margin-top: -24px !important;\r\n}\r\n\r\n\r\n.mb-64 {\r\n  margin-bottom: clampCal(32, 64) !important;\r\n}\r\n.mt-64 {\r\n  margin-top: clampCal(32, 64) !important;\r\n}\r\n\r\n.mt-48 {\r\n  margin-top: clampCal(24, 48) !important;\r\n}\r\n.mb-48 {\r\n  margin-bottom: clampCal(24, 48) !important;\r\n}\r\n\r\n.mt-40 {\r\n  margin-top: clampCal(24, 40) !important;\r\n}\r\n.mb-40 {\r\n  margin-bottom: clampCal(24, 40) !important;\r\n}\r\n\r\n.mt-32 {\r\n  margin-top: 32px !important;\r\n  @include lg-screen {\r\n    margin-top: 20px;\r\n  }\r\n}\r\n.mb-32 {\r\n  margin-bottom: 32px !important;\r\n  @include lg-screen {\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n.mt-24 {\r\n  margin-top: 24px !important;\r\n  @include lg-screen {\r\n    margin-top: 16px;\r\n  }\r\n}\r\n.mb-24 {\r\n  margin-bottom: 24px !important;\r\n  @include lg-screen {\r\n    margin-bottom: 16px;\r\n  }\r\n}\r\n\r\n.margin-y-120 {\r\n  margin-top: 60px;\r\n  margin-bottom: 60px;\r\n  @media (min-width: 576px) {\r\n    margin-top: 80px;\r\n    margin-bottom: 80px;\r\n  }\r\n  @media (min-width: 992px) {\r\n    margin-top: 120px;\r\n    margin-bottom: 120px;\r\n  }\r\n}\r\n.margin-t-120 {\r\n    margin-top: 60px;\r\n    @media (min-width: 576px) {\r\n    margin-top: 80px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    margin-top: 120px;\r\n  }\r\n}\r\n.margin-b-120 {\r\n    margin-bottom: 60px;\r\n    @media (min-width: 576px) {\r\n    margin-bottom: 80px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    margin-bottom: 120px;\r\n  }\r\n}\r\n.margin-y-60 {\r\n    margin-top: 30px;\r\n    margin-bottom: 30px;\r\n    @media (min-width: 576px) {\r\n    margin-top: 40px;\r\n    margin-bottom: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    margin-top: 60px;\r\n    margin-bottom: 60px;\r\n  }\r\n}\r\n.margin-t-60 {\r\n    margin-top: 30px;\r\n    @media (min-width: 576px) {\r\n    margin-top: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    margin-top: 60px;\r\n  }\r\n}\r\n  .margin-b-60 {\r\n    margin-bottom: 30px;\r\n    @media (min-width: 576px) {\r\n    margin-bottom: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    margin-bottom: 60px;\r\n  }\r\n}\r\n/* ================================= Margin Css End =========================== */\r\n","/* ================================= Padding Css Start =========================== */\r\n.padding-y-120 {\r\n  padding-top: 60px;\r\n  padding-bottom: 60px;\r\n  @media (min-width: 576px) {\r\n    padding-top: 80px;\r\n    padding-bottom: 80px;\r\n  }\r\n  @media (min-width: 992px) {\r\n    padding-top: 120px;\r\n    padding-bottom: 120px;\r\n  }\r\n}\r\n.padding-t-120 {\r\n    padding-top: 60px;\r\n    @media (min-width: 576px) {\r\n    padding-top: 80px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    padding-top: 120px;\r\n  }\r\n}\r\n.padding-b-120 {\r\n    padding-bottom: 60px;\r\n    @media (min-width: 576px) {\r\n    padding-bottom: 80px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    padding-bottom: 120px;\r\n  }\r\n}\r\n.padding-y-60 {\r\n    padding-top: 30px;\r\n    padding-bottom: 30px;\r\n    @media (min-width: 576px) {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n  }\r\n}\r\n.padding-t-60 {\r\n    padding-top: 30px;\r\n    @media (min-width: 576px) {\r\n    padding-top: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    padding-top: 60px;\r\n  }\r\n}\r\n  .padding-b-60 {\r\n    padding-bottom: 30px;\r\n    @media (min-width: 576px) {\r\n    padding-bottom: 40px;\r\n  }\r\n    @media (min-width: 992px) {\r\n    padding-bottom: 60px;\r\n  }\r\n}\r\n/* ================================= Padding Css End =========================== */\r\n","/* =========================== Accordion Css start ============================= */ \r\n.common-accordion {\r\n    .accordion-item {\r\n        border: 1px solid hsl(var(--border-color));\r\n        background-color: hsl(var(--white)) !important;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        &:not(:last-child) {\r\n            margin-bottom:20px;\r\n        }\r\n    }\r\n    .accordion-header {\r\n        line-height: 1;\r\n    }\r\n    .accordion-body {\r\n        padding: 20px 30px;\r\n        \r\n        padding-top: 0;\r\n        @include msm-screen {\r\n            padding: 12px 20px;\r\n            padding-top: 0;\r\n        }\r\n    }\r\n    &:first-of-type .accordion-button.collapsed {\r\n        border-radius: 5px;  \r\n    }\r\n    &:last-of-type .accordion-button.collapsed {\r\n        border-radius: 5px;  \r\n    }\r\n    .accordion-button{\r\n        color: var(--heading-color);\r\n        @include font-18; \r\n        padding: 20px 30px;\r\n        padding-right: 46px; \r\n        font-weight: 600;\r\n        font-size: clampCal(16, 20);\r\n        font-family: var(--heading-font);\r\n        @include msm-screen {\r\n            padding: 12px 20px;\r\n            padding-right: 36px;\r\n        }\r\n        &::after {\r\n            background-image: none;\r\n        }\r\n        &:focus {\r\n            box-shadow: none;\r\n        }\r\n        &:not(.collapsed) {\r\n            background-color: transparent !important;\r\n            box-shadow: none;\r\n            color: hsl(var(--main));\r\n            &::after {\r\n                background-image: none;\r\n                color: hsl(var(--main)); ; \r\n            }\r\n        }\r\n        &[aria-expanded=\"true\"], &[aria-expanded=\"false\"] {\r\n            &::after {\r\n                font-family: \"Font Awesome 5 Free\";\r\n                font-weight: 900;\r\n                content: \"\\f106\";\r\n                color: hsl(var(--main));\r\n                display: inline-block;\r\n                position: absolute;\r\n                @extend .top-center; \r\n                right: 30px;\r\n                height: unset;\r\n                @include font-16; \r\n                text-align: center;\r\n                @include msm-screen {\r\n                    right: 20px;\r\n                }\r\n            }\r\n        }\r\n        &[aria-expanded=\"false\"] {\r\n            &::after {\r\n                content: \"\\f107\";\r\n                color: hsl(var(--heading-color));\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Accordion Css End =========================== */","/* ================================= Button Css Start =========================== */\r\n.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {\r\n    color: none;\r\n    background-color: none;\r\n    border-color: none;\r\n}\r\n\r\n.btn {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    border: 1px solid transparent;\r\n    font-weight: 400;\r\n    font-family: var(--body-font);\r\n    color: hsl(var(--static-white)) !important;\r\n    z-index: 1;\r\n    @include font-14; \r\n    line-height: 1;\r\n    text-transform: capitalize;\r\n    padding: 14px 16px;\r\n    &:hover, &:focus, &:focus-visible {\r\n        box-shadow: none !important;\r\n    }\r\n    @include md-screen {\r\n        padding: 12px 16px;\r\n    }\r\n    &-sm {\r\n        padding: 11px 16px !important;\r\n        @include font-14;\r\n        @include xsm-screen {\r\n            padding: 10px !important;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    &-md {\r\n        padding: 17px 16px;\r\n        @include xsm-screen {\r\n            padding: 10px;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    &-lg {\r\n        padding: 22px 40px;\r\n        @include font-16; \r\n        @include md-screen {\r\n            padding: 17px 32px;\r\n        }\r\n    }\r\n    &-lg-icon {\r\n        height: 60px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        @include md-screen {\r\n            height: 50px;\r\n        }\r\n    }\r\n    &-xl {\r\n        padding: 20px 64px;\r\n        @include font-16; \r\n        @include md-screen {\r\n            padding: 15px 36px;\r\n        }\r\n    }\r\n    &-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        background-color: hsl(var(--white)) !important;\r\n        padding: 0;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: .2s linear;\r\n        @include font-20; \r\n        @include sm-screen {\r\n            width: 44px;\r\n            height: 44px;\r\n        }\r\n        &--sm {\r\n            width: 44px;\r\n            height: 44px;\r\n            @include sm-screen {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n        }\r\n        &:hover {\r\n            transform: scale(1.04);\r\n        }\r\n    }\r\n    .icon-right {\r\n        margin-left: 8px;\r\n        @include font-16; \r\n    }\r\n    .icon-left {\r\n        margin-right: 8px;\r\n        @include font-16; \r\n    }\r\n    &:active {\r\n        transform: scale(1.01);\r\n    }\r\n    // ============= Different Color Button Start ==================\r\n    &-main {\r\n        background-color: hsl(var(--main)) !important;\r\n        border: transparent !important;\r\n        z-index: 1;\r\n        &::before, &::after {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 100%;\r\n            left: 0;\r\n            top: 0;\r\n            border-radius: inherit;\r\n            background: var(--main-gradient);\r\n            z-index: -1;\r\n            transition: .2s linear;\r\n        }\r\n        &::after {\r\n            background: var(--main-gradient-rev);\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n        &:hover {\r\n            &::after {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    &-outline-main {\r\n        background-color: transparent!important;\r\n        border-color: hsl(var(--main)) !important;\r\n        color: hsl(var(--main)) !important;\r\n        &:hover {\r\n            background-color: hsl(var(--main)/.15) !important;\r\n            border-color: hsl(var(--main)/.4) !important;\r\n        }\r\n    }\r\n    &-white {\r\n        background-color: hsl(var(--white)) !important;\r\n        border-color: hsl(var(--white)) !important;\r\n        color: hsl(var(--black)) !important;\r\n        &:hover {\r\n            background-color: hsl(var(--main)) !important;\r\n            border-color: hsl(var(--main)) !important;\r\n            color: hsl(var(--static-white)) !important;\r\n        }\r\n    }\r\n    &-light {\r\n        background-color: hsl(var(--white-one)) !important;\r\n        border-color: hsl(var(--white-one)) !important;\r\n        color: hsl(var(--black)) !important;\r\n        &:hover {\r\n            background-color: hsl(var(--main)) !important;\r\n            border-color: hsl(var(--main)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &-outline-light {\r\n        background-color: transparent !important;\r\n        border-color: hsl(var(--white-one)) !important;\r\n        color: hsl(var(--black)) !important;\r\n        font-weight: 500;\r\n        &:hover {\r\n            background-color: hsl(var(--black)) !important;\r\n            border-color: hsl(var(--black)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &-black {\r\n        background-color: hsl(var(--black)) !important;\r\n        border-color: hsl(var(--black)) !important;\r\n        border-width: 2px;\r\n        color: hsl(var(--white)) !important;\r\n        &:hover {\r\n            background-color: transparent !important;\r\n            border-color: hsl(var(--black)) !important;\r\n            color: hsl(var(--black)) !important;\r\n        }\r\n    }\r\n    &-outline-black {\r\n        background-color: transparent !important;\r\n        border-color: hsl(var(--black)) !important;\r\n        border-width: 2px;\r\n        color: hsl(var(--black)) !important;\r\n        font-weight: 600;\r\n        &:hover {\r\n            background-color: hsl(var(--black)) !important;\r\n            border-color: hsl(var(--black)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &-static-black {\r\n        background-color: hsl(var(--static-black)) !important;\r\n        border-color: hsl(var(--static-black)) !important;\r\n        border-width: 2px;\r\n        color: hsl(var(--static-white)) !important;\r\n        &:hover {\r\n            background-color: transparent !important;\r\n            border-color: hsl(var(--static-black)) !important;\r\n            color: hsl(var(--static-black)) !important;\r\n            font-weight: 600 !important;\r\n        }\r\n    }\r\n    &-static-outline-black {\r\n        background-color: transparent !important;\r\n        border-color: hsl(var(--static-black)) !important;\r\n        border-width: 2px;\r\n        color: hsl(var(--static-black)) !important;\r\n        font-weight: 600;\r\n        &:hover {\r\n            background-color: hsl(var(--static-black)) !important;\r\n            border-color: hsl(var(--static-black)) !important;\r\n            color: hsl(var(--static-white)) !important;\r\n        }\r\n    }\r\n}\r\n\r\n/* ================================= Button Css End =========================== */\r\n","/* ================================= Form Css Start =========================== */\r\n/* input Start */\r\n.common-input {\r\n    border-radius: 5px;\r\n    font-weight: 400;\r\n    outline: none;\r\n    width: 100%;\r\n    padding: 17px 16px;\r\n    background-color: transparent !important; \r\n    border: 1px solid hsl(var(--border-color));\r\n    color: hsl(var(--black)); \r\n    line-height: 1;\r\n    @include font-17; \r\n    @include md-screen {\r\n        padding: 10px 16px;\r\n    }\r\n    &::placeholder {\r\n        color: hsl(var(--black-three));\r\n        @include font-14; \r\n        transition: .25s linear;\r\n        font-weight: 400;\r\n    }\r\n    &--md {\r\n        padding: 13px 16px;\r\n        @include font-15; \r\n    }\r\n    &--lg {\r\n        padding: 25px 24px;\r\n        @include sm-screen {\r\n            padding: 18px 24px;\r\n        }\r\n    } \r\n    &:focus {\r\n        border-color: hsl(var(--main)); \r\n        box-shadow: none;\r\n        &::placeholder {\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n    }\r\n    &:disabled, &[readonly] {\r\n        background-color: hsl(var(--black)/.2); \r\n        opacity: 1;\r\n        border: 0;\r\n    }\r\n    &[type=\"password\"] {\r\n        color: hsl(var(--black)/.5);\r\n        &:focus {\r\n            color: hsl(var(--black)); \r\n        }\r\n    }\r\n}\r\n.common-input {\r\n    &--withIcon {\r\n        padding-right: 50px !important;\r\n    }\r\n    &--withLeftIcon {\r\n        padding-left: 50px !important;\r\n    }\r\n    &--bg {\r\n        background-color: hsl(var(--gray-seven)) !important;\r\n        border-color: hsl(var(--gray-seven)) !important;\r\n        &::placeholder {\r\n            color: hsl(var(--black-three));\r\n        }\r\n    }\r\n}\r\n/* input End */\r\n\r\n/* input icon */\r\n.input-icon {\r\n    position: absolute;\r\n    right: 24px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: hsl(var(--heading-color));\r\n    @include font-14; \r\n    &--left {\r\n        left: 20px;\r\n        right: auto;\r\n    }\r\n}\r\ntextarea+.input-icon {\r\n    top: 15px;\r\n    transform: translateY(0);\r\n}\r\n/* input icon */\r\n\r\n/* Label */\r\n.form-label {\r\n    margin-bottom: 6px;\r\n    @include font-14; \r\n    color: hsl(var(--heading-color));\r\n    font-weight: 500;\r\n    \r\n}\r\n\r\n/* Form Select */  \r\nselect option {\r\n    background-color: hsl(var(--white));\r\n}\r\n.select-has-icon {\r\n    position: relative;\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\\f107\";\r\n        right: 20px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        font-family: \"Font Awesome 5 Free\";\r\n        font-weight: 900;\r\n        @include font-12; \r\n        color: hsl(var(--main)); \r\n        transition: 0.2s linear;\r\n        pointer-events: none;\r\n        color: hsl(var(--body-color)) !important;\r\n    }\r\n    &.icon-black::before {\r\n        -webkit-text-fill-color: hsl(var(--black)); \r\n    }\r\n    select {\r\n        background-image: none;\r\n        -webkit-appearance: none;\r\n        padding: 19px 24px;\r\n        @include font-16; \r\n        @include md-screen {\r\n            padding: 12px 24px;\r\n        }\r\n    }\r\n    .common-input {\r\n        padding-right: 30px !important;\r\n    }\r\n} \r\n.select {\r\n    color: hsl(var(--black) / .6) !important;\r\n    padding: 16px 24px;\r\n    background-color: transparent;\r\n    @include md-screen {\r\n        padding: 11px 24px;\r\n    }\r\n    @include sm-screen {\r\n        padding: 9px 24px;\r\n        @include font-15; \r\n    }\r\n    &:focus {\r\n        border-color: hsl(var(--main));\r\n        color: hsl(var(--black)) !important;\r\n        outline: none;\r\n    }\r\n    option {\r\n        background-color: hsl(var(--white));\r\n        color: hsl(var(--heading-color));\r\n    }\r\n}\r\n/* Form Select End */\r\n\r\n// Message Field Css\r\ntextarea {\r\n    &.common-input {\r\n        height: 140px;\r\n        @include sm-screen {\r\n            height: 110px;\r\n        }\r\n    }\r\n}\r\n/* Autofill Css */\r\ninput:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, \r\ntextarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {\r\n    -webkit-transition: background-color 5000s ease-in-out 0s;\r\n    transition: background-color 5000s ease-in-out 0s;\r\n}\r\ninput:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill {\r\n    -webkit-box-shadow: 0 0 0px 1000px transparent inset;\r\n    -webkit-text-fill-color: hsl(var(--heading-color)) !important;\r\n    caret-color: hsl(var(--heading-color));\r\n}\r\n/* Autofill Css End */\r\n\r\n/* Show Hide Password */\r\ninput#your-password, input#confirm-password {\r\n    padding-right: 50px;\r\n}\r\n.password-show-hide {\r\n    position: absolute;\r\n    right: 20px;\r\n    z-index: 5;\r\n    cursor: pointer;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: hsl(var(--black)/.4);\r\n}\r\n\r\n/* Number Arrow None */\r\ninput::-webkit-outer-spin-button,\r\ninput::-webkit-inner-spin-button {\r\n    -webkit-appearance: none;\r\n}\r\ninput[type=number]{\r\n    -moz-appearance: textfield;\r\n}\r\n\r\n/* Custom Checkbox & Radio Css Start */\r\n.common-check {\r\n    @extend .flx-align; \r\n    margin-bottom: 16px;\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n    a {\r\n        display: inline;\r\n    }\r\n\r\n    &.common-radio {\r\n        .form-check-input {\r\n            border-radius: 50%;\r\n            &:checked { \r\n                background-color: transparent !important;\r\n                &::after {\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                    -webkit-transform: translate(-50%, -50%) scale(1);\r\n                    transform: translate(-50%, -50%) scale(1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .form-check-input {\r\n        transition: .2s linear;\r\n        box-shadow: none;\r\n        background-color: transparent;\r\n        box-shadow: none !important;\r\n        border: 0;\r\n        position: relative;\r\n        border-radius: 3px;\r\n        width: 18px;\r\n        height: 18px;\r\n        border: 1px solid hsl(var(--black) / .4);\r\n        cursor: pointer;\r\n        transition: .2s linear;\r\n        margin-top: 0;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\\f00c\";\r\n            font-family: \"Font Awesome 5 Free\";\r\n            font-weight: 900;\r\n            color: hsl(var(--static-white)); \r\n            @include font-11; \r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            transition: .2s linear;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n        &::after {\r\n            position: absolute;\r\n            content: \"\";\r\n            top: 50%;\r\n            left: 50%;\r\n            -webkit-transform: translate(-50%, -50%) scale(.2);\r\n            transform: translate(-50%, -50%) scale(.2);\r\n            width: 10px;\r\n            height: 10px;\r\n            background-color: hsl(var(--main));\r\n            border-radius: 50%;\r\n            transition: .2s linear;\r\n            z-index: 1;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n        &:checked {\r\n            background-color: hsl(var(--main)) !important;\r\n            border-color: hsl(var(--main)) !important;\r\n            box-shadow: none;\r\n            &[type=checkbox] {\r\n                background-image:none;\r\n            }\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    .form-check-label {\r\n        font-weight: 500;\r\n        width: calc(100% - 18px);\r\n        padding-left: 12px;\r\n        cursor: pointer;\r\n        @include font-14; \r\n        color: hsl(var(--heading-color)); \r\n        font-family: var(--poppins-font)\r\n    }\r\n    label {\r\n        @include xsm-screen {\r\n            @include font-15; \r\n        }\r\n    }\r\n    a {\r\n        @include xsm-screen {\r\n            @include font-15; \r\n        }\r\n    }\r\n}\r\n/* Custom Checkbox & Radio Css End */\r\n/* ================================= Form Css End =========================== */","/* ================================= Pagination Css Start =========================== */\r\n.common-pagination {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 64px;\r\n    gap: 8px;\r\n    @include lg-screen {\r\n        margin-top: 48px;\r\n    }\r\n    @include md-screen {\r\n        margin-top: 40px;\r\n    }\r\n    @include sm-screen {\r\n        margin-top: 32px;\r\n    }\r\n    .page-item {\r\n        &.active {\r\n            .page-link {\r\n                color: hsl(var(--white));\r\n                background-color: hsl(var(--black));\r\n            }\r\n        }\r\n        .page-link {\r\n            border-radius: 8px;\r\n            width: 42px;\r\n            height: 43px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background-color: transparent ;\r\n            font-weight: 600;\r\n            padding: 0;\r\n            color: hsl(var(--heading-color));\r\n            border: 1px solid hsl(var(--black)/.3); \r\n            @include font-16; \r\n            @include md-screen {\r\n                width: 48px;\r\n                height: 48px;\r\n            }\r\n            &:hover, &:focus, &:focus-visible {\r\n                color: hsl(var(--white));\r\n                background-color: hsl(var(--black));\r\n            }\r\n            &:focus {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n        &:last-child {\r\n            .page-link {\r\n                width: unset;\r\n                height: unset;\r\n                background-color: hsl(var(--section-bg));\r\n                border-color: hsl(var(--section-bg));\r\n                padding: 9px 16px;\r\n                &:hover, &:focus, &:focus-visible {\r\n                    color: hsl(var(--white));\r\n                    background-color: hsl(var(--black));\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Pagination Css End =========================== */","/* ================================= Tab Css Start =========================== */\r\n.common-tab {\r\n    margin-bottom: 20px;\r\n    gap: 16px;\r\n    @include md-screen {\r\n        gap: 8px;\r\n    }\r\n    .nav-item {\r\n        border-bottom: 0;\r\n        .nav-link {\r\n            color: hsl(var(--heading-color)); \r\n            padding: 7px 16px !important;\r\n            background-color: transparent;\r\n            transition: .2s linear;\r\n            border-radius: 8px;\r\n            border: 1px solid hsl(var(--gray-five));\r\n            text-transform: capitalize;\r\n            font-weight: 500;\r\n            overflow: hidden;\r\n            @include font-14; \r\n            @include md-screen {\r\n                padding: 5px 10px !important;\r\n            }\r\n            &.active {\r\n                color: hsl(var(--white)) !important; \r\n                background-color: hsl(var(--heading-color)) !important;\r\n                border-color: hsl(var(--heading-color)) !important;\r\n                font-weight: 300;\r\n            }\r\n            &:hover {\r\n                color: hsl(var(--main));\r\n                background-color: hsl(var(--white));\r\n            }\r\n        }\r\n    }\r\n\r\n    /* Style Icon */\r\n    &.style-icon {\r\n        .nav-item {\r\n            .nav-link {\r\n                padding: 0 !important;\r\n                border: 0 !important;\r\n                background-color: transparent !important;\r\n                overflow: unset;\r\n                .product-category-list {\r\n                    &__item {\r\n                        box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 0.25);\r\n                        .text {\r\n                            display: none;\r\n                        }\r\n                    }\r\n                }\r\n                &.active .product-category-list {\r\n                    &__item {\r\n                        padding: 10px;\r\n                        height: unset;\r\n                        width: unset;\r\n                        border-radius: 50px !important;\r\n                        border: 1px solid hsl(var(--main));\r\n                        background-color: hsl(var(--white));\r\n                        box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 0.25);\r\n                        color: hsl(var(--heading-color));\r\n                        font-weight: 500;\r\n                        .text {\r\n                            display: block;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n/* Style Gradient */\r\n.tab-gradient {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    .nav-item {\r\n        .nav-link {\r\n            background-color: transparent !important;\r\n            position: relative;\r\n            z-index: 1;\r\n            color: hsl(var(--heading-color));\r\n            @include font-18; \r\n            text-transform: capitalize;\r\n            font-weight: 400;\r\n            padding: 14px 50px;\r\n            @include lg-screen {\r\n                padding: 10px 30px;\r\n                @include font-16; \r\n            }\r\n            &::before, &::after {\r\n                position: absolute;\r\n                content: \"\";\r\n                width: 100%;\r\n                height: 100%;\r\n                background: hsl(var(--white));\r\n                left: 0;\r\n                top: 0;\r\n                border-radius: inherit;\r\n                z-index: -1;\r\n            }\r\n            &::after {\r\n                background: var(--main-gradient);\r\n                visibility: hidden;\r\n                opacity: 0;\r\n            }\r\n            &.active {\r\n                color: hsl(var(--white));\r\n                font-weight: 300;\r\n                &::before {\r\n                    visibility: hidden;\r\n                    opacity: 0;\r\n                }\r\n                &::after {\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Bordered Tab */\r\n.tab-bordered {\r\n    gap: 32px;\r\n    margin-bottom: 0px;\r\n    @include lg-screen {\r\n        gap: 24px;\r\n    }\r\n    @include md-screen {\r\n        gap: 16px;\r\n    }\r\n    @include msm-screen {\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n    }\r\n    .nav-link {\r\n        background-color: transparent;\r\n        border: 1px solid hsl(var(--gray-five));\r\n        border-radius: 5px;\r\n        color: hsl(var(--body-color));\r\n        padding: 5px 8px;\r\n        @media (min-width: 575px) {\r\n            background-color: transparent;\r\n            padding: 0;\r\n            color: hsl(var(--body-color)) !important;\r\n            font-size: 14px;\r\n            padding-bottom: 16px !important;\r\n            border: 0;\r\n            border-bottom: 2px solid transparent;\r\n            border-radius: 0;\r\n        }\r\n        &.active {\r\n            background-color: transparent;\r\n            color: hsl(var(--heading-color)) !important;\r\n            font-weight: 600;\r\n            border-color: hsl(var(--heading-color)) !important; \r\n            .star-rating__text {\r\n                color: hsl(var(--heading-color)) !important;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Tab Css End =========================== */\r\n","/* ======================= Common Table Css Start ======================= */\r\n.table {\r\n    color: hsl(var(--white));\r\n    margin-bottom: 0;\r\n    min-width: max-content;\r\n    border-collapse: separate;\r\n    border-spacing: 0 24px;\r\n    &>:not(caption)>*>* {\r\n        border-bottom: 0;\r\n    }\r\n    tr {\r\n        th {\r\n            padding-left: 0;\r\n            padding: 20px 16px;\r\n            color: hsl(var(--heading-color));\r\n            background-color: hsl(var(--section-bg));\r\n            &:not(:last-child) {\r\n                border-radius: 0;\r\n            }\r\n            &:not(:first-child) {\r\n                border-radius: 0;\r\n            }\r\n            &:first-child {\r\n                border-radius: 8px 0 0 8px;\r\n            }\r\n            &:last-child {\r\n                border-radius: 0 8px 8px 0;\r\n            }\r\n        }\r\n        th, td {\r\n            text-align: center;\r\n            vertical-align: middle;\r\n            &:first-child {\r\n                text-align: left;\r\n            }\r\n            &:last-child {\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n    thead {\r\n        tr {\r\n            border-bottom: 1px solid hsl(var(--white)/.2);\r\n            th {\r\n                font-size: clampCal(16, 18);\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n    \r\n    tbody {\r\n        tr {\r\n            border-bottom: 1px solid hsl(var(--white)/.2);\r\n            &:last-child {\r\n                border-bottom: 0;\r\n            }\r\n            td {\r\n                font-size: clampCal(14, 16);\r\n                font-weight: 400;\r\n                padding: 16px;\r\n                border: 1px solid hsl(var(--gray-five));\r\n                &:not(:last-child) {\r\n                    border-right: 0;\r\n                }\r\n                &:not(:first-child) {\r\n                    border-left: 0;\r\n                }\r\n                &:first-child {\r\n                    border-radius: 8px 0 0 8px;\r\n                }\r\n                &:last-child {\r\n                    border-radius: 0 8px 8px 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    /* Style Two */\r\n    &.style-two {\r\n        color: hsl(var(--body-color));\r\n        border-spacing: 0px;\r\n        background-color: hsl(var(--white));\r\n        border: 1px solid hsl(var(--gray-five));\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n\r\n        thead {\r\n            tr {\r\n                border: 0;\r\n                th {\r\n                    border-bottom: 1px solid hsl(var(--gray-five));\r\n                    border-radius: 0;\r\n                    padding: 24px;\r\n                    font-weight: 700;\r\n                    font-family: var(--heading-font);\r\n                    background-color: hsl(var(--white));\r\n                }\r\n            }\r\n        }\r\n        tbody {\r\n            tr {\r\n                &:last-child {\r\n                    td {\r\n                        border-bottom: 0;\r\n                    }\r\n                }\r\n                td {\r\n                    border-radius: 0 !important;\r\n                    border-top: 0;\r\n                    border-left: 0;\r\n                    border-right: 0;\r\n                    border-style: dashed;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ======================= Common Table Css End ======================= */","/* ================= Common Card Css Start ========================= */\r\n.common-card {\r\n    border: 0;\r\n    box-shadow: var(--box-shadow); \r\n    border-radius: 16px;\r\n    background-color: hsl(var(--white));\r\n    .card-header, .card-footer {\r\n        padding: 12px 24px;\r\n        background-color: transparent;\r\n        border-bottom: 1px solid hsl(var(--border-color));\r\n        @include xsm-screen {\r\n            padding: 12px 16px;\r\n        }\r\n    }\r\n    .card-header {\r\n        background-color: hsl(var(--black));\r\n        .title {\r\n            color: hsl(var(--static-white));\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    .card-body {\r\n        padding: 24px;\r\n        @include xsm-screen {\r\n            padding: 16px;\r\n        }\r\n    }\r\n    .card-footer {\r\n        border-top: 1px solid hsl(var(--border-color));\r\n        border-bottom: 0;\r\n    }\r\n}\r\n/* ================= Common Card Css End ========================= */","/* ================================= preload Css Start =========================== */\r\n\r\n.loader-mask {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: hsl(var(--white));\r\n  z-index: 99999;\r\n  .loader {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: 80px;\r\n    height: 80px;\r\n    font-size: 0;\r\n    display: inline-block;\r\n    margin: -40px 0 0 -40px;\r\n    text-indent: -9999em;\r\n    -webkit-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n\r\n    div {\r\n      background-color: hsl(var(--main));\r\n      display: inline-block;\r\n      float: none;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 80px;\r\n      height: 80px;\r\n      opacity: 0.6;\r\n      border-radius: 50%;\r\n      -webkit-animation: ballPulseDouble 2s ease-in-out infinite;\r\n      animation: ballPulseDouble 2s ease-in-out infinite;\r\n      &:last-child {\r\n        -webkit-animation-delay: -1s;\r\n        animation-delay: -1s;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@-webkit-keyframes ballPulseDouble {\r\n  0%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n    transform: scale(0);\r\n  }\r\n  50% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes ballPulseDouble {\r\n  0%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n    transform: scale(0);\r\n  }\r\n  50% {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n}\r\n/* ================================= preload Css End ===========================  */\r\n","\r\n/* ====================== Section Heading ==================== */\r\n.section-heading {\r\n  text-align: center;\r\n  margin-bottom: clampCal(32, 48);\r\n  max-width: 630px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  &__title {\r\n    position: relative;\r\n    margin-bottom: 16px;\r\n    text-transform: capitalize;\r\n  }\r\n  &__desc {\r\n    margin-top: clampCal(16, 32);\r\n    font-size: clampCal(16, 18);\r\n    max-width: 634px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 24px;\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n    &.w-sm {\r\n      max-width: 465px;\r\n    }\r\n  }\r\n\r\n  // Style left\r\n  &.style-left {\r\n    text-align: left;\r\n    margin-left: 0;\r\n    .section-heading {\r\n      &__desc {\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n  // Style White\r\n  &.style-white {\r\n    .section-heading {\r\n      &__title {\r\n        color: hsl(var(--static-white));\r\n      }\r\n      &__desc {\r\n        color: #bdbecc;\r\n        font-weight: 300;\r\n      } \r\n    }\r\n  }\r\n  // Style Flex\r\n  &.style-flex {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    max-width: unset;\r\n    align-items: center;\r\n    .section-heading {\r\n      &__inner {\r\n        max-width: 410px;\r\n        &.w-lg {\r\n          max-width: 636px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // Style-three\r\n  &.style-three {\r\n    .section-heading__subtitle {\r\n      text-transform: capitalize;\r\n      padding: 8px 16px;\r\n      background-color: hsl(var(--white));\r\n      color: hsl(var(--main));\r\n      font-size: clamp(0.9375rem, 0.785rem + 0.317vw, 1.0625rem);\r\n      border-radius: 50px;\r\n      margin-bottom: 16px;\r\n    }\r\n  }\r\n}\r\n/* ====================== Section Heading En d==================== */\r\n","\r\n/* ============= Header Start Here ======================= */\r\n.header {\r\n    background-color: hsl(var(--white));\r\n    transition: .2s linear;\r\n    @include md-screen {\r\n        padding: 10px 0;\r\n    }\r\n    &.fixed-header {\r\n        position: sticky;\r\n        left: 0;\r\n        top: 0;\r\n        right: 0;\r\n        width: 100%;\r\n        z-index: 9;\r\n        backdrop-filter: blur(24px);\r\n        animation: slideDown 0.35s ease-out;    \r\n        background-color: hsl(var(--white)/.9) !important;\r\n        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);\r\n        @include md-screen {\r\n            top: -1px;\r\n        }\r\n    }\r\n}\r\n@keyframes slideDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n    }\r\n}\r\n\r\n.logo {\r\n    img {\r\n        max-width: 224px;\r\n        @include sm-screen {\r\n            max-width: 160px;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n    .header-right {\r\n        &__inner .btn .icon {\r\n            display: none;\r\n        }\r\n    }\r\n    .language-select  {\r\n        img {\r\n            display: none;\r\n        }\r\n        .select {\r\n            padding-left: 0 !important;\r\n        }\r\n    }\r\n}\r\n\r\n.header-right {\r\n    gap: 24px;\r\n    @include lg-screen {\r\n        gap: 16px;\r\n    }\r\n    &__button {\r\n        position: relative;\r\n        z-index: 1;\r\n        cursor: pointer;\r\n        &:hover {\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n                transform: translate(-50%, -50%) scale(1);\r\n            }\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 40px;\r\n            height: 40px;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%) scale(.8);\r\n            background-color: hsl(var(--gray-five));\r\n            z-index: -1;\r\n            border-radius: 50%;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n}\r\n\r\n/* Cart Btn */\r\n.cart-btn {\r\n    padding-right: 8px;\r\n    padding-top: 5px;\r\n}\r\n\r\n.qty-badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: var(--main-gradient);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: hsl(var(--static-white));\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    pointer-events: none;\r\n}\r\n/* Cart Btn */\r\n\r\n/* Language Select */\r\n.language-select {\r\n    border: 1px solid hsl(var(--border-color));\r\n    border-radius: 50px;\r\n    padding: 8px 16px;\r\n    &::before {\r\n        right: 16px;\r\n    }\r\n    select {\r\n        color: hsl(var(--heading-color)) !important;\r\n        padding: 8px 16px;\r\n    }\r\n}\r\n/* Language Select */\r\n\r\n\r\n.toggle-mobileMenu {\r\n    line-height: 1;\r\n    font-size: 36px;\r\n    color: hsl(var(--heading-color));\r\n}\r\n\r\n.contact-number {\r\n    padding-right: clampCal(12, 32);\r\n    margin-right: clampCal(12, 32);\r\n    border-right: 1px solid hsl(var(--border-color));\r\n    @include msm-screen {\r\n        @include font-14; \r\n    }\r\n    @include xsm-screen {\r\n        display: none !important;\r\n    }\r\n   \r\n    &:hover {\r\n        .text {\r\n            color: hsl(var(--main));             \r\n        }\r\n    }\r\n    .icon {\r\n        @include msm-screen {\r\n            font-size: 15px !important;            \r\n        }\r\n    }\r\n}\r\n\r\n\r\n/* Header Menu and Submenu Css Start */\r\n.nav-menu {\r\n    gap: 24px;\r\n    @media (min-width: 992px) and (max-width: 1199px) {\r\n        gap: 16px;\r\n    }\r\n    &__item {\r\n        &.activePage {\r\n            > a {\r\n                color: hsl(var(--main));\r\n                &::before {\r\n                    color: hsl(var(--main));\r\n                }\r\n            }\r\n        }\r\n        &:hover {\r\n            > a {\r\n                color: hsl(var(--heading-color));\r\n                @media (min-width: 992px) {\r\n                    color: hsl(var(--main));\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__link {\r\n        color: hsl(var(--heading-color));\r\n        font-weight: 500;\r\n        @include font-16; \r\n        width: 100%;\r\n        padding: 38px 0;\r\n        width: 100%;\r\n        @include lg-screen {\r\n            @include font-14; \r\n        }\r\n    }   \r\n}\r\n\r\n.has-submenu {\r\n    position: relative;\r\n    .nav-menu {\r\n        &__link {\r\n            padding-right: 16px;\r\n        }\r\n    }\r\n\r\n    &.active {\r\n        > a, > a::before{\r\n            color: hsl(var(--main));\r\n        }\r\n        > a::before {\r\n            transform: translateY(-50%) rotate(180deg) !important; \r\n        }\r\n    }\r\n    &:hover {\r\n        .nav-submenu {\r\n            visibility: visible;\r\n            opacity: 1;\r\n            margin-top: 0;\r\n        }\r\n        > a {\r\n            &::before {\r\n                @media (min-width: 992px) {\r\n                    color: hsl(var(--main));\r\n                    transform: translateY(-50%) rotate(180deg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    > a {\r\n        position: relative;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\\f107\";\r\n            right: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            font-family: 'Font Awesome 5 Free';\r\n            font-weight: 900;\r\n            @include font-10; \r\n            color: hsl(var(--heading-color)/.4);\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n}\r\n\r\n/* Submenu Start */\r\n.nav-submenu {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 100%;\r\n    width: max-content;\r\n    background-color: hsl(var(--white));\r\n    border-radius: 6px;\r\n    min-width: 190px;\r\n    overflow: hidden;\r\n    padding: 8px;\r\n    box-shadow: var(--box-shadow);\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    margin-top: 16px;\r\n    transition: .2s linear;\r\n    z-index: 99;\r\n    \r\n    @media (min-width: 992px) {\r\n        max-height: 400px;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n    &::-webkit-scrollbar-track {\r\n        background: #e4e4e4;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        background: #a2a2a2;\r\n        border-radius: 50px;\r\n    }\r\n    &::-webkit-scrollbar-thumb:hover {\r\n        background: #6d6d6d;\r\n    }\r\n    &__item {\r\n        display: block;\r\n        border-radius: 4px;\r\n        transition: .2s linear;\r\n        position: relative;\r\n        &.activePage {\r\n            .nav-submenu {\r\n                &__link {\r\n                    color: hsl(var(--main));\r\n                }\r\n            }\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n            a {\r\n                margin-left: 10px;\r\n            }\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\\f101\";\r\n            left: 10px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            font-family: 'Font Awesome 5 Free';\r\n            font-weight: 900;\r\n            @include font-10; \r\n            color: hsl(var(--main));\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: inherit;\r\n        }\r\n        &:hover {\r\n            background-color: var(--gray-200);\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n            a {\r\n                margin-left: 10px;\r\n                color: hsl(var(--heading-color));\r\n            }\r\n        }\r\n    }\r\n    &__link {\r\n        color: hsl(var(--heading-color));\r\n        font-weight: 500;\r\n        @include font-16; \r\n        width: 100%;\r\n        padding-right: 16px;\r\n        width: 100%;\r\n        display: block;\r\n        padding: 8px 14px;\r\n        border-radius: inherit;\r\n        &::before {\r\n            position: absolute;\r\n        }\r\n        &:hover {\r\n            color: hsl(var(--main)) !important;\r\n        }\r\n    }\r\n}\r\n/* Submenu End */\r\n/* Header Menu and Submenu Css End */\r\n/* ================================= Header Css End =========================== */\r\n","/* ============ Search box ============= */\r\n.search-box {\r\n    position: relative;\r\n    input {\r\n        background-color: hsl(var(--white)) !important;\r\n        border: 0;\r\n        padding-right: 70px;\r\n        @include sm-screen {\r\n            padding-right: 56px;\r\n        }\r\n        &::placeholder {\r\n            color: hsl(var(--black-three));\r\n        }\r\n    }\r\n    .icon {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: hsl(var(--body-color)); \r\n        @include sm-screen {\r\n            right: 5px;\r\n        }\r\n    }\r\n\r\n    /* Style Two */\r\n    &.style-two {\r\n        max-width: 636px;\r\n        margin: 0 auto;\r\n        input {\r\n            padding-left: 170px;\r\n            @include msm-screen {\r\n                padding-left: 128px;\r\n            }\r\n        }\r\n        .search-box {\r\n            &__select {\r\n                position: absolute;\r\n                left: 12px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                @include msm-screen {\r\n                    left: 0;\r\n                }\r\n                &.select-has-icon {\r\n                    &::before {\r\n                        right: 0;\r\n                    }\r\n                    &::after {\r\n                        position: absolute;\r\n                        content: \"\";\r\n                        width: 1px;\r\n                        height: 100%;\r\n                        right: -8px;\r\n                        top: 50%;\r\n                        transform: translateY(-50%);\r\n                        background: hsl(var(--border-color));\r\n                    }\r\n                    select {\r\n                        padding-right: 19px;\r\n                        padding-left: 12px;\r\n                        color: hsl(var(--black-three));\r\n                        @include msm-screen {\r\n                            @include font-12; \r\n                        }\r\n                        &:focus {\r\n                            box-shadow: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    /* style Three */\r\n    &.style-three {\r\n        max-width: 274px;\r\n        .icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            right: 4px;\r\n            @include md-screen {\r\n                width: 36px;\r\n                height: 36px;\r\n            }\r\n        }\r\n        input {\r\n            background-color: hsl(var(--section-bg)) !important;\r\n            border: 1px solid hsl(var(--white-one));\r\n        }\r\n    }\r\n\r\n    .rounded-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 1px solid hsl(var(--white-one));\r\n        border-radius: 50%;\r\n        transition: .2s linear;\r\n        &:hover {\r\n            background-color: hsl(var(--white-one)) !important;\r\n        }\r\n    }\r\n}\r\n/* ================== Search Box =================== */ ","\r\n\r\n/* Mobile Menu Sidebar Start */\r\n.mobile-menu {\r\n    position: fixed;\r\n    background-color: hsl(var(--white));\r\n    width: 300px;\r\n    height: 100vh;\r\n    overflow-y: auto;\r\n    padding: 24px;\r\n    z-index: 991;\r\n    transform: translateX(-100%);\r\n    transition: .2s linear;\r\n    padding-bottom: 68px;\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n    &::-webkit-scrollbar-track {\r\n        background: #e0e0e0;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        background: #bab9b9;\r\n        border-radius: 30px;\r\n    }\r\n    &::-webkit-scrollbar-thumb:hover {\r\n        background: #949494;\r\n    }\r\n    &.active {\r\n        transform: translateX(0%);\r\n    }\r\n}\r\n.close-button {\r\n    position: absolute;\r\n    right: 8px;\r\n    top: 8px;\r\n    width: 28px;\r\n    height: 28px;\r\n    background-color: var(--gray-200);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transition: .2s;\r\n    &:hover {\r\n        background-color: hsl(var(--black));\r\n        color: hsl(var(--white));\r\n    }\r\n}\r\n\r\n.nav-menu {\r\n    &--mobile {\r\n        display: block;\r\n        margin-top: 32px;\r\n        .nav-menu {\r\n            &__item {\r\n                > a {\r\n                    &::before {\r\n                        transform: translateY(-50%) rotate(0deg);\r\n                    }\r\n                }\r\n            }\r\n            &__link {\r\n                border-bottom: 1px solid hsl(var(--black)/.08) !important;\r\n                position: relative;\r\n                padding: 12px 0;\r\n                padding-right: 16px;\r\n              \r\n            } \r\n        }\r\n        .nav-submenu {\r\n            position: static;\r\n            visibility: visible;\r\n            opacity: 1;\r\n            box-shadow: none;\r\n            width: 100%;\r\n            margin-top: 0;\r\n            padding: 0;\r\n            margin-left: 16px;\r\n            display: none;\r\n            transition: 0s;\r\n            &__link {\r\n                width: 100%;\r\n                padding: 10px 0;\r\n                border-bottom: 1px solid hsl(var(--black)/.08) !important;\r\n            }\r\n            &__item {\r\n                &:hover {\r\n                    background-color: transparent;\r\n                    color: hsl(var(--main));\r\n                }\r\n                &::before {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n/* Mobile Menu Sidebar Start */","\r\n/* ============= Footer Start Here ======================= */\r\n\r\n/* Text Slider Css Start */\r\n.text-slider-section {\r\n    padding: 40px 0;\r\n    border-bottom: 1px solid hsl(var(--white-one)/.2);\r\n}\r\n.text-slider {\r\n    .js-marquee {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n    &__item {\r\n        font-size: clampCal(16, 38);\r\n        color: hsl(var(--black-three));\r\n        text-transform: capitalize;\r\n        transition: .2s linear;\r\n        &:hover {\r\n            color: hsl(var(--static-white));\r\n        }\r\n    }\r\n}\r\n\r\n.footer-three {\r\n    background-color: hsl(var(--black-two));\r\n    .footer-inner {\r\n        padding: 80px 0;\r\n        background-color: #0b0e2a !important;\r\n    }\r\n}\r\n\r\n\r\n.footer-section {\r\n    margin-top: auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    background-image: url(../images/shapes/footer-bg.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: top;\r\n    padding: 120px 0;\r\n    padding-top: 220px;\r\n    background-color: hsl(var(--white));\r\n    @include lg-screen {\r\n        padding: 120px 0;\r\n        background-color: hsl(var(--black)) !important;\r\n        background-image: none;\r\n    }\r\n    @include md-screen {\r\n        padding: 80px 0;\r\n    }\r\n}\r\n\r\n.footer-inner {\r\n    padding: 80px 0;\r\n}\r\n\r\n.footer-widget {\r\n    &__desc {\r\n        color: hsl(var(--static-white-one));\r\n        @include font-16; \r\n        font-weight: 300;\r\n        line-height: 170%; \r\n    }\r\n    &__logo {\r\n        margin-bottom: 32px;\r\n        @include md-screen {\r\n            margin-bottom: 24px;\r\n        }\r\n        a {\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                max-width: 240px;\r\n                max-height: 64px;\r\n            }\r\n        }\r\n    }\r\n    &__social {\r\n        margin-top: 32px;\r\n        @include md-screen {\r\n            margin-top: 24px;\r\n        }\r\n    }\r\n    &__title {\r\n        margin-bottom: 24px;\r\n    }\r\n}\r\n/* Footer List Item */\r\n.footer-lists {\r\n    display: flex;\r\n    flex-direction: column;\r\n    &__item {\r\n        display: block;\r\n        padding-bottom: 10px;\r\n        &:last-child {\r\n            padding-bottom: 0;\r\n        }\r\n    }\r\n    &__link {\r\n        @extend .footer-item__desc; \r\n        position: relative;\r\n        color: hsl(var(--static-white-one));\r\n        padding-left: 22px;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\\f105\";\r\n            font-family: 'Line Awesome Free';\r\n            font-weight: 900;\r\n            left: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            @include font-14; \r\n            transition: .2s linear;\r\n            width: calc(100% + 1px);\r\n            height: calc(100% + 1px);\r\n        }\r\n        &:hover {\r\n            color: hsl(var(--static-white));\r\n            &::before {\r\n                left: 4px;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ============= Footer End Here ======================= */\r\n\r\n/* ============= Bottom Footer End Here ======================= */\r\n.bottom-footer {\r\n    background-color: hsl(var(--black-two));\r\n    &__inner {\r\n        padding: 24px 0;\r\n        @include md-screen {\r\n        padding: 16px 0;\r\n        }\r\n    }\r\n    &__text {\r\n        color: hsl(var(--static-white-one));\r\n        @include font-18; \r\n        font-weight: 200;\r\n        @include md-screen {\r\n            @include font-16; \r\n        }\r\n        @include sm-screen {\r\n            @include font-15; \r\n        }\r\n    }\r\n}\r\n.footer-links {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: clampCal(12, 24);\r\n    font-weight: 200;\r\n}\r\n.footer-link {\r\n    @extend .bottom-footer__text; \r\n    &:hover {\r\n        color: hsl(var(--white));\r\n        text-decoration: underline;\r\n    }\r\n}\r\n/* =============Bottom Footer End Here ======================= */\r\n\r\n","/* ==================== Footer Two Css Start Here ==================== */\r\n.footer-two {\r\n    .footer-menu {\r\n        &__link {\r\n            color: hsl(var(--black-three));\r\n            font-weight: 400;\r\n            &:hover {\r\n                color: hsl(var(--main));\r\n            }\r\n        }\r\n    }\r\n    \r\n    .footer-item {\r\n        &__title {\r\n            color: hsl(var(--heading-color));\r\n        }\r\n        &__desc {\r\n            color: hsl(var(--black-three));\r\n        }\r\n    }\r\n    \r\n    .social-icon-list {\r\n        &__link {\r\n            color: hsl(var(--black));\r\n            font-size: 16px;\r\n        }\r\n    }\r\n}\r\n\r\n/* Bottom Footer Two */\r\n.bottom-footer-two {\r\n    border-top: 1px solid hsl(var(--gray-five));\r\n    .bottom-footer__text {\r\n        color: hsl(var(--black-three));\r\n        font-weight: 300;\r\n    }\r\n    .footer-link {\r\n        color: hsl(var(--black-three));\r\n        font-weight: 400;\r\n    }\r\n}\r\n/* ==================== Footer Two Css End Here ==================== */","\r\n/* ===================== Scroll to Top Start ================================= */\r\n  .progress-wrap {\r\n    position: fixed;\r\n    right: 36px;\r\n    bottom: 36px;\r\n    height: 46px;\r\n    line-height: 46px;\r\n    width: 46px;\r\n    cursor: pointer;\r\n    display: block;\r\n    border-radius: 50px;\r\n    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);\r\n    z-index: 10000;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(15px);\r\n    -webkit-transition: all 200ms linear;\r\n    transition: all 200ms linear;\r\n    background-color: hsl(var(--white));\r\n    @include md-screen {\r\n      right: 24px;\r\n      bottom: 24px;\r\n      height: 40px;\r\n      width: 40px;\r\n      line-height: 40px;\r\n    }\r\n    &.active-progress {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateY(0);\r\n    }\r\n    &:hover {\r\n      transform: scale(1.06);\r\n    }\r\n    &::after {\r\n        position: absolute;\r\n        font-family: 'Font Awesome 5 Free';\r\n        font-weight: 900;\r\n        content: '\\f062';\r\n        text-align: center;\r\n        height: 46px;\r\n        width: 46px;\r\n        line-height: 46px;\r\n        font-size: 18px;\r\n        left: 0;\r\n        top: 0;\r\n        cursor: pointer;\r\n        display: block;\r\n        z-index: 1;\r\n        -webkit-transition: all 200ms linear;\r\n        transition: all 200ms linear;\r\n        color: hsl(var(--main)) !important;\r\n        @include md-screen {\r\n          height: 40px;\r\n          width: 40px;\r\n          line-height: 40px;\r\n        }\r\n    }\r\n  }\r\n  \r\n  .progress-circle {\r\n    top: -2px;\r\n    position: relative;\r\n}\r\n  .progress-wrap svg path {\r\n    fill: none;\r\n  }\r\n  .progress-wrap svg.progress-circle path {\r\n    stroke: hsl(var(--main));\r\n    stroke-width: 5;\r\n    box-sizing: border-box;\r\n    -webkit-transition: all 200ms linear;\r\n    transition: all 200ms linear;\r\n  }\r\n/* ===================== Scroll to Top End ================================= */\r\n","/* ================================= Template Selection Css Start =========================== */\r\n::selection {\r\n    // color: hsl(var(--black));\r\n}\r\n/* ================================= Template Selection Css End ===========================  */ ","/* ============================ Sale Offer Css Start =========================== */\r\n.sale-offer {\r\n    background: linear-gradient(117deg, #FEF0F8 14.35%, #DACFFF 84.4%);\r\n    padding: 8px 0;\r\n    &__content {\r\n        gap: 16px;\r\n        @include xsm-screen {\r\n            gap: 8px;\r\n        }\r\n    }\r\n    &__text {\r\n        font-size: clampCal(11, 14)\r\n    }\r\n    &__qty {\r\n        font-size: clampCal(12, 18);\r\n    }\r\n    &__button {\r\n        width: 32px;\r\n    }\r\n    &__close {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        transition: .2s linear;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        @include xsm-screen {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n        &:hover {\r\n            color: hsl(var(--main));\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 100%;\r\n            left: 0;\r\n            top: 0;\r\n            background-color: hsl(var(--main)/.2);\r\n            z-index: -1;\r\n            border-radius: inherit;\r\n            transition: .2s linear;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transform: scale(.8);\r\n        }\r\n    }\r\n}\r\n\r\n.countdown {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    @include xsm-screen {\r\n        gap: 10px;\r\n    }\r\n    > div {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        flex-direction: row-reverse;\r\n    }\r\n    \r\n    span {\r\n        font-weight: 500;\r\n        color: hsl(var(--heading-color));\r\n        font-size: 14px;\r\n    }\r\n}\r\n/* ============================ Sale Offer Css End =========================== */","\r\n/* ================================= Social Icon Css Start =========================== */\r\n.social-icon-list {\r\n    display: inline-flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n    &__link {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 1px solid hsl(var(--static-white-one));\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: hsl(var(--static-white));\r\n        position: relative;\r\n        @include font-14; \r\n        z-index: 1;\r\n        &::after {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 100%;\r\n            left: 0;\r\n            top: 0;\r\n            border-radius: inherit;\r\n            background: var(--main-gradient);\r\n            transition: .2s linear;\r\n            z-index: -1;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n        &:hover {\r\n            color: hsl(var(--static-white)) !important;\r\n            border-color: transparent;\r\n            &::after {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Social Icon Css End ===========================  */","/* ================= Slick Arrow & Dots css Start ================ */ \r\n.slick-initialized.slick-slider {\r\n    .slick-track {\r\n        display: flex;\r\n    }\r\n    .slick-slide {\r\n      cursor: grab;\r\n        height: auto;\r\n        margin: 0 10px;\r\n        > div {\r\n            height: 100%;\r\n        }\r\n    }\r\n  }\r\n\r\n  /* Arrow Small size */\r\n  .arrow-sm {\r\n    .slick-arrow {\r\n      width: 32px;\r\n      height: 32px;\r\n      border: 1px solid hsl(var(--white-one));\r\n      box-shadow: 0px 20px 30px rgba(197, 196, 201, 0.25);\r\n      @include font-18;\r\n      &:hover {\r\n        border-color: hsl(var(--main));\r\n      }\r\n    }\r\n  }\r\n  \r\n  \r\n  /* Slick Slider Arrow */\r\n  .slick-arrow {\r\n    position: absolute;\r\n    z-index: 1;\r\n    border: none;\r\n    background-color: transparent;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    transition: .2s linear;\r\n    bottom: clampCal(24, 60);\r\n    left: clampCal(24, 60);\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    margin-top: 0;\r\n    background-color: hsl(var(--white));\r\n    color: hsl(var(--heading-color));\r\n    box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n    @include font-24; \r\n    left: -24px;\r\n    @include msm-screen {\r\n      left: -10px;\r\n    }\r\n  }\r\n  .slick-arrow {\r\n    &:hover {\r\n      background-color: hsl(var(--main));\r\n      color: hsl(var(--white));\r\n    }\r\n  }\r\n  .slick-next {\r\n    right: -24px;\r\n    left: auto;\r\n    @include msm-screen {\r\n      right: -10px;\r\n    }\r\n  }\r\n\r\n\r\n  // Arrow Style Two\r\n\r\n  // .arrow-style-two {\r\n  //   position: relative;\r\n  //   .slick-arrow {\r\n  //     left: auto;\r\n  //     top: auto;\r\n  //     right: 0;\r\n  //     bottom: calc(100% + 50px);\r\n  //     width: 48px;\r\n  //     height: 48px;\r\n  //     border-radius: 5px;\r\n  //     transform: unset;\r\n  //   }\r\n  //   .slick-prev {\r\n  //     right: 60px;\r\n  //   }\r\n  //   .slick-next {\r\n  //     transform: translateX(0px);\r\n  //   }\r\n  // }\r\n\r\n  /* Dots Css Start */ \r\n  .slick-dots {\r\n      text-align: center;\r\n      margin-top: clampCal(24, 60);\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 16px;\r\n      @include lg-screen {\r\n        gap: 8px;\r\n      }\r\n      li {\r\n          display: inline-block;\r\n          button {\r\n              border: none;\r\n              background-color: transparent;\r\n              color: hsl(var(--white));\r\n              width: 16px;\r\n              height: 16px;\r\n              border-radius: 50%;\r\n              text-indent: -9999px;\r\n              transition: .3s linear;\r\n              border: 1px solid hsl(var(--black));\r\n          }\r\n          &.slick-active button {\r\n              background-color: hsl(var(--black));\r\n          }\r\n      }\r\n  }\r\n  /* Dots Css End */\r\n  /* ================= Slick Arrow & Dots css Start ================ */ \r\n  ","/* =============================== Star Rating Css Start =============================== */\r\n.star-rating {\r\n    gap: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    &__item {\r\n        @include font-14; \r\n        color: #FFA944;\r\n    }\r\n}\r\n/* =============================== Star Rating Css End =============================== */","/* ================================= Comment Css Start =========================== */\r\n.comment-list {\r\n    &--two {\r\n        margin-left: clampCal(24, 100);\r\n    }\r\n    &__item {\r\n        padding: 24px;\r\n        border: 1px solid hsl(var(--white-one));\r\n        border-radius: 8px;\r\n        margin-bottom: 16px;\r\n        @include xsm-screen {\r\n            flex-direction: column;\r\n            padding: 24px 16px;\r\n        }\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    &__date {\r\n        @include xsm-screen {\r\n            font-size: 12px !important; \r\n        }\r\n    }\r\n    &__reply  {\r\n        @include font-15; \r\n        @include xsm-screen {\r\n            @include font-14; \r\n        }\r\n    }\r\n    &__thumb {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        @include md-screen {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n    }\r\n}\r\n/* ================================= Comment Css End =========================== */","/* ========================= Blog Sidebar Start =================== */\r\n.common-sidebar-wrapper {\r\n    position: sticky;\r\n    top: 120px;\r\n    padding: 32px 24px;\r\n    background-color: hsl(var(--section-bg));\r\n    border-radius: 8px;\r\n    @include lg-screen {\r\n        padding: 24px;\r\n    }\r\n}\r\n\r\n.common-sidebar {\r\n    margin-bottom: clampCal(24, 32);\r\n    &:last-of-type {\r\n        margin-bottom: 0;\r\n    }\r\n    &__title {\r\n        position: relative;\r\n        margin-bottom: clampCal(16, 24);\r\n        padding-bottom: 8px;\r\n        border-bottom: 1px solid hsl(var(--gray-five));\r\n    }\r\n}\r\n\r\n/* Category Style */\r\n.category-list {\r\n    &__item {\r\n        margin-bottom: 12px;\r\n        transition: .2s linear;\r\n        &:hover {\r\n            margin-left: 8px;\r\n        }\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* Tag */\r\n.tag-list {\r\n    &__link{\r\n        color: hsl(var(--body-color));\r\n        background-color: hsl(var(--white));\r\n        &:hover {\r\n            background-color: hsl(var(--main));\r\n            color: hsl(var(--static-white));\r\n        }\r\n    }\r\n}\r\n/* Tag End */\r\n\r\n/* Latest Blog Css  */\r\n.latest-blog {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 24px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    &:last-of-type {\r\n        margin-bottom: 0px;\r\n    }\r\n    &__thumb {\r\n        width: 80px;\r\n        height: 80px;\r\n        display: flex;\r\n        overflow: hidden;\r\n        border-radius: 5px;\r\n        @include xsm-screen {\r\n            width: 60px;\r\n        }\r\n        a {\r\n            display: block;\r\n            height: 100%;\r\n            width: 100%;\r\n        }\r\n    }\r\n    &__content {\r\n        width: calc(100% - 80px);\r\n        padding-left: 16px;\r\n        @include xsm-screen {\r\n            width: calc(100% - 60px);\r\n        }\r\n    }\r\n}\r\n/* Latest Blog Css End */\r\n/* ========================= Blog Sidebar End =================== */\r\n","/* ===================== Dashboard Sidebar Start ======================= */\r\n.dashboard-sidebar {\r\n    padding: 32px;\r\n    background-color: hsl(var(--white));\r\n    border-right: 1px solid hsl(var(--gray-five));\r\n    transition: .2s linear;\r\n    width: 312px;\r\n    height: 100vh;\r\n    overflow-y: auto;\r\n    position: sticky;\r\n    top: 0;\r\n    /* width */\r\n        &::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n    \r\n    /* Track */\r\n        &::-webkit-scrollbar-track {\r\n        background: transparent;\r\n    }\r\n    \r\n    /* Handle */\r\n        &::-webkit-scrollbar-thumb {\r\n        background: rgb(232, 232, 232); \r\n        border-radius: 10px;\r\n    }\r\n    \r\n    /* Handle on hover */\r\n        &::-webkit-scrollbar-thumb:hover {\r\n        background: #d1d1d1;\r\n    }\r\n    @include md-screen {\r\n        &.active {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n    @include xl-screen {\r\n        padding: 24px;\r\n    }\r\n    @include md-screen {\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n        transform: translateX(-100%);\r\n    }\r\n    &__close {\r\n        position: absolute;\r\n        right: 4px;\r\n        top: 4px;\r\n        font-size: 20px;\r\n    }\r\n    .logo {\r\n        img {\r\n            max-width: 166px !important;\r\n        }\r\n        &.favicon {\r\n            img {\r\n                max-width: 44px;\r\n            }\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n/* Sidebar Menu List Css Start */\r\n.sidebar-list {\r\n    &__item {\r\n        margin-bottom: 8px;\r\n        &.activePage, &:hover {\r\n            .sidebar-list {\r\n                &__link {\r\n                    color: hsl(var(--heading-color));\r\n                    background-color: hsl(var(--gray-seven));\r\n                }\r\n                &__icon {\r\n                    .icon {\r\n                        visibility: hidden;\r\n                        opacity: 0;\r\n                        &-active {\r\n                            visibility: visible;\r\n                            opacity: 1;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    &__link {\r\n        width: 100%;\r\n        color: hsl(var(--body-color));\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 8px 12px;\r\n        border-radius: 8px;\r\n        transition: 0s;\r\n    }\r\n    &__icon {   \r\n        width: 24px;\r\n        height: auto;\r\n        position: relative;\r\n        .icon {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n            &-active {\r\n                visibility: hidden;\r\n                opacity: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Sidebar Menu List Css End */\r\n/* ===================== Dashboard Sidebar End ======================= */","/* ====================== Dashboard nav Css Start =================== */\r\n.dashboard-nav {\r\n    padding-top: 24px;\r\n    padding-bottom: 24px;\r\n    @include lg-screen {\r\n        padding-top: 16px;\r\n        padding-bottom: 16px;\r\n    }\r\n    @include md-screen {\r\n        padding-top: 12px;\r\n        padding-bottom: 12px;\r\n    }\r\n}\r\n\r\n.icon-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    transition: .2s linear;\r\n    &:hover {\r\n        transform: scale(1.1);\r\n    }\r\n}\r\n.bar-icon {\r\n    font-size: 24px;\r\n}\r\n\r\n.arrow-icon {\r\n    display: none;\r\n}\r\n\r\n.search-input {\r\n    position: relative;\r\n    @media (min-width: 1299px) {\r\n        min-width: 415px;\r\n    }\r\n    @include lg-screen {\r\n        max-width: 200px;\r\n    }\r\n    .icon {\r\n        position: absolute;\r\n        left: 12px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n    input {\r\n        padding-left: 42px;\r\n    }\r\n}\r\n\r\n\r\n/* User Profile Css Start */\r\n.user-profile {\r\n    position: relative;\r\n    text-align: center;\r\n    &__thumb {\r\n        width: 40px;\r\n        height: 40px;\r\n        overflow: hidden;\r\n        border-radius: 50%;\r\n    }\r\n    &__button {\r\n        position: relative;\r\n    }\r\n    .user-profile-dropdown {\r\n        border-radius: 8px;\r\n        transition: .2s linear;\r\n        background-color: hsl(var(--white));\r\n        box-shadow: var(--box-shadow);\r\n        width: 200px;\r\n        position: absolute;\r\n        right: 0;\r\n        z-index: 9;\r\n        top: 100%;\r\n        margin-top: 15px;\r\n        padding: 15px;\r\n        transform: scale(0.9);\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        border: 1px solid hsl(var(--gray-five));\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 14px;\r\n            height: 14px;\r\n            top: -7px;\r\n            right: 16px;\r\n            transform: rotate(45deg);\r\n            border: 1px solid hsl(var(--gray-five));\r\n            background-color: hsl(var(--white));\r\n            border-radius: 3px;\r\n            border-bottom: 0;\r\n            border-right: 0;\r\n        }\r\n        @include md-screen {\r\n            transform: unset; \r\n            top: 43px; \r\n        }\r\n        &.show {\r\n            visibility: visible;\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n    }\r\n}\r\n/* User Profile Css End */\r\n\r\n/* ====================== Dashboard nav Css End =================== */\r\n","/* ====================== Change Body gradient Css Start =================*/\r\n.change-gradient {\r\n    --main-gradient: linear-gradient(312deg, hsl(var(--main)) 5.38%, hsl(var(--main-three)) 113.21%);\r\n    --main-gradient-rev: linear-gradient(312deg, hsl(var(--main-three)) 5.38%, hsl(var(--main)) 113.21%);\r\n}\r\n/* ====================== Change Body gradient Css End =================*/","/* =========================== Banner Section Start Here ========================= */\r\n.hero {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 132px 0;\r\n    @include md-screen {\r\n        padding: 80px 0;\r\n    }\r\n    @include sm-screen {\r\n        padding: 60px 0;\r\n    }\r\n}\r\n\r\n.hero-inner {\r\n    &__title {\r\n        margin-bottom: 24px;\r\n        font-size: clamp(2rem, -2.0093rem + 7.85vw, 4.5rem);\r\n        text-transform: capitalize;\r\n        @include md-screen {\r\n            margin-bottom: 16px;\r\n        }\r\n    }\r\n    &__desc {\r\n        max-width: 572px;\r\n        margin-bottom: clampCal(24, 48);\r\n    }\r\n}\r\n\r\n.hero-thumb {\r\n    max-width: 744px;\r\n    max-height: 614px;\r\n    margin-right: auto;\r\n    position: relative;\r\n    transform: translateX(120px);\r\n    @include xxxl-screen {\r\n        transform: translateX(80px);\r\n    }\r\n    @include xxl-screen {\r\n        transform: translateX(0px);\r\n    }\r\n}\r\n\r\n/* tech list start */\r\n.product-category-list {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    \r\n    @include lg-screen {\r\n        margin-top: 24px;\r\n        gap: 12px;\r\n    }\r\n    &__item {\r\n        width: 48px;\r\n        height: 48px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--white));\r\n        flex-shrink: 0;\r\n        @include lg-screen {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n    }\r\n}\r\n/* tech list End */\r\n\r\n/* Statistics Start */\r\n\r\n.statistics {\r\n    padding: 34px 16px;\r\n    border-radius: 16px;\r\n    border: 1px solid hsl(var(--white));\r\n    box-shadow: 0px 20px 30px 0px rgba(94, 53, 242, 0.3);\r\n    display: inline-block;\r\n    aspect-ratio: 1;\r\n    min-width: 120px;\r\n    top: 42%;\r\n    left: 33%;\r\n    position: absolute;\r\n    &.style-two {\r\n        right: 0px;\r\n        border-radius: 16px;\r\n        box-shadow: -10px 20px 30px 0px rgba(189, 190, 204, 0.5);\r\n        left: auto;\r\n        top: 60px;\r\n        max-width: 120px;\r\n    }\r\n    &.style-three {\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-shadow: none !important;\r\n        padding: 34px 10px;\r\n        @media (min-width: 1699px) {\r\n            min-width: 196px;\r\n        }\r\n        .statistics {\r\n            &__amount {\r\n                margin-bottom: 8px;\r\n            }\r\n            &__text {\r\n                @include xxl-screen {\r\n                    @include font-14; \r\n                }\r\n                @include xl-screen {\r\n                    @include font-12; \r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n    &.animation {\r\n        animation: upDown 20s linear infinite;\r\n    }\r\n    &__amount {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\n/* Statistics End */\r\n@keyframes upDown {\r\n    0%, 100% {\r\n        transform: translateY(0px) scale(1);\r\n    }\r\n    25% {\r\n        transform: translateY(30px) scale(1.1);\r\n    }\r\n    50% {\r\n        transform: translateY(0px) scale(1);\r\n    }\r\n    75% {\r\n        transform: translateY(-30px) scale(1.1);\r\n    }\r\n}\r\n\r\n.dotted-img {\r\n    position: absolute;\r\n    left: 20%;\r\n    top: 37%;\r\n    z-index: -1;\r\n    animation: scaling 20s linear infinite;\r\n    max-width: 75%;\r\n    @include msm-screen {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@keyframes scaling {\r\n    0%, 100% {\r\n        transform: scale(.6);\r\n    }\r\n    50% {\r\n        transform: scale(1.2);\r\n    }\r\n}\r\n\r\n\r\n.dotted-img.style-three {\r\n    position: absolute;\r\n    right: 2%;\r\n    top: 84px;\r\n    z-index: -1;\r\n    animation: scaling 20s linear infinite;\r\n    max-width: 75%;\r\n    left: auto;\r\n}\r\n\r\n\r\n/* Auto Suggestions Css Start */\r\n.auto-suggestion-list {\r\n    background-color: hsl(var(--white));\r\n    border-radius: 0 0 8px 8px;\r\n    overflow: hidden;\r\n    display: none;\r\n    box-shadow: 0 0.125rem 1px rgba(0, 0, 0, 0.075) !important; \r\n    max-height: 280px;\r\n    overflow-y: auto;\r\n    position: absolute;\r\n    top: 100%;\r\n    width: 100%;\r\n    left: 0;\r\n    z-index: 1;\r\n     &::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n    &::-webkit-scrollbar-track {\r\n        background: transparent;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        background: rgb(232, 232, 232); \r\n        border-radius: 10px;\r\n    }\r\n    &::-webkit-scrollbar-thumb:hover {\r\n        background: #d1d1d1;\r\n    }\r\n    &__item {\r\n        padding: 10px 24px;\r\n        cursor: pointer;\r\n        &:hover {\r\n            background-color: hsl(var(--black)/.06);\r\n        }\r\n    }\r\n}\r\n\r\n.auto-suggestion-input {\r\n    &.active {\r\n        border-radius: 8px 8px 0 0 !important;\r\n        box-shadow: none !important;\r\n    }\r\n    &::placeholder {\r\n        visibility: visible !important; \r\n        opacity: 1 !important;\r\n    }\r\n}\r\n\r\n.auto-suggestion-list {\r\n    &.active {\r\n        display: block;\r\n        border-top: 1px solid hsl(var(--black)/.06);\r\n    }\r\n}\r\n\r\n[data-theme=light] {\r\n    .auto-suggestion-list__item {\r\n        background: var(--dark-black-three);\r\n        &:hover {\r\n            background-color: var(--dark-black-two) !important;\r\n        }\r\n    }\r\n}\r\n/* Auto Suggestions Css End */\r\n\r\n/* =========================== Banner Section End Here ========================= */","/* ======================== popular Section Css Start =========================== */\r\n.popular {\r\n    &__button {\r\n        margin-top: clampCal(24, 48);\r\n    }\r\n}\r\n\r\n.popular-item {\r\n    padding: 40px 16px;\r\n    text-align: center;\r\n    border-radius: 8px;\r\n    background: linear-gradient(117deg, #FFF2F9 14.01%, #F2EEFF 120.85%);\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: .2s linear;\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% - 16px);\r\n        height: calc(100% - 16px);\r\n        border-radius: inherit;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background-color: hsl(var(--white));\r\n        z-index: -1;\r\n    }\r\n    &__icon {   \r\n        width: 88px;\r\n        height: 88px;\r\n        display: inline-flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--section-bg));\r\n    }\r\n    &__title {\r\n        margin-bottom: 0;\r\n        margin-top: 24px;\r\n    }\r\n}\r\n/* ======================== popular Section Css End =========================== */","/* =========================== Product Css Start ========================== */\r\n.product-item {\r\n    border-radius: 8px;\r\n    background-color: hsl(var(--white));\r\n    overflow: hidden;\r\n    transition: .2s linear;\r\n    @media (min-width: 424px) and (max-width: 575px) {\r\n        display: flex;\r\n    }\r\n    &.overlay-none {\r\n        .product-item__thumb {\r\n            &::before {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n        .product-item {\r\n            &__thumb {\r\n                &::before {\r\n                    height: 100%;\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                    z-index: 1;\r\n                }\r\n                img {\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__thumb {\r\n        margin: 8px;\r\n        border-radius: inherit;\r\n        overflow: hidden;\r\n        padding-bottom: 0;\r\n        position: relative;\r\n        @media (min-width: 575px) {\r\n            max-height: 156px;\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 0%;\r\n            left: 0;\r\n            bottom: 0;\r\n            border-radius: 8px;\r\n            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 4, 37, 0.50) 69.5%, rgba(0, 4, 37, 0.50) 100%);\r\n            pointer-events: none;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n        img {\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n    &__wishlist {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 8px;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 30px;\r\n        background-color: hsl(var(--white)/.5);\r\n        backdrop-filter: blur(5px);\r\n        color: hsl(var(--black));\r\n        z-index: 2;\r\n        transition: .2s linear;\r\n        &:active {\r\n            transform: scale(1.15);\r\n        }\r\n        &.style-two {\r\n            position: relative;\r\n            top: 0;\r\n            right: 0;\r\n            background-color: hsl(var(--section-bg));\r\n            width: 32px;\r\n            height: 32px;\r\n            @include font-12; \r\n            &:hover {\r\n                background-color: hsl(var(--black));\r\n                color: hsl(var(--white));\r\n            }\r\n        }\r\n        &:hover {\r\n            background-color: hsl(var(--white));\r\n        }\r\n        &.active {\r\n            background-color: hsl(var(--black));\r\n            color: hsl(var(--white));\r\n        }\r\n    }\r\n    &__content {\r\n        padding: 24px 16px;\r\n        padding-top: 16px;\r\n    }\r\n    &__title {\r\n        margin-bottom: 8px;\r\n        text-transform: capitalize; \r\n        font-weight: 600;\r\n        .link {\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;  \r\n            overflow: hidden;\r\n        }\r\n    }\r\n    &__info {\r\n\r\n    }\r\n    &__author {\r\n        @include font-14; \r\n        font-weight: 400;\r\n        color: hsl(var(--black-three));\r\n        .link {\r\n            color: inherit; \r\n        }\r\n    }\r\n    &__price {\r\n\r\n    }\r\n    &__prevPrice {\r\n        @include font-14; \r\n        font-weight: 400;\r\n        color: hsl(var(--gray-three));\r\n    }\r\n    &__bottom {\r\n        margin-top: 16px;\r\n        padding-top: 16px;\r\n        border-top: 1px solid hsl(var(--gray-five));\r\n        @include sm-screen {\r\n            margin-top: 8px;\r\n            padding-top: 8px;\r\n        }\r\n    }\r\n    &__sales {\r\n\r\n    }\r\n}\r\n\r\n.download-icon {\r\n    &:hover {\r\n        .icon {\r\n            .dark-version {\r\n                display: block !important;\r\n            }\r\n            .white-version {\r\n                display: none !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Author Css Start */\r\n.author-info {\r\n    &__thumb {\r\n        width: 114px;\r\n        height: 114px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--white));\r\n        position: relative;\r\n        z-index: 1;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 80px;\r\n            height: 80px;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n            background-color: hsl(var(--section-bg));\r\n            z-index: -1;\r\n            border-radius: inherit;\r\n        }\r\n    }\r\n}\r\n/* Author Css End */\r\n/* =========================== Product Css End ========================== */","/* ======================= Featured Products Css Start =============================== */\r\n.card-wrapper {\r\n    @media (min-width: 576px) { \r\n        margin-bottom: 56px;\r\n    }\r\n    div[class*=\"col\"]:nth-child(even) {\r\n        .product-item {\r\n            @media (min-width: 576px) {\r\n                transform: translateY(56px);\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ======================= Featured Products Css End =============================== */","/* ======================= Selling Products css Start ========================= */\r\n.selling-product {\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 100%;\r\n        height: 62%;\r\n        background-color: hsl(var(--black));\r\n        left: 0;\r\n        top: 0;\r\n        z-index: -1;\r\n    }\r\n    .bg--gradient {\r\n        @media (min-width: 575px) {\r\n            top: 0;\r\n            transform: unset;\r\n            height: 62%;\r\n        }\r\n    }\r\n    .slick-arrow {\r\n        top: 56%;\r\n    }\r\n}\r\n/* ======================= Selling Products css End ========================= */","/* ======================= To Featured Author Css Start =============================== */\r\n.top-author {\r\n  .spider-net {\r\n    left: -18% !important;\r\n  }\r\n}\r\n\r\n.follow-btn.active {\r\n  background-color: hsl(var(--main)) !important;\r\n  color: hsl(var(--static-white)) !important;\r\n}\r\n.circle-content {\r\n  @media (min-width: 575px) {\r\n    margin-left: 80px;\r\n  }\r\n}\r\n\r\n/* text Circle Rotation */\r\n.circle {\r\n  position: relative;\r\n  margin-bottom: 24px;\r\n  width: 158px;\r\n  height: 158px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: hsl(var(--white) / 0.5);\r\n  backdrop-filter: blur(6px);\r\n  z-index: 21;\r\n  border: 1px solid hsl(var(--white));\r\n\r\n  @media (min-width: 575px) {\r\n    top: 64px;\r\n    left: -80px;\r\n    position: absolute;\r\n  }\r\n\r\n  &.style-two {\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n      margin-bottom: 0;\r\n      position: absolute !important; \r\n      @include msm-screen {\r\n        width: 120px;\r\n        height: 120px;\r\n      }\r\n    .circle {\r\n      &__text span {\r\n        transform-origin: 0 76px;\r\n        @include msm-screen {\r\n          font-size: 14px;\r\n        }\r\n        @include msm-screen {\r\n          transform-origin: 0 58px;\r\n        }\r\n      }\r\n      &__badge {\r\n        border-color: hsl(var(--white));\r\n      } \r\n    }\r\n  }\r\n\r\n  &.static-circle {\r\n    border-color: hsl(var(--static-white));\r\n    border-color: hsl(var(--static-white));\r\n    background-color: hsl(var(--static-white)/0.5);\r\n    .circle__badge {\r\n      border-color: hsl(var(--static-white));\r\n    }\r\n    .circle__text {\r\n      color: hsl(var(--static-black)) !important;\r\n    }\r\n    \r\n    .circle__text span {\r\n        color: hsl(var(--static-black));\r\n    }\r\n  }\r\n\r\n  &__badge {\r\n    border: 1px solid hsl(var(--main));\r\n    width: 74px;\r\n    height: 74px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: inherit;\r\n  }\r\n  &__text {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: hsl(var(--heading-color));\r\n    font-size: 1rem;\r\n    animation: textRotation 8s linear infinite;\r\n    span {\r\n      position: absolute;\r\n      left: 50%;\r\n      font-size: 1rem;\r\n      font-family: \"inter\";\r\n      transform-origin: 0 78px;\r\n      color: hsl(var(--heading-color));\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes textRotation {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n/* text Circle Rotation */\r\n/* ======================= To Featured Author Css End =============================== */\r\n","/* ===================== Top Performance Start ============================= */\r\n.top-performance {\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 750px;\r\n        height: 613px;\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(242, 5, 135, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        right: -100px;\r\n        top: 120px;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.performance-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n   &__item {\r\n        background: #ddd;\r\n        aspect-ratio: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50% 0px 50% 0px;\r\n        flex-direction: column;\r\n        &:nth-child(1) {\r\n            background-color: #FDFBEB;\r\n            border-radius: 0px 50% 0px  50%;\r\n        }\r\n        &:nth-child(2) {\r\n            background-color: #DAD1FD;\r\n        }\r\n        &:nth-child(3) {\r\n            background-color: #FDCDF8;\r\n        }\r\n        &:nth-child(4) {\r\n            background-color: #D0FBFE;\r\n            border-radius: 0px 50% 0px  50%;\r\n        }\r\n    }\r\n    &__text, &__count {\r\n        color: hsl(var(--static-black));\r\n        margin-bottom: 8px;\r\n    }\r\n    &__count {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n/* ===================== Top Performance End ============================= */\r\n","/* =========================== Blog Section Css Start ========================== */\r\n.post-item {\r\n    background-color: hsl(var(--white));\r\n    border-radius: 16px;;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    &:hover {\r\n        .post-item {\r\n            &__thumb {\r\n                img {\r\n                    transform: scale(1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__thumb {\r\n        max-height: 294px;\r\n        overflow: hidden;\r\n         img {\r\n            transform: scale(1.1);\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n    &__content {\r\n        padding: clampCal(16, 24);\r\n    }\r\n    &__top {\r\n        gap: clampCal(16, 24, 1199, 1399);\r\n    }\r\n    &__tag {\r\n        padding: 8px 16px;\r\n        background-color:#F5F7F9;\r\n    }\r\n    &__title {\r\n        margin: 24px 0 32px;\r\n        .link {\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;  \r\n            overflow: hidden;\r\n        }\r\n    }\r\n}\r\n/* =========================== Blog Section Css End ========================== */","/* ======================= Become Seller Section Css start ==================== */\r\n.seller-two {\r\n    background-image: url(../images/shapes/wave-shape.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: top;\r\n    position: relative;\r\n    background-color: hsl(var(--white));\r\n    padding-top: 216px;\r\n    @include lg-screen {\r\n        padding-top: 120px;\r\n        background-color: hsl(var(--section-bg));\r\n        background-image: none;\r\n    }\r\n    @include msm-screen {\r\n        padding-bottom: 60px;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 835px;\r\n        height: 682px;\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(94, 53, 242, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        bottom: 56px;\r\n        right: -280px;\r\n    }\r\n}\r\n\r\n.arrow-img {\r\n    position: absolute;\r\n    bottom: -40px;\r\n    left: 25%;\r\n}\r\n\r\n.seller-item {\r\n    padding: clampCal(24, 75) clampCal(24, 46);\r\n    border-radius: 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    background-color: #F3EBFF;\r\n    &.bg-two {\r\n        background-color: #FFCBE7;\r\n    }\r\n    &.bg-three {\r\n        background-color: #D7FDFF;\r\n    }\r\n\r\n    &__title {\r\n        margin-bottom: 24px;   \r\n        color: hsl(var(--static-black));\r\n    }\r\n    &__desc {\r\n        margin-bottom: clampCal(24, 40);\r\n        color: hsl(var(--static-black)) !important;\r\n    }\r\n    // .btn-outline-black {\r\n    //     border-color: hsl(var(--static-black)) !important;\r\n    //     color: hsl(var(--static-black)) !important;\r\n    // }\r\n}\r\n\r\n.support {\r\n    border-radius: 16px;\r\n    background-color: #FFEFF4;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 16px;\r\n    @include sm-screen {\r\n        padding: 24px;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        border-radius: 608px;\r\n        width: 608px;\r\n        height: 608px;\r\n        transform: rotate(41deg);\r\n        background-color: rgba(255, 80, 143, 0.30);\r\n        filter: blur(75px);\r\n        top: 88%;\r\n        left: 0;\r\n    }\r\n    &-content {\r\n        padding-left: 24px;\r\n        &__title {\r\n            color: hsl(var(--static-black));\r\n        }\r\n        @include sm-screen {\r\n            padding-left: 0px;\r\n        }\r\n        &__desc {\r\n            margin-bottom: 24px;\r\n            font-size: clampCal(16, 20);\r\n            color: hsl(var(--static-black));\r\n        }\r\n        // .btn-black {\r\n        //     background-color: hsl(var(--static-black)) !important;\r\n        //     border-color: hsl(var(--static-black)) !important;\r\n        //     color: hsl(var(--static-white)) !important;\r\n        // }\r\n    }\r\n}\r\n.arrow-shape {\r\n    position: absolute;\r\n    left: 31%;\r\n    top: 31%;\r\n    max-width: 28%;\r\n    @include md-screen {\r\n        display: none;\r\n    }\r\n}\r\n/* ======================= Become Seller Section Css End ==================== */","/* ======================== Brand Section Css Start ========================= */\r\n.brand {\r\n    margin: 60px 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    @include sm-screen {\r\n        margin: 40px;\r\n    }\r\n    @media (min-width: 1200px) {\r\n        margin-bottom: -70px;\r\n        margin-top: 25px;\r\n    }\r\n}\r\n/* ======================== Brand Section Css End ========================= */","/* ============================== Banner Two Css Start =========================== */\r\n.banner-two {\r\n    background-color: hsl(var(--gray-seven));\r\n    padding: 160px 0;\r\n    position: relative;\r\n    @include lg-screen {\r\n        padding: 120px 0;\r\n    }\r\n    @include md-screen {\r\n        padding: 100px 0;\r\n    }\r\n    @include sm-screen {\r\n        padding: 80px 0;\r\n    }\r\n    &__content {\r\n        max-width: 880px;\r\n        margin: 0 auto;\r\n    }\r\n    &__title {\r\n        @media (min-width: 992px) and (max-width: 1299px) {\r\n            font-size: 60px;\r\n        }\r\n    }\r\n    &__desc {\r\n        margin-bottom: 32px;\r\n        max-width: 590px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        @include lg-screen {\r\n            margin-bottom: 24px;\r\n        }\r\n    }\r\n}\r\n\r\n.popular-search {\r\n    margin-top: clampCal(24, 64);\r\n}\r\n\r\n.search-list {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    &__link {\r\n        padding: 3px 10px;\r\n        border-radius: 50px;\r\n        border: 1px solid hsl(var(--border-color));\r\n        outline: 1px solid transparent;\r\n        &:hover {\r\n            color: hsl(var(--main)) !important;\r\n            font-weight: 600;\r\n            border-color: hsl(var(--main));\r\n            background-color: hsl(var(--main)/.08);\r\n            outline-color: hsl(var(--main));\r\n        }\r\n    }\r\n}\r\n\r\n/* Statistics */\r\n.statistics-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 36px;\r\n    @include xl-screen {\r\n        display: inline-grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        width: 100%;\r\n        gap: 24px;\r\n    }\r\n    @include sm-screen {\r\n        gap: 14px;\r\n    }\r\n    &.style-right {\r\n        .statistics {\r\n            &:nth-child(1) {\r\n                @media (min-width: 1200px) {\r\n                    margin-top: 96px;\r\n                }\r\n            }\r\n            &:nth-child(2) {\r\n                margin-top: 0px;\r\n            }\r\n        }\r\n    }\r\n    .statistics {\r\n        &:nth-child(2) {\r\n            @media (min-width: 1200px) {\r\n                margin-top: 96px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* ============================== Banner Two Css End =========================== */","/* ============================ Popular Item Section Start =========================== */\r\n.popular-item-card-section {\r\n    position: relative;\r\n    z-index: 1;\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 675px;\r\n        height: 552px;\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(94, 53, 242, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        left: 0;\r\n        bottom: 200px;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.popular-item-card {\r\n    background-color: hsl(var(--white));\r\n    padding: 20px;\r\n    box-shadow: var(--box-shadow);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    box-shadow: 0px 5px 20px 0px rgba(189, 190, 204, 0.4);\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n        .product-item {\r\n            &__bottom {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .popular-item-card {\r\n            &__thumb {\r\n                &::before {\r\n                    height: 100%;\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                    z-index: 1;\r\n                }\r\n                img {\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__thumb {\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        z-index: 1;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 0%;\r\n            left: 0;\r\n            bottom: 0;\r\n            border-radius: 8px;\r\n            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 4, 37, 0.50) 69.5%, rgba(0, 4, 37, 0.50) 100%);\r\n            pointer-events: none;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n        img {\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n\r\n    .product-item {\r\n        &__bottom {\r\n            position: absolute;\r\n            bottom: 0;\r\n            color: hsl(var(--white));\r\n            z-index: 2;\r\n            width: 100%;\r\n            padding: 16px;\r\n            padding-top: 0;\r\n            margin-top: 0;\r\n            border-top: 0;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n        &__author {\r\n            color: hsl(var(--white));\r\n        }\r\n    }\r\n    \r\n    &__content {\r\n        margin-top: 24px;\r\n    }\r\n    &__title {\r\n        text-transform: capitalize;\r\n        .link {\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 1;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n    }  \r\n}\r\n.btn-link {\r\n    &:hover {\r\n        transform: scale(1.2);\r\n    }\r\n} \r\n/* ============================ Popular Item Section End =========================== */","/* ======================= Featured Contributor Section Css Start ================== */\r\n.featured-contributor {\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(94, 53, 242, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        width: 752px;\r\n        height: 614px;\r\n        right: -224px;\r\n        bottom: 70px;\r\n    }\r\n}\r\n\r\n.contributor-item {\r\n    background-color: hsl(var(--black));\r\n    border-radius: 16px;\r\n    padding: 8px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n        .contributor-item {\r\n            &__thumb {\r\n                &::before {\r\n                    height: 100%;\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                    z-index: 1;\r\n                }\r\n                img {\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n            &__link {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    &__thumb {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 0%;\r\n            left: 0;\r\n            bottom: 0;\r\n            border-radius: 8px;\r\n            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 4, 37, 0.50) 69.5%, rgba(0, 4, 37, 0.50) 100%);\r\n            pointer-events: none;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n        img {\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n    &__link {\r\n        position: absolute;\r\n        z-index: 1;\r\n        right: 16px;\r\n        bottom: 16px;\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        transition: .2s linear;\r\n        &:hover {\r\n            transform: scale(1.2);\r\n        }\r\n    }\r\n    &__badge {\r\n        position: absolute;\r\n        right: 24px;\r\n        top: 0;\r\n    }\r\n}\r\n\r\n.contributor-info {\r\n    padding: 12px 8px;\r\n    padding-bottom: 20px;\r\n    &__thumb {\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--white));\r\n    }\r\n}\r\n/* ======================= Featured Contributor Section Css Start ================== */","/* ======================== Service Section Css Start ========================== */\r\n.service {\r\n    background-color: #F3EBFF;\r\n}\r\n\r\n.service-item {\r\n    border-radius: 16px; \r\n    background-color: hsl(var(--white));\r\n    overflow: hidden;\r\n    padding: 32px;\r\n    transition: .2s linear;\r\n    position: relative;\r\n    z-index: 1;\r\n    height: 100%;\r\n    &:hover {\r\n        background-color: hsl(var(--black));\r\n        .hover-bg {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n        .service-item {\r\n            &__title {\r\n                color: hsl(var(--static-white));\r\n            }\r\n            &__desc {\r\n                color: hsl(var(--static-white));\r\n            }\r\n        }\r\n        .btn-simple {\r\n            color: hsl(var(--static-white));\r\n        }\r\n    }\r\n    @include lg-screen {\r\n        padding: 24px;\r\n    }\r\n    @include md-screen {\r\n        padding: 24px 16px;\r\n    }\r\n\r\n    &__icon {\r\n        width: 80px;\r\n        height: 80px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: #F5F7F9;\r\n        @include msm-screen {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n    }   \r\n    &__title {\r\n        transition: .2s linear;\r\n    }\r\n    &__desc {\r\n        margin-bottom: 24px;\r\n        transition: .2s linear;\r\n        @include md-screen {\r\n            margin-bottom: 16px;\r\n        }\r\n    }\r\n}\r\n\r\n.hover-bg-main {\r\n    position: relative;\r\n    z-index: 1;\r\n    &:hover {\r\n        .hover-bg {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n.hover-bg {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: .2s linear; \r\n    z-index: -1;\r\n}\r\n\r\n\r\n.btn-simple {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: hsl(var(--heading-color));\r\n    font-weight: 500;\r\n    &:hover {\r\n        color: hsl(var(--main));\r\n        .icon {\r\n            margin-left: 8px;\r\n        }\r\n    }\r\n    .icon {\r\n        transition: .2s linear;\r\n    }\r\n}\r\n\r\n/* ======================== Service Section Css End ========================== */","/* ======================= Testimonial Section Css Start ============================ */\r\n.testimonial {\r\n    .slick-arrow {\r\n        top: 48%;\r\n        margin-top: -2px;\r\n        @include lg-screen {\r\n            top: 52%;\r\n        }\r\n        @include md-screen {\r\n            top: 45%;\r\n        }\r\n        @include sm-screen {\r\n            top: 50%;\r\n        }\r\n        @include xsm-screen {\r\n            top: 53%; \r\n        }\r\n    }\r\n}\r\n\r\n.testimonial-item {\r\n    padding: 40px 32px;\r\n    background-color: hsl(var(--white));\r\n    border-radius: 16px;\r\n    transition: .2s linear;\r\n    @include lg-screen {\r\n        padding: 32px;\r\n    }\r\n    @include md-screen {\r\n        padding: 24px;\r\n    }\r\n    @include msm-screen {\r\n        padding: 24px 16px;\r\n    }\r\n    &:hover {\r\n        background-color: hsl(var(--black));\r\n        .testimonial-item {\r\n            &__desc {\r\n                color: hsl(var(--static-white));\r\n            }\r\n        }\r\n        .quote-white {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n        .quote-dark {\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n        .client-info {\r\n            &__name {\r\n                color: hsl(var(--static-white));\r\n            }\r\n            &__designation {\r\n                color: hsl(var(--static-white)) !important;\r\n                font-weight: 400 !important;\r\n            }\r\n        }\r\n    }\r\n    &__desc {\r\n        font-size: clampCal(15, 20);\r\n        margin-bottom: clampCal(24, 40);\r\n    }\r\n    &__quote {\r\n        text-align: end;\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 25px;\r\n        margin-bottom: clampCal(24, 40);\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% - 40px);\r\n            height: 1px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: hsl(var(--gray-five));\r\n            left: -32px;\r\n            z-index: -1;\r\n            @include md-screen {\r\n                left: -24px;\r\n            }\r\n        }\r\n        .quote {\r\n            position: absolute;\r\n            right: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            &-white {\r\n                visibility: hidden;\r\n                opacity: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Client Info */\r\n.client-info {\r\n    &__thumb {\r\n        width: 72px;\r\n        height: 72px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n    &__name {\r\n        transition: .2s linear;\r\n    }\r\n    &__designation {\r\n        transition: .2s linear;\r\n    }\r\n}\r\n\r\n/* ======================= Testimonial Section Css End ============================ */","/* ========================= Pricing Plan Section Css Start ============================ */\r\n.pricing-tabs {\r\n    position: relative;\r\n    background-color: #F5F7F9;\r\n    padding: 8px;\r\n    border-radius: 56px;\r\n    @include lg-screen {\r\n        padding: 4px;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 2px);\r\n        height: calc(100% + 2px);\r\n        background: var(--main-gradient);\r\n        left: -1px;\r\n        top: -1px;\r\n        border-radius: inherit;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.pricing-item {\r\n    border-radius: 16px;\r\n    background-color: #F5F7F9;\r\n    padding: 32px 24px;\r\n    background-color: hsl(var(--white));\r\n    box-shadow: var(--box-shadow);\r\n    transition: .2s linear;\r\n    &:hover {\r\n        background-color: hsl(var(--black));\r\n        .pricing-item {\r\n            &__top {\r\n                &::before {\r\n                    background-color: hsl(var(--static-white)/.3);\r\n                }\r\n            }\r\n            &__title {\r\n                color: hsl(var(--static-white));\r\n            }\r\n            &__price {\r\n                color: hsl(var(--static-white));\r\n                .text {\r\n                    color: hsl(var(--static-white)) !important;\r\n                }\r\n            }\r\n            &__desc {\r\n                color: hsl(var(--static-white));\r\n            }\r\n        }\r\n        .text-list {\r\n            &__item {\r\n                color: hsl(var(--static-white)) !important;\r\n            }\r\n        }\r\n        .btn-outline-light {\r\n            background: var(--main-gradient);\r\n            border-color: transparent !important;\r\n            color: hsl(var(--white)) !important;\r\n            transition: .2s linear;\r\n            &:hover {\r\n                transform: scale(1.04);\r\n            }\r\n        }\r\n    }\r\n    &__top {\r\n        padding-bottom: clampCal(16, 32);\r\n        margin-bottom: clampCal(16, 32);\r\n        position: relative;\r\n        &::before {\r\n            position: absolute; \r\n            content: \"\";\r\n            width: calc(100% + 48px);\r\n            height: 1px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            bottom: 0;\r\n            background-color: hsl(var(--gray-five));\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n    &__icon {\r\n        border-radius: 50%;\r\n        border: 1px solid hsl(var(--white-one));\r\n        background-color: hsl(var(--white));\r\n        width: 72px;\r\n        height: 72px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n    }\r\n    &__title {\r\n        transition: .2s linear;\r\n    }\r\n    &__price {\r\n        transition: .2s linear;\r\n    }\r\n    &__desc {\r\n        margin-bottom: clampCal(24, 40);\r\n        transition: .2s linear;\r\n    }\r\n    &__lists {\r\n        margin-top: clampCal(24, 40);\r\n    }\r\n}\r\n\r\n.text-list {\r\n    &__item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 16px;\r\n        transition: .2s linear;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n        .icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            border-radius: 50%;\r\n            border: 1px solid hsl(var(--white-one));\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n}\r\n\r\n.popular-badge {\r\n    background-color: hsl(var(--main-two));\r\n    color: hsl(var(--static-black));\r\n    padding: 3px 16px;\r\n    padding-left: 28px;\r\n    position: relative;\r\n    right: -24px;\r\n    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 8% 52%);\r\n    font-size: 18px;\r\n    @include sm-screen {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n/* ========================= Pricing Plan Section Css End ============================ */","/* =========================== Article Section Css Start ============================ */\r\n.article-item-wrapper {\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n}\r\n\r\n.article-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: clampCal(16, 40);\r\n    border: 1px solid hsl(var(--gray-five));\r\n    border-left: 0;\r\n    border-right: 0;\r\n\r\n    @include sm-screen {\r\n        min-width: max-content;\r\n    }\r\n    \r\n    &:hover {\r\n        .article-item {\r\n            &__thumb {\r\n                top: 16px;\r\n                visibility: visible;\r\n                opacity: 1;\r\n                @include sm-screen {\r\n                    top: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__inner {\r\n        gap: clampCal(24, 75);\r\n        flex-grow: 1;\r\n        padding: 32px 0;\r\n        @include lg-screen {\r\n            padding: 24px 0;\r\n        }\r\n        @include sm-screen {\r\n            padding: 16px 0;\r\n        }\r\n    }\r\n    &__center {\r\n        gap: clampCal(24, 90);\r\n    }\r\n    &__content {\r\n        max-width: 476px;\r\n        @include md-screen {\r\n            max-width: 330px;\r\n        }\r\n    }\r\n    &__top {\r\n        gap: clampCal(8, 24);\r\n        margin-bottom: clampCal(12, 24);\r\n    }\r\n    &__tag {\r\n        padding: 4px 16px;\r\n        border-radius: 50px;\r\n        border: 1px solid hsl(var(--gray-five));\r\n        color: hsl(var(--black-three));\r\n        &:hover {\r\n            border-color: hsl(var(--main));\r\n            color: hsl(var(--main));\r\n        }\r\n    }\r\n    &__thumb {\r\n        max-width: 300px;\r\n        max-height: 190px;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        position: absolute;\r\n        right: 40px;\r\n        z-index: 1;\r\n        top: 32px;\r\n        transform: rotate(-15deg);\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        transition: .2s linear;\r\n        @include sm-screen {\r\n            position: relative;\r\n            visibility: visible;\r\n            opacity: 1;\r\n            top: 0px;\r\n            transform: rotate(0);\r\n            right: 0;\r\n        }\r\n    }\r\n    &__end {\r\n        margin-right: 24px;\r\n        margin-top: clampCal(16, 40);\r\n        @include lg-screen {\r\n            margin-right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.user-info {\r\n    &__thumb {\r\n        width: 86px;\r\n        height: 86px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n}\r\n/* =========================== Article Section Css End ============================ */","/* ========================= Resource Section Css Start =========================== */\r\n\r\n.resource {\r\n    position: relative;\r\n    &.style-two {\r\n        &::before {\r\n            background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(94, 53, 242, 0.20) 105.91%);\r\n            bottom: auto;\r\n        }\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(5, 228, 242, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        width: 712px;\r\n        height: 582px;\r\n        left: -224px;\r\n        bottom: 60px;\r\n        z-index: -1;\r\n    }\r\n\r\n    .slick-arrow {\r\n        top: 96px;\r\n        transform: unset;\r\n    }\r\n}\r\n/* ========================= Resource Section Css End =========================== */","/* ====================== Newsletter Section Css Start ===================== */\r\n.newsletter {\r\n    background-color: hsl(var(--static-black));\r\n    padding: 52px 0;\r\n}\r\n\r\n.newsletter-box {\r\n    .btn {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        @include sm-screen {\r\n            right: 4px;\r\n            padding: 17px 24px;\r\n        }\r\n    }\r\n    \r\n    .common-input {\r\n        padding-right: 210px;\r\n        @include sm-screen {\r\n            padding-right: 130px;\r\n        }\r\n    }\r\n}\r\n\r\n.newsletter-man {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: clampCal(0, 130, 1399,  1699);\r\n    z-index: -1;\r\n    @include lg-screen {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n/* Newsletter Two Css Star */\r\n.newsletter-two-content {\r\n    max-width: 600px;\r\n}\r\n/* Newsletter Two Css End */\r\n/* ====================== Newsletter Section Css End ===================== */","/* ======================== Breadcrumb One Section Css Start ===================== */\r\n.breadcrumb {\r\n    margin-bottom: 0;\r\n    padding: 60px 0;\r\n}\r\n.breadcrumb-one-content {\r\n    max-width: 704px;\r\n    &__desc {\r\n        margin-bottom: 32px;\r\n        @include md-screen {\r\n            margin-bottom: 24px;\r\n        }\r\n    }\r\n    .search-box {\r\n        max-width: 636px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.breadcrumb.border-bottom {\r\n    border-bottom: 1px solid hsl(var(--gray-five)) !important;\r\n}\r\n/* ======================== Breadcrumb One Section Css End ===================== */","/* ======================== Breadcrumb Two Section Css End ===================== */\r\n.breadcrumb-two {\r\n    padding: 72px 0;\r\n    @include md-screen {\r\n        padding: 60px 0;\r\n    }\r\n}\r\n.breadcrumb-content {\r\n    &__item {\r\n        @include md-screen {\r\n            @include font-14; \r\n        }\r\n    }\r\n}\r\n\r\n.breadcrumb-tab {\r\n    @include msm-screen {\r\n        margin-bottom: 24px;\r\n    }\r\n}\r\n\r\n/* Social Icons Css Start */\r\n.social-share {\r\n    position: relative;\r\n    &__button {\r\n        color: hsl(var(--body-color));\r\n    }\r\n    &__icons {\r\n        background-color: hsl(var(--white));\r\n        padding: 12px;\r\n        border-radius: 5px;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 100%;\r\n        min-width: max-content;\r\n        filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2));\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        margin-top: 16px;\r\n        transition: 0.1s linear;\r\n        &.show {\r\n            visibility: visible;\r\n            opacity: 1;\r\n            margin-top: 6px;\r\n        }\r\n        &.left {\r\n            right: auto;\r\n            left: 0;\r\n            &::before {\r\n                left: 8px;\r\n                right: auto;\r\n            }\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 14px;\r\n            height: 14px;\r\n            top: -7px;\r\n            right: 8px;\r\n            transform: rotate(45deg);\r\n            background-color: hsl(var(--white));\r\n            border-radius: 3px;\r\n        }\r\n    }\r\n}\r\n\r\n/* Social Icons Css End */\r\n/* ======================== Breadcrumb Two Section Css End ===================== */\r\n","/* ======================== Breadcrumb Three Section Css Start ===================== */\r\n.breadcrumb-three {\r\n    padding-top: 120px;\r\n    @include msm-screen {\r\n        padding-top: 100px;\r\n    }\r\n}\r\n\r\n.breadcrumb-three-content {\r\n    border-radius: 8px 8px 0 0;\r\n    position: relative;\r\n    z-index: 1;\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 104px);\r\n        height: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        top: 0;\r\n        background-color: hsl(var(--white));\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.author-profile {\r\n    &__thumb {\r\n        width: 120px;\r\n        height: 120px;\r\n        border-radius: 50%;\r\n        background: var(--main-gradient);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-top: -60px;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% - 2px);\r\n            height: calc(100% - 2px);\r\n            background-color: hsl(var(--white));\r\n            left: 1px;\r\n            top: 1px;\r\n            border-radius: inherit;\r\n            z-index: -1;\r\n        }\r\n    }\r\n}\r\n/* ======================== Breadcrumb Three Section Css End ===================== */\r\n","/* ===================== Breadcrumb Four Start ======================== */\r\n.process-list {\r\n    margin-top: clampCal(32, 74);\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background-color: hsl(var(--white)/.3);\r\n    border: 1px solid hsl(var(--white));\r\n    border-radius: 16px;\r\n    padding: 12px;\r\n    backdrop-filter: blur(5px);\r\n    gap: 10px;\r\n    @include sm-screen {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n    &__item {\r\n        &:last-child {\r\n            .process-list { \r\n                &__link { \r\n                    &::after {\r\n                        display: none;\r\n                    }                    \r\n                }\r\n            }\r\n        }\r\n        &.activePage, &:hover {\r\n            .process-list {\r\n                &__link {\r\n                    color: hsl(var(--static-white));\r\n                    &::before {\r\n                        visibility: visible;\r\n                        opacity: 1;\r\n                    }\r\n                    &::after {\r\n                        border-color: hsl(var(--black-three));\r\n                    }\r\n                    .icons {\r\n                        .icon {\r\n                            &.white {\r\n                                visibility: visible;\r\n                                opacity: 1;\r\n                            }\r\n                            &.colored {\r\n                                visibility: hidden;\r\n                                opacity: 0;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__link {\r\n        padding: 14px 26px;\r\n        text-align: center;\r\n        background-color: hsl(var(--white));\r\n        border-radius: 16px;\r\n        position: relative;\r\n        z-index: 1;\r\n        color: hsl(var(--body));\r\n        border: 1px solid hsl(var(--white-one)/.3);\r\n        width: 100%;\r\n        @include font-14; \r\n        @include md-screen {\r\n            padding: 16px;\r\n        }\r\n        @include sm-screen {\r\n            padding: 16px 10px;\r\n            @include font-12; \r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: inherit;\r\n            background: var(--main-gradient);\r\n            left: 0;\r\n            top: 0;\r\n            z-index: -1;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s linear;\r\n        }\r\n        &::after {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 130px;\r\n            height: 1px;\r\n            right: -100%;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            border: 1px dashed hsl(var(--black-three)/.5);\r\n            @include lg-screen {\r\n                display: none;\r\n            }\r\n        }\r\n        .icons {\r\n            width: 26px;\r\n            height: 26px;\r\n            position: relative;\r\n            margin: 0 auto;\r\n            .icon {\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                width: 100%;\r\n                height: 100%;\r\n                transition: .2s linear;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                &.white {\r\n                    visibility: hidden;\r\n                    opacity: 0;\r\n                }\r\n               \r\n            }\r\n        }\r\n        .text {\r\n            color: inherit;\r\n            margin-top: 8px;\r\n            font-size: inherit;\r\n        }\r\n    }\r\n}\r\n/* ===================== Breadcrumb Four End ======================== */","/* ======================== All Product Section Css Start ====================== */\r\n/* Filter Tab Css Start */\r\n.filter-tab {\r\n    margin-bottom: 32px;\r\n    @include lg-screen {\r\n        gap: 24px;\r\n    }\r\n    @include lg-screen {\r\n        gap: 16px;\r\n    }\r\n    &__right {\r\n        gap: 24px;\r\n        @include lg-screen {\r\n            gap: 16px;\r\n        }\r\n    }\r\n    &__button {\r\n        &:hover {\r\n            @include md-screen {\r\n                background-color: transparent !important;\r\n                border-color: hsl(var(--white-one)) !important;\r\n                color: hsl(var(--black)) !important;\r\n            }\r\n        }\r\n        &.active {\r\n            background-color: hsl(var(--white-one)) !important;\r\n            border-color: hsl(var(--white-one)) !important;\r\n            color: hsl(var(--black)) !important;\r\n        }\r\n    }\r\n}\r\n\r\n.filter-form {\r\n    display: none;\r\n}\r\n/* Filter Tab Css End */\r\n\r\n/* List & Grid Buttons Start */\r\n.list-grid {\r\n    @include md-screen {\r\n        order: -1;\r\n    }\r\n    &__button {\r\n        width: 36px;\r\n        height: 36px;\r\n        border: 1px solid hsl(var(--gray-five));\r\n        border-radius: 8px;\r\n        font-size: 22px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: 0.2s linear;\r\n        &.active {\r\n            border-color: hsl(var(--black)) !important;\r\n            background: hsl(var(--black)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n}\r\n/* List & Grid Buttons End */\r\n\r\n/* List & Grid Card Css Start */\r\n.list-view {\r\n    .list-grid-wrapper {\r\n        > div {\r\n            width: 100%;\r\n        }\r\n        .product-item {\r\n            display: flex;\r\n            &__content {\r\n                flex-grow: 1;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* List & Grid Card Css End */\r\n\r\n/* Filter Sidebar Css Start */\r\n.filter-sidebar {\r\n    background-color: hsl(var(--gray-seven));\r\n    padding: 32px 16px;\r\n    border-radius: 8px;\r\n    position: relative;\r\n    @include md-screen {\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        z-index: 999;\r\n        border-radius: 0;\r\n        width: 300px;\r\n        transform: translateX(-100%);\r\n        transition: .2s linear; \r\n        height: 100vh;\r\n        overflow-y: auto;\r\n        padding-top: 48px;\r\n    }\r\n    &.show {\r\n        transform: translateX(0);\r\n    }\r\n    &__item {\r\n        &:last-child {\r\n            .filter-sidebar {\r\n                &__content {\r\n                    margin-bottom: 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__content {\r\n        margin-bottom: 44px;\r\n        @include lg-screen {\r\n            margin-bottom: 32px;\r\n        }\r\n        @include md-screen {\r\n            margin-bottom: 24px;\r\n        }\r\n    }\r\n    &__button {\r\n        margin-bottom: 16px;\r\n        padding-bottom: 16px;\r\n        width: 100%;\r\n        text-align: left;\r\n        position: relative;\r\n        color: hsl(var(--heading-color));\r\n        &.active::after {\r\n            transform: rotate(180deg);\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% + 32px);\r\n            height: 1px;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: hsl(var(--gray-five));\r\n        }\r\n        &::after {\r\n            position: absolute;\r\n            content: \"\\f107\";\r\n            font-weight: 900;\r\n            font-family: 'Line Awesome Free';\r\n            right: 0;\r\n            top: 0px;\r\n            transition: .2s linear;\r\n        }\r\n        \r\n    }\r\n}\r\n\r\n.filter-sidebar-list {\r\n    &__item {\r\n        margin-bottom: 16px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    &__text {\r\n        @include font-14; \r\n        color: hsl(var(--black-three));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        transition: .2s linear;\r\n      \r\n        &:hover {\r\n            color: hsl(var(--main));\r\n            .form-check-label {\r\n                color: hsl(var(--main));\r\n            }\r\n        }\r\n        .common-check {\r\n            margin-bottom: 0;\r\n        }\r\n        .form-check-label {\r\n            transition: .2s linear; \r\n        }\r\n    }\r\n}\r\n/* Filter Sidebar Css End */\r\n/* ======================== All Product Section Css End ====================== */","/* ======================= Product Details Section Css Start ==================== */\r\n.product-details {\r\n    &__thumb {\r\n        border-radius: 8px 8px 0 0;\r\n        overflow: hidden;\r\n    }\r\n    &__buttons {\r\n        background-color: hsl(var(--section-bg));\r\n        padding: 32px;\r\n        border-radius: 0 0 8px 8px;\r\n    }\r\n    &__desc {\r\n        margin-top: 40px;\r\n        margin-bottom: 24px;\r\n        @include lg-screen {\r\n            margin-top: 32px;\r\n        }\r\n        @include md-screen {\r\n            margin-top: 24px;\r\n        }\r\n    }\r\n    &__item {\r\n        margin-bottom: 24px;\r\n    }\r\n}\r\n\r\n/* Product List */\r\n.product-list {\r\n    list-style: disc;\r\n    padding-left: 17px;\r\n    &__item {\r\n        margin-bottom: 16px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}\r\n\r\n/* More Item  */\r\n.more-item {\r\n    margin-top: 40px;\r\n    padding-top: 40px;\r\n    border-top: 1px solid hsl(var(--gray-five));\r\n    &__content {\r\n        gap: 15px;\r\n    }\r\n    &__item {\r\n        .link {\r\n            @extend .contributor-item__thumb; \r\n            &:hover {\r\n                &::before {\r\n                    height: 100%;\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                    z-index: 1;\r\n                }\r\n                img {\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n        }\r\n        img {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 4px;\r\n        }\r\n    }\r\n}\r\n\r\n/* Product Details Sidebar Css Start */\r\n.product-sidebar {\r\n    padding: 24px 32px;\r\n    border-radius: 8px;\r\n    @include xl-screen {\r\n        padding: 24px;\r\n    }\r\n    @include lg-screen {\r\n        padding: 24px 16px;\r\n    }\r\n    &__top {\r\n        padding-bottom: 24px;\r\n        margin-bottom: 24px;\r\n        border-bottom: 1px solid hsl(var(--gray-five));\r\n    }\r\n}\r\n.btn-has-dropdown {\r\n    font-weight: 600;\r\n    padding-right: 16px;\r\n    position: relative;\r\n    color: hsl(var(--heading-color));\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\\f107\";\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        font-family: \"Font Awesome 5 Free\";\r\n        font-weight: 900;\r\n        color: hsl(var(--heading-color));\r\n        @include font-16; \r\n        transition: 0.2s linear;\r\n    }\r\n}\r\n\r\n.license-dropdown {\r\n    box-shadow: var(--box-shadow);\r\n    border: 1px solid hsl(var(--gray-five));\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    max-width: 300px;\r\n    transform: scale(.9);\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    top: calc(100% - 15px);\r\n    transition: .2s linear;\r\n    background-color: hsl(var(--white));\r\n    z-index: 2;\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 14px;\r\n        height: 14px;\r\n        top: -7px;\r\n        left: 8px;\r\n        transform: rotate(45deg);\r\n        border: 1px solid hsl(var(--gray-five));\r\n        background-color: hsl(var(--white));\r\n        border-radius: 3px;\r\n        border-bottom: 0;\r\n        border-right: 0;\r\n    }\r\n    &.active {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n.activeSelectItem {\r\n    background-color: hsl(var(--section-bg));\r\n    padding: 8px;\r\n    border-radius: 8px;\r\n    border: 1px solid hsl(var(--border-color)) !important;\r\n}\r\n\r\n[data-theme=light] .activeSelectItem {\r\n    background-color: var(--dark-black-three) !important;\r\n}\r\n\r\n.author-details {\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid hsl(var(--gray-five));\r\n    margin-top: 24px;\r\n    &__thumb {\r\n        width: 72px;\r\n        height: 72px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--white));\r\n        @include lg-screen {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n    }\r\n}\r\n\r\n/* badge list Css Start */\r\n.badge-list {\r\n    margin-left: 80px;\r\n    @include lg-screen {\r\n        margin-left: 68px;\r\n    }\r\n    &__item {\r\n        width: 48px;\r\n        height: 52px;\r\n        background-image: url(../images/shapes/polygon-shape.png);\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    &--sm {\r\n        .badge-list {\r\n            &__item {\r\n                width: 36px;\r\n                height: 40px;\r\n                background-image: url(../images/shapes/polygon-shape.png);\r\n                background-repeat: no-repeat;\r\n                background-size: cover;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                flex-shrink: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* badge list Css End */\r\n\r\n.meta-attribute {\r\n    margin-top: 32px;\r\n    @include lg-screen {\r\n        margin-top: 24px;\r\n    }\r\n    &__item {\r\n        display: flex;\r\n        align-items: start;\r\n        gap: 24px;\r\n        margin-bottom: clampCal(16, 24);\r\n        .name {\r\n            font-size: 1rem;\r\n            color: hsl(var(--heading-color)); \r\n            width: 140px;\r\n            flex-shrink: 0; \r\n        }\r\n        .details {\r\n            @include font-14; \r\n                display: flex;\r\n                align-items: center;\r\n                flex-wrap: wrap;\r\n            > a {\r\n                font-size: inherit;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* Product Details Sidebar Css End */\r\n\r\n/* Product Review Css Start */\r\n.product-review, .user-comment {\r\n    background-color: hsl(var(--white));\r\n    padding: 16px clamp(1rem, 0.391rem + 1.268vw, 1.5rem);\r\n    border: 1px solid hsl(var(--border-color));\r\n    margin-bottom: clamp(1rem, 0.391rem + 1.268vw, 1.5rem);\r\n    border-radius: 8px;\r\n}\r\n\r\n.product-review:last-child, .user-comment:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.product-review__top {\r\n    padding-bottom: 16px;\r\n    margin-bottom: clamp(1rem, 0.391rem + 1.268vw, 1.5rem);\r\n    border-bottom: 1px solid hsl(var(--border-color));\r\n}\r\n\r\n.product-review__rating {\r\n    gap: 12px;\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n    .product-review__rating {\r\n        gap: 4px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 1199px) {\r\n    .product-review__reason, .product-review__subject, .product-review__date, .product-review__desc {\r\n        font-size: 0.875rem;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .product-review__reason, .product-review__subject, .product-review__date, .product-review__desc {\r\n        font-size: 0.875rem;\r\n    }\r\n}\r\n\r\n.product-review__subject {\r\n    color: hsl(var(--heading-color));\r\n    font-weight: 700;\r\n}\r\n\r\n.product-review__user:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n.author-reply, .user-comment__profile {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    border-top: 1px solid hsl(var(--border-color));\r\n    padding-top: clamp(1rem, 0.391rem + 1.268vw, 1.5rem);\r\n    margin-top: clamp(1rem, 0.391rem + 1.268vw, 1.5rem);\r\n}\r\n\r\n.author-reply__thumb, .user-comment__thumb {\r\n    width: 56px;\r\n    height: 56px;\r\n}\r\n\r\n@media screen and (max-width: 575px) {\r\n    .author-reply__thumb, .user-comment__thumb {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n}\r\n\r\n.author-reply__content, .user-comment__info {\r\n    width: calc(100% - 56px);\r\n    padding-left: 16px;\r\n}\r\n\r\n@media screen and (max-width: 575px) {\r\n    .author-reply__content, .user-comment__info {\r\n        width: calc(100% - 40px);\r\n        padding-left: 8px;\r\n    }\r\n}\r\n\r\n.author-reply__name, .user-comment__name {\r\n    font-size: 1.125rem;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.author-reply__response, .user-comment__purchase {\r\n    font-weight: 600;\r\n    font-size: 0.875rem;\r\n    margin-bottom: 16px;\r\n    display: block;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .author-reply__response, .user-comment__purchase {\r\n        font-weight: 500;\r\n    }\r\n}\r\n\r\n.author-reply__desc {\r\n    margin-bottom: 12px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .author-reply__desc {\r\n        font-size: 0.875rem;\r\n    }\r\n}\r\n\r\n.author-reply__desc:last-of-type {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.review-reply {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 24px;\r\n    padding-top: 32px;\r\n    border-top: 1px solid hsl(var(--border-color));\r\n}\r\n\r\n.review-reply__thumb {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n}\r\n\r\n.review-reply__content {\r\n    width: calc(100% - 56px);\r\n    padding-left: 12px;\r\n}\r\n\r\n.review-reply__button {\r\n    margin-top: 12px;\r\n}\r\n\r\n/* Product Review Css End */\r\n/* ======================= Product Details Section Css End ==================== */","/* ===================== Profile Section Start ============================== */\r\n.profile {\r\n    @include lg-screen {\r\n        .common-tab {\r\n            width: 100%;\r\n        }\r\n        .search-box.style-three {\r\n            order: -1;\r\n            @include msm-screen {\r\n                width: 100%;\r\n                max-width: unset;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.profile-wrapper {\r\n    display: flex;\r\n    align-items: start;\r\n    gap: 32px;\r\n    overflow: hidden;\r\n    @include md-screen {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n.profile-content {\r\n    width: 100%;\r\n    @media (min-width: 992px) {\r\n        width: 68%;\r\n    }\r\n    &__item {\r\n        margin-bottom: 32px;\r\n        border-radius: 8px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.follower-item {\r\n    @extend .more-item; \r\n    &__content {\r\n        @extend .more-item__content; \r\n    }\r\n    &__item {\r\n        @extend .more-item__item; \r\n        .link {\r\n            border-radius: 8px;\r\n        }\r\n    }\r\n}\r\n\r\n/* profile sidebar Css Start */\r\n.profile-sidebar {\r\n    flex-grow: 1;\r\n    width: 100%;\r\n    @media (min-width: 992px) {\r\n        max-width: 478px;\r\n    }\r\n    &__title {\r\n        margin-bottom: 32px;\r\n        padding-bottom: 32px;\r\n        position: relative;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% + 64px);\r\n            height: 1px;\r\n            left: 50%;\r\n            bottom: 0;\r\n            transform: translateX(-50%);\r\n            border-top: 1px solid hsl(var(--gray-five));\r\n        }\r\n    }\r\n    &__item {\r\n        background-color: hsl(var(--section-bg));\r\n        padding: 32px;\r\n        margin-bottom: 24px;\r\n        border-radius: 8px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    &__author {\r\n        padding-top: 32px;\r\n        margin-top: 32px;\r\n        position: relative;\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% + 64px);\r\n            height: 1px;\r\n            left: 50%;\r\n            top: 0;\r\n            transform: translateX(-50%);\r\n            border-top: 1px solid hsl(var(--gray-five));\r\n        }\r\n    }\r\n}\r\n/* profile sidebar Css End */\r\n/* ===================== Profile Section End ============================== */","/* ======================== Follow Css Start ============================== */\r\n.follow-wrapper {\r\n    background-color: hsl(var(--section-bg));\r\n    padding: 24px 16px;\r\n    border-radius: 8px;\r\n    overflow-x: auto;\r\n}\r\n\r\n.notification {\r\n    background: var(--main-gradient);\r\n    padding: 3px 5px;\r\n    line-height: 1;\r\n    border-radius: 50px;\r\n    color: hsl(var(--static-white));\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    margin-left: 4px;\r\n    min-width: 17px;\r\n}\r\n\r\n.follow-item {\r\n    position: relative;\r\n    padding-bottom: 22px;\r\n    margin-bottom: 22px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n    min-width: max-content;\r\n    &:last-child {\r\n        padding-bottom: 0;\r\n        margin-bottom: 0;\r\n        &::before {\r\n            display: none;\r\n        }\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 32px);\r\n        height: 1px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 0;\r\n        background-color: hsl(var(--gray-five));\r\n    }\r\n    &__meta {\r\n        min-width: max-content;\r\n        max-width: 177px;\r\n    }\r\n    &__sales {\r\n        min-width: max-content;\r\n    }\r\n    &__author {\r\n        max-width: 316px;\r\n    }\r\n}\r\n/* ======================== Follow Css End ============================== */","/* ========================= Setting Css Start ======================== */\r\n.setting-sidebar {\r\n    background-color: hsl(var(--section-bg));\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    position: sticky;\r\n    top: 120px;\r\n    &.top-24 {\r\n        top: 24px;\r\n    }\r\n    &-list {\r\n        &__link {\r\n            width: 100%;\r\n            padding: 10px 16px;\r\n            border-radius: 8px;\r\n            color: hsl(var(--body-color));\r\n            &:hover, &.active {\r\n                background-color: hsl(var(--main));\r\n                color: hsl(var(--static-white));\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ========================= Setting Css End ======================== */","/* ========================== Hidden Item Css Start =========================== */\r\n.product-reject__wrapper {\r\n    > div {\r\n        margin-bottom: 24px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.product-reviewer {\r\n    &__thumb {\r\n        width: 72px;\r\n        height: 72px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n}\r\n\r\n.product-reject-info {\r\n    padding-bottom: 24px;\r\n    margin-bottom: 24px;\r\n    border-bottom: 1px solid hsl(var(--gray-five));\r\n    &__thumb {\r\n        width: 72px;\r\n        height: 72px;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n    }\r\n}\r\n\r\n.response-list {\r\n    &__item {\r\n        margin-bottom: 32px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n}\r\n/* ========================== Hidden Item Css End =========================== */","/* ========================= Earning Section Css Start ============================= */\r\n.earning-card {\r\n    background-color: hsl(var(--static-black));\r\n    padding: 24px;\r\n    border-radius: 8px;\r\n    border: 1px solid hsl(var(--gray-five));\r\n    box-shadow: var(--box-shadow);\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    &__amount {\r\n        border-color: hsl(var(--white)/.2) !important;\r\n    }\r\n}\r\n/* ========================= Earning Section Css End ============================= */\r\n","/* ========================= Statement Section Css start =========================== */\r\n.statement-list {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n/* ========================= Statement Section Css End =========================== */","/* ==================== Table Review Product Css Start ========================= */\r\n.review-product {\r\n    &__thumb {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 5px;\r\n        overflow: hidden;\r\n    }\r\n}\r\n/* ==================== Table Review Product Css End ========================= */","/* ========================= Download Section Css Start ====================== */\r\n.download-wrapper {\r\n\tbackground-color: hsl(var(--section-bg));\r\n\tpadding: 24px;\r\n\tborder-radius: 16px;\r\n    overflow-x: auto;\r\n}\r\n\r\n.download-item {\r\n    position: relative;\r\n    padding-bottom: 24px;\r\n    margin-bottom: 24px;\r\n    min-width: max-content;\r\n    &:last-child {\r\n        padding-bottom: 0;\r\n        margin-bottom: 0;\r\n        &::before {\r\n            display: none;\r\n        }\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 48px);\r\n        left: 50%;\r\n        bottom: 0;\r\n        transform: translateX(-50%);\r\n        background-color: hsl(var(--gray-five));\r\n        height: 1px;\r\n    }\r\n    &__thumb {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n    }\r\n}\r\n/* ========================= Download Section Css End ====================== */","/* ============================ Cart Page Css Start ===================== */\r\n.cart-content__bottom {\r\n    margin-top: 64px;\r\n    @include lg-screen {\r\n        margin-top: 48px;\r\n    }\r\n    @include md-screen {\r\n        margin-top: 40px;\r\n    }\r\n    @include sm-screen {\r\n        margin-top: 32px;\r\n    }\r\n    .btn {\r\n        @include msm-screen {\r\n            padding: 17px 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.cart-item {\r\n    max-width: 342px;\r\n    &__thumb {\r\n        width: 164px;\r\n        height: 130px;\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n    }\r\n    &__count {\r\n        width: auto;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        border: 1px solid hsl(var(--gray-four));\r\n        border-radius: 5px;\r\n        margin: 0 auto;\r\n        input {\r\n            background: transparent;\r\n            border: 0;\r\n            text-align: center;\r\n            width: 24px;\r\n            color: hsl(var(--heading-color));\r\n            font-size: 16px;\r\n            &:focus {\r\n                outline: none;\r\n            }\r\n        }\r\n        button {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 16px;\r\n            color: hsl(var(--body-color));\r\n            border-radius: inherit;\r\n            &:hover {\r\n                color: hsl(var(--main));\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ============================ Cart Page Css End ===================== */","/* =================== Cart Personal Start ========================== */\r\n.order-summary {\r\n    background-color: hsl(var(--section-bg));\r\n    border-radius: 8px;\r\n    padding: 24px;\r\n}\r\n\r\n.billing-list {\r\n    &__item {\r\n        position: relative;\r\n        padding-bottom: 16px;\r\n        margin-bottom: 16px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n            &::before {\r\n                display: none;\r\n            }\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: calc(100% + 48px);\r\n            left: 50%;\r\n            height: 1px;\r\n            transform: translateX(-50%);\r\n            background-color: hsl(var(--gray-five));\r\n            bottom: 0;\r\n        }\r\n    }\r\n}\r\n/* =================== Cart Personal End ========================== */","/* ======================= Cart Payment Section Css Start ========================= */\r\n.cart-payment {\r\n    &__box {\r\n        background-color: #544889;;\r\n        background-color: hsl(var(--section-bg));\r\n        padding: 84px 0;\r\n        border-radius: 24px;\r\n        @include md-screen {\r\n            padding: 56px 0;\r\n        }\r\n        @include msm-screen {\r\n            padding: 24px;\r\n        }\r\n    }\r\n}\r\n\r\n/* Payment Method */\r\n.payment-method {\r\n    margin-bottom: 72px;\r\n    @include md-screen {\r\n        margin-bottom: 60px;\r\n    }\r\n    @include sm-screen {\r\n        margin-bottom: 40px;\r\n    }\r\n    &__item {\r\n        .form-check-input:checked + .form-check-label {\r\n            &::before {\r\n                background: var(--main-gradient);\r\n            }\r\n            &::after {\r\n                background: hsl(var(--static-white));\r\n                width: calc(100% - 4px);\r\n                height: calc(100% - 4px);\r\n            }\r\n        }\r\n        .form-check-label {\r\n            background-color: hsl(var(--gray-seven));\r\n            position: relative;\r\n            z-index: 1;\r\n            border-radius: 4px;\r\n            width: 94px;\r\n            height: 64px;\r\n            display: flex !important;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 4px;\r\n            transition: .2s linear;\r\n            width: 100%;\r\n            cursor: pointer;\r\n            &::before, &::after {\r\n                border-radius: inherit;\r\n                position: absolute;\r\n                content: \"\";\r\n                width: 100%;\r\n                height: 100%;\r\n                left: 50%;\r\n                top: 50%;\r\n                transform: translate(-50%, -50%);\r\n                background: #D9D9D9;\r\n                z-index: -1;\r\n                transition: .2s linear;\r\n            }\r\n            &::after {\r\n                background: hsl(var(--gray-seven));\r\n                width: calc(100% - 2px);\r\n                height: calc(100% - 2px);\r\n            }\r\n        }\r\n    }\r\n    .slick-initialized.slick-slider .slick-slide {\r\n        margin: 0 4px;\r\n    }\r\n}\r\n\r\n.payment-method__wrapper {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    .payment-method__item {\r\n        width: 100px;\r\n    }\r\n}\r\n/* Payment Method */\r\n.cart-payment-card {\r\n    position: relative;\r\n    background: var(--main-gradient);\r\n    padding: 24px;\r\n    z-index: 1;\r\n    border-radius: 16px;\r\n    @include msm-screen {\r\n        padding: 24px 16px;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% - 2px);\r\n        height: calc(100% - 2px);\r\n        background-color: hsl(var(--white));\r\n        left: 1px;\r\n        top: 1px;\r\n        border-radius: inherit;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.total-bill {\r\n    background-color: hsl(var(--gray-seven));\r\n    padding: 16px;\r\n    border-radius: 4px;\r\n}\r\n\r\n\r\n/* Payment Select Card Css Start */\r\n.payment-select-card-wrapper {\r\n    max-height: 480px;\r\n    overflow-y: auto;\r\n    padding-inline-end: 8px;\r\n    /* width */\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n\r\n    /* Track */\r\n        &::-webkit-scrollbar-track {\r\n        background: transparent; \r\n    }\r\n\r\n    /* Handle */\r\n        &::-webkit-scrollbar-thumb {\r\n        background: rgb(232, 232, 232); \r\n        border-radius: 10px;\r\n    }\r\n\r\n    /* Handle on hover */\r\n        &::-webkit-scrollbar-thumb:hover {\r\n        background: #d1d1d1;\r\n    }\r\n}\r\n\r\n.payment-select-card {\r\n    position: relative;\r\n    padding: 20px;\r\n    border-radius: 12px;\r\n    .form-check-label {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 1px solid hsl(var(--border-color));\r\n        border-radius: 12px;\r\n        transition: .2s linear ;\r\n    }\r\n    .form-check-input:checked ~ .form-check-label {\r\n        border-color: hsl(var(--black));\r\n        border-color: hsl(var(--main));\r\n    }\r\n    &__logo {\r\n        max-width: 100px;\r\n    }\r\n}\r\n/* Payment Select Card Css En */\r\n\r\n/* ======================= Cart Payment Section Css End ========================= */","/* ========================= Cart Thank You Section Css Start ======================= */\r\n.cart-thank {\r\n    &__box {\r\n        border-radius: 24px;\r\n        background-color: hsl(var(--section-bg));\r\n        padding: clampCal(16, 48, 991, 1399);\r\n        background-color: hsl(var(--white)/.45);\r\n        backdrop-filter: blur(12px);\r\n        box-shadow: var(--box-shadow);\r\n        @include msm-screen {\r\n            padding: 0px;\r\n            background-color: transparent;\r\n        }\r\n    }\r\n    &__img img {\r\n        max-width: 56%;\r\n    }\r\n}\r\n\r\n/* thank card */\r\n.thank-card {\r\n    padding: clampCal(16, 40, 991, 1399);\r\n    border-radius: 24px;\r\n    height: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: .2s linear;\r\n    background: transparent;\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n        background: var(--main-gradient);\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% - 2px);\r\n        height: calc(100% - 2px);\r\n        background: hsl(var(--white));\r\n        left: 1px;\r\n        top: 1px;\r\n        border-radius: inherit;\r\n        z-index: -1;\r\n        transition: .2s linear;\r\n    }\r\n}\r\n\r\n/* List Text Start */\r\n.list-text {\r\n    border: 1px solid hsl(var(--gray-five));\r\n    border-radius: 16px;\r\n    &__item {\r\n        border-bottom: 1px solid hsl(var(--gray-five));\r\n        .text {\r\n            padding: 16px 24px;\r\n            border-right: 1px solid hsl(var(--gray-five));\r\n            @include lg-screen {\r\n                padding: 16px;\r\n            }\r\n            @include xsm-screen {\r\n                padding: 16px 8px;\r\n            }\r\n            &:first-child {\r\n                width: 60%;\r\n            }\r\n            &:last-child {\r\n                border-right: 0;\r\n            }\r\n        }\r\n        &:last-child {\r\n            border-bottom: 0;\r\n        }\r\n    }\r\n}\r\n/* List Text End */\r\n/* ========================= Cart Thank You Section Css End ======================= */","/* ======================= Blog Details Section Start ========================= */\r\n.blog-details {\r\n    &::before, &::after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 573px;\r\n        height: 355px;\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(5, 228, 242, 0.20) 105.91%);\r\n        filter: blur(100px);\r\n        left: 24px;\r\n        top: 0;\r\n        z-index: -1;\r\n    }\r\n    &::after {\r\n        background: linear-gradient(152deg, rgba(246, 246, 246, 0.20) 17.12%, rgba(94, 53, 242, 0.20) 105.91%);\r\n        left: auto;\r\n        right: 40px;\r\n    }\r\n}\r\n\r\n/* blog details top Start */\r\n.blog-details-top {\r\n    max-width: 1040px;\r\n    &__desc {\r\n        max-width: 746px;\r\n    }\r\n    &__thumb {\r\n        img {\r\n            width: 40px;\r\n            height: 40px;\r\n            overflow: hidden;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n/* blog details top End */\r\n\r\n\r\n/* blog details content Start */\r\n.blog-details-content {\r\n    &__thumb {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        height: 100%;\r\n        max-height: 460px;\r\n        img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n    }\r\n}\r\n\r\n.quote-text {\r\n    padding: 0 8px;\r\n    padding-right: 24px;\r\n    border-left: 4px solid hsl(var(--main));\r\n    position: relative;\r\n    &__icon {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n    }\r\n}\r\n\r\n.post-tag {\r\n    &__link {\r\n        padding: 5px 12px;\r\n        background-color: hsl(var(--section-bg));\r\n        &:hover {\r\n            color: hsl(var(--static-white)) !important;\r\n            background-color: hsl(var(--main));\r\n        }\r\n    }\r\n}\r\n/* blog details content End */\r\n\r\n/* Advisor Start */\r\n.advisor {\r\n    border-radius: 8px;\r\n    &__thumb {\r\n        width: clampCal(60, 100);\r\n        height: clampCal(60, 100);\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n}\r\n/* Advisor End */\r\n/* ======================= Blog Details Section End ========================= */","/* ======================= Contact Page Css Start ============================= */\r\n.contact-info {\r\n    &__item {\r\n        &-wrapper {\r\n            padding-top: clampCal(24, 32) !important;;\r\n            margin-top: clampCal(24, 32) !important;;\r\n            border-top: 1px solid hsl(var(--gray-five));\r\n        }\r\n    }\r\n}\r\n/* ======================= Contact Page Css End ============================= */","/* ========================== Account Page Css Start ============================= */\r\n.dark-light-mode {\r\n    position: absolute;\r\n    right: 24px;\r\n    top: 24px;\r\n}\r\n\r\n.account {\r\n    position: relative;\r\n    &__img {\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        @include md-screen {\r\n            display: none;\r\n        }\r\n    }\r\n    &__left {\r\n        width: 43%;\r\n        padding: 32px;\r\n        position: relative;\r\n        @include md-screen {\r\n            width: 60%;\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 675px;\r\n            height: 552px;\r\n            background: linear-gradient(152deg, rgba(246, 246, 246, 0.30) 17.12%, rgba(94, 53, 242, 0.30) 105.91%);\r\n            filter: blur(100px);\r\n            left: -290px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: -1;\r\n        }\r\n    }\r\n    &__right {\r\n        flex-grow: 1;\r\n        padding-left: 32px;\r\n        padding-right: 32px;\r\n        padding-bottom: 300px;\r\n        position: relative;\r\n        @include md-screen {\r\n            padding-bottom: 80px;\r\n        }\r\n        @include msm-screen {\r\n            padding-bottom: 60px;\r\n        }\r\n        @include msm-screen {\r\n            padding-left: 24px;\r\n            padding-right: 24px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.account-thumb {\r\n    max-width: 572px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.account-content{\r\n    max-width: 500px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n/* ========================== Account Page Css End ============================= */","/* ===================== Dashboard Start ======================= */\r\n.dashboard-nav, .dashboard-body__content, .dashboard-footer { \r\n    padding-left: 32px;\r\n    padding-right: 32px;\r\n    @include xl-screen {\r\n        padding-left: 24px;\r\n        padding-right: 24px;\r\n    }\r\n}\r\n\r\n.dashboard-footer {\r\n    margin-top: auto !important;\r\n}\r\n\r\n.dashboard {\r\n    background-color: hsl(var(--gray-seven));\r\n    &-body {\r\n        width: calc(100% - 312px);\r\n        min-height: 100vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        @include md-screen {\r\n            width: 100%;\r\n        }\r\n        &__content {\r\n            margin: 32px 0;\r\n        }\r\n        &__item {\r\n            margin-bottom: 32px;\r\n            &:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Sidebar Collapse */\r\n.dashboard {\r\n    @media (min-width: 992px) {\r\n        &.active {\r\n            .dashboard-sidebar {\r\n                width: auto;\r\n                .logo {\r\n                    display: none;\r\n                    &.favicon {\r\n                        display: block;\r\n                    }\r\n                }\r\n                .sidebar-list {\r\n                    &__link {\r\n                        width: 44px;\r\n                        height: 44px;\r\n                        padding: 0;\r\n                        display: flex;\r\n                        justify-content: center;\r\n                        align-items: center;\r\n                        .text {\r\n                            display: none;\r\n                        }\r\n                    }\r\n                }        \r\n            }\r\n            .bar-icon {\r\n                display: none;\r\n            }\r\n            .arrow-icon {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* Sidebar Collapse End */\r\n\r\n/* Dashboard Widget Css Start */\r\n.dashboard-widget {\r\n    padding: 16px 24px;\r\n    border-radius: 8px;\r\n    background-color: transparent;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: .2s linear;\r\n    @include xl-screen {\r\n        padding: 16px;\r\n    }\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n        background: var(--main-gradient);\r\n        .dashboard-widget {\r\n            &__shape {\r\n                &.one {\r\n                    visibility: hidden;\r\n                    opacity: 0;\r\n                }\r\n                &.two {\r\n                    visibility: visible;\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% - 2px);\r\n        height: calc(100% - 2px);\r\n        background: hsl(var(--white));\r\n        left: 1px;\r\n        top: 1px;\r\n        border-radius: inherit;\r\n        z-index: -1;\r\n        transition: .2s linear;\r\n    }\r\n    &__shape {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 16px;\r\n        transition: .2s linear;\r\n        &.two {\r\n            visibility: hidden;\r\n            opacity: 0;\r\n        }\r\n    }\r\n    &__icon {\r\n        width: 72px;\r\n        height: 72px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--gray-seven));\r\n        @media (min-width: 992px) and (max-width: 1399px) {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n    }\r\n    &__content {\r\n\r\n    }\r\n    &__number {\r\n        @media (min-width: 992px) and (max-width: 1399px) {\r\n            font-size: 22px;\r\n        }\r\n    }\r\n    &__text {\r\n\r\n    }\r\n}\r\n/* Dashboard Widget Css End */\r\n\r\n\r\n/* Dashboard Card Css Start */\r\n.dashboard-card {\r\n    background-color: hsl(var(--white));\r\n    border-radius: 16px;\r\n    border: 1px solid hsl(var(--gray-five));\r\n    height: 100%;\r\n    &__header {\r\n        padding: 24px;\r\n        border-bottom: 1px solid hsl(var(--gray-five));\r\n    }\r\n\r\n    .select-has-icon::before {\r\n        right: 12px;\r\n    }\r\n    .select-sm {\r\n        background-color: hsl(var(--gray-seven)) !important;\r\n        border-color: hsl(var(--gray-five));\r\n        padding: 6px 12px;\r\n        width: auto;\r\n    }\r\n}\r\n/* Chart Css Start */\r\n.apexcharts-toolbar {\r\n    display: none !important;\r\n}\r\n.apexcharts-legend {\r\n    display: none !important;\r\n}\r\n\r\n/* Chart Css End */\r\n\r\n.country-list {\r\n    &__item {\r\n        padding: 10px 24px;\r\n        border-bottom: 1px dashed hsl(var(--gray-five));\r\n        &:last-child {\r\n            border-bottom: 0;\r\n        }\r\n    }\r\n    &__flag {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n    }\r\n}\r\n/* Dashboard Card Css End */\r\n\r\n\r\n\r\n/* ===================== Dashboard End ======================= */","/* ======================== Dashboard Profile Css Start ========================= */\r\n.profile-info {\r\n    padding: 32px 16px;\r\n    background-color: hsl(var(--white));\r\n    border: 1px solid hsl(var(--gray-five));\r\n    border-radius: 8px;\r\n    @include lg-screen {\r\n        padding: 24px 16px;\r\n    }\r\n}\r\n\r\n/* Cover Photo Upload Css Start */\r\n.cover-photo {\r\n    .avatar-upload {\r\n        display: block;\r\n        .avatar-edit {\r\n            top: 38px;\r\n            bottom: auto;\r\n            right: 32px;\r\n            input + label {\r\n                width: unset;\r\n                height: unset;\r\n                border-radius: 8px;\r\n                padding: 8px 12px;\r\n                color: hsl(var(--white));\r\n                gap: 8px;\r\n                border: 0;\r\n                background: hsl(var(--black) / 0.5);\r\n                backdrop-filter: blur(8px);\r\n                font-weight: 300;\r\n                &:hover {\r\n                    background: hsl(var(--black) / 0.8);\r\n                }\r\n            }\r\n        }\r\n        .avatar-preview {\r\n            height: 300px;\r\n            width: 100%;\r\n            border-radius: 0;\r\n            background-image: url(../images/thumbs/cover-photo.png);\r\n            @include md-screen {\r\n                height: 250px;\r\n            }\r\n            > div {\r\n                border-radius: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Cover Photo Upload Css End */\r\n\r\n/* Image Upload Css Start */\r\n.avatar-upload {\r\n    position: relative;\r\n    margin: 0 auto;\r\n    display: inline-block;\r\n    .avatar-edit {\r\n        position: absolute;\r\n        right: 8px;\r\n        z-index: 1;\r\n        bottom: 0;\r\n        input {\r\n            display: none;\r\n            + label {\r\n                display: inline-block;\r\n                width: 30px;\r\n                height: 30px;\r\n                margin-bottom: 0;\r\n                border-radius: 100%;\r\n                background: var(--main-gradient);\r\n                border: 1px solid hsl(var(--white));\r\n                    cursor: pointer;\r\n                font-weight: normal;\r\n                transition: all .2s ease-in-out;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n        }\r\n    }\r\n    .avatar-preview {\r\n        width: 116px;\r\n        height: 116px;\r\n        position: relative;\r\n        border-radius: 100%;\r\n        background-image: url(../images/thumbs/profile-info-img.png);\r\n        background-size: cover;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        > div {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 100%;\r\n            background-size: cover;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n        }\r\n    }\r\n}\r\n/* Image Upload Css End */\r\n\r\n\r\n\r\n.profile-info-list {\r\n    &__item {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.4fr;\r\n        gap: 8px;\r\n        margin-bottom: 16px;\r\n        padding-bottom: 16px;\r\n        border-bottom: 1px dashed hsl(var(--gray-four));\r\n        \r\n        &:last-child {\r\n            padding-bottom: 0;\r\n            margin-bottom: 0;\r\n            border-bottom: 0\r\n        }\r\n        @include xxxl-screen {\r\n            @include font-14; \r\n        }\r\n        @include xsm-screen {\r\n            @include font-13; \r\n        }\r\n    }\r\n}\r\n\r\n\r\n.profile-info-content {\r\n    padding: 24px;\r\n}\r\n/* ======================== Dashboard Profile Css End ========================= */","/* ===================== Gradient Bg Css Start ======================= */\r\n.bg--gradient {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: -1;\r\n    object-fit: cover;\r\n}\r\n\r\n.bg-pattern {\r\n    @extend .bg--gradient;\r\n}\r\n/* ===================== Gradient Bg Css End ======================= */\r\n","/* ======================== Element Css Start ========================== */\r\n/* Curve Shape */\r\n.curve-shape {\r\n    position: absolute;\r\n    bottom: calc(100% - 1px);\r\n    left: 0;\r\n    &.right {\r\n        left: auto;\r\n        right: 0;\r\n    }\r\n    @include xl-screen {\r\n        max-width: 250px;\r\n    }\r\n    @include md-screen {\r\n        max-width: 140px;\r\n    }\r\n}\r\n/* Curve Shape */\r\n\r\n.border-box {\r\n    position: absolute;\r\n    left: 0;\r\n    width: 100%;\r\n    top: 0;\r\n    z-index: -1;\r\n}\r\n\r\n\r\n/* Line Curve Start */\r\n.line-curve {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    z-index: -1;\r\n    &.two {\r\n        left: 0;\r\n        right: auto;\r\n        bottom: 0;\r\n        top: auto;\r\n    }\r\n}\r\n/* Line Curve End */\r\n\r\n/* Brush Element */\r\n.element-brush {\r\n    position: absolute;\r\n    z-index: -1;\r\n    left: 50px;\r\n    top: 64%;\r\n    animation: upDownRotate 15s linear infinite;\r\n}\r\n\r\n/* Element */\r\n.element {\r\n    position: absolute;\r\n    left: 90px;\r\n    bottom: 22%;\r\n    animation: upDownRotate 15s linear infinite;\r\n    z-index: -1;\r\n    &.two {\r\n        left: auto;\r\n        right: 90px;\r\n        bottom: auto;\r\n        top: 22%;\r\n        animation-delay: 3s;\r\n    }\r\n    &.three {\r\n        left: auto;\r\n        right: 16%;\r\n        bottom: 14%;\r\n        animation-delay: 5s;\r\n    }\r\n}\r\n\r\n@keyframes upDownRotate {\r\n    0%, 100% {\r\n        transform: translateY(0px) rotate(0deg);\r\n    }\r\n    50% {\r\n        transform: translateY(200px) rotate(360deg);\r\n    }\r\n    100% {\r\n        transform: translateY(0px) rotate(720deg);\r\n    }\r\n}\r\n\r\n/* Line Vector Element */\r\n.line-vector {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: -1;\r\n    max-width: 46%;\r\n    &.two {\r\n        left: auto;\r\n        right: 0;\r\n    }\r\n}\r\n/* ======================== Element Css End ========================== */\r\n","/* ============================ Dark Version Css Start =============================== */\r\n:root {\r\n    --dark-black-one: #00031E; \r\n    --dark-black-two: #1A1D37; \r\n    --dark-black-three: #262940; \r\n    --dark-black-five: #404253; \r\n}\r\n\r\n.dark-version {\r\n    display: none !important;\r\n}\r\n\r\n[data-theme=light] {\r\n\r\n    /* Home one Start */\r\n    .sale-offer {\r\n        background: var(--dark-black-one) !important;\r\n        .btn-white {\r\n            background-color: hsl(var(--main)) !important;\r\n            border-color: hsl(var(--main)) !important;\r\n            color: hsl(var(--static-white)) !important;\r\n        }\r\n    }\r\n    .header {\r\n        background-color: var(--dark-black-three);\r\n        &.fixed-header {\r\n            background-color: var(--dark-black-three) !important;\r\n        }\r\n    }\r\n    .nav-submenu {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    @media (max-width: 991px) {\r\n        .nav-submenu {\r\n            background-color: var(--dark-black-two);\r\n        }    \r\n    }\r\n    .select:focus {\r\n        color: hsl(var(--static-white)) !important;\r\n    }\r\n\r\n    .white-version {\r\n        display: none !important; \r\n    }\r\n    .dark-version {\r\n        display: block !important;\r\n    }\r\n\r\n    .search-box {\r\n        input {\r\n            background-color: var(--dark-black-three) !important;\r\n            color: hsl(var(--static-white));\r\n            border: 1px solid hsl(var(--static-white) / .12);\r\n        }\r\n    }\r\n    .product-category-list__item {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    \r\n    .statistics {\r\n        border: 1px solid hsl(var(--gray-seven)/.6);\r\n        box-shadow: -10px 20px 40px 0px rgba(94, 53, 242, 0.20);;\r\n    }\r\n    \r\n    .product-item {\r\n        background-color: var(--dark-black-three);\r\n        &:hover {\r\n            box-shadow: 0px 20px 30px 0px var(--black);\r\n        }\r\n        &__wishlist.active {\r\n            background-color: hsl(var(--white));\r\n            color: hsl(var(--black));\r\n        }\r\n    }\r\n\r\n    .popular-item {\r\n        background: var(--dark-black-two);\r\n        &::before {\r\n            background-color: var(--dark-black-three);\r\n        }\r\n    }\r\n\r\n    .slick-arrow {\r\n        background-color: var(--dark-black-two);\r\n        box-shadow: none;\r\n        border: 1px solid hsl(var(--border-color));\r\n        &:hover {\r\n            color: hsl(var(--static-white));\r\n        }\r\n    }\r\n\r\n    .slick-dots li button {\r\n        border-color: hsl(var(--black)/.4);\r\n    }\r\n\r\n    .selling-product::before {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n\r\n    .author-info__thumb {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .product-item.box-shadow {\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    .top-performance::before {\r\n        display: none;\r\n    }\r\n\r\n    .post-item {\r\n        background-color: var(--dark-black-three);\r\n        &__tag {\r\n            background-color: var(--dark-black-five);\r\n        }\r\n    }\r\n    .footer-section {\r\n        background-image: url(../images/shapes/footer-bg-dark.png);\r\n        background-color: var(--dark-black-one);\r\n    }\r\n    .bottom-footer {\r\n        background-color: var(--dark-black-one);\r\n    }\r\n    .progress-wrap {\r\n        background-color: var(--dark-black-three);\r\n        &::after {\r\n            color: hsl(var(--static-white)) !important;\r\n        }\r\n    }\r\n    \r\n    .progress-wrap svg.progress-circle path {\r\n        stroke: hsl(var(--static-white)) !important;\r\n    }\r\n    /* Home one End */\r\n\r\n\r\n    /* Home Two Start */\r\n    .loader-mask {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .sales-offer-bg-two {\r\n        background: var(--dark-black-three) !important;\r\n    }\r\n    .sale-offer.sales-offer-bg-two + .header {\r\n        background: var(--dark-black-one) !important;\r\n    }\r\n    .banner-two {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .statistics {\r\n        background-color: var(--dark-black-two) !important;\r\n        border-color: var(--dark-black-two) !important;\r\n        &.bg-main {\r\n            background: hsl(var(--main)) !important;\r\n            border-color: hsl(var(--static-white)) !important;\r\n        }\r\n    }\r\n    .common-tab.style-icon .nav-item .nav-link .product-category-list__item {\r\n        box-shadow: none;\r\n    }\r\n    .common-tab.style-icon .nav-item .nav-link.active .product-category-list__item {\r\n        background-color: var(--dark-black-two);\r\n        box-shadow: none;\r\n    }\r\n\r\n    .popular-item-card {\r\n        background-color: var(--dark-black-two);\r\n        box-shadow: none;\r\n    }\r\n    .popular-item-card-section::before {\r\n        background: none;\r\n    }\r\n    .contributor-item {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .featured-contributor::before {\r\n        background: none;\r\n    }\r\n    .service {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .service-item {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .testimonial-item {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .pricing-item {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n\r\n    .seller-two {\r\n        background-image: url(../images/shapes/wave-shape-dark.png);\r\n        background-color: var(--dark-black-one);\r\n    }\r\n    .download-icon {\r\n        &:hover {\r\n            .icon {\r\n                .dark-version {\r\n                    display: none !important;\r\n                }\r\n                .white-version {\r\n                    display: block !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    /* Home Two End */\r\n\r\n\r\n    /* All product start */ \r\n    .filter-sidebar {\r\n        background-color: hsl(var(--section-bg)) !important;\r\n    }\r\n    .btn-white {\r\n        background-color: var(--dark-black-three) !important;\r\n    }\r\n    .product-review, .user-comment {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    /* All product start */ \r\n\r\n\r\n    /* Profile start */ \r\n    .breadcrumb-three-content::before {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .breadcrumb-three-content.border-bottom {\r\n        border-bottom: 1px solid hsl(var(--gray-five)) !important;\r\n    }\r\n    /* Profile End */ \r\n    \r\n    /* Cart End */ \r\n    .process-list {\r\n        border: 1px solid hsl(var(--static-white)/.15);\r\n        &__link {\r\n            background-color: var(--dark-black-three);\r\n        }\r\n    }\r\n    .table {\r\n        &.style-two {\r\n            background-color: var(--dark-black-two);\r\n            thead tr th {\r\n                background-color: var(--dark-black-two);\r\n            }\r\n        }\r\n        .product-item__wishlist {\r\n            background-color: var(--dark-black-five);\r\n            color: hsl(var(--static-white));\r\n            &.active {\r\n                background-color: hsl(var(--static-white));\r\n                color: hsl(var(--static-black));\r\n            }\r\n        }\r\n    }\r\n    /* Profile End */ \r\n\r\n    .common-card, .common-card .card-header{\r\n        background-color: var(--dark-black-two) !important;\r\n    }\r\n\r\n    /* product details Start */\r\n    .social-share__icons, .social-share__icons::before {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    /* product details End */\r\n\r\n    /* Cart  Start */\r\n    .cart-item__count {\r\n        border: 1px solid hsl(var(--static-white)/.2);\r\n    }\r\n    .cart-payment-card::before {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .common-input--bg {\r\n        background-color: var(--dark-black-two) !important;\r\n        border-color: hsl(var(--static-white)/.15) !important;\r\n    }\r\n    .total-bill {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    .cart-thank__box {\r\n        background-color: var(--dark-black-two);\r\n        box-shadow: none;\r\n    }\r\n    .thank-card::before {\r\n        background: var(--dark-black-three);\r\n    }\r\n    /* Cart  End */\r\n\r\n    /* Dashboard  Start */\r\n    .dashboard {\r\n        background-color: var(--dark-black-one);\r\n    }\r\n    .dashboard-widget::before, .dashboard-sidebar, .dashboard-nav, .dashboard-card, .user-profile .user-profile-dropdown, .user-profile .user-profile-dropdown::before, .dashboard-footer, .profile-info, select option, .license-dropdown, .license-dropdown::before, .mobile-menu {\r\n        background: var(--dark-black-two) !important;\r\n    }\r\n    .sidebar-list__item.activePage .sidebar-list__link, .sidebar-list__item:hover .sidebar-list__link {\r\n        background-color: var(--dark-black-one);\r\n    }\r\n    \r\n    .dashboard-widget:hover {\r\n        box-shadow: none;\r\n    }\r\n    .icon-btn.bar-icon {\r\n        background-color: var(--dark-black-three) !important;\r\n    }\r\n    .profile-info-list__item {\r\n        border-bottom: 1px dashed hsl(var(--static-white)/.15);\r\n        &:last-child {\r\n            border-bottom: 0;\r\n        }\r\n    }\r\n    .setting-sidebar {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .earning-card {\r\n        box-shadow: none;\r\n    }\r\n    .download-wrapper {\r\n        background-color: var(--dark-black-two) !important;\r\n    }\r\n    /* Dashboard  End */\r\n\r\n    /* Blog Details  Start */\r\n    .tag-list__link {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .common-tab .nav-item .nav-link:hover {\r\n        background-color: var(--dark-black-two);\r\n    }\r\n    /* Blog Details  End */\r\n\r\n    .contributor-info__thumb {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .pricing-item__icon {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .author-details__thumb {\r\n        background-color: var(--dark-black-three);\r\n    }\r\n    .profile-sidebar__item .social-icon-list__link.border-white {\r\n        background: var(--dark-black-two) !important;\r\n        border-color: hsl(var(--static-white)/.2) !important;\r\n    }\r\n    .bg-white.rounded:has(.star-rating) {\r\n        background-color: var(--dark-black-three) !important;\r\n    }\r\n\r\n\r\n    /* Brand & Footer Css Star */\r\n    .brand {\r\n        &.active {\r\n            margin-bottom: 0;\r\n            padding: 30px 0;\r\n            margin-top: -10px;\r\n        }\r\n    }\r\n    \r\n    .footer-section {\r\n        &.active {\r\n            padding-top: 120px;\r\n        }\r\n    }\r\n    /* Brand & Footer Css ENd */\r\n    .account__left::before {\r\n        background: none;\r\n    }\r\n    .badge-list__item {\r\n        background-image: url(../images/shapes/polygon-shape-white.png);\r\n    }\r\n\r\n\r\n    /* ============================ Home Three Css Start ================================= */\r\n    .border-box {\r\n        opacity: .1;\r\n    }\r\n    .statistics-three-box {\r\n        background-color: var(--dark-black-three) !important;\r\n    }\r\n    \r\n    .happy-client-three {\r\n        background-color: var(--dark-black-three);\r\n        box-shadow: -10px 20px 20px 0px rgb(0 4 36 / 17%);\r\n    }\r\n    \r\n    .section-heading__subtitle {\r\n        background-color: var(--dark-black-three) !important;\r\n    }\r\n    \r\n    .service-three-item {\r\n        background-color: var(--dark-black-three);\r\n        &__button:hover {\r\n            color: #fff !important;\r\n        }\r\n        &.active .service-three-item__button {\r\n            color: #fff !important;\r\n        }\r\n    }\r\n    \r\n    .line-bg {\r\n        opacity: .12;\r\n    }\r\n    \r\n    .choose-us-item {\r\n        background-color: var(--dark-black-two);\r\n        border-color: hsl(var(--static-white)/.15);\r\n        box-shadow: none !important;\r\n        &__icon {\r\n            box-shadow: none;\r\n            background-color: var(--dark-black-two);\r\n        }\r\n    }\r\n\r\n    .brand-three-item img {\r\n        filter: invert(1);\r\n    }\r\n\r\n    .working-process-wrapper {\r\n        border: 1px solid hsl(var(--static-white)/.4);\r\n    }\r\n\r\n    .full-line {\r\n        opacity: .06;\r\n    }\r\n\r\n    .btn-rounded {\r\n        background-color: hsl(var(--black-two));\r\n    }\r\n\r\n    .team-item {\r\n        background-color: hsl(var(--black-two));\r\n    }\r\n\r\n    .payment-wrapper {\r\n        .section-heading {\r\n            &__title, &__desc{\r\n                color: hsl(var(--static-black));\r\n            }\r\n        }\r\n    }\r\n\r\n    .testimonial-three {\r\n        .bg--gradient {\r\n            opacity: .1;\r\n        }\r\n        &-thumb {\r\n            background-color: hsl(var(--black-two));\r\n        }\r\n        &-item__quote {\r\n            filter: invert(1);\r\n        }\r\n    }\r\n\r\n    .pricing-plan-three-item:hover, .welcome-card .pricing-plan-three-item {\r\n        border-color: hsl(var(--static-white)/.2);\r\n    }\r\n\r\n    .price-vector {\r\n        filter: invert(.3);\r\n    }\r\n    \r\n    .newsletter-three-content {\r\n        background-color: hsl(var(--black-two));\r\n        &.support-content {\r\n            background-color: hsl(var(--black-two));\r\n        }\r\n    }\r\n    \r\n    .footer-three {\r\n        background-color: #0b0e2a;\r\n    }\r\n\r\n    .newsletter-three-content.support-content .arrow-round {\r\n        opacity: .18;\r\n    }\r\n    .pricing-plan-three-item__icon {\r\n        background-color: hsl(var(--black-two));\r\n    }\r\n\r\n    .statistics-three-box {\r\n        box-shadow: -10px 20px 30px 0px rgb(107 108 114 / 50%);\r\n    }\r\n    .curve-arrow {\r\n        filter: invert(1) !important;\r\n    }\r\n\r\n    .buttons {\r\n        .icon-right.icon img {\r\n            filter: brightness(0.1);\r\n        }\r\n        .btn-black:hover .icon img {\r\n            filter: brightness(1);\r\n        }\r\n    }\r\n    \r\n    /* ============================ Home Three Css End ================================= */\r\n}\r\n/* ============================ Dark Version Css End =============================== */","/* Index Three Css Start */\r\n.index-three-wrapper {\r\n\r\n}\r\n/* Index Three Css End */\r\n","/* =========================== Banner-three Section Start Here ========================= */\r\n.banner-three {\r\n    &__wrapper {\r\n        border-radius: 16px;\r\n        padding: 120px;\r\n        overflow: hidden;\r\n        @include xxl-screen {\r\n            padding: 100px;\r\n        }\r\n        @include xl-screen {\r\n            padding: 80px;\r\n        }\r\n        @include md-screen {\r\n            padding: 60px;\r\n        }\r\n        @include sm-screen {\r\n            padding: 40px;\r\n        }\r\n        @include msm-screen {\r\n            padding: 32px 24px;\r\n        }\r\n        @include xsm-screen {\r\n            padding: 24px 16px;\r\n        }\r\n    }\r\n    &__inner {\r\n        @include md-screen {\r\n            flex-direction: column;\r\n            gap: 32px;\r\n        }\r\n    }\r\n}\r\n\r\n.banner-three__inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.banner-three-thumb {\r\n    max-width: 714px;\r\n    margin: 0 auto;\r\n}\r\n\r\n/* Banner-three Content Css Start */\r\n.banner-three-content {\r\n    max-width: 740px;\r\n    &__title {\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n            font-size: 40px; \r\n        }\r\n        @media (min-width: 1200px) and (max-width: 1499px) {\r\n            font-size: 50px; \r\n        }\r\n        @media (min-width: 1500px) and (max-width: 1699px) {\r\n            font-size: 60px; \r\n        }\r\n        @include msm-screen {\r\n            @include font-30; \r\n        }\r\n    }\r\n}\r\n/* Banner-three Content Css End */\r\n\r\n\r\n/* Statistics-three Css Start */\r\n.statistics-three-wrapper {\r\n    gap: clampCal(16, 40);\r\n}\r\n\r\n.statistics-three {\r\n    &__text {\r\n        @include xsm-screen {\r\n            font-size: 13px !important;\r\n        }\r\n    }\r\n}\r\n.curve-arrow {\r\n    position: absolute;\r\n    left: 100%;\r\n    bottom: -8px;\r\n    max-width: 45%;\r\n    @include md-screen {\r\n        max-width: 34%;\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n.statistics-three-box {\r\n    padding: 24px 16px;\r\n    border-radius: 16px;\r\n    box-shadow: -10px 20px 30px 0px rgba(189, 190, 204, 0.50);\r\n    top: 0px;\r\n    right: 32px;\r\n    width: 120px;\r\n    background-color: hsl(var(--white));\r\n    position: absolute;\r\n    @include sm-screen {\r\n        left: 0;\r\n        right: auto;\r\n        padding: 16px;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 2px);\r\n        height: calc(100% + 2px);\r\n        background: var(--main-gradient);\r\n        background:  linear-gradient(270deg, #FFA5F6 22.75%, #FFEDBF 56.98%, #DAC8FF 90.52%);\r\n        left: -1px;\r\n        top: -1px;\r\n        border-radius: inherit;\r\n        z-index: -1;\r\n    }\r\n    &__amount {\r\n        margin-bottom: 0px;\r\n    }\r\n}\r\n/* Statistics-three Css End */\r\n\r\n/* Happy Client Css Start */\r\n.happy-client-three {\r\n    gap: 12px;\r\n    padding: 8px;\r\n    background-color: hsl(var(--white));\r\n    border-radius: 50px;\r\n    display: inline-flex;\r\n    padding-right: 24px;\r\n    position: absolute;\r\n    left: 15px;\r\n    bottom: 16px;\r\n    box-shadow: -10px 20px 20px 0px rgba(204, 204, 204, 0.25);\r\n    @include sm-screen {\r\n        left: 0;\r\n        bottom: 0;\r\n        gap: 2px;\r\n    }\r\n    &__img {\r\n        position: relative;\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        &:not(:first-child) {\r\n            margin-left: -27px;\r\n        }\r\n    }\r\n    &__text {\r\n        max-width: 77px; \r\n    }\r\n}\r\n/* Happy Client Css End */\r\n/* =========================== Banner-three Section End Here ========================= */","/* ======================== Brand Section Css Start ========================= */\r\n.brand-three {\r\n    margin-top: 72px;\r\n    position: relative;\r\n    img {\r\n        max-height: 52px;\r\n    }\r\n}\r\n/* ======================== Brand Section Css End ========================= */","/* ======================== About-three Section Css Start ========================== */\r\n.about-three {\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 195px;\r\n        height: 620px;\r\n        transform: rotate(46.878deg);\r\n        border-radius: 620px;\r\n        background: rgba(241, 88, 91, 0.50);\r\n        filter: blur(100px);\r\n        left: 25%;\r\n        top: 25%;\r\n        @include lg-screen {\r\n            background: rgba(241, 88, 91, 0.25);\r\n        }\r\n    }\r\n    .element {\r\n        left: 18%;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.about-three-thumb {\r\n    margin-right: 56px;\r\n    @include md-screen {\r\n        margin-right: 0;\r\n    }\r\n    @include sm-screen {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n    &__img {\r\n        overflow: hidden;\r\n        @include sm-screen {\r\n            margin-top: 0 !important;\r\n            border-radius: 8px !important;\r\n        }\r\n        &.one {\r\n            border-radius: 210px 0 0 0;\r\n        }\r\n        &.two {\r\n            margin-top: -165px;\r\n            border-radius: 0 0 210px 0;\r\n            z-index: 1;\r\n            position: relative;\r\n        }\r\n    }\r\n}\r\n\r\n.experience-content {\r\n    width: 188px;\r\n    height: 188px;\r\n    border-radius: 50%;\r\n    background-color: hsl(var(--static-black));\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px;\r\n    text-align: center;\r\n    box-shadow: 0 0 0px 10px hsl(var(--white)/.3);\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 20%;\r\n    z-index: 1;\r\n    @include lg-screen {\r\n        width: 120px;\r\n        height: 120px;\r\n        padding: 16px;\r\n    }\r\n    &__text {\r\n        @include lg-screen {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n}\r\n\r\n/* About-three Content */\r\n.about-three-content {\r\n    &__item {\r\n        margin-bottom: 32px;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    &__icon {\r\n        width: 28px;\r\n        height: 28px;\r\n        @include font-16; \r\n        background: var(--main-gradient);\r\n        border-radius: 50%;\r\n        color: hsl(var(--static-white));\r\n    }\r\n    &__desc {\r\n        max-width: 430px;\r\n    }\r\n}\r\n/* ======================== About-three Section Css End ========================== */","/* =======================-three Services Section Css Start ===================== */\r\n.service-three-item-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n}\r\n\r\n.service-three-item {\r\n    background-color: hsl(var(--white));\r\n    padding: 32px;\r\n    border-radius: 16px;\r\n    transition: .2s linear;\r\n    flex-grow: 1;\r\n    @include xl-screen {\r\n        padding: 24px;\r\n    }\r\n    @include xsm-screen {\r\n        flex-direction: column;\r\n    }\r\n    &.active {\r\n        .ser-list {\r\n            display: flex !important;\r\n        }\r\n        .service-three-item { \r\n            &__button {\r\n                background-color: hsl(var(--main));\r\n                border-color: hsl(var(--main)) !important;\r\n                color: hsl(var(--white));\r\n                i::before {\r\n                    content: \"\\f068\";\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &:hover, &.active {\r\n        background-color: hsl(var(--black));   \r\n        .ser-list {\r\n            &__item {\r\n                color: hsl(var(--white)) !important;\r\n            }\r\n        }\r\n        .service-three-item {\r\n            &__title {\r\n                color: hsl(var(--white));\r\n            }\r\n            &__desc {\r\n                color: hsl(var(--white-one));\r\n            }\r\n            &__button {\r\n                border-color: hsl(var(--white-one));\r\n                color: hsl(var(--white));\r\n            }\r\n            &__bg {\r\n                visibility: visible;\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    &__bg {\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        transition: .2s linear;\r\n    }\r\n    &__icon {\r\n        width: 80px;\r\n        height: 80px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: hsl(var(--section-bg));\r\n        border-radius: 50%;\r\n    }\r\n    &__title {\r\n        transition: .2s linear;\r\n    }\r\n    &__desc {\r\n        transition: .2s linear;\r\n    }\r\n    &__button {\r\n        width: 32px;\r\n        height: 32px;\r\n        border: 1px solid hsl(var(--white-one));\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: hsl(var(--heading-color));\r\n        margin-top: 20px;\r\n        transition: .2s linear;\r\n        &:hover {\r\n            background-color: hsl(var(--main));\r\n            border-color: hsl(var(--main)) !important;\r\n            color: hsl(var(--white));\r\n        }\r\n    }\r\n}\r\n\r\n.ser-list {\r\n    display: none !important;\r\n    &__item {\r\n        @include xl-screen {\r\n            font-size: 1rem !important;\r\n        }\r\n        @include md-screen {\r\n            font-size: 1rem !important;\r\n        }\r\n    }\r\n}\r\n.right-bottom {\r\n    top: auto;\r\n    bottom: 175px;\r\n}\r\n/* =======================-three Services Section Css End ===================== */","/* ===================== Why Choose Us Css Start ========================== */\r\n.choose-us-item {\r\n    padding: 8px;\r\n    background-color: hsl(var(--white));\r\n    border-radius: 16px;\r\n    border: 1px solid #FFE8F4;\r\n    box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.25);\r\n    transition: .2s linear;\r\n    &:hover {\r\n        box-shadow: 0px 20px 30px 0px rgba(197, 196, 201, 0.45);\r\n        .choose-us-item {\r\n            &__thumb {\r\n                img {\r\n                    transform: scale(1.1);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &__thumb {\r\n        border-radius: inherit;\r\n        overflow: hidden;\r\n        img {\r\n            transition: .2s linear;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n    }\r\n    &__content {\r\n        margin-top: -43px;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 24px;\r\n        padding-top: 0 !important;\r\n        @include xxl-screen {\r\n            padding: 16px;  \r\n        }\r\n        @include xl-screen {\r\n            padding: 8px;  \r\n        }\r\n    }\r\n    &__icon {\r\n        width: 86px;\r\n        height: 86px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-shadow: 0px 20px 20px #F4F8FC;\r\n        border-radius: 50%;\r\n        background-color: hsl(var(--white));\r\n        margin: 0 auto;\r\n    }\r\n}\r\n/* ===================== Why Choose Us Css End ========================== */","/* ============================= Working Process Section Css Start ============================ */\r\n.working-process-wrapper {\r\n    background-color: hsl(var(--static-black));\r\n    border-radius: 48px;\r\n    div[class*=\"col\"] {\r\n        &:last-child {\r\n            .working-process-item {\r\n                &__arrow {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.working-process-item {\r\n    position: relative;\r\n    &:hover {\r\n        .working-process-item {\r\n            &__number {\r\n                background-color: hsl(var(--static-white)/.1);\r\n            }\r\n        }\r\n    }\r\n    &__arrow {\r\n        position: absolute;\r\n        left: calc(100% + 10px);\r\n        transform: translateX(-50%);\r\n        top: 65px;\r\n        @include lg-screen {\r\n            display: none;\r\n        }\r\n    }\r\n    &__number {\r\n        width: clampCal(60, 130, 992, 1299);\r\n        height: clampCal(60, 130, 992, 1299);\r\n        border-radius: 50%;\r\n        border: 1px solid hsl(var(--static-white)/.5);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: hsl(var(--static-white)/.7);\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        font-size: clamp(1.75rem, -0.8115rem + 5.3364vw, 3.1875rem); // Min: 28px - Max: 51px;\r\n        transition: .2s linear;\r\n    }\r\n}\r\n/* ============================= Working Process Section Css End ============================ */","/* ========================= Latest Project Section Css Start ======================= */\r\n.latest-project-wrapper {\r\n    width: 100vw;\r\n    @include lg-screen {\r\n        width: unset;\r\n    }\r\n    .slick-next {\r\n        right: 330px;\r\n        @media (max-width: 1600px) {\r\n            right: 176px;\r\n        }\r\n        @media (max-width: 1500px) {\r\n            right: 110px;\r\n        }\r\n        @media (max-width: 1400px) {\r\n            right: 64px;\r\n        }\r\n        @media (max-width: 1300px) {\r\n            right: 20px;\r\n        }\r\n        @include lg-screen {\r\n            right: -18px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.latest-project-item {\r\n    background-color: hsl(var(--section-bg));\r\n    border-radius: 24px;\r\n    &__content , &__bottom{\r\n        padding: 24px;\r\n    }\r\n    &__content {\r\n        padding-bottom: 0;\r\n    }\r\n    &__thumb {\r\n        margin: 32px 0;\r\n        @include lg-screen {\r\n            margin-top: 24px;\r\n        }\r\n    }   \r\n    &__bottom {\r\n        padding-top: 0;\r\n    }\r\n}\r\n\r\n.tag-list {\r\n    &__link {\r\n        padding: 4px 16px;\r\n        border-radius: 50px;\r\n        border: 1px solid hsl(var(--gray-four));\r\n        color: hsl(var(--heading-color));\r\n        &:hover {\r\n            color: hsl(var(--white));\r\n            border-color: hsl(var(--black));\r\n            background-color: hsl(var(--black));\r\n        }\r\n    }\r\n}\r\n\r\n.bookmark-btn {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 8px;\r\n    border: 1px solid hsl(var(--white-one));\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    &:hover {\r\n        background-color: hsl(var(--white-one));\r\n    }\r\n}\r\n\r\n\r\n.btn-rounded {\r\n    width: 158px;\r\n    height: 158px;\r\n    border-radius: 50%;\r\n    position: relative;\r\n    margin: 12px;\r\n    margin-bottom: -78px;\r\n    z-index: 2;\r\n    background-color: hsl(var(--static-black));\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: calc(100% + 22px);\r\n        height: calc(100% + 22px);\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        border: 1px solid hsl(var(--gray-four));\r\n        border-radius: inherit;\r\n    }\r\n}\r\n/* ========================= Latest Project Section Css Start ======================= */\r\n","/* ========================= Team Section Css Start ======================= */\r\n.team {\r\n    position: relative;\r\n    &::before, &::after {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 826px;\r\n        height: 826px;\r\n        border-radius: 826px;\r\n        background: rgba(244, 211, 255, 0.22);\r\n        filter: blur(100px);\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: -1;\r\n    }\r\n    &::after {\r\n        right: auto;\r\n        left: 0;\r\n    }\r\n}\r\n\r\n.team-item-slider {\r\n    .slick-arrow {\r\n        top: 25%;\r\n    }\r\n}\r\n\r\n.team-item {\r\n    padding: 8px;\r\n    border-radius: 16px;\r\n    background-color: hsl(var(--white));\r\n    &__thumb {\r\n        border-radius: 16px 16px 0px 0px;\r\n        overflow: hidden;\r\n    }\r\n    &__content {\r\n        padding: 8px;\r\n        padding-top: 0;\r\n        margin-top: -22px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n}\r\n/* ========================= Team Section Css End ======================= */","/* ======================== Payment Method Section Css Start ============================== */\r\n.payment {\r\n    background-color: #F6DEE9;\r\n    @include lg-screen {\r\n        padding-bottom: 120px;\r\n    }\r\n    @include md-screen {\r\n        padding-bottom: 100px;\r\n    }\r\n    .section-heading {\r\n        max-width: 494px;\r\n    }\r\n    &-inner {\r\n        @include xl-screen {\r\n            padding-top: 0 !important;\r\n        }\r\n    }\r\n    &-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 24px;\r\n    }\r\n    &-thumb {\r\n        max-width: 30%;\r\n        @include xxl-screen {\r\n            max-width: 25%;\r\n        }\r\n    }\r\n}\r\n\r\n.payment-method {\r\n    position: relative;\r\n    z-index: 1;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    @include md-screen {\r\n        width: 100%;\r\n    }\r\n    &::before {\r\n        position: absolute;\r\n        content: \"\";\r\n        width: 470px;\r\n        height: 470px;\r\n        border-radius: 470px;\r\n        background: rgba(241, 88, 91, 0.30);\r\n        filter: blur(100px);\r\n        z-index: -1;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n    &__item {\r\n        height: 120px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 16px;\r\n        background-color: hsl(var(--static-white));\r\n        @include xxl-screen {\r\n            height: 90px;\r\n        }\r\n        @include sm-screen {\r\n            height: 60px;\r\n        }\r\n        img {\r\n            @include msm-screen {\r\n                max-height: 20px;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ======================== Payment Method Section Css End ============================== */","/* ============================ Testimonial Section Css Start ======================= */\r\n.testimonial-three {\r\n    .slick-list {\r\n        padding: 0 !important;\r\n    }\r\n    .slick-dots {\r\n        width: 100%;\r\n        justify-content: end;\r\n        right: -29%;\r\n        position: relative;\r\n        @include lg-screen {\r\n            right: -12%;\r\n        }\r\n    }\r\n}\r\n\r\n.testimonial-three-thumb {\r\n    border-radius: 32px 300px 300px 32px;\r\n    padding: 16px;\r\n    background-color: hsl(var(--white));\r\n    img {\r\n        border-radius: 16px 206px 206px 16px;\r\n        background: #fafafa;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.testimonial-three-item {\r\n    &__desc {\r\n        font-size: clampCal(16, 24);\r\n    }\r\n}\r\n/* ============================ Testimonial Section Css End ======================= */","/* ========================= Pricing Plan Section Css Start ============================ */\r\n.welcome-card {\r\n    .price-vector {\r\n        margin-bottom: -2px;\r\n    }\r\n    .pricing-plan-three-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: calc(100% - 142px);\r\n        justify-content: center;\r\n    }\r\n\r\n    .tab-gradient .nav-item .nav-link {\r\n        border: 2px solid hsl(var(--black-three));\r\n        &.active {\r\n            border-color: transparent;\r\n        }\r\n        &::before {\r\n            background: transparent;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.pricing-plan-three-item {\r\n    border-radius: 16px;\r\n    background-color: hsl(var(--section-bg));\r\n    padding: 32px 24px;\r\n    transition: .2s linear;\r\n    position: relative;\r\n    z-index: 1;\r\n    border: 1px solid transparent;\r\n    &:hover, &.active {\r\n        background-color: #000424;\r\n        .hover-bg {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n        .pricing-plan-three-item {\r\n            &__top {\r\n                &::before {\r\n                    background-color: hsl(var(--static-white)/.3);\r\n                }\r\n            }\r\n            &__title {\r\n                color: hsl(var(--static-white));\r\n            }\r\n            &__price {\r\n                color: hsl(var(--static-white));\r\n                .text {\r\n                    color: hsl(var(--static-white)) !important;\r\n                }\r\n            }\r\n            &__desc {\r\n                color: hsl(var(--static-white));\r\n            }\r\n        }\r\n        .text-list {\r\n            &__item {\r\n                color: hsl(var(--static-white)) !important;\r\n            }\r\n        }\r\n        .btn-outline-light {\r\n            background: var(--main-gradient);\r\n            border-color: transparent !important;\r\n            color: hsl(var(--static-white)) !important;\r\n            transition: .2s linear;\r\n            &:hover {\r\n                transform: scale(1.04);\r\n            }\r\n        }\r\n    }\r\n    &__top {\r\n        padding-bottom: clampCal(16, 32);\r\n        margin-bottom: clampCal(16, 32);\r\n        position: relative;\r\n        &::before {\r\n            position: absolute; \r\n            content: \"\";\r\n            width: calc(100% + 48px);\r\n            height: 1px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            bottom: 0;\r\n            background-color: hsl(var(--gray-five));\r\n            transition: .2s linear;\r\n        }\r\n    }\r\n    &__icon {\r\n        border-radius: 50%;\r\n        border: 1px solid hsl(var(--white-one));\r\n        background-color: hsl(var(--white));\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-shrink: 0;\r\n    }\r\n    &__title {\r\n        transition: .2s linear;\r\n    }\r\n    &__price {\r\n        transition: .2s linear;\r\n    }\r\n    &__desc {\r\n        margin-bottom: clampCal(24, 40);\r\n        transition: .2s linear;\r\n    }\r\n    &__lists {\r\n        margin-top: clampCal(24, 40);\r\n    }\r\n}\r\n\r\n.text-list {\r\n    &__item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 16px;\r\n        transition: .2s linear;\r\n        font-weight: 300;\r\n        &:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n        .icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            border-radius: 50%;\r\n            border: 1px solid hsl(var(--white-one));\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n}\r\n\r\n.pricing-plan-three {\r\n    .popular-badge { \r\n        clip-path: unset;\r\n    }\r\n}\r\n\r\n.popular-badge {\r\n    color: hsl(var(--white));\r\n    background: var(--main-gradient);\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    padding: 6px 28px;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    border-radius: 0 16px;\r\n}\r\n\r\n.hover-bg-main:hover .hover-bg {\r\n    visibility: visible;\r\n    opacity: 1;\r\n}\r\n\r\n.hover-bg {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: 0.2s linear;\r\n    z-index: -1;\r\n}\r\n/* ========================= Pricing Plan Section Css End ============================ */","/* ========================= Newsletter Section Css Start ======================= */\r\n.newsletter-three-content {\r\n    padding: clampCal(24, 90) clampCal(24, 48);\r\n    border-radius: 16px;\r\n    background: #F5F8FF;    \r\n    border-radius: 16px;\r\n    position: relative;\r\n    height: 100%;\r\n    &.support-content {\r\n        background: #FFEFF4;\r\n        &__img {\r\n            position: absolute;\r\n            right: 16px;\r\n            top: 0;\r\n        }\r\n        .arrow-round {\r\n            position: absolute;\r\n            z-index: -1;\r\n            top: 26px;\r\n            left: 80px;\r\n            @include lg-screen {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    &__img {\r\n        position: absolute;\r\n        right: 40px;\r\n        top: 20px;\r\n        z-index: -1;\r\n        @include lg-screen {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n.search-box {\r\n    position: relative;\r\n    .btn {\r\n        position: absolute;\r\n        right: 8px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n    .common-input {\r\n        background-color: hsl(var(--white)) !important;\r\n        border-color: hsl(var(--white)) !important;\r\n        padding-right: 200px;\r\n        @include msm-screen {\r\n            padding-right: 60px;\r\n        }\r\n    }\r\n}\r\n/* ========================= Newsletter Section Css End ======================= */"]
}