{
    "version": 3, "sources":["styles.scss", "_variables.scss", "bootstrap/_buttons.scss", "bootstrap/_carousel.scss", "bootstrap/_dropdown.scss", "bootstrap/_forms.scss", "bootstrap/_cards.scss", "bootstrap/_accordion.scss", "bootstrap/_modal.scss", "bootstrap/_tooltip.scss", "bootstrap/_nav.scss", "bootstrap/_pagination.scss", "bootstrap/_table.scss", "bootstrap/_tabs.scss", "custom/_cookies.scss", "custom/_customs.scss", "custom/_header.scss", "custom/_image.scss", "custom/_plugins.scss", "custom/_switcher.scss", "layouts/_menu_hover.scss", "layouts/_horizontal.scss", "layouts/_vertical.scss", "switcher-styles/_dark-styles.scss", "switcher-styles/_rtl.scss", "switcher-styles/_boxed.scss", "util/_typography.scss", "util/_background.scss", "util/_width.scss", "util/_opacity.scss", "util/_margin.scss", "util/_padding.scss", "util/_border.scss", "util/_extras.scss"], "names":[], "mappings":"AACA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAgBQ;AACA;ACjBR;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EACA;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACG;EACH;EACA;EACA;EACA;EACA;EACA;EACG;EACH;AAEA;EACA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACG;EACA;;;AAKJ;AAKA;AAGA;AAGA;AAGA;AAIA;AAGA;AAwCA;AAcA;AAWA;AAWA;AAeA;AAiBA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACM;IACA;IACA;IACA;AAEN;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIF;EACI;EACA;;;ADxTJ;AAIA;AEpBA;AACA;EACI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,ODiIgB;;;AC9HpB;AAGA;AACA;EACI;EACA;;AAEA;EAEI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;;;AAIR;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;EACA;;AAEA;EAEI;EACA;;;AAIR;EACI,kBDtDe;ECuDf,cDvDe;ECwDf;;AAEA;EAEI;EACA,cD7DW;;;ACiEnB;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA;;;AAGJ;AAEA;AACA;EACI,kBDzFgB;EC0FhB,cD1FgB;EC2FhB;;AAEA;EAEI,kBD/FY;ECgGZ,cDhGY;ECiGZ;;;AAIR;AAAA;EAEI,kBDvGgB;ECwGhB,cDxGgB;ECyGhB;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,kBD3HgB;EC4HhB,cD5HgB;;;AC+HpB;AAEA;AACA;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA,OD3IY;;;AC+IpB;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA,ODvKgB;;;AC0KpB;AAEA;AACA;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA,ODtLY;;;AC0LpB;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA,ODlNgB;;;ACqNpB;AAEA;AACA;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA,ODjOY;;;ACqOpB;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA,OD7PgB;;;ACgQpB;AAEA;AACA;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA,OD5QY;;;ACgRpB;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA,ODxSgB;;;AC2SpB;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;EACA,ODtTY;;;AC0TpB;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,ODvUgB;ECwUhB;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;EACA,OD/VY;;;ACmWpB;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,ODhXgB;ECiXhB;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;EACA,ODxYY;;;AC4YpB;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,ODzZgB;EC0ZhB;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;;AAEA;EAEI;EACA;EACA,ODjbY;;;ACqbpB;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,ODlcgB;ECmchB;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;;;AAGJ;AAGA;AACA;AAAA;EAEI;EACA;EACA;;;AAGJ;AAGA;AACA;AAAA;EAEI;EACA;;;AAGJ;AAEA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBD1gBmB;;;AC6gBvB;AAEA;AAEI;EACI;;;AAIR;EACI;EACA;EACA,OD7fgB;;AC+fhB;EAEI;EACA;EACA,ODngBY;ECogBZ;;;AAIR;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EACA,OD/gBgB;ECghBhB;;;AAGJ;EACI;EACA;EACA,ODthBgB;ECuhBhB;;;AAGJ;AAEA;AACA;EACI,YDvhBoD;ECwhBpD;EACA;;AAEA;EAEI;EACA;EACA,ODtiBY;;;AC0iBpB;AAAA;EAEI,YDriBoD;ECsiBpD;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,YDzjBoD;EC0jBpD;EACA,ODlkBgB;;;ACqkBpB;AAEA;AACA;EACI,YDjkBoD;ECkkBpD;EACA;;AAEA;EAEI;EACA;EACA,ODjlBY;;;ACqlBpB;AAAA;EAEI,YD/kBoD;ECglBpD;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI,YDnmBoD;EComBpD;EACA,OD7mBgB;;;ACgnBpB;AAEA;AACA;EACI,kBD/oBmB;ECgpBnB,ODtpBiB;;ACwpBjB;EACI,kBDzpBa;EC0pBb,ODznBY;;;AC6nBpB;AAEA;AACA;EACI;EACA;EACA,ODhpBgB;;ACkpBhB;EACI,kBDnpBY;ECopBZ,ODvoBY;;;AC2oBpB;AAEA;AACA;EACI;EACA;EACA,OD/pBiB;;ACiqBjB;EACI,kBDlqBa;ECmqBb,ODrpBY;;;ACypBpB;AAEA;EACI;;;AAGJ;EACI;EACA,ODzlBQ;EC0lBR;EACA;;AAEA;EACI;EACA;;;ACrzBR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAKJ;EACI,kBFoFa;EEnFb,OFoHY;;;AE5GpB;EACI;IACI;;EAGJ;IACI;;;AAIR;AAAA;AAAA;EAGI;;;AAGJ;AACA;EAEI;AAAA;IAEI;;EAGJ;AAAA;IAEI;;;AAIR;AAAA;EAEI;;;AClEJ;EACI,cH+FsB;EG9FtB,kBHyHqB;;;AGtHzB;EACI,OHmFgB;EGlFhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBH8FgB;EG7FhB,OHqEY;;;AGjEpB;EAEQ;IACI;IACA;;;AAKZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAIA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,kBHkEqB;EGjErB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0BHsBkB;EGrBlB,2BHqBkB;EGpBlB;EACA,kBH8CiB;EG7CjB;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;IACI;;EAGA;IACI;;;AAKZ;EACI;EACA;EACA;EACA,OH9BmB;;AGgCnB;EACI;EACA;EACA,OHhBa;;AGmBjB;EACI,OHpBa;;;AGwBrB;EACI,OH5CmB;;AG8CnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EAEQ;IACI;;EAGJ;IACI;IACA;IACA;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;;AAMhB;EACI;IACI;;;ACpLR;AAAA;EAEI;EACA,OJsFgB;EIrFhB;EACA;EACA;EACA,kBJoHqB;;AIlHrB;AAAA;AAAA;AAAA;EAGI,OJ6EY;EI5EZ;EACA,cJkFkB;EIjFlB,kBJ4GiB;;AIzGrB;AAAA;EACI,OJsEY;EIrEZ;;;AAKJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI,cJDsB;;;AKhG1B;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBLiFoB;;AK/EpB;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAMA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OL+FQ;EK9FR;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA,OLwEQ;;AKtER;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI,kBL4FS;;AKzFb;EACI;;AAGJ;EACI,OLwCQ;EKvCR;;AAKR;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA,OLEgB;EKDhB;;AAEA;EACI;EACA;EACA;EACA;EACA,OLNY;EKOZ;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;AAEA;EAEI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBLzCY;EK0CZ;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEA;EAEI;;AAKJ;EACI;;;AAQR;EACI;;AAIA;EACI;;AAIR;EACI,kBLrGiB;;AKyGjB;EACI;;AAGJ;EACI;;AAEA;EACI,kBL/HK;EKgIL,OL/FI;;AKuGJ;EACI;;AAGJ;EACI;EACA,kBL7GA;EK8GA,OL/IC;;AKkJL;EACI,kBLnJC;;AKuJT;EACI;;AAMR;EACI;;AAGJ;EACI;;AAEA;EACI,kBLtJO;EKuJP,OLtII;;AK8IJ;EACI,kBLhKG;;AKmKP;EACI;EACA,kBLpJA;EKqJA,OLtKG;;AKyKP;EACI,kBL1KG;;AK8KX;EACI;;AAMR;EACI;;AAGJ;EACI;;AAEA;EACI,kBL1LK;EK2LL,OL7KI;;AKqLJ;EACI,kBLpMC;;AKuML;EACI;EACA,kBL3LA;EK4LA,OL1MC;;AK6ML;EACI,kBL9MC;;AKkNT;EACI;;AAMR;EACI;;AAGJ;EACI;;AAEA;EACI,kBLhOI;EKiOJ,OLpNI;;AK4NJ;EACI,kBL1OA;;AK6OJ;EACI;EACA,kBLlOA;EKmOA,OLhPA;;AKmPJ;EACI,kBLpPA;;AKwPR;EACI;;AAMR;EACI;;AAGJ;EACI;;AAEA;EACI,kBLzQG;EK0QH,OL3PI;;AKmQJ;EACI,kBLnRD;;AKsRH;EACI;EACA,kBLzQA;EK0QA,OLzRD;;AK4RH;EACI,kBL7RD;;AKiSP;EACI;;AAMR;EACI;;AAGJ;EACI;;AAEA;EACI,kBLjTK;EKkTL,OLlSI;;AK0SJ;EACI,kBL3TC;;AK8TL;EACI;EACA,kBLhTA;EKiTA,OLjUC;;AKoUL;EACI,kBLrUC;;AKyUT;EACI;;;AAMhB;EACI,kBLpVqB;EKqVrB;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKI;EACI;;AAIR;EACI;;AAMA;EACI;;AAIR;EACI;;AAMA;EACI;;AAIR;EACI;;;AAKZ;EACI,kBL1XgB;EK2XhB;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKI;EACI;;AAOJ;EACI;;AAOJ;EACI;;;AAQZ;EAEI;EACA,OL1aY;;;AK8apB;EACI;EACA,kBLncqB;EKocrB;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAOA;EAEI;;AAKJ;EACI;;AAGJ;EACI;;AAKJ;EACI;;AAGJ;EACI;;AAKJ;EACI;;AAGJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA,OL9fY;;AKggBZ;EACI,MLjgBQ;;AKogBZ;EAEI;;AAGJ;EACI,OL1gBQ;;AK8gBhB;EACI;EACA,OLhhBY;;AKkhBZ;EACI,MLnhBQ;;AKshBZ;EAEI;;AAGJ;EACI,OL5hBQ;;AKgiBhB;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBLziBY;EK0iBZ;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI,kBLzkBqB;;AK2kBrB;EACI;EACA;EACA;EACA;EACA;EACA,OL9jBY;;AKgkBZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBL3lBa;EK4lBb;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,OL5lBY;EK6lBZ;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBL5mBQ;EK6mBR;;AAKJ;EACI;;;AAKZ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OL3oBY;EK4oBZ;;AAEA;EACI,OL/oBQ;;AKmpBhB;EACI;EACA;EACA,OLtpBY;EKupBZ;;AAEA;EACI,OL1pBQ;;AK8pBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBLzrBiB;EK0rBjB;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBL1rBY;EK2rBZ;EACA;EACA;;;AAIR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAMR;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;;AAOJ;EACI;;;AAMhB;EACI;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBLh2Ba;EKi2Bb;EACA;;AAGJ;EACI;EACA;;AAKA;EAEI,kBL91BW;;AKo2Bf;EAEI,kBLn2BS;;AKy2Bb;EAEI,kBL12BQ;;AKg3BZ;EAEI,kBLr3BS;;AK23Bb;EAEI,kBLp3BO;;AK03BX;EAEI,kBLp4BO;;;AKy4BnB;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBLt6BgB;EKu6BhB,cLr9BsB;;;AMhG1B;EACI;EACA,kBNyHqB;EMxHrB;;;AAGJ;EACI,ONkFgB;EMjFhB,kBNmHqB;;AMlHrB;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,kBN+Fe;EM9Ff;;;AAOA;EACI;EACA;EACA;EACA,ON2KS;;AMxKb;EACI;EACA;EACA;EACA;EACA,ONsES;;AMnEb;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;;;AAIA;EACI;;AAEA;EACI;;AAIA;EACI;;AAIR;EACI;;;AAKZ;EACI;;;AClFJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7BZ;EACI;;;ACDJ;EACI;;AAEA;EAEI;;;AAKJ;EACI;EACA;;;AAOA;EACI;;AAKA;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EAEI;;AAGJ;EACI;;AAMR;EACI;;AAIA;EACI;;;AAcZ;EACI;;AAKA;EACI;EACA;EACA;EACA;;AAEA;EAEI;;AAGJ;EACI,YTiEoC;EShEpC,OTyDA;;ASnDR;EACI;EACA;;AAIA;EACI,OT4CA;ES3CA;;AAUhB;EACI,kBTIe;ESHf,OTFa;ESGb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQA;EACI;;AAOI;EACI;;AAGJ;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAQJ;EACI;;AAGJ;EACI;;;AAWpB;AAAA;EAEI,kBTzEiB;ES0EjB,OTzCgB;;;AU9IpB;EACI,OVwFgB;EUvFhB,cV8FsB;EU7FtB,kBVwHqB;;AUtHrB;EACI,cV0FkB;EUzFlB,kBV2Ge;EU1Gf,OVqGa;;AUlGjB;EACI;EACA,kBVqGe;EUpGf,OV+Fa;;;AUzFb;EACI,OVoEQ;EUnER;;AACA;EACI,kBVmGS;EUlGT,cVuEU;EUtEV;;AAMR;EACI,kBV4ES;EU3ET,OV4GQ;EU3GR,cV0ES;EUzET;;AAEA;EACI,kBVsEK;EUrEL,OVsGI;;;AW9IpB;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;;AAEJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAKI;EACI;;;AAKZ;EACI;;;AAGJ;EACI;;;AAMJ;EACI,YXyCoB;EWxCpB,OXgBgB;EWfhB;;;AAoBJ;EACI;;;AC9FA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OZ+EY;;AY7EZ;EACI,kBZqGW;EYpGX;EACA;EACA;EACA;EACA,OZ2FS;;AYxFb;EACI,kBZoKS;EYnKT,OZuHQ;;AYpHZ;EACI,YZwE4C;;AYtE5C;EACI,kBZ+EK;EY9EL,OZ+GI;;AY3GZ;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;IACI;;;;AbdZ;AclCA;EACE;EACA;EACA;EACA;EACA;EACA,kBbqHuB;EapHvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;AAEA;AAGE;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAEA;AACA;EACE;;AAEA;EACE;EACA,OdmBgB;;AcjBhB;EACE;;;AAKN;EACE;IACE;;;AAKF;EACE;EACA;EACA;EACA;EACA,OdDgB;EcEhB;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,Od9CkB;Ec+ClB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,kBd3EqB;;;Ac+EzB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OdnEkB;EcoElB;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YdnIiB;EcoIjB;EACA;;;AAIJ;EACE,OdzGkB;Ec0GlB;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA,Od9IkB;Ec+IlB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEE;;AAGF;EACE;;;AAKN;EACE;EACA,OdjLkB;EckLlB;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEE;;AAGF;EACE;;;AAKN;EACE,OdlNkB;EcmNlB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEE;;AAGF;EACE;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;;AAMF;AAAA;EAEE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE,kBd9QiB;;AcgRjB;EACE;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,YdtXiB;;AcwXjB;EACE;EACA;;AAIJ;EACE,Yd/XiB;;AciYjB;EACE;EACA;;AAMF;AAAA;EAEE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MdpYgB;EcqYhB;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAIJ;AAAA;AAAA;EAGE;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBdnbc;Ecobd;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA,kBdjhBqB;;AcmhBrB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBdtjBiB;EcujBjB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA,OdlkBkB;EcmkBlB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;;AAGF;EACE;EACA,Od/lBgB;;AcimBhB;EACE,MdlmBc;;;AcumBpB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA,OdxnBgB;EcynBhB;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE,kBd/qBuB;EcgrBvB;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,YdxqBsD;;Ac0qBtD;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,YdvvBsB;EcwvBtB,OdnuBmB;EcouBnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMA;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAMJ;EACE,YdztBoD;;Ac4tBtD;EACE,Yd5tBoD;;Ac+tBtD;EACE,Yd/tBoD;;AckuBtD;EACE,YdluBoD;;AcquBtD;EACE,YdruBoD;;AcwuBtD;EACE,YdxuBoD;;Ac2uBtD;EACE,Yd3uBoD;;;Ac+uBxD;EACE,kBd7yBmB;Ec8yBnB;EACA;EACA;EACA;EACA,OdhvBoB;;;AcmvBtB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OdryBgB;EcsyBhB;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAOF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;AAIJ;EACE;;;AAMJ;EACE,Odr2BgB;;;Acy2BpB;EACE;;AAEA;EACE;EACA;EACA;EACA;EAGE,+Bdn3Bc;;;Acw3BpB;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,cd58BmB;Ec68BnB;EACA,Od98BmB;Ec+8BnB;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,Yd79BiB;Ec89BjB;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBd9+BmB;Ec++BnB;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,kBd/+BmB;Ecg/BnB;;AAIF;EACE;EACA;EACA,kBdp/BiB;Ecq/BjB;;AAIF;EACE;EACA;EACA,kBdr/Be;Ecs/Bf;;AAGF;EACE;EACA;EACA,kBd7/Be;Ec8/Bf;;AAGF;EACE;EACA;EACA,kBdzgCgB;Ec0gChB;;;AAKJ;EAEE;IAEE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EAEE;IAEE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,YdlkCsD;EcmkCtD,Od1kCkB;Ec2kClB;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Yd7jCoB;Ec8jCpB,OdvhCU;EcwhCV;EACA,OdtpCkB;;;AcypCpB;EACE;EACA,Od3pCkB;Ec4pClB,kBdtkCoB;EcukCpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBdvpCiB;EcwpCjB,OdvnCgB;EcwnChB;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,Yd5oCsD;Ec6oCtD,OdppCkB;EcqpClB;EACA;EACA;EACA;;AAEA;EACE,Od3pCgB;;;AciqCpB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE,kBdr/CmB;;Acw/CrB;EACE;;;AAMJ;EACE;EACA;;;AAOF;EACE;EACA;EACA;EACA,OdriDqB;EcsiDrB;EACA;;;AAOF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;EACA,Od5kDkB;Ec6kDlB;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBdtkDmB;EcukDnB;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE,Od9jDgB;;AcikDlB;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBdxpDoB;;;Ac4pDxB;EACE;;AAGE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;EACA,Yd7sDqB;Ec8sDrB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;IACE;;;AAIJ;EAEI;IACE;;EAGF;IACE;;;AAcJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,kBd7wDqB;Ec8wDrB;EACA;EACA;;;AAGF;EACE,kBd5sDmB;Ec6sDnB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE,kBdruDoB;EcsuDpB;EACA;EACA;EACA;;AAEA;EACE,kBdzyDmB;;;Ac6yDvB;EACE;EACA;EACA;EACA;EACA,YdzyDuB;;Ac2yDvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0Bd/vDkB;EcgwDlB,2BdhwDkB;EciwDlB;EACA,kBdvzDqB;EcwzDrB;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA,Ydl0DuB;;Aco0DvB;EACE;EACA;EACA;EACA;EAC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EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAGA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACzHJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI,YhCsHoD;;;AgCnHxD;EACI,YhCmHoD;;;AgChHxD;EACI,YhCgHoD;;;AgC7GxD;EACI,YhC6GoD;;;AgC1GxD;EACI,YhC0GoD;;;AgCvGxD;EACI,YhCwGoD;;;AgCrGxD;EACI,YhCmGoD;;;AgChGxD;EACI,YhCiGoD;;;AgC9FxD;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAKJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI", "file":"styles.css", "sourcesContent":["\r\n/*------------------------------------------------------------------\r\n\r\n[Master Stylesheet]\r\n\r\nProject        :   Hostma - Modern Web Hosting Template\r\nCopyright      :   Spruko Technologies Private Limited \r\nAuthor         :   Spruko\r\nAuthor URL     :   https://themeforest.net/user/spruko\r\nSupport\t       :   support@spruko.com\r\nLicense        :   Licensed under ThemeForest License\r\n\r\n-------------------------------------------------------------------*/\r\n\r\n@import \"variables\";\r\n\r\n/* ######## FONT ######## */\r\n@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=block');\r\n@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@500;600&display=block');\r\n\r\n/* ######## BOOTSTRAP ######## */\r\n@import \"bootstrap/buttons\";\r\n@import \"bootstrap/carousel\";\r\n@import \"bootstrap/dropdown\";\r\n@import \"bootstrap/forms\";\r\n@import \"bootstrap/cards\";\r\n@import \"bootstrap/accordion\";\r\n@import \"bootstrap/modal\";\r\n@import \"bootstrap/tooltip\";\r\n@import \"bootstrap/nav\";\r\n@import \"bootstrap/pagination\";\r\n@import \"bootstrap/table\";\r\n@import \"bootstrap/tabs\";\r\n\r\n/* ######## CUSTOM ######## */\r\n@import \"custom/cookies\";\r\n@import \"custom/customs\";\r\n@import \"custom/header\";\r\n@import \"custom/image\";\r\n@import \"custom/plugins\";\r\n@import \"custom/switcher\";\r\n\r\n/* ######## LAYOUT-STYLES ######## */\r\n@import \"layouts/menu_hover\";\r\n@import \"layouts/horizontal\";\r\n@import \"layouts/vertical\";\r\n\r\n/* ######## SWITCHER-STYLES ######## */\r\n@import \"switcher-styles/dark-styles\";\r\n@import \"switcher-styles/rtl\";\r\n@import \"switcher-styles/boxed\";\r\n\r\n/* ######## UTILITIES ######## */\r\n@import \"util/typography\";\r\n@import \"util/background\";\r\n@import \"util/width\";\r\n@import \"util/opacity\";\r\n@import \"util/margin\";\r\n@import \"util/padding\";\r\n@import \"util/border\";\r\n@import \"util/extras\";", "\r\n:root {\r\n\t--body-bg-rgb : \t\t\t\t\t\t\t\t\t255, 255, 255;\r\n\t--primary-rgb: \t\t\t\t\t\t\t\t\t\t20, 87, 230;\r\n\t--secondary-rgb :\t\t\t\t\t\t\t\t\t247, 131, 38;\r\n\t--warning-rgb :\t\t\t\t\t\t\t\t\t\t245, 177, 75;\r\n\t--info-rgb :\t\t\t\t\t\t\t\t\t\t78, 194, 240;\r\n\t--success-rgb :\t\t\t\t\t\t\t\t\t\t23, 202, 104;\r\n\t--danger-rgb :\t\t\t\t\t\t\t\t\t\t236, 95, 103;\r\n    --pink-rgb:                                         227, 74, 230;\r\n    --blue-rgb:                                         38, 143, 230;\r\n\t--light-rgb :\t\t\t\t\t\t\t\t\t\t253, 253, 254;\r\n\t--dark-rgb :\t\t\t\t\t\t\t\t\t\t25, 31, 43;\r\n\t--orange-rgb : \t\t\t\t\t\t\t\t\t\t253, 126, 20;\r\n\t--teal-rgb : \t\t\t\t\t\t\t\t\t\t74, 201, 189;\r\n\t--purple-rgb : \t\t\t\t\t\t\t\t\t\t120, 145, 239;\r\n\t--default-body-bg-color:\t\t\t\t\t\t\trgb(var(--body-bg-rgb));\t\t\r\n\t--primary-color:\t \t\t\t\t\t\t\t\trgb(var(--primary-rgb));\r\n\t--primary-hover:\t \t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.8);\r\n\t--primary-border: \t\t\t\t\t\t\t\t\trgb(var(--primary-rgb));\r\n\t--primary005: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.05);\r\n\t--primary01: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.1);\r\n\t--primary02: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.2);\r\n\t--primary03: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.3);\r\n\t--primary04: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.4);\r\n\t--primary05: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.5);\r\n\t--primary06: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.6);\r\n\t--primary07: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.7);\r\n\t--primary08: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.8);\r\n\t--primary09: \t\t\t\t\t\t\t\t\t\trgba(var(--primary-rgb), 0.9);\r\n\t--default-text-color:       \t\t\t\t\t\t#6b6b7e;\r\n    --color-dark:                                       #03123e;\r\n\t--border:\t\t\t\t\t\t\t\t\t        #e9e9e9;\t\r\n\t--shadow:\t\t\t\t\t\t\t\t\t        0 3px 10px 0px rgba(0, 0, 0, 0.1);\t\r\n\t--default-background: \t\t\t\t\t\t\t\t#ebebeb;\r\n\t--custom-white:\t\t\t\t\t\t\t\t\t\t#fff;\r\n\t--custom-black:\t\t\t\t\t\t\t\t\t\t#000;\r\n\t--muted: \t\t\t\t\t\t\t\t\t\t    #7987a1;\r\n    --menu-color:\t\t\t\t\t\t\t\t\t\t#6b6b7e;\r\n\t--border-width: \t\t\t\t\t\t\t\t\t1px;\r\n\r\n\t/* Gray set */\r\n\t--gray-100: #f9fafb;\r\n    --gray-200: #f2f4f5;\r\n    --gray-300: #e6eaeb;\r\n    --gray-400: #dbdfe1;\r\n    --gray-500: #949eb7;\r\n    --gray-600: #7987a1;\r\n    --gray-700: #4d5875;\r\n    --gray-800: #383853;\r\n    --gray-900: #323251;\r\n\r\n\t/* White set */\r\n\t--white-1:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t--white-2:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.2);\r\n\t--white-3:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.3);\r\n\t--white-4:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.4);\r\n\t--white-5:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.5);\r\n\t--white-6:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.6);\r\n\t--white-7:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.7);\r\n\t--white-8:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.8);\r\n\t--white-9:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.9);\r\n\t--white-05:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.05);\r\n\t--white-07:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.07);\r\n\t--white-75:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.075);\r\n\t--white-08:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.08);\r\n\t\r\n\t/* Black set */\r\n\t--black-1:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.1);\r\n\t--black-2:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n\t--black-3:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.3);\r\n\t--black-4:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.4);\r\n\t--black-5:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.5);\r\n\t--black-6:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.6);\r\n\t--black-7:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.7);\r\n\t--black-8:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.8);\r\n\t--black-9:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.9);\r\n\t--black-03:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.03);\r\n\t--black-05:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.05);\r\n\r\n\t/* Float */\r\n    --float-start: left;\r\n    --float-end: right;\r\n}\r\n\r\n\r\n\r\n/*Body & Text colors*/\r\n$background: \t\t\t\t\t\t\t\t\t\t\tvar(--default-body-bg-color);\r\n$color:\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--default-text-color);\r\n$color-dark:\t\t\t\t\t\t\t\t\t\t\tvar(--color-dark);\r\n\r\n/*Default Background Color*/\r\n$default-background: \t\t\t\t\t\t\t\t\tvar(--default-background);\r\n\r\n/*Border Color*/\r\n$border:\t\t\t\t\t\t\t\t\t\t        var(--border);\r\n\r\n/*Shadow*/\r\n$shadow:                                                var(--shadow);\r\n\r\n/*Border-width*/\r\n$border-width:                                          var(--border-width);\r\n\r\n\r\n/*menu variables*/\r\n$menu-color:                                            var(--menu-color);\r\n\r\n/*Color Variables*/\r\n$primary:\t\t\t\t\t\t\t\t\t\t\t\tvar(--primary-color);\r\n$primary-border:\t\t\t\t\t\t\t\t\t\tvar(--primary-border);\r\n$primary-hover:\t\t\t\t\t\t\t\t\t\t    var(--primary-hover);\r\n$primary-transparent:\t\t\t\t\t\t\t\t\tvar(--primary-transparent-color);\r\n$primary-005:\t\t\t\t\t\t\t\t\t\t\tvar(--primary005);\r\n$primary-01:\t\t\t\t\t\t\t\t\t\t\tvar(--primary01);\r\n$primary-02:\t\t\t\t\t\t\t\t\t\t\tvar(--primary02);\r\n$primary-03:\t\t\t\t\t\t\t\t\t\t\tvar(--primary03);\r\n$primary-04:\t\t\t\t\t\t\t\t\t\t\tvar(--primary04);\r\n$primary-05:\t\t\t\t\t\t\t\t\t\t\tvar(--primary05);\r\n$primary-06:\t\t\t\t\t\t\t\t\t\t\tvar(--primary06);\r\n$primary-07:\t\t\t\t\t\t\t\t\t\t\tvar(--primary07);\r\n$primary-08:\t\t\t\t\t\t\t\t\t\t\tvar(--primary08);\r\n$primary-09:\t\t\t\t\t\t\t\t\t\t\tvar(--primary09);\r\n$custom-white:\t\t\t\t\t\t\t\t\t\t\tvar(--custom-white);\r\n$custom-black:\t\t\t\t\t\t\t\t\t\t\tvar(--custom-black);\r\n$secondary:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--secondary-rgb));\r\n$warning:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--warning-rgb));\r\n$info:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--info-rgb));\r\n$success:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--success-rgb));\r\n$danger:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--danger-rgb));\r\n$light:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--light-rgb));\r\n$dark:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--dark-rgb));\r\n$orange:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--orange-rgb));\r\n$purple:\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--purple-rgb));\r\n$teal:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--teal-rgb));\r\n$pink:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--pink-rgb));\r\n$blue:\t\t\t\t\t\t\t\t\t\t\t\t\trgb(var(--blue-rgb));\r\n$muted:\t\t\t\t\t\t\t\t\t\t\t        var(--muted);\r\n$red:                                                   #f14343;\r\n$green:\t\t\t\t\t\t\t\t\t\t\t\t\t#2dce89;\r\n$cyan:\t\t\t\t\t\t\t\t\t\t\t\t\t#00D1D1;\r\n$indigo:\t\t\t\t\t\t\t\t\t\t\t\t#5b67c7;\r\n$white:\t\t\t\t\t\t\t\t\t\t\t\t\t#fff;\r\n$gray:\t\t\t\t\t\t\t\t\t\t\t\t\t#8699A3;\r\n$black:\t\t\t\t\t\t\t\t\t\t\t\t\t#000;\r\n$yellow:\t\t\t\t\t\t\t\t\t\t\t\t#ffc102;\r\n\r\n\r\n/*gradient variables*/\r\n$primary-gradient:                                      linear-gradient(to right, $primary 0%, $blue 100%);\r\n$secondary-gradient:                                    linear-gradient(to right, $secondary 0%, rgba(var(--secondary-rgb), 0.5) 100%);\r\n$success-gradient:                                      linear-gradient(to right, $success 0%, rgba(var(--success-rgb), 0.5) 100%);\r\n$warning-gradient:                                      linear-gradient(to right, $warning 0%, rgba(var(--warning-rgb), 0.5) 100%);\r\n$pink-gradient:                                         linear-gradient(to right, $pink 0%, rgba(var(--pink-rgb), 0.5) 100%);\r\n$teal-gradient:                                         linear-gradient(to right, $teal 0%, rgba(var(--teal-rgb), 0.5) 100%);\r\n$danger-gradient:                                       linear-gradient(to right, $danger 0%, rgba(var(--danger-rgb), 0.5) 100%);\r\n$info-gradient:                                         linear-gradient(to right, $info 0%, rgba(var(--info-rgb), 0.5) 100%);\r\n$orange-gradient:                                       linear-gradient(to right, $orange 0%, rgba(var(--orange-rgb), 0.5) 100%);\r\n$purple-gradient:                                       linear-gradient(to right, $purple 0%, rgba(var(--purple-rgb), 0.5) 100%);\r\n$blue-gradient:                                         linear-gradient(to right, $blue 0%, rgba(var(--blue-rgb), 0.5) 100%);\r\n\r\n\r\n/* shadow variables */\r\n\r\n$primary-shadow:                                        0 .5rem 1rem $primary-02;\r\n$secondary-shadow:                                      0 .5rem 1rem rgba(var(--secondary-rgb), 0.2);\r\n$success-shadow:                                        0 .5rem 1rem rgba(var(--success-rgb), 0.2);\r\n$info-shadow:                                           0 .5rem 1rem rgba(var(--info-rgb), 0.2);\r\n$pink-shadow:                                           0 .5rem 1rem rgba(var(--pink-rgb), 0.2);\r\n$danger-shadow:                                         0 .5rem 1rem rgba(var(--danger-rgb), 0.2);\r\n$purple-shadow:                                         0 .5rem 1rem rgba(var(--purple-rgb), 0.2);\r\n$teal-shadow:                                           0 .5rem 1rem rgba(var(--teal-rgb), 0.2);\r\n\r\n/*gray set*/\r\n$gray-100:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-100);\r\n$gray-200:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-200);\r\n$gray-300:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-300);\r\n$gray-400:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-400);\r\n$gray-500:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-500);\r\n$gray-600:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-600);\r\n$gray-700:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-700);\r\n$gray-800:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-800);\r\n$gray-900:\t\t\t\t\t\t\t\t\t\t\t\tvar(--gray-900);\r\n\r\n/*white set*/\r\n$white-1:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-1);\r\n$white-2:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-2);\r\n$white-3:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-3);\r\n$white-4:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-4);\r\n$white-5:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-5);\r\n$white-6:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-6);\r\n$white-7:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-7);\r\n$white-8:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-8);\r\n$white-9:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-9);\r\n$white-05:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-05);\r\n$white-07:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-07);\r\n$white-75:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-75);\r\n$white-08:\t\t\t\t\t\t\t\t\t\t\t\tvar(--white-08);\r\n\r\n/*black set*/\r\n$black-1:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-1);\r\n$black-2:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-2);\r\n$black-3:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-3);\r\n$black-4:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-4);\r\n$black-5:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-5);\r\n$black-6:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-6);\r\n$black-7:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-7);\r\n$black-8:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-8);\r\n$black-9:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-9);\r\n$black-03:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-03);\r\n$black-05:\t\t\t\t\t\t\t\t\t\t\t\tvar(--black-05);\r\n\r\n//float variables\r\n$float-start: var(--float-start);\r\n$float-end: var(--float-end);\r\n\r\n/* dark mode */\r\n[data-theme-mode=\"dark\"] {\r\n\t--body-bg-rgb: \t\t\t\t\t\t\t\t\t\t23, 38, 58;\r\n\t--custom-white:\t\t\t\t\t\t\t\t\t\trgb(var(--body-bg-rgb));\t\t\r\n\t--custom-black:\t\t\t\t\t\t\t\t\t\t#fff;\t\t\r\n\t--border:\t\t\t\t\t\t\t\t\t        rgba(255, 255, 255, 0.1);\t\r\n\t--default-text-color:       \t\t\t\t\t\trgba(255, 255, 255, 0.7);\r\n\t--color-dark:                                       #fff;\r\n\t--dark-rgb :\t\t\t\t\t\t\t\t\t\t40 ,40 ,40; \r\n\t--default-background:\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t--default-body-bg-color:\t\t\t\t\t\t\trgb(var(--body-bg-rgb), 0.95);\t\r\n\t--muted: \t\t\t\t\t\t\t\t\t\t    rgba(255, 255, 255, 0.4);\r\n\t--light-rgb:\t\t\t\t\t\t\t\t\t\t255, 255, 255, 0.1;\r\n\t--menu-color:\t\t\t\t\t\t\t\t\t\t255, 255, 255;\r\n\r\n\t/* Gray Set */\r\n    --gray-100: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.02);\r\n    --gray-200: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.05);\r\n    --gray-300: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n    --gray-400: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.15);\r\n    --gray-500: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.2);\r\n    --gray-600: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.25);\r\n    --gray-700: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.3);\r\n    --gray-800: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.35);\r\n    --gray-900: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.4);\r\n\r\n\t/* white set */\r\n\t--white-1:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.1);\r\n\t--white-2:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n\t--white-3:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.3);\r\n\t--white-4:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.4);\r\n\t--white-5:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.5);\r\n\t--white-6:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.6);\r\n\t--white-7:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.7);\r\n\t--white-8:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.8);\r\n\t--white-9:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.9);\r\n\t--white-05:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.05);\r\n\t--white-07:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.07);\r\n\t--white-75:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.075);\r\n\t--white-08:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n\t\r\n\t/* black set */\r\n\t--black-1:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t--black-2:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.2);\r\n\t--black-3:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.3);\r\n\t--black-4:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.4);\r\n\t--black-5:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.5);\r\n\t--black-6:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.6);\r\n\t--black-7:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.7);\r\n\t--black-8:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.8);\r\n\t--black-9:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.9);\r\n\t--black-03:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.03);\r\n\t--black-05:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.05);\r\n}\r\n\r\n@media (prefers-color-scheme: dark){\r\n\t[data-theme-mode=\"dark\"] {\r\n\t\t--body-bg-rgb : \t\t\t\t\t\t\t\t\t23, 38, 58;\r\n\t\t--custom-white:\t\t\t\t\t\t\t\t\t\trgb(var(--body-bg-rgb));\t\t\r\n\t\t--custom-black:\t\t\t\t\t\t\t\t\t\t#fff;\t\t\r\n\t\t--border:\t\t\t\t\t\t\t\t\t        rgba(255, 255, 255, 0.1);\t\r\n\t\t--default-text-color:       \t\t\t\t\t\trgba(255, 255, 255, 0.7);\r\n\t\t--dark-rgb :\t\t\t\t\t\t\t\t\t\t20 ,20 ,20;\t\r\n\t\t--default-background:\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t\t--default-body-bg-color:\t\t\t\t\t\t\trgb(var(--body-bg-rgb), 0.95);\t\r\n\t\t--muted: \t\t\t\t\t\t\t\t\t\t    rgba(255, 255, 255, 0.4);\r\n\t\t--light-rgb :\t\t\t\t\t\t\t\t\t\t255, 255, 255, 0.1;\r\n\t\t--menu-color:\t\t\t\t\t\t\t\t\t\t255, 255, 255;\r\n\t\r\n\t\t/* Gray Set */\r\n\t\t--gray-100: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.02);\r\n\t\t--gray-200: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.05);\r\n\t\t--gray-300: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t\t--gray-400: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.15);\r\n\t\t--gray-500: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.2);\r\n\t\t--gray-600: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.25);\r\n\t\t--gray-700: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.3);\r\n\t\t--gray-800: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.35);\r\n\t\t--gray-900: \t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.4);\r\n\t\r\n\t\t/* white set */\r\n\t\t--white-1:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.1);\r\n\t\t--white-2:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n\t\t--white-3:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.3);\r\n\t\t--white-4:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.4);\r\n\t\t--white-5:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.5);\r\n\t\t--white-6:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.6);\r\n\t\t--white-7:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.7);\r\n\t\t--white-8:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.8);\r\n\t\t--white-9:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.9);\r\n        --white-05:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.05);\r\n        --white-07:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.07);\r\n        --white-75:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.075);\r\n        --white-08:\t\t\t\t\t\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n\t\t\r\n\t\t/* black set */\r\n\t\t--black-1:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.1);\r\n\t\t--black-2:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.2);\r\n\t\t--black-3:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.3);\r\n\t\t--black-4:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.4);\r\n\t\t--black-5:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.5);\r\n\t\t--black-6:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.6);\r\n\t\t--black-7:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.7);\r\n\t\t--black-8:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.8);\r\n\t\t--black-9:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.9);\r\n\t\t--black-03:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.03);\r\n\t\t--black-05:\t\t\t\t\t\t\t\t\t\t\trgba(255, 255, 255, 0.05);\r\n\t}\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n    --float-start: right;\r\n    --float-end: left;\r\n}", "/* Start::button default */\r\n.btn {\r\n    padding: 0.5rem 1rem;\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n    border-radius: 0.3rem;\r\n}\r\n\r\n.btn-check:active+.btn,\r\n.btn-check:checked+.btn,\r\n.btn.active,\r\n.btn.show,\r\n.btn:active {\r\n    color: $white;\r\n}\r\n\r\n/* End::button default */\r\n\r\n\r\n/* Start::btn-primary */\r\n.btn-primary {\r\n    background-color: #{$primary};\r\n    border-color: #{$primary};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$primary-hover};\r\n        border-color: #{$primary-border};\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-primary,\r\n.btn-primary:focus {\r\n    background-color: #{$primary};\r\n    border-color: #{$primary-border};\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-primary:focus,\r\n.btn-check:checked+.btn-primary:focus,\r\n.btn-primary.active:focus,\r\n.btn-primary.show:focus,\r\n.btn-primary:active:focus {\r\n    box-shadow: 0 0 0 0.2rem #{$primary-05};\r\n}\r\n\r\n.btn-check:active+.btn-primary,\r\n.btn-check:checked+.btn-primary,\r\n.btn-primary.active,\r\n.btn-primary.show,\r\n.btn-primary:active {\r\n    background-color: #{$primary};\r\n    border-color: #{$primary-border};\r\n}\r\n\r\n/* End::btn-primary */\r\n\r\n/* Start::btn-secondary */\r\n.btn-secondary {\r\n    background-color: #{$secondary} !important;\r\n    border-color: #{$secondary} !important;\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: rgba(var(--secondary-rgb), 0.9);\r\n        border-color: #{$secondary};\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-secondary,\r\n.btn-secondary:focus {\r\n    background-color: #{$secondary};\r\n    border-color: #{$secondary};\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-secondary:focus,\r\n.btn-check:checked+.btn-secondary:focus,\r\n.btn-secondary.active:focus,\r\n.btn-secondary.show:focus,\r\n.btn-secondary:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-secondary,\r\n.btn-check:checked+.btn-secondary,\r\n.btn-secondary.active,\r\n.btn-secondary.show,\r\n.btn-secondary:active {\r\n    background-color: #{$secondary};\r\n    border-color: #{$secondary};\r\n}\r\n\r\n/* End::btn-secondary */\r\n\r\n/* Start::btn-success */\r\n.btn-success {\r\n    background-color: #{$success} !important;\r\n    border-color: #{$success} !important;\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: rgba(var(--success-rgb), 0.9);\r\n        border-color: #{$success};\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-success,\r\n.btn-success:focus {\r\n    background-color: #{$success};\r\n    border-color: #{$success};\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-success:focus,\r\n.btn-check:checked+.btn-success:focus,\r\n.btn-success.active:focus,\r\n.btn-success.show:focus,\r\n.btn-success:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-success,\r\n.btn-check:checked+.btn-success,\r\n.btn-success.active,\r\n.btn-success.show,\r\n.btn-success:active {\r\n    background-color: #{$success};\r\n    border-color: #{$success};\r\n}\r\n\r\n/* End::btn-success */\r\n\r\n/* Start::btn-danger */\r\n.btn-danger {\r\n    background-color: #{$danger} !important;\r\n    border-color: #{$danger} !important;\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: rgba(var(--danger-rgb), 0.9);\r\n        border-color: #{$danger};\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-danger,\r\n.btn-danger:focus {\r\n    background-color: #{$danger};\r\n    border-color: #{$danger};\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-danger:focus,\r\n.btn-check:checked+.btn-danger:focus,\r\n.btn-danger.active:focus,\r\n.btn-danger.show:focus,\r\n.btn-danger:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-danger,\r\n.btn-check:checked+.btn-danger,\r\n.btn-danger.active,\r\n.btn-danger.show,\r\n.btn-danger:active {\r\n    background-color: #{$danger};\r\n    border-color: #{$danger};\r\n}\r\n\r\n/* End::btn-danger */\r\n\r\n/* Start::btn-light */\r\n.btn-light {\r\n    background-color: #{$gray-300};\r\n    border-color: #{$gray-300};\r\n    color: #{$color};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$gray-200};\r\n        border-color: #{$gray-300};\r\n    }\r\n}\r\n\r\n.btn-pink {\r\n    background-color: $pink;\r\n    border-color: $pink;\r\n    color: #{$white};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: rgba(var(--pink-rgb), 0.9);\r\n        border-color: $pink;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-light,\r\n.btn-light:focus {\r\n    background-color: #{$gray-300};\r\n    border-color: #{$gray-300};\r\n    color: #{$color};\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-light:focus,\r\n.btn-check:checked+.btn-light:focus,\r\n.btn-light.active:focus,\r\n.btn-light.show:focus,\r\n.btn-light:active:focus {\r\n    box-shadow: 0 0 0 0.2rem #{$gray-300};\r\n}\r\n\r\n.btn-check:active+.btn-light,\r\n.btn-check:checked+.btn-light,\r\n.btn-light.active,\r\n.btn-light.show,\r\n.btn-light:active {\r\n    background-color: #{$gray-300};\r\n    border-color: #{$gray-300};\r\n    color: #{$color};\r\n}\r\n\r\n/* End::btn-light */\r\n\r\n/* Start::btn-white */\r\n.btn-white {\r\n    background-color: $white;\r\n    border-color: $white;\r\n    color: #4d5875;\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: $white;\r\n        border-color: $white;\r\n        color: #383853;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-white,\r\n.btn-white:focus {\r\n    background-color: $white;\r\n    border-color: $white;\r\n    color: #4d5875;\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-white:focus,\r\n.btn-check:checked+.btn-white:focus,\r\n.btn-white.active:focus,\r\n.btn-white.show:focus,\r\n.btn-white:active:focus {\r\n    box-shadow: 0 0 0 0.2rem $white-05;\r\n}\r\n\r\n.btn-check:active+.btn-white,\r\n.btn-check:checked+.btn-white,\r\n.btn-white.active,\r\n.btn-white.show,\r\n.btn-white:active {\r\n    background-color: $white;\r\n    border-color: $white;\r\n}\r\n\r\n/* End::btn-white */\r\n\r\n/* Start::btn-primary-transparent */\r\n.btn-primary-transparent {\r\n    background-color: #{$primary-02};\r\n    border-color: #{$primary-02};\r\n    color: #{$primary};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$primary};\r\n        border-color: #{$primary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-primary-transparent,\r\n.btn-primary-transparent:focus {\r\n    background-color: #{$primary-02};\r\n    border-color: #{$primary-02};\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$primary};\r\n}\r\n\r\n.btn-check:active+.btn-primary-transparent:focus,\r\n.btn-check:checked+.btn-primary-transparent:focus,\r\n.btn-primary-transparent.active:focus,\r\n.btn-primary-transparent.show:focus,\r\n.btn-primary-transparent:active:focus {\r\n    box-shadow: 0 0 0 0.2rem #{$primary-05};\r\n}\r\n\r\n.btn-check:active+.btn-primary-transparent,\r\n.btn-check:checked+.btn-primary-transparent,\r\n.btn-primary-transparent.active,\r\n.btn-primary-transparent.show,\r\n.btn-primary-transparent:active {\r\n    background-color: #{$primary};\r\n    border-color: #{$primary-02};\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-primary-transparent */\r\n\r\n/* Start::btn-secondary-transparent */\r\n.btn-secondary-transparent {\r\n    background-color: rgba(var(--secondary-rgb), 0.2);\r\n    border-color: rgba(var(--secondary-rgb), 0.2);\r\n    color: #{$secondary};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$secondary};\r\n        border-color: #{$secondary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-secondary-transparent,\r\n.btn-secondary-transparent:focus {\r\n    background-color: rgba(var(--secondary-rgb), 0.2);\r\n    border-color: rgba(var(--secondary-rgb), 0.2);\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$secondary};\r\n}\r\n\r\n.btn-check:active+.btn-secondary-transparent:focus,\r\n.btn-check:checked+.btn-secondary-transparent:focus,\r\n.btn-secondary-transparent.active:focus,\r\n.btn-secondary-transparent.show:focus,\r\n.btn-secondary-transparent:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-secondary-transparent,\r\n.btn-check:checked+.btn-secondary-transparent,\r\n.btn-secondary-transparent.active,\r\n.btn-secondary-transparent.show,\r\n.btn-secondary-transparent:active {\r\n    background-color: #{$secondary};\r\n    border-color: rgba(var(--secondary-rgb), 0.2);\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-secondary-transparent */\r\n\r\n/* Start::btn-success-transparent */\r\n.btn-success-transparent {\r\n    background-color: rgba(var(--success-rgb), 0.2);\r\n    border-color: rgba(var(--success-rgb), 0.2);\r\n    color: #{$success};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$success};\r\n        border-color: #{$success};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-success-transparent,\r\n.btn-success-transparent:focus {\r\n    background-color: rgba(var(--success-rgb), 0.2);\r\n    border-color: rgba(var(--success-rgb), 0.2);\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$success};\r\n}\r\n\r\n.btn-check:active+.btn-success-transparent:focus,\r\n.btn-check:checked+.btn-success-transparent:focus,\r\n.btn-success-transparent.active:focus,\r\n.btn-success-transparent.show:focus,\r\n.btn-success-transparent:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-success-transparent,\r\n.btn-check:checked+.btn-success-transparent,\r\n.btn-success-transparent.active,\r\n.btn-success-transparent.show,\r\n.btn-success-transparent:active {\r\n    background-color: #{$success};\r\n    border-color: rgba(var(--success-rgb), 0.2);\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-success-transparent */\r\n\r\n/* Start::btn-danger-transparent */\r\n.btn-danger-transparent {\r\n    background-color: rgba(var(--danger-rgb), 0.2);\r\n    border-color: rgba(var(--danger-rgb), 0.2);\r\n    color: #{$danger};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$danger};\r\n        border-color: #{$danger};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-danger-transparent,\r\n.btn-danger-transparent:focus {\r\n    background-color: rgba(var(--danger-rgb), 0.2);\r\n    border-color: rgba(var(--danger-rgb), 0.2);\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$danger};\r\n}\r\n\r\n.btn-check:active+.btn-danger-transparent:focus,\r\n.btn-check:checked+.btn-danger-transparent:focus,\r\n.btn-danger-transparent.active:focus,\r\n.btn-danger-transparent.show:focus,\r\n.btn-danger-transparent:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-danger-transparent,\r\n.btn-check:checked+.btn-danger-transparent,\r\n.btn-danger-transparent.active,\r\n.btn-danger-transparent.show,\r\n.btn-danger-transparent:active {\r\n    background-color: #{$danger};\r\n    border-color: rgba(var(--danger-rgb), 0.2);\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-danger-transparent */\r\n\r\n/* Start::btn-outline-primary */\r\n.btn-outline-primary {\r\n    color: #{$primary};\r\n    border-color: #{$primary};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$primary};\r\n        border-color: #{$primary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-outline-primary,\r\n.btn-outline-primary:focus {\r\n    background-color: transparent;\r\n    border-color: #{$primary};\r\n    color: #{$primary};\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-outline-primary:focus,\r\n.btn-check:checked+.btn-outline-primary:focus,\r\n.btn-outline-primary.active:focus,\r\n.btn-outline-primary.show:focus,\r\n.btn-outline-primary:active:focus {\r\n    color: $white;\r\n    box-shadow: 0 0 0 0.2rem #{$primary-05};\r\n}\r\n\r\n.btn-check:active+.btn-outline-primary,\r\n.btn-check:checked+.btn-outline-primary,\r\n.btn-outline-primary.active,\r\n.btn-outline-primary.show,\r\n.btn-outline-primary:active {\r\n    background-color: #{$primary};\r\n    border-color: #{$primary};\r\n}\r\n\r\n/* End::btn-outline-primary */\r\n\r\n/* Start::btn-outline-secondary */\r\n.btn-outline-secondary {\r\n    color: #{$secondary};\r\n    border-color: #{$secondary};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$secondary};\r\n        border-color: #{$secondary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-outline-secondary,\r\n.btn-outline-secondary:focus {\r\n    background-color: transparent;\r\n    border-color: #{$secondary};\r\n    color: #{$secondary};\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-outline-secondary:focus,\r\n.btn-check:checked+.btn-outline-secondary:focus,\r\n.btn-outline-secondary.active:focus,\r\n.btn-outline-secondary.show:focus,\r\n.btn-outline-secondary:active:focus {\r\n    color: $white;\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-outline-secondary,\r\n.btn-check:checked+.btn-outline-secondary,\r\n.btn-outline-secondary.active,\r\n.btn-outline-secondary.show,\r\n.btn-outline-secondary:active {\r\n    background-color: #{$secondary};\r\n    border-color: #{$secondary};\r\n}\r\n\r\n/* End::btn-outline-secondary */\r\n\r\n/* Start::btn-outline-success */\r\n.btn-outline-success {\r\n    color: #{$success};\r\n    border-color: #{$success};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$success};\r\n        border-color: #{$success};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-outline-success,\r\n.btn-outline-success:focus {\r\n    background-color: transparent;\r\n    border-color: #{$success};\r\n    color: #{$success};\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-outline-success:focus,\r\n.btn-check:checked+.btn-outline-success:focus,\r\n.btn-outline-success.active:focus,\r\n.btn-outline-success.show:focus,\r\n.btn-outline-success:active:focus {\r\n    color: $white;\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-outline-success,\r\n.btn-check:checked+.btn-outline-success,\r\n.btn-outline-success.active,\r\n.btn-outline-success.show,\r\n.btn-outline-success:active {\r\n    background-color: #{$success};\r\n    border-color: #{$success};\r\n}\r\n\r\n/* End::btn-outline-success */\r\n\r\n/* Start::btn-outline-danger */\r\n.btn-outline-danger {\r\n    color: #{$danger};\r\n    border-color: #{$danger};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$danger};\r\n        border-color: #{$danger};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-outline-danger,\r\n.btn-outline-danger:focus {\r\n    background-color: transparent;\r\n    border-color: #{$danger};\r\n    color: #{$danger};\r\n    box-shadow: none;\r\n}\r\n\r\n.btn-check:active+.btn-outline-danger:focus,\r\n.btn-check:checked+.btn-outline-danger:focus,\r\n.btn-outline-danger.active:focus,\r\n.btn-outline-danger.show:focus,\r\n.btn-outline-danger:active:focus {\r\n    color: $white;\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-outline-danger,\r\n.btn-check:checked+.btn-outline-danger,\r\n.btn-outline-danger.active,\r\n.btn-outline-danger.show,\r\n.btn-outline-danger:active {\r\n    background-color: #{$danger};\r\n    border-color: #{$danger};\r\n}\r\n\r\n/* End::btn-outline-danger */\r\n\r\n\r\n/* Start::btn-sm|btn-group-sm */\r\n.btn-group-sm>.btn,\r\n.btn-sm {\r\n    font-size: 0.8rem;\r\n    padding: 0.25rem 0.8rem;\r\n    border-radius: 0.25rem;\r\n}\r\n\r\n/* Start::btn-sm|btn-group-sm */\r\n\r\n\r\n/* Start::btn-lg|btn-group-lg */\r\n.btn-group-lg>.btn,\r\n.btn-lg {  \r\n    padding: 0.69rem 1.2rem;\r\n    font-size: 1rem;\r\n}\r\n\r\n/* Start::btn-lg|btn-group-lg */\r\n\r\n/* Start::btn-icon */\r\n.btn-icon {\r\n    width: 37px;\r\n    height: 37px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    background-color: $primary-01;\r\n}\r\n\r\n/* End::btn-icon */\r\n\r\n/* Start::btn-close */\r\n.btn-close {\r\n    &:focus {\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.btn-info-dark {\r\n    background-color: #43abfc;\r\n    border-color: #43abfc;\r\n    color: $white;\r\n\r\n    &:hover,\r\n    &.active {\r\n        background-color: #43abfc;\r\n        border-color: #43abfc;\r\n        color: $white;\r\n        opacity: 0.9;\r\n    }\r\n}\r\n\r\n.btn-check:active+.btn.btn-info-dark,\r\n.btn-check:checked+.btn.btn-info-dark,\r\n.btn.btn-info-dark.active,\r\n.btn.btn-info-dark.show,\r\n.btn.btn-info-dark:active {\r\n    background-color: #43abfc;\r\n    border-color: #43abfc;\r\n    color: $white;\r\n    opacity: 0.9;\r\n}\r\n\r\n.btn.btn-info-dark:focus {\r\n    background-color: #43abfc;\r\n    border-color: #43abfc;\r\n    color: $white;\r\n    opacity: 0.9;\r\n}\r\n\r\n/* End::btn-close */\r\n\r\n/* Start::btn-secondary-gradient */\r\n.btn-primary-gradient {\r\n    background: $primary-gradient;\r\n    border-color: #{$primary};\r\n    color: #{$white};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$primary};\r\n        border-color: #{$primary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-primary-gradient,\r\n.btn-primary-gradient:focus {\r\n    background: $primary-gradient;\r\n    border-color: #{$primary};\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$white};\r\n}\r\n\r\n.btn-check:active+.btn-primary-gradient:focus,\r\n.btn-check:checked+.btn-primary-gradient:focus,\r\n.btn-primary-gradient.active:focus,\r\n.btn-primary-gradient.show:focus,\r\n.btn-primary-gradient:active:focus {\r\n    box-shadow: 0 0 0 0.2rem #{$primary-05};\r\n}\r\n\r\n.btn-check:active+.btn-primary-gradient,\r\n.btn-check:checked+.btn-primary-gradient,\r\n.btn-primary-gradient.active,\r\n.btn-primary-gradient.show,\r\n.btn-primary-gradient:active {\r\n    background: $primary-gradient;\r\n    border-color: #{$primary};\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-secondary-gradient */\r\n\r\n/* Start::btn-secondary-gradient */\r\n.btn-secondary-gradient {\r\n    background: $secondary-gradient;\r\n    border-color: #{$secondary};\r\n    color: #{$white};\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n        background-color: #{$secondary};\r\n        border-color: #{$secondary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.btn-check:focus+.btn-secondary-gradient,\r\n.btn-secondary-gradient:focus {\r\n    background: $secondary-gradient;\r\n    border-color: #{$secondary};\r\n    outline: 0;\r\n    box-shadow: none;\r\n    color: #{$secondary};\r\n}\r\n\r\n.btn-check:active+.btn-secondary-gradient:focus,\r\n.btn-check:checked+.btn-secondary-gradient:focus,\r\n.btn-secondary-gradient.active:focus,\r\n.btn-secondary-gradient.show:focus,\r\n.btn-secondary-gradient:active:focus {\r\n    box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.5);\r\n}\r\n\r\n.btn-check:active+.btn-secondary-gradient,\r\n.btn-check:checked+.btn-secondary-gradient,\r\n.btn-secondary-gradient.active,\r\n.btn-secondary-gradient.show,\r\n.btn-secondary-gradient:active {\r\n    background: $secondary-gradient;\r\n    border-color: #{$secondary};\r\n    color: $white;\r\n}\r\n\r\n/* End::btn-secondary-gradient */\r\n\r\n/* Start::btn-primary-transparent */\r\n.btn-primary-transparent {\r\n    background-color: $primary-02;\r\n    color: $primary;\r\n\r\n    &:hover {\r\n        background-color: $primary;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n/* End::btn-primary-transparent */\r\n\r\n/* Start::btn-danger-transparent */\r\n.btn-danger-transparent {\r\n    background-color: rgba(var(--danger-rgb), 0.2);\r\n    border-color: rgba(var(--danger-rgb), 0.2);\r\n    color: $danger;\r\n\r\n    &:hover {\r\n        background-color: $danger;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n/* End::btn-danger-transparent */\r\n\r\n/* Start::btn-success-transparent */\r\n.btn-success-transparent {\r\n    background-color: rgba(var(--success-rgb), 0.2);\r\n    border-color: rgba(var(--success-rgb), 0.2);\r\n    color: $success;\r\n\r\n    &:hover {\r\n        background-color: $success;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n/* End::btn-success-transparent */\r\n\r\n.btn-outline-light {\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.btn-close {\r\n    background-image: none;\r\n    float: $float-end;\r\n    width: auto;\r\n    height: auto;\r\n\r\n    i {\r\n        font-size: 20px;\r\n        line-height: 0;\r\n    }\r\n}", ".carousel-indicators {\r\n    position: inherit;\r\n    margin-block-start: 1.5rem;\r\n}\r\n\r\n.carousel-indicators [data-bs-target] {\r\n    background-color: #{$white};\r\n    height: 7px;\r\n    width: 7px;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    border: 3px solid #{$primary-02};\r\n    transition: all ease 0.5s;\r\n\r\n    &.active {\r\n        border-color: #{$primary};\r\n    }\r\n\r\n    &:not(.active):hover {\r\n        border-color: #{$primary-05};\r\n    }\r\n}\r\n\r\n.carousel-item {\r\n    .card {\r\n        background-color: $primary;\r\n        color: $white;\r\n    }\r\n}\r\n\r\n// .carousel-inner {\r\n//     overflow: visible;\r\n// }\r\n\r\n@media (max-width: 767px) {\r\n    .carousel-inner .carousel-item>div {\r\n        display: none;\r\n    }\r\n\r\n    .carousel-inner .carousel-item>div:first-child {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.carousel-inner .carousel-item.active,\r\n.carousel-inner .carousel-item-next,\r\n.carousel-inner .carousel-item-prev {\r\n    display: flex;\r\n}\r\n\r\n/* medium and up screens */\r\n@media (min-width: 768px) {\r\n\r\n    .carousel-inner .carousel-item-end.active,\r\n    .carousel-inner .carousel-item-next {\r\n        transform: translateX(5%);\r\n    }\r\n\r\n    .carousel-inner .carousel-item-start.active,\r\n    .carousel-inner .carousel-item-prev {\r\n        transform: translateX(-5%);\r\n    }\r\n}\r\n\r\n.carousel-inner .carousel-item-end,\r\n.carousel-inner .carousel-item-start {\r\n    transform: translateX(5%);\r\n}", ".dropdown-menu {\r\n    border-color: $border;\r\n    background-color: $custom-white;\r\n}\r\n\r\n.dropdown-item {\r\n    color: $color;\r\n    display: block;\r\n    width: 100%;\r\n    padding: 0.5rem 0.8rem;\r\n    clear: both;\r\n    font-weight: 400;\r\n    text-align: inherit;\r\n    white-space: nowrap;\r\n    background-color: transparent;\r\n    font-size: 14px;\r\n    border: 0;\r\n\r\n    &:hover {\r\n        background-color: $primary-005;\r\n        color: $color;\r\n    }\r\n}\r\n\r\n@media screen and (max-device-width: 991px) and (orientation: landscape) {\r\n    .categories-dropdowns {\r\n        .main-dropdown {\r\n            height: 14rem;\r\n            overflow: auto;\r\n        }\r\n    }\r\n}\r\n\r\n.categories-dropdowns {\r\n    display: flex;\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.categories-dropdowns li {\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.categories-dropdowns ul li {\r\n    &:last-child .categories-dropdowns__item {\r\n        border-block-end: 0;\r\n    }\r\n}\r\n\r\n.categories-dropdowns ul {\r\n    transition: all 320ms ease;\r\n    display: none;\r\n    inset-inline-start: -0.5rem;\r\n    position: absolute;\r\n    inset-block-start: 4.5rem;\r\n    background-color: $custom-white;\r\n    min-width: 20rem;\r\n    border-radius: 0.25rem;\r\n    list-style: none;\r\n    z-index: 9999;\r\n    padding: 0;\r\n    box-shadow: 1px 3px 8px $black-1;\r\n    font-size: 0.95rem;\r\n\r\n    &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-block-start: -6px;\r\n        inset-inline-start: 10%;\r\n        width: 12px;\r\n        height: 12px;\r\n        border: 1px solid transparent;\r\n        border-block-start-color: $border;\r\n        border-inline-start-color: $border;\r\n        transform: rotate(45deg);\r\n        background-color: $custom-white;\r\n        z-index: 901;\r\n        display: block;\r\n        transition-duration: 0.25s;\r\n    }\r\n}\r\n\r\n.categories-dropdowns ul ul {\r\n    transition: all 320ms ease;\r\n    inset-inline-start: 100%;\r\n    position: absolute;\r\n    inset-block-start: 1rem;\r\n    margin-inline-start: 1px;\r\n    padding: 10px 5px;\r\n\r\n    li {\r\n        padding-block: 5px;\r\n        padding-inline-end: 15px;\r\n        padding-inline-start: 30px;\r\n        transition: all 320ms ease;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    &::before {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .category-dropdown .main-dropdown.active{\r\n        display: block;\r\n    }\r\n    .main-dropdown .categories-dropdowns__item.is-expanded {\r\n        ~.category-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n.categories-dropdowns__item {\r\n    transition: all 320ms ease;\r\n    padding: 12px;\r\n    border-block-end: 1px solid $border;\r\n    color: $color-dark;\r\n\r\n    span:first-child {\r\n        padding: 6px 8px;\r\n        border-radius: 50%;\r\n        color: $primary;\r\n    }\r\n\r\n    &:hover {\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n.category-item {\r\n    color: $color-dark;\r\n\r\n    &::before {\r\n        content: \"\";\r\n        height: 6px;\r\n        width: 6px;\r\n        border: 1px solid $primary;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        inset-inline-start: 13px;\r\n        inset-block-start: 12px;\r\n        transition: all ease 0.3s;\r\n    }\r\n}\r\n\r\n@media (max-width:991.98px) {\r\n    .categories-dropdowns {\r\n        .category-dropdown {\r\n            position: initial;\r\n        }\r\n\r\n        ul {\r\n            inset-inline-start: 5%;\r\n            inset-inline-end: 5%;\r\n            inset-block-start: 5rem;\r\n            min-width: auto;\r\n\r\n            &::before {\r\n                display: none;\r\n            }\r\n\r\n            ul {\r\n                inset-inline-start: 0;\r\n                position: relative;\r\n                inset-block-start: 0;\r\n                border-block-end: 1px solid $border;\r\n                padding: 5px 15px;\r\n                border-radius: 0;\r\n                box-shadow: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .categories-dropdowns .main-dropdown li:hover>ul {\r\n        display: block;\r\n    }\r\n}\r\n", ".form-control,\r\n.form-select {\r\n    border: 1px solid $border;\r\n    color: $color;\r\n    font-size: 0.875rem;\r\n    line-height: 2;\r\n    border-radius: 0.3125rem;\r\n    background-color: $custom-white;\r\n\r\n    &:hover,\r\n    &:focus:hover,\r\n    &:focus {\r\n        color: $color;\r\n        box-shadow: none;\r\n        border-color: $border;\r\n        background-color: $custom-white;\r\n    }\r\n\r\n    &::placeholder {\r\n        color: $color;\r\n        opacity: 0.65;\r\n    }\r\n}\r\n\r\n.form-range[type=\"range\"] {\r\n    &::-webkit-slider-thumb {\r\n        background: #{$primary};\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n        background: #{$primary};\r\n    }\r\n\r\n    &::-ms-thumb {\r\n        background: #{$primary};\r\n    }\r\n}\r\n\r\n.form-check-input {\r\n    border: 1px solid #{$border};\r\n\r\n    &:checked {\r\n        background-color: #{$primary};\r\n        border-color: #{$primary};\r\n    }\r\n\r\n    &:focus {\r\n        border-color: #{$primary-02};\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.form-switch-lg {\r\n    padding-inline-start: 3em;\r\n\r\n    .form-check-input {\r\n        width: 2.5em;\r\n        height: 1.5em;\r\n        margin-block-start: 0;\r\n        margin-inline-start: -3em;\r\n    }\r\n}\r\n\r\n.custom-form-group {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .form-control {\r\n        padding-inline-end: 60px;\r\n        padding-inline-start: 20px;\r\n        line-height: 2.25;\r\n\r\n        &.form-control-lg {\r\n            min-height: calc(1.5em + 1rem + 21px);\r\n        }\r\n    }\r\n\r\n    .custom-form-btn {\r\n        position: absolute;\r\n        inset-inline-end: 0.4rem;\r\n    }\r\n}\r\n\r\n.form-text {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #{$muted};\r\n}\r\n\r\n.form-label {\r\n    font-size: 0.9375rem;\r\n    font-weight: 500;\r\n    margin-block-end: 0.5rem;\r\n}\r\n\r\n.input-group-text {\r\n    border-color: $border;\r\n}", ".card {\r\n    margin-block-end: 1.5rem;\r\n    border: 0px solid #{$border};\r\n    border-radius: 0.625rem;\r\n    box-shadow: #{$shadow};\r\n    width: 100%;\r\n    position: relative;\r\n    background-color: $background;\r\n\r\n    .filled {\r\n        display: none;\r\n    }\r\n\r\n    .feature-avatar-1 {\r\n        background-color: #{$gray-100};\r\n        color: #{$white};\r\n    }\r\n\r\n    .overlay-content {\r\n        position: absolute;\r\n        inset-block-start: 50%;\r\n        inset-inline-start: 50%;\r\n        transform: translate(-50%, -50%);\r\n        opacity: 0;\r\n    }\r\n\r\n    .feature-content {\r\n        background-color: #{$gray-100};\r\n    }\r\n\r\n    &:hover,\r\n    &.hover-active {\r\n\r\n        .filled {\r\n            display: inline-block;\r\n        }\r\n\r\n        .outline {\r\n            display: none;\r\n        }\r\n\r\n        .feature-avatar {\r\n            transform: scale(1.28);\r\n        }\r\n\r\n        .feature-avatar-1 {\r\n            background-color: #{$primary};\r\n            color: $white;\r\n            transform: scale(0.8);\r\n            transition: transform ease 0.3s;\r\n\r\n            &.feature-avatar-1-secondary {\r\n                background-color: rgba(var(--secondary-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-1-success {\r\n                background-color: rgba(var(--success-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-1-danger {\r\n                background-color: rgba(var(--danger-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-1-pink {\r\n                background-color: rgba(var(--pink-rgb), 0.1);\r\n            }\r\n        }\r\n\r\n        .feature-avatar-2 {\r\n            background-color: #{$primary};\r\n            color: $white;\r\n\r\n            &.feature-avatar-2-primary {\r\n                background-color: #{$primary};\r\n            }\r\n\r\n            &.feature-avatar-2-secondary {\r\n                background-color: rgba(var(--secondary-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-2-success {\r\n                background-color: rgba(var(--success-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-2-danger {\r\n                background-color: rgba(var(--danger-rgb), 0.1);\r\n            }\r\n\r\n            &.feature-avatar-2-pink {\r\n                background-color: rgba(var(--pink-rgb), 0.1);\r\n            }\r\n        }\r\n\r\n        .feature-avatar-3 {\r\n            background-color: $white-2;\r\n        }\r\n\r\n        .overlay-content {\r\n            opacity: 1;\r\n        }\r\n\r\n        .muted-content {\r\n            color: $white;\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n\r\n\r\n    .tool-img-white {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.card-body {\r\n    padding: 1.5rem;\r\n}\r\n\r\n.pricing-card {\r\n    transition: all ease 0.3s;\r\n    box-shadow: none;\r\n\r\n    &:hover {\r\n        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    &.pricing-card-premium:hover {\r\n        box-shadow: 0px 4px 15px 0px #{$primary-05};\r\n    }\r\n}\r\n\r\n.feature-card {\r\n    transition: all ease 0.3s;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    box-shadow: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.feature-card-1 {\r\n    background-color: #{$primary};\r\n    color: $white;\r\n    z-index: 1;\r\n\r\n    &::before {\r\n        content: \"$\";\r\n        position: absolute;\r\n        font-size: 150px;\r\n        font-weight: 600;\r\n        color: $white;\r\n        inset-inline-end: 5%;\r\n        inset-block-start: 50%;\r\n        transform: translateY(-50%);\r\n        opacity: 0.1;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n.feature-card-2 {\r\n    box-shadow: none;\r\n    border: 1px solid #{$border};\r\n\r\n    &:not(.active):hover,\r\n    &.active {\r\n        box-shadow: #{$shadow};\r\n        border-color: transparent;\r\n    }\r\n}\r\n\r\n.feature-card-3 {\r\n    transition: all ease 0.3s;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    cursor: pointer;\r\n\r\n    &::before,\r\n    &::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-end: -8%;\r\n        inset-block-end: -0%;\r\n        height: 50px;\r\n        width: 50px;\r\n        border-radius: 50%;\r\n        background-color: $white;\r\n        visibility: hidden;\r\n        opacity: 0.07;\r\n        z-index: -1;\r\n    }\r\n\r\n    &::before {\r\n        inset-inline-end: 0%;\r\n        inset-block-end: -25%;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: #{$primary};\r\n\r\n        &::before,\r\n        &::after {\r\n            visibility: visible;\r\n        }\r\n    }\r\n\r\n    &.secondary {\r\n        &:hover {\r\n            background-color: #{$secondary};\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-4 {\r\n    // box-shadow: none;\r\n\r\n    .bg-deck {\r\n        background-color: #{$gray-100};\r\n    }\r\n\r\n    &:hover {\r\n        .bg-deck {\r\n            background-color: #{$gray-200};\r\n        }\r\n    }\r\n\r\n    .icon {\r\n        background-color: $custom-white;\r\n    }\r\n\r\n    &.feature-card-4-primary {\r\n        .bg-deck {\r\n            background-color: #{$primary-01};\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $primary;\r\n\r\n            .feature-avatar {\r\n                background-color: $primary;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $primary;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: #{$primary};\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $primary;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: #{$primary-01};\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-4-secondary {\r\n        .bg-deck {\r\n            background-color: rgba(var(--secondary-rgb), 0.1);\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $secondary;\r\n\r\n            .feature-avatar {\r\n                background-color: $secondary;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $secondary;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: $secondary;\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $secondary;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $secondary;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: rgba(var(--secondary-rgb), 0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-4-success {\r\n        .bg-deck {\r\n            background-color: rgba(var(--success-rgb), 0.1);\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $success;\r\n\r\n            .feature-avatar {\r\n                background-color: $success;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $success;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: $success;\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $success;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $success;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: rgba(var(--success-rgb), 0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-4-danger {\r\n        .bg-deck {\r\n            background-color: rgba(var(--danger-rgb), 0.1);\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $danger;\r\n\r\n            .feature-avatar {\r\n                background-color: $danger;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $danger;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: $danger;\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $danger;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $danger;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: rgba(var(--danger-rgb), 0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-4-info {\r\n        .bg-deck {\r\n            background-color: rgba(var(--info-rgb), 0.1);\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $info;\r\n\r\n            .feature-avatar {\r\n                background-color: $info;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $info;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: $info;\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $info;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $info;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: rgba(var(--info-rgb), 0.1);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-4-warning {\r\n        .bg-deck {\r\n            background-color: rgba(var(--warning-rgb), 0.1);\r\n        }\r\n\r\n        .icon {\r\n            border: 1px solid $warning;\r\n\r\n            .feature-avatar {\r\n                background-color: $warning;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &.hover {\r\n\r\n            // border: 1px solid $warning;\r\n            &:hover {\r\n                .bg-deck {\r\n                    background-color: $warning;\r\n                }\r\n\r\n                .avatar {\r\n                    transform: scale(1);\r\n                    background-color: $white;\r\n                    color: $warning;\r\n                }\r\n\r\n                .icon {\r\n                    background-color: $warning;\r\n                }\r\n            }\r\n\r\n            .bg-deck {\r\n                background-color: rgba(var(--warning-rgb), 0.1);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-5 {\r\n    background-color: $custom-white;\r\n    margin: 20px;\r\n    z-index: 1;\r\n    border-radius: 0.625rem;\r\n\r\n    &::after {\r\n        content: \"\";\r\n        width: calc(100% + 30px);\r\n        height: 90%;\r\n        border-radius: 7px;\r\n        position: absolute;\r\n        inset-block-end: -15px;\r\n        inset-inline-start: 50%;\r\n        transform: translateX(-50%);\r\n        background-color: #{$gray-200};\r\n        transition: all ease-in-out 0.3s;\r\n        z-index: -1;\r\n    }\r\n\r\n    &.feature-card-5-primary {\r\n        &:hover {\r\n            &::after {\r\n                background-color: #{$primary-02};\r\n            }\r\n        }\r\n\r\n        &::after {\r\n            background-color: #{$primary-005};\r\n        }\r\n    }\r\n\r\n    &.feature-card-5-secondary {\r\n        &:hover {\r\n            &::after {\r\n                background-color: rgba(var(--secondary-rgb), 0.2);\r\n            }\r\n        }\r\n\r\n        &::after {\r\n            background-color: rgba(var(--secondary-rgb), 0.05);\r\n        }\r\n    }\r\n\r\n    &.feature-card-5-success {\r\n        &:hover {\r\n            &::after {\r\n                background-color: rgba(var(--success-rgb), 0.2);\r\n            }\r\n        }\r\n\r\n        &::after {\r\n            background-color: rgba(var(--success-rgb), 0.05);\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-8 {\r\n    background-color: $white;\r\n    margin: 20px;\r\n    z-index: 1;\r\n\r\n    &::after {\r\n        content: \"\";\r\n        width: calc(100% + 30px);\r\n        height: 90%;\r\n        border-radius: 7px;\r\n        position: absolute;\r\n        inset-block-start: -15px;\r\n        inset-inline-start: 50%;\r\n        transform: translateX(-50%);\r\n        background-color: #{$gray-200};\r\n        transition: all ease-in-out 0.3s;\r\n        z-index: -1;\r\n    }\r\n\r\n    &.feature-card-8-primary {\r\n        &:hover {\r\n            &::after {\r\n                background-color: #{$primary-02};\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-8-secondary {\r\n        &:hover {\r\n            &::after {\r\n                background-color: rgba(var(--secondary-rgb), 0.2);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.feature-card-8-success {\r\n        &:hover {\r\n            &::after {\r\n                background-color: rgba(var(--success-rgb), 0.2);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-6 {\r\n\r\n    &:hover,\r\n    &.hover-active {\r\n        background-color: #{$primary};\r\n        color: $white;\r\n    }\r\n}\r\n\r\n.feature-card-7 {\r\n    position: relative;\r\n    background-color: $custom-white;\r\n    transform-style: preserve-3d;\r\n\r\n    &::before,\r\n    &::after {\r\n        content: \"\";\r\n        height: 100%;\r\n        position: absolute;\r\n        border-radius: calc(0.625rem + 10px);\r\n        inset-inline-start: 50%;\r\n        opacity: 0;\r\n        transition: opacity ease 0.3s;\r\n    }\r\n\r\n    &::before {\r\n        width: 96%;\r\n        inset-block-end: -6%;\r\n        background-color: #{$primary-05};\r\n        transform: translateX(-50%) translateZ(-1px);\r\n        // opacity: 1;\r\n    }\r\n\r\n    &::after {\r\n        width: 91%;\r\n        inset-block-end: -12%;\r\n        background-color: #{$primary-02};\r\n        transform: translateX(-50%) translateZ(-2px);\r\n        // opacity: 1;\r\n    }\r\n\r\n    &:hover,\r\n    &.hover-active {\r\n\r\n        &::before,\r\n        &::after {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    &.feature-card-7-secondary {\r\n        &::before {\r\n            background-color: rgba(var(--secondary-rgb), 0.5);\r\n        }\r\n\r\n        &::after {\r\n            background-color: rgba(var(--secondary-rgb), 0.2);\r\n        }\r\n    }\r\n\r\n    &.feature-card-7-success {\r\n        &::before {\r\n            background-color: rgba(var(--success-rgb), 0.5);\r\n        }\r\n\r\n        &::after {\r\n            background-color: rgba(var(--success-rgb), 0.2);\r\n        }\r\n    }\r\n\r\n    &.feature-card-7-danger {\r\n        &::before {\r\n            background-color: rgba(var(--danger-rgb), 0.5);\r\n        }\r\n\r\n        &::after {\r\n            background-color: rgba(var(--danger-rgb), 0.2);\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-9 {\r\n    transition: all 350ms ease-in;\r\n    padding-block-end: 0;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n\r\n    &:hover {\r\n        background-color: #{$primary};\r\n        color: $white;\r\n\r\n        svg {\r\n            fill: $white;\r\n        }\r\n\r\n        &::before,\r\n        &::after {\r\n            visibility: visible;\r\n        }\r\n\r\n        .subtitle {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &.hover {\r\n        background-color: #{$primary};\r\n        color: $white;\r\n\r\n        svg {\r\n            fill: $white;\r\n        }\r\n\r\n        &::before,\r\n        &::after {\r\n            visibility: visible;\r\n        }\r\n\r\n        .subtitle {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &::before,\r\n    &::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-end: -8%;\r\n        inset-block-start: 0;\r\n        height: 80px;\r\n        width: 80px;\r\n        border-radius: 50%;\r\n        background-color: $white;\r\n        visibility: hidden;\r\n        opacity: 0.07;\r\n        z-index: -1;\r\n    }\r\n\r\n    &::before {\r\n        inset-inline-end: 0;\r\n        inset-block-start: -12%;\r\n    }\r\n}\r\n\r\n.feature-card-10 {\r\n    background-color: $custom-white;\r\n\r\n    .icon {\r\n        padding: 15px 18px;\r\n        border-start-start-radius: 10%;\r\n        border-start-end-radius: 30%;\r\n        border-end-end-radius: 50%;\r\n        border-end-start-radius: 70%;\r\n        color: $white;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset-inline-start: 10px;\r\n            inset-block-start: -3px;\r\n            height: 30px;\r\n            width: 30px;\r\n            border-radius: 50%;\r\n            background-color: $custom-white;\r\n            opacity: 0.2;\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-11 {\r\n    border-start-start-radius: 50% 10%;\r\n    border-start-end-radius: 20% 40%;\r\n    border-end-end-radius: 50% 10%;\r\n    border-end-start-radius: 20% 40%;\r\n    background-color: transparent;\r\n    margin-block-end: 0;\r\n\r\n    .icon {\r\n        padding: 13px 16px;\r\n        border-start-start-radius: 50% 10%;\r\n        border-start-end-radius: 20% 40%;\r\n        border-end-end-radius: 50% 10%;\r\n        border-end-start-radius: 20% 40%;\r\n        color: $white;\r\n        margin-inline-end: 15px;\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n        font-size: 15px;\r\n        transition: all ease 0.3s;\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        position: relative;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset-inline-start: -10px;\r\n            inset-block-start: -10px;\r\n            height: 30px;\r\n            width: 30px;\r\n            border-radius: 50%;\r\n            background-color: $white;\r\n            opacity: 0.08;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        .icon {\r\n            transform: rotate(45deg);\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-12 {\r\n    transition-duration: 0.3s;\r\n\r\n    &:hover {\r\n        box-shadow: 0px 6px 18px 4px rgb(6 10 48 / 8%);\r\n        transform: translateY(10px);\r\n    }\r\n}\r\n\r\n.feature-card-13 {\r\n    transition: all 350ms ease-in;\r\n    z-index: 1;\r\n    text-align: start;\r\n    background: $custom-white url(../images/png/74.png) 95% 95%/auto no-repeat scroll;\r\n    background-size: 20% 32%;\r\n\r\n    &:hover {\r\n        background: #{$primary} url(../images/png/73.png) 95% 95%/auto no-repeat scroll !important;\r\n        background-size: 20% 32% !important;\r\n        color: $white;\r\n        transform: scale(1.03);\r\n\r\n        .subtitle {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &.hover {\r\n        background: #{$primary} url(../images/png/73.png) 95% 95%/auto no-repeat scroll;\r\n        background-size: 20% 32%;\r\n        color: $white;\r\n        transform: scale(1.03);\r\n\r\n        .subtitle {\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-end: -30px;\r\n        inset-block-start: -11%;\r\n        height: 40%;\r\n        filter: contrast(0.95);\r\n        width: 28%;\r\n        background-color: $custom-white;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n        opacity: 0.06;\r\n    }\r\n}\r\n\r\n.feature-card-14 {\r\n    transition: all 350ms ease-in;\r\n    z-index: 1;\r\n    text-align: start;\r\n    background: linear-gradient(to right, var(--primary-color) 0%, $primary-08 100%) !important;\r\n\r\n    &::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        background-image: url(../images/backgrounds/16.jpg);\r\n        inset-block-start: 0;\r\n        height: 100%;\r\n        width: 100%;\r\n        background-color: $white;\r\n        background-size: cover;\r\n        z-index: -1;\r\n        opacity: 0.4;\r\n    }\r\n}\r\n\r\n.feature-card-15 {\r\n    transition-duration: 0.3s;\r\n\r\n    &:hover {\r\n        box-shadow: 0px 6px 18px 4px rgb(6 10 48 / 8%);\r\n        transform: translateY(10px);\r\n    }\r\n\r\n    .feature-bg {\r\n        position: relative;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset-inline-start: -40%;\r\n            inset-block-start: 22%;\r\n            height: 47px;\r\n            width: 47px;\r\n            border-radius: 10%;\r\n            z-index: 0;\r\n        }\r\n    }\r\n\r\n    &.primary {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, $primary-02 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.blue {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--blue-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.pink {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--pink-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.success {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--success-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.purple {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--purple-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.danger {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--danger-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.secondary {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--secondary-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.teal {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--teal-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.coffee {\r\n        .feature-bg {\r\n            background: linear-gradient(to right, #936237 0%, #603e23 100%);\r\n        }\r\n\r\n        .feature-icon {\r\n            background: rgb(96 62 35 / 20%);\r\n            border: 1px solid #936237;\r\n\r\n            .avatar {\r\n                background: linear-gradient(to right, #936237 0%, #603e23 100%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.warning {\r\n        .feature-bg {\r\n            &::before {\r\n                background: linear-gradient(218deg, transparent 10%, rgba(var(--warning-rgb), 0.2) 90%);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-16 {\r\n    transition: all 350ms ease-in;\r\n    padding-block-end: 0;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n\r\n    &::before,\r\n    &::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset-inline-end: -8%;\r\n        inset-block-start: 0;\r\n        height: 80px;\r\n        width: 80px;\r\n        border-radius: 50%;\r\n        background-color: $primary;\r\n        opacity: 0.05;\r\n        z-index: -1;\r\n    }\r\n\r\n    &::before {\r\n        inset-inline-end: 0;\r\n        inset-block-start: -12%;\r\n    }\r\n\r\n    &.secondary {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $secondary;\r\n        }\r\n    }\r\n\r\n    &.success {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $success;\r\n        }\r\n    }\r\n\r\n    &.danger {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $danger;\r\n        }\r\n    }\r\n\r\n    &.warning {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $warning;\r\n        }\r\n    }\r\n\r\n    &.pink {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $pink;\r\n        }\r\n    }\r\n\r\n    &.info {\r\n\r\n        &::before,\r\n        &::after {\r\n            background-color: $info;\r\n        }\r\n    }\r\n}\r\n\r\n.feature-card-17 {\r\n    position: relative;\r\n    margin-block-end: 3rem !important;\r\n\r\n    .icon {\r\n        position: absolute;\r\n        inset-block-start: -14%;\r\n        inset-inline-start: 45%;\r\n    }\r\n\r\n    &.primary {\r\n        border-block-start: 2px solid $primary;\r\n    }\r\n\r\n    &.secondary {\r\n        border-block-start: 2px solid $secondary;\r\n    }\r\n\r\n    &.success {\r\n        border-block-start: 2px solid $success;\r\n    }\r\n\r\n    &.danger {\r\n        border-block-start: 2px solid $danger;\r\n    }\r\n\r\n    &.info {\r\n        border-block-start: 2px solid $info;\r\n    }\r\n\r\n    &.pink {\r\n        border-block-start: 2px solid $pink;\r\n    }\r\n}\r\n\r\n.card-aside-column {\r\n    min-width: 5rem;\r\n    width: 30%;\r\n    -ms-flex: 0 0 30%;\r\n    flex: 0 0 30%;\r\n    background: no-repeat center/cover;\r\n}\r\n\r\n.card-header {\r\n    background-color: $white;\r\n    border-color: $border;\r\n}", ".accordion-item {\r\n    color: #{$color};\r\n    background-color: $custom-white;\r\n    border-color: #{$border};\r\n}\r\n\r\n.accordion-button {\r\n    color: $color;\r\n    background-color: $custom-white;\r\n    &:hover {\r\n        color: #{$primary};\r\n    }\r\n\r\n    &:focus {\r\n        box-shadow: none;\r\n    }\r\n\r\n    &:not(.collapsed) {\r\n        color: #{$primary};\r\n        background-color: $primary-01;\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.accordion-style-1 {\r\n\r\n    .accordion-button {\r\n        &::after {\r\n            content: \"\\f4fa\";\r\n            font-family: bootstrap-icons !important;\r\n            background-image: none;\r\n            color: $black-3;\r\n        }\r\n\r\n        &:not(.collapsed)::after {\r\n            content: \"\\f2e6\";\r\n            font-family: bootstrap-icons !important;\r\n            transform: none;\r\n            background-image: none;\r\n            color: $primary;\r\n        }\r\n\r\n        &.collapsed {\r\n            border-radius: calc(0.375rem - 1px);\r\n        }\r\n    }\r\n\r\n    .accordion-item {\r\n        margin-block-end: 10px;\r\n        border-radius: calc(0.375rem - 1px);\r\n\r\n        &:not(:first-of-type) {\r\n            border-block-start: 1px solid $border;\r\n        }\r\n    }\r\n}\r\n\r\n.accordion-collapse.collapse.show~.communicate-icons {\r\n    display: none;\r\n}\r\n\r\n.google-accordion {\r\n    .accordion-button {\r\n        justify-content: space-between;\r\n\r\n        &::after {\r\n            display: none;\r\n        }\r\n\r\n        &[aria-expanded=\"true\"] {\r\n            .arrow-icon {\r\n                transform: rotate(180deg);\r\n            }\r\n        }\r\n\r\n        &:not(.collapsed) {\r\n            background-color: transparent;\r\n        }\r\n    }\r\n}\r\n\r\n.accordion-style-1 .accordion-item:last-child{\r\n    margin-bottom: 0;\r\n}", ".modal-header {\r\n    padding: 1.25rem;\r\n}\r\n\r\n.modal-content {\r\n    border: none;\r\n}\r\n\r\n.modal-body {\r\n    padding: 1.25rem;\r\n}\r\n\r\n.offer-modal {\r\n    .modal-content {\r\n        background-color: $primary !important;\r\n        box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 20px 2px;\r\n\r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset-block-start: 0;\r\n            inset-inline-start: 0;\r\n            height: 100%;\r\n            width: 100%;\r\n            background-image: url(../images/backgrounds/15.jpg);\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            opacity: 0.5;\r\n            border-radius: 0.5rem;\r\n\r\n        }\r\n    }\r\n}", ".tooltip-inner {\r\n    padding: 0.5rem 0.75rem;\r\n}", ".nav-link {\r\n    color: #{$color-dark};\r\n\r\n    &:hover,\r\n    &.active {\r\n        color: #{$primary};\r\n    }\r\n}\r\n\r\n.tab-style-1 {\r\n    .nav-link {\r\n        padding: 0.75rem 2.5rem;\r\n        font-weight: 600;\r\n    }\r\n}\r\n\r\n.tab-style-2 {\r\n    .tab-style-2-link {\r\n\r\n        &::after {\r\n            z-index: 2;\r\n        }\r\n\r\n        &.active,\r\n        &:hover {\r\n            +.feature-card-3 {\r\n                background-color: #{$primary};\r\n                color: $white !important;\r\n                border: 1px solid transparent;\r\n\r\n                .tab-heading {\r\n                    color: $white !important;\r\n                }\r\n\r\n                &::before,\r\n                &::after {\r\n                    visibility: visible;\r\n                }\r\n\r\n                p {\r\n                    color: #{$white};\r\n                }\r\n            }\r\n        }\r\n\r\n        &:not(.active) {\r\n            +.feature-card-3 {\r\n                border: 1px solid #{$border};\r\n            }\r\n\r\n            &:hover {\r\n                +.feature-card-3 {\r\n                    color: #{$primary};\r\n                }\r\n            }\r\n        }\r\n\r\n        // + .feature-card-3:hover p{\r\n        //     color: #{$white};\r\n        // }\r\n    }\r\n}\r\n\r\n.tab-style-3 {\r\n    .tab-style-3-link {\r\n\r\n        &::after {\r\n            z-index: 2;\r\n        }\r\n\r\n        &.active,\r\n        &:hover {\r\n            +.feature-card-3 {\r\n                background-color: #{$primary-09};\r\n                color: $white !important;\r\n                border: 1px solid #{$primary};\r\n                border-radius: 0.3rem;\r\n\r\n                &::before,\r\n                &::after {\r\n                    visibility: visible;\r\n                }\r\n\r\n                .icon {\r\n                    background: $primary-gradient;\r\n                    color: $white;\r\n                }\r\n            }\r\n        }\r\n\r\n        &:not(.active) {\r\n            +.feature-card-3 {\r\n                border: 1px solid #{$border};\r\n                border-radius: 0.3rem;\r\n            }\r\n\r\n            &:hover {\r\n                +.feature-card-3 {\r\n                    color: $white;\r\n                    border: 1px solid #{$primary};\r\n                }\r\n            }\r\n        }\r\n\r\n        // + .feature-card-3 {\r\n        //     color: #{$muted};\r\n        // }\r\n    }\r\n\r\n    .icon {\r\n        background-color: $primary-01;\r\n        color: $primary;\r\n        border-radius: 50px;\r\n        height: 2.3rem;\r\n        width: 2.3rem;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-inline-end: 5px;\r\n        line-height: 0;\r\n    }\r\n}\r\n\r\n\r\n.tab-style-4 {\r\n    .tab-style-4-link {\r\n\r\n        &::after {\r\n            z-index: 2;\r\n        }\r\n\r\n        &.active,\r\n        &:hover {\r\n            +.feature-card-3 {\r\n\r\n                .tab-heading {\r\n                    color: $white !important;\r\n                }\r\n\r\n                &::before,\r\n                &::after {\r\n                    visibility: visible;\r\n                }\r\n\r\n                .tab-border {\r\n                    position: relative;\r\n                    width: 50px;\r\n                    max-width: 100%;\r\n                    margin: 0 auto;\r\n                    height: 2px;\r\n                    background: #{$primary};\r\n                    border-radius: 1px;\r\n                    inset-block-start: 8px;\r\n                }\r\n\r\n                .card-body {\r\n                    color: #{$primary};\r\n                }\r\n            }\r\n        }\r\n\r\n        &:not(.active) {\r\n\r\n            &:hover {\r\n                +.feature-card-3 {\r\n                    color: #{$primary};\r\n                }\r\n\r\n                .card-body {\r\n                    color: #{$primary};\r\n                }\r\n            }\r\n        }\r\n\r\n        // + .feature-card-3:hover p{\r\n        //     color: #{$white};\r\n        // }\r\n    }\r\n}\r\n\r\n.nav-pills .nav-link.active,\r\n.nav-pills .show>.nav-link {\r\n    background-color: $primary;\r\n    color: $white;\r\n}", ".page-link {\r\n    color: $color;\r\n    border-color: $border;\r\n    background-color: $custom-white;\r\n\r\n    &:hover {\r\n        border-color: $border;\r\n        background-color: $primary-01;\r\n        color: $primary;\r\n    }\r\n\r\n    &:focus {\r\n        box-shadow: none;\r\n        background-color: $primary-01;\r\n        color: $primary;\r\n    }\r\n}\r\n\r\n.page-item {\r\n    &.page-prev {\r\n        &.disabled {\r\n            color: $color;\r\n            opacity: 0.8;\r\n            .page-link {\r\n                background-color: $custom-white;\r\n                border-color: $border;\r\n                opacity: 0.7;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.active {\r\n        .page-link {\r\n            background-color: $primary;\r\n            color: $white;\r\n            border-color: $primary;\r\n            box-shadow: none;\r\n\r\n            &:hover {\r\n                background-color: $primary;\r\n                color: $white;\r\n            }\r\n        }\r\n    }\r\n}", ".table {\r\n    color: #{$color};\r\n    border-color: #{$border};\r\n    vertical-align: middle;\r\n}\r\n\r\n.table>:not(caption)>*>* {\r\n    padding: 1.2rem 1.5rem;\r\n}\r\n\r\nth {\r\n    font-weight: 500;\r\n}\r\n\r\n.pricing-table {\r\n    font-weight: 500;\r\n\r\n    th,\r\n    td:not(.pricing-feature) {\r\n        text-align: center;\r\n    }\r\n\r\n    .pricing-feature {\r\n        color: #{$color-dark};\r\n        font-weight: 600;\r\n\r\n        &.pricing-category {\r\n            background-color: #{$gray-100};\r\n        }\r\n    }\r\n\r\n    .main-feature {\r\n        background-color: #{$gray-100};\r\n    }\r\n\r\n    th {\r\n        vertical-align: baseline;\r\n    }\r\n    td {\r\n        vertical-align: middle;\r\n    }\r\n}\r\n\r\n.border-end-primary {\r\n    border-inline-end: 1px solid $primary;\r\n}\r\n\r\n.table-bg-primary-light {\r\n    background-color: $primary-01 !important;\r\n    border-color: $primary !important;\r\n}\r\n\r\n.table {\r\n    tbody tr:last-child {\r\n        .table-bg-primary-light {\r\n            border-block-end: 1px solid $primary !important;\r\n        }\r\n    }\r\n}\r\n\r\n.pricing-feature {\r\n    border-inline-end-width: 0 !important;\r\n}\r\n\r\n.table-bg-primary {\r\n    background-color: #{$primary-01} !important;\r\n    // border-inline-end: 1px solid $primary;\r\n    // border-width: 1px 1px !important;\r\n}\r\n\r\n\r\n.table-hover>tbody>tr:hover>* {\r\n    background: $primary-005;\r\n    color: $color;\r\n    --bs-table-accent-bg: transparent;\r\n}\r\n\r\n// .table thead {\r\n//     tr>:first-child {\r\n//         border-top-left-radius: 5px;\r\n//     }\r\n//     tr>:last-child {\r\n//         border-top-right-radius: 5px;\r\n//     }\r\n// }\r\n\r\n// .table tbody>:last-child td:first-child{\r\n//     border-bottom-left-radius: 5px;\r\n// }\r\n\r\n// .table tbody>:last-child td:last-child{\r\n//     border-bottom-right-radius: 5px;\r\n// }\r\n\r\n.border-hidden {\r\n    border-style: hidden;\r\n}", ".spec-tabs {\r\n    .nav-link {\r\n        text-align: start;\r\n        padding: 10px 12px;\r\n        font-size: 15px;\r\n        align-items: center;\r\n        display: flex;\r\n        border: 1px solid $border;\r\n        margin-block-end: 1rem;\r\n        font-weight: 600;\r\n        color: $color;\r\n\r\n        span {\r\n            background-color: $primary-01;\r\n            padding: 7px 12px;\r\n            font-size: 20px;\r\n            border-radius: 50px;\r\n            margin-inline-end: 10px;\r\n            color: $primary;\r\n        }\r\n\r\n        &.active span {\r\n            background-color: $white-2;\r\n            color: $white;\r\n        }\r\n\r\n        &:hover {\r\n            box-shadow: $shadow;\r\n\r\n            span {\r\n                background-color: $primary;\r\n                color: $white;\r\n            }\r\n        }\r\n\r\n        &:last-child {\r\n            margin-block-end: 0;\r\n        }\r\n    }\r\n\r\n    .tab-content {\r\n        padding: 50px;\r\n        border: 1px solid $border;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    @media (min-width:992px) {\r\n        .nav-pills.nav {\r\n            margin-inline-end: 4rem;\r\n        }\r\n    }\r\n}", ".accept-cookies {\r\n  position: fixed;\r\n  z-index: 9999;\r\n  inset-inline-start: 0;\r\n  inset-block-end: 30px;\r\n  max-width: 23rem;\r\n  background-color: $custom-white;\r\n  padding: 20px;\r\n  border-radius: 3px;\r\n  border: 1px solid $border;\r\n  box-shadow: 0 8px 20px 0 rgb(40 37 89 / 60%);\r\n  margin-inline-start: 30px;\r\n  text-align: start;\r\n  display: block;\r\n  display: none;\r\n}", "/* Start::body */\r\nbody {\r\n  font-size: 1rem;\r\n  font-family: \"Hind Siliguri\", sans-serif;\r\n  font-weight: 400;\r\n  color: #{$color};\r\n  background-color: #{$background};\r\n  line-height: 1.5;\r\n  text-align: start;\r\n  overflow-x: clip;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.main-body {\r\n  min-height: 100vh;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n\r\n  &.modal-open {\r\n    padding-inline-end: 0 !important;\r\n    overflow: hidden !important;\r\n  }\r\n}\r\n\r\n/* End::body */\r\n\r\n/* Start::basic */\r\n.row-deck> {\r\n\r\n  .col,\r\n  [class*=\"col-\"] {\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-align: stretch;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .col .card,\r\n  [class*=\"col-\"] .card {\r\n    -ms-flex: 1 1 auto;\r\n    flex: 1 1 auto;\r\n  }\r\n}\r\n\r\n*::-webkit-scrollbar {\r\n  width: 4px;\r\n  height: 4px;\r\n  transition: all ease 0.3s;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: #{$primary-02};\r\n}\r\n\r\n*:hover::-webkit-scrollbar-thumb {\r\n  background: #adb5bd;\r\n}\r\n\r\n.page {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100vh;\r\n  // background-color: $white;\r\n}\r\n\r\nsection {\r\n  position: relative;\r\n}\r\n\r\n.section {\r\n  padding: 70px 0px;\r\n}\r\n\r\n.section-2 {\r\n  background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/svg/1.svg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.065;\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n.bg-client {\r\n  padding: 50px 0;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 6%;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/backgrounds/16.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.065;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\n/* End::basic */\r\n\r\n/* Start::footer */\r\n.footer {\r\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\r\n\r\n  .footer-link {\r\n    font-size: 14px;\r\n    color: $white;\r\n\r\n    &:hover {\r\n      color: #{$white};\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .footer-link {\r\n    border-inline-end: 0 !important;\r\n  }\r\n}\r\n\r\n.footer-icon .list-item {\r\n  &::before {\r\n    content: \"\\F231\";\r\n    font-family: \"bootstrap-icons\";\r\n    margin-inline-end: 6px;\r\n    font-size: 8px;\r\n    color: $white;\r\n    padding: 4px;\r\n    border-radius: 50%;\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    line-height: 1;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.footer-btn-list {\r\n  .footer-btn {\r\n    border: 0;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    height: 37px;\r\n    width: 37px;\r\n    padding: 0px;\r\n    font-size: 0.75rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    &:hover,\r\n    &:focus:hover {\r\n      color: #{$white};\r\n      border-color: #{$primary};\r\n    }\r\n\r\n    &:focus {\r\n      border-color: #{$primary};\r\n    }\r\n\r\n    &:active {\r\n      border-color: #{$primary};\r\n    }\r\n  }\r\n}\r\n\r\n/* End::footer */\r\n\r\n.back-to-top {\r\n  position: fixed;\r\n  height: 50px;\r\n  width: 50px;\r\n  background: #{$secondary};\r\n  border: 2px solid #{$secondary};\r\n  color: $white;\r\n  inset-inline-end: 2.3rem;\r\n  inset-block-end: 8rem;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 99;\r\n\r\n  &:hover {\r\n    color: #{$secondary};\r\n    background-color: $custom-white;\r\n  }\r\n}\r\n\r\n.banner-1 {\r\n  height: 100%;\r\n  width: 100%;\r\n  background-image: url(\"../images/backgrounds/2.png\");\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n  color: $white;\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    z-index: -1;\r\n    height: 100%;\r\n    width: 100%;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  &:hover {\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.banner-arrow-down {\r\n  &::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: 50%;\r\n    transform: translateX(-50%) rotate(45deg);\r\n    height: 20px;\r\n    width: 20px;\r\n    background: $primary;\r\n    inset-block-end: -10px;\r\n    border-start-start-radius: 100%;\r\n  }\r\n}\r\n\r\n.banner-2 {\r\n  color: $white;\r\n  background-image: url(../images/backgrounds/2.png);\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &:hover {\r\n    .banner-bg::before {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .price-main {\r\n      transform: translateX(-20px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n    opacity: 0.9;\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n.banner-3 {\r\n  background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n  color: $white;\r\n  padding: 30px 0px;\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/backgrounds/18.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.1;\r\n    z-index: -1;\r\n  }\r\n\r\n  &:hover {\r\n\r\n    .banner-bg::before,\r\n    .banner-bg {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.banner-4 {\r\n  background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n  color: $white;\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/backgrounds/17.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.1;\r\n    z-index: -1;\r\n  }\r\n\r\n  &:hover {\r\n\r\n    .banner-bg::before,\r\n    .banner-bg {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.banner-5 {\r\n  color: $white;\r\n  z-index: 1;\r\n  position: relative;\r\n  background-image: url(\"../images/backgrounds/14.jpg\");\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background: linear-gradient(to bottom, $primary 0%, $primary-08 100%);\r\n    opacity: 0.8;\r\n    z-index: -1;\r\n  }\r\n\r\n  &:hover {\r\n\r\n    .banner-bg::before,\r\n    .banner-bg {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.custom-bg {\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/backgrounds/1.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.13;\r\n    z-index: -1;\r\n  }\r\n\r\n  &.opacity-1 {\r\n    &::before {\r\n      opacity: 0.1;\r\n    }\r\n  }\r\n\r\n  &.zindex-0 {\r\n    &::before {\r\n      z-index: 0;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n\r\n    .banner-bg::before,\r\n    .banner-bg {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.construction-bg {\r\n  position: relative;\r\n  z-index: 1;\r\n  background: radial-gradient($primary-09, #268fe6);\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/patterns/28.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.08;\r\n    z-index: -1;\r\n    filter: invert(1);\r\n  }\r\n\r\n  .construction-heading {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  .counter-item {\r\n    background-color: $white-1;\r\n\r\n    &:before {\r\n      background-image: none;\r\n    }\r\n  }\r\n}\r\n\r\n.bg-pattern-2 {\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/backgrounds/9.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.4;\r\n    z-index: -1;\r\n  }\r\n\r\n  &.bg-image1 {\r\n    background: $primary;\r\n\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/4.jpg\");\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n\r\n  &.bg-image2 {\r\n    background: $primary;\r\n\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/8.jpg\");\r\n      opacity: 0.06;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n\r\n    .banner-bg::before,\r\n    .banner-bg {\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .reseller-img {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n}\r\n\r\n.banner-bg {\r\n  position: relative;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1;\r\n  transition: transform ease 0.8s;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    height: 100%;\r\n    width: 400px;\r\n    position: absolute;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    fill: $white;\r\n    opacity: 0.1;\r\n    z-index: -1;\r\n    max-width: 100%;\r\n  }\r\n\r\n  &.banner-img {\r\n    min-height: 330px;\r\n\r\n    &::before {\r\n      background-image: url(\"../images/svg/2.svg\");\r\n    }\r\n  }\r\n\r\n  &.banner-img1 {\r\n    min-height: 330px;\r\n\r\n    &::before {\r\n      background-image: url(\"../images/svg/3.svg\");\r\n    }\r\n  }\r\n\r\n  &.banner-img2 {\r\n    min-height: 340px;\r\n    height: auto;\r\n\r\n    &::before {\r\n      // width: 340px;\r\n      background-image: url(\"../images/svg/4.svg\");\r\n    }\r\n  }\r\n\r\n  &::before,\r\n  .price-main,\r\n  .reseller-img {\r\n    transition: transform ease 0.8s;\r\n  }\r\n\r\n  &.acronis-image {\r\n    &::before {\r\n      content: \"\";\r\n      height: 300px;\r\n      width: 300px;\r\n      position: absolute;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      background-size: cover;\r\n      background-color: $white;\r\n      opacity: 0.1;\r\n      z-index: -1;\r\n      border-radius: 50%;\r\n      inset-inline-end: 20%;\r\n      inset-block-start: -2%;\r\n    }\r\n  }\r\n\r\n  &.about-image {\r\n    filter: drop-shadow(17px 26px 2px rgba(0, 0, 0, 0.08));\r\n  }\r\n\r\n  &.google-img-bg {\r\n    .reseller-img {\r\n      filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .banner-bg.acronis-image::before {\r\n    content: none;\r\n  }\r\n}\r\n\r\n.bg-section {\r\n  padding: 30px 0px;\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/png/75.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.13;\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n.bg-section-1 {\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/png/72.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.1;\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n.bg-section-2 {\r\n  padding: 30px 0px;\r\n  background-color: $primary-02;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/png/78.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: right;\r\n    background-size: cover;\r\n    opacity: 0.1;\r\n  }\r\n}\r\n\r\n.feature-blob {\r\n  position: relative;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-color: $primary;\r\n    opacity: 0.1;\r\n    z-index: -1;\r\n    border-radius: 50%;\r\n    inset-block-start: -2%;\r\n  }\r\n\r\n  &::before {\r\n    inset-inline-start: 2%;\r\n    height: 400px;\r\n    width: 400px;\r\n  }\r\n}\r\n\r\n.pricing-card {\r\n  &.pricing-card-premium {\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset-inline-end: -38px;\r\n      inset-block-start: -24px;\r\n      background-image: url(\"../images/svg/5.svg\");\r\n      background-repeat: no-repeat;\r\n      background-position: top right;\r\n      height: 150px;\r\n      width: 150px;\r\n      transform: rotate(31deg);\r\n      transition: transform ease 0.3s;\r\n    }\r\n\r\n    &:hover::before {\r\n      transform: rotate(41deg);\r\n    }\r\n  }\r\n}\r\n\r\n.build-img {\r\n  transform: scale(1.25);\r\n}\r\n\r\n.blob-bg-sec {\r\n  background-color: #{$primary};\r\n  color: $white;\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    inset-block-start: 0;\r\n    background-image: url(\"../images/backgrounds/7.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.08;\r\n    transition: transform ease 0.3s;\r\n    z-index: -1;\r\n  }\r\n}\r\n\r\n.faq-category-card {\r\n\r\n  .faq-category-icon {\r\n    fill: #{$primary};\r\n  }\r\n\r\n  &:hover {\r\n    background-color: #{$primary};\r\n    color: $white;\r\n\r\n    .faq-category-icon {\r\n      fill: $white;\r\n    }\r\n  }\r\n}\r\n\r\n.step {\r\n  position: relative;\r\n\r\n  &:not(:last-child)::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    height: 1px;\r\n    width: calc(100% + 10px);\r\n    inset-block-start: 50%;\r\n    transform: translateY(-50%);\r\n    inset-inline-start: calc(100% + 0.5px);\r\n    background-color: #{$border};\r\n  }\r\n\r\n  &.check,\r\n  &.active {\r\n    background-color: #{$primary};\r\n    color: $white;\r\n    border-color: #{$primary};\r\n  }\r\n}\r\n\r\n.steps-card {\r\n  background-color: transparent;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n\r\n  &::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-end: 0%;\r\n    inset-block-start: 50%;\r\n    transform: translateY(-50%);\r\n    color: #{$gray-200};\r\n    font-size: 130px;\r\n    font-weight: bold;\r\n    z-index: -1;\r\n  }\r\n\r\n  &.steps-content-1::after {\r\n    content: \"1\";\r\n  }\r\n\r\n  &.steps-content-2::after {\r\n    content: \"2\";\r\n  }\r\n\r\n  &.steps-content-3::after {\r\n    content: \"3\";\r\n  }\r\n}\r\n\r\n.domain-names {\r\n  background-color: $custom-white;\r\n  border-radius: 10px;\r\n  padding: 15px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin-block-end: 0.8rem;\r\n  z-index: 1;\r\n}\r\n\r\n.badge-offer {\r\n  position: absolute;\r\n  inset-block-start: -4%;\r\n  inset-inline-start: 0;\r\n  inset-inline-end: 0;\r\n  margin: 0 auto;\r\n  width: 45%;\r\n}\r\n\r\n.domain-names:hover {\r\n  background: $primary-gradient;\r\n\r\n  span,\r\n  p {\r\n    color: $white !important;\r\n  }\r\n}\r\n\r\n.review-quote {\r\n  opacity: 0.3;\r\n  font-size: 60px;\r\n  line-height: 0;\r\n}\r\n\r\n.window-server-steps {\r\n  position: absolute;\r\n  width: 130px;\r\n  height: 130px;\r\n  background: $background;\r\n  color: $primary;\r\n  text-align: end;\r\n  border-radius: 8px;\r\n  line-height: 123px;\r\n  inset-block-start: -36px;\r\n  -ms-transform: rotate(20deg);\r\n  -webkit-transform: rotate(20deg);\r\n  transform: rotate(20deg);\r\n  padding-inline-end: 11px;\r\n  inset-inline-end: -35px;\r\n  pointer-events: none;\r\n  transition: transform ease 0.8s;\r\n\r\n  span {\r\n    display: block;\r\n    position: absolute;\r\n    inset-block-end: 37%;\r\n    z-index: 2;\r\n    -webkit-transform: rotate(-20deg);\r\n    transform: rotate(-20deg);\r\n    inset-inline-start: 30%;\r\n    line-height: 0;\r\n    font-size: 35px;\r\n    opacity: 0.3;\r\n  }\r\n}\r\n\r\n.windows-server-animate {\r\n  &:hover {\r\n    .window-server-steps {\r\n      transform: skew(10deg);\r\n\r\n      span {\r\n        transform: skew(-10deg);\r\n      }\r\n    }\r\n\r\n    .avatar {\r\n      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\r\n    }\r\n  }\r\n}\r\n\r\n.linux-feature-list {\r\n  .border-primary:hover {\r\n    box-shadow: $primary-shadow;\r\n  }\r\n\r\n  .border-secondary:hover {\r\n    box-shadow: $secondary-shadow;\r\n  }\r\n\r\n  .border-success:hover {\r\n    box-shadow: $success-shadow;\r\n  }\r\n\r\n  .border-info:hover {\r\n    box-shadow: $info-shadow;\r\n  }\r\n\r\n  .border-pink:hover {\r\n    box-shadow: $pink-shadow;\r\n  }\r\n\r\n  .border-danger:hover {\r\n    box-shadow: $danger-shadow;\r\n  }\r\n\r\n  .border-purple:hover {\r\n    box-shadow: $purple-shadow;\r\n  }\r\n}\r\n\r\n.wr-price-server {\r\n  background-color: $primary;\r\n  padding: 9px 14px;\r\n  font-size: 30px;\r\n  border-radius: 50px;\r\n  margin-inline-end: 10px;\r\n  color: $gray-200;\r\n}\r\n\r\n.ribbone {\r\n  width: 160px;\r\n  height: 160px;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: 6;\r\n  inset-block-start: 0;\r\n  inset-inline-start: 0;\r\n\r\n  span {\r\n    inset-inline-end: 0px;\r\n    inset-block-start: 17px;\r\n    transform: rotate(-45deg);\r\n    position: absolute;\r\n    display: block;\r\n    width: 260px;\r\n    padding: 2px 0;\r\n    color: $white;\r\n    text-transform: capitalize;\r\n    text-align: center;\r\n    font-size: 11px;\r\n  }\r\n\r\n  &.ribbone-1 {\r\n    span {\r\n      inset-inline-end: 10px;\r\n      inset-block-start: 10px;\r\n      padding: 1px 0;\r\n      font-size: 10px;\r\n    }\r\n  }\r\n\r\n  &.ribbone-2 {\r\n    width: 180px;\r\n    height: 180px;\r\n\r\n    span {\r\n      padding: 7px 0;\r\n      font-size: 13px;\r\n      inset-inline-end: 0;\r\n      inset-block-start: 2rem;\r\n    }\r\n  }\r\n}\r\n\r\n.card {\r\n  &:hover {\r\n    .feature-avatar-icon-1 {\r\n      animation: pulse-animation 1s infinite alternate;\r\n\r\n      .avatar {\r\n        transform: rotate(360deg);\r\n      }\r\n\r\n      &.secondary {\r\n        animation: pulse-animation-secondary 1s infinite alternate;\r\n      }\r\n\r\n      &.info {\r\n        animation: pulse-animation-info 1s infinite alternate;\r\n      }\r\n\r\n      &.success {\r\n        animation: pulse-animation-success 1s infinite alternate;\r\n      }\r\n    }\r\n\r\n    .feature-avatar-icon-2 {\r\n      .avatar {\r\n        transform: translate(0px, -20px);\r\n      }\r\n    }\r\n\r\n    .blob-bg {\r\n      animation: transform 3s ease-in-out infinite both alternate, movement 2s ease-in-out infinite both;\r\n    }\r\n  }\r\n}\r\n\r\n.feature-avatar-icon-1 {\r\n  .avatar i {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.feature-avatar-icon-2 {\r\n  border-radius: 50% 50% 0 0;\r\n\r\n  .avatar {\r\n    border-start-start-radius: 50%;\r\n    border-start-end-radius: 0px;\r\n    border-end-end-radius: 50%;\r\n    border-end-start-radius: 0px\r\n\r\n    i {\r\n      color: $white;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes pulse-animation {\r\n  0% {\r\n    box-shadow: 0 0 0 0px $primary-02;\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 15px $primary-02;\r\n  }\r\n}\r\n\r\n@keyframes pulse-animation-secondary {\r\n  0% {\r\n    box-shadow: 0 0 0 0px rgba(var(--secondary-rgb), 0.2);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 15px rgba(var(--secondary-rgb), 0.2);\r\n  }\r\n}\r\n\r\n@keyframes pulse-animation-info {\r\n  0% {\r\n    box-shadow: 0 0 0 0px rgba(var(--info-rgb), 0.2);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 15px rgba(var(--info-rgb), 0.2);\r\n  }\r\n}\r\n\r\n@keyframes pulse-animation-success {\r\n  0% {\r\n    box-shadow: 0 0 0 0px rgba(var(--success-rgb), 0.2);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 15px rgba(var(--success-rgb), 0.2);\r\n  }\r\n}\r\n\r\n.animate-svg-wave {\r\n  background-color: #2489e6;\r\n}\r\n\r\npath {\r\n  animation: pathAnim-0 4s;\r\n  animation-timing-function: linear;\r\n  animation-iteration-count: infinite;\r\n}\r\n\r\n.animated-button {\r\n  border-color: $primary;\r\n  border-radius: 0;\r\n  color: $primary;\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n  transition: all 150ms ease;\r\n\r\n  &::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 100%;\r\n    background: $primary;\r\n    z-index: -1;\r\n    transition: all 150ms ease-in-out;\r\n  }\r\n\r\n  &:hover::after {\r\n    width: 110%;\r\n  }\r\n}\r\n\r\n.blob-bg {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 70px;\r\n  height: 70px;\r\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $primary 100%);\r\n  background-color: $primary;\r\n  box-shadow: inset 10px 0 40px $primary-08, inset -10px 0 20px $primary-02, inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  margin-block-end: 20px !important;\r\n\r\n  margin: 0 auto;\r\n  border-start-start-radius: 70% 60%;\r\n  border-start-end-radius: 30% 40%;\r\n  border-end-end-radius: 30% 60%;\r\n  border-end-start-radius: 70% 40%;\r\n\r\n  &:hover {\r\n    animation: transform 3s ease-in-out infinite both alternate, movement 2s ease-in-out infinite both;\r\n  }\r\n\r\n  &.secondary {\r\n    border: 1px solid $secondary;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $secondary 100%);\r\n    background-color: $secondary;\r\n    box-shadow: inset 10px 0 40px rgba(var(--secondary-rgb), 0.8), inset -10px 0 20px rgba(var(--secondary-rgb), 0.2),\r\n      inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  &.success {\r\n    border: 1px solid $success;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $success 100%);\r\n    background-color: $success;\r\n    box-shadow: inset 10px 0 40px rgba(var(--success-rgb), 0.8), inset -10px 0 20px rgba(var(--success-rgb), 0.2),\r\n      inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  &.pink {\r\n    border: 1px solid $pink;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $pink 100%);\r\n    background-color: $pink;\r\n    box-shadow: inset 10px 0 40px rgba(var(--pink-rgb), 0.8), inset -10px 0 20px rgba(var(--pink-rgb), 0.2), inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  &.teal {\r\n    border: 1px solid $teal;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $teal 100%);\r\n    background-color: $teal;\r\n    box-shadow: inset 10px 0 40px rgba(var(--teal-rgb), 0.8), inset -10px 0 20px rgba(var(--teal-rgb), 0.2), inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  &.danger {\r\n    border: 1px solid $danger;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 10%, $danger 100%);\r\n    background-color: $danger;\r\n    box-shadow: inset 10px 0 40px rgba(var(--danger-rgb), 0.8), inset -10px 0 20px rgba(var(--danger-rgb), 0.2),\r\n      inset -40px 10px 100px rgba(255, 255, 255, 0.6);\r\n  }\r\n}\r\n\r\n@keyframes transform {\r\n\r\n  0%,\r\n  100% {\r\n    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;\r\n  }\r\n\r\n  14% {\r\n    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;\r\n  }\r\n\r\n  28% {\r\n    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;\r\n  }\r\n\r\n  42% {\r\n    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;\r\n  }\r\n\r\n  56% {\r\n    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;\r\n  }\r\n\r\n  70% {\r\n    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;\r\n  }\r\n\r\n  84% {\r\n    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;\r\n  }\r\n}\r\n\r\n@keyframes movement {\r\n\r\n  0%,\r\n  100% {\r\n    transform: none;\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(20%) rotateY(10deg);\r\n  }\r\n}\r\n\r\n.social-icons {\r\n  padding: 8px;\r\n  border-radius: 50%;\r\n  line-height: 3.3;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  i {\r\n    font-size: 16px;\r\n    border-radius: 50%;\r\n  }\r\n}\r\n\r\n.blog-badge {\r\n  position: absolute;\r\n  inset-inline-start: 20px;\r\n  inset-block-end: -10px;\r\n  padding: 12px !important;\r\n  font-size: 13px !important;\r\n}\r\n\r\n.blog-date {\r\n  position: absolute;\r\n  inset-inline-end: 0;\r\n  inset-block-start: 0;\r\n  display: grid;\r\n  background: $primary-gradient;\r\n  color: $white;\r\n  padding: 10px;\r\n  border-start-start-radius: 0px;\r\n  border-start-end-radius: 0px;\r\n  border-end-end-radius: 0px;\r\n  border-end-start-radius: 5px;\r\n  text-align: center;\r\n}\r\n\r\n.cover-image {\r\n  background-size: cover !important;\r\n}\r\n\r\n.product-label {\r\n  padding: 0.35em 0.55em;\r\n  font-size: 73%;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  vertical-align: baseline;\r\n  border-radius: 5px;\r\n  background: $gray-200;\r\n  float: $float-end;\r\n  border: 1px solid $border;\r\n  color: $color;\r\n}\r\n\r\n.tag {\r\n  font-size: 0.75rem;\r\n  color: $color;\r\n  background-color: $gray-200;\r\n  border-radius: 5px;\r\n  padding: 0 0.5rem;\r\n  line-height: 2em;\r\n  display: -ms-inline-flexbox;\r\n  display: inline-flex;\r\n  cursor: default;\r\n  font-weight: 400;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  border: 1px solid $border;\r\n\r\n  &:hover {\r\n    background-color: $primary;\r\n    color: $white;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\na.tag {\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: 0.3s color, 0.3s background;\r\n}\r\n\r\n.tags>.tag {\r\n  margin-block-end: 0.5rem;\r\n}\r\n\r\n.tags>.tag:not(:last-child) {\r\n  margin-inline-end: 0.5rem;\r\n}\r\n\r\n.buy-now {\r\n  position: fixed;\r\n  inset-inline-end: 55px;\r\n  inset-block-end: 25px;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: $primary-gradient;\r\n  color: $white;\r\n  box-shadow: 0px 4px 16px rgb(0 0 0 / 20%);\r\n  border-radius: 50%;\r\n  z-index: 99;\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n// Patterns styling\r\n\r\n.patterns-1 {\r\n  inset-inline-start: -10px;\r\n  inset-block-end: 0px;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.4;\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: rotate(90deg);\r\n\r\n  &.sub-pattern-1 {\r\n    inset-block-end: inherit;\r\n    inset-block-start: 0;\r\n  }\r\n}\r\n\r\n.patterns-2 {\r\n  inset-inline-end: 0;\r\n  inset-block-start: -3px;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.2;\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: rotate(270deg);\r\n}\r\n\r\n.patterns-3 {\r\n  inset-inline-start: 8%;\r\n  inset-block-start: 18%;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.15;\r\n  width: 80px;\r\n  height: 80px;\r\n\r\n  &.sub-pattern-1 {\r\n    inset-inline-start: 11%;\r\n  }\r\n\r\n  &.sub-pattern-2 {\r\n    inset-inline-start: 14%;\r\n    inset-block-start: 25%;\r\n  }\r\n\r\n  &.sub-pattern-3 {\r\n    inset-inline-start: 14%;\r\n    inset-block-start: 15%;\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n}\r\n\r\n.patterns-4 {\r\n  inset-inline-start: 8%;\r\n  inset-block-start: 18%;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.5;\r\n  width: 80px;\r\n  height: 80px;\r\n\r\n  &.sub-pattern-1 {\r\n    inset-inline-start: 31.7%;\r\n    inset-block-start: 34%;\r\n    filter: invert(1);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  &.sub-pattern-2 {\r\n    inset-inline-start: 28.7%;\r\n    inset-block-start: 28%;\r\n    filter: invert(1);\r\n    opacity: 0.2;\r\n  }\r\n\r\n  &.sub-pattern-3 {\r\n    inset-inline-start: 12%;\r\n    inset-block-start: 19%;\r\n    width: 150px;\r\n    height: 150px;\r\n    opacity: 0.2;\r\n  }\r\n}\r\n\r\n.patterns-5 {\r\n  inset-inline-start: -3%;\r\n  inset-block-end: -7%;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.3;\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.patterns-6 {\r\n  inset-inline-end: 0;\r\n  inset-block-start: -7%;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.2;\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.patterns-7 {\r\n  inset-inline-end: 0;\r\n  inset-block-start: 0;\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.1;\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.patterns-8 {\r\n  inset-inline-start: 0%;\r\n  inset-block-end: 0%;\r\n  z-index: -1;\r\n  position: absolute;\r\n  width: 160px;\r\n  opacity: 0.3;\r\n\r\n  &.sub-pattern-1 {\r\n    inset-inline-end: 0;\r\n    inset-inline-start: inherit;\r\n    transform: rotate(270deg);\r\n  }\r\n\r\n  &.sub-pattern-2 {\r\n    opacity: 0.1;\r\n    width: 400px;\r\n    height: 150px;\r\n    inset-block-start: 30%;\r\n    inset-inline-start: -3%;\r\n    transform: rotate(320deg);\r\n  }\r\n\r\n  &.sub-pattern-3 {\r\n    inset-inline-end: 0;\r\n    inset-inline-start: inherit;\r\n    transform: rotate(90deg);\r\n  }\r\n}\r\n\r\n.patterns-9 {\r\n  inset-inline-end: 32%;\r\n  inset-block-start: -11%;\r\n  transform: rotate(45deg);\r\n  z-index: -1;\r\n  position: absolute;\r\n  opacity: 0.3;\r\n  width: 100px;\r\n  height: 100px;\r\n\r\n  &.sub-pattern-1 {\r\n    inset-block-end: -11%;\r\n    inset-block-start: inherit;\r\n    inset-inline-start: 32%;\r\n    inset-inline-end: inherit;\r\n  }\r\n\r\n  &.sub-pattern-2 {\r\n    inset-inline-end: -4%;\r\n    inset-inline-start: auto;\r\n    transform: rotate(0);\r\n  }\r\n}\r\n\r\n.patterns-10 {\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  inset-block-start: 0;\r\n  width: 150px;\r\n  height: 150px;\r\n}\r\n\r\n.patterns-11 {\r\n  position: absolute;\r\n  inset-inline-start: -6%;\r\n  inset-block-start: 0;\r\n  width: 100px;\r\n  height: 100px;\r\n}\r\n\r\n.bg-pattern-1 {\r\n  z-index: 1;\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(\"../images/patterns/28.jpg\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.05;\r\n    z-index: -1;\r\n    background-attachment: fixed;\r\n  }\r\n\r\n  &.bg-image1 {\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/5.jpg\");\r\n      background-position: top;\r\n      opacity: 0.3;\r\n    }\r\n  }\r\n\r\n  &.bg-image2 {\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/6.jpg\");\r\n      opacity: 0.1;\r\n    }\r\n  }\r\n\r\n  &.bg-image3 {\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/10.jpg\");\r\n      opacity: 0.03;\r\n    }\r\n  }\r\n\r\n  &.bg-image4 {\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/13.jpg\");\r\n      opacity: 0.05;\r\n    }\r\n  }\r\n\r\n  &.bg-image5 {\r\n    &::before {\r\n      background-image: url(\"../images/backgrounds/12.jpg\");\r\n      opacity: 0.05;\r\n    }\r\n  }\r\n\r\n  &.bg-image6 {\r\n    &::before {\r\n      background-image: url(\"../images/patterns/29.jpg\");\r\n      background-position: bottom;\r\n      opacity: 0.05;\r\n    }\r\n  }\r\n}\r\n\r\n.feature-client-bg {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: -17%;\r\n    inset-block-end: -5%;\r\n    height: 200px;\r\n    width: 200px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(to right, $primary-01 0%, transparent 100%);\r\n    z-index: 0;\r\n  }\r\n\r\n  &.feature-bg-1 {\r\n    &::before {\r\n      width: 250px;\r\n      height: 250px;\r\n      inset-inline-start: inherit;\r\n      inset-inline-end: -20%;\r\n      background: linear-gradient(to left, $primary-01 0%, transparent 100%);\r\n    }\r\n  }\r\n\r\n  &.feature-bg-2 {\r\n    &::before {\r\n      width: 250px;\r\n      height: 250px;\r\n      inset-inline-start: inherit;\r\n      inset-inline-end: -20%;\r\n      background: linear-gradient(to left, $primary-01 0%, transparent 100%);\r\n    }\r\n  }\r\n}\r\n\r\n.br-bottom-before {\r\n  position: absolute;\r\n  inset-inline-start: 0;\r\n  inset-block-end: -10%;\r\n  height: 5px;\r\n  width: 200px;\r\n  border-radius: 20%;\r\n  transform: skew(10deg, 356deg);\r\n  background: linear-gradient(to right, #85caff 0%, transparent 100%);\r\n  // z-index: 0;\r\n}\r\n\r\n// Feature-icon //\r\n\r\n.feature-icon {\r\n  padding: 13px;\r\n  border-radius: 50%;\r\n\r\n  &.secondary {\r\n    background-color: rgba(var(--secondary-rgb), 0.2);\r\n  }\r\n\r\n  &.success {\r\n    background-color: rgba(var(--success-rgb), 0.2);\r\n  }\r\n\r\n  &.primary {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  &.danger {\r\n    background-color: rgba(var(--danger-rgb), 0.2);\r\n  }\r\n}\r\n\r\n// Start::Heading Section //\r\n\r\n.heading-section {\r\n  text-align: center;\r\n  margin-block-end: 3rem;\r\n}\r\n\r\n// End::Heading Section //\r\n\r\n// Start::Heading Title //\r\n\r\n.heading-title {\r\n  font-size: 2rem;\r\n  margin-block-end: 0.5rem;\r\n  font-family: \"Urbanist\", sans-serif;\r\n  color: $color-dark;\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n}\r\n\r\n// End::Heading Title //\r\n\r\n// Start::Heading Subtitle //\r\n\r\n.heading-subtitle {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-block-end: 0.5rem;\r\n\r\n  &::before,\r\n  &::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 2px;\r\n    inset-inline-start: -30px;\r\n    background-color: #{$secondary};\r\n    inset-block-start: 50%;\r\n  }\r\n\r\n  &::after {\r\n    inset-inline-end: -30px;\r\n    inset-inline-start: inherit;\r\n  }\r\n}\r\n\r\n// End::Heading Subtitle //\r\n\r\n// Start::Heading Description //\r\n\r\n.heading-description {\r\n  font-size: 1rem;\r\n  margin-block-end: 0;\r\n  color: $color;\r\n  opacity: 0.8;\r\n}\r\n\r\n// End::Heading Description //\r\n\r\n//Counter\r\n.counter-item {\r\n  width: 30%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  background-color: $primary;\r\n  border-radius: 10px;\r\n  padding: 10px;\r\n  margin-inline-end: 10px;\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n    background-image: url(../images/backgrounds/3.jpg);\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    opacity: 0.4;\r\n    z-index: -1;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  h4,\r\n  h5 {\r\n    color: $white;\r\n  }\r\n\r\n  &.offer-counter {\r\n    border-radius: 50%;\r\n    width: 20%;\r\n    padding: 18px;\r\n\r\n    &::before {\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .count_down {\r\n      font-size: 26px;\r\n      margin-block-end: 0;\r\n    }\r\n  }\r\n\r\n  .count_down {\r\n    font-size: 40px;\r\n    margin-block-end: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .counter-item {\r\n    margin: 10px auto;\r\n  }\r\n\r\n  .counter-item.offer-counter {\r\n    width: 70%;\r\n    border-radius: 10px;\r\n\r\n    &::before {\r\n      border-radius: 10px;\r\n    }\r\n  }\r\n\r\n  .accept-cookies {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n.main {\r\n  justify-content: space-evenly;\r\n}\r\n\r\n.payment-cards {\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  border-radius: 5px;\r\n}\r\n\r\n.addons {\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: 3%;\r\n    inset-block-start: 15%;\r\n    height: 22px;\r\n    width: 22px;\r\n    border-radius: 50%;\r\n    background-color: $primary-005;\r\n  }\r\n}\r\n\r\n.blog-view {\r\n  transition: all ease 0.3s;\r\n\r\n  &:hover {\r\n    .hover {\r\n      margin-inline-start: 10px;\r\n      transition: all ease 0.3s;\r\n    }\r\n  }\r\n}\r\n\r\n.price-offer {\r\n  position: absolute;\r\n  inset-block-start: 6%;\r\n  background-size: cover;\r\n  inset-inline-end: 27%;\r\n  text-align: center;\r\n  color: #fff;\r\n  padding: 24px;\r\n  height: 125px;\r\n  background-image: url(../images/png/37.png);\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n//show more\r\n.table {\r\n  .hide {\r\n    display: none;\r\n  }\r\n\r\n  .show {\r\n    display: table-row;\r\n  }\r\n}\r\n\r\n.btn-toggle {\r\n  border: 0;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  font-size: 15px;\r\n  outline: 0;\r\n\r\n  &[aria-expanded=\"true\"] {\r\n    content: \"Read Less\";\r\n  }\r\n}\r\n\r\n.exchange-icon {\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  padding: 12px 17px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.blog-reply {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    background: $custom-white;\r\n    width: 15px;\r\n    height: 15px;\r\n    position: absolute;\r\n    transform: rotate(45deg);\r\n    inset-block-start: -9px;\r\n    border-inline-start: 1px solid $border;\r\n    border-block-start: 1px solid $border;\r\n  }\r\n}\r\n\r\n.banner-section {\r\n  padding: 7rem 0 4rem 0;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .banner-section {\r\n    padding: 4rem 0 4rem 0;\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .custom-page {\r\n    .app-sidebar {\r\n      background-color: $primary-09 !important;\r\n    }\r\n\r\n    .sticky-pin .app-sidebar {\r\n      background-color: $custom-white !important;\r\n    }\r\n  }\r\n\r\n  // .homeSwiper {\r\n  //   height: 370px;\r\n\r\n  //   .swiper-pagination {\r\n  //     inset-block-end: 25px !important;\r\n  //   }\r\n  // }\r\n}\r\n\r\n.auth-logo {\r\n  &.logo-color {\r\n    display: block;\r\n  }\r\n\r\n  &.logo-dark {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.pricing-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  margin-block-end: 1rem;\r\n  background-color: $primary-01;\r\n  border-radius: 50px;\r\n  padding: 0.7rem;\r\n  box-shadow: 0px 5px 10px $primary-01;\r\n}\r\n\r\n#offerModal .btn-close {\r\n  background-color: $white-2;\r\n  line-height: 1;\r\n  padding: 5px;\r\n  border-radius: 50px;\r\n  position: absolute;\r\n  inset-inline-end: 5%;\r\n  filter: invert(0);\r\n\r\n  i {\r\n    font-size: 25px;\r\n  }\r\n}\r\n\r\n.payment-options {\r\n  background-color: $gray-200;\r\n  padding: 10px 15px;\r\n  border-radius: 7px;\r\n  width: 100px;\r\n  margin-block-end: 0.5rem;\r\n\r\n  &:hover {\r\n    background-color: $primary-01;\r\n  }\r\n}\r\n\r\n.custom-card-1 {\r\n  position: relative;\r\n  border: 1px solid $gray-300;\r\n  border-radius: 0.625rem;\r\n  box-shadow: 0 3px 10px 0 $black-05;\r\n  background: $custom-white;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-start: -6px;\r\n    inset-inline-start: 49%;\r\n    inset-inline-end: 49%;\r\n    width: 12px;\r\n    height: 12px;\r\n    border: 1px solid transparent;\r\n    border-block-start-color: $gray-300;\r\n    border-inline-start-color: $gray-300;\r\n    transform: rotate(45deg);\r\n    background-color: $custom-white;\r\n    z-index: 901;\r\n    display: block;\r\n  }\r\n}\r\n\r\n.custom-card-2 {\r\n  position: relative;\r\n  border: 1px solid $gray-300;\r\n  border-radius: 0.625rem;\r\n  box-shadow: 0 3px 10px 0 $black-05;\r\n  background: $custom-white;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block-end: -6px;\r\n    inset-inline-start: 49%;\r\n    inset-inline-end: 49%;\r\n    width: 12px;\r\n    height: 12px;\r\n    border: 1px solid transparent;\r\n    border-block-end-color: $gray-300;\r\n    border-inline-end-color: $gray-300;\r\n    transform: rotate(45deg);\r\n    background-color: $custom-white;\r\n    z-index: 901;\r\n    display: block;\r\n  }\r\n}\r\n\r\n.list-group {\r\n  .list-group-item {\r\n    background-color: $custom-white;\r\n  }\r\n}\r\n\r\n.app-img-white {\r\n  display: none;\r\n}\r\n\r\n//Video Banner\r\n\r\n.video-banner {\r\n  &::before{\r\n    opacity: 1;\r\n  }\r\n  .video {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    height: 100%;\r\n    z-index: -2;\r\n  }\r\n}", ".main-header {\r\n    background-color: $primary;\r\n\r\n    .nav-link {\r\n        color: $white;\r\n        transition: all ease 0.2s;\r\n\r\n        &:hover,\r\n        &.active {\r\n            color: $white;\r\n            opacity: 1;\r\n        }\r\n    }\r\n}\r\n\r\n.desktop-logo {\r\n    &.logo-color {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.sticky {\r\n\r\n    &.sticky-pin {\r\n        position: fixed;\r\n        inset-block-start: 0;\r\n        width: 100%;\r\n        // background-color: $white;\r\n        box-shadow: 0px 2px 15px 0px rgba(#000, 0.085);\r\n        transition: all ease-in-out 0.3s;\r\n        z-index: 999;\r\n\r\n        .nav-link {\r\n            color: $gray-600;\r\n            opacity: 1;\r\n        }\r\n\r\n        .header-nav-list>.nav-item {\r\n\r\n            &:hover,\r\n            &.active {\r\n                >.nav-link:not(.active) {\r\n                    color: #{$primary}\r\n                }\r\n            }\r\n        }\r\n\r\n        .main-header {\r\n            background-color: $white;\r\n        }\r\n\r\n        .main-nav-header {\r\n            border-block-start: 1px solid #{$border};\r\n            background-color: $white;\r\n        }\r\n\r\n        .mobile-dark {\r\n            display: none;\r\n        }\r\n\r\n        .header-link-icon {\r\n            color: $gray-600;\r\n            fill: $gray-600;\r\n        }\r\n\r\n        .header-element {\r\n            background-color: rgb(20 87 230 / 5%);\r\n        }\r\n\r\n        .app-sidebar {\r\n            background-color: $custom-white;\r\n            border-block-start: 1px solid $border;\r\n            box-shadow: 0 0.125rem 1rem 3px rgba(0, 0, 0, 0.1);\r\n\r\n            .side-menu__label {\r\n                color: $menu-color;\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .app-sidebar .btn-outline-light{\r\n            border-color: $black-1;\r\n            color: $color-dark;\r\n            &:hover {\r\n                background-color: $black-05;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .sticky {\r\n\r\n        &.sticky-pin {\r\n\r\n            .slide-menu {\r\n                border: 1px solid $border;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes slide-down {\r\n    from {\r\n        transform: translateY(-300px);\r\n    }\r\n\r\n    to {\r\n        transform: transform;\r\n    }\r\n}\r\n\r\n/* Start::main-nav-header */\r\n.main-nav-header {\r\n    background-color: #{$black-1};\r\n\r\n    .nav-header-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n}\r\n\r\n/* End::main-nav-header */\r\n\r\n/* Start::header-nav-list */\r\n.header-nav-list {\r\n\r\n    .header__megamenu {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: absolute;\r\n        width: 350px;\r\n        background-color: $white;\r\n        inset-block-start: 100%;\r\n        inset-inline-start: 0;\r\n        box-shadow: 0px 0px 10px 0px rgba(black, 0.15);\r\n        border-radius: 0.3125rem;\r\n        border-start-start-radius: 0px;\r\n        border-start-end-radius: 0px;\r\n        padding: 0.9375rem;\r\n        transform: rotateX(-50deg);\r\n        transform-origin: top;\r\n        transition: transform ease 0.3s;\r\n        z-index: 5;\r\n\r\n        &.megamenu__md {\r\n            width: 600px;\r\n        }\r\n\r\n        &.megamenu__lg {\r\n            width: 880px;\r\n        }\r\n\r\n        &.megamenu__xl {\r\n            width: 1000px;\r\n            inset-inline-start: calc(-100% - 100px);\r\n        }\r\n    }\r\n\r\n    .nav-link {\r\n        padding: 18px 20px;\r\n        border-radius: 0.3125rem;\r\n        font-size: 0.875rem;\r\n    }\r\n\r\n    >.nav-item {\r\n        position: relative;\r\n\r\n        &:hover,\r\n        &.active {\r\n            >.nav-link:not(.active) {\r\n                color: $white;\r\n                opacity: 1;\r\n            }\r\n\r\n            .header__megamenu {\r\n                opacity: 1;\r\n                visibility: visible;\r\n                transform: rotateX(0deg);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* End::header-nav-list */\r\n\r\n.header__dropmenu {\r\n    .header__dropitem {\r\n        padding: 0.5rem 0rem;\r\n        padding-inline-start: 1.5rem;\r\n        position: relative;\r\n\r\n        &::after {\r\n            content: \"\";\r\n            height: 7px;\r\n            width: 7px;\r\n            background-color: #{$primary-02};\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            inset-inline-start: 0;\r\n            inset-block-start: 50%;\r\n            transform: translateY(-50%);\r\n            transition: all ease 0.3s;\r\n        }\r\n\r\n        &:hover {\r\n            &::after {\r\n                background-color: #{$primary};\r\n            }\r\n\r\n            .header__dropavatar {\r\n                box-shadow: -1px 5px 8px 0px rgb(50, 48, 48, 0.15);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.drop-style-none {\r\n        .header__dropitem {\r\n            padding-inline-start: 0rem;\r\n\r\n            &::after {\r\n                content: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Start::main-brand-header */\r\n.main-brand-header {\r\n    .brand-header-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        height: 85px;\r\n    }\r\n}\r\n\r\n/* End::main-brand-header */\r\n\r\n/* End::main-brand-header */\r\n.top-menu {\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    color: $white;\r\n\r\n    .top-menu-brand {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        height: 3.5rem;\r\n\r\n        .nav-link {\r\n            color: $white;\r\n        }\r\n    }\r\n}", ".avatar {\r\n    position: relative;\r\n    height: 2.625rem;\r\n    width: 2.625rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 auto;\r\n    line-height: 0;\r\n\r\n    &.avatar-xs {\r\n        width: 1.5rem;\r\n        height: 1.5rem;\r\n    }\r\n\r\n    &.avatar-sm {\r\n        width: 2rem;\r\n        height: 2rem;\r\n    }\r\n\r\n    &.avatar-lg {\r\n        width: 3.75rem;\r\n        height: 3.75rem;\r\n    }\r\n\r\n    &.avatar-xl {\r\n        width: 5.3rem;\r\n        height: 5.3rem;\r\n    }\r\n}\r\n\r\n// Team Avatar //\r\n.team-avatar-left {\r\n    position: absolute;\r\n    inset-inline-start: 17px;\r\n    background-color: $white;\r\n    inset-block-start: 24%;\r\n    border: 1px solid $border;\r\n    color: $muted;\r\n    font-weight: 700;\r\n    font-size: 12px;\r\n}\r\n\r\n.team-avatar-right {\r\n    position: absolute;\r\n    inset-inline-end: 17px;\r\n    background-color: $white;\r\n    inset-block-start: 24%;\r\n    border: 1px solid $border;\r\n    color: $muted;\r\n    font-weight: 700;\r\n    font-size: 12px;\r\n}", "// Choices //\r\n.choices__list--dropdown .choices__item--selectable:after {\r\n    display: none !important;\r\n}\r\n\r\n.choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list--dropdown .choices__item--selectable {\r\n    padding-left: 10px !important;\r\n    padding-right: 10px !important;\r\n}\r\n.choices__inner {\r\n    background-color: $custom-white !important;\r\n    border-color: $border !important;\r\n    min-height: 42px !important;\r\n    padding: 5.5px 7.5px 3.75px !important;\r\n    border-radius: 0.3125rem !important;\r\n}\r\n\r\n.choices__list--dropdown,\r\n.is-open .choices__list--dropdown {\r\n    border-color: $border !important;\r\n}\r\n\r\n.choices[data-type*=select-one] .choices__button {\r\n    opacity: .3 !important;\r\n}\r\n\r\n.choices[data-type*=select-one]:after {\r\n    inset-inline-end: 11.5px;\r\n}\r\n\r\n.choices[data-type*=select-one]:after {\r\n    border-color: $black-6 transparent transparent transparent !important;\r\n}\r\n\r\n.choices[data-type*=select-one].is-open:after {\r\n    border-color: transparent transparent $black-6 transparent !important;\r\n}\r\n\r\n.choices[data-type*=select-one] .choices__inner {\r\n    padding-block-end: 5.5px;\r\n}\r\n\r\n.choices__list--dropdown .choices__item--selectable.is-highlighted {\r\n    background-color: $primary !important;\r\n    color: $white !important;\r\n}\r\n\r\n.choices__list--dropdown {\r\n    background-color: $custom-white !important;\r\n}\r\n\r\n//Swiper\r\n.testimonialSwiper {\r\n    .swiper {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .swiper-slide {\r\n        font-size: 18px;\r\n        background: $primary;\r\n        border-radius: 0.625rem;\r\n\r\n        .card {\r\n            background-color: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n\r\n    .swiper-slide img {\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .swiper-pagination-bullet {\r\n        width: 0.8rem !important;\r\n        height: 0.8rem !important;\r\n        background: $white !important;\r\n        border: 3px solid $primary;\r\n    }\r\n}\r\n\r\n\r\n.homeSwiper {\r\n    .swiper-slide {\r\n        background: transparent;\r\n    }\r\n\r\n    .swiper-pagination {\r\n        position: relative;\r\n    }\r\n\r\n    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n.swiper-button-next::after, .swiper-button-prev::after {\r\n    font-size: 15px !important;\r\n}\r\n\r\n.swiper-button-next, .swiper-button-prev {\r\n    color: $white !important;\r\n    border: 1px solid $white-2;\r\n    background: $white-2;\r\n    padding: 5px;\r\n    width: 2.5rem !important;\r\n    height: 2.5rem !important;\r\n    border-radius: 50px;\r\n}\r\n\r\n@media (min-width: 1700px) {\r\n\r\n    .swiper-button-prev, .swiper-rtl .swiper-button-next {\r\n        left: 10rem !important;\r\n    }\r\n    \r\n    .swiper-button-next, .swiper-rtl .swiper-button-prev {\r\n        right: 10rem !important;\r\n    }\r\n}", ".switcher-icon {\r\n    position: fixed;\r\n    height: 45px;\r\n    width: 45px;\r\n    background: #000;\r\n    color: #fff !important;\r\n    border-start-start-radius: 0.3rem;\r\n    border-start-end-radius: 0px;\r\n    border-end-end-radius: 0px;\r\n    border-end-start-radius: 0.3rem;\r\n    inset-inline-end: 0;\r\n    inset-block-start: 20rem;\r\n    text-align: center;\r\n    line-height: 3;\r\n    z-index: 99;\r\n}\r\n\r\n\r\n\r\n/* Start::OffCanvas */\r\n.offcanvas {\r\n    background-color: $custom-white;\r\n}\r\n\r\n.offcanvas-body {\r\n    flex-grow: 1;\r\n    padding: 1rem 1rem;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* End::OffCanvas */\r\n\r\n/* Start::Switcher */\r\n\r\n#switcher-canvas {\r\n    width: 350px;\r\n\r\n    .offcanvas-body {\r\n        padding: 0 0 3.125rem 0;\r\n    }\r\n\r\n    .canvas-footer {\r\n        padding: 0.75rem 1.563rem;\r\n        position: absolute;\r\n        inset-block-end: 0;\r\n        width: 100%;\r\n        background-color: $custom-white;\r\n        box-shadow: $shadow;\r\n    }\r\n\r\n    .pickr .pcr-button {\r\n        border-radius: 50%;\r\n        &::before, &::after {\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n.switcher-style {\r\n    padding: 0.875rem 1.563rem;\r\n\r\n    h6 {\r\n        margin-block-end: 0.625rem;\r\n    }\r\n}\r\n\r\n.switch-select {\r\n    .form-check-label {\r\n        font-size: 0.813rem;\r\n    }\r\n\r\n    &.form-check {\r\n        margin-block-end: 0;\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n\r\n\r\n.theme-colors {\r\n    &.switcher-style {\r\n        padding: 0.938rem 1.563rem;\r\n    }\r\n\r\n    .switch-select {\r\n        .color-input {\r\n            width: 2rem;\r\n            height: 2rem;\r\n            border-radius: 50%;\r\n            border: 0.188rem solid $border;\r\n\r\n            &.color-white {\r\n                background-color: $white;\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.05) !important;\r\n                }\r\n            }\r\n\r\n            &.color-dark {\r\n                background-color: $dark;\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(14, 16, 20, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary {\r\n                background-color: $primary;\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(var(--primary-rgb), 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary-1 {\r\n                background-color: rgb(51, 102, 255);\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(51, 102, 255, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary-2 {\r\n                background-color: rgb(16, 173, 231);\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(16, 173, 231, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary-3 {\r\n                background-color: rgb(125, 172, 48);\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(125, 172, 48, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary-4 {\r\n                background-color: rgb(209, 68, 141);\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(209, 68, 141, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-primary-5 {\r\n                background-color: rgb(108, 62, 179);\r\n\r\n                &.form-check-input:checked[type=\"radio\"] {\r\n                    box-shadow: 0 0 0 0.1rem rgba(108, 62, 179, 0.2);\r\n                }\r\n            }\r\n\r\n            &.color-bg-1 {\r\n                background-color: rgb(50, 62, 93);\r\n            }\r\n\r\n            &.color-bg-2 {\r\n                background-color: rgb(81, 93, 50);\r\n            }\r\n\r\n            &.color-bg-3 {\r\n                background-color: rgb(79, 50, 93);\r\n            }\r\n\r\n            &.color-bg-4 {\r\n                background-color: rgb(50, 87, 93);\r\n            }\r\n\r\n            &.color-bg-5 {\r\n                background-color: rgb(93, 50, 50);\r\n            }\r\n        }\r\n\r\n        .form-check-input:checked[type=\"radio\"] {\r\n            background-image: none;\r\n        }\r\n\r\n        .form-check-input:focus {\r\n            box-shadow: none;\r\n        }\r\n\r\n        .form-check-input:active {\r\n            filter: brightness(100%);\r\n        }\r\n    }\r\n}\r\n\r\n.switcher-style-head {\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    margin-block-end: 0;\r\n    padding: 0.313rem 0.625rem;\r\n    color: $color-dark;\r\n\r\n    .switcher-style-description {\r\n        float: $float-end;\r\n        font-size: 0.625rem;\r\n        background-color: rgba(var(--secondary-rgb), 0.2);\r\n        color: $secondary;\r\n        padding: 0.125rem 0.313rem;\r\n        border-radius: 0.3rem;\r\n    }\r\n}\r\n\r\n.theme-container-primary,\r\n.theme-container-background {\r\n    button {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.pickr-container-primary,\r\n.pickr-container-background {\r\n    .pickr .pcr-button::after {\r\n        content: \"\\F4B0\";\r\n        font-family: 'bootstrap-icons' !important;\r\n        color: rgba($white, 0.7);\r\n        line-height: 2;\r\n    }\r\n}\r\n\r\n\r\n\r\n.form-check-input {\r\n    background-color: $custom-white;\r\n    &:checked {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n    }\r\n}\r\n\r\n/* End::Switcher */\r\n", "[data-nav-style=\"menu-hover\"][data-nav-layout=\"horizontal\"] {\r\n    @extend .menu-hover;\r\n\r\n    .app-sidebar {\r\n        .side-menu__item {\r\n            display: flex !important;\r\n            // justify-content: space-between;\r\n        }\r\n\r\n        .side-menu__icon {\r\n            margin-block-end: 0 !important;\r\n            margin-inline-end: 0.35rem !important;\r\n        }\r\n    }\r\n}\r\n\r\n[data-nav-style=\"menu-hover\"][toggled=\"menu-hover-closed\"] {\r\n    @extend .menu-hover;\r\n}\r\n\r\n.menu-hover {\r\n    @media (min-width: 992px) {\r\n        .app-sidebar {\r\n            width: 9rem;\r\n\r\n            .main-sidebar {\r\n                overflow: visible;\r\n                height: 90%;\r\n            }\r\n\r\n            .main-sidebar-header {\r\n                width: 9rem;\r\n            }\r\n\r\n            .side-menu__icon {\r\n                margin-inline-end: 0;\r\n                margin-block-end: 0.5rem;\r\n            }\r\n\r\n            .slide {\r\n                padding: 0;\r\n            }\r\n\r\n            .side-menu__angle {\r\n                display: none !important;\r\n            }\r\n\r\n            .slide-menu {\r\n                .side-menu__angle {\r\n                    display: block !important;\r\n                }\r\n            }\r\n\r\n            .slide-menu {\r\n\r\n                &.child1,\r\n                &.child2,\r\n                &.child3 {\r\n                    min-width: 12rem;\r\n\r\n                    .slide {\r\n\r\n                        // padding-inline-start: 1.1rem;\r\n                        .side-menu__item {\r\n                            text-align: start;\r\n\r\n                            &:before {\r\n                                inset-block-start: 0.938rem;\r\n                                inset-inline-start: 0.75rem;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            @media(hover: hover) and (pointer: fine) {\r\n\r\n                .slide.has-sub:hover {\r\n                    .slide-menu.child1 {\r\n                        display: block !important;\r\n    \r\n                        .slide.has-sub:hover {\r\n                            .slide-menu.child2 {\r\n                                display: block !important;\r\n    \r\n                                .slide.has-sub:hover {\r\n                                    .slide-menu.child3 {\r\n                                        display: block !important;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .side-menu__item,\r\n            .side-menu__label {\r\n                display: block;\r\n                text-align: center;\r\n            }\r\n\r\n            .slide.has-sub .slide-menu {\r\n                position: absolute !important;\r\n                inset-inline-start: 9rem !important;\r\n                background: $custom-white;\r\n                inset-block-start: auto !important;\r\n                box-shadow: 0.125rem 0.063rem 0.5rem $black-1;\r\n                transition: none !important;\r\n\r\n                &.child2 {\r\n                    &::before {\r\n                        display: none;\r\n                    }\r\n\r\n                    inset-inline-start: 12.9rem !important;\r\n                }\r\n\r\n                &.child3 {\r\n                    &::before {\r\n                        display: none;\r\n                    }\r\n\r\n                    inset-inline-start: 11.9rem !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        .simplebar-content-wrapper {\r\n            position: initial;\r\n        }\r\n\r\n        .simplebar-mask {\r\n            position: inherit;\r\n        }\r\n\r\n        .simplebar-placeholder {\r\n            height: auto !important;\r\n        }\r\n\r\n        .app-header {\r\n            padding-inline-start: 9rem;\r\n        }\r\n    }\r\n\r\n\r\n    @media (min-width: 992px) and (max-width: 1399px){\r\n        .app-sidebar {\r\n            .slide.has-sub .slide-menu {\r\n\r\n                &.child2 {\r\n                    &::before {\r\n                        display: none;\r\n                    }\r\n\r\n                    inset-inline-start: auto !important;\r\n                }\r\n\r\n                &.child3 {\r\n                    &::before {\r\n                        display: none;\r\n                    }\r\n\r\n                    inset-inline-start: auto !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n", "[data-nav-layout=\"horizontal\"] {\r\n    @media (min-width: 992px) {\r\n        .main-menu {\r\n            &-container {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n            }\r\n\r\n            display: flex;\r\n            transition: all 0.5s ease;\r\n            // flex-wrap: wrap; // To enable wrap version of horizontal\r\n        }\r\n\r\n        .app-header {\r\n            padding-inline-start: 0 !important;\r\n            z-index: 101;\r\n        }\r\n\r\n        .app-content {\r\n            // margin-block-start: 3.5rem;\r\n            margin-inline-start: 0rem !important;\r\n\r\n            >.container-fluid {\r\n                width: 94%;\r\n                margin-inline-start: auto;\r\n                margin-inline-end: auto;\r\n            }\r\n        }\r\n\r\n        .app-sidebar {\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n\r\n            .main-sidebar,\r\n            .simplebar-mask {\r\n                overflow: visible;\r\n            }\r\n        }\r\n\r\n        .main-sidebar .simplebar-vertical {\r\n            visibility: hidden !important;\r\n        }\r\n\r\n        .main-sidebar,\r\n        .main-header-container {\r\n            width: 94%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .head_menu_container {\r\n            height: 141.5px;\r\n            background-color: $primary;\r\n        }\r\n\r\n        .horizontal-logo {\r\n            padding: 0.85rem;\r\n            display: block;\r\n\r\n            @media (min-width: 992px) {\r\n                .header-logo {\r\n                    .desktop-logo {\r\n                        display: block;\r\n                    }\r\n\r\n                    .desktop-dark,\r\n                    .toggle-logo,\r\n                    .toggle-dark {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .sidemenu-toggle {\r\n            display: none;\r\n        }\r\n\r\n        .sticky.sticky-pin {\r\n            animation-name: slide-down;\r\n            animation-duration: 0.5s;\r\n            animation-timing-function: ease;\r\n\r\n            .side-menu__item {\r\n\r\n                &.active,\r\n                &:hover {\r\n                    color: $primary;\r\n\r\n                    .side-menu__label {\r\n                        color: $primary;\r\n                        opacity: 1;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .app-sidebar {\r\n            width: 100% !important;\r\n            height: 3.55rem;\r\n\r\n            .side-menu__label {\r\n                color: rgba(255, 255, 255, 0.8);\r\n            }\r\n\r\n            .side-menu__item {\r\n\r\n                &.active,\r\n                &:hover {\r\n                    color: $primary;\r\n\r\n                    .side-menu__label {\r\n                        color: $white;\r\n                        opacity: 1;\r\n                    }\r\n\r\n                    .side-menu__icon {\r\n                        fill: $primary;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .slide-menu.child1,\r\n            .slide-menu.child2,\r\n            .slide-menu.child3 {\r\n\r\n                li {\r\n                    padding-inline-start: 0rem;\r\n                }\r\n\r\n                .side-menu__item:before {\r\n                    inset-block-start: 1rem;\r\n                }\r\n            }\r\n\r\n            .main-sidebar {\r\n                height: 3.55rem !important;\r\n                padding: 0;\r\n            }\r\n\r\n            .slide.has-sub .slide-menu {\r\n                &.child1 {\r\n                    inset-inline-start: 1.5rem !important;\r\n                }\r\n\r\n                &.child2,\r\n                &.child3 {\r\n                    inset-inline-end: 100% !important;\r\n                }\r\n\r\n                &.active {\r\n                    inset-inline-start: auto !important;\r\n                }\r\n            }\r\n\r\n            .slide.has-sub .slide-menu.mega-slide-menu {\r\n                &.active {\r\n                    inset-inline-start: 0 !important;\r\n                }\r\n            }\r\n\r\n            .slide-menu.child1 {\r\n                position: absolute !important;\r\n            }\r\n\r\n            .side-menu__item {\r\n                display: flex;\r\n            }\r\n\r\n            .side-menu__icon {\r\n                margin-inline-end: 0.25rem;\r\n                margin-block-end: 0;\r\n            }\r\n\r\n            .slide.has-sub .slide-menu.child1 {\r\n                background-color: $custom-white;\r\n                inset-block-start: 100% !important;\r\n                box-shadow: 1px 3px 8px $black-1;\r\n                min-width: 12rem;\r\n            }\r\n\r\n            .slide {\r\n                padding: 0;\r\n            }\r\n\r\n            .slide-menu {\r\n                &::before {\r\n                    content: \"\";\r\n                    position: absolute;\r\n                    inset-block-start: -7px;\r\n                    inset-inline-start: 10%;\r\n                    width: 13px;\r\n                    height: 13px;\r\n                    border: 1px solid transparent;\r\n                    border-block-start-color: $border;\r\n                    border-inline-start-color: $border;\r\n                    transform: rotate(45deg);\r\n                    background-color: $custom-white;\r\n                    z-index: 901;\r\n                    display: block;\r\n                    transition-duration: 0.25s;\r\n                }\r\n\r\n                &.mega-slide-menu-threefr {\r\n                    &::before {\r\n                        inset-inline-start: 4%;\r\n                    }\r\n                }\r\n\r\n                &.mega-slide-menu-twofr {\r\n                    &::before {\r\n                        inset-inline-start: 7%;\r\n                    }\r\n                }\r\n\r\n                &.mega-slide-menu {\r\n                    &::before {\r\n                        inset-inline-start: 26%;\r\n                    }\r\n                }\r\n\r\n                &.child1,\r\n                &.child2,\r\n                &.child3 {\r\n                    border-radius: 0.25rem;\r\n\r\n                    .slide.has-sub {\r\n                        width: 100%;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .slide.has-sub {\r\n                display: inline-grid;\r\n                position: static;\r\n            }\r\n\r\n            .main-menu {\r\n                margin-block-end: 0;\r\n            }\r\n        }\r\n\r\n        .main-sidebar-header {\r\n            display: none;\r\n        }\r\n\r\n        .main-sidebar {\r\n            margin-block-start: 0;\r\n            padding-block-end: 3rem;\r\n        }\r\n\r\n        .slide__category {\r\n            display: none;\r\n        }\r\n\r\n        .simplebar-content {\r\n            padding: 0 !important;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n            height: auto;\r\n        }\r\n\r\n        /* horizontal arrows */\r\n        .main-menu-container .slide-left {\r\n            inset-inline-start: 23px;\r\n        }\r\n\r\n        .main-menu-container .slide-left,\r\n        .main-menu-container .slide-right {\r\n            position: absolute;\r\n            inset-block-start: 9px;\r\n            padding: 6px;\r\n            color: $white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1;\r\n            cursor: pointer;\r\n            border: 1px solid $border;\r\n            border-radius: 50px;\r\n        }\r\n\r\n        .main-menu-container .slide-left,\r\n        .main-menu-container .slide-right {\r\n            position: absolute;\r\n            inset-block-start: 5px;\r\n            padding: 6px;\r\n            color: $white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1;\r\n            cursor: pointer;\r\n            border: 1px solid $border;\r\n            border-radius: 50px;\r\n            background: $white;\r\n        }\r\n\r\n        .main-menu-container {\r\n            .slide-right {\r\n                inset-inline-end: -3%;\r\n            }\r\n\r\n            .slide-left {\r\n                inset-inline-start: -3%;\r\n            }\r\n        }\r\n\r\n        .mega-slide-menu {\r\n            width: auto !important;\r\n            max-width: 100% !important;\r\n\r\n            &-twofr {\r\n                width: auto !important;\r\n                max-width: 50% !important;\r\n            }\r\n\r\n            &-threefr {\r\n                width: auto !important;\r\n                max-width: 75% !important;\r\n            }\r\n        }\r\n\r\n        .mega-menu {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr 1fr;\r\n            padding: 0.9375rem 1.3rem !important;\r\n\r\n            &-onefr {\r\n                display: grid;\r\n                padding: 0.9375rem 1.3rem !important;\r\n            }\r\n\r\n            &-twofr {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                padding: 0.9375rem 1.3rem !important;\r\n            }\r\n\r\n            &-threefr {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr 1fr;\r\n                padding: 0.9375rem 1.3rem !important;\r\n            }\r\n        }\r\n\r\n        .mega-menu-onefr {\r\n            width: 350px;\r\n        }\r\n\r\n        .side-menu__item:hover,\r\n        .side-menu__item.active {\r\n            .header__dropavatar {\r\n                box-shadow: -1px 5px 8px 0px rgb(50 48 48 / 15%);\r\n            }\r\n        }\r\n\r\n        .header-element {\r\n            display: none;\r\n        }\r\n\r\n        .app-toggle-header {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .app-sidebar {\r\n\r\n        .slide-menu.child1,\r\n        .slide-menu.child2,\r\n        .slide-menu.child3 {\r\n            ul {\r\n                padding: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-label {\r\n        position: relative;\r\n\r\n        &:before {\r\n            content: \"\";\r\n            height: 1px;\r\n            width: 50px;\r\n            background-color: $secondary;\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            inset-block-end: -15%;\r\n            transition: all ease 0.3s;\r\n        }\r\n    }\r\n\r\n    .side-menu__item:hover .header__dropavatar,\r\n    .side-menu__item.active .header__dropavatar {\r\n        &.bg-primary-transparent {\r\n            background-color: #{$primary} !important;\r\n            border: 1px solid var(--primary05);\r\n        }\r\n\r\n        &.bg-secondary-transparent {\r\n            background-color: $secondary;\r\n            border: 1px solid $secondary;\r\n        }\r\n\r\n        &.bg-info-transparent {\r\n            background-color: $info;\r\n            border: 1px solid $info;\r\n        }\r\n\r\n        &.bg-success-transparent {\r\n            background-color: $success;\r\n            border: 1px solid $success;\r\n        }\r\n\r\n        &.bg-warning-transparent {\r\n            background-color: $warning;\r\n            border: 1px solid $warning;\r\n        }\r\n\r\n        &.bg-danger-transparent {\r\n            background-color: $danger;\r\n            border: 1px solid $danger;\r\n        }\r\n\r\n        &.bg-pink-transparent {\r\n            background-color: $pink;\r\n            border: 1px solid $pink;\r\n        }\r\n\r\n        &.bg-purple-transparent {\r\n            background-color: $purple;\r\n            border: 1px solid $purple;\r\n        }\r\n\r\n        &.bg-teal-transparent {\r\n            background-color: $teal;\r\n            border: 1px solid $teal;\r\n        }\r\n\r\n        svg,\r\n        path {\r\n            fill: $white;\r\n        }\r\n\r\n        i {\r\n            color: $white;\r\n        }\r\n\r\n        .backup-icon {\r\n\r\n            line,\r\n            path,\r\n            polyline {\r\n                stroke: $white;\r\n                fill: none;\r\n            }\r\n        }\r\n\r\n        .cloud-icon {\r\n            fill: none;\r\n        }\r\n    }\r\n}\r\n\r\n/* Responsive Menu Styles */\r\n\r\n// toggle close start\r\n[toggled=\"close\"] {\r\n    @media (max-width:991.98px) {\r\n        .app-sidebar {\r\n            inset-inline-start: -19rem;\r\n        }\r\n\r\n        .app-header {\r\n            padding-inline-start: 0rem;\r\n\r\n            .horizontal-logo {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        .close-toggle {\r\n            display: none;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n// toggle close end\r\n\r\n//toggle open start\r\n[toggled=\"open\"] {\r\n    @media (max-width:991.98px) {\r\n        .app-sidebar {\r\n            inset-inline-start: 0rem;\r\n        }\r\n\r\n        .app-header {\r\n            padding-inline-start: 0rem;\r\n\r\n            .horizontal-logo {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        .close-toggle {\r\n            display: block;\r\n            color: $white;\r\n        }\r\n\r\n        .header-element {\r\n            background-color: $gray-200;\r\n            z-index: 101;\r\n\r\n            .header-link-icon {\r\n                color: $color;\r\n            }\r\n        }\r\n\r\n        .app-toggle-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            inset-block-start: 16px;\r\n            height: 85px;\r\n            border-block-end: 1px solid $border;\r\n\r\n            .brand-main {\r\n                margin-inline-start: 10px;\r\n\r\n                .desktop-logo.logo-dark {\r\n                    display: none;\r\n                }\r\n\r\n                .desktop-logo.logo-color {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//toggle open end\r\n\r\n@media (min-width: 575.98px) {\r\n    .mobile-logo {\r\n        display: none;\r\n    }\r\n\r\n    .sticky {\r\n        &.sticky-pin {\r\n            .desktop-logo {\r\n                &.logo-color {\r\n                    display: block;\r\n                }\r\n\r\n                &.logo-dark {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n    .mobile-logo {\r\n        display: block;\r\n    }\r\n\r\n    .desktop-logo,\r\n    .mobile-color {\r\n        display: none;\r\n    }\r\n\r\n    .sticky {\r\n        &.sticky-pin {\r\n            .mobile-logo {\r\n                &.mobile-color {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* Responsive Menu Styles */", ".main-sidebar {\r\n    margin-block-start: 3.72rem;\r\n    padding-block-start: 0.5rem;\r\n    padding-block-end: 5rem;\r\n    height: 100vh;\r\n    position: relative;\r\n    overflow: auto;\r\n}\r\n\r\n.app-sidebar {\r\n    width: 18rem;\r\n    height: 100%;\r\n    position: fixed;\r\n    inset-inline-start: 0;\r\n    z-index: 100;\r\n    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);\r\n    transition: all 320ms ease;\r\n    font-family: \"Urbanist\", sans-serif;\r\n\r\n    .main-sidebar-header {\r\n        height: 3.75rem;\r\n        width: 15rem;\r\n        position: fixed;\r\n        display: flex;\r\n        background: $primary-09;\r\n        z-index: 9;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0.813rem 1.25rem;\r\n        border-inline-end: 1px solid $border;\r\n        border-block-end: 1px solid $border;\r\n        transition: all 320ms ease;\r\n\r\n        .header-logo {\r\n            img {\r\n                height: 2rem;\r\n                line-height: 2rem;\r\n            }\r\n\r\n            .desktop-logo {\r\n                display: block;\r\n            }\r\n\r\n            .desktop-dark,\r\n            .toggle-logo,\r\n            .toggle-dark {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n\r\n    .slide__category {\r\n        color: $primary;\r\n        font-size: 0.6rem;\r\n        font-weight: 600;\r\n        letter-spacing: 0.065rem;\r\n        text-transform: uppercase;\r\n        padding: 0.75rem 1.65rem;\r\n        white-space: nowrap;\r\n        opacity: 0.5;\r\n        position: relative;\r\n    }\r\n\r\n    .slide {\r\n        margin: 0;\r\n        padding: 0rem 0.625rem;\r\n    }\r\n\r\n    .side-menu__item {\r\n        padding: 1.3rem 1.25rem;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n        font-size: 0.84rem;\r\n        color: $color;\r\n        font-weight: 500;\r\n\r\n        &.active,\r\n        &:hover {\r\n            &:before {\r\n                border: 1px solid $primary !important;\r\n            }\r\n\r\n            color: $primary;\r\n\r\n            .side-menu__label {\r\n                opacity: 1;\r\n            }\r\n\r\n            .side-menu__icon {\r\n                fill: $primary;\r\n            }\r\n\r\n            h6 {\r\n                color: $primary;\r\n            }\r\n        }\r\n    }\r\n\r\n    .slide-menu {\r\n        padding: 0rem;\r\n    }\r\n\r\n    .slide-menu {\r\n\r\n        &.child1 {\r\n            .slide {\r\n                padding: 0.6rem 1.6rem;\r\n            }\r\n        }\r\n\r\n        &.child2,\r\n        &.child3 {\r\n            .slide {\r\n                padding: 0.4rem 1.6rem;\r\n            }\r\n        }\r\n    }\r\n\r\n    .slide-menu {\r\n        &.child1.mega-slide-menu-onefr.without-icon {\r\n            padding-block-start: 0.6rem;\r\n            padding-block-end: 0.5rem;\r\n\r\n            .child2,\r\n            .child3 {\r\n                padding-block-start: 0.6rem;\r\n                padding-block-end: 0.5rem;\r\n            }\r\n        }\r\n\r\n        // &.child1.mega-slide-menu-threefr,\r\n        &.child1.mega-slide-menu-onefr.without-icon {\r\n            .slide {\r\n\r\n                &:hover,\r\n                &.active {\r\n                    color: $primary;\r\n\r\n                    &:before {\r\n                        background-color: $secondary;\r\n                    }\r\n                }\r\n            }\r\n\r\n            li {\r\n                padding-inline-start: 1.3rem;\r\n                position: relative;\r\n            }\r\n        }\r\n\r\n        &.child2,\r\n        &.child3 {\r\n            .slide {\r\n                &:before {\r\n                    inset-block-start: 14px !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        i {\r\n            margin-inline-end: 0.8rem;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n\r\n    .side-menu__label {\r\n        white-space: nowrap;\r\n        position: relative;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .side-menu__icon {\r\n        margin-inline-end: 0.625rem;\r\n        width: 1.25rem;\r\n        height: 1.25rem;\r\n        text-align: center;\r\n        color: $primary;\r\n        fill: $primary;\r\n    }\r\n\r\n    .side-menu__angle {\r\n        transform-origin: center;\r\n        font-size: 0.85rem;\r\n        transition: all 320ms ease;\r\n    }\r\n\r\n    .slide.side-menu__label1 {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.horizontal-logo {\r\n    padding: 0.85rem 0rem;\r\n    display: none;\r\n}\r\n\r\n@media (max-width:991.98px) {\r\n    .app-sidebar {\r\n        background-color: $custom-white;\r\n        inset-inline-start: -19rem;\r\n    }\r\n\r\n    .top-menu {\r\n        display: none;\r\n    }\r\n\r\n    .horizontal-logo {\r\n        .header-logo {\r\n\r\n            .desktop-logo,\r\n            .desktop-dark,\r\n            .toggle-dark {\r\n                display: none;\r\n            }\r\n\r\n            .toggle-logo {\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    .app-sidebar .slide-menu {\r\n\r\n        &.child1 {\r\n            .slide {\r\n                padding: 0.6rem 0.6rem;\r\n            }\r\n        }\r\n\r\n        &.child2,\r\n        &.child3 {\r\n            .slide {\r\n                padding: 0.4rem 0.6rem;\r\n            }\r\n        }\r\n    }\r\n\r\n    .app-sidebar .side-menu__item {\r\n        padding: 1rem 0.25rem;\r\n    }\r\n\r\n    .menu-label {\r\n        margin-inline-start: 10px;\r\n        margin-block-start: 10px;\r\n\r\n        i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        span {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    .app-sidebar {\r\n        border-inline-end: 1px solid $border;\r\n    }\r\n}\r\n\r\n.slide.has-sub .slide-menu {\r\n    transform: translate(0, 0) !important;\r\n    visibility: visible !important;\r\n}\r\n\r\n.nav ul li {\r\n    list-style-type: none;\r\n}\r\n\r\n.nav>ul {\r\n    padding-inline-start: 0px;\r\n}\r\n\r\n.slide-menu {\r\n    display: none;\r\n}\r\n\r\n.slide.has-sub {\r\n    display: grid;\r\n    \r\n    &.open {\r\n        >.side-menu__item .side-menu__angle {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .slide.has-sub {\r\n            &.open {\r\n                >.side-menu__item .side-menu__angle {\r\n                    transform: rotate(270deg);\r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n    .side-menu__item {\r\n        justify-content: space-between;\r\n    }\r\n    .slide .side-menu__item {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .slide.has-sub .side-menu__item {\r\n        justify-content: space-between;\r\n    }\r\n}\r\n\r\n/* Responsive Styles Start */\r\n\r\n@media (max-width: 991.98px) {\r\n    .main-content {\r\n        padding-block-start: 3.75rem;\r\n    }\r\n\r\n    .main-header {\r\n        z-index: 100;\r\n        position: fixed;\r\n        inset-block-start: 0;\r\n        inset-inline: 0;\r\n        box-shadow: 0 0 1rem rgb(0 0 0 / 10%);\r\n        transition: all 320ms ease;\r\n\r\n        &.sticky-header {\r\n            box-shadow: 0 0.125rem 1rem 3px rgb(0 0 0 / 10%);\r\n        }\r\n    }\r\n\r\n    .main-sidebar-header {\r\n        display: none !important;\r\n    }\r\n\r\n    .main-sidebar {\r\n        margin-block-start: 0;\r\n    }\r\n\r\n    .header-element {\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n        border-radius: 50px;\r\n        padding: 5px 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1)\r\n    }\r\n\r\n    .brand-main {\r\n        .desktop-logo {\r\n            height: 2.5rem;\r\n        }\r\n    }\r\n\r\n    .main-menu-container {\r\n        display: block;\r\n\r\n        .login-btn {\r\n            border-color: $border;\r\n            color: $color;\r\n        }\r\n    }\r\n\r\n    .sidemenu-toggle {\r\n        display: flex;\r\n    }\r\n\r\n    .app-sidebar {\r\n        .slide-menu {\r\n\r\n            // &.child1.mega-slide-menu-threefr,\r\n            &.child1.mega-slide-menu-onefr.without-icon\r\n             {\r\n                .slide {\r\n                    &:before {\r\n                        inset-inline-start: 9px;\r\n                        inset-block-start: 17px;\r\n                    }\r\n                }\r\n\r\n                li {\r\n                    padding-inline-start: 1.6rem;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.slide-left,\r\n.slide-right {\r\n    display: none;\r\n}\r\n\r\n.header-link-icon {\r\n    font-size: 20px;\r\n    color: $white;\r\n    fill: $white;\r\n    transition: all ease 0.3s;\r\n}\r\n\r\n.slide-menu .side-menu__item {\r\n    padding: 0;\r\n}\r\n\r\n.header__dropavatar {\r\n    -webkit-box-flex: 0;\r\n    -ms-flex: 0 0 2.5rem;\r\n    flex: 0 0 2.5rem;\r\n}\r\n\r\n.badge {\r\n    line-height: 0;\r\n    padding: 8px;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    border-radius: 50px;\r\n}\r\n\r\n.badge-lg {\r\n    font-size: 12px;\r\n    padding: 11px;\r\n}\r\n\r\n.blink-text {\r\n    animation: blink 1s linear infinite;\r\n}\r\n\r\n@keyframes blink {\r\n    50% {\r\n        opacity: 0.6;\r\n    }\r\n}\r\n\r\n.toggle-menu {\r\n    display: flex;\r\n}\r\n\r\n/* Responsive Styles End */", "[data-theme-mode=\"dark\"] {\r\n    @media (max-width: 991.98px) {\r\n        &[toggled=open] .app-toggle-header .brand-main .desktop-logo.logo-dark {\r\n            display: block;\r\n        }\r\n\r\n        &[toggled=open] .app-toggle-header .brand-main .desktop-logo.logo-color {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .bg-pattern-1.bg-image1::before {\r\n        opacity: 0.07;\r\n    }\r\n\r\n    .card .tool-img-white {\r\n        display: block;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .card .tool-img {\r\n        display: none;\r\n    }\r\n\r\n    .bg-gray-custom {\r\n        background-color: $gray-100;\r\n    }\r\n\r\n    .feature-card-13 {\r\n        background: $custom-white url(../images/png/73.png) 95% 95%/auto no-repeat scroll;\r\n        background-size: 20% 32%;\r\n    }\r\n\r\n    .pricing-icon {\r\n        background-color: $primary-04;\r\n        box-shadow: 0px 5px 10px $primary-02;\r\n    }\r\n\r\n    .choices[data-type*=select-one] .choices__button {\r\n        filter: invert(1);\r\n    }\r\n\r\n    .auth-logo {\r\n        &.logo-color {\r\n            display: none;\r\n        }\r\n\r\n        &.logo-dark {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .bg-light {\r\n        background-color: $default-background !important;\r\n    }\r\n\r\n    .custom-bg::before {\r\n        opacity: 0.05;\r\n    }\r\n\r\n    .modal-content {\r\n        background-color: $custom-white;\r\n    }\r\n\r\n    .modal-header {\r\n        border-bottom: 1px solid $border;\r\n    }\r\n\r\n    .btn-close {\r\n        filter: invert(1);\r\n    }\r\n\r\n    .app-img-white {\r\n        display: block;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .app-img {\r\n        display: none;\r\n    }\r\n\r\n    .dark-invert {\r\n        filter: invert(1);\r\n    }\r\n\r\n    .dark-opacity1 {\r\n        opacity: 0.1;\r\n    }\r\n}", "[dir=\"rtl\"] {\r\n\r\n    [type=email], [type=number], [type=tel], [type=url] {\r\n        direction: rtl;\r\n    }\r\n\r\n    @media (min-width: 992px) {\r\n        &[data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {\r\n            right: 0;\r\n            left: inherit !important;\r\n        }\r\n\r\n        &[data-nav-layout=horizontal] .app-sidebar .slide-menu::before {\r\n            transform: rotate(-45deg);\r\n        }\r\n    }\r\n\r\n    .ribbone span {\r\n        transform: rotate(45deg);\r\n    }\r\n    .patterns-7 {\r\n        transform: rotate(270deg);\r\n    }\r\n    .patterns-8.sub-pattern-1 {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .patterns-2 {\r\n        transform: rotate(180deg);\r\n    } \r\n    .patterns-8, .patterns-6 {\r\n        transform: rotate(270deg);\r\n    }\r\n\r\n    .transform-rotate-180 {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .categories-dropdowns ul::before {\r\n        transform: rotate(-45deg);\r\n    }\r\n\r\n    .feature-card-5::after {\r\n        transform: translateX(50%);\r\n    }\r\n\r\n    .patterns-1 {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .banner-arrow-down::after {\r\n        transform: translateX(50%) rotate(-45deg);\r\n    }\r\n\r\n    .feature-card-7 {\r\n        &::before {\r\n            transform: translateX(50%) translateZ(-1px);\r\n        }\r\n        &::after {\r\n            transform: translateX(50%) translateZ(-2px);\r\n        }\r\n    }\r\n\r\n    .custom-card-1, .custom-card-2 {\r\n        &:before {\r\n            transform: rotate(-45deg);\r\n        }\r\n    }\r\n\r\n    .blog-reply::before {\r\n        transform: rotate(-45deg);\r\n    }\r\n\r\n    .patterns-8.sub-pattern-3 {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .choices {\r\n        direction: rtl;\r\n    }\r\n\r\n    .choices[data-type*=select-one]:after {\r\n        left: 11.5px;\r\n        right: inherit;\r\n    }\r\n    .choices[data-type*=select-one] .choices__button {\r\n        right: inherit;\r\n        left: 0;\r\n        margin-left: 25px;\r\n        margin-right: inherit;\r\n    }\r\n\r\n    .footer-icon .list-item::before, .fe-chevron-right, .fe-arrow-right, .bi-arrow-right::before {\r\n        transform: rotate(180deg);\r\n    }\r\n    .bi-chevron-right::before {\r\n        content: \"\\f284\";\r\n    }\r\n}", "// boxed start\r\n[data-width=\"boxed\"] {\r\n    @media (min-width:1400px) {\r\n        body {\r\n            background-color: $background;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n        }\r\n\r\n        .page {\r\n            width: 85%;\r\n            margin: 0 auto;\r\n            // background-color: $background;\r\n            position: relative;\r\n            box-shadow: 0 0 1rem $black-1;\r\n\r\n            .app-header {\r\n                width: 85%;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .app-sidebar {\r\n                inset-inline-start: auto;\r\n            }\r\n        }\r\n\r\n        &[data-nav-layout=\"horizontal\"] {\r\n            .app-sidebar {\r\n                width: 85% !important;\r\n            }\r\n        }\r\n\r\n        &[page-style=\"classic\"] {\r\n            .page {\r\n                background-color: $custom-white;\r\n            }\r\n\r\n            .card {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// boxed end", "/* Start::font sizes */\r\n.tx-11 {\r\n    font-size: 0.6875rem; //11px\r\n}\r\n\r\n.tx-12 {\r\n    font-size: 0.7875rem; //11px\r\n}\r\n\r\n.tx-13 {\r\n    font-size: 0.8125rem; //13px\r\n}\r\n\r\n.tx-14 {\r\n    font-size: 0.875rem; //14px\r\n}\r\n\r\n.tx-15 {\r\n    font-size: 0.9375rem; //15px\r\n}\r\n\r\n.tx-16 {\r\n    font-size: 1rem; //16px\r\n}\r\n\r\n.tx-17 {\r\n    font-size: 1.15rem; //16px\r\n}\r\n\r\n.tx-18 {\r\n    font-size: 1.125rem; //18px\r\n}\r\n\r\n.tx-20 {\r\n    font-size: 1.25rem; //20px\r\n}\r\n\r\n.tx-22 {\r\n    font-size: 1.319rem !important; //22px\r\n}\r\n\r\n.tx-24 {\r\n    font-size: 1.44rem; //24px\r\n}\r\n\r\n.tx-26 {\r\n    font-size: 1.56rem; //26px\r\n}\r\n\r\n.tx-28 {\r\n    font-size: 1.68rem; //28px\r\n}\r\n\r\n.tx-50 {\r\n    font-size: 3rem; //50px\r\n}\r\n\r\n/* End::font sizes */\r\n\r\n/* Start::text colors */\r\n.tx-muted {\r\n    color: #{$muted};\r\n}\r\n\r\n.tx-primary {\r\n    color: #{$primary};\r\n}\r\n\r\n.tx-secondary {\r\n    color: $secondary;\r\n}\r\n\r\n.tx-success {\r\n    color: $success;\r\n}\r\n\r\n.tx-danger {\r\n    color: $danger;\r\n}\r\n\r\n.tx-info {\r\n    color: $info;\r\n}\r\n\r\n.tx-purple {\r\n    color: $purple;\r\n}\r\n\r\n.tx-gray-600 {\r\n    color: #{$gray-600};\r\n}\r\n\r\n.tx-default {\r\n    color: #{$color};\r\n}\r\n\r\n.tx-color-default {\r\n    color: #{$color-dark};\r\n}\r\n\r\n.tx-pink {\r\n    color: $pink;\r\n}\r\n\r\n.tx-teal {\r\n    color: $teal;\r\n}\r\n\r\n.tx-warning {\r\n    color: $warning;\r\n}\r\n\r\n.tx-warning-light {\r\n    color: #f4d714;\r\n}\r\n\r\n.tx-success-light {\r\n    color: #78f7b2;\r\n}\r\n\r\n/* End::text colors */\r\n\r\n.text-bg-primary {\r\n    background-color: #{$primary} !important;\r\n}\r\n\r\n.text-bg-secondary {\r\n    background-color: $secondary !important;\r\n}\r\n\r\n.text-bg-success {\r\n    background-color: $success !important;\r\n}\r\n\r\n.text-bg-warning {\r\n    color: #fff !important;\r\n    background-color: $warning !important;\r\n}\r\n\r\n.text-bg-info {\r\n    color: #fff !important;\r\n    background-color: $info !important;\r\n}\r\n\r\n.tx-info-dark {\r\n    color: #85caff;\r\n}\r\n\r\n.font-variant-caps {\r\n    font-variant: small-caps;\r\n}\r\n\r\n\r\n/* Start::links */\r\na {\r\n    text-decoration: none;\r\n    color: #{$color};\r\n\r\n    &:hover {\r\n        --bs-text-opacity: 1;\r\n        opacity: 1;\r\n        color: #{$primary};\r\n    }\r\n}\r\n\r\n/* End::links */\r\n\r\n/* Start::font-weights */\r\n.fw-600 {\r\n    font-weight: 600;\r\n}\r\n\r\n.fw-500 {\r\n    font-weight: 500;\r\n}\r\n\r\n/* End::font-weights */\r\n\r\n.content-1 {\r\n    font-size: 50px;\r\n    line-height: 1.3;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n    .content-1 {\r\n        font-size: 40px;\r\n    }\r\n}\r\n\r\n.content-2 {\r\n    font-size: 1.165rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\n.h1,\r\n.h2,\r\n.h3,\r\n.h4,\r\n.h5,\r\n.h6 {\r\n    font-family: \"Urbanist\", sans-serif;\r\n    color: $color-dark;\r\n    font-weight: 600;\r\n}\r\n\r\n.text-shadow {\r\n    text-shadow: 0px 5px #0b2459;\r\n}", "/* Start::background color */\r\n.bg-primary {\r\n    background-color: #{$primary} !important;\r\n}\r\n\r\n.bg-secondary {\r\n    background-color: #{$secondary} !important;\r\n}\r\n\r\n.bg-success {\r\n    background-color: #{$success} !important;\r\n}\r\n\r\n.bg-pink {\r\n    background-color: #{$pink} !important;\r\n}\r\n\r\n.bg-warning {\r\n    background-color: #{$warning} !important;\r\n}\r\n\r\n.bg-danger {\r\n    background-color: #{$danger} !important;\r\n}\r\n\r\n/* End::background color */\r\n\r\n\r\n/* Start::gray set */\r\n.bg-gray-100 {\r\n    background-color: #{$gray-100};\r\n}\r\n\r\n.bg-gray-200 {\r\n    background-color: #{$gray-200};\r\n}\r\n\r\n/* End::gray set */\r\n\r\n\r\n/* Start::background transparent */\r\n.bg-primary-transparent {\r\n    background-color: #{$primary-02} !important;\r\n    border: 1px solid var(--primary05);\r\n}\r\n\r\n.bg-secondary-transparent {\r\n    background-color: rgba(var(--secondary-rgb), 0.2);\r\n    border: 1px solid rgba(var(--secondary-rgb), 0.5);\r\n}\r\n\r\n.bg-info-transparent {\r\n    background-color: rgba(var(--info-rgb), 0.2);\r\n    border: 1px solid rgba(var(--info-rgb), 0.5);\r\n}\r\n\r\n.bg-success-transparent {\r\n    background-color: rgba(var(--success-rgb), 0.2);\r\n    border: 1px solid rgba(var(--success-rgb), 0.5);\r\n}\r\n\r\n.bg-warning-transparent {\r\n    background-color: rgba(var(--warning-rgb), 0.2);\r\n    border: 1px solid rgba(var(--warning-rgb), 0.5);\r\n}\r\n\r\n.bg-danger-transparent {\r\n    background-color: rgba(var(--danger-rgb), 0.2);\r\n    border: 1px solid rgba(var(--danger-rgb), 0.5);\r\n}\r\n\r\n.bg-pink-transparent {\r\n    background-color: rgba(var(--pink-rgb), 0.2);\r\n    border: 1px solid rgba(var(--pink-rgb), 0.5);\r\n}\r\n\r\n.bg-purple-transparent {\r\n    background-color: rgba(var(--purple-rgb), 0.2);\r\n    border: 1px solid rgba(var(--purple-rgb), 0.5);\r\n}\r\n\r\n.bg-teal-transparent {\r\n    background-color: rgba(var(--teal-rgb), 0.2);\r\n    border: 1px solid rgba(var(--teal-rgb), 0.5);\r\n}\r\n\r\n.bg-white-transparent {\r\n    background-color: rgba($white, 0.2);\r\n}\r\n\r\n/* End::background transparent */\r\n\r\n/* Start::background gradient */\r\n.bg-primary-gradient {\r\n    background: #{$primary-gradient};\r\n}\r\n\r\n.bg-secondary-gradient {\r\n    background: #{$secondary-gradient};\r\n}\r\n\r\n.bg-success-gradient {\r\n    background: #{$success-gradient};\r\n}\r\n\r\n.bg-warning-gradient {\r\n    background: #{$warning-gradient};\r\n}\r\n\r\n.bg-pink-gradient {\r\n    background: #{$pink-gradient};\r\n}\r\n\r\n.bg-danger-gradient {\r\n    background: #{$danger-gradient};\r\n}\r\n\r\n.bg-info-gradient {\r\n    background: #{$info-gradient};\r\n}\r\n\r\n.bg-purple-gradient {\r\n    background: #{$purple-gradient};\r\n}\r\n\r\n.bg-teal-gradient {\r\n    background: #{$teal-gradient};\r\n}\r\n\r\n.bg-orange-gradient {\r\n    background: #{$orange-gradient};\r\n}\r\n\r\n.bg-gray-transparent {\r\n    background-color: #dfecfa;\r\n}\r\n\r\n.bg-gray-custom {\r\n    background-color: #f8fbfe;\r\n}\r\n\r\n.bg-gray-gradient {\r\n    background: linear-gradient(to right, #739dd3 0%, rgb(157 190 229) 100%);\r\n}\r\n\r\n.bg-blue-gradient {\r\n    background: $blue-gradient;\r\n}\r\n\r\n.bg-white-1 {\r\n    background-color: rgba(255, 255, 255, 0.1) !important;\r\n}\r\n\r\n.bg-white-2 {\r\n    background-color: rgba(255, 255, 255, 0.2) !important;\r\n}\r\n\r\n.bg-primary-01 {\r\n    background-color: #{$primary-01} !important;\r\n}\r\n\r\n.bg-primary-01 {\r\n    background-color: #{$primary-01} !important;\r\n}\r\n\r\n.bg-primary-02 {\r\n    background-color: #{$primary-02} !important;\r\n}\r\n\r\n.bg-primary-03 {\r\n    background-color: #{$primary-03} !important;\r\n}\r\n\r\n.bg-primary-04 {\r\n    background-color: #{$primary-04} !important;\r\n}\r\n\r\n.bg-primary-05 {\r\n    background-color: #{$primary-05} !important;\r\n}\r\n\r\n.bg-primary-06 {\r\n    background-color: #{$primary-06} !important;\r\n}\r\n\r\n.bg-primary-07 {\r\n    background-color: #{$primary-07} !important;\r\n}\r\n\r\n.bg-primary-08 {\r\n    background-color: #{$primary-08} !important;\r\n}\r\n\r\n.bg-primary-09 {\r\n    background-color: #{$primary-09} !important;\r\n}\r\n\r\n// Radial Gradient Backgrounds //\r\n\r\n.bg-radial-gradient {\r\n    background: radial-gradient(circle, rgba(13, 202, 240, 1) 20%, $primary-08 100%);\r\n}\r\n\r\n.bg-primary-radial-gradient {\r\n    background: radial-gradient(circle, rgb(13, 202, 240) 0%, rgb(20 87 230) 100%);\r\n}\r\n\r\n.bg-linkedin {\r\n    background: #0985c7;\r\n    color: $white;\r\n\r\n    &:hover {\r\n        background: #0985c7;\r\n        color: $white;\r\n        opacity: 0.9;\r\n    }\r\n}\r\n\r\n/* End::background gradient */", "/* Start::minimum width */\r\n.min-w-fit-content {\r\n    min-width: fit-content;\r\n}\r\n\r\n.w-12p {\r\n    width: 12% !important;\r\n}\r\n\r\n.w-20p {\r\n    width: 20%;\r\n}\r\n\r\n.w-33p {\r\n    width: 33%;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .w-lg-12p {\r\n        width: 12% !important;\r\n    }\r\n}\r\n\r\n/* End::minimum width */", "/* Start::opacity */\r\n.op-1-1 {\r\n    opacity: 1;\r\n}\r\n\r\n.op-0 {\r\n    opacity: 0;\r\n}\r\n\r\n.op-1 {\r\n    opacity: 0.1;\r\n}\r\n\r\n.op-2 {\r\n    opacity: 0.2;\r\n}\r\n\r\n.op-3 {\r\n    opacity: 0.3;\r\n}\r\n\r\n.op-4 {\r\n    opacity: 0.4;\r\n}\r\n\r\n.op-5 {\r\n    opacity: 0.5;\r\n}\r\n\r\n.op-6 {\r\n    opacity: 0.6;\r\n}\r\n\r\n.op-7 {\r\n    opacity: 0.7;\r\n}\r\n\r\n.op-8 {\r\n    opacity: 0.8;\r\n}\r\n\r\n.op-9 {\r\n    opacity: 0.9;\r\n}\r\n\r\n/* End::opacity */", ".ms-30p {\r\n    margin-inline-start: 30% !important;\r\n}\r\n\r\n.ms--80p {\r\n    margin-inline-start: -80%;\r\n}\r\n\r\n.mt--14p {\r\n    margin-block-start: -14%;\r\n}\r\n\r\n.mt--19p {\r\n    margin-block-start: -19%;\r\n}\r\n\r\n.mt--30p {\r\n    margin-block-start: -30%;\r\n}\r\n\r\n@media (min-width: 578px) {\r\n    .ms-sm-30p {\r\n        margin-inline-start: 30% !important;\r\n    }\r\n\r\n    .ms-sm--20p {\r\n        margin-inline-start: -20%;\r\n    }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n    .ms-xl--20p {\r\n        margin-inline-start: -20%;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .mt-lg--13p {\r\n        margin-block-start: -13%;\r\n    }\r\n}\r\n\r\n.ms--20p {\r\n    margin-inline-start: -20%;\r\n}\r\n\r\n.mb--10p {\r\n    margin-block-end: -10%;\r\n}", ".banner-pd-1 {\r\n    padding: 30px 0px;\r\n}\r\n\r\n.banner-pd-2 {\r\n    padding: 70px 0px;\r\n}\r\n\r\n.banner-pd-3 {\r\n    padding: 50px 0px;\r\n}\r\n\r\n\r\n.p-6 {\r\n    padding: 3.5rem;\r\n}\r\n\r\n.px-6 {\r\n    padding-inline-start: 3.5rem;\r\n    padding-inline-end: 3.5rem;\r\n}\r\n\r\n.py-6 {\r\n    padding-block-start: 3.5rem;\r\n    padding-block-end: 3.5rem;\r\n}\r\n\r\n@media (min-width: 576px) {\r\n    .p-sm-6 {\r\n        padding: 3.5rem;\r\n    }\r\n    \r\n    .px-sm-6 {\r\n        padding-inline-start: 3.5rem;\r\n        padding-inline-end: 3.5rem;\r\n    }\r\n    \r\n    .py-sm-6 {\r\n        padding-block-start: 3.5rem;\r\n        padding-block-end: 3.5rem;\r\n    }\r\n     \r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .p-md-6 {\r\n        padding: 3.5rem;\r\n    }\r\n\r\n    .px-md-6 {\r\n        padding-inline-start: 3.5rem;\r\n        padding-inline-end: 3.5rem;\r\n    }\r\n\r\n    .py-md-6 {\r\n        padding-block-start: 3.5rem;\r\n        padding-block-end: 3.5rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .p-lg-6 {\r\n        padding: 3.5rem;\r\n    }\r\n\r\n    .px-lg-6 {\r\n        padding-inline-start: 3.5rem;\r\n        padding-inline-end: 3.5rem;\r\n    }\r\n\r\n    .py-lg-6 {\r\n        padding-block-start: 3.5rem;\r\n        padding-block-end: 3.5rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n    .p-xl-6 {\r\n        padding: 3.5rem;\r\n    }\r\n\r\n    .px-xl-6 {\r\n        padding-inline-start: 3.5rem;\r\n        padding-inline-end: 3.5rem;\r\n    }\r\n\r\n    .py-xl-6 {\r\n        padding-block-start: 3.5rem;\r\n        padding-block-end: 3.5rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 1400px) {\r\n    .p-xxl-6 {\r\n        padding: 3.5rem;\r\n    }\r\n\r\n    .px-xxl-6 {\r\n        padding-inline-start: 3.5rem;\r\n        padding-inline-end: 3.5rem;\r\n    }\r\n\r\n    .py-xxl-6 {\r\n        padding-block-start: 3.5rem;\r\n        padding-block-end: 3.5rem;\r\n    }\r\n}\r\n", "/* Start::border radius */\r\n.br-0 {\r\n    border-radius: 0;\r\n}\r\n\r\n.br-1 {\r\n    border-radius: 0.0625rem;\r\n}\r\n\r\n.br-3 {\r\n    border-radius: 0.1875rem;\r\n}\r\n\r\n.br-5 {\r\n    border-radius: 0.3125rem;\r\n}\r\n\r\n.br-7 {\r\n    border-radius: 0.4375rem;\r\n}\r\n\r\n.br-10 {\r\n    border-radius: 0.625rem;\r\n}\r\n\r\n.br-50 {\r\n    border-radius: 50px;\r\n}\r\n\r\n.br-50p {\r\n    border-radius: 50%;\r\n}\r\n\r\n.br-bottom-right-radius-0 {\r\n    border-end-end-radius: 0 !important;\r\n}\r\n\r\n.br-bottom-left-radius-0 {\r\n    border-end-start-radius: 0 !important;\r\n}\r\n\r\n.br-top-left-radius-0 {\r\n    border-start-start-radius: 0 !important;\r\n}\r\n\r\n.br-top-right-radius-0 {\r\n    border-start-end-radius: 0 !important;\r\n}\r\n\r\n/* End::border radius */\r\n\r\n\r\n.border {\r\n    border: #{$border-width} solid #{$border} !important;\r\n}\r\n\r\n.border-top {\r\n    border-block-start: #{$border-width} solid #{$border} !important;\r\n}\r\n\r\n.border-bottom {\r\n    border-block-end: #{$border-width} solid #{$border} !important;\r\n}\r\n\r\n.border-start {\r\n    border-inline-start: #{$border-width} solid #{$border} !important;\r\n}\r\n\r\n.border-primary {\r\n    border-color: #{$primary} !important;\r\n}\r\n\r\n.border-secondary {\r\n    border-color: #{$secondary} !important;\r\n}\r\n\r\n.border-warning {\r\n    border-color: #{$warning} !important;\r\n}\r\n\r\n.border-success {\r\n    border-color: #{$success} !important;\r\n}\r\n\r\n.border-danger {\r\n    border-color: #{$danger}!important;\r\n}\r\n\r\n.border-info {\r\n    border-color: #{$info} !important;\r\n}\r\n\r\n.border-purple {\r\n    border-color: #{$purple} !important;\r\n}\r\n\r\n.border-teal {\r\n    border-color: #{$teal} !important;\r\n}\r\n\r\n.border-pink {\r\n    border-color: #{$pink} !important;\r\n}\r\n\r\n.border-light {\r\n    border-color: #{$gray-400} !important;\r\n}\r\n\r\n.border-white-2 {\r\n    border-color: rgba(255, 255, 255, 0.2) !important;\r\n}\r\n\r\n.border-white-1 {\r\n    border-color: rgba(255, 255, 255, 0.1) !important;\r\n}\r\n\r\n.border-5 {\r\n    --border-width: 0.3125rem;\r\n}\r\n\r\n.border-3 {\r\n    --border-width: 0.1875rem;\r\n}", ".shadow-none {\r\n    box-shadow: none;\r\n}\r\n\r\n.all-ease-03 {\r\n    transition: all ease 0.3s;\r\n}\r\n\r\n.fade-in {\r\n    animation-name: fade-in;\r\n    animation-duration: 0.13s;\r\n    animation-timing-function: ease-in-out;\r\n}\r\n\r\n@keyframes fade-in {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.reveal {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n    transition: all 0.3s ease;\r\n\r\n    &.reveal-active {\r\n        opacity: 1;\r\n        transform: translateY(0px);\r\n    }\r\n}\r\n\r\n.plain-link {\r\n    color: #{$primary};\r\n    opacity: .8;\r\n    text-decoration: underline;\r\n}\r\n\r\n.muted-content {\r\n    color: #{$muted};\r\n}\r\n\r\n.primary-shadow {\r\n    box-shadow: $primary-shadow;\r\n}\r\n\r\n.secondary-shadow {\r\n    box-shadow: $secondary-shadow;\r\n}\r\n\r\n.success-shadow {\r\n    box-shadow: $success-shadow;\r\n}\r\n\r\n.info-shadow {\r\n    box-shadow: $info-shadow;\r\n}\r\n\r\n.pink-shadow {\r\n    box-shadow: $pink-shadow;\r\n}\r\n\r\n.purple-shadow {\r\n    box-shadow: $purple-shadow;\r\n}\r\n\r\n.danger-shadow {\r\n    box-shadow: $danger-shadow;\r\n}\r\n\r\n.teal-shadow {\r\n    box-shadow: $teal-shadow;\r\n}\r\n\r\n.shadow-1 {\r\n    box-shadow: 1.5rem 1.5rem 1rem rgb(201 219 235);\r\n}\r\n\r\n.br-style {\r\n    border-start-start-radius: 50% 10%;\r\n    border-start-end-radius: 20% 40%;\r\n    border-end-end-radius: 50% 10%;\r\n    border-end-start-radius: 20% 40%;\r\n}\r\n\r\n.br-style1 {\r\n    border-start-start-radius: 50%;\r\n    border-start-end-radius: 50%;\r\n    border-end-end-radius: 50%;\r\n    border-end-start-radius: 0;\r\n}\r\n\r\n//INSET SHADOWS //\r\n\r\n.pink-inset-shadow {\r\n    box-shadow: inset 0rem 0rem 1.5rem 2rem rgba(var(--pink-rgb), 0.15);\r\n}\r\n\r\n.primary-inset-shadow {\r\n    box-shadow: inset 0rem 0rem 1.5rem 2rem $primary-01;\r\n}\r\n\r\n.teal-inset-shadow {\r\n    box-shadow: inset 0rem 0rem 1.5rem 2rem rgba(var(--teal-rgb), 0.2);\r\n}\r\n\r\n.purple-inset-shadow {\r\n    box-shadow: inset 0rem 0rem 1.5rem 2rem rgba(var(--purple-rgb), 0.15);\r\n}\r\n\r\n.secondary-inset-shadow {\r\n    box-shadow: inset 0rem 0rem 1.5rem 2rem rgba(var(--secondary-rgb), 0.15);\r\n}\r\n\r\n.right-10p {\r\n    inset-inline-end: 10%;\r\n}\r\n\r\n.top-7p {\r\n    inset-block-start: 7%;\r\n}\r\n\r\n.right-0 {\r\n    inset-inline-end: 0 !important;\r\n}\r\n\r\n.height-inherit {\r\n    height: inherit;\r\n}\r\n\r\n.left-auto {\r\n    inset-inline-start: auto;\r\n}\r\n\r\n.left-7p {\r\n    inset-inline-start: 7%;\r\n}\r\n\r\n.top-14p {\r\n    inset-block-start: 14%;\r\n}\r\n\r\n.bottom-3p {\r\n    inset-block-end: -3%;\r\n}\r\n\r\n.z-index-0 {\r\n    z-index: 0;\r\n}\r\n\r\n.z-index-1 {\r\n    z-index: 1;\r\n}\r\n\r\n.z-index--1 {\r\n    z-index: -1;\r\n}\r\n\r\n.transform-scale {\r\n    transition-duration: 0.3s;\r\n\r\n    &:hover {\r\n        transform: scale(1.05);\r\n    }\r\n}\r\n\r\n.transform-rotate-45 {\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.transform-rotate--45 {\r\n    transform: rotate(-45deg);\r\n}\r\n\r\n.transform-rotate-90 {\r\n    transform: rotate(90deg);\r\n}\r\n\r\n.transform-rotate-180 {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.transform-skewX-10 {\r\n    transform: skewX(10deg);\r\n}\r\n\r\n.transform-skewX--10 {\r\n    transform: skewX(-10deg);\r\n}\r\n\r\n//Filter\r\n\r\n.filter-shadow {\r\n    filter: drop-shadow(2px 4px 6px $black-3);\r\n}\r\n\r\n.filter-shadow-1 {\r\n    filter: drop-shadow(16px 6px 0px $black-3);\r\n}\r\n\r\n.filter-invert {\r\n    filter: invert(1);\r\n}\r\n\r\n.bottom--4r {\r\n    bottom: -4rem;\r\n}"]
}