{"version":3,"sources":["abstracts/_variable.scss","abstracts/_mixin.scss","abstracts/_typography.scss","abstracts/_classess.scss","abstracts/_extend.scss","abstracts/_global.scss","base/_bg-color.scss","base/_color.scss","base/_margin.scss","base/_padding.scss","base/_border.scss","components/_accordion.scss","components/_button.scss","components/_card.scss","components/_form.scss","components/_modal.scss","components/_pagination.scss","components/_table.scss","components/_tab.scss","components/_badge.scss","components/_alert.scss","layout/_preloader.scss","layout/_header.scss","layout/_footer.scss","layout/_scroll-top.scss","layout/_selection.scss","layout/_social-icon.scss","layout/_about.scss","layout/_features.scss","layout/_price-plan.scss","layout/_counter.scss","layout/_blog-sidebar.scss","layout/_comment.scss","layout/_sidebar-menu.scss","layout/_slick.scss","layout/_star-rating.scss","layout/_dashboard-body.scss","partials/home/_banner.scss","partials/home/_testimonials.scss","partials/home/_blog.scss","partials/_blog-details.scss","partials/_account.scss","partials/_contact.scss"],"names":[],"mappings":"AAAA;AACQ;AAEA;AAER;AACE;AACE;EACA;EACA;AAEF;EAEG;EAGD;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;AACD;EAEC;EAEA;EAEA;AAIA;AAEA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAED;AACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACD;EACC;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAGA;;;AAEJ;ACnOA;AA2KA;AC1KA;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;EACA;;;AAEJ;EACE;;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;ADCF;ECXA;AAAA;AAAA;AAAA;AAAA;AAAA;IAYI;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACE;;;AAEF;EACI;EACA;;;AAEJ;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;EACA;;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;;;AAEF;AC1GA;AACA;AAEI;EADJ;IAEQ;;;AAGR;AACA;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AFgBF;EEtBF;IAQQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AAEJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAGR;AAEA;AC/EA;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;EH4BE;;;AGzBF;EH4BE;;;AGzBF;EH4BE;;;AGzBF;EH4BE;;;AGzBF;EH4BE;;;AGzBF;EH4BE;;;AGzBF;EH4BE;;;AA9CA;EGkBF;IHyBE;;;AGnBF;EHyBE;;;AAjDA;EGwBF;IHsBE;;;AA5DA;EGsCF;IHmBE;;;AGVF;EHmBE;;;AA7CA;EG0BF;IHgBE;;;AA/DA;EG+CF;IHaE;;;AGJF;EHgBE;;;AAnDA;EGmCF;IHUE;;;AAlEA;EGwDF;IHOE;;;AGEF;AAEA;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;AC5IA;AACA;EACE;;;AJgDA;EIjDF;IAGI;;;AJuCF;EI1CF;IAMI;;;AAEF;EJmGA;EIjGE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;ACvDA;AAEI;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIR;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;ACxCA;AAEI;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;EACG;;;AAGP;ACnDA;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;AACA;EACE;EACA;;;AACA;EAHF;IAII;IACA;;;AAEF;EAPF;IAQI;IACA;;;AAIJ;EACE;EACA;;;AACA;EAHF;IAII;IACA;;;AAEF;EAPF;IAQI;IACA;;;AAKJ;EACE;EACA;;;AACA;EAHF;IAIE;IACA;;;AAEA;EAPF;IAQE;IACA;;;AAMF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAMF;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAKJ;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAOF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAOF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAKF;EACI;;;AACA;EAFJ;IAGI;;;AAEA;EALJ;IAMI;;;AAKJ;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAKF;EACE;;;AACA;EAFF;IAGE;;;AAEA;EALF;IAME;;;AAQF;AC3IA;AAEI;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;ACxBA;AAEI;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;;;AVQV;EUTM;IAGQ;;;AAIZ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EAEA;;;AVRN;EUIE;IAMQ;IACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAIJ;EACI;EACA;;;AAKhB;AC9EA;AACA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AXgBJ;EW1BF;IAYU;IXoER;;;AA7DA;EWnBF;IAgBU;;;AAEJ;EACE;;;AAEF;EACE;;;AXWN;EWZI;IAGM;;;AXEV;EWLI;IAMM;;;AAGN;EACE;;;AXLN;EWII;IAGM;;;AAGR;EACI;EACA;EACA;EAEA;;;AAEJ;EACI;;;AAGJ;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;;;AAEA;EACI;;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAGR;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAKZ;AC1LA;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGR;ACzBA;AACA;AACA;EACI;EAEA;EACA;;;AAGJ;EACI;;;AAEJ;AACA;EACI;;;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGR;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AACA;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAKhB;AAGA;EACI;;;AAEJ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;AAEA;AACA;EACI;;;AAEJ;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAGI;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;;;AbpIN;EauIE;IbjEF;;;AAtEA;Ea4IE;IbtEF;;;Aa4EF;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;EACI;EACA;EACA;EACA;;;AAIR;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AACA;EACI;EACA;;;AAGR;EACI;;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;AACA;AClRA;AAEI;EACI;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAIZ;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGR;ACnDA;AACA;EACI;EACA;EACA;;;Af+CF;EelDF;IAKQ;;;AfsCN;Ee3CF;IAQQ;;;Af4BN;EepCF;IAWQ;;;AAII;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAEJ;EACI;;;AAKhB;AC9CA;AACA;AAEA;EAEC;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAED;AAEA;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;;;AhBLA;EgBCD;IAME;IACA;;;AAGF;EACC;;;AhBZA;EgBWD;IAGE;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AACC;EACA;EACA;EACA;EACA;EACA;;;AAIH;EACC;EACA;;;AhBlCA;EgBgCD;IAIE;IACA;;;AAOH;EACC;EACA;EACA;EACA;;;AAGE;EACC;EACA;EACA;EACA;EACA;EACY;EACZ;EAEA;EACA;EACA;;;AhBrBF;EgBUC;IAaE;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAKJ;EACC;EACM;;;AACN;EACC;;;AACA;EACC;;;AAGA;EACC;;;AACA;EACE;;;AAEF;EACC;;;AAIH;EACC;EACA;EACA;EACY;EACZ;EACA;EACA;EACA;EAEA;EACA;;;AhBtEF;EgB2DC;IAaE;;;AAED;EACC;EACA;EAEA;EACA;EACA;EACe;EACA;;;AAEhB;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;;;AhB/HH;EgBwIM;IACL;;;EAGA;IACC;;;EACA;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACC;;;EAED;IACC;IACA;;;EAED;IACI;IhB7GP;IgB+GI;;;AhBrKJ;EgB8KE;IACC;;;AhBxKH;EgBgLM;IACL;;;EAGA;IACC;;;EACA;IACC;;;EAED;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACC;;;EAED;IACC;IACA;;;EAED;IACI;IhB/JP;IgBiKI;;;AhBhNJ;EgByNE;IACC;;;AhBnNH;EgB2NM;IACL;;;EAGA;IACC;;;EACA;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACC;;;EAED;IACC;IACA;;;EAED;IACI;IhB9MP;IgBgNI;;;AhBxPJ;EgBkQE;IACC;;;AhB5PH;EgBoQM;IACL;;;EAGA;IACC;;;EACA;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACC;;;EAED;IACC;IACA;;;EAED;IACI;IhB9PP;IgBgQI;;;AhBjSJ;EgB2SE;IACC;;;AAML;AC5WA;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AACA;EACI;EACA;EACA;EACC;EACD;EACA;;;AjBqCV;EiB3CM;IAQQ;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;;;AAGR;EACI;;;AAKhB;AChCA;AACA;EAEI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGR;AC9BA;AACA;EACI;EACA;EACA;EACA;EACA;;;AnBsCF;EmB3CF;IAOQ;;;AnBsBN;EmB7BF;IAUQ;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AnByBN;EmB3BE;IAIQ;;;AnBSV;EmBbE;IAOQ;IACA;IACA;;;AAGR;EAEI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AnBfN;EmBYE;InBoDF;;;AmB5CE;EACI;;;AAEI;EACI;EACA;EACA;;;AAGR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAIZ;AC7GA;AACA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;;AAGJ;AC/CA;AACA;EACI;EACA;;;AAEI;EACI;EACA;;;ArBoCV;EqBtCM;IAIQ;;;AAMhB;EACI;EACA;EACA;EACA;;;ArB+BF;EqBnCF;IAMQ;IACA;IACA;IACA;IACA;;;EACA;IACI;IACA;;;EAEJ;IACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;ArBMV;EqBdE;IAWQ;;;AAKZ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;;;AAEJ;AACA;EACA;IACI;IACA;;;EACA;IACI;IACA;;;EACA;IACI;;;EAGA;IACI;;;EACA;IACI;;;EAKR;IACI;;;EACA;IACI;;;EAEJ;IACI;IACA;;;EAIZ;IACI;IrBHV;IqBKU;IACA;IACA;IACA;AACA;;;EACA;IACI;IACA;;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;;;EAEJ;IACI;IrB1Cd;IqB4Cc;;;ArBxFd;EqBqFU;IAKQ;;;AAQpB;EAEQ;IACI;;;EACA;IrBjDV;;;AqBtBF;EA6EC;IACG;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACI;;;EACA;IACI;;;EAGR;IACI;IACA;IrB7EN;IqB+EM;;;EACA;IACI;IACA;;;AAxGZ;EAgHS;IACO;IACA;IACA;IACA;;;AAMhB;AAEA;ArBpJE;EqBsJE;IACI;IACA;;;EAEJ;IACI;;;EACA;IACI;IACA;IACA;IACA;;;EACA;IACI;;;EAKR;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACI;;;EAGA;IACI;;;EACA;IACI;;;EAMrB;IACK;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAEM;IACE;;;EAEJ;IACI;IACA;IrBpKd;IqBsKc;IACA;IACA;IACA;;;EACA;IACI;;;AAQhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACA;;;AAEA;EACI;;;AAKZ;AAGA;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AC5aA;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AtBqBN;EsB/BE;IAYQ;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AtBMN;EsBhBE;IAYQ;;;AAKZ;EACI;EACA;;;AACA;EACI;;;AAGI;EACI;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AtBlBN;EsBiBE;IAIQ;;;AtBnCV;EsB+BE;IAQQ;;;AtBhCV;EsBuCU;IACI;;;AAGR;EACI;EACA;;;AtB7CV;EsB2CM;IAIQ;;;AAGR;EACI;;;AtBnDV;EsBkDM;IAGQ;IACA;;;AAMhB;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AACA;EACI;EACA;;;AAEA;EACI;;;AAIR;EACI;;;AAEA;EACI;EACA;;;AAKZ;AAEI;EACI;EACA;;;AAEA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAKZ;AAEA;AACA;EACI;EACA;;;AAIA;EACI;EACA;;;AtB3HN;EsByHE;IAIQ;;;AAEJ;EACI;EACA;;;AtBjIV;EsB+HM;IAIQ;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;AACA;EACI;;;AAOpB;EACI;;;AtBtJF;EsBqJF;IAGQ;;;AAEJ;EACI;;;AACA;EACI;;;AAKZ;EACG;;;AAEH;ACzMA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;;;AAGR;AC1BA;AACA;EACI;EACA;;;AAEJ;ACJA;AACA;EACI;EACA;EACA;;;AACA;EACI;;;AACA;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AzBYV;EyBzBE;IAgBQ;IACA;IzB8DV;;;AyBzDF;ACjCA;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;A1BiCN;E0BxCE;IASQ;;;AAGR;EACI;;;AACA;EACI;;;AACA;EACI;;;AAGR;EACI;;;AAGA;EACI;;;AAMhB;ACnCA;AAEI;EACI;EACA;EACA;;;AACA;EACI;;;A3BuBV;E2B5BE;IAQQ;;;AAEJ;EACI;EACA;EACA;;;A3BeV;E2BlBM;IAKQ;IACA;;;AAEJ;EACI;;;AAGR;EACI;;;AAGA;EACI;;;A3BQd;E2BHF;IAEQ;;;AAGR;ACtCA;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A5B0BN;E4BpCE;IAYQ;IACA;;;A5B8BV;E4BjDF;IAuBQ;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;;;A5BIN;E4BPE;IAKQ;IACA;;;AAIR;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;A5BIV;E4BRE;IAOQ;;;A5BbV;E4BME;IAUQ;;;AAGR;EACI;;;AAEJ;EACI;;;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;;;A5BjBd;E4BcU;IAKQ;;;AAOpB;AC7EA;AAEA;EACI;EACA;;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A7BeN;E6BZF;IAEQ;;;AAEJ;EACI;EACA;EACA;;;A7BYN;E6BfE;IAKQ;;;AAKZ;AC7CA;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;;;A9BsBN;E8B5BF;IASQ;;;AAEJ;EACI;EACA;EACA;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIZ;AACA;AACI;EACA;AAeA;;;AAbI;EACI;;;AACA;EACI;;;AAGR;EACI;;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;;;AACA;EACG;;;AAEH;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAMhB;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;A9BnEN;E8B8DE;IAOQ;;;AAEJ;EACI;EACA;EACA;;;AAGR;EACI;EACA;;;A9B/EN;E8B6EE;IAIQ;;;AAGR;EACI;;;AACA;EACI;EACA;EAEA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAKhB;AC5HA;AAGQ;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;A/ByBN;E+B7BE;IAMQ;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;A/BcN;E+BnBE;IAOQ;IACA;IACA;;;A/BGV;E+BZE;IAYQ;IACA;IACA;IACA;IACA;;;AAGR;EACI;EACA;;;AAEJ;EACI;;;AACA;EACI;EAEA;;;AAGR;EACI;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EAEI;EACA;;;A/BzBV;E+BsBM;I/B0BN;;;A+BfE;EACI;;;AAGQ;EACI;;;A/B7ClB;E+BwCE;IAUQ;;;AAIZ;ACpFA;AAGE;EACE;EACA;;;AhCuCF;EgCzCA;IAII;;;AAEF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AhCCJ;EgC3BA;IA6BI;IACA;IACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACE;;;AAEF;EAEE;EACA;EACA;;;AAIJ;EACE;;;AACA;EACE;;;AAEE;EACE;;;AAIF;EACE;EACA;;;AAKA;EACE;;;AACA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAQR;EACE;;;AACA;EACE;;;AAEF;EACE;;;AACA;EACE;EACA;;;AAEE;EACE;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AACA;EAEE;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EAEA;EACA;;;AAOV;AAEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AACA;EACE;EACA;EACA;EACA;EACA;EAEA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAGJ;AAEA;ACrPA;AACA;EACI;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAKV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AjCaF;EiC7BA;IAkBI;IACA;IACA;;;AjCLJ;EiCfA;IAuBI;IACA;;;AAED;EACC;EACA;;;AAGJ;EACE;;;AjCHF;EiCEA;IAGI;;;AjCnBJ;EiCgBA;IAMI;;;AAGJ;EACE;;;AjCZF;EiCWA;IAGI;;;AjC5BJ;EiCyBA;IAMI;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AjC9BF;EiCeA;IAiBI;;;AjC9CJ;EiC6BA;IAoBI;IACA;IACA;;;AAGJ;EACE;EACA;;;AAEF;EACE;EACA;;;AjC5DF;EiC0DA;IAII;IACA;;;AAIJ;EACE;;;AjCpEF;EiCmEA;IAGI;IACA;;;AAGJ;AACA;EACI;EACA;;;AACA;EACI;;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAIZ;AACA;ACzIF;AACA;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AAEJ;EACI;;;AAGR;ACbA;AACA;EACE;AAsGA;AAmGA;AA2GA;;;AAlTA;EACE;EACA;EACA;;;AnCqCF;EmCxCA;IAMI;IACA;;;AAKJ;EACE;;;AAKF;EACE;EACA;EACA;;;AnCwCF;EmC3CA;IAMI;;;AnC8BJ;EmCpCA;IAUI;;;AnCmBJ;EmC7BA;IAcI;;;AnCCJ;EmCfA;IAkBI;;;AAGF;EACE;EACA;;;AnCfJ;EmCaE;IAKI;IACA;;;AAIJ;EACE;;;AnCxBJ;EmCuBE;IAII;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAEA;EACE;;;AAOR;EACE;EACA;;;AAEA;EACE;EACA;;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACE;EACA;EACA;;;AnCvGN;EmCmFE;IAwBI;IACA;;;AAKE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAEA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AASJ;EACE;EACA;EACA;;;AnClJF;EmC+IA;IAMI;;;AnC5JJ;EmCsJA;IAUI;;;AnCvKJ;EmC6JA;IAcI;;;AnCzLJ;EmC2KA;IAkBI;;;AAIA;EACE;EACA;EACA;;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;;;AnC3LF;EmCqLA;IAQI;;;AnClNJ;EmC0MA;IAYI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACE;;;AnCzON;EmCgOE;IAaI;IACA;InC3KN;;;AmCgLE;EACE;;;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEA;EACE;;;AAKN;EACE;EAEA;EACA;;;AnC3QJ;EmCuQE;InC7MF;;;AmCwNE;EACE;;;AASN;EACE;EACA;EACA;;;AAEA;EACE;EACA;;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AnCtZA;EmCkZF;IAOI;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEA;EACE;EACA;;;AAGF;EACE;;;AnCnaF;EmCkaA;IAII;;;AAIJ;EACE;;;AAIA;EACE;;;AAKN;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AnC1bA;EmCsbF;IAOI;;;AnC3cF;EmCocF;IAWI;;;AAGF;EACE;EACA;;;AnCpdF;EmCkdA;IAKI;IACA;;;AAIJ;EACE;EACA;;;AnC9dF;EmC4dA;IAKI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AnC1eF;EmCseA;IAOI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AnCxeF;EmCoeA;IAOI;;;AnCzfJ;EmCkfA;IAWI;;;AnClhBJ;EmCugBA;IAeI;;;AnC5hBJ;EmCiiBF;IAEI;;;AAGF;EACE;EACA;;;AnC/fF;EmC6fA;IAKI;;;AnC3iBJ;EmCsiBA;IASI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AnC1jBF;EmCojBA;IASI;;;AAGF;EACE;EACA;;;AAEA;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACvmBR;AACA;EACI;EACA;EACA;EACA;;;ApC8CF;EoClDF;IAMQ;;;ApCqCN;EoC3CF;IAUQ;;;AAKJ;EACI;EACA;EACA;;;ApCWN;EoCdE;IAKQ;;;ApCSV;EoCPM;IAEQ;;;ApCKd;EoCdE;IAaQ;;;AAGR;EACI;EACA;EACA;;;ApC8BN;EoCjCE;IAKQ;;;ApCAV;EoCLE;IAQQ;;;ApCVV;EoCEE;IAWQ;;;AAGR;EACI;EACA;EACA;EACA;;;ApCbN;EoCSE;IAMQ;;;ApCtBV;EoCgBE;IASQ;;;AAGR;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;ApCAN;EoCJE;IAMQ;;;ApCvBV;EoCiBE;IASQ;IACA;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;;;ApCfN;EoCWE;IAOQ;;;ApCrDV;EoC8CE;IAUQ;IACA;;;AAEJ;EACI;;;ApC5DV;EoC2DM;IAGQ;;;AAKA;EACI;EACA;EACA;;;ApCtElB;EoCmEc;IAKQ;;;AAQxB;EACI;IACI;;;AAIR;EACI;IACI;;;AAKR;AC3HA;AACA;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;ArCSN;EqChBF;IAUQ;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;ArCNN;EqCEE;IAMQ;IACA;;;AAGR;EACI;EACA;;;ArCdN;EqCYE;IAIQ;IACA;;;AAGR;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;ArC9BN;EqC4BE;IAIQ;IACA;;;AAOX;EACG;;;AAEA;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAOR;AClFA;AACA;EACI;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAIQ;EACI;;;AAKhB;EACI;EACA;EACA;;;AACA;EACI;EACA;;;AACA;EACI;;;AAIZ;EACI;EACA;EACA;;;AtCIN;EsCPE;IAKQ;;;AtCXV;EsCME;IAQQ;;;AAGR;EACI;EACA;EACA;;;AtCdN;EsCWE;IAKQ;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AACA;EACI;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AtC7BN;EsCuBE;IAQQ;;;AAIZ;EACI;;;AACA;EACI;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAGJ;AACA;AClGA;AACA;EACI;EACA;EACA;EACA;;;AACA;EACI;EACA;;;AvCmCN;EuCrCE;IAIQ;;;AvC0BV;EuC9BE;IAOQ;;;AAGR;EACI;;;AvCmBN;EuCpBE;IAGQ;;;AvCUV;EuCbE;IAMQ;;;AAGR;EACI;EACA;;;AAEJ;EACI;;;AAGA;EACI;EACA;;;AACA;EACI;EACA;;;AAKhB;EACI;EACA;EACA;EACA;EACA;;;AvCZF;EuCOF;IAOQ;;;AAGR;ACtDA;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AACD;EACK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AxCkBN;EwCjDF;IAkCQ;;;AxCQN;EwC1CF;IAqCQ;;;AxCFN;EwCnCF;IAwCQ;;;AxClBN;EwCtBF;IA2CQ;;;AAKJ;EACI;EACA;;;AAGR;ACvDA;AAGQ;EACI;EACA;EACA;;;AACA;EACI;;;AAEJ;EACI;EACA;;;AACA;EACI;;;AAGR;EACI;;;AAQR;EACI;EACA;EACA;;;AAEJ;EACI;EACA;;;AAIZ","file":"main.css","sourcesContent":["/* Font Family*/\r\n@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&display=swap');\r\n\r\n@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,700,500,600&display=swap');\r\n\r\n/* ========================= Css Variables Start ======================== */\r\n  :root {    \r\n    /* Font Family */\r\n    --heading-font: 'Clash Display', sans-serif;\r\n    --body-font: 'Nunito Sans', sans-serif;\r\n  \r\n  /* ========================= Color Variables Start =========================== */\r\n     // White Color \r\n     --white: 0 0% 100%;\r\n     \r\n    //Light Color\r\n    color: #4f4f4f;\r\n    --light-h: 0;\r\n    --light-s: 0%;\r\n    --light-l: 31%;\r\n    --light: var(--light-h) var(--light-s) var(--light-l);\r\n    \r\n    // Black Color  \r\n    color: #000;\r\n    --black-h: 0;\r\n    --black-s: 0%;\r\n    --black-l: 0%;\r\n    --black: var(--black-h) var(--black-s) var(--black-l);\r\n \r\n\r\n    \r\n    --heading-color: var(--black);\r\n    --body-color: var(--light);\r\n    --border-color-two: 0 0% 88%;\r\n    --border-color: 0 0% 92%;\r\n    --section-bg: 0 0% 98%;\r\n    --green-two: 75 100% 48%;\r\n   /* ================================ Box Shadow Start =============================== */\r\n    // Header Box shadow\r\n    --header-box-shadow: 0px -1px 15px 3px hsl(var(--black) /.3); \r\n   // Mobile bottom fix menu box shadow \r\n    --mobile-box-shadow: 0px -1px 5px 0px hsl(var(--black) /.92);\r\n    // Card box shadow\r\n    --box-shadow: 0px 4px 6px -2px hsl(var(--black) / .03), 0px 12px 16px -4px hsl(var(--black) / .08);\r\n\r\n    \r\n\r\n    /* ================================ Box Shadow End =============================== */\r\n    \r\n    /* ========================= Base Color ============================= */\r\n    color: #0071F5;\r\n    --base-h: 212;\r\n    --base-s: 100%;\r\n    --base-l: 48%;\r\n    --base: var(--base-h) var(--base-s) var(--base-l);\r\n    /* Base Darken  */\r\n    --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1);\r\n    --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2);\r\n    --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3);\r\n    --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4);\r\n    --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5);\r\n    --base-d-600: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.6);\r\n    --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7);\r\n    --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7);\r\n    --base-d-800: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.8);\r\n    --base-d-900: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.9);\r\n\r\n    /* Base Lighten */\r\n    --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1);\r\n    --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2);\r\n    --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3);\r\n    --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4);\r\n    --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5);\r\n    --base-l-600: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.6);\r\n    --base-l-700: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.7);\r\n    --base-l-800: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.8);\r\n    --base-l-900: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.9);\r\n\r\n    --background-gradient: linear-gradient(45deg, hsl(var( --base)), hsl(var(--base-two)));\r\n\r\n    /* ========================= Base Two Color ============================= */\r\n    color: #B500F5;\r\n    --base-two-h: 284;\r\n    --base-two-s: 100%;\r\n    --base-two-l: 48%;\r\n    --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);\r\n\r\n      /* Base Two Darken */\r\n     --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.05);\r\n     --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1);\r\n     --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2);\r\n     --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3);\r\n     --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4);\r\n     --base-two-d-600: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5);\r\n     --base-two-d-700: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.6);\r\n     --base-two-d-800: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.7);\r\n     --base-two-d-900: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.8);\r\n \r\n    /* Base Two Lighten */\r\n     --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.05);\r\n     --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1);\r\n     --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2);\r\n     --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3);\r\n     --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4);\r\n     --base-two-l-600: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5);\r\n     --base-two-l-700: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.6);\r\n     --base-two-l-800: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.7);\r\n     --base-two-l-900: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.8);\r\n\r\n    /* ============================== Bootstrap Modifier Start ============================== */\r\n    /* Primary Color */\r\n    --primary-h: 211;\r\n    --primary-s: 100%;\r\n    --primary-l: 50%;\r\n    --primary: var(--primary-h) var(--primary-s) var(--primary-l);\r\n    /* Primary Darken */ \r\n    --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1);\r\n    --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2);\r\n    --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3);\r\n    --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4);\r\n    --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5);\r\n    /* primary Lighten */\r\n    --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1);\r\n    --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2);\r\n    --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3);\r\n    --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4);\r\n    --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5);\r\n    --primary-l-600: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.6);\r\n\r\n    /* Secondary Color */\r\n    --secondary-h: 208;\r\n    --secondary-s: 7%;\r\n    --secondary-l: 46%;\r\n    --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l);\r\n    /* Secondary Darken */ \r\n    --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1);\r\n    --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2);\r\n    --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3);\r\n    --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4);\r\n    --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5);   \r\n    /* secondary Lighten */\r\n    --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1);\r\n    --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2);\r\n    --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3);\r\n    --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4);\r\n    --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5);\r\n    --secondary-l-600: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.6);\r\n\r\n    /* Success Color */\r\n    --success-h: 133;\r\n    --success-s: 100%;\r\n    --success-l: 42%;\r\n    --success: var(--success-h) var(--success-s) var(--success-l);\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 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    --success-l-600: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.6);\r\n\r\n    /* Danger Color */\r\n    --danger-h: 0;\r\n    --danger-s: 100%;\r\n    --danger-l: 48%;\r\n    --danger: var(--danger-h) var(--danger-s) var(--danger-l);\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 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    --danger-l-600: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.6);\r\n\r\n    /* Warning Color */\r\n    --warning-h: 40;\r\n    --warning-s: 100%;\r\n    --warning-l: 48%;\r\n    --warning: var(--warning-h) var(--warning-s) var(--warning-l);\r\n    /* Warning Darken */ \r\n    --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1);\r\n    --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2);\r\n    --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3);\r\n    --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4);\r\n    --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5);\r\n    /* Warning Lighten */\r\n    --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1);\r\n    --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2);\r\n    --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3);\r\n    --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4);\r\n    --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5);\r\n    --warning-l-600: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.6);\r\n\r\n    /* Info Color */\r\n    --info-h: 196;\r\n    --info-s: 100%;\r\n    --info-l: 50%;\r\n    --info: var(--info-h) var(--info-s) var(--info-l);\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 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    --info-l-600: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.6);\r\n\r\n\r\n    /* ============================== Bootstrap Modifier End ============================== */\r\n  }\r\n/* ========================= Css Variables End =========================== */","/* ============================ Media Breakpoint for Each Device Start ============================ */\r\n//Mobile Landscape\r\n@mixin landscape {\r\n  @media all and (orientation:landscape) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Mobile Potrait\r\n@mixin potrait {\r\n  @media all and (orientation:potrait) {\r\n    @content;\r\n  }\r\n}\r\n  \r\n//Extra Extra Small Screen\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 fs-10 {\r\n  font-size: 0.625rem;\r\n}\r\n@mixin fs-11 {\r\n  font-size: 0.6875rem;\r\n}\r\n@mixin fs-12 {\r\n  font-size: 0.75rem;\r\n}\r\n@mixin fs-13 {\r\n  font-size: 0.8125rem;\r\n}\r\n@mixin fs-14 {\r\n  font-size: 0.875rem;\r\n}\r\n@mixin fs-15 {\r\n  font-size: 0.9375rem;\r\n}\r\n@mixin fs-16 {\r\n  font-size: 1rem;\r\n}\r\n@mixin fs-17 {\r\n  font-size: 1.0625rem;\r\n}\r\n@mixin fs-18 {\r\n  font-size: 1.125rem;\r\n}\r\n@mixin fs-19 {\r\n  font-size: 1.1875rem;\r\n}\r\n@mixin fs-20 {\r\n  font-size: 1.25rem;\r\n}\r\n@mixin fs-21 {\r\n  font-size: 1.3125rem;\r\n}\r\n@mixin fs-22 {\r\n  font-size: 1.375rem;\r\n}\r\n@mixin fs-23 {\r\n  font-size: 1.4375rem;\r\n}\r\n@mixin fs-24 {\r\n  font-size: 1.5rem;\r\n}\r\n@mixin fs-25 {\r\n  font-size: 1.5625rem;\r\n}\r\n@mixin fs-26 {\r\n  font-size: 1.625rem;\r\n}\r\n@mixin fs-27 {\r\n  font-size: 1.6875rem;\r\n}\r\n@mixin fs-28 {\r\n  font-size: 1.75rem;\r\n}\r\n@mixin fs-29 {\r\n  font-size: 1.8125rem;\r\n}\r\n@mixin fs-30 {\r\n  font-size: 1.875rem;\r\n}\r\n@mixin fs-31 {\r\n  font-size: 1.9375rem;\r\n}\r\n@mixin fs-32 {\r\n  font-size: 2rem;\r\n}\r\n@mixin fs-33 {\r\n  font-size: 2.0625rem;\r\n}\r\n@mixin fs-34 {\r\n  font-size: 2.125rem;\r\n}\r\n@mixin fs-35 {\r\n  font-size: 2.1875rem;\r\n}\r\n@mixin fs-36 {\r\n  font-size: 2.25rem;\r\n}\r\n@mixin fs-37 {\r\n  font-size: 2.3125rem;\r\n}\r\n@mixin fs-38 {\r\n  font-size: 2.375rem;\r\n}\r\n@mixin fs-39 {\r\n  font-size: 2.4375rem;\r\n}\r\n@mixin fs-40 {\r\n  font-size: 2.5rem;\r\n}\r\n/* ================================== Font Size For responsive devices End =============================== */","\r\n/* ================================= Common 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(--white));\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n   \r\n}\r\np {\r\n    @extend .fs-18; \r\n    font-weight: 400;\r\n    margin: 0;\r\n}\r\nspan {\r\n  display: inline-block;\r\n}\r\n\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    margin: 0 0 20px 0;\r\n    font-family: var(--heading-font);\r\n    color: hsl(var(--heading-color));\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n    @include sm-screen {\r\n      margin: 0 0 15px 0;\r\n    }\r\n  }\r\n  h1 {\r\n    font-size: clamp(1.875rem, 2.8vw + 1rem, 3.75rem); //Min:30px - Max:60px\r\n  }\r\n  h2 {\r\n    font-size: clamp(1.5625rem, 1.7vw + 1rem, 2.5rem); //Min: 25px - Max: 40px\r\n  }\r\n  h3 {\r\n    font-size: clamp(1.375rem, .8vw + 1rem, 1.875rem); //Min: 22px - Max: 30px\r\n  }\r\n  h4 {\r\n    font-size: clamp(1.25rem, .5vw + 1rem, 1.5rem); //in: 20px - Max: 24px\r\n  }\r\n  h5 {\r\n    font-size: clamp(1.0625rem, .3vw + 1rem, 1.25rem); //in: 17px - Max: 20px\r\n  }\r\n  h6 {\r\n    font-size: 1rem;\r\n  }\r\n  h1 > a,\r\n  h2 > a,\r\n  h3 > a,\r\n  h4 > a,\r\n  h5 > a,\r\n  h6 > a {\r\n    font-weight: inherit;\r\n    font-size: inherit;\r\n    color: inherit;\r\n    transition: .2s linear;\r\n    line-height: 1.3;\r\n  }\r\n\r\na {\r\n    display: inline-block;\r\n    transition: .2s linear;\r\n    text-decoration: none;\r\n    color: #0667f6;\r\n}\r\na:hover {\r\n  color: #2f83ff;\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/* ================================= Common Typography Css End =========================== */","/* ================================= Custom Classes Css Start =========================== */\r\n/* Column Extra Small Screen */\r\n.col-xsm-6 {\r\n    @media screen and (min-width: 425px) and (max-width: 575px) {\r\n        width: 50%;\r\n    }\r\n}\r\n/* Section Background */\r\n.section-bg {\r\n    background-color: hsl(var(--section-bg));\r\n}\r\n\r\n/* Bg Image Css */\r\n.bg-img {\r\n    background-size: cover !important;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\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/* Overlay Start */\r\n.body-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(--black) / .6);\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.sidebar-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(--black) / .6);\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        z-index: 999;\r\n    }\r\n}\r\n/* Overlay End */\r\n\r\n/* ================================= Custom Classes Css End =========================== */","/* Fully Fit image Css */\r\n.fit-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;  \r\n}\r\n/* ============================= Display Flex Css Start ============================= */ \r\n  .flex-wrap {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .flex-align {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n  }\r\n  .flex-center {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  .flex-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-extend {\r\n    position: absolute;\r\n    content: \"\";\r\n}\r\n.top-center-extend {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n.left-center-extend {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n.top-left-center-extend {\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.fs-10 {\r\n    @include fs-10; \r\n}\r\n.fs-11 {\r\n    @include fs-11; \r\n}\r\n.fs-12 {\r\n    @include fs-12; \r\n}\r\n.fs-13 {\r\n    @include fs-13; \r\n}\r\n.fs-14 {\r\n    @include fs-14; \r\n}\r\n.fs-15 {\r\n    @include fs-15; \r\n}\r\n.fs-16 {\r\n    @include fs-16; \r\n    @include lg-screen {\r\n        @include fs-15; \r\n    }\r\n}\r\n.fs-17 {\r\n    @include fs-17; \r\n    @include lg-screen {\r\n        @include fs-16; \r\n    }\r\n    @include sm-screen {\r\n        @include fs-15; \r\n    }\r\n}\r\n.fs-18 {\r\n    @include fs-18;\r\n    @include xl-screen {\r\n        @include fs-17; \r\n    }\r\n    @include sm-screen {\r\n        @include fs-16; \r\n    }\r\n}\r\n.fs-20 {\r\n    @include fs-20;\r\n    @include xl-screen {\r\n        @include fs-18; \r\n    }\r\n    @include sm-screen {\r\n        @include fs-17; \r\n    }\r\n}\r\n/* ===================== Font Size For responsive devices End =================== */\r\n\r\n/* ============================ Positioning Css Class Start ===================== */\r\n.pa {\r\n    position: absolute;\r\n    content: \"\";\r\n}\r\n.pa-wh-100 {\r\n    position: absolute;\r\n    width: 100%;  \r\n    height: 100%;\r\n}\r\n.pa-tl-0 {\r\n    position: absolute;\r\n    content: \"\";\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.pa-wh-100-tl-0 {\r\n    position: absolute;\r\n    content: \"\";\r\n    width: 100%;  \r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n.left-center {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n.top-center {\r\n    top: 50%;\r\n    transform: translateY(-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/* ====================== Section Heading ==================== */\r\n.section-heading {\r\n  margin-bottom: 50px;\r\n  @include lg-screen {\r\n    margin-bottom: 40px;\r\n  }\r\n  @include md-screen {\r\n    margin-bottom: 30px;\r\n  }\r\n  &__subtitle {\r\n    @include fs-20;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n    color: hsl(var(--heading-color));\r\n  }\r\n  &__title {\r\n    margin-bottom: 20px;\r\n  }\r\n  &__desc {\r\n    max-width: 750px;\r\n   \r\n  }\r\n  // Style left\r\n  &.style-center {\r\n    max-width: 600px;\r\n    text-align: center;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n}\r\n\r\n\r\n::selection {\r\n  color: hsl(var(--white));\r\n  background: hsl(var(--base-l-200));\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-button {\r\n  width: 0px;\r\n  height: 0px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background-color: hsl(var(--base-d-100));\r\n  border: 0px solid transparent;\r\n  border-radius: 2px;\r\n}\r\n\r\n\r\n/* ====================== Section Heading En d==================== */\r\n","/* ================================= Background Color Css Start =========================== */\r\n.bg {\r\n    &--base {\r\n        background-color: hsl(var(--base)) !important;\r\n    }\r\n    &--primary {\r\n        background-color: hsl(var(--primary)) !important;\r\n    }\r\n    &--secondary {\r\n        background-color: hsl(var(--secondary)) !important;\r\n    }\r\n    &--success {\r\n        background-color: hsl(var(--success)) !important;\r\n    }\r\n    &--danger {\r\n        background-color: hsl(var(--danger)) !important;\r\n    }\r\n    &--warning {\r\n        background-color: hsl(var(--warning)) !important;\r\n    }\r\n    &--info {\r\n        background-color: hsl(var(--info)) !important;\r\n    }\r\n    &--base2{\r\n        background-color: hsl(var(--base-2));\r\n    }\r\n}\r\n\r\n.bg--green{\r\n    background-color: hsl(var(--green-two));\r\n}\r\n.bg--green-two{\r\n    background-color: #00F50A;\r\n}\r\n.bg--yellow{\r\n    background-color: #F0F500;\r\n}\r\n.bg--base-two{\r\n    background-color: hsl(var(--base-two));\r\n}\r\n/* ================================= Background Color Css End =========================== */","/* ================================= Color Css Start =========================== */\r\n.text {\r\n    &--base {\r\n        color: hsl(var(--base)) !important;\r\n    }\r\n    &--primary {\r\n        color: hsl(var(--primary)) !important;;\r\n    }\r\n    &--secondary {\r\n        color: hsl(var(--secondary)) !important;;\r\n    }\r\n    &--success {\r\n        color: hsl(var(--success)) !important;;\r\n    }\r\n    &--danger {\r\n        color: hsl(var(--danger)) !important;;\r\n    }\r\n    &--warning {\r\n        color: hsl(var(--warning)) !important;;\r\n    }\r\n    &--info {\r\n        color: hsl(var(--info)) !important;;\r\n    }\r\n    &--dark {\r\n        color: hsl(var(--black)) !important;;\r\n    }\r\n    &--green{\r\n        color: hsl(var(--success));\r\n    }\r\n    &--yellow{\r\n        color: #F0F500;\r\n    }\r\n    &--base-two{\r\n        color: hsl(var(--base-two));\r\n    }\r\n    &--base-three{\r\n        color: #F50000;\r\n    }\r\n    &--green-two{\r\n        color: #00F50A;\r\n    }\r\n    &--primary-two{\r\n        color: #000AF5;\r\n    }\r\n    &--orange{\r\n        color: #F55800;\r\n    }\r\n    &--body-two{\r\n       color: hsl(var(--body-color)/0.7);\r\n    }\r\n}\r\n/* ================================= Color Css End =========================== */","/* ================================= margin Css Start =========================== */\r\n.my-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.mt-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.mb-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.my-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.mt-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  .mb-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.py-170 {\r\n  padding-top: 85px;\r\n  padding-bottom: 85px;\r\n  @media (min-width: 576px) {\r\n    padding-top: 100px;\r\n    padding-bottom: 100px;\r\n  }\r\n  @media (min-width: 992px) {\r\n    padding-top: 170px;\r\n    padding-bottom: 170px;\r\n  }\r\n}\r\n\r\n.py-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\r\n\r\n.py-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\r\n\r\n\r\n.pt-170 {\r\n  padding-top: 85px;\r\n  @media (min-width: 576px) {\r\n  padding-top: 100px;\r\n}\r\n  @media (min-width: 992px) {\r\n  padding-top: 170px;\r\n}\r\n}\r\n\r\n\r\n\r\n.pt-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\r\n\r\n.pt-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\r\n\r\n\r\n\r\n.pt-85 {\r\n  padding-top: 42px;\r\n  @media (min-width: 576px) {\r\n  padding-top: 65px;\r\n}\r\n  @media (min-width: 992px) {\r\n  padding-top: 85px;\r\n}\r\n}\r\n\r\n\r\n\r\n\r\n.pb-170 {\r\n  padding-bottom: 85px;\r\n  @media (min-width: 576px) {\r\n  padding-bottom: 100px;\r\n}\r\n  @media (min-width: 992px) {\r\n  padding-bottom: 170px;\r\n}\r\n}\r\n\r\n\r\n.pb-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\r\n\r\n.pb-85 {\r\n  padding-bottom: 42px;\r\n  @media (min-width: 576px) {\r\n  padding-bottom: 65px;\r\n}\r\n  @media (min-width: 992px) {\r\n  padding-bottom: 85px;\r\n}\r\n}\r\n\r\n\r\n.pb-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\r\n\r\n\r\n\r\n\r\n/* ================================= padding Css End =========================== */\r\n","/* ================================= Border Color Css Start =========================== */\r\n.border {\r\n    &--base {\r\n        border-color: hsl(var(--base)) !important;\r\n    }\r\n    &--primary {\r\n        border-color: hsl(var(--primary)) !important;\r\n    }\r\n    &--secondary {\r\n        border-color: hsl(var(--secondary)) !important;\r\n    }\r\n    &--success {\r\n        border-color: hsl(var(--success)) !important;\r\n    }\r\n    &--danger {\r\n        border-color: hsl(var(--danger)) !important;\r\n    }\r\n    &--warning {\r\n        border-color: hsl(var(--warning)) !important;\r\n    }\r\n    &--info {\r\n        border-color: hsl(var(--info)) !important;\r\n    }\r\n}\r\n/* ================================= Border Color Css End =========================== */","/* =========================== Accordion Css start ============================= */ \r\n.custom--accordion {\r\n    .accordion-item {\r\n        border: none;\r\n        background-color: transparent !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        font-family: var(--body-font);\r\n        font-weight: 600;\r\n        font-size: 18px;\r\n    }\r\n    .accordion-body {\r\n        padding: 20px;\r\n        background-color: hsl(var(--section-bg));\r\n        border-top: 1px solid hsl(var(--border-color) / 0.7);\r\n        .text {\r\n            max-width: 60%;\r\n            @include msm-screen {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    }\r\n    &:first-of-type .accordion-button.collapsed {\r\n        border-radius: 8px;  \r\n    }\r\n    &:last-of-type .accordion-button.collapsed {\r\n        border-radius: 8px;  \r\n    }\r\n    .accordion-button{\r\n        background-color: hsl(var(--section-bg));\r\n        color: var(--heading-color);\r\n        @extend .fs-18; \r\n        padding: 25px 24px ;\r\n        @include msm-screen {\r\n            padding: 13px;\r\n            padding-right: 30px;\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            color: hsl(var(--heading-color)); \r\n            background-color: hsl(var(--section-bg)) !important;            \r\n            box-shadow: none;\r\n            &::after {\r\n                background-image: none;\r\n                color: hsl(var(--heading-color)); ; \r\n            }\r\n        }\r\n        &[aria-expanded=\"true\"], &[aria-expanded=\"false\"] {\r\n            &::after {\r\n                font-family: \"Line Awesome Free\";\r\n                font-weight: 900;\r\n                content: \"\\f068\";\r\n                display: inline-block;\r\n                position: absolute;\r\n                @extend .top-center-extend; \r\n                right: 15px;\r\n                height: unset;\r\n            }\r\n        }\r\n        &[aria-expanded=\"false\"] {\r\n            &::after {\r\n                content: \"\\f067\";\r\n                color: hsl(var(--body-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.pill {\r\n    border-radius: 40px !important;\r\n}\r\n\r\n.btn {\r\n      color: hsl(var(--white)) !important;\r\n      font-weight: 500;\r\n      padding: 14px 24px;\r\n      border-radius: 8px;\r\n      position: relative;\r\n      z-index: 1;\r\n      border: 1px solid transparent;\r\n      font-family: var(--body-font);\r\n      @extend .fs-16; \r\n      line-height: 1;\r\n      @include sm-screen {\r\n          padding: 14px 25px;\r\n          @include fs-14; \r\n      }\r\n      @include msm-screen {\r\n          padding: 12px 20px;\r\n      }\r\n      &:hover, &:focus, &:focus-visible {\r\n        box-shadow: none !important;\r\n      }\r\n      &--lg {\r\n        padding: 20px 35px;\r\n        @include md-screen {\r\n            padding: 18px 30px;\r\n        }\r\n        @include sm-screen {\r\n            padding: 16px 25px;\r\n        }\r\n      }\r\n      &--sm {\r\n        padding: 10px 15px;\r\n        @include sm-screen {\r\n            padding: 8px 12px;\r\n        }\r\n    }\r\n    &--icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        line-height: 35px;\r\n        @extend .fs-15; \r\n        padding: 0;\r\n    }\r\n    .icon {\r\n        margin-right: 5px;\r\n    }\r\n    // ============= Different Color Button Start ==================\r\n    &--base {\r\n        background-color: hsl(var(--base)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--base-d-200)) !important;\r\n            border: 1px solid hsl(var(--base-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--base {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--base)) !important;\r\n        color: hsl(var(--base)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--base)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--primary {\r\n        background-color: hsl(var(--primary)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--primary-d-200)) !important;\r\n            border: 1px solid hsl(var(--primary-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--primary {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--primary)) !important;\r\n        color: hsl(var(--primary)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--primary)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--secondary {\r\n        background-color: hsl(var(--secondary)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--secondary-d-200)) !important;\r\n            border: 1px solid hsl(var(--secondary-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--secondary {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--secondary)) !important;\r\n        color: hsl(var(--secondary)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--secondary)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--success {\r\n        background-color: hsl(var(--success)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--success-d-200)) !important;\r\n            border: 1px solid hsl(var(--success-d-200)) !important;\r\n        }\r\n    }\r\n    &--light{\r\n        background-color: hsl(var(--light)/ 0.09) !important;\r\n        border: 1px solid hsl(var(--black)/0.2);\r\n        color: hsl(var(--heading-color)) !important;\r\n        border-left: none !important;\r\n\r\n        &:hover, &:focus &:focus-visible{\r\n            border: 1px solid hsl(var(--black)/0.2);\r\n        }\r\n        &:active{\r\n            border: 1px solid hsl(var(--black)/0.2) !important;\r\n            border-left: none !important;\r\n           \r\n        }\r\n    }\r\n    &-outline--success {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--success)) !important;\r\n        color: hsl(var(--success)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--success)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--danger {\r\n        background-color: hsl(var(--danger)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--danger-d-200)) !important;\r\n            border: 1px solid hsl(var(--danger-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--danger {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--danger)) !important;\r\n        color: hsl(var(--danger)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--danger)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--warning {\r\n        background-color: hsl(var(--warning)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--warning-d-200)) !important;\r\n            border: 1px solid hsl(var(--warning-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--warning {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--warning)) !important;\r\n        color: hsl(var(--warning)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--warning)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n    &--info {\r\n        background-color: hsl(var(--info)) !important;\r\n        &:hover, &:focus &:focus-visible {\r\n            background-color: hsl(var(--info-d-200)) !important;\r\n            border: 1px solid hsl(var(--info-d-200)) !important;\r\n        }\r\n    }\r\n    &-outline--info {\r\n        background-color: transparent !important;\r\n        border: 1px solid hsl(var(--info)) !important;\r\n        color: hsl(var(--info)) !important;\r\n        &:hover, &:focus &:focus-visible{\r\n            background-color: hsl(var(--info)) !important;\r\n            color: hsl(var(--white)) !important;\r\n        }\r\n    }\r\n\r\n}\r\n/* ================================= Button Css End =========================== */","\r\n/* ================================= Card Css Start =========================== */\r\n.custom--card {\r\n    border-radius: 8px;\r\n    background-color: hsl(var(--white));;\r\n    border: 1.5px solid hsl(var(--border-color));\r\n    .card-header {\r\n        padding: 12px 24px;\r\n        background-color: transparent;\r\n        border-bottom: 1px solid hsl(var(--border-color));\r\n        .title {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n    .card-body {\r\n        background-color: hsl(var(--white));\r\n        padding: 24px;\r\n        border-radius: 5px;\r\n    }\r\n    .card-footer {\r\n        padding: 12px 24px;\r\n        background-color: transparent;\r\n        border-top: 1px solid hsl(var(--border-color));\r\n    }\r\n}\r\n/* ================================= Card Css End =========================== */\r\n\r\n","/* ================================= Form Css Start =========================== */\r\n/* Form Label */\r\n.form--label {\r\n    margin-bottom: 6px;\r\n    @extend .fs-18; \r\n    color: hsl(var(--heading-color));\r\n    font-weight: 600;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 1rem;\r\n}\r\n/* Form Select */   \r\n.select {\r\n    color: hsl(var(--black) / .6) !important;\r\n    &:focus {\r\n        border-color: hsl(var(--base));\r\n        color: hsl(var(--black)) !important;\r\n    }\r\n    option {\r\n        background-color: hsl(var(--black));\r\n        color: hsl(var(--white));\r\n    }\r\n}\r\n/* Form Select End */\r\n\r\n/* Form Control Start */\r\n.form--control {\r\n    border-radius: 8px;\r\n    font-weight: 400;\r\n    outline: none !important;\r\n    width: 100%;\r\n    padding: 11px 24px;\r\n    background-color: hsl(var(--white)); \r\n    border: 1px solid hsl(var(--black) / .2);\r\n    color: hsl(var(--black)); \r\n    \r\n    line-height: 1;\r\n    &::placeholder {\r\n        color: hsl(var(--black) / .6);\r\n        @extend .fs-14; \r\n    }\r\n    &:focus {\r\n        border-color: hsl(var(--base)); \r\n        box-shadow: none;\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    &[type=\"file\"] {\r\n        line-height: 50px;\r\n        padding: 0;\r\n        position: relative;\r\n        &::file-selector-button {\r\n            border: 1px solid hsl(var(--black) / .08);\r\n            padding: 4px 6px;\r\n            border-radius: .2em;\r\n            background-color: hsl(var(--base)) !important;\r\n            transition: .2s linear;\r\n            line-height: 25px;\r\n            position: relative;\r\n            margin-left: 15px;\r\n            color: hsl(var(--body-color)) !important;\r\n            &:hover {\r\n                background-color: hsl(var(--base));\r\n                border: 1px solid hsl(var(--base));\r\n                color: hsl(var(--black));\r\n            }\r\n        }\r\n    }\r\n}\r\n/* Form Control End */\r\n\r\n// Message Field Css\r\ntextarea.form--control {\r\n    height: 130px;\r\n}\r\n/* Autofill Css */\r\ninput:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-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 {\r\n    -webkit-box-shadow: 0 0 0px 1000px transparent inset;\r\n    -webkit-text-fill-color: hsl(var(--body-color)) !important;\r\n    caret-color: hsl(var(--body-color)); \r\n}\r\n/* Autofill Css End */\r\n\r\n/* input group */\r\n.input--group {\r\n    position: relative;\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/* Custom Checkbox Design */\r\n.form--check {\r\n    @extend .flex-wrap; \r\n    a {\r\n        display: inline;\r\n    }\r\n    .form-check-input {\r\n        box-shadow: none;\r\n        background-color: hsl(var(--white));\r\n        box-shadow: none !important;\r\n        border: 0;\r\n        position: relative;\r\n        border-radius: 2px;\r\n        width: 18px;\r\n        height: 18px;\r\n        border: 1px solid hsl(var(--black)/.2);\r\n        cursor: pointer;\r\n        &:checked {\r\n            background-color: hsl(var(--base)) !important;\r\n            border-color: hsl(var(--base)) !important;\r\n            box-shadow: none;\r\n            &[type=checkbox] {\r\n                background-image:none;\r\n                }\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(--white)); \r\n                @extend .fs-11; \r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n            }\r\n        }\r\n    }\r\n    .form-check-label {\r\n        font-weight: 600;\r\n        width: calc(100% - 18px);\r\n        padding-left: 12px;\r\n        cursor: pointer;\r\n        @extend .fs-14; \r\n    }\r\n    label {\r\n        @include xsm-screen {\r\n            @include fs-15; \r\n        }\r\n    }\r\n    a {\r\n        @include xsm-screen {\r\n            @include fs-15; \r\n        }\r\n    }\r\n}\r\n/* Custom Radio Design */\r\n.form--radio {\r\n    @extend .flex-wrap; \r\n    .form-check-input {\r\n        box-shadow: none;\r\n        border: 1px solid hsl(var(--black)/.2);\r\n        position: relative;\r\n        background-color: transparent;\r\n        cursor: pointer;\r\n        width: 16px;\r\n        height: 16px;\r\n        &:active {\r\n            filter: brightness(100%);\r\n        }\r\n        &:checked {\r\n            background-color: transparent;\r\n            border-color: hsl(var(--base));\r\n            &[type=radio] {\r\n                background-image:none ;\r\n                }\r\n            &::before {\r\n                position: absolute;\r\n                content: \"\";\r\n                top: 50%;\r\n                left: 50%;\r\n                -webkit-transform: translate(-50%, -50%);\r\n                transform: translate(-50%, -50%);\r\n                width: 7px;\r\n                height: 7px;\r\n                background-color: hsl(var(--base));\r\n                border-radius: 50%;\r\n                z-index: 999;\r\n            }\r\n        } \r\n    }\r\n    .form-check-label {\r\n        font-weight: 600;\r\n        width: calc(100% - 16px);\r\n        padding-left: 12px;\r\n        cursor: pointer;\r\n        @extend .fs-14; \r\n    }\r\n}\r\n/*  Custom Switch Design */\r\n.form--switch {\r\n    .form-check-input {\r\n        border-radius: 3px;\r\n        background-image: none;\r\n        position: relative;\r\n        box-shadow: none;\r\n        border: 0;\r\n        background-color: hsl(var(--black)/.2) !important;\r\n        padding: 10px !important;\r\n        margin-left: 0;\r\n        margin-bottom: 5px;\r\n        border-radius: 40px;\r\n        width: 70px;\r\n        height: 38px;\r\n        cursor: pointer;\r\n        &:focus {\r\n            border-radius: 40px;\r\n            background-image: none;\r\n            position: relative;\r\n            box-shadow: none;\r\n            border: 0;\r\n        }\r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 28px;\r\n            height: 28px;\r\n            background-color: hsl(var(--white));\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            border-radius: 2px;\r\n            left: 5px;\r\n            border-radius: 50%;\r\n            transition: 0.2s linear;\r\n        }\r\n        &:checked {\r\n            background-color: hsl(var(--base)) !important;\r\n            &::before {\r\n                left: calc(100% - 33px);\r\n                background-color: hsl(var(--white)) !important;\r\n            }\r\n        }\r\n        &:checked[type=checkbox] {\r\n            background-image: none;\r\n        }\r\n    }\r\n    .form-check-label {\r\n        width: calc(100% - 14px);\r\n        padding-left: 5px;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\nlabel.required:after {\r\n    content: '*';\r\n    color: #FC4949 !important;\r\n    margin-left: 2px;\r\n}\r\n\r\n/*  Custom Switch End Design */\r\n/* ================================= Form Css End =========================== */","/* ================================= Modal Css Start =========================== */\r\n.custom--modal {\r\n    .modal-header {\r\n        border-bottom: 1px solid hsl(var(--border-color));\r\n        padding: 15px;\r\n        &.close {\r\n            width: 35px;\r\n            height: 35px;\r\n            background-color: hsl(var(--danger)) !important;\r\n            font-size: 1.5625rem; // 25px\r\n            line-height: 1;\r\n            border-radius: 4px;\r\n            transition: 0.2s linear;\r\n            &:hover {\r\n                background-color: hsl(var(--danger-l-100));\r\n            }\r\n            :focus {\r\n                box-shadow: none !important;\r\n              }\r\n        } \r\n    }\r\n    .modal-content {\r\n        background-color: hsl(var(--white));\r\n        border-radius: 10px !important;\r\n    }\r\n   \r\n    .modal-body {\r\n        padding: 15px;\r\n    }\r\n    .modal-icon i {\r\n        font-size: 2rem; // 32px\r\n        color: hsl(var(--base));\r\n        border: 3px solid hsl(var(--base));\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    }\r\n    .modal-footer {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        flex-shrink: 0;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 15px;\r\n        border-top: 1px solid hsl(var(--border-color));\r\n        justify-content: flex-end;\r\n    }\r\n}\r\n/* ================================= Modal Css End =========================== */\r\n\r\n","/* ================================= Pagination Css Start =========================== */\r\n.pagination {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 56px;\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                background-color: hsl(var(--base));\r\n                color: hsl(var(--white));\r\n                border-color: hsl(var(--base));\r\n            }\r\n        }\r\n        .page-link {\r\n            border: 1px solid hsl(var(--black) / .15);\r\n            margin: 0 5px;\r\n            border-radius: 50%;\r\n            height: 40px;\r\n            width: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background-color: transparent;\r\n            font-weight: 500;\r\n            padding: 0;\r\n            color: hsl(var(--body-color));\r\n            &:hover {\r\n                background-color: hsl(var(--base));\r\n                color: hsl(var(--white));\r\n                border-color: hsl(var(--base));\r\n            }\r\n            &:focus {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Pagination Css End =========================== */","/* ================================= Table Css Start =========================== */\r\n/* Table Content Css start */\r\n\r\n.action-buttons {\r\n\t@extend .flex-align; \r\n\tgap: 10px;\r\n\tjustify-content: flex-end;\r\n}\r\n.action-btn {\r\n\twidth: 35px;\r\n\theight: 35px;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.delete-btn {\r\n\tcolor: hsl(var(--danger));\r\n\tbackground-color: hsl(var(--danger) / .08); \r\n}\r\n/* Table Content Css end */\r\n\r\n/* Table Css Start */\r\n.transform--top i {\r\n    transform: rotate(315deg);\r\n}\r\n.transform--bottom i {\r\n    transform: rotate(50deg);\r\n}\r\n.dashboard-table{\r\n\tbackground-color: hsl(var(--white));\r\n\tborder-radius: 8px;\r\n\tborder: 1.5px solid hsl(var(--border-color));\r\n\t&__header{\r\n\t\tpadding: 30px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 15px;\r\n\t\t@include msm-screen{\r\n\t\t\tdisplay: block !important;\r\n\t\t\tpadding: 20px;\r\n\t\t}\r\n\t}\r\n\t&__content{\r\n\t\twidth: calc(100% - 200px);\r\n\t\t@include msm-screen{\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t.title{\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tmargin-bottom: 5px;\r\n\t\t}\r\n\t\t.subtitle{\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\t span {\r\n\t\t\t\twidth: 10px;\r\n\t\t\t\theight: 10px;\r\n\t\t\t\tbackground: hsl(var(--green-two));\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tmargin-right: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__btn{\r\n\t\twidth: 200px;\r\n\t\ttext-align: end;\r\n\t\t@include msm-screen{\r\n\t\t\tmargin-top: 20px;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n.table {\r\n\tmargin: 0;\r\n\tborder-collapse: collapse;\r\n\tborder-collapse: separate;\r\n\tborder-spacing: 0px 0px;\r\n\tthead { \r\n\t\ttr {\r\n\t\t\tth {\r\n\t\t\t\tbackground-color: hsl(var(--white)); \r\n\t\t\t\tpadding: 15px 20px;\r\n\t\t\t\tcolor: hsl(var(--base)); \r\n\t\t\t\tfont-family: var(--body-font);\r\n\t\t\t\tfont-weight: 600;\r\n                border-bottom: 0;\r\n\t\t\t\tmax-width: 170px;\r\n\t\t\t\t@extend .fs-14; \r\n\t\t\t\tborder: none;\r\n\t\t\t\tborder-right: none;\r\n\t\t\t\tbackground-color: hsl(var(--base)/ 0.04);\r\n\t\t\t\t@include xxxl-screen{\r\n\t\t\t\t\tpadding: 15px 10px;\r\n\t\t\t\t}\r\n\t\t\t\t&:not(:first-child) {\r\n\t\t\t\t\tborder-left: 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t\t&:last-child{\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\ttbody {\r\n\t\tborder: 0 !important;\r\n        background-color: hsl(var(--white)); \r\n\t\ttr {\r\n\t\t\tborder-bottom: 1px solid hsl(var(--border-color));\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder-bottom: 0;\r\n\t\t\t}\r\n\t\t\t&:last-child {\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder-bottom: none !important;\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t border-radius: 0px 0 0 6px;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder-radius: 0 0px 6px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ttd {\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tpadding: 12px 24px;\r\n\t\t\t\tborder-width: 1px;\r\n                border: 0;\r\n\t\t\t\tfont-family: var(--body-font);\r\n\t\t\t\tcolor: hsl(var(--heading-color)); \r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tmax-width: 170px;\r\n\t\t\t\t@extend .fs-16; \r\n\t\t\t\tborder-bottom: 1px solid hsl(var(--border-color));\r\n\t\t\t\tborder-right: 1px solid hsl(var(--border-color));\r\n\t\t\t\t@include xxxl-screen{\r\n\t\t\t\t\tpadding: 12px 12px;\r\n\t\t\t\t}\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: attr(data-label);\r\n\t\t\t\t\tfont-family: var(--body-font);\r\n\t\t\t\t\t@extend .fs-15; \r\n\t\t\t\t\tcolor: hsl(var(--black)); \r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tdisplay: none;\r\n                    width: 45% !important;\r\n                    text-align: left;\r\n\t\t\t\t}\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t@extend .fs-16; \r\n\t\t\t\t}\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t}\r\n\t\t\t\tp{\r\n\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.table--responsive--md {\r\n    @include sm-screen {\r\n        thead {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\t&:last-child td {\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t\ttd {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tgap: 15px;\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tpadding: 10px 15px;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-bottom: 1px solid hsl(var(--black)/.8);  \r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\tborder-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t    display: block;\r\n\t\t\t\t\t\t@include fs-14; \r\n\t\t\t\t\t\tcolor: hsl(var(--black)/0.7); \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n\t@include sm-screen {\r\n        tbody {\r\n\t\t\ttr {\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n}\r\n.table--responsive--lg {\r\n    @include md-screen {\r\n        thead {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\t&:nth-child(even) {\r\n\t\t\t\t\tbackground-color: hsl(var(--black) / .02);\r\n\t\t\t\t}\r\n\t\t\t\t&:last-child td {\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t\ttd {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tgap: 15px;\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tpadding: 10px 15px;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-bottom: 1px solid hsl(var(--black) / .08);  \r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\tborder-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t    display: block;\r\n\t\t\t\t\t\t@include fs-14; \r\n\t\t\t\t\t\tcolor: hsl(var(--black)/0.7); \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n    @include md-screen {\r\n        tbody {\r\n\t\t\ttr {\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n}\r\n.table--responsive--xl {\r\n    @include lg-screen {\r\n        thead {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\t&:nth-child(even) {\r\n\t\t\t\t\tbackground-color: hsl(var(--black) / .02);\r\n\t\t\t\t}\r\n\t\t\t\ttd {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tgap: 15px;\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tpadding: 10px 15px;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-bottom: 1px solid hsl(var(--black) / .08);  \r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\tborder-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t    display: block;\r\n\t\t\t\t\t\t@include fs-14; \r\n\t\t\t\t\t\tcolor: hsl(var(--black)/0.7); \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n    \r\n    @include lg-screen {\r\n        tbody {\r\n\t\t\ttr {\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n}\r\n.table--responsive--xxl {\r\n    @include xl-screen {\r\n        thead {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\t&:last-child td {\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t\ttd {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: space-between;\r\n\t\t\t\t\tgap: 15px;\r\n\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\tpadding: 10px 15px;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-bottom: 1px solid hsl(var(--black) / .08);  \r\n\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\tborder-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t    display: block;\r\n\t\t\t\t\t\t@include fs-14; \r\n\t\t\t\t\t\tcolor: hsl(var(--black)/0.7); \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n    \r\n    @include xl-screen {\r\n        tbody {\r\n\t\t\ttr {\r\n\t\t\t\ttd {\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n    }\r\n}\r\n/* ================================= Table Css End =========================== */","/* ================================= Tab Css Start =========================== */\r\n.custom--tab {\r\n    justify-content: center;\r\n    border-radius: 6px;\r\n    margin-bottom: 40px;\r\n    .nav-item {\r\n        border-bottom: 0;\r\n        padding: 5px;\r\n        .nav-link {\r\n            color: hsl(var(--white)); \r\n            padding: 8px 25px;\r\n            background-color: transparent !important;\r\n             border-radius: 5px;\r\n            transition: .4s;\r\n            border: 1px solid hsl(var(--black) / .08) !important;\r\n            @include lg-screen {\r\n                padding: 12px 15px;\r\n            }\r\n            &.active {\r\n                color: hsl(var(--white)); \r\n                background-color: hsl(var(--base-d-200)) !important;\r\n                border: 1px solid transparent !important;\r\n                &:hover {\r\n                    color: hsl(var(--white)); \r\n                }\r\n            }\r\n            &:hover {\r\n                color: hsl(var(--base));\r\n            }\r\n        }\r\n    }\r\n}\r\n/* ================================= Tab Css End =========================== */\r\n","/* ================================= Badge Css Start =========================== */\r\n.badge {\r\n    @extend .fs-16; \r\n    font-weight: 600;\r\n    position: relative;\r\n    padding: 0;\r\n    margin: 0;\r\n    text-align: center;\r\n    &--base {       \r\n        color: hsl(var(--base)) !important;\r\n    }\r\n    &--primary {\r\n        color: hsl(var(--primary)) !important;\r\n    }\r\n    &--secondary {\r\n        color: hsl(var(--secondary)) !important;\r\n    }\r\n    &--success {\r\n        color: hsl(var(--success)) !important;\r\n    }\r\n    &--danger {\r\n        color: hsl(var(--danger)) !important;\r\n    }\r\n    &--warning {\r\n        color: hsl(var(--warning)) !important;\r\n    }\r\n    &--info { \r\n        color: hsl(var(--info)) !important;\r\n    }\r\n}\r\n/* ================================= Badge Css End =========================== */","/* ====================================== Alert Css Start =============================== */\r\n.alert {\r\n    margin-bottom: 0;\r\n    background-color: hsl(var(--white)) !important;\r\n    font-weight: 400;\r\n    padding: 17px 24px;\r\n    border-radius: 5px;\r\n    @include md-screen {\r\n        padding: 16px;\r\n    }\r\n    @include msm-screen {\r\n        padding: 12px;\r\n    }\r\n    &__icon {\r\n        font-size: 1.5rem;\r\n        line-height: 1;\r\n    }\r\n    &__content {\r\n        width: calc(100% - 24px);\r\n        padding-left: 32px;\r\n        @include md-screen {\r\n            padding-left: 16px;\r\n        }\r\n        @include msm-screen {\r\n            padding-left: 0;\r\n            width: 100%;\r\n            margin-top: 6px;\r\n        }\r\n    }\r\n    &__title {\r\n        @extend .fs-16; \r\n        color: hsl(var(--base-two)/.8);\r\n        font-weight: 600;\r\n        font-family: var(--heading-font); \r\n        margin-bottom: 6px;\r\n    }\r\n    &__desc {\r\n        color: hsl(var(--base-two)/.5);\r\n        display: block;\r\n        line-height: 1.375;\r\n        @include xsm-screen {\r\n            @include fs-13; \r\n        }\r\n    }\r\n    &__link {\r\n        position: relative;\r\n        &:hover {\r\n            &::before {\r\n                visibility: visible;\r\n                opacity: 1;\r\n                bottom: 0;\r\n            }\r\n        }\r\n        &::before {\r\n            @extend .pa-extend; \r\n            left: 0;\r\n            bottom: -5px;\r\n            width: 100%;\r\n            height: 1px;\r\n            background-color: hsl(var(--base));\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: .2s ease-in-out;\r\n        }\r\n    }\r\n\r\n    &--base {\r\n        border-color: hsl(var(--base)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--base));\r\n        }\r\n    }\r\n    &--primary {\r\n        border-color: hsl(var(--primary)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--primary));\r\n        }\r\n    }\r\n    &--success {\r\n        border-color: hsl(var(--success)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--success));\r\n        }\r\n    }\r\n    &--info {\r\n        border-color: hsl(var(--info)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--info));\r\n        }\r\n    }\r\n    &--danger {\r\n        border-color: hsl(var(--danger)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--danger));\r\n        }\r\n    }\r\n    &--warning {\r\n        border-color: hsl(var(--warning)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--warning));\r\n        }\r\n    }\r\n    &--secondary {\r\n        border-color: hsl(var(--secondary)/.6);\r\n        .alert__icon {\r\n            color: hsl(var(--secondary));\r\n        }\r\n    }\r\n}\r\n/* ====================================== Alert Css End =============================== */","/* ================================= preload Css Start =========================== */\r\n.preloader{\r\n  position: fixed;\r\n  z-index: 999999;\r\n  background-color: hsl(var(--black));\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.loader-p{\r\n  border: 0 solid transparent;\r\n  border-radius: 50%;\r\n  width: 150px;\r\n  height: 150px;\r\n  position: absolute;\r\n  top: calc(50vh - 75px);\r\n  left: calc(50vw - 75px);\r\n}\r\n\r\n.loader-p:before, .loader-p:after{\r\n  content: '';\r\n  border: 1em solid hsl(var(--base));\r\n  border-radius: 50%;\r\n  width: inherit;\r\n  height: inherit;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  animation: loader 2s linear infinite;\r\n  opacity: 0;\r\n}\r\n\r\n.loader-p:before{\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes loader{\r\n  0%{\r\n    transform: scale(0);\r\n    opacity: 0;\r\n  }\r\n  50%{\r\n    opacity: 1;\r\n  }\r\n  100%{\r\n    transform: scale(1);\r\n    opacity: 0;\r\n  }\r\n}\r\n/* ================================= preload Css End ===========================  */\r\n","\r\n/* ============= Header Start Here ======================= */\r\n.navbar-brand {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    &.logo{\r\n        img {\r\n            max-width: 200px;\r\n            max-height: 60px;\r\n            @include md-screen {\r\n                max-width: 150px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.header {\r\n    position: relative;\r\n    z-index: 5;\r\n    background-color: hsl(var(--white));\r\n    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);\r\n    @include lg-screen {\r\n        background-color: hsl(var(--white));\r\n        padding: 10px 0;       \r\n        z-index: 999;\r\n        max-height: 101vh;\r\n        overflow-y: auto;\r\n        &::-webkit-scrollbar {\r\n            width: 5px;\r\n            height: 5px;\r\n        }\r\n        &::-webkit-scrollbar-thumb {\r\n            border-radius: 0px;\r\n        }\r\n    }\r\n    &.fixed-header {\r\n        background-color: hsl(var(--white));\r\n        position: sticky;\r\n        transition: .3s linear;\r\n        top: 0px;\r\n        animation: slide-down .8s;\r\n        width: 100%;\r\n    }\r\n\r\n    .header-login {\r\n        margin: 0px -5px;\r\n        padding-left: 65px;\r\n        display: flex;\r\n        align-items: center;\r\n        height: 100%;\r\n        &__item {\r\n            padding: 0 8px;\r\n            font-size: 1.125rem;\r\n        }\r\n        @include xl-screen{\r\n            padding-left: 30px;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes slide-down {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY( -150%);\r\n    } \r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    } \r\n}\r\n\r\n.navbar {\r\n    padding: 0 !important;\r\n}\r\n/* ========================= Desktop Device Start ========================= */\r\n@media (min-width: 1199px) {\r\n.nav-menu {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    .nav-item{\r\n        position: relative;\r\n        padding-right: 30px;\r\n        &:last-child {\r\n            padding-right: 0;\r\n        }\r\n        &.active {\r\n            .nav-link {\r\n                color: hsl(var(--base)) !important;\r\n                &::before {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n        &:hover {\r\n            .nav-link {\r\n                color: hsl(var(--base)) !important;\r\n                &::before {\r\n                    width: 100%;\r\n                }\r\n                .nav-item__icon {\r\n                    transform: rotate(180deg);\r\n                    transition: .2s;\r\n                }\r\n            }\r\n        }\r\n        .nav-link {\r\n            font-weight: 600;\r\n            @include fs-18; \r\n            color: hsl(var(--black)) !important;\r\n            padding: 33px 0;\r\n            position: relative;\r\n            cursor: pointer;\r\n            /* ======================== Style two ================ */\r\n            &:hover::before {\r\n                left: 0;\r\n                transition: .3s;\r\n            }\r\n            &::before {\r\n                position: absolute;\r\n                content: \"\";\r\n                right: 0;\r\n                bottom: 0px;\r\n                width: 0;\r\n                height: 4px;\r\n                border-radius: 2px 2px 0px 0px;\r\n                background-color: hsl(var(--heading-color)); \r\n                // transform: translateX(-50%);\r\n                transition: .3s;\r\n            }\r\n            .nav-item__icon{\r\n                transition: .3s;\r\n                @include fs-13; \r\n                margin-left: 2px;\r\n                @include md-screen {\r\n                    margin-right: 6px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@media (min-width: 1199px) and (max-width: 1399px){\r\n    .nav-menu {\r\n        .nav-item{\r\n            padding-right: 20px;\r\n            .nav-link {\r\n                @include fs-16; \r\n            }\r\n        }\r\n    }\r\n}\r\n .header .dropdown-menu {\r\n    display: block;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: .3s;\r\n    top: 100%;\r\n    left: 0;\r\n    padding: 0 !important;\r\n    transform: scaleY(0);\r\n    transform-origin: top center;\r\n    transition: .3s;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    min-width: 190px;\r\n    &__list {\r\n        border-bottom: 1px solid hsl(var(--black) / .08);\r\n        &:last-child {\r\n            border-bottom: 3px solid hsl(var(--base)); \r\n        }\r\n    }\r\n    &__link{\r\n        padding: 7px 20px;\r\n        font-weight: 500;\r\n        @include fs-16; \r\n        transition: .3s;\r\n        &:focus, &:hover {\r\n            color: hsl(var(--white));\r\n            background-color: hsl(var(--base)); \r\n\r\n        } \r\n    }\r\n}\r\n.nav-menu {\r\n    .nav-item {\r\n        &:hover { \r\n         .dropdown-menu{\r\n                visibility: visible; \r\n                opacity: 1;\r\n                top: 100% !important;\r\n                transform: scaleY(1);\r\n            }\r\n        }\r\n    }\r\n}\r\n}\r\n/* ========================== Desktop Device End ========================= */\r\n\r\n/* ============================== Small Device ======================= */\r\n@include lg-screen {\r\n    .body-overlay.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n    }\r\n    .nav-menu {\r\n        margin-top: 20px;\r\n        .nav-item {\r\n            text-align: left;\r\n            display: block;\r\n            position: relative;\r\n            margin: 0;\r\n            &:hover .nav-link .nav-item__icon {\r\n                transform: rotate(0deg) !important;\r\n            }\r\n        }\r\n    }\r\n    .nav-item {\r\n        &:first-child{\r\n            border-bottom: none;\r\n        }\r\n        &:last-child > a{\r\n            border-bottom: 0;\r\n        }\r\n        .nav-link {\r\n            margin-bottom: 8px;\r\n            padding: 10px 10px 10px 0 !important;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin: 0 !important;\r\n            border-bottom: 1px solid hsl(var(--light) / .2);\r\n            color: hsl(var(--black));\r\n            &::before{\r\n                display: none;\r\n            }\r\n            &.show {\r\n                &[aria-expanded=\"true\"] {\r\n                    color: hsl(var(--base)) !important;\r\n                    i{\r\n                        transform: rotate(180deg);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n   .header .dropdown-menu {\r\n        box-shadow: none;\r\n        border-radius: 2px;\r\n        width: 100%;\r\n        margin: 0px !important;\r\n        padding: 0 !important;\r\n        border: 0;\r\n        background-color: inherit;\r\n        overflow: hidden;\r\n        li{\r\n              &:nth-last-child(1){\r\n                border-bottom: none; \r\n            }\r\n            .dropdown-item{\r\n                padding: 10px 0px;\r\n                font-weight: 500;\r\n                @include fs-16; \r\n                color: hsl(var(--white));\r\n                border-bottom: 1px solid hsl(var(--light)/0.2);\r\n                margin-left: 20px;\r\n                color: hsl(var(--heading-color));\r\n                &:hover, &:focus {\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n        }\r\n    } \r\n}\r\n\r\n.navbar-toggler {\r\n    &.header-button {\r\n        border-color: transparent;\r\n        color: hsl(var(--light));\r\n        background: transparent !important;\r\n        padding: 0 !important;\r\n        border: 0 !important;\r\n        border-radius: 0 !important; \r\n        transition: .15s ease-in-out;\r\n        width: auto;\r\n        font-size: 2.5rem;\r\n\r\n        &:focus {\r\n        box-shadow: none !important;\r\n        }\r\n        &[aria-expanded=\"true\"] i::before{\r\n            content: \"\\f00d\";\r\n        }\r\n    }\r\n}\r\n\r\n/* Custom Dropdown Css Start */\r\n\r\n\r\n.custom--dropdown.open > .custom--dropdown__selected::before {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.custom--dropdown > .custom--dropdown__selected {\r\n    background-color: transparent;\r\n    position: relative;\r\n    cursor: pointer;\r\n    padding: 10px;\r\n    font-size: 18px;\r\n    padding-right: 30px;\r\n}\r\n\r\n.custom--dropdown > .custom--dropdown__selected::before {\r\n    font-family: \"Font Awesome 5 Free\";\r\n    font-weight: 700;\r\n    content: \"\\f107\";\r\n    display: inline-block;\r\n    position: absolute;\r\n    margin-left: auto;\r\n    width: unset !important;\r\n    right: 15px;\r\n    color: hsl(var(--black));\r\n    font-size: 18px;\r\n}\r\n\r\n@media screen and (max-width: 1399px) {\r\n    .custom--dropdown > .custom--dropdown__selected::before {\r\n        right: 2px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 1399px) {\r\n    .custom--dropdown > .custom--dropdown__selected {\r\n        padding-right: 15px;\r\n    }\r\n}\r\n\r\n.custom--dropdown > .dropdown-list {\r\n    position: absolute;\r\n    background-color: hsl(var(--white));\r\n    width: 100%;\r\n    border-radius: 3px;\r\n    -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);\r\n    box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    transition: 0.25s ease-in-out;\r\n    transform: scaleY(0);\r\n    -webkit-transform-origin: top center;\r\n    transform-origin: top center;\r\n    top: 100%;\r\n    z-index: -1;\r\n    visibility: hidden;\r\n    max-height: 230px;\r\n    overflow-y: auto !important;\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n    .custom--dropdown > .dropdown-list {\r\n        left: auto;\r\n        left: 0;\r\n    }\r\n}\r\n\r\n.custom--dropdown > .dropdown-list::-webkit-scrollbar {\r\n    width: 4px;\r\n    height: 4px;\r\n}\r\n\r\n.custom--dropdown > .dropdown-list::-webkit-scrollbar-thumb {\r\n    background-color: hsl(var(--black)/0.15);\r\n}\r\n\r\n.custom--dropdown > .dropdown-list::-webkit-scrollbar-thumb {\r\n    background-color: hsl(var(--black)/0.3);\r\n}\r\n\r\n.custom--dropdown.open > .dropdown-list {\r\n    -webkit-transform: scale(1);\r\n    transform: scale(1);\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 999 !important;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item {\r\n    padding: 10px 8px !important;\r\n    cursor: pointer;\r\n    -webkit-transition: 0.3s;\r\n    transition: 0.3s;\r\n    font-size: 14px;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item:hover {\r\n    background-color: hsl(var(--base)/0.8) !important;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item, .custom--dropdown > .custom--dropdown__selected {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item .thumb img, .custom--dropdown > .custom--dropdown__selected .thumb img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover !important;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item .thumb, .custom--dropdown > .custom--dropdown__selected .thumb {\r\n    width: 35px;\r\n    height: 24px;\r\n    overflow: hidden;\r\n    margin-right: 5px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.dropdown-list > .dropdown-list__item .text, .custom--dropdown > .custom--dropdown__selected .text {\r\n    width: calc(100% - 30px);\r\n    padding-left: 4px;\r\n    color: hsl(var(--heading-color));\r\n}\r\n\r\n.custom--dropdown{\r\n    position: relative;\r\n    width: auto;\r\n    min-width: 100px;\r\n}\r\n\r\n/* ================================= Header Css End =========================== */\r\n","/* ============= Footer Start Here ======================= */\r\n.footer-area {\r\n    background-color: hsl(var(--section-bg));\r\n    margin-top: auto;\r\n    overflow: hidden;\r\n    position: relative;\r\n    &:before {\r\n        position: absolute;\r\n        top: 0px;\r\n        left: 0px;\r\n        content: \"\";\r\n        width: 123px;\r\n        height: 350px;\r\n        background-color: #F5B000;\r\n        filter: blur(188px);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        @include sm-screen{\r\n            height: 100px;\r\n        }\r\n    }\r\n    &:after{\r\n        position: absolute;\r\n        bottom: 0px;\r\n        right: 0px;\r\n        content: \"\";\r\n        width: 123px;\r\n        height: 300px;\r\n        background-color: #C400F5;\r\n        filter: blur(188px);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        @include sm-screen{\r\n            height: 100px;\r\n        }\r\n    }\r\n}\r\n\r\n.footer-item {\r\n    position: relative;\r\n    z-index: 2;\r\n    &__logo {\r\n        margin-bottom: 55px;\r\n\r\n        a {\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n                max-width: 190px;\r\n                max-height: 64px;\r\n            }\r\n        }\r\n    }\r\n\r\n    &__title {\r\n        color: hsl(var(--heading-color));\r\n        padding-bottom: 10px;\r\n        margin-bottom: 10px;\r\n        font-size: 1.125rem;\r\n    }\r\n\r\n    .social-list {\r\n        margin-top: 30px;\r\n\r\n        @include md-screen {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        @include msm-screen {\r\n            margin-top: 15px;\r\n        }\r\n    }\r\n    \r\n\r\n    &__subscribe{\r\n        @include sm-screen{\r\n            .input-group{\r\n                display: block;\r\n            }\r\n        }\r\n        input{\r\n            margin-right: 15px;\r\n            border-radius: 8px !important;\r\n            @include sm-screen{\r\n                width: 100% !important;\r\n            }\r\n        }\r\n        .btn{\r\n            border-radius: 8px !important;\r\n            @include sm-screen{\r\n                width: 100% !important;\r\n                margin-top: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.underline-with-text{\r\n    color: hsl(var(--heading-color));\r\n    text-decoration: underline !important;\r\n    font-weight: 600;\r\n    \r\n}\r\n/* Footer List Item */\r\n.footer-menu {\r\n    display: flex;\r\n    flex-direction: column;\r\n    &__item {\r\n        display: block;\r\n        padding-bottom: 16px;\r\n\r\n        &:last-child {\r\n            padding-bottom: 0;\r\n        }\r\n    }\r\n\r\n    &__link {\r\n        color: hsl(var(--body-color));\r\n\r\n        &:hover {\r\n            color: hsl(var(--base));\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n}\r\n\r\n/* Footer Contact */\r\n.footer-contact-menu {\r\n    &__item {\r\n        display: flex;\r\n        padding-bottom: 12px;\r\n\r\n        &:last-child {\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        &-icon {\r\n            width: 15px;\r\n            color: hsl(var(--base));\r\n            font-size: 1.25rem; // 20px\r\n        }\r\n\r\n        &-content {\r\n            width: calc(100% - 15px);\r\n            padding-left: 15px;\r\n        }\r\n    }\r\n}\r\n\r\n/* ============= Footer End Here ======================= */\r\n\r\n/* ============= Bottom Footer End Here ======================= */\r\n.footer-bottom-inner {\r\n    padding: 35px 0px;\r\n    border-top: 1px solid hsl(var(--light) / .2);\r\n}\r\n\r\n.bottom-footer-copyright {\r\n    ul {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        @include sm-screen{\r\n            justify-content: center;\r\n        }\r\n        li {\r\n            margin-right: 24px;\r\n            font-size: 0.875rem;\r\n            @include sm-screen{\r\n                margin-right: 10px;\r\n            }\r\n            &:last-child{\r\n                margin-right: 0px;\r\n            }\r\n            a{\r\n                color: hsl(var(--heading-color));\r\n                text-decoration: underline !important;\r\n                font-weight: 600;\r\n                transition: 0.3s;\r\n                &:hover{\r\n                    color: hsl(var(--base));\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.footer-social{\r\n    text-align: right;\r\n    @include  sm-screen{\r\n        text-align: center;\r\n    }\r\n    a{\r\n        margin-right: 12px;\r\n        &:last-child{\r\n            margin-right: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n.footer-item-left{\r\n   max-width: 520px;\r\n}\r\n/* =============Bottom Footer End Here ======================= */","\r\n/* ===================== Scroll to Top Start ================================= */\r\n.scroll-top {\r\n    position: fixed;\r\n    right: 30px;\r\n    bottom: 30px;\r\n    color: hsl(var(--white));\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    z-index: 5;\r\n    transition: 0.5s;\r\n    cursor: pointer;\r\n    transform: scale(0);\r\n    background-color: hsl(var(--base));\r\n    &:hover {\r\n        color: hsl(var(--white));\r\n        background-color: hsl(var(--base-d-100));\r\n    }\r\n    &.show{\r\n        transform: scale(1);\r\n    }\r\n}\r\n/* ===================== Scroll to Top End ================================= */\r\n","/* ================================= Template Selection Css Start =========================== */\r\n::selection {\r\n    color: hsl(var(--white));\r\n    background: hsl(var(--base-d-100));\r\n}\r\n/* ================================= Template Selection Css End ===========================  */ ","\r\n/* ================================= Social Icon Css Start =========================== */\r\n.social-list {\r\n    display: flex;\r\n    flex-wrap: wrap; \r\n    align-items: center;\r\n    &__item {\r\n        margin-right: 10px;\r\n        &:last-child {\r\n            margin-right: 0;\r\n        }\r\n    }\r\n    &__link {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: .3s;\r\n        cursor: pointer;\r\n        color: hsl(var(--white));\r\n        background-color: hsl(var(--white)/.15);\r\n        &.active, &:hover, &:focus  {\r\n            background-color: hsl(var(--base));\r\n            color: hsl(var(--white)) !important;\r\n            border-color: hsl(var(--base)) !important;\r\n        }\r\n        @include sm-screen {\r\n            width: 35px;\r\n            height: 35px;\r\n            @include fs-14;\r\n        }\r\n    }\r\n}\r\n/* ================================= Social Icon Css End ===========================  */","\r\n/* ====================== About us section Start ==================== */ \r\n.about {\r\n    position: relative;\r\n    &__thumb{\r\n        position: absolute;\r\n        right: 0px;\r\n        bottom: 100px;\r\n        width: 50%;\r\n        height: 60%;\r\n        display: flex;\r\n        justify-content: end;\r\n        @include md-screen{\r\n            display: none;\r\n        }\r\n    }\r\n    &-item{\r\n        margin-bottom: 40px;\r\n        &__icon{\r\n            margin-bottom: 20px;\r\n            img{\r\n                transition: 1s ease-out 0s;\r\n            }\r\n        }\r\n        &__title{\r\n            margin-bottom: 20px;\r\n        }\r\n        &:hover{\r\n            .about-item__icon img{\r\n                transform: rotateY(360deg);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* ====================== About us section End ==================== */ \r\n","/* ====================== Features us section Start ==================== */ \r\n.features{\r\n    .features-item{\r\n        padding: 40px 22px;\r\n        border-radius: 8px;\r\n        transition: 0.3s;\r\n        &:hover{\r\n            box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);\r\n        }\r\n        @include msm-screen{\r\n            text-align: center;\r\n        }\r\n        &__icon{\r\n            margin-bottom: 40px;\r\n            width: 60px;\r\n            height: 60px;\r\n            @include msm-screen{\r\n                margin: 0 auto;\r\n                margin-bottom: 20px;\r\n            }\r\n            img{\r\n                transition: all 1s ease-out 0s;\r\n            }\r\n        }\r\n        &__title{\r\n            margin-bottom: 12px;\r\n        }\r\n        &:hover{\r\n            .features-item__icon img{\r\n                transform: rotateY(360deg);\r\n            }\r\n        }\r\n    }  \r\n}\r\n.section-btn{\r\n    @include sm-screen{\r\n        margin-bottom: 30px;\r\n    }\r\n}\r\n/* ====================== Features us section End ==================== */ \r\n\r\n","\r\n/* ============= Price Plan Start Here ======================= */\r\n.price-item{\r\n    padding: 32px;\r\n    border-radius: 8px;\r\n    height: 100%;\r\n    transition: 0.3s;\r\n    position: relative;\r\n    &__badge{\r\n        position: absolute;\r\n        right: 0px;\r\n        top: -23px;\r\n        padding: 10px 20px;\r\n        background-color: #F50058;\r\n        color: hsl(var(--white));\r\n        border-radius: 8px;\r\n        font-weight: 700;\r\n        font-family: var(--heading-font);\r\n        font-size: 14px;\r\n        @include md-screen{\r\n            top: -16px;\r\n            padding: 6px 15px;\r\n        }\r\n    }\r\n    @include lg-screen{\r\n        padding: 20px;\r\n    }\r\n    &:hover{\r\n        box-shadow: var(--box-shadow);\r\n    }\r\n    &__header, &__body{\r\n        margin-bottom: 32px;\r\n        padding-bottom:32px;\r\n        border-bottom: 1px solid hsl(var(--border-color));\r\n        @include sm-screen{\r\n            margin-bottom: 20px;\r\n            padding-bottom: 20px;\r\n\r\n        }\r\n    }\r\n    &__title{\r\n        margin-bottom: 5px;\r\n    }\r\n    &__price{\r\n        font-size: 56px;\r\n        font-weight: 700;\r\n        span{\r\n            font-size: 2rem;\r\n        }\r\n        @include lg-screen{\r\n            font-size: 45px;\r\n        }\r\n        @include sm-screen{\r\n            font-size: 35px;\r\n        }\r\n    }\r\n    &__duration{\r\n        margin-bottom: 25px;\r\n    }\r\n    &__list{\r\n        color: hsl(var(--heading-color));\r\n        li{\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            gap: 15px;\r\n            i{\r\n                position: relative;\r\n                top: 1px;\r\n                font-size: 24px;\r\n                @include lg-screen{\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* ============= Price Plan e  End Here ======================= */\r\n","/* ================================= Counter Css Start =========================== */\r\n\r\n.counter-area {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    &:before {\r\n        position: absolute;\r\n        top: 0px;\r\n        left: 0px;\r\n        content: \"\";\r\n        width: 80px;\r\n        height: 80px;\r\n        background-color: #1400F5;\r\n        filter: blur(90px);\r\n        z-index: 1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    &:after {\r\n        position: absolute;\r\n        bottom: 0px;\r\n        right: 0px;\r\n        content: \"\";\r\n        width: 80px;\r\n        height: 80px;\r\n        background-color: #B500F5;\r\n        filter: blur(90px);\r\n        z-index: 1;\r\n        border-radius: 50%;\r\n    }\r\n}\r\n.counterup-item{\r\n    @include md-screen{\r\n        text-align: center;\r\n    }\r\n    &__text{\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: hsl(var(--heading-color));\r\n        @include lg-screen{\r\n            font-size: 18px;\r\n        }\r\n    }\r\n}\r\n\r\n/* ================================= Counter Css End =========================== */","\r\n/* ================== Sidebar Box & Title =================== */ \r\n.blog-sidebar {\r\n    background-color: hsl(var(--section-bg)); \r\n    padding: 30px 20px;\r\n    border-radius: 5px;\r\n    margin-bottom: 30px;\r\n    &:last-of-type {\r\n        margin-bottom: 0;\r\n    }\r\n    @include msm-screen {\r\n        padding: 20px 15px;\r\n    }\r\n    &__title {\r\n        position: relative;\r\n        padding-bottom: 10px;\r\n        color: hsl(var(--black)); \r\n        &::before {\r\n            position: absolute;\r\n            content: \"\";\r\n            width: 60px;\r\n            height: 2px;\r\n            background-color: hsl(var(--base)); \r\n            left: 0;\r\n            bottom: 0px;\r\n        }\r\n    }\r\n}\r\n/* ========================= Category & Tags List Style ========================= */\r\n.text-list {\r\n    /* Category */\r\n    font-weight: 600;\r\n    &.style-category {\r\n        .text-list__item {\r\n            border-bottom: 1px dashed hsl(var(--black) / .2);\r\n            &:last-child {\r\n                border-bottom: 0;\r\n            }\r\n        }\r\n        .text-list__link{\r\n            color: hsl(var(--black)); \r\n            &:hover {\r\n                color: hsl(var(--base)); \r\n            }\r\n        }\r\n    }\r\n    /* Style Tag */\r\n    &.style-tag {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        margin: -7px;\r\n        .text-list__item {\r\n           padding: 7px;\r\n        }\r\n        .text-list__link{\r\n            color: hsl(var(--black)); \r\n            border: 1px solid hsl(var(--black) / .08); \r\n            padding: 6px 20px;\r\n            border-radius: 3px;\r\n            &.active {\r\n                background-color: hsl(var(--base)); \r\n                border-color: hsl(var(--base)); \r\n                color: hsl(var(--white));\r\n            }\r\n            &:hover {\r\n                background-color: hsl(var(--base)); \r\n                border-color: hsl(var(--base)); \r\n                color: hsl(var(--white));\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n/* ======================== Latest Blog Css========================  */\r\n.latest-blog {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid hsl(var(--black)/.1);\r\n    &:last-of-type {\r\n        padding-bottom: 0px;\r\n        margin-bottom: 0px;\r\n        border-bottom: 0;\r\n    }\r\n    &__thumb {\r\n        width: 80px;\r\n        max-height: 80px;\r\n        display: flex;\r\n        border-radius: 5px;\r\n        overflow: hidden;\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: 15px;\r\n        @include xsm-screen {\r\n            width: calc(100% - 60px);\r\n        }\r\n    }\r\n    &__title {\r\n        margin-bottom: 5px;\r\n        a {\r\n            color: hsl(var(--heading-color));\r\n            font-weight: 600;\r\n            @extend .fs-16;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            &:hover {\r\n                color: hsl(var(--base)); \r\n            }\r\n        }\r\n    }\r\n}\r\n/* ========================= Latest Blog Css End ===================*/\r\n","\r\n/* ================================= Comment Css Start =========================== */\r\n.comment-list {\r\n    &__item {\r\n        &:last-child .comment-list__content {\r\n            border-bottom: none; \r\n          }\r\n    }\r\n    &__thumb {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        @include sm-screen {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n    }\r\n    &__content {\r\n        width: calc(100% - 80px);\r\n        padding-left: 15px;\r\n        border-bottom: 1px solid hsl(var(--black) / .1);\r\n        padding-bottom: 30px;\r\n        margin-bottom: 30px;\r\n        @include sm-screen {\r\n            width: calc(100% - 60px);\r\n            padding-bottom: 25px;\r\n            margin-bottom: 25px;\r\n        }\r\n        @include msm-screen {\r\n            padding-bottom: 20px;\r\n            margin-bottom: 20px;\r\n            width: 100%;\r\n            padding-left: 0;\r\n            margin-top: 15px;\r\n        }\r\n    }\r\n    &__name {\r\n        margin-bottom: 5px;\r\n        color: hsl(var(--black));\r\n    }\r\n    &__time {\r\n        margin-bottom: 15px;\r\n        &-icon {\r\n            color: hsl(var(--base));\r\n            @extend .fs-15; \r\n            margin-right: 5px;\r\n        }\r\n    }\r\n    &__reply {\r\n        margin-top: 10px;\r\n        display: inline-block;\r\n        &-text {\r\n            color: hsl(var(--black));\r\n            font-weight: 400;\r\n        }\r\n        &:hover &-icon {\r\n            color: hsl(var(--base));\r\n        }\r\n        &-icon {\r\n            @extend .fs-14; \r\n            transform: scaleX(-1);\r\n            margin-left: 5px;\r\n            @include sm-screen {\r\n                @include fs-12;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Second List Item\r\n    .comment-list {\r\n        margin-left: 70px;\r\n        &.style-right {\r\n            .comment-list__item {\r\n                &:last-child .comment-list__content {\r\n                    border-bottom: 1px solid hsl(var(--black) / .1);\r\n                  }\r\n            }\r\n        }\r\n        @include msm-screen {\r\n            margin-left: 40px;\r\n        }\r\n    }\r\n} \r\n/* ================================= Comment Css End =========================== */ \r\n","/* ================================= Dashboard Fulid Sidebar Css Start =========================== */\r\n.dashboard {\r\n  // Sidebar logo Css Start\r\n  .sidebar-logo {\r\n    text-align: center;\r\n    margin: 24px 0;\r\n    @include md-screen {\r\n      margin-top: 32px;\r\n    }\r\n    img {\r\n      max-width: 170px;\r\n      max-height: 60px;\r\n    }\r\n  }\r\n  // Sidebar logo Css End\r\n\r\n  // Sidebar Menu Start\r\n  .sidebar-menu {\r\n    height: 100vh;\r\n    background-color: hsl(var(--white));\r\n    overflow-y: auto;\r\n    z-index: 999;\r\n    transition: 0.2s linear;\r\n    width: 300px;\r\n    border-right: 1px solid hsl(var(--border-color));\r\n    border-radius: 0;\r\n    position: fixed;\r\n    left: 0;\r\n    top: 0;\r\n    align-items: start;\r\n    flex-direction: row;;\r\n    &::-webkit-scrollbar {\r\n      width: 3px;\r\n      height: 3px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n      background-color: hsl(var(--black)/.15);\r\n    }\r\n    &__inner {\r\n      width: 100%;\r\n    }\r\n    //=========== Sidebar Show hide Css Start =======\r\n    &.show-sidebar {\r\n      transform: translateX(0);\r\n    }\r\n    @include md-screen {\r\n      transform: translateX(-100%);\r\n      z-index: 9992;\r\n      border-radius: 0;\r\n    }\r\n    &__close {\r\n      position: absolute;\r\n      top: 8px;\r\n      right: 16px;\r\n      color: hsl(var(--body-color));\r\n      font-size: 1.25rem;\r\n      transition: 0.2s linear;\r\n      cursor: pointer;\r\n      z-index: 9;\r\n      &:active {\r\n        top: 14px;\r\n      }\r\n      &:hover,\r\n      &:focus {\r\n        background-color: hsl(var(--white));\r\n        border-color: hsl(var(--white));\r\n        color: hsl(var(--base));\r\n      }\r\n    }\r\n    //=========== Sidebar Show hide Css End =======\r\n    &-list {\r\n      margin-top: 40px;\r\n      &__item {\r\n        margin-bottom: 6px;\r\n        &:last-child {\r\n          .sidebar-menu-list__link {\r\n            border-bottom: 0;\r\n          }\r\n        }\r\n        &.active {\r\n          > a {\r\n            background-color: hsl(var(--base));\r\n            color: hsl(var(--white));\r\n          }\r\n        }\r\n        &.has-dropdown {\r\n          &.active {\r\n            > a {\r\n              color: hsl(var(--white));\r\n              &:after {\r\n                transform: rotate(90deg);\r\n                right: 18px;\r\n                color: hsl(var(--white));\r\n              }\r\n            }\r\n          }\r\n          > a {\r\n            &:after {\r\n              position: absolute;\r\n              content: \"\\f105\";\r\n              font-family: \"Font Awesome 5 Free\";\r\n              font-weight: 900;\r\n              font-style: normal;\r\n              display: inline-block;\r\n              font-style: normal;\r\n              font-variant: normal;\r\n              text-rendering: auto;\r\n              text-align: center;\r\n              background: 0 0;\r\n              right: 16px;\r\n              top: 14px;\r\n              transition: 0.1s linear;\r\n              color: hsl(var(--body-color));\r\n              @extend .fs-13;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      &__link {\r\n        display: inline-block;\r\n        text-decoration: none;\r\n        position: relative;\r\n        padding: 9px 15px;\r\n        padding-left: 60px;\r\n        width: 100%;\r\n        color: #6b717e;\r\n        font-weight: 700;\r\n        @extend .fs-16;\r\n        &:hover {\r\n          background-color: hsl(var(--base)/0.06);\r\n        }\r\n        &.active {\r\n          color: hsl(var(--base));\r\n        }\r\n        .icon {\r\n          margin-right: 8px;\r\n          font-size: 20px;\r\n          text-align: center;\r\n          border-radius: 4px;\r\n          vertical-align: middle;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // Sidebar Menu End\r\n\r\n  // Sidebar Submenu Start\r\n  .sidebar-submenu {\r\n    display: none;\r\n    &.open-submenu {\r\n      display: block;\r\n    }\r\n    &-list {\r\n      padding: 5px 0;\r\n      &__item {\r\n        margin-bottom: 6px;\r\n        padding-left: 60px;\r\n        &.active {\r\n          > a {\r\n            color: hsl(var(--base));\r\n            background-color: hsl(var(--base)/0.06);\r\n          }\r\n        }\r\n      }\r\n      &__link {\r\n        padding: 12px 15px;\r\n        display: block;\r\n        color: hsl(var(--body-color));\r\n        color: #6b717e;\r\n        font-weight: 500;\r\n        @extend .fs-15;\r\n        margin-left: 20px;\r\n        border-radius: 5px;\r\n        position: relative;\r\n        padding-left: 25px;\r\n        &::before {\r\n          @extend .pa-extend; \r\n          left: 10px;\r\n          @extend .top-center-extend; \r\n          width: 10px;\r\n          height: 10px;\r\n          background-color: transparent;\r\n          border: 1px solid hsl(var(--black) / 0.4);\r\n          border-radius: 50%;\r\n\r\n        }\r\n        &:hover {\r\n          background-color: hsl(var(--base)/0.04);\r\n        }\r\n        .icon {\r\n          margin-right: 8px;\r\n          @extend .fs-15;\r\n          text-align: center;\r\n          border-radius: 4px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // Sidebar Submenu End\r\n}\r\n/* ============ User Profile Css Start ============ */\r\n\r\n/* Sidebar User Info Css */\r\n.sidebar-bottom {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid hsl(var(--border-color));\r\n  width: 100%;\r\n  padding: 20px 24px;\r\n  position: sticky;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: calc(300px - 1px);\r\n  background-color: hsl(var(--white));\r\n  align-self: flex-end;\r\n}\r\n.user-profile-info {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  &__icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    background-color: #F3F9FE;\r\n    @extend .fs-18;\r\n    border: 1px solid hsl(var(--black) / 0.1);\r\n  }\r\n  &__content {\r\n    width: calc(100% - 50px);\r\n    padding-left: 15px;\r\n  }\r\n\r\n  &__name {\r\n    margin-bottom: 0px;\r\n  }\r\n  &__desc {\r\n    color: hsl(var(--body-color));\r\n    font-size: 15px;\r\n  }\r\n}\r\n/* ========= User Profile Css End ============== */\r\n\r\n/* ================================= Dashboard Fulid Sidebar Css End =========================== */\r\n","/* ================= Slick Arrow & Dots css Start ================ */ \r\n.slick-initialized.slick-slider {\r\n    margin: 0 -10px;\r\n    .slick-track {\r\n        display: flex;\r\n    }\r\n    .slick-slide {\r\n        height: auto;\r\n        padding: 0 10px;\r\n        > div {\r\n            height: 100%;\r\n        }\r\n    }\r\n  }\r\n  \r\n  .slick-arrow {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    border: none;\r\n    color: hsl(var(--white));;\r\n    width: 60px;\r\n    height: 60px;\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    background-color: hsl(var(--base));\r\n    color: hsl(var(--white));;\r\n    font-size: 20px;\r\n    @include md-screen {\r\n      width: 50px;\r\n      height: 50px;\r\n      font-size: 16px;\r\n    }\r\n    @include msm-screen {\r\n      width: 45px;\r\n      height: 45px;\r\n    }\r\n     &:hover {\r\n      border-color: hsl(var(--base));\r\n      background-color: hsl(var(--base-two));\r\n    }\r\n  }\r\n  .slick-next {\r\n    right: -20px;\r\n    @include md-screen {\r\n      right: -10px;\r\n    }\r\n    @include msm-screen {\r\n      right: 10px;\r\n    }\r\n  }\r\n  .slick-prev {\r\n    left: -20px;\r\n    @include md-screen {\r\n      left: -10px;\r\n    }\r\n    @include msm-screen {\r\n      left: 10px;\r\n    }\r\n  }\r\n  \r\n  /* -------------- Slick Slider Arrow Style two ------------  */\r\n  .slick-arrow {\r\n    position: absolute;\r\n    z-index: 1;\r\n    border: none;\r\n    background-color: transparent;\r\n    color: hsl(var(--white));;\r\n    width: 32px;\r\n    height: 34px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 5px;\r\n    transition: .4s;\r\n    background-color:  hsl(var(--black));\r\n    color: hsl(var(--white));\r\n    top: -67px;\r\n    @include lg-screen {\r\n      top: -69px;\r\n    }\r\n    @include sm-screen {\r\n      top: auto; \r\n      bottom: -50px;\r\n      right: 50%;\r\n    }\r\n  }\r\n  .slick-arrow:hover {\r\n    background-color: hsl(var(--black));\r\n    color: hsl(var(--white));;\r\n  }\r\n  .slick-next {\r\n    right: 10px;\r\n    background-color:  hsl(var(--base));\r\n    @include sm-screen {\r\n      top: auto; \r\n      right: calc(50% + -37px);\r\n  \r\n    } \r\n  }\r\n  .slick-prev {\r\n    right: 52px;\r\n    @include sm-screen {\r\n      top: auto; \r\n      right: calc(50% - -5px);\r\n    }\r\n  }\r\n  /* Dots Css Start */ \r\n  .slick-dots {\r\n      text-align: center;\r\n      padding-top: 20px;\r\n      li {\r\n          display: inline-block;\r\n          button {\r\n              border: none;\r\n              background-color: hsl(var(--black));\r\n              color: hsl(var(--white));;\r\n              margin: 0 3px;\r\n              width: 8px;\r\n              height: 8px;\r\n              border-radius: 1px;\r\n              border-radius: 50%;\r\n              text-indent: -9999px;\r\n              transition: .3s linear;\r\n          }\r\n          &.slick-active button {\r\n              background-color: hsl(var(--base));\r\n              width: 25px;\r\n              border-radius: 5px;\r\n          }\r\n      }\r\n  }\r\n  /* Dots Css End */\r\n  /* ================= Slick Arrow & Dots css Start ================ */ \r\n  ","/* ================================= Start Rating Css Start =========================== */\r\n.rating-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    &__item {\r\n        padding: 0 1px;\r\n        color: #F5CE00;\r\n    }\r\n    &__text {\r\n        color: hsl(var(--body-color));\r\n    }\r\n}\r\n/* ================================= Start Rating Css End =========================== */","/* ================================= Dashboard Css Start =========================== */\r\n.dashboard {\r\n  position: relative;\r\n\r\n  &__right {\r\n    width: 100%;\r\n    margin-left: 300px;\r\n    background-color: #FAFAFA;\r\n\r\n    @include md-screen {\r\n      width: 100%;\r\n      margin-left: 0;\r\n    }\r\n  }\r\n\r\n  // ======================= Dashboard Header Start======================= \r\n  .dropdown {\r\n    display: inline-block !important;\r\n\r\n    @include sm-screen {}\r\n  }\r\n\r\n  .dashboard-header {\r\n    padding: 0 24px;\r\n    background-color: hsl(var(--white));\r\n    border-bottom: 1px solid hsl(var(--border-color));\r\n\r\n    @include xxl-screen {\r\n      padding: 0 40px;\r\n    }\r\n\r\n    @include xl-screen {\r\n      padding: 0 32px;\r\n    }\r\n\r\n    @include lg-screen {\r\n      padding: 0 24px;\r\n    }\r\n\r\n    @include sm-screen {\r\n      padding: 0 16px;\r\n    }\r\n\r\n    &__inner {\r\n      padding: 15px 0;\r\n      gap: 10px;\r\n\r\n      @include msm-screen {\r\n        display: block;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    &__right {\r\n      gap: 25px;\r\n\r\n      @include msm-screen {\r\n        justify-content: center;\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n\r\n    .bd-btn {\r\n      padding: 10px 25px;\r\n      background-color: hsl(var(--base)/.1);\r\n      color: hsl(var(--base));\r\n      border-radius: 5px;\r\n      font-weight: 600;\r\n      @extend .fs-16;\r\n\r\n      &:hover {\r\n        background-color: hsl(var(--base)/.2);\r\n      }\r\n\r\n      &:active {\r\n        position: relative;\r\n        top: 2px;\r\n      }\r\n\r\n      .icon {\r\n        margin-right: 5px;\r\n\r\n      }\r\n\r\n      &.support {\r\n        background-color: hsl(var(--primary)/.1);\r\n        color: hsl(var(--primary));\r\n\r\n        &:hover {\r\n          background-color: hsl(var(--primary)/.2);\r\n        }\r\n      }\r\n\r\n      &.logout {\r\n        background-color: hsl(var(--danger)/.1);\r\n        color: hsl(var(--danger));\r\n\r\n        &:hover {\r\n          background-color: hsl(var(--danger)/.2);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /* User Info Css Start */\r\n  .user-info {\r\n    position: relative;\r\n    text-align: center;\r\n\r\n    &__button {\r\n      position: relative;\r\n      padding-right: 20px;\r\n\r\n      &::before {\r\n        position: absolute;\r\n        content: \"\\f107\";\r\n        font-family: \"Font Awesome 5 Free\";\r\n        font-weight: 900;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: hsl(var(--black));\r\n        @extend .fs-14;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n\r\n    .user-info-dropdown {\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      transition: 0.25s linear;\r\n      background-color: hsl(var(--white));\r\n      box-shadow: 0px 5px 25px rgb(0 0 0 / 10%);\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(.95);\r\n      visibility: hidden;\r\n      opacity: 0;\r\n\r\n      &.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n\r\n      @include md-screen {\r\n        transform: unset !important;\r\n        top: 43px !important;\r\n      }\r\n\r\n      &__item {\r\n        &:last-child {\r\n          .user-info-dropdown__link {\r\n            border-bottom: 0 !important;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__link {\r\n        padding: 8px 16px !important;\r\n        color: #5d7387 !important;\r\n        margin-left: 0 !important;\r\n        width: 100%;\r\n        font-weight: 600;\r\n        text-align: left;\r\n        @extend .fs-15;\r\n        border-radius: 5px;\r\n\r\n        &.active {\r\n          background-color: hsl(var(--base));\r\n        }\r\n\r\n        &:hover {\r\n          background-color: hsl(var(--base)/.08);\r\n          color: hsl(var(--base)) !important;\r\n        }\r\n\r\n        .icon {\r\n          margin-right: 8px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__thumb {\r\n      width: 40px;\r\n      height: 40px;\r\n      overflow: hidden;\r\n      border-radius: 50px;\r\n      border: 1.5px solid #F5A200;\r\n    }\r\n\r\n    &__name {\r\n      margin-left: 10px;    \r\n      font-weight: 700;\r\n      color: hsl(var(--heading-color)); \r\n    }\r\n  }\r\n\r\n  /* User Info Css End */\r\n\r\n  // ======================= Dashboard Header End ======================= \r\n\r\n  // ========== Dashboard Body Start ===============\r\n  .dashboard-body {\r\n    position: relative;\r\n    padding: 45px 25px;\r\n    min-height: 100vh;\r\n\r\n    @include xxl-screen {\r\n      padding: 56px 40px;\r\n    }\r\n\r\n    @include xl-screen {\r\n      padding: 56px 32px;\r\n    }\r\n\r\n    @include lg-screen {\r\n      padding: 40px 24px;\r\n    }\r\n\r\n    @include sm-screen {\r\n      padding: 32px 16px;\r\n    }\r\n\r\n    &__bar {\r\n      &-icon {\r\n        color: hsl(var(--body-color));\r\n        font-size: 1.5625rem; //25px\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Dashboard Card\r\n  .dashboard-widget {\r\n    padding: 24px;\r\n    border-radius: 5px;\r\n    background-color: hsl(var(--white));\r\n    box-shadow: 0px 0px 20px rgb(231 231 231 / 40%);\r\n    transition: .25s ease-in-out;\r\n    border: 1.5px solid hsl(var(--base));\r\n    @include xl-screen {\r\n      padding: 16px;\r\n    }\r\n\r\n    @include sm-screen {\r\n      padding: 16px;\r\n    }\r\n\r\n    &__icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      background-color: hsl(var(--base)/.08);\r\n      color: hsl(var(--base));\r\n      border-radius: 5px;\r\n      font-size: 1.5rem;\r\n\r\n      img {\r\n        width: 32px;\r\n      }\r\n\r\n      @include msm-screen {\r\n        width: 40px;\r\n        height: 40px;\r\n        @include fs-16;\r\n      }\r\n    }\r\n\r\n    &__number {\r\n      margin-bottom: 0px;\r\n\r\n      &-amount {\r\n        color: hsl(var(--base));\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        font-family: var(--body-font);\r\n      }\r\n\r\n      &-value {\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n\r\n        i {\r\n          transform: rotate(315deg);\r\n        }\r\n      }\r\n    }\r\n\r\n    &__text {\r\n      color: hsl(var(--body-color)/0.7);\r\n      @extend .fs-18;\r\n      margin-bottom: 5px;\r\n      font-weight: 600;\r\n\r\n      @include msm-screen {\r\n        @include fs-13;\r\n      }\r\n    }\r\n\r\n    &__left {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  // ========== Dashboard Body End ==============\r\n  /* ================================= Dashboard Css End =========================== */\r\n}\r\n\r\n\r\n.notifi__inner-header {\r\n  padding: 15px 15px;\r\n  padding-top: 5px;\r\n  border-bottom: 1px solid hsl(var(--border-color));\r\n\r\n  .caption {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  p {\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n}\r\n\r\n.notifi__inner button i {\r\n  color: #5b6e88;\r\n  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.navbar-notifi {\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-wrap: wrap;\r\n  flex-wrap: wrap;\r\n  padding: 15px 15px;\r\n}\r\n\r\n.dropdown-menu__item {\r\n  border-bottom: 1px solid hsl(var(--border-color));\r\n  width: 100%;\r\n\r\n}\r\n\r\na.dropdown-menu__item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.navbar-notifi:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.navbar-notifi__left {\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  border-radius: 50%;\r\n}\r\n\r\n.navbar-notifi__right {\r\n  width: calc(100% - 40px);\r\n  padding-left: 10px;\r\n}\r\n\r\n.notifi__inner__footer .view-all-message {\r\n  font-size: 0.75rem;\r\n  display: block;\r\n  padding: 15px 15px;\r\n  text-align: center;\r\n  color: #34495e;\r\n  font-weight: 600;\r\n}\r\n\r\n.notifi__inner__footer {\r\n  border-top: 1px solid hsl(var(--border-color));\r\n}\r\n\r\n.navbar-notifi__right .notifi__title {\r\n  font-weight: 600;\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.dropdown-menu--md {\r\n  min-width: 18rem;\r\n}\r\n\r\n.navbar-notifi__right .time {\r\n  font-size: 0.875rem;\r\n  color: hsl(var(--base));\r\n}\r\n\r\n.notifi__inner_body {\r\n  max-height: 350px;\r\n  overflow-y: scroll;\r\n}\r\n\r\nspan.notifi-count-btn {\r\n  position: absolute;\r\n  content: '';\r\n  background: #F50000;\r\n  color: hsl(var(--white));\r\n  width: 16px;\r\n  height: 16px;\r\n  font-size: 10px;\r\n  border-radius: 50%;\r\n  font-weight: 700;\r\n  display: flex;\r\n  top: -8px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  right: -4px;\r\n  padding: 2px;\r\n}\r\n\r\n.edit-btn {\r\n  color: hsl(var(--heading-color));\r\n  padding: 10px;\r\n  background-color: transparent;\r\n  font-size: 20px;\r\n}\r\n\r\n\r\n// dashboard card design\r\n.dashbaord-card {\r\n  padding: 30px;\r\n  background: hsl(var(--white));\r\n  border-radius: 8px;\r\n  border: 1.5px solid hsl(var(--border-color));\r\n\r\n  @include msm-screen {\r\n    padding: 20px;\r\n  }\r\n\r\n  &__header {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .step-count {\r\n    color: hsl(var(--base));\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  &-box {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  &__success {\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n.dashboard-form label {\r\n  color: #88869A !important;\r\n}\r\n\r\n.add-box {\r\n  background-color: hsl(var(--base)/.08);\r\n  border-radius: 8px 8px 0px 0px;\r\n\r\n  &__header {\r\n    padding: 10px;\r\n    border-bottom: 1px solid hsl(var(--body-color) / 0.2);\r\n  }\r\n\r\n  &__title {\r\n    font-family: var(--body-font);\r\n\r\n    @include xl-screen {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  &__body {\r\n    padding: 30px 20px;\r\n  }\r\n\r\n  &__footer {\r\n    .btn {\r\n      border-radius: 0px 0px 8px 8px;\r\n    }\r\n  }\r\n}\r\n\r\n.new-form {\r\n  padding-top: 30px;\r\n  margin-top: 30px;\r\n  border-top: 1px solid hsl(var(--border-color));\r\n}\r\n\r\n// dashboard widgets style two design start here\r\n\r\n.dashboard-widget-two {\r\n  background: hsl(var(--white));\r\n  padding: 45px 40px;\r\n  border-radius: 8px;\r\n  border: 1.5px solid hsl(var(--base));\r\n\r\n  @include xxl-screen {\r\n    padding: 30px;\r\n  }\r\n\r\n  @include lg-screen {\r\n    padding: 20px;\r\n  }\r\n\r\n  &__thumb {\r\n    width: 100px;\r\n    height: 100px;\r\n\r\n    @include lg-screen {\r\n      width: 60px;\r\n      height: 60px;\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    padding-left: 40px;\r\n    width: calc(100% - 100px);\r\n\r\n    @include lg-screen {\r\n      padding-left: 20px;\r\n      width: calc(100% - 60px);\r\n    }\r\n  }\r\n\r\n  &__text {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: hsl(var(--body-color)/0.7);\r\n    margin-bottom: 15px;\r\n\r\n    @include lg-screen {\r\n      margin-bottom: 10px;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  &__number-amount {\r\n    color: hsl(var(--base));\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    font-family: var(--body-font);\r\n\r\n    @include xxl-screen {\r\n      font-size: 30px;\r\n    }\r\n\r\n    @include lg-screen {\r\n      font-size: 24px;\r\n    }\r\n\r\n    @include msm-screen {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n}\r\n\r\n.dashboard-deposits {\r\n  @include xsm-screen {\r\n    display: block !important;\r\n  }\r\n\r\n  &__left {\r\n    width: calc(100% - 175px);\r\n    padding-right: 50px;\r\n\r\n    @include xxl-screen {\r\n      padding-right: 10px;\r\n    }\r\n\r\n    @include xsm-screen {\r\n      width: 100%;\r\n      padding-right: 0px;\r\n    }\r\n  }\r\n\r\n  &__right-list {\r\n    padding: 15px;\r\n    background-color: hsl(var(--section-bg));\r\n    border: 1px dashed hsl(var(--body-color)/ 0.1);\r\n    border-radius: 8px;\r\n    max-height: 192px;\r\n    width: 175px;\r\n\r\n    @include xsm-screen {\r\n      width: 100%;\r\n    }\r\n\r\n    li {\r\n      color: hsl(var(--base));\r\n      margin-bottom: 15px;\r\n\r\n      &:last-child {\r\n        margin-bottom: 0px;\r\n      }\r\n\r\n      p {\r\n        color: #88869A;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n      }\r\n\r\n      span {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n  }\r\n}","/* =========================== Banner Section Start Here ========================= */\r\n.banner-section {\r\n    z-index: 1;\r\n    padding: 180px 0 180px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    @include lg-screen {\r\n        padding: 130px 0px 130px;\r\n    }\r\n\r\n    @include md-screen {\r\n        padding: 60px 0 60px;\r\n    }\r\n}\r\n\r\n.banner-content {\r\n    &__subtitle {\r\n        color: hsl(var(--heading-color));\r\n        font-size: 1.25rem;\r\n        margin-bottom: 20px;\r\n        @include msm-screen{\r\n            font-size: 1rem;\r\n        }\r\n        img{\r\n            @include msm-screen{\r\n                width: 25px;\r\n            }\r\n        }\r\n        @include msm-screen{\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n    &__title {\r\n        color: hsl(var(--heading-color));\r\n        font-size: 4.5rem;\r\n        margin-bottom: 25px;\r\n        @include xxl-screen {\r\n            font-size: 2.813rem;\r\n        }\r\n        @include sm-screen{\r\n            font-size: 2rem;            \r\n        }\r\n        @include msm-screen{\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n    &__desc {\r\n        max-width: 600px;\r\n        color: hsl(var(--heading-color) / .8);\r\n        font-size: 1.25rem;\r\n        margin-bottom: 30px;\r\n        @include sm-screen{\r\n            font-size: 1rem;\r\n        }\r\n        @include msm-screen{\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n    &__button {\r\n        margin-top: 25px;\r\n    }\r\n    &-thumb {\r\n        position: absolute;\r\n        right: 0px;\r\n        max-width: 830px;\r\n        bottom: 80px;\r\n        @include xxl-screen {\r\n            width: 50%;\r\n        }\r\n        @include md-screen {\r\n            position: relative;\r\n            right: -16%;\r\n            width: 100%;\r\n            bottom: 0;\r\n        }\r\n    }\r\n    &__client {\r\n        display: flex;\r\n        margin-top: 80px;\r\n        gap: 20px;\r\n        align-items: center;\r\n\r\n        @include xxl-screen {\r\n            margin-top: 50px;\r\n        }\r\n        @include msm-screen {\r\n            margin-top: 30px;\r\n            gap: 9px;\r\n        }\r\n        .thumb {\r\n            max-width: 270px;\r\n            @include msm-screen {\r\n                width: 100px;\r\n            }\r\n        }\r\n        .number {\r\n            p {\r\n                span {\r\n                    font-size: 2rem;\r\n                    color: hsl(var(--base-two));\r\n                    font-weight: 600;\r\n                    @include msm-screen{\r\n                        font-size: 1.25rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 900px) and (max-width: 991px){\r\n    .banner-content-thumb{\r\n        right: -21%;\r\n    }\r\n}\r\n\r\n@media (min-width: 680px) and (max-width: 767px){\r\n    .banner-content-thumb{\r\n        right: -21%;\r\n    }\r\n}\r\n\r\n\r\n/* =========================== Banner Section End Here ========================= */","/* ================================ Testimonails Section Css Start ============================= */\r\n.testimonials {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.testimonails-card{\r\n    padding-bottom: 20px;\r\n}\r\n.testimonial-item {\r\n    background-color: hsl(var(--section-bg));  \r\n    padding: 32px;\r\n    border-radius: 8px;\r\n    position: relative;\r\n    transition: 0.3s;\r\n    &:hover{\r\n        box-shadow: var(--box-shadow);\r\n    }\r\n    @include xsm-screen {\r\n        padding: 25px 15px;\r\n    }\r\n    &__info {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        margin-top: 18px;\r\n    }\r\n    &__thumb {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        @include xsm-screen {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n    }\r\n    &__details {\r\n        width: calc(100% - 60px);\r\n        padding-left: 20px;\r\n        @include xsm-screen {\r\n            width: calc(100% - 45px);\r\n            padding-left: 10px;\r\n        }\r\n    }\r\n    &__name {\r\n        margin-bottom: 0;\r\n        color: hsl(var(--black));\r\n    }\r\n    &__designation {\r\n        color: hsl(var(--body-color));\r\n        font-size: 1rem;\r\n    }\r\n    &__desc {\r\n        margin-top: 15px;\r\n        color: hsl(var(--body-color));\r\n        @include xsm-screen {\r\n            margin-top: 10px;\r\n            padding-top: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n [dir='rtl'] .slick-slide {\r\n    float: left !important;\r\n\r\n    .testimonial-item {\r\n        text-align: left;\r\n    }\r\n    \r\n    .rating-list {\r\n        justify-content: end;\r\n    }\r\n    .testimonial-item__info {\r\n        flex-direction: row-reverse;\r\n    }\r\n    \r\n}\r\n\r\n\r\n\r\n/* ================================ Testimonails Section Css End ============================= */","/* ================================= Blog Section Css Start Here ============================= */ \r\n.blog-item {    \r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    transition: 0.3s;\r\n    background-color: hsl(var(--section-bg));\r\n    &:hover {\r\n        box-shadow: var(--box-shadow);\r\n        .blog-item {\r\n            \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        overflow: hidden;\r\n        border-radius: 8px 8px 0px 0px;\r\n        max-height: 300px;\r\n        &-link {\r\n            width: 100%;\r\n            height: 100%;\r\n            img {\r\n                transition: .2s linear;\r\n            }\r\n        }\r\n    }\r\n    &__content {\r\n        background-color: hsl(var(--white)/.07); \r\n        padding: 24px;\r\n        height: 100%;\r\n        @include sm-screen {\r\n            padding: 30px 20px;\r\n        }\r\n        @include xsm-screen {\r\n            padding: 25px 15px;\r\n        }\r\n    }\r\n    &__title {\r\n        margin-top: 15px;\r\n        margin-bottom: 10px;\r\n        font-weight: 700;\r\n        @include msm-screen {\r\n            margin-top: 15px;\r\n        }\r\n        &-link {\r\n            color: hsl(var(--heading-color));\r\n            overflow:hidden;\r\n            text-overflow:ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            &:hover {\r\n                color: hsl(var(--base));\r\n            }\r\n        }\r\n    }\r\n    &__desc {\r\n        margin-bottom: 20px;\r\n        overflow:hidden;\r\n        text-overflow:ellipsis;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        -webkit-box-orient: vertical;\r\n        @include sm-screen {\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n}\r\n.btn--simple {\r\n    color: hsl(var(--heading-color));\r\n    &:hover {\r\n        color: hsl(var(--base));\r\n    }\r\n}\r\n\r\n/* Text Border Bottom Animation Css Start */\r\n.border-effect {\r\n    display: inline!important;\r\n    width: 100%;\r\n    background-repeat: no-repeat;\r\n    background-position-y: -2px;\r\n    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);\r\n    -webkit-transition: .6s cubic-bezier(.215,.61,.355,1);\r\n    -o-transition: .6s cubic-bezier(.215,.61,.355,1);\r\n    transition: .6s cubic-bezier(.215,.61,.355,1);\r\n    background-size: 0 100%;\r\n    -webkit-backface-visibility: hidden;\r\n    backface-visibility: hidden;\r\n}\r\n.border-effect:hover {\r\n    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);\r\n    background-size: 100% 100%;\r\n\r\n}\r\n/* Text Border Bottom Animation Css Ends */\r\n/* ================================= Blog Section Css End Here ================================= */","\r\n/* =========================================== Blog Details Css Start ==============================*/\r\n.blog-details {\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    box-shadow: 0px 2px 15px hsl(var(--white) /.25);\r\n    &__thumb {\r\n        height: 500px;\r\n        max-height: 100%;\r\n        @include md-screen {\r\n            height: 350px;\r\n        }\r\n        @include sm-screen {\r\n            height: 300px;\r\n        }\r\n    }\r\n    &__content {\r\n        padding: 35px 25px;\r\n        @include sm-screen {\r\n            padding: 30px 20px;\r\n        }\r\n        @include msm-screen {\r\n            padding: 25px 15px;\r\n        }\r\n    }\r\n    &__title {\r\n        margin-top: 20px;\r\n        margin-bottom: 15px;\r\n    }\r\n    &__desc {\r\n        margin-bottom: 15px;\r\n    }\r\n    .social-list {\r\n        &__link {\r\n            border: 1px solid hsl(var(--black)/0.1);\r\n            color: hsl(var(--body-color));\r\n            &:hover {\r\n                border-color: hsl(var(--base));\r\n                color: hsl(var(--white));\r\n            }\r\n        }\r\n    }\r\n}\r\n.quote-text {\r\n    background-color: hsl(var(--base) / .1);\r\n    padding: 30px 20px;\r\n    border-radius: 5px;\r\n    border-left: 3px solid hsl(var(--base));\r\n    margin-bottom: 20px;\r\n    @include sm-screen {\r\n        padding: 25px 15px;\r\n    }\r\n}\r\n/* ========================================== Blog Details Css End ======================================*/","/* =========================================== Account Css Start =========================*/\r\n\r\n.account-form  {\r\n    position: relative;\r\n    background-color: hsl(var(--section-bg));\r\n    padding: 70px 80px;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n   &:before {\r\n        position: absolute;\r\n        top: 0px;\r\n        left: 0px;\r\n        content: \"\";\r\n        width: 123px;\r\n        height: 352px;\r\n        background-color: #3100F5;\r\n        filter: blur(188px);\r\n        border-radius: 50%;\r\n        z-index: -1;\r\n        opacity: 0.4;\r\n    }\r\n    &:after {\r\n        position: absolute;\r\n        bottom: 0px;\r\n        right: 0px;\r\n        content: \"\";\r\n        width: 123px;\r\n        height: 300px;\r\n        background-color: #F59300;\r\n        filter: blur(188px);\r\n        border-radius: 50%;\r\n        z-index: -1;\r\n        opacity: 0.4;\r\n    }\r\n    @include lg-screen {\r\n        padding: 40px 30px;\r\n    }\r\n    @include md-screen {\r\n        padding: 35px 25px;\r\n    }\r\n    @include sm-screen {\r\n        padding: 30px 20px;\r\n    }\r\n    @include xsm-screen {\r\n        padding: 30px 15px;\r\n    }\r\n}\r\n\r\n.signup-btn{\r\n    img{\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n}\r\n/* ============================================ Account Css End ====================================*/","/* =========================================== contact Css Start =========================*/\r\n.contact-content{\r\n    &__list{\r\n        li{\r\n            margin-bottom: 20px;\r\n            font-size: 18px;\r\n            color: hsl(var(--heading-color));\r\n            &:last-child{\r\n                margin-bottom: 0px;\r\n            }\r\n            a{\r\n                color: hsl(var(--heading-color));\r\n                transition: 0.3s;\r\n                &:hover{\r\n                    color: hsl(var(--base));\r\n                }\r\n            }\r\n            img{\r\n                margin-right: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.faq-content{\r\n    &__bottom{\r\n        h5{\r\n            color: hsl(var(--body-color));\r\n            font-family: var(--body-font);\r\n            font-weight: 700;\r\n        }\r\n        a{\r\n            text-decoration: underline;\r\n            font-size: 18px;\r\n        }\r\n    }\r\n}\r\n/* =========================================== contact Css End =========================*/\r\n"]
}