{"version":3,"sources":["abstracts/_variables.scss","base/_reset.scss","abstracts/_mixins.scss","base/_base.scss","base/_color.scss","base/_bg.scss","base/_spacing.scss","base/_extend.scss","base/_list-style.scss","base/_typography.scss","components/_buttons.scss","components/_badge.scss","components/_table.scss","components/_form.scss","components/_card.scss","components/_modal.scss","components/_pagination.scss","components/_keyframes.scss","components/_section-header.scss","components/_social.scss","components/_ticket.scss","components/_profile.scss","layout/_header.scss","layout/_footer.scss","layout/_sidebar.scss","sections/_hero.scss","sections/_sections.scss","sections/_account.scss","sections/_dashboard.scss"],"names":[],"mappings":"AAAQ;AAER;EAEC;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AACA;EACC;;;AAQF;AAAA;AAAA;AAAA;EAIC;;;ACHC;EDOD;AAAA;IAEC;;;AEnCF;ACFA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAED;EACC;;;AC7BD;AACA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;AF1BA;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AGtDD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAID;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;ACvHD;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAQD;AAAA;AAAA;AAAA;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AASD;EACC;EACA;EACA;EACA;EACA;;;ACvDA;EAEC;;;AAGA;EACC;EACA;EACA;EACA;;;AACA;EACC;;;AACA;EACC;EACA;;;AAGF;EACC;;;AACA;EACC;;;AAGF;EAEC;EACA;;;AAKF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACC;EACA;EACA;;;AACA;EAEC;EACA;EACA;EACA;;;ANlCF;EMwCC;IACC;;;ANjCF;EMuCC;IACC;;;ANhCF;EMsCC;IACC;;;AN/BF;EMqCC;IACC;;;ACtFJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;;AAED;EACC;;;AP8BC;EO/BF;IAGE;;;APoBA;EOvBF;IAME;;;APSA;EOfF;IASE;;;APFA;EOPF;IAYE;;;AAGF;EACC;;;APeC;EOhBF;IAGE;;;APHA;EOAF;IAME;;;APdA;EOQF;IASE;;;AAIF;EACC;;;APdC;EOaF;IAGE;;;APxBA;EOqBF;IAME;;;AAGF;EACC;EACA;;;APRC;EOMF;IAIE;;;APlCA;EO8BF;IAOE;;;AAGF;EACC;EACA;;;APlBC;EOgBF;IAIE;;;AAGF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;APpEC;EOmEF;IAGE;;;AAGF;EACC;;;AP1DC;EOyDF;IAGE;;;AAGF;EACC;;;APxFC;EOuFF;IAGE;;;APlEA;EO+DF;IAME;;;ACrHF;AAAA;EAEC;EACA;EACA;EACA;EAEA;EACA;;;AACA;AAAA;EACC;EACA;;;ARiCA;EQnCD;AAAA;IAIE;;;AAGF;AAAA;EACC;EACA;;;AAED;AAAA;EACC;EACA;;;AAED;AAAA;EACC;EACA;;;AAOD;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AANF;EACC;EACA;EACA;;;AACA;EAEC;;;AAIH;EACC;;;AAIA;EACC;EACA;;;AACA;EACC;EACD;EACA;;;AAGD;EAEC;EACA;EACA;;;AAKD;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAPF;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAIH;EACC;EACA;;;AC/ED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AACA;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAQD;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;AALF;EACC;EACA;EACA;;;AACA;EACC;;;ACrEH;EACC;EACA;EACA;EACA;;;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;;;AAED;EACC;EACA;;;AAKJ;EACC;;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAMH;EACC;;;AVnBD;EU0BA;IACC;;;EAGA;IACC;;;EACA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AVhCH;EUwBE;IAUE;;;AV1CJ;EU4CG;IACC;;;AV7CJ;EU+CG;IACC;;;AVhDJ;EUmDE;IACC;;;AVxDH;EUgEE;IACC;;;AVrDH;EU6DA;IACC;;;EAGA;IACC;;;EACA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AV3EH;EUmEE;IAUE;;;AV7EJ;EU+EG;IACC;;;AVhFJ;EUkFG;IACC;;;AVnFJ;EUsFE;IACC;;;AV3FH;EUmGE;IACC;;;AVxFH;EUgGA;IACC;;;EAGA;IACC;;;EACA;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AVtHH;EU8GE;IAUE;;;AVhHJ;EUkHG;IACC;;;AVnHJ;EUqHG;IACC;;;AVtHJ;EUyHE;IACC;;;AV9HH;EUsIE;IACC;;;ACvLL;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;;;AAIF;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGA;EACC;;;AAIH;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;;;AAGD;EACC;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGE;EACC;EACA;;;AAED;EACC;;;AAKJ;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;EACC;;;AACA;EACC;;;AAGE;EACC;EACA;;;AAKJ;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;AC5IA;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AACA;AAAA;EACC;EACA;;;AAGF;AAAA;EAEC;EACA;;;AZUC;EYbF;AAAA;IAKE;;;AZQA;EYbF;AAAA;IAQE;;;AAGF;EACC;EACA;EACA;;;AZDC;EYFF;IAKE;;;AZZA;EYOF;IAQE;;;AAIF;AAAA;EAEC;;;AZJC;EYEF;AAAA;IAIE;;;AZdA;EYUF;AAAA;IAOE;;;AZ1BA;EYmBF;AAAA;IAUE;;;AAGF;EACC;;;AZhBC;EYeF;IAGE;;;AZ1BA;EYuBF;IAME;;;AZtCA;EYgCF;IASE;;;AAIF;AAAA;EAEC;;;AAED;EACC;;;ACrED;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;;;ACjBD;EAEC;EACA;;;AACA;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;;;AAGF;EACC;;;AACA;EACC;EACA;EACA;;;AC9BJ;EACC;IACC;;EAED;IACC;;;AAGF;EACC;IACC;;EAED;IACC;;;AAGF;EACC;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;;AAIF;EACC;IACC;;EAED;IACC;;EAED;IACC;;;ACvCF;EACC;;;AhB+BC;EgBhCF;IAGE;;;AAED;EACC;;;AACA;EACC;;;AACA;EAEa;EACZ;EACY;;;AAIf;EACC;EACA;;;AAED;EACC;;;AhB0BA;EgB3BD;IAGE;;;ACvBH;EACI;;;AAEF;EACU;;;AAKT;EACC;EACA;EAEA;EACA;;;AAKF;EACC;;;ACrBH;EACC;EACA;EACA;;;AACA;EACC;EACA;;;AlB8BA;EkBhCD;IAIE;;;AlBWD;EkBfD;IAOE;;;AAGF;EACC;;;AlBqBA;EkBtBD;IAGE;;;AlBED;EkBLD;IAME;;;ACpBH;EACI;EACA;EACA;;;ACFJ;EACC;EACA;EACA;EACA;;;AAEA;EACC;EACA;EACA;;;AAGF;EAEC;EACA;;;ApBQC;EoBXF;IAKE;;;AAID;EACC;EACA;;;ApB4BA;EoB9BD;IAIE;IACA;;;ApBSD;EoBdD;IAQE;;;ApBFD;EoBND;IAWE;;;AAMH;EAEC;EACA;EACA;;;ApBHC;EoBMC;IAEE;;;AAIH;EACC;;;AAID;EACC;;;ApBlBD;EoBgBD;IAKE;;;AAID;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AACA;EAEC;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;EACA;EACA;;;AACA;EACC;;;AAED;EACC;EACA;;;AAIH;EACC;EACA;EACA;EACA;;;ApB7DA;EoBmED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IpBhHD;IoBkHC;IACA;IACA;IACA;IACA;;;EACA;IACC;IACA;;;EACA;IACC;;;EAED;IACC;IACA;IACA;IACA;IACA;IpB1IH;IACA;IACA;IACA;IoByIG;;;EACA;IACC;;;EAIH;IACC;IACA;IACA;;;EAGD;IACC;IACA;IACA;IACA;IACA;;;EAIA;IACC;;;ApBxHF;EoBiIA;IACC;;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EACA;IACC;;;EAGA;IACC;;;EAGF;IACC;IACA;IACA;;;EACA;IACC;;;EAED;IACC;IACA;;;EAIC;IACC;;;EAML;IACC;IACA;;;AAKF;EACC;EACA;;;AAEC;EACC;;;AACA;EACC;EACA;;;AAED;EACC;EACA;;;AAIH;EACC;EACA;EACA;EACA;EACA;;;AACA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;ACrQH;EACC;EACA;;;AAED;EACC;;;AAGA;EACO;;;AACN;EACC;;;ArBgBD;EqBdc;IACI;;;AAIR;EACI;;;AACA;EACI;;;ACtBpB;EACC;EACA;EAEA;EACA;;;AAGA;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AtByCA;EsB3CD;IAIE;;;AAMF;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;;;AAMF;EACC;;;AAED;EAEC;;;AAED;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;;;AClDH;EACC;;;AvB0DC;EuB3DF;IAGE;;;AvBwCA;EuB3CF;IAME;;;AvBqBA;EuB3BF;IASE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EAEC;EACA;;;AAIF;EACC;;;AvBkBC;EuBnBF;IAGE;;;AvBQA;EuBXF;IAME;IACA;IACA;;;AAGA;EACC;;;AvBGD;EuBAD;IAEE;;;AAIH;EACC;EACA;EACA;;;AvBLC;EuBEF;IAKE;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AvBVC;EuBEF;IAUE;;;AAGF;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAKD;EACC;;;AvB1DC;EuByDF;IAGE;;;AvBpEA;EuBiEF;IAME;;;AAED;EACC;EACA;;;AAED;EAEC;;;AC1GF;EACC;EACA;;;AACA;EACC;EACA;EACA;EAEA;;;AAED;EACC;;;AAGF;EACC;;;AACA;EACC;EACA;;;AAGF;EACC;;;AAED;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAGF;EACC;EACA;;;AxBhBA;EwBcD;IAIE;IACA;IACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAQF;EAEC;EACA;EACA;;;AAED;EACC;EACA;;;AAGF;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AxB3BA;EwBoBD;IASE;IACA;IACA;;;AAED;EAEC;EACA;EACA;;;AAGF;EACC;;;AxBzCA;EwBwCD;IAGE;;;AAOH;EACC;EACA;EACA;EACA;EACA;;;AxBvFC;EwBkFF;IAOE;IACA;IACA;IACA;IACA;;;AAMF;EACC;EACA;EACA;EACA;;;AxBvGC;EwBmGF;IAME;;;AxBjFA;EwB2EF;IASE;;;AxB5EA;EwBmEF;IAYE;;;AAED;EACC;;;AACA;EACC;EACA;EACA;EACA;EAEA;EACA;;;AAED;EACC;EACA;;;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AxB/GF;EwBoGA;IAcE;;;AxB1GF;EwB4FA;IAiBE;;;AAIH;EACC;;;AAED;EACC;;;AAEC;EACC;;;AAED;AAAA;EAEC;;;AAED;EACC;;;AAID;EACC;;;AACA;EACC;;;AAIH;EACC;EACA;;;AAOH;EACC;EACA;EAEA;EACA;EACA;;;AxBjKC;EwB2JF;IAQE;IACA;;;AxB5KA;EwBmKF;IAYE;;;AxB3KA;EwB+JF;IAeE;;;AxBlLA;EwBoLD;IAGE;IACA;IACA;;;AAGF;EACC;;;AxB7LA;EwB4LD;IAGE;;;EACA;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;AAID;EACC;;;AxBtOF;EwB4MD;IA8BE;;;EAGC;IACC;;;AAML;EACC;EACA;EACA;EACA;;;AxB5NC;EwBwNF;IAME;;;AAED;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AxBjPA;EwBoOD;IAeE;IACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;;;AxB5PA;EwBuPD;IAOE;IACA;;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEA;EACC;EACA;;;AxBzRA;EwB2QF;IAiBE;IACA;IACA;;;AxB1SA;EwBuRF;IAuBE;;;AAED;EACC;;;AxBjTA;EwBgTD;IAGE;;;AAOH;EACC;;;AACA;EAEC;;;AAED;EACC;EACA;;;AAID;EACC;;;AAED;EACC;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAED;EAEC;EACA;EACA;;;AACA;EACC;EACA;;;AACA;EACC;EACA;;;AAIH;EACC;EACA;;;AAOD;EACC;;;AAGA;EACC;;;AAMC;EACC;;;AAKJ;EACC;EACA;;;AxBvZA;EwBqZD;IAIE;;;AAED;EACC;EACA;;;AACA;EAEC;EACA;EACA;EACA;EACA;;;AAKH;EACC;EACA;EACA;;;AxBnaA;EwBgaD;IAKE;;;AAKF;EACC;;;AAED;EACC;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;;;AxB7bA;EwB4bD;IAGE;;;AAQF;EAEC;;;AAED;EACC;EACA;;;AAGF;EACC;EACA;;;AACA;EACC;EACA;;;AAED;EACC;;;AxBxdA;EwBudD;IAGE;IACA;IACA;;;AAIH;EACC;EACA;EACA;EACA;;;AACA;EACC;EACA;;;AAGF;EACC;EACA;EACA;EACA;;;AACA;EACC;EACA;;;AAQA;EACC;EACA;;;AAGF;EACC;EACA;;;AxBhgBA;EwB8fD;IAIE;;;AAED;EACC;;;AACA;EAEC;;;AAQJ;EACC;;;AxBjhBC;EwBghBF;IAGE;;;AAGF;EACC;EACA;;;AACA;EACC;EACA;EACA;;;AAED;EACC;;;AAGF;EACC;EACA;EACA;;;AxB7gBC;EwB0gBF;IAKE;;;AxBviBA;EwBkiBF;IAQE;;;ACrkBF;EAEC;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AzBqCA;EyB5CD;IASE;IACA;;;AzBUD;EyBpBD;IAaE;;;AzBDD;EyBZD;IAgBE;;;AAED;EACC;;;AzByBD;EyB1BA;IAGE;IACA;;;ACrCJ;EACC;EACA;EAEA;EACA;;;AACA;EACC;EACA;EAEA;EACA;;;AAED;EACC;EACA","file":"main.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Anek+Latin:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500&display=swap\");\r\n\r\n:root {\r\n\t// Fonts\r\n\t--heading-font: \"Anek Latin\", sans-serif;\r\n\t--body-font: \"Open Sans\", sans-serif;\r\n\r\n\t//Colors\r\n\t--heading: 232 33% 31%;\r\n\t--body: 223 22% 41%;\r\n\t--border: 0 0% 90%;\r\n\r\n\t// Base Color Shade\r\n\t--base-h: 342;\r\n\t--base-s: 100%;\r\n\t--base-l: 55%;\r\n\t--base: var(--base-h) var(--base-s) var(--base-l);\r\n\r\n\t\r\n\t--base-100: var(--base-h) var(--base-s) calc(var(--base-l) + 20%);\r\n\t--base-200: var(--base-h) var(--base-s) calc(var(--base-l) + 15%);\r\n\t--base-300: var(--base-h) var(--base-s) calc(var(--base-l) + 10%);\r\n\t--base-400: var(--base-h) var(--base-s) calc(var(--base-l) + 5%);\r\n\t--base-500: var(--base-h) var(--base-s) calc(var(--base-l) - 5%);\r\n\t--base-600: var(--base-h) var(--base-s) calc(var(--base-l) - 8%);\r\n\t--base-700: var(--base-h) var(--base-s) calc(var(--base-l) - 10%);\r\n\t--base-800: var(--base-h) var(--base-s) calc(var(--base-l) - 15%);\r\n\t--base-900: var(--base-h) var(--base-s) calc(var(--base-l) - 20%);\r\n\t\r\n\t--gradient-base: linear-gradient(215deg, hsl(var(--base)) 10%, hsl(Var(--base-700)) 100%);\r\n\r\n\t// Accent Color Shade\r\n\t--accent-h: 256;\r\n\t--accent-s: 79%;\r\n\t--accent-l: 15%;\r\n\t--accent-50: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 25%);\r\n\t--accent-100: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 20%);\r\n\t--accent-200: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 15%);\r\n\t--accent-300: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 10%);\r\n\t--accent-400: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 5%);\r\n\t--accent: var(--accent-h) var(--accent-s) var(--accent-l);\r\n\t--accent-600: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 5%);\r\n\t--accent-700: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 10%);\r\n\t--accent-800: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 15%);\r\n\t--accent-900: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 20%);\r\n\r\n\r\n\t--primary: 245 48% 50%;\r\n\t--secondary: 210 7% 56%;\r\n\t--success: 147 67% 47%;\r\n\t--danger: 360 78% 62%;\r\n\t--warning: 29 100% 63%;\r\n\t--info: 200 90% 53%;\r\n\t--dark: 206 70% 11%;\r\n\t--white: 0 0% 100%;\r\n\r\n\t// Light Color Shade\r\n\t--light-h: 210;\r\n\t--light-s: 29%;\r\n\t--light-l: 97%;\r\n\t--light-50: var(--light-h) var(--light-s) calc(var(--light-l) + 33%);\r\n\t--light-100: var(--light-h) var(--light-s) calc(var(--light-l) + 20%);\r\n\t--light-200: var(--light-h) var(--light-s) calc(var(--light-l) + 15%);\r\n\t--light-300: var(--light-h) var(--light-s) calc(var(--light-l) + 10%);\r\n\t--light-400: var(--light-h) var(--light-s) calc(var(--light-l) + 2%);\r\n\t--light: var(--light-h) var(--light-s) var(--light-l);\r\n\t--light-600: var(--light-h) var(--light-s) calc(var(--light-l) - 2%);\r\n\t--light-700: var(--light-h) var(--light-s) calc(var(--light-l) - 10%);\r\n\t--light-800: var(--light-h) var(--light-s) calc(var(--light-l) - 15%);\r\n\t--light-900: var(--light-h) var(--light-s) calc(var(--light-l) - 20%);\r\n}\r\n","html {\r\n\tscroll-behavior: smooth;\r\n}\r\nbody {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tcolor: hsl(var(--body));\r\n\tline-height: 1.7;\r\n\tfont-family: var(--body-font);\r\n}\r\np {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\na {\r\n\ttext-decoration: none;\r\n\tcolor: hsl(var(--body));\r\n\t&:hover {\r\n\t\tcolor: hsl(var(--base));\r\n\t}\r\n}\r\na,\r\nimg,\r\n.name {\r\n\t@extend %transition;\r\n}\r\nspan,\r\nsub,\r\nsup,\r\na {\r\n\tdisplay: inline-block;\r\n}\r\n\r\n@include breakpoint(max-sm) {\r\n\t.container,\r\n\t.container-fluid {\r\n\t\tmax-width: 450px;\r\n\t}\r\n}\r\n","// Color Mixin\r\n@mixin t-wrap {\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n}\r\n\r\n//   transition\r\n@mixin transition {\r\n\ttransition: all ease 0.3s;\r\n}\r\n\r\n@mixin breakpoint($point) {\r\n\t@if $point==xs {\r\n\t\t@media (min-width: 320px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-xs {\r\n\t\t@media (max-width: 450px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n\t@if $point==sm {\r\n\t\t@media (min-width: 576px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-sm {\r\n\t\t@media (max-width: 575px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==md {\r\n\t\t@media (min-width: 768px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-md {\r\n\t\t@media (max-width: 767px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==lg {\r\n\t\t@media (min-width: 992px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-lg {\r\n\t\t@media (max-width: 991px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==xl {\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-xl {\r\n\t\t@media (max-width: 1199px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==xxl {\r\n\t\t@media (min-width: 1400px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-xxl {\r\n\t\t@media (max-width: 1399px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// media query mixin\r\n@mixin min($value) {\r\n\t@media (min-width: $value) {\r\n\t\t@content;\r\n\t}\r\n}\r\n@mixin max($value) {\r\n\t@media (max-width: $value) {\r\n\t\t@content;\r\n\t}\r\n}\r\n","@import \"./_reset\";\r\n\r\n/* global css strat */\r\n@import \"./_color\";\r\n@import \"./_bg\";\r\n\r\n.bg_img {\r\n\tbackground-position: center;\r\n\tbackground-size: cover !important;\r\n\tbackground-repeat: no-repeat !important;\r\n}\r\n.bg_fixed {\r\n\tbackground-attachment: fixed !important;\r\n}\r\nul {\r\n\tlist-style: none;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\n.overlay {\r\n\tposition: fixed;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tz-index: -999;\r\n\t&.active {\r\n\t\tz-index: 111;\r\n\t}\r\n}\r\n\r\n.scrollToTop {\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tcolor: hsl(var(--white));\r\n\tz-index: 9999;\r\n\tbottom: 30px;\r\n\tright: 30px;\r\n\tfont-size: 18px;\r\n\tposition: fixed;\r\n\ttransform: translateY(150px);\r\n\tbackground: hsl(var(--base));\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.scrollToTop:hover {\r\n\tcolor: hsl(var(--white));\r\n}\r\n\r\n.scrollToTop.active {\r\n\ttransform: translateY(0);\r\n\tanimation: bounceInDown 2s;\r\n}\r\n",".text--primary {\r\n\tcolor: hsl(var(--primary)) !important;\r\n}\r\n.text--secondary {\r\n\tcolor: hsl(var(--secondary)) !important;\r\n}\r\n.text--success {\r\n\tcolor: hsl(var(--success)) !important;\r\n}\r\n.text--danger {\r\n\tcolor: hsl(var(--danger)) !important;\r\n}\r\n.text--warning {\r\n\tcolor: hsl(var(--warning)) !important;\r\n}\r\n.text--info {\r\n\tcolor: hsl(var(--info)) !important;\r\n}\r\n.text--dark {\r\n\tcolor: hsl(var(--dark)) !important;\r\n}\r\n.text--muted {\r\n\tcolor: hsl(var(--muted)) !important;\r\n}\r\n\r\n.text--base {\r\n\tcolor: hsl(var(--base)) !important;\r\n}\r\n.text--body {\r\n\tcolor: hsl(var(--body)) !important;\r\n}\r\n","/* background color css start */\r\n.bg--primary {\r\n\tbackground-color: hsl(var(--primary)) !important;\r\n}\r\n.bg--secondary {\r\n\tbackground-color: hsl(var(--secondary)) !important;\r\n}\r\n.bg--success {\r\n\tbackground-color: hsl(var(--success)) !important;\r\n}\r\n.bg--danger {\r\n\tbackground-color: hsl(var(--danger)) !important;\r\n}\r\n.bg--warning {\r\n\tbackground-color: hsl(var(--warning)) !important;\r\n}\r\n.bg--info {\r\n\tbackground-color: hsl(var(--info)) !important;\r\n}\r\n.bg--dark {\r\n\tbackground-color: hsl(var(--dark)) !important;\r\n}\r\n.bg--light {\r\n\tbackground-color: hsl(var(--light)) !important;\r\n}\r\n\r\n.bg--base {\r\n\tbackground-color: hsl(var(--base)) !important;\r\n}\r\n.bg--accent {\r\n\tbackground-color: hsl(var(--accent)) !important;\r\n}\r\n/* background color css end */\r\n","// Padding Top\r\n.pt-120 {\r\n\tpadding-top: clamp(70px, 6vw, 120px);\r\n}\r\n.pt-100 {\r\n\tpadding-top: clamp(55px, 6vw, 100px);\r\n}\r\n.pt-80 {\r\n\tpadding-top: clamp(50px, 6vw, 80px);\r\n}\r\n.pt-60 {\r\n\tpadding-top: clamp(40px, 6vw, 60px);\r\n}\r\n.pt-50 {\r\n\tpadding-top: clamp(35px, 6vw, 50px);\r\n}\r\n\r\n// Padding Bottom\r\n.pb-120 {\r\n\tpadding-bottom: clamp(70px, 6vw, 120px);\r\n}\r\n.pb-100 {\r\n\tpadding-bottom: clamp(55px, 6vw, 100px);\r\n}\r\n.pb-80 {\r\n\tpadding-bottom: clamp(50px, 6vw, 80px);\r\n}\r\n.pb-60 {\r\n\tpadding-bottom: clamp(40px, 6vw, 60px);\r\n}\r\n.pb-50 {\r\n\tpadding-bottom: clamp(35px, 6vw, 50px);\r\n}\r\n\r\n.mt-10 {\r\n\tmargin-top: 10px;\r\n}\r\n\r\n.mt-15 {\r\n\tmargin-top: 15px;\r\n}\r\n\r\n.mt-20 {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.mt-25 {\r\n\tmargin-top: 25px;\r\n}\r\n\r\n.mt-30 {\r\n\tmargin-top: 30px;\r\n}\r\n\r\n.mt-35 {\r\n\tmargin-top: 35px;\r\n}\r\n\r\n.mt-40 {\r\n\tmargin-top: 40px;\r\n}\r\n\r\n.mt-45 {\r\n\tmargin-top: 45px;\r\n}\r\n\r\n.mt-50 {\r\n\tmargin-top: 50px;\r\n}\r\n\r\n.mt-55 {\r\n\tmargin-top: 55px;\r\n}\r\n\r\n.mt-60 {\r\n\tmargin-top: 60px;\r\n}\r\n\r\n.mb-10 {\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.mb-15 {\r\n\tmargin-bottom: 15px;\r\n}\r\n\r\n.mb-20 {\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.mb-25 {\r\n\tmargin-bottom: 25px;\r\n}\r\n\r\n.mb-30 {\r\n\tmargin-bottom: 30px;\r\n}\r\n\r\n.mb-35 {\r\n\tmargin-bottom: 35px;\r\n}\r\n\r\n.mb-40 {\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.mb-45 {\r\n\tmargin-bottom: 45px;\r\n}\r\n\r\n.mb-50 {\r\n\tmargin-bottom: 50px;\r\n}\r\n\r\n.mb-55 {\r\n\tmargin-bottom: 55px;\r\n}\r\n\r\n.mb-60 {\r\n\tmargin-bottom: 60px;\r\n}\r\n","%flex {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n}\r\n%f-center {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n%t-center {\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}\r\n%p-set {\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\ttop: 0;\r\n}\r\n%p {\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n%transition {\r\n\ttransition: all 0.3s;\r\n}\r\n%t-wrap {\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n}\r\n%line-ico {\r\n\tposition: absolute;\r\n\tfont-weight: 900;\r\n\tfont-size: 16px;\r\n\tfont-family: \"Line Awesome Free\";\r\n}\r\n%font-ico {\r\n\tposition: absolute;\r\n\tfont-weight: 900;\r\n\tfont-size: 16px;\r\n\tfont-family: \"Font Awesome 5 Free\";\r\n}\r\n\r\n%gradient-color {\r\n\t-webkit-text-fill-color: transparent;\r\n\t-moz-text-fill-color: transparent;\r\n\t-webkit-background-clip: text;\r\n\t-moz-background-clip: text;\r\n\tbackground-clip: text;\r\n}\r\n",".list {\r\n\t&.list-column {\r\n\t\t@extend %flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\t&.list-style-check {\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 7px 0;\r\n\t\t\tpadding-left: 28px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\t&.active {\r\n\t\t\t\tcolor: hsl(var(--heading));\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\\f00c\";\r\n\t\t\t\t\tcolor: hsl(var(--success));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&.disabled {\r\n\t\t\t\tcolor: hsl(var(--body) / 0.65);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\\f00d\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&::before {\r\n\t\t\t\t@extend %line-ico;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 6px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-style-one {\r\n\t\tli {\r\n\t\t\tpadding: 6px 0;\r\n\t\t\tpadding-left: 25px;\r\n\t\t\tposition: relative;\r\n\t\t\t&::before {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 10px;\r\n\t\t\t\theight: 10px;\r\n\t\t\t\ttop: 12px;\r\n\t\t\t\tbackground-color: hsl(var(--base));\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-style-two {\r\n\t\tli {\r\n\t\t\tpadding: 6px 0;\r\n\t\t\tpadding-left: 25px;\r\n\t\t\tposition: relative;\r\n\t\t\t&::before {\r\n\t\t\t\t@extend %line-ico;\r\n\t\t\t\tcontent: \"\\f101\";\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttop: 6px;\r\n\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-50-sm {\r\n\t\t@include breakpoint(sm) {\r\n\t\t\tli {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-50-md {\r\n\t\t@include breakpoint(md) {\r\n\t\t\tli {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-50-lg {\r\n\t\t@include breakpoint(lg) {\r\n\t\t\tli {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.list-50-xl {\r\n\t\t@include breakpoint(xl) {\r\n\t\t\tli {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tmargin: 0;\r\n\tfont-weight: 600;\r\n\tline-height: 1.25;\r\n\tcolor: hsl(var(--heading));\r\n\tfont-family: var(--heading-font);\r\n\tword-break: break-word;\r\n}\r\nh1 > a,\r\nh2 > a,\r\nh3 > a,\r\nh4 > a,\r\nh5 > a,\r\nh6 > a {\r\n\tcolor: hsl(var(--heading));\r\n}\r\nh1 {\r\n\tfont-size: 56px;\r\n\t@include breakpoint(max-xl) {\r\n\t\tfont-size: 50px;\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\tfont-size: 48px;\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\tfont-size: 42px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tfont-size: 36px;\r\n\t}\r\n}\r\nh2 {\r\n\tfont-size: 42px;\r\n\t@include breakpoint(max-xl) {\r\n\t\tfont-size: 40px;\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\tfont-size: 36px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tfont-size: 32px;\r\n\t}\r\n}\r\n\r\nh3 {\r\n\tfont-size: 30px;\r\n\t@include breakpoint(max-md) {\r\n\t\tfont-size: 28px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tfont-size: 24px;\r\n\t}\r\n}\r\nh4 {\r\n\tfont-size: 24px;\r\n\tfont-weight: 500;\r\n\t@include breakpoint(max-xl) {\r\n\t\tfont-size: 22px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tfont-size: 20px;\r\n\t}\r\n}\r\nh5 {\r\n\tfont-size: 20px;\r\n\tfont-weight: 500;\r\n\t@include breakpoint(max-xl) {\r\n\t\tfont-size: 18px;\r\n\t}\r\n}\r\nh6 {\r\n\tfont-size: 18px;\r\n\tfont-weight: 500;\r\n}\r\n\r\n.fw-medium {\r\n\tfont-weight: 500 !important;\r\n}\r\n\r\n.fs--13px {\r\n\tfont-size: 12px;\r\n}\r\n.fs--13px {\r\n\tfont-size: 13px;\r\n}\r\n.fs--14px {\r\n\tfont-size: 14px;\r\n}\r\n.fs--15px {\r\n\tfont-size: 15px;\r\n}\r\n.fs--16px {\r\n\tfont-size: 16px;\r\n}\r\n.fs--18px {\r\n\tfont-size: 16px;\r\n\t@include breakpoint(md) {\r\n\t\tfont-size: 18px;\r\n\t}\r\n}\r\n.fs--20px {\r\n\tfont-size: 18px;\r\n\t@include breakpoint(xl) {\r\n\t\tfont-size: 20px;\r\n\t}\r\n}\r\n.fs--22px {\r\n\tfont-size: 18px;\r\n\t@include breakpoint(sm) {\r\n\t\tfont-size: 20px;\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\tfont-size: 22px;\r\n\t}\r\n}\r\n",".btn,\r\n.cmn--btn {\r\n\tpadding: 10px 35px;\r\n\tfont-weight: 500;\r\n\toutline: none !important;\r\n\tbox-shadow: none !important;\r\n\t@extend %transition;\r\n\tborder-radius: 5px;\r\n\tz-index: 1;\r\n\t&.btn--lg {\r\n\t\tpadding: 12px 35px !important;\r\n\t\tfont-size: 18px;\r\n\t\t@include breakpoint(max-lg) {\r\n\t\t\tfont-size: 16px;\r\n\t\t}\r\n\t}\r\n\t&.btn--md {\r\n\t\tpadding: 10px 25px !important;\r\n\t\tfont-size: 15px;\r\n\t}\r\n\t&.btn--sm {\r\n\t\tpadding: 5px 15px !important;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t&.btn--xs {\r\n\t\tpadding: 0px 10px !important;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n\r\n$colors: \"primary\" hsl(var(--primary)), \"secondary\" hsl(var(--secondary)), \"success\" hsl(var(--success)), \"danger\" hsl(var(--danger)), \"warning\" hsl(var(--warning)), \"info\" var(--info), \"light\" hsl(var(--light)), \"dark\" hsl(var(--dark)), \"base\" hsl(var(--base));\r\n\r\n@each $name, $color in $colors {\r\n\t.btn--#{$name} {\r\n\t\tbackground-color: $color;\r\n\t\tborder: 2px solid $color;\r\n\t\tcolor: hsl(var(--white));\r\n\t\t&:hover,\r\n\t\t&:focus {\r\n\t\t\tcolor: $color;\r\n\t\t}\r\n\t}\r\n}\r\n.btn--light {\r\n\tcolor: hsl(var(--base));\r\n}\r\n\r\n.btn--base {\r\n\t&.active {\r\n\t\tborder-color: hsl(var(--base));\r\n\t\tcolor: hsl(var(--base));\r\n\t\t&:hover {\r\n\t\t\tborder-color: hsl(var(--base));\r\n\t\tbackground-color: hsl(var(--base));\r\n\t\tcolor: hsl(var(--white));\r\n\t\t}\r\n\t}\r\n\t&:hover,\r\n\t&:focus {\r\n\t\tborder-color: hsl(var(--base));\r\n\t\tbackground-color: hsl(var(--base));\r\n\t\tcolor: hsl(var(--white));\r\n\t}\r\n}\r\n\r\n@each $name, $color in $colors {\r\n\t.btn--outline-#{$name} {\r\n\t\tbackground-color: transparent;\r\n\t\tborder: 2px solid $color;\r\n\t\tcolor: $color;\r\n\t\t&:hover {\r\n\t\t\tcolor: hsl(var(--white));\r\n\t\t\tborder-color: $color;\r\n\t\t\tbackground-color: $color;\r\n\t\t}\r\n\t}\r\n}\r\n.btn--outline-light {\r\n\tcolor: hsl(var(--body));\r\n\tborder: 2px solid hsl(var(--border));\r\n}\r\n",".badge--base {\r\n\tbackground-color: hsl(var(--base) / 0.15);\r\n\tborder: 1px solid hsl(var(--base));\r\n\tcolor: hsl(var(--base));\r\n}\r\n.badge--primary {\r\n\tbackground-color: hsl(var(--primary) / 0.15);\r\n\tborder: 1px solid hsl(var(--primary));\r\n\tcolor: hsl(var(--primary));\r\n}\r\n.badge--secondary {\r\n\tbackground-color: hsl(var(--secondary) / 0.15);\r\n\tborder: 1px solid hsl(var(--secondary));\r\n\tcolor: hsl(var(--secondary));\r\n}\r\n.badge--success {\r\n\tbackground-color: hsl(var(--success) / 0.15);\r\n\tborder: 1px solid hsl(var(--success));\r\n\tcolor: hsl(var(--success));\r\n}\r\n.badge--danger {\r\n\tbackground-color: hsl(var(--danger) / 0.15);\r\n\tborder: 1px solid hsl(var(--danger));\r\n\tcolor: hsl(var(--danger));\r\n}\r\n.badge--warning {\r\n\tbackground-color: hsl(var(--warning) / 0.15);\r\n\tborder: 1px solid hsl(var(--warning));\r\n\tcolor: hsl(var(--warning));\r\n}\r\n.badge--info {\r\n\tbackground-color: hsl(var(--info) / 0.15);\r\n\tborder: 1px solid hsl(var(--info));\r\n\tcolor: hsl(var(--info));\r\n}\r\n.badge--dark {\r\n\tbackground-color: hsl(var(--dark) / 0.15);\r\n\tborder: 1px solid hsl(var(--dark));\r\n\tcolor: hsl(var(--dark));\r\n}\r\n\r\n.badge {\r\n\tborder-radius: 18px;\r\n\tpadding: 4px 15px;\r\n\tfont-size: 14px;\r\n\t&.badge--icon {\r\n\t\tpadding: 5px;\r\n\t\tborder-radius: 5px;\r\n\t}\r\n\t&.badge--lg {\r\n\t\tpadding: 6px 16px;\r\n\t}\r\n\t&.badge--md {\r\n\t\tpadding: 4px 12px;\r\n\t}\r\n\t&.badge--sm {\r\n\t\tpadding: 3px 10px;\r\n\t}\r\n}\r\n\r\n// Badge Fill\r\n$colors: \"primary\" hsl(var(--primary)), \"secondary\" hsl(var(--secondary)), \"success\" hsl(var(--success)), \"danger\" hsl(var(--danger)), \"warning\" hsl(var(--warning)), \"info\" hsl(var(--info)), \"light\" hsl(var(--light)), \"dark\" hsl(var(--dark)), \"base\" hsl(var(--base));\r\n\r\n@each $name, $color in $colors {\r\n\t.badge--fill-#{$name} {\r\n\t\tbackground-color: $color;\r\n\t\tborder: 1px solid $color;\r\n\t\tcolor: hsl(var(--white));\r\n\t\t&:hover {\r\n\t\t\tcolor: hsl(var(--white));\r\n\t\t}\r\n\t}\r\n}\r\n",".table {\r\n\tmargin: 0;\r\n\tfont-size: 15px;\r\n\tbackground-color: hsl(var(--white));\r\n\tbox-shadow: 0 0 8px hsl(var(--base) / 0.06);\r\n\tthead {\r\n\t\ttr {\r\n\t\t\tth {\r\n\t\t\t\tbackground: hsl(var(--base));\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tpadding: 15px;\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t\tfont-family: var(--heading-font);\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\tborder-radius: 5px 0 0 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-radius: 0 5px 0 0;\r\n\t\t\t\t\ttext-align: right;\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\t\ttr {\r\n\t\t\ttd {\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tpadding: 15px;\r\n\t\t\t\tborder-width: 1px;\r\n\t\t\t\tfont-family: var(--heading-font);\r\n\t\t\t\tborder-bottom: 1px solid hsl(var(--light)) !important;\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(--heading-font);\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\tcolor: hsl(var(--heading));\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\tdisplay: none;\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}\r\n\t\t}\r\n\t}\r\n\t.amount {\r\n\t\tspan {\r\n\t\t\tmargin-right: 4px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.table--responsive--md {\r\n\t@include breakpoint(max-md) {\r\n\t\tthead {\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\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: 35px;\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(--border));\r\n\t\t\t\t\t@include breakpoint(max-lg) {\r\n\t\t\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\t\t}\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&::before {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(even) {\r\n\t\t\t\t\tbackground: hsl(var(--light));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(md) {\r\n\t\ttbody {\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\t}\r\n}\r\n.table--responsive--lg {\r\n\t@include breakpoint(max-lg) {\r\n\t\tthead {\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\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: 35px;\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(--border));\r\n\t\t\t\t\t@include breakpoint(max-lg) {\r\n\t\t\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\t\t}\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&::before {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(even) {\r\n\t\t\t\t\tbackground: hsl(var(--light));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(lg) {\r\n\t\ttbody {\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\t}\r\n}\r\n.table--responsive--xl {\r\n\t@include breakpoint(max-xl) {\r\n\t\tthead {\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\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: 35px;\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(--border));\r\n\t\t\t\t\t@include breakpoint(max-lg) {\r\n\t\t\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\t\t}\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&::before {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(even) {\r\n\t\t\t\t\tbackground: hsl(var(--light));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\ttbody {\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\t}\r\n}\r\n",".form-label {\r\n\tfont-size: 14px;\r\n}\r\n.form--control {\r\n\theight: 45px;\r\n\tborder-radius: 3px;\r\n\tborder: 1px solid hsl(var(--border));\r\n\toutline: 0 !important;\r\n\tbox-shadow: none !important;\r\n\tfont-size: 14px;\r\n\tbackground-color: hsl(var(--light-400));\r\n\t&:focus {\r\n\t\tborder-color: hsl(var(--base));\r\n\t}\r\n}\r\n\r\n.form--control::-webkit-input-placeholder {\r\n\tcolor: hsl(var(--body) / 0.7) !important;\r\n}\r\n.form--control::placeholder {\r\n\tcolor: hsl(var(--body) / 0.7) !important;\r\n}\r\n\r\n.input-group-text {\r\n\tbackground-color: hsl(var(--light));\r\n}\r\n.form--control:read-only {\r\n\tborder-color: hsl(var(--border));\r\n}\r\ninput.form--control[type=\"file\"] {\r\n\tbackground-color: hsl(var(--light));\r\n\tborder: 0;\r\n\t&::-webkit-file-upload-button {\r\n\t\tline-height: 30px;\r\n\t\tpadding-inline: 15px;\r\n\t\tcolor: hsl(var(--white));\r\n\t\tbackground: hsl(var(--base-300)) !important;\r\n\t\tborder-radius: 5px;\r\n\t}\r\n\t&:hover {\r\n\t\t&::-webkit-file-upload-button {\r\n\t\t\tbackground: hsl(var(--base-500)) !important;\r\n\t\t}\r\n\t}\r\n}\r\ntextarea.form--control {\r\n\theight: 100px;\r\n}\r\n\r\ninput:autofill,\r\ninput:autofill:hover,\r\ninput:autofill:focus,\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:hover,\r\ninput:-webkit-autofill:focus {\r\n\t-webkit-text-fill-color: hsl(var(--heading));\r\n\ttransition: background-color 5000s ease-in-out 0s;\r\n}\r\n\r\n.custom--radio {\r\n\tposition: relative;\r\n\tpadding-left: 0;\r\n\tinput[type=\"radio\"] {\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tvisibility: hidden;\r\n\t\tcursor: pointer;\r\n\t\t&:checked {\r\n\t\t\t~ label {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder-width: 2px;\r\n\t\t\t\t\tborder-color: hsl(var(--base)) !important;\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\tmargin-bottom: 0;\r\n\t\tposition: relative;\r\n\t\tpadding-left: 20px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 400;\r\n\t\t&::before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\ttop: 4px;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 15px;\r\n\t\t\theight: 15px;\r\n\t\t\tborder: 1px solid #888888;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\ttop: 8px;\r\n\t\t\tleft: 4px;\r\n\t\t\twidth: 7px;\r\n\t\t\theight: 7px;\r\n\t\t\tbackground-color: hsl(var(--base)) !important;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n.custom--checkbox {\r\n\tpadding-left: 25px;\r\n\tinput {\r\n\t\tdisplay: none;\r\n\t\t&:checked {\r\n\t\t\t~ label {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: \"\\f14a\";\r\n\t\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\tposition: relative;\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: 400;\r\n\t\tcursor: pointer;\r\n\t\tmargin-bottom: 0;\r\n\t\t&::before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\\f04d\";\r\n\t\t\tfont-family: \"Line Awesome Free\";\r\n\t\t\tfont-weight: 900;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: -25px;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tline-height: 1;\r\n\t\t\tcolor: hsl(var(--border));\r\n\t\t}\r\n\t}\r\n}\r\n/* form css end*/\r\n",".custom--card {\r\n\tborder-radius: 5px;\r\n}\r\n.custom--card .card-header {\r\n\tborder-radius: 5px 5px 0 0;\r\n}\r\n.custom--card .card-header,\r\n.custom--card .card-footer {\r\n\tbackground: hsl(var(--base));\r\n\ttext-align: center;\r\n\t.title {\r\n\t\tcolor: hsl(var(--white));\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n.custom--card .card-header,\r\n.custom--card .card-footer {\r\n\tpadding: 15px 25px;\r\n\tborder-color: hsl(var(--border)) !important;\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 10px 20px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 8px 15px;\r\n\t}\r\n}\r\n.custom--card .card-body {\r\n\tpadding: 25px;\r\n\tborder: 1px solid hsl(var(--border));\r\n\tborder-radius: 0 0 5px 5px;\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 20px;\r\n\t}\r\n\t@include breakpoint(max-xs) {\r\n\t\tpadding: 15px;\r\n\t}\r\n}\r\n\r\n.custom--card.card--lg .card-header,\r\n.custom--card.card--lg .card-footer {\r\n\tpadding: 20px 35px;\r\n\t@include breakpoint(max-md) {\r\n\t\tpadding: 15px 25px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 10px 20px;\r\n\t}\r\n\t@include breakpoint(max-xs) {\r\n\t\tpadding: 8px 15px;\r\n\t}\r\n}\r\n.custom--card.card--lg .card-body {\r\n\tpadding: 35px;\r\n\t@include breakpoint(max-md) {\r\n\t\tpadding: 25px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 20px;\r\n\t}\r\n\t@include breakpoint(max-xs) {\r\n\t\tpadding: 15px;\r\n\t}\r\n}\r\n\r\n.custom--card.card--md .card-header,\r\n.custom--card.card--md .card-footer {\r\n\tpadding: 10px 20px;\r\n}\r\n.custom--card.card--md .card-body {\r\n\tpadding: 20px 20px;\r\n}\r\n",".custom--modal .modal-footer,\r\n.custom--modal .modal-body,\r\n.custom--modal .modal-header {\r\n\tborder-color: hsl(var(--border)) !important;\r\n}\r\n\r\n.custom--modal .modal-footer .modal-title,\r\n.custom--modal .modal-header .modal-title {\r\n\tmargin: 0;\r\n\tcolor: hsl(var(--heading));\r\n}\r\n\r\n.custom--modal .modal-footer .btn-close,\r\n.custom--modal .modal-header .btn-close {\r\n\tbackground: transparent;\r\n\tfont-size: 20px;\r\n\tline-height: 1;\r\n\tcolor: hsl(var(--danger)) !important;\r\n}\r\n",".pagination {\r\n\t@extend %flex;\r\n\tjustify-content: center;\r\n\tgap: 12px;\r\n\t.page-item {\r\n\t\ttext-align: center;\r\n\t\t.page-link {\r\n\t\t\tfont-weight: 500;\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tline-height: 40px;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-color: hsl(var(--border));\r\n\t\t\tbox-shadow: none;\r\n\t\t\tcolor: hsl(var(--body));\r\n\t\t\tborder-radius: 3px !important;\r\n\t\t}\r\n\t\t&.active,\r\n\t\t&:hover {\r\n\t\t\t.page-link {\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t\tbackground-color: hsl(var(--base));\r\n\t\t\t\tborder-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.disabled {\r\n\t\t\tcursor: no-drop !important;\r\n\t\t\t.page-link {\r\n\t\t\t\tcolor: hsl(var(--body));\r\n\t\t\t\tbackground: hsl(var(--dark) / 0.1);\r\n\t\t\t\tborder: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@keyframes lefToRight {\r\n\t0% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t100% {\r\n\t\ttransform: translateX(-100%);\r\n\t}\r\n}\r\n@keyframes lefToRight2 {\r\n\t0% {\r\n\t\ttransform: translateX(100%);\r\n\t}\r\n\t100% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n@keyframes pulse-center {\r\n\t0% {\r\n\t\t-webkit-transform: translate(-50%, -50%) scaleX(1);\r\n\t\ttransform: translate(-50%, -50%) scaleX(1);\r\n\t}\r\n\t50% {\r\n\t\t-webkit-transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);\r\n\t\ttransform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);\r\n\t}\r\n\tto {\r\n\t\t-webkit-transform: translate(-50%, -50%) scaleX(1);\r\n\t\ttransform: translate(-50%, -50%) scaleX(1);\r\n\t}\r\n}\r\n\r\n@keyframes liftUp {\r\n\t0% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t50% {\r\n\t\ttransform: translateY(-5px);\r\n\t}\r\n\t100% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n",".section-header {\r\n\tmargin-bottom: 40px;\r\n\t@include breakpoint(md) {\r\n\t\tmargin-bottom: 45px;\r\n\t}\r\n\t&__title {\r\n\t\tmargin-bottom: 15px;\r\n\t\t&.style--two {\r\n\t\t\tposition: relative;\r\n\t\t\t&::before {\r\n\t\t\t\t@extend %p-set;\r\n                width: 75px;\r\n\t\t\t\tborder-bottom: 3px solid hsl(var(--base));\r\n                top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__text {\r\n\t\tmargin-top: 15px;\r\n\t\tmargin-bottom: 25px;\r\n\t}\r\n\tp {\r\n\t\tmargin-top: 18px;\r\n\t\t@include breakpoint(xl) {\r\n\t\t\tmargin-top: 20px;\r\n\r\n\t\t}\r\n\t}\r\n}\r\n","// Social Icons Css\r\n.social-links {\r\n    gap: 8px;\r\n\tli {\r\n\t\ta {\r\n            color: hsl(var(--base));\r\n\t\t}\r\n\t}\r\n\t&.social-round {\r\n\t\tli {\r\n\t\t\ti {\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\t@extend %f-center;\r\n\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.social-bg {\r\n\t\ti[class*=\"facebook\"] {\r\n\t\t\tbackground-color: hsl(var(--base));\r\n\t\t}\r\n\t}\r\n}\r\n// Social Icons Css\r\n",".ticket-card {\r\n\tbackground: #fff;\r\n\tborder-radius: 10px;\r\n\tbox-shadow: 0 3px 25px hsl(var(--dark)/.03);\r\n\t&__header {\r\n\t\tborder-bottom: 1px solid hsl(var(--border));\r\n\t\tpadding: 15px 30px;\r\n\t\t@include breakpoint(max-md) {\r\n\t\t\tpadding: 13px 25px;\r\n\t\t}\r\n\t\t@include breakpoint(max-xs) {\r\n\t\t\tpadding: 13px 20px;\r\n\t\t}\r\n\t}\r\n\t&__body {\r\n\t\tpadding: 30px;\r\n\t\t@include breakpoint(max-md) {\r\n\t\t\tpadding: 25px;\r\n\t\t}\r\n\t\t@include breakpoint(max-xs) {\r\n\t\t\tpadding: 20px;\r\n\t\t}\r\n\t}\r\n}\r\n",".profile-upload {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n}","// Header Section Starts Here\r\n.header {\r\n\tposition: fixed;\r\n\twidth: 100%;\r\n\ttop: 0;\r\n\tz-index: 111;\r\n\t@extend %transition;\r\n\t&.sticky {\r\n\t\tbackground-color: hsl(var(--accent));\r\n\t\tbox-shadow: 0 3px 15px hsl(var(--dark) / 0.1);\r\n\t\tborder-bottom: 1px solid hsl(var(--white) / 0.15)\r\n\t}\r\n}\r\n.header-bottom-area {\r\n\t@extend %flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 10px 0;\r\n\t@include breakpoint(sm) {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n.logo {\r\n\timg {\r\n\t\tmax-width: 200px;\r\n\t\tmax-height: 50px;\r\n\t\t@include breakpoint(max-xl) {\r\n\t\t\tmax-width: 160px;\r\n\t\t\tmax-height: 45px;\r\n\t\t}\r\n\t\t@include breakpoint(max-md) {\r\n\t\t\tmax-width: 150px;\r\n\t\t}\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tmax-width: 130px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Menu\r\n.menu {\r\n\t@extend %flex;\r\n\talign-items: center;\r\n\tmargin: 0;\r\n\tposition: relative;\r\n\t> .has-sub-menu {\r\n\t\t&.open {\r\n\t\t\t.sub-menu {\r\n\t\t\t\t@include breakpoint(lg) {\r\n\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\ta {\r\n\t\t\tpadding-right: 35px;\r\n\t\t}\r\n\t}\r\n\t.sub-menu {\r\n\t\tli {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t@include breakpoint(lg) {\r\n\t\t\tdisplay: block !important;\r\n\t\t}\r\n\t}\r\n\tli {\r\n\t\t&:hover > .sub-menu {\r\n\t\t\tvisibility: visible;\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t\t&.has-sub-menu > a {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t&::after {\r\n\t\t\t\t@extend %line-ico;\r\n\t\t\t\tcontent: \"\\f107\";\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translate(-13px, -50%);\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t}\r\n\t\t}\r\n\t\ta {\r\n\t\t\tcolor: hsl(var(--white));\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-family: var(--heading-font);\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t}\r\n\t\t\t&.active {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.menu-close {\r\n\t\tposition: absolute;\r\n\t\tright: 0px;\r\n\t\ttop: 0px;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n\r\n// Sub Menu\r\n@include breakpoint(lg) {\r\n\t.menu {\r\n\t\tdisplay: flex !important;\r\n\t}\r\n\t.menu li {\r\n\t\tposition: relative;\r\n\t}\r\n\t.menu > li > a {\r\n\t\tpadding: 15px 20px;\r\n\t}\r\n\t.sub-menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0px;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t\tmin-width: 200px;\r\n\t\t@include transition;\r\n\t\ttransform: translateY(15px);\r\n\t\tbox-shadow: 0 3px 12px 3px hsl(var(--dark) / 0.05);\r\n\t\toverflow: hidden;\r\n\t\tz-index: 11;\r\n\t\tbackground-color: hsl(var(--accent-300));\r\n\t\tli {\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-bottom: 1px dashed hsl(var(--white) / 0.1);\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder: none;\r\n\t\t\t}\r\n\t\t\ta {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tpadding: 6px 15px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\t@include t-wrap;\r\n\t\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: hsl(var(--base));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tvisibility: visible;\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\r\n\t\t.sub-menu {\r\n\t\t\tvisibility: hidden;\r\n\t\t\topacity: 0;\r\n\t\t\ttop: 5px;\r\n\t\t\tleft: -100%;\r\n\t\t\ttransform: translateY(-20px);\r\n\t\t}\r\n\r\n\t\t&.has-sub-menu > a {\r\n\t\t\t&::after {\r\n\t\t\t\ttransform: translateY(0px);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Mobile Menu\r\n@include breakpoint(max-lg) {\r\n\t.menu > li {\r\n\t\t&:nth-last-child(1) {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\t}\r\n\t.menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 100%;\r\n\t\tleft: 0;\r\n\t\tpadding: 30px;\r\n\t\tmax-height: calc(100vh - 50px);\r\n\t\tmin-width: 200px;\r\n\t\twidth: 100%;\r\n\t\ttransform-origin: top;\r\n\t\toverflow-y: auto;\r\n\t\tbackground: hsl(var(--accent));\r\n\t\tdisplay: none;\r\n\t\t.has-sub-menu {\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t\t.has-sub-menu > a {\r\n\t\t\t&::after {\r\n\t\t\t\ttransform: translate(0px, -50%) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t\tli {\r\n\t\t\tpadding: 3px 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-bottom: 1px solid hsl(var(--white) / 0.1);\r\n\t\t\t&:nth-last-child(1) {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\t\t\ta {\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t}\r\n\t\t\t&.has-sub-menu {\r\n\t\t\t\ta {\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\ttransform: translate(0px, -50%) !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.sub-menu {\r\n\t\tdisplay: none;\r\n\t\tpadding-left: 25px;\r\n\t}\r\n}\r\n\r\n// Trigger\r\n.header-trigger {\r\n\tcursor: pointer;\r\n\tmargin-top: -10px;\r\n\t&.active {\r\n\t\tspan {\r\n\t\t\tbackground: none !important;\r\n\t\t\t&::before {\r\n\t\t\t\ttransform: rotate(-45deg) translate(-11px, 0px);\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\ttransform: rotate(45deg) translate(-11px, 0px);\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\twidth: 25px;\r\n\t\theight: 2px;\r\n\t\tbackground: hsl(var(--base));\r\n\t\tposition: relative;\r\n\t\ttransition: all ease 0.3s;\r\n\t\t&::after,\r\n\t\t&::before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tright: 0;\r\n\t\t\tbackground: hsl(var(--base));\r\n\t\t\t@extend %transition;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tbottom: -8px;\r\n\t\t\twidth: 28px;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\twidth: 32px;\r\n\t\t\ttop: -8px;\r\n\t\t}\r\n\t}\r\n}\r\n","// Footer Section\r\n.footer-top {\r\n\tborder-bottom: 1px solid hsl(var(--white) / 0.2);\r\n\tpadding-bottom: 20px;\r\n}\r\n.footer-bottom {\r\n\tpadding-top: 40px;\r\n}\r\n.footer-widget {\r\n\t.links {\r\n        font-size: 15px;\r\n\t\tli {\r\n\t\t\tpadding: 4px 0;\r\n            @include breakpoint(max-sm) {\r\n                &:not(:last-child) {\r\n                    border-bottom: 1px dashed hsl(var(--white) / 0.2);\r\n                }\r\n            }\r\n\r\n            a {\r\n                color: hsl(var(--white));\r\n                &:hover {\r\n                    color: hsl(var(--base));\r\n                }\r\n            }\r\n\t\t}\r\n\t}\r\n}\r\n// Footer Section\r\n",".sidebar {\r\n\tposition: sticky;\r\n\ttop: 100px;\r\n\t@extend %flex;\r\n\tflex-flow: column;\r\n\tgap: 24px;\r\n}\r\n.sidebar-item {\r\n\t> .title {\r\n\t\tborder-radius: 5px 5px 0 0;\r\n\t\tpadding: 15px;\r\n\t\tbackground-color: hsl(var(--dark)/.1);\r\n\t}\r\n\t> .content {\r\n\t\tbackground-color: hsl(var(--border) / 0.4);\r\n\t\tpadding: 15px;\r\n\t\t@include breakpoint(xxl) {\r\n\t\t\tpadding: 25px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.sidebar-search {\r\n\t.form-group {\r\n\t\tposition: relative;\r\n\t\t.btn {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\theight: 100%;\r\n\t\t\tcolor: hsl(var(--body));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.news-item {\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: 24px;\r\n\t}\r\n\t.title a {\r\n\t\t@extend %t-wrap;\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.thumb {\r\n\t\twidth: 90px;\r\n\t\theight: 70px;\r\n\t\tflex-shrink: 0;\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\t}\r\n}\r\n","// Banner Section\r\n.banner-section {\r\n\tpadding: 250px 0 120px;\r\n\t@include breakpoint(max-xxl) {\r\n\t\tpadding-top: 200px;\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\tpadding-top: 150px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 110px 0 80px;\r\n\t}\r\n\t.banner-video {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 50%;\r\n\t\ttransform: translateX(-50%);\r\n\t\theight: 100%;\r\n\t\tmin-width: 100%;\r\n\t\tz-index: -2;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\tbackground-color: hsl(var(--accent) / 0.8);\r\n\t\tz-index: -1;\r\n\t}\r\n}\r\n\r\n.banner-content {\r\n\tmax-width: 650px;\r\n\t@include breakpoint(max-xl) {\r\n\t\tmax-width: 500px;\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 650px;\r\n\t\tmargin-inline: auto;\r\n\t}\r\n\t.title {\r\n\t\tspan {\r\n\t\t\tcolor: hsl(var(--base));\r\n\t\t}\r\n\t}\r\n\t.banner-text {\r\n\t\t@include breakpoint(xl) {\r\n\t\t\tfont-size: 18px;\r\n\t\t}\r\n\t}\r\n}\r\n.banner-thumb {\r\n\twidth: calc(100% - 650px);\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t@include breakpoint(max-xl) {\r\n\t\twidth: calc(100% - 500px);\r\n\t}\r\n}\r\n.banner-shape-wrapper {\r\n\twidth: 50%;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\twidth: 50%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\topacity: 0.7;\r\n\t@include breakpoint(max-xxl) {\r\n\t\twidth: 40%;\r\n\t}\r\n}\r\n.banner-shape {\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 40%;\r\n\tz-index: -1;\r\n\tanimation: lefToRight 15s linear infinite;\r\n}\r\n.banner-shape2 {\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 40%;\r\n\tz-index: -1;\r\n\tanimation: lefToRight2 15s linear infinite;\r\n\ttransform: translateX(100%);\r\n}\r\n// Banner Section\r\n\r\n// Inner Banner\r\n.inner-banner {\r\n\tpadding: 110px 0px 60px;\r\n\t@include breakpoint(max-md) {\r\n\t\tpadding-top: 100px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding-top: 80px;\r\n\t}\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\tbackground: linear-gradient(135deg, hsl(var(--accent-300) / 0.7) 0%, hsl(var(--accent-400) / 0.85) 100%);\r\n\t}\r\n}\r\n// Inner Banner\r\n","// About Section\r\n.why-list {\r\n\tdisplay: flex;\r\n\tgap: 15px;\r\n\t.icon {\r\n\t\twidth: 40px;\r\n\t\tline-height: 1.3;\r\n\t\tfont-size: 32px;\r\n\t\t@extend %gradient-color;\r\n\t\tbackground-image: var(--gradient-base);\r\n\t}\r\n\tp {\r\n\t\tfont-size: 15px;\r\n\t}\r\n}\r\n.about-thumb {\r\n\tdirection: rtl;\r\n\timg {\r\n\t\tobject-fit: cover;\r\n\t\tdirection: rtl;\r\n\t}\r\n}\r\n.about-content {\r\n\tbackground: hsl(var(--accent));\r\n}\r\n.about-list {\r\n\tmax-width: 500px;\r\n\t.ico-thumb {\r\n\t\twidth: 60px;\r\n\t\theight: 60px;\r\n\t\tborder-radius: 50%;\r\n\t\tfont-size: 24px;\r\n\t\tdisplay: grid;\r\n\t\tplace-items: center;\r\n\t\tcolor: hsl(var(--base));\r\n\t\tbackground-color: hsl(var(--accent-200));\r\n\t\timg {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n\t.content {\r\n\t\twidth: calc(100% - 60px);\r\n\t\tpadding-left: 15px;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-top: 15px;\r\n\t\t}\r\n\t\t.title {\r\n\t\t\tmargin-bottom: 5px;\r\n\t\t}\r\n\t\tp {\r\n\t\t\tcolor: hsl(var(--white) / 0.8);\r\n\t\t\tmargin-top: 10px;\r\n\t\t}\r\n\t}\r\n}\r\n// About Section\r\n\r\n// Counter Section\r\n.counter-section {\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\tbackground: hsl(var(--accent) / 0.75);\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t}\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n.counter-item {\r\n\ttext-align: center;\r\n\t&__icon {\r\n\t\twidth: 45px;\r\n\t\theight: 45px;\r\n\t\tfont-size: 20px;\r\n\t\tcolor: hsl(var(--white));\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tmargin: 0 auto 25px;\r\n\t\t@include breakpoint(xxl) {\r\n\t\t\tfont-size: 24px;\r\n\t\t\twidth: 50px;\r\n\t\t\theight: 50px;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\t@extend %p-set;\r\n\t\t\tbackground: hsl(var(--base));\r\n\t\t\ttransform: rotate(45deg);\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\t.counter {\r\n\t\tfont-size: 42px;\r\n\t\t@include breakpoint(xxl) {\r\n\t\t\tfont-size: 48px;\r\n\t\t}\r\n\t}\r\n}\r\n// Counter Sectiongu\r\n\r\n// Forex Signals Section\r\n.experience-card {\r\n\tpadding: 15px;\r\n\tbackground: hsl(var(--accent-400));\r\n\tbox-shadow: 0 0 15px hsl(var(--dark) / 0.15);\r\n\tz-index: 1;\r\n\tposition: relative;\r\n\t@include breakpoint(sm) {\r\n\t\tmax-width: 300px;\r\n\t\tposition: absolute;\r\n\t\tbottom: -30px;\r\n\t\tright: -30px;\r\n\t\tborder: 10px solid hsl(var(--white));\r\n\t}\r\n}\r\n// Forex Signals Section\r\n\r\n// Plan Section\r\n.plan-item {\r\n\tborder-radius: 15px;\r\n\tbackground: hsl(var(--white));\r\n\tpadding: 20px;\r\n\tbox-shadow: 0 3px 25px hsl(var(--dark) / 0.05);\r\n\t@include breakpoint(sm) {\r\n\t\tpadding: 40px;\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\tpadding: 20px;\r\n\t}\r\n\t@include breakpoint(xxl) {\r\n\t\tpadding: 30px;\r\n\t}\r\n\t&__header {\r\n\t\tmargin-bottom: 20px;\r\n\t\t.plan-icon {\r\n\t\t\twidth: 35px;\r\n\t\t\theight: 35px;\r\n\t\t\tbackground-color: hsl(var(--base));\r\n\t\t\tborder-radius: 8px;\r\n\t\t\t@extend %f-center;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tcolor: hsl(var(--white));\r\n\t\t}\r\n\t\t.plan-price {\r\n\t\t\tfont-size: 36px;\r\n\t\t\tfont-family: var(--body-font);\r\n\t\t\t.pre-sub {\r\n\t\t\t\tfont-size: 99%;\r\n\t\t\t}\r\n\t\t\tsub {\r\n\t\t\t\tline-height: 1.3;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: hsl(var(--body) / 0.6);\r\n\t\t\t}\r\n\t\t\t@include breakpoint(xl) {\r\n\t\t\t\tfont-size: 38px;\r\n\t\t\t}\r\n\t\t\t@include breakpoint(xxl) {\r\n\t\t\t\tfont-size: 40px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__footer {\r\n\t\tmargin-top: 25px;\r\n\t}\r\n\t&.popular {\r\n\t\tbackground-color: hsl(var(--base));\r\n\t\t.plan-item__header {\r\n\t\t\t.plan-icon {\r\n\t\t\t\tbackground-color: hsl(var(--base-800));\r\n\t\t\t}\r\n\t\t\t.plan-name,\r\n\t\t\t.plan-price {\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t}\r\n\t\t\tsub {\r\n\t\t\t\tcolor: hsl(var(--white) / 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.list {\r\n\t\t\tli {\r\n\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcolor: hsl(var(--white));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.btn {\r\n\t\t\tbackground-color: hsl(var(--white));\r\n\t\t\tcolor: hsl(var(--body));\r\n\t\t}\r\n\t}\r\n}\r\n// Plan Section\r\n\r\n// Feature Section\r\n.feature-wrapper {\r\n\tmax-width: 700px;\r\n\tmargin: 0 auto;\r\n\t@extend %flex;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t@include breakpoint(xl) {\r\n\t\tmax-width: 840px;\r\n\t\taspect-ratio: 1;\r\n\t}\r\n\t@include breakpoint(lg) {\r\n\t\taspect-ratio: 1;\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\tgap: 24px;\r\n\t}\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\t@include breakpoint(lg) {\r\n\t\t\tbackground: hsl(var(--base) / 0.05);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\t}\r\n\t.single-item {\r\n\t\twidth: 100%;\r\n\t\t@include breakpoint(lg) {\r\n\t\t\twidth: 50%;\r\n\t\t\t&:nth-of-type(2n + 1) {\r\n\t\t\t\ttransform: translateX(-80px);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(2n + 2) {\r\n\t\t\t\ttransform: translateX(80px);\r\n\t\t\t\ttext-align: right;\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(6n + 3) {\r\n\t\t\t\ttransform: translateX(-150px);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(6n + 4) {\r\n\t\t\t\ttransform: translateX(150px);\r\n\t\t\t}\r\n\t\t\t&.item-five {\r\n\t\t\t\ttransform: translateX(-150px);\r\n\t\t\t}\r\n\t\t\t&.item-six {\r\n\t\t\t\ttransform: translateX(150px);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:nth-child(1) {\r\n\t\t\t.feature-item {\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(sm) {\r\n\t\t\twidth: calc(50% - 12px);\r\n\t\t\t&:nth-child(1),\r\n\t\t\t&:nth-child(2) {\r\n\t\t\t\t.feature-item {\r\n\t\t\t\t\tmargin-top: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.feature-thumb {\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\tmax-width: 250px;\r\n\t@include breakpoint(max-xl) {\r\n\t\tmax-width: 200px;\r\n\t}\r\n\t&::before,\r\n\t&::after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\twidth: 250px;\r\n\t\theight: 250px;\r\n\t\tbackground: linear-gradient(0deg, hsl(var(--accent-300)) 0%, hsl(var(--base-700)) 100%);\r\n\t\tborder-radius: 50%;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tz-index: -1;\r\n\t\tanimation: pulse-center 5s linear infinite;\r\n\t\tborder: 5px solid hsl(var(--base-800));\r\n\t\t@include breakpoint(xl) {\r\n\t\t\twidth: 320px;\r\n\t\t\theight: 320px;\r\n\t\t}\r\n\t}\r\n\t&::after {\r\n\t\tbackground: hsl(var(--base) / 0.3) !important;\r\n\t\tborder: 0;\r\n\t\tanimation: none;\r\n\t\twidth: 300px;\r\n\t\theight: 300px;\r\n\t\t@include breakpoint(xl) {\r\n\t\t\twidth: 400px;\r\n\t\t\theight: 400px;\r\n\t\t}\r\n\t}\r\n}\r\n.feature-item {\r\n\tpadding: 30px 25px;\r\n\tborder-radius: 8px;\r\n\tbox-shadow: 0 3px 35px hsl(var(--dark) / 0.05);\r\n\tbackground-color: hsl(var(--white));\r\n\tflex-flow: column;\r\n\tgap: 10px;\r\n\tposition: relative;\r\n\tmargin-top: 24px;\r\n\tdisplay: flex;\r\n\ttext-align: left;\r\n\t@extend %transition;\r\n\t&:hover {\r\n\t\tbox-shadow: 0 3px 35px hsl(var(--dark) / 0.1);\r\n\t\ttransform: translateY(-5px);\r\n\t}\r\n\t@include breakpoint(lg) {\r\n\t\tmargin-top: 65px;\r\n\t\tdisplay: inline-flex;\r\n\t\tmax-width: 350px;\r\n\t}\r\n\r\n\t@include breakpoint(max-sm) {\r\n\t\ttext-align: center;\r\n\t}\r\n\t&__icon {\r\n\t\tmax-width: 50px;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t}\r\n}\r\n// Feature Section\r\n\r\n// Testimonial Section\r\n.testimonial-section {\r\n\tz-index: 1;\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\tbackground: linear-gradient(270deg, hsl(var(--accent-100) / 0.7) 0%, hsl(var(--accent-200) / 0.85) 100%);\r\n\t}\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n.testimonial-slider {\r\n\t.slick-list {\r\n\t\tpadding: 30px 0 0 !important;\r\n\t}\r\n\t.single-slide-wrapper {\r\n\t\tdisplay: flex;\r\n\t\tgap: 50px;\r\n\t}\r\n}\r\n.testimonial-item {\r\n\tmax-width: 450px;\r\n\tpadding: 35px 30px;\r\n\tborder-radius: 10px;\r\n\tbackground-color: hsl(var(--white));\r\n\tbox-shadow: 0 3px 35px hsl(var(--dark) / 0.1);\r\n\tposition: relative;\r\n\t&__quote {\r\n\t\tline-height: 1;\r\n\t\tposition: absolute;\r\n\t\tright: 20px;\r\n\t\ttop: 0px;\r\n\t\ttransform: translateY(-50%);\r\n\t\tfont-size: 20px;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tborder-radius: 50%;\r\n\t\t@extend %f-center;\r\n\t\tcolor: hsl(var(--white));\r\n\t\tbackground: linear-gradient(270deg, hsl(var(--base)) 0%, hsl(var(--base-300)) 100%);\r\n\t\tbox-shadow: 0 2px 8px hsl(var(--dark) / 0.1);\r\n\t}\r\n\t&__header {\r\n\t\t@extend %flex;\r\n\t\tgap: 20px;\r\n\t\talign-items: center;\r\n\t\tmargin-left: -60px;\r\n\t\t&-thumb {\r\n\t\t\twidth: 65px;\r\n\t\t\theight: 65px;\r\n\t\t\timg {\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__body {\r\n\t\tmargin-top: 18px;\r\n\t\tfont-size: 15px;\r\n\t}\r\n}\r\n// Testimonial Section\r\n\r\n// Faq Section\r\n.faq-item {\r\n\t&:not(:last-child) {\r\n\t\tborder-bottom: 1px dashed hsl(var(--border));\r\n\t}\r\n\t&.active {\r\n\t\t.faq-item__content {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t&.open {\r\n\t\t.faq-item__title {\r\n\t\t\t.title {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\ttransform: rotate(-180deg);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__title {\r\n\t\tpadding: 20px 0;\r\n\t\tcursor: pointer;\r\n\t\t@include breakpoint(max-xs) {\r\n\t\t\tpadding: 20px;\r\n\t\t}\r\n\t\t.title {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-right: 25px;\r\n\t\t\t&::before {\r\n\t\t\t\t@extend %line-ico;\r\n\t\t\t\tcontent: \"\\f107\";\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttop: 2px;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: hsl(var(--heading));\r\n\t\t\t\t@extend %transition;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__content {\r\n\t\tpadding: 25px 15px;\r\n\t\tpadding-top: 0;\r\n\t\tdisplay: none;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tfont-size: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n.faq-two {\r\n\t&:not(:last-child) {\r\n\t\tmargin-bottom: 30px;\r\n\t}\r\n\t&__title {\r\n\t\tpadding-left: 25px;\r\n\t\tmargin-bottom: 10px;\r\n\t\tposition: relative;\r\n\t\t&::before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 8px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 9px;\r\n\t\t\tbackground: hsl(var(--base));\r\n\t\t}\r\n\t}\r\n\t&__content {\r\n\t\tpadding-left: 25px;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tfont-size: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n// Faq Section\r\n\r\n// Subscription Section\r\n.subscription-section {\r\n\t&::before {\r\n\t\t@extend %p-set;\r\n\t\tbackground: linear-gradient(270deg, hsl(var(--accent-100) / 0.7) 0%, hsl(var(--accent-200) / 0.85) 100%);\r\n\t}\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n.subscription-form {\r\n\tmax-width: 550px;\r\n\tmargin: 0 auto;\r\n\t.form--control {\r\n\t\tborder-radius: 0;\r\n\t\theight: 60px;\r\n\t}\r\n\t.btn {\r\n\t\tborder-radius: 0;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 !important;\r\n\t\t\tmargin-top: 15px !important;\r\n\t\t}\r\n\t}\r\n}\r\n.google-btn {\r\n\tborder-radius: 0;\r\n\tcolor: hsl(var(--white));\r\n\tborder-color: #e34133;\r\n\tbackground-color: #e34133;\r\n\t&:hover {\r\n\t\tcolor: #e34133;\r\n\t\tborder: 1px solid hsl(var(--white) / 0.4);\r\n\t}\r\n}\r\n.facebook-btn {\r\n\tborder-radius: 0;\r\n\tcolor: hsl(var(--white));\r\n\tborder-color: #1773ea;\r\n\tbackground-color: #1773ea;\r\n\t&:hover {\r\n\t\tcolor: #1773ea;\r\n\t\tborder: 1px solid hsl(var(--white) / 0.4);\r\n\t}\r\n}\r\n// Subscription Section\r\n\r\n// Blog Section\r\n.post-item {\r\n\t&__thumb {\r\n\t\timg {\r\n\t\t\tmin-height: 280px;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\t&__content {\r\n\t\tpadding: 25px;\r\n\t\tbackground: hsl(var(--light));\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tpadding: 20px;\r\n\t\t}\r\n\t\t&-title {\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t\ta {\r\n\t\t\t\t@extend %t-wrap;\r\n\t\t\t\t-webkit-line-clamp: 2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n// Blog Section\r\n\r\n// Contact Section\r\n.contact-info-wrapper {\r\n\tgap: 40px 30px;\r\n\t@include breakpoint(max-sm) {\r\n\t\tgap: 30px;\r\n\t}\r\n}\r\n.contact-info {\r\n\tdisplay: flex;\r\n\tgap: 20px;\r\n\t&__icon {\r\n\t\tfont-size: 40px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: hsl(var(--base));\r\n\t}\r\n\t&__content {\r\n\t\tfont-size: 15px;\r\n\t}\r\n}\r\n.form-wrapper {\r\n\tpadding: 100px 80px;\r\n\tborder-radius: 20px;\r\n\tbackground-color: hsl(var(--light));\r\n\t@include breakpoint(max-xl) {\r\n\t\tpadding: 70px 60px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding: 40px 30px;\r\n\t}\r\n}\r\n// Contact Section\r\n","// Account Section\r\n.account-section {\r\n\t@extend %f-center;\r\n\tmin-height: 100vh;\r\n\tbackground-color: hsl(var(--light));\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\t.accout-bg {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tz-index: -1;\r\n\t}\r\n\t.account-wrapper {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 650px;\r\n\t\tpadding: 70px 100px;\r\n\t\tmargin: 0 auto;\r\n\t\tbackground-color: hsl(var(--white));\r\n\t\tborder-radius: 20px;\r\n\t\tbox-shadow: 0 8px 35px hsl(var(--dark) / 0.05);\r\n\t\t@include breakpoint(max-xxl) {\r\n\t\t\tmax-width: 500px;\r\n\t\t\tpadding: 60px 50px;\r\n\t\t}\r\n\t\t@include breakpoint(max-md) {\r\n\t\t\tpadding: 50px 30px;\r\n\t\t}\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tpadding: 35px 25px;\r\n\t\t}\r\n\t\t&.sign-up {\r\n\t\t\tmax-width: 800px;\r\n\t\t\t@include breakpoint(max-xxl) {\r\n\t\t\t\tmax-width: 700px;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n// Account Section\r\n","// Dashboard Section\r\n.dashboard-widget {\r\n\tpadding: 20px;\r\n\tborder-radius: 10px;\r\n\t@extend %flex;\r\n\tbackground: hsl(var(--white));\r\n\tbox-shadow: 0 3px 25px hsl(var(--dark) / 0.05);\r\n\t&__icon {\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\t@extend %f-center;\r\n\t\tfont-size: 42px;\r\n\t\tcolor: hsl(var(--base));\r\n\t}\r\n\t&__content {\r\n\t\twidth: calc(100% - 50px);\r\n\t\tpadding-left: 25px;\r\n\t}\r\n}\r\n// Dashboard Section\r\n"]
}