You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
49 KiB
30 lines
49 KiB
{
|
|
"version": 3,
|
|
"sources": [
|
|
"main.scss",
|
|
"_abstracts/_variables.scss",
|
|
"_abstracts/_mixins.scss",
|
|
"_base/_typography.scss",
|
|
"_base/_about.scss",
|
|
"_layout/_footer.scss",
|
|
"_layout/_header.scss",
|
|
"_layout/_banner.scss",
|
|
"_layout/_section.scss",
|
|
"_components/_color.scss"
|
|
],
|
|
"names": [],
|
|
"mappings": "AAAQ;ACCR;EACC;EACA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAAA;EAEA;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;AAAA;EAEC;;;AAED;EAEC;EAKA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EAEA;;;AAOA;EACC;;;AAED;EACC;;;AAGF;EACC;EACA;;;ACzMA;ED6MD;IACC;;;AE1PF;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADOC;ECfF;IAUE;IACA;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIH;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AACA;EACC;;;AD1CA;EC8CD;IACC;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;;;ADtDA;EC0DD;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;;;AAGF;EACC;EACA;;;AACA;EACC;EACA;;;AAGF;EACC;EACA;;;AACA;EACC;;;AAGF;AAAA;AAAA;EAGC;;;AAED;AAAA;EAEC;;;ACrHD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;ACrBD;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;;;AACA;EACC;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;;;AHKA;EGhCF;IA8BE;;;AHNA;EGxBF;IAiCE;IACA;;EACA;IACC;;;AAIH;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AHtDC;EGkDF;IAME;;;AAGF;EACC;EACA;EACA;;;AHlEC;EG+DF;IAKE;;;AAED;EACC;EACA;;;AACA;EACC;;;AAED;EACC;;;AAGF;EACC;EACA;EACA;;;AH/FA;EG4FD;IAKE;;;AAGF;EACC;EACA;;;AAGE;EAKC;EACA;EACA;;;AANA;AAAA;EAEC;;;AH5GJ;EGyGE;IASE;;;AAON;EACC;EACA;EACA;EACA;EAIA;;;AHjIC;EGyHF;IAME;;;AAIF;EACC;EACA;EACA;;;AACA;EACC;EACA;;;AACA;EACC;;;AClKF;EACC;EACA;;;AAGF;EACC;EACA;EACA;;;AACA;EACC;;;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAGF;EACC;EACA;;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;;;AAED;EAEC;;;AACA;EACC;EACA;EACA;;;AAGF;EACC;;;AJFH;EItBC;IA2BE;IACA;;;AJdH;EIlBD;IAqCE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAMA;IACA;;EANA;IACC;IACA;IACA;;EAMC;IACC;;EAED;IACC;;EAIA;IACC;;;AJhDL;EIwDA;IACC;;;AJzED;EI6EA;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;IACA;;;AAKJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;;;AAKJ;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AJtIC;EI+HF;IASE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAID;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;ACnNH;EACC;EACA;EACA;;;AACA;EACC;EACA;;;ALsCA;EKxCD;IAKG;;;AAIH;EACC;EACA;EACA;EACA;;;AAMD;AAAA;EAEC;EACA;EAEA;EACA;;;AAED;EACC;EACA;EAEA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;ALVA;EKaA;AAAA;IAEC;;EAED;IACC;;;ALFD;EKMA;AAAA;IAEC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;ALrDD;EKxBF;IAiFE;;;AAGF;EACC;;;AACA;EACC;EACA;;;AACA;EACC;;;AAED;EACC;EACA;EACA;;;AAMD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;;;AL3GF;EKgHE;IACC;IACA;IACA;;EACA;IACC;;EAGF;IACC;IACA;IACA;IACA;;EACA;IACC;;;AAML;EACC;EACA;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;;;AACA;EACC;EACA;;;AAGF;EACC;EACA;EACA;;;AAED;EACC;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;ALjLD;EKsLC;IACC;;EACA;IACC;IACA;;EACA;IACC;;EAGF;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;;EAGF;IACC;IACA;;;ALzMF;EK4CF;IAkKE;;EACA;IACC;IACA;;EAED;IACC;IACA;;;AL7ND;EKkOC;IACC;IACA;;EACA;IACC;;EAGF;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;;;AL1PF;EKgQC;IACC;IACA;;EACA;IACC;;EAGF;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;IACA;;EAID;IACC;IACA;IACA;IACA;IACA;;EACA;IACC;;EAGF;IACC;;EAED;IACC;IACA;IACA;IACA;;EACA;IACC;;;AAML;EACC;IACC;;EAED;IACC;;;AAGF;EACC;IACC;;EAED;IACC;;;ACnVF;EACC;;;AAED;EACC;;;ANwBC;EMrBD;IACC;;EAED;IACC;;;AAGF;EACC;EACA;;;AACA;EACC;EACA;;;ANCA;EMEA;IACC;IACA;;;ANID;EMdF;IAcE;;;ANwBA;EMtCF;IAiBE;;EACA;IACC;;;AAIH;EACC;;;AAED;EACC;EACA;;;AAED;EAyBC;;;AAxBA;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;ANnCA;EMsCA;IACC;;EAED;IACC;IACA;;EAED;IACC;;;ANdD;EMsBA;IACC;;EAED;IACC;;;AAaH;EACC;EACA;EAiBA;EACA;EACA;EACA;EAKA;;;AAxBA;EAMC;;;AALA;EACC;EACA;EACA;;;AAIF;EACC;EACA;;;AAED;EACC;EACA;;;AAMD;EACC;EACA;;;AAGD;EAEC;EAKA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EAKA;;;AAGA;EACC;;;AN/FD;EM2CF;IAyDE;;EACA;IAIC;;EAHA;IACC;;EAIF;IACC;;;AAMF;EACC;;;AAIF;EACC;EA6CA;EACA;;;AA7CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;EAKA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AACA;EACC;EACA;EACA;EACA;;;AN7JF;EMyJC;IAME;;;AAKJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EACC;;;AAID;EACC;;;AACA;EACC;;;AAKJ;EACC;EACA;EACA;;;ANxLC;EMqLF;IAKE;;;ANlMA;EM6LF;IAQE;;;AAGA;EAEC;EACA;;;AAED;EAEC;EACA;;;AAGE;EACC;EACA;;;AN7MJ;EMmNC;IAEC;IACA;;EAED;IAEC;IACA;;EAGE;IACC;IACA;;;ANxOL;EMuMD;IAwCE;;EACA;IAEC;;EAED;IAEC;;EAGA;IACC;IACA;;EACA;IACC;IACA;;;ANtQJ;EM+MD;IA6DE;;EACA;IAEC;;EAED;IAEC;;EAGA;IACC;IACA;;EACA;IACC;IACA;;;AAON;EACC;EACA;EACA;EACA;;;AN1SC;EMsSF;IAME;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EAKA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AACA;EACC;;;ANjUH;EMkRF;IAqDE;IACA;;EAEC;IACC;IACA;;EACA;IACC;IACA;IACA;;EAED;IACC;;;AAML;EASC;;;AARA;EACC;EACA;EACA;;;AAED;EACC;;;ANpWA;EMwWA;IACC;;EAED;IACC;;;ANhYD;EMqYA;IACC;;EAED;IACC;;;AAYF;EACC;EACA;EACA;;;ANxYA;EM4YD;AAAA;IAGE;IACA;;;AAIH;EACC;;;AAED;EACC;;;AN5ZC;EM+ZC;IACC;;;AAKJ;EACC;;;AN9aC;EMgbA;IAEE;;;ANtaF;EMmaD;IAOE;;;ANtaD;EM0aA;IACC;;;ANvbD;EMyaF;IAkBE;;;AAGF;EAIC;;;ANlbC;EM8aF;IAEE;;;AAIF;EACC;EACA;;;AAED;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EACC;;;AAED;EACC;EACA;EACA;;;AAGF;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;ANlfA;EMqfA;IACC;;EAED;IACC;IACA;;EAED;IACC;;;AAMD;EACC;;;AAQD;EACC;;;AAID;EACC;EACA;;;AAID;EACC;EACA;;;ANjhBD;EM+gBA;IAIE;IACA;;;ANphBF;EMyhBA;IAEE;IACA;;;AAKJ;EACC;EACA;EAOA;EACA;;;AAPA;EACC;;;AAED;EACC;;;AAKF;EACC;;;ANtiBC;EMqiBF;IAGE;;;ANxjBA;EMqjBF;IAME;;;AAGF;EACC;;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;;AN9iBA;EMwiBD;IAQE;IACA;IACA;;;AAED;EAZD;IAaE;IACA;;;AN1jBD;EM0iBF;IAoBE;;;AAGF;EAuDC;;;AAtDA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AACA;EAEC;EACA;EACA;;;AAED;EACC;EACA;;;AAMD;EACC;EACA;EAKA;;;AAED;AAAA;EAEC;EACA;;;AAGF;EACC;EACA;;;AACA;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AN7nBD;EMooBE;IACC;;;ANzoBH;EMgpBC;IACC;;;AAKJ;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AACA;EACC;;;ANvpBA;EMspBD;IAGE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;AAAA;EACC;EACA;EACA;;;ACxtBF;EACC;;;AAED;EACC",
|
|
"file": "main.css",
|
|
"sourcesContent": [
|
|
"@import url(\"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap\");\r\n\r\n@import \"_abstracts/_mixins\";\r\n@import \"_abstracts/_variables\";\r\n@import \"_base/_typography\";\r\n@import \"_base/_about\";\r\n@import \"_layout/_footer\";\r\n@import \"_layout/_forms\";\r\n@import \"_layout/_header\";\r\n@import \"_layout/_banner\";\r\n@import \"_layout/_sidebar\";\r\n@import \"_layout/_section\";\r\n@import \"_layout/_animation\";\r\n@import \"_layout/_blog\";\r\n@import \"_components/_buttons\";\r\n@import \"_components/_color\";\r\n",
|
|
"$bootstrap-sass-asset-helper: false !default;\r\n:root {\r\n\t--base-1: #fb5607;\r\n\t--base-1-rgb: 251, 86, 7;\r\n\t//\r\n\t--base-2: #ffbe0b;\r\n\t//\r\n\t--base-3: #763100;\r\n\t//\r\n\t--base-4: #ff006e;\r\n\t//\r\n\t--base-5: #ffaf41;\r\n\t//\r\n\t--base-6: #ffb243;\r\n\t//\r\n\t--base-7: #ff7207;\r\n\t//\r\n\t--base-8: #ef7822;\r\n\t--base-8-rgb: 239, 120, 34;\r\n\t//\r\n\t--base-9: #ffbf9d;\r\n\t//\r\n\t--base-10: #fcb373;\r\n\t//\r\n\t--base-11: #f29c8a;\r\n\t//\r\n\t--base-12: #8c3e0d;\r\n\t//\r\n\t--base-13: #ffbd3c;\r\n\t//\r\n\t--base-14-rgb: 255, 217, 190;\r\n\t//\r\n\t--base-15: #f06b0b;\r\n\t--base-15-rgb: 240, 107, 11;\r\n\t//\r\n\t--radial-bg: radial-gradient(\r\n\t\t50% 50% at 50% 50%,\r\n\t\trgba(255, 189, 60, 0.3) 0%,\r\n\t\trgba(217, 217, 217, 0) 100%\r\n\t);\r\n\t//\r\n\t--body-clr: #4b5d68;\r\n\t--light-clr: #ded6ff;\r\n\t--title-clr: #37322c;\r\n\t--body-bg: #fcfcfc;\r\n\t--section-bg: #ffffff;\r\n\t--section-light: #f3f9ff;\r\n\t--dark-clr: #00447a;\r\n\t--dark-rgb: 0, 68, 122;\r\n\t--white-clr: #ffffff;\r\n\t--white: #ffffff;\r\n\t--white-rgb: 255, 255, 255;\r\n\t--primary-clr: #0c67a3;\r\n\t--primary-rgb: 12, 103, 163;\r\n\t--border: #e5e5e5;\r\n\t--border-light: #e5e5e5;\r\n\t--border-light-only: #e5e5e5;\r\n\t--border-dark: #302474;\r\n\t--border-dark-only: transparent;\r\n\r\n\t--heading-fonts: \"Rubik\", sans-serif;\r\n\t--body-fonts: \"Rubik\", sans-serif;\r\n\t--base-shadow-sm: 0 0 1px var(--base-clr), 0 0 3px var(--base-clr);\r\n\t--base-shadow: 0 0 1px var(--base-clr), 0 0 2px var(--base-clr),\r\n\t\t0 0 3px var(--base-clr), 0 0 5px var(--base-clr), 0 0 7px var(--base-clr);\r\n\t--shadow: 0 0 5px rgba(var(--title-rgb), 0.2);\r\n}\r\n\r\n*[stroke=\"#FB5607\"] {\r\n\tstroke: var(--base-1);\r\n}\r\n*[fill=\"#FB5607\"] {\r\n\tfill: var(--base-1);\r\n}\r\n*[stop-color=\"#FB5607\"] {\r\n\tstop-color: var(--base-1);\r\n}\r\n*[stroke=\"#ffbe0b\"] {\r\n\tstroke: var(--base-2);\r\n}\r\n*[fill=\"#ffbe0b\"] {\r\n\tfill: var(--base-2);\r\n}\r\n*[stop-color=\"#ffbe0b\"] {\r\n\tstop-color: var(--base-2);\r\n}\r\n*[stroke=\"#763100\"] {\r\n\tstroke: var(--base-3);\r\n}\r\n*[fill=\"#763100\"] {\r\n\tfill: var(--base-3);\r\n}\r\n*[stop-color=\"#763100\"] {\r\n\tstop-color: var(--base-3);\r\n}\r\n*[stroke=\"#ff006e\"] {\r\n\tstroke: var(--base-4);\r\n}\r\n*[fill=\"#ff006e\"] {\r\n\tfill: var(--base-4);\r\n}\r\n*[stop-color=\"#ff006e\"] {\r\n\tstop-color: var(--base-4);\r\n}\r\n*[stroke=\"#ffaf41\"] {\r\n\tstroke: var(--base-5);\r\n}\r\n*[fill=\"#ffaf41\"] {\r\n\tfill: var(--base-5);\r\n}\r\n*[stop-color=\"#ffaf41\"] {\r\n\tstop-color: var(--base-5);\r\n}\r\n*[stroke=\"#ffb243\"] {\r\n\tstroke: var(--base-6);\r\n}\r\n*[fill=\"#ffb243\"] {\r\n\tfill: var(--base-6);\r\n}\r\n*[stop-color=\"#ffb243\"] {\r\n\tstop-color: var(--base-6);\r\n}\r\n*[stroke=\"#ff7207\"] {\r\n\tstroke: var(--base-7);\r\n}\r\n*[fill=\"#ff7207\"] {\r\n\tfill: var(--base-7);\r\n}\r\n*[stop-color=\"#ff7207\"] {\r\n\tstop-color: var(--base-7);\r\n}\r\n*[stroke=\"#ef7822\"] {\r\n\tstroke: var(--base-8);\r\n}\r\n*[fill=\"#ef7822\"] {\r\n\tfill: var(--base-8);\r\n}\r\n*[stop-color=\"#ef7822\"] {\r\n\tstop-color: var(--base-8);\r\n}\r\n*[stroke=\"#FFBF9D\"] {\r\n\tstroke: var(--base-9);\r\n}\r\n*[fill=\"#FFBF9D\"] {\r\n\tfill: var(--base-9);\r\n}\r\n*[stop-color=\"#FFBF9D\"] {\r\n\tstop-color: var(--base-9);\r\n}\r\n*[stroke=\"#FCB373\"] {\r\n\tstroke: var(--base-10);\r\n}\r\n*[fill=\"#FCB373\"] {\r\n\tfill: var(--base-10);\r\n}\r\n*[stop-color=\"#FCB373\"] {\r\n\tstop-color: var(--base-10);\r\n}\r\n*[stroke=\"#F29C8A\"] {\r\n\tstroke: var(--base-11);\r\n}\r\n*[fill=\"#F29C8A\"] {\r\n\tfill: var(--base-11);\r\n}\r\n*[stop-color=\"#F29C8A\"] {\r\n\tstop-color: var(--base-11);\r\n}\r\n*[stroke=\"#8C3E0D\"] {\r\n\tstroke: var(--base-12);\r\n}\r\n*[fill=\"#8C3E0D\"] {\r\n\tfill: var(--base-12);\r\n}\r\n*[stop-color=\"#8C3E0D\"] {\r\n\tstop-color: var(--base-12);\r\n}\r\n*[stroke=\"#FFBD3C\"] {\r\n\tstroke: var(--base-13);\r\n}\r\n*[fill=\"#FFBD3C\"] {\r\n\tfill: var(--base-13);\r\n}\r\n*[stop-color=\"#FFBD3C\"] {\r\n\tstop-color: var(--base-13);\r\n}\r\n\r\n.btn-base {\r\n\ttext-decoration: none;\r\n\tbox-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);\r\n\tborder-radius: 10px;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: 10px 15px;\r\n\ttext-transform: capitalize;\r\n\tfont-size: 18px;\r\n\toutline: none;\r\n\tborder: none;\r\n\ti,\r\n\tsvg {\r\n\t\tmargin-inline-start: 10px;\r\n\t}\r\n\t&::before,\r\n\t&::after {\r\n\t\tbackground: linear-gradient(\r\n\t\t\t90.07deg,\r\n\t\t\tvar(--base-2) -2.32%,\r\n\t\t\tvar(--base-1) 99.95%\r\n\t\t);\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\ttransition: all ease 0.4s;\r\n\t\tborder-radius: 10px;\r\n\t}\r\n\t* {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tcolor: var(--white);\r\n\t}\r\n\t&::after {\r\n\t\topacity: 0.8;\r\n\t}\r\n\t&::before {\r\n\t\tinset: 1px;\r\n\t\tz-index: 1;\r\n\t\t// opacity: 0;\r\n\t\tbackground: linear-gradient(\r\n\t\t\t90.07deg,\r\n\t\t\tvar(--base-1) -2.32%,\r\n\t\t\tvar(--base-2) 99.95%\r\n\t\t);\r\n\t}\r\n\t&:hover {\r\n\t\t&::after {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\t&.btn-sm {\r\n\t\tfont-weight: 400;\r\n\t\tpadding: 6px 15px;\r\n\t}\r\n}\r\n@include breakpoint(xl) {\r\n\t.container {\r\n\t\tmax-width: 1200px;\r\n\t}\r\n}\r\n",
|
|
"// BORDER RADIUS\r\n@mixin border-radius($radius) {\r\n\t-webkit-border-radius: $radius;\r\n\t-moz-border-radius: $radius;\r\n\tborder-radius: $radius;\r\n}\r\n// transition\r\n@mixin transition($transition) {\r\n\t-webkit-transition: $transition;\r\n\t-moz-transition: $transition;\r\n\ttransition: $transition;\r\n}\r\n// transform property\r\n@mixin transform($property) {\r\n\t-webkit-transform: $property;\r\n\t-ms-transform: $property;\r\n\ttransform: $property;\r\n}\r\n@mixin breakpoint($point) {\r\n\t@if $point==sm {\r\n\t\t@media (min-width: 576px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-sm {\r\n\t\t@media (max-width: 575px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==md {\r\n\t\t@media (min-width: 768px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-md {\r\n\t\t@media (max-width: 767px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==lg {\r\n\t\t@media (min-width: 992px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-lg {\r\n\t\t@media (max-width: 991px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==xl {\r\n\t\t@media (min-width: 1200px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-xl {\r\n\t\t@media (max-width: 1199px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==xxl {\r\n\t\t@media (min-width: 1400px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-xxl {\r\n\t\t@media (max-width: 1399px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==2xl {\r\n\t\t@media (min-width: 1550px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else if $point==max-2xl {\r\n\t\t@media (max-width: 1549px) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n",
|
|
"html {\r\n\tfont-size: 14px;\r\n\tscroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tcolor: var(--body-clr);\r\n\tline-height: 26px;\r\n\toverflow-x: hidden;\r\n\tfont-family: var(--body-fonts);\r\n\tbackground: var(--body-bg);\r\n\t@include breakpoint(sm) {\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 28px;\r\n\t}\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tmargin: 0;\r\n\tline-height: 1.3;\r\n\tcolor: var(--title-clr);\r\n\tfont-family: var(--heading-fonts);\r\n\tfont-weight: 700;\r\n\ta {\r\n\t\tcolor: var(--title-clr);\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--base-clr);\r\n\t\t}\r\n\t}\r\n}\r\nh1 {\r\n\tfont-size: 28px;\r\n}\r\nh2 {\r\n\tfont-size: 22px;\r\n\tline-height: 32px;\r\n}\r\nh3 {\r\n\tfont-size: 18px;\r\n\tline-height: 28px;\r\n}\r\nh4 {\r\n\tfont-size: 15px;\r\n\tline-height: 24px;\r\n}\r\nh5 {\r\n\tfont-size: 14px;\r\n}\r\nh6 {\r\n\tfont-size: 14px;\r\n}\r\np {\r\n\tmargin-top: -9px;\r\n\t&:last-child {\r\n\t\tmargin-bottom: -7px !important;\r\n\t}\r\n}\r\n@include breakpoint(sm) {\r\n\th1 {\r\n\t\tfont-size: 30px;\r\n\t}\r\n\th2 {\r\n\t\tfont-size: 24px;\r\n\t\tline-height: 34px;\r\n\t}\r\n\th3 {\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 28px;\r\n\t}\r\n\th4 {\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 26px;\r\n\t}\r\n\th5 {\r\n\t\tfont-size: 15px;\r\n\t}\r\n}\r\n@include breakpoint(md) {\r\n\th1 {\r\n\t\tfont-size: 32px;\r\n\t\tline-height: 40px;\r\n\t}\r\n\th2 {\r\n\t\tfont-size: 26px;\r\n\t\tline-height: 36px;\r\n\t}\r\n\th3 {\r\n\t\tfont-size: 20px;\r\n\t\tline-height: 30px;\r\n\t}\r\n\th4 {\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 26px;\r\n\t}\r\n\th5 {\r\n\t\tfont-size: 16px;\r\n\t}\r\n}\r\na {\r\n\tdisplay: inline-block;\r\n\ttransition: all ease 0.5s;\r\n\t&:hover {\r\n\t\ttext-decoration: none;\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\nul {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tli {\r\n\t\tlist-style: none;\r\n\t}\r\n}\r\nlabel,\r\nbutton,\r\nselect {\r\n\tcursor: pointer;\r\n}\r\ninput,\r\ntextarea {\r\n\twidth: 100%;\r\n}\r\n",
|
|
"%flex {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n}\r\n%center {\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\t@include transform(translate(-50%, -50%));\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n}\r\n.pt-25 {\r\n\tpadding-top: 25px;\r\n}\r\n.pb-25 {\r\n\tpadding-bottom: 25px;\r\n}\r\n.pt-50 {\r\n\tpadding-top: 50px;\r\n}\r\n.pb-50 {\r\n\tpadding-bottom: 50px;\r\n}\r\n",
|
|
".newsletter-content {\r\n\tmax-width: 460px;\r\n\ttext-align: center;\r\n\tmargin: 0 auto;\r\n\tpadding: 63px 15px 27px;\r\n\tz-index: 1;\r\n\t.title {\r\n\t\tfont-size: 24px;\r\n\t\tletter-spacing: 0.2px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tposition: relative;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t90.07deg,\r\n\t\t\t\tvar(--base-1) -2.32%,\r\n\t\t\t\tvar(--base-2) 99.95%\r\n\t\t\t);\r\n\t\t\tborder-radius: 10px;\r\n\t\t\twidth: 118px;\r\n\t\t\theight: 7px;\r\n\t\t\tbottom: 0;\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin: 15px auto 0;\r\n\t\t}\r\n\t}\r\n\t.text {\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\tpadding-top: 80px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding-top: 60px;\r\n\t\tfont-size: 15px;\r\n\t\t.title {\r\n\t\t\tfont-size: 20px;\r\n\t\t}\r\n\t}\r\n}\r\n.input--grp {\r\n\tposition: relative;\r\n\t.form-control {\r\n\t\theight: 60px;\r\n\t\tbox-shadow: none;\r\n\t\tborder-radius: 10px;\r\n\t\tpadding: 0 60px 0 15px;\r\n\t\tborder: none;\r\n\t\t&::placeholder {\r\n\t\t\tcolor: #adb9c0;\r\n\t\t}\r\n\t}\r\n\t.search-btn {\r\n\t\tposition: absolute;\r\n\t\toutline: none;\r\n\t\tborder: none;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: none;\r\n\t\ttop: 6px;\r\n\t\tright: 6px;\r\n\t\tposition: absolute;\r\n\t}\r\n}\r\n.newsletter-bg {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tbackground: #fff4d7;\r\n\tmask: url(./img/newsletter-bg.png) no-repeat;\r\n\t-webkit-mask: url(./img/newsletter-bg.png) no-repeat;\r\n\tmask-size: 100% 100%;\r\n\t-webkit-mask-size: 100% 100%;\r\n}\r\n.footer-bottom {\r\n\tbackground: linear-gradient(180deg, var(--base-2) 0%, var(--base-1) 100%);\r\n\tpadding-top: 134px;\r\n\tpadding-bottom: 30px;\r\n\tborder-radius: 60px 60px 0 0;\r\n}\r\n.newsletter-section {\r\n\tmargin-bottom: -89px;\r\n\tposition: relative;\r\n}\r\n.copyright {\r\n\tfont-size: 12px;\r\n\tline-height: 22px;\r\n\tcolor: var(--white);\r\n}\r\n.footer-wrapper {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 30px;\r\n\tjustify-content: space-between;\r\n\t@include breakpoint(max-lg) {\r\n\t\tmargin-bottom: 35px;\r\n\t}\r\n}\r\n.footer-widget {\r\n\tfont-size: 16px;\r\n\tcolor: var(--white);\r\n\twidth: 100%;\r\n\t@include breakpoint(lg) {\r\n\t\tmax-width: 349px;\r\n\t}\r\n\t.footer-logo {\r\n\t\tmax-width: 259px;\r\n\t\tmargin-bottom: 18px;\r\n\t\ta {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\t.subtitle {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 400;\r\n\t\tmargin-bottom: 20px;\r\n\t\t@include breakpoint(max-sm) {\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\t}\r\n\t&.widget-links {\r\n\t\twidth: calc(50% - 15px);\r\n\t\tmax-width: 221px;\r\n\t\tul {\r\n\t\t\tli {\r\n\t\t\t\ta {\r\n\t\t\t\t\ti,\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\tmargin-inline-end: 5px;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\tcolor: var(--white);\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\t@include breakpoint(max-sm) {\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.social-icon {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 30px;\r\n\tmargin-top: 15px;\r\n\t@include breakpoint(max-sm) {\r\n\t\tgap: 20px;\r\n\t}\r\n\tmargin-bottom: 15px;\r\n}\r\n.app-btn-grp {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 16px;\r\n\ta {\r\n\t\tmax-width: calc(50% - 8px);\r\n\t\tdisplay: block;\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n",
|
|
".dropdown--btn {\r\n\t&.btn-base {\r\n\t\tfont-size: 16px;\r\n\t\tpadding: 5px 13px;\r\n\t}\r\n}\r\n.header-wrapper {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\t.logo {\r\n\t\twidth: 192px;\r\n\t\ta {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-height: 60px;\r\n\t\t\tobject-fit: contain;\r\n\t\t\tobject-position: left center;\r\n\t\t}\r\n\t}\r\n\t.menu {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tli {\r\n\t\t\ta {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 26px;\r\n\t\t\t\tpadding: 6px 35px 6px 2px;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t\tcolor: var(--title-clr);\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tmargin-inline-end: 8px;\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\tvisibility: hidden;\r\n\t\t\t\t\ttransform: translateX(-5px);\r\n\t\t\t\t\ttransition: all ease 0.3s;\r\n\t\t\t\t}\r\n\t\t\t\t&.active,\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--base-1);\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t\tvisibility: visible;\r\n\t\t\t\t\t\ttransform: translateX(0);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tfont-weight: 800;\r\n\t\t\t\t}\r\n\t\t\t\t@include breakpoint(max-xl) {\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tpadding: 6px 20px 6px 2px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-lg) {\r\n\t\t\twidth: calc(100% - 30px);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 15px;\r\n\t\t\ttop: calc(100% + 20px);\r\n\t\t\tpadding: 35px;\r\n\t\t\tflex-direction: column;\r\n\t\t\tborder: 1px solid var(--border);\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\r\n\t\t\tbackground: var(--white);\r\n\t\t\ttransition: all ease 0.4s;\r\n\t\t\t&:not(.active) {\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransform: translateY(8px) scale(0.98);\r\n\t\t\t}\r\n\t\t\tmax-height: calc(100vh - 100px);\r\n\t\t\toverflow-y: auto;\r\n\t\t\tli {\r\n\t\t\t\ta {\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\twidth: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\ttransition: all ease 0.3s;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&.active,\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tsvg {\r\n\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\t.logo {\r\n\t\t\tmargin-inline-end: auto;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\t.logo {\r\n\t\t\twidth: 160px;\r\n\t\t}\r\n\t\t.dropdown--btn {\r\n\t\t\tpadding: 4px 10px;\r\n\t\t\tfont-size: 12px;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 10px;\r\n\t\t\t\tmargin-inline-start: 4px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.dropdown-list {\r\n\tposition: absolute;\r\n\ttop: calc(100% + 10px);\r\n\tright: 0;\r\n\tpadding: 10px 0;\r\n\tborder-radius: 5px;\r\n\tbox-shadow: 0 0 5px rgb(141, 153, 174, 0.5);\r\n\ttransform: translateY(15px);\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n\ttransition: all ease 0.4s;\r\n\tbackground: var(--white-clr);\r\n\tz-index: 99;\r\n\twidth: 100%;\r\n\tmin-width: 200px;\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: var(--title-clr);\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tpadding: 4px 25px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-inline-start: 3px solid transparent;\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--base-1);\r\n\t\t\t\tborder-color: var(--base-1);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.dropdown--btn:focus ~ .dropdown-list {\r\n\ttransform: translateY(0);\r\n\tvisibility: visible;\r\n\topacity: 1;\r\n}\r\nheader {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 14px;\r\n\ttransition: all ease 0.4s;\r\n\twidth: 100%;\r\n\tz-index: 9999;\r\n\tpadding: 20px 0;\r\n\t@include breakpoint(max-sm) {\r\n\t\ttop: 0;\r\n\t}\r\n\t&.active {\r\n\t\tanimation: fadeInDown 0.6s;\r\n\t\t-webkit-animation: fadeInDown 0.6s;\r\n\t\t-moz-animation: fadeInDown 0.6s;\r\n\t\ttop: 0;\r\n\t\tposition: fixed;\r\n\t\tbackground: rgba(#ffffff, 0.95);\r\n\t\tbackdrop-filter: blur(5px);\r\n\t}\r\n}\r\n.nav-toggle {\r\n\tposition: relative;\r\n\tcursor: pointer;\r\n\twidth: 25px;\r\n\theight: 20px;\r\n\tmargin: 0 20px 0 5px;\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 2px;\r\n\t\twidth: 100%;\r\n\t\t-webkit-transition: all ease 0.3s;\r\n\t\t-moz-transition: all ease 0.3s;\r\n\t\ttransition: all ease 0.3s;\r\n\t\tbackground: var(--title-clr);\r\n\t\tleft: 0;\r\n\t\t&:first-child {\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t\t&:nth-child(2) {\r\n\t\t\ttop: 52%;\r\n\t\t\ttransform: translateY(-65%);\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tbottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.active span {\r\n\t\t&:first-child {\r\n\t\t\t-webkit-transform: rotate(45deg) translate(3px, 10px);\r\n\t\t\t-ms-transform: rotate(45deg) translate(3px, 10px);\r\n\t\t\ttransform: rotate(45deg) translate(3px, 10px);\r\n\t\t}\r\n\t\t&:nth-child(2) {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\t-webkit-transform: rotate(-45deg) translate(3px, -10px);\r\n\t\t\t-ms-transform: rotate(-45deg) translate(3px, -10px);\r\n\t\t\ttransform: rotate(-45deg) translate(3px, -10px);\r\n\t\t}\r\n\t}\r\n}\r\n",
|
|
".banner-section {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tpadding-top: 123px;\r\n\t.container {\r\n\t\tposition: relative;\r\n\t\tz-index: 9;\r\n\t\t@include breakpoint(max-xxl) {\r\n\t\t\t@include breakpoint(xl) {\r\n\t\t\t\tmax-width: 1140px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&::before {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tcontent: \"\";\r\n\t\tbackground: linear-gradient(\r\n\t\t\t180deg,\r\n\t\t\trgba(var(--base-14-rgb), 0.33) 0%,\r\n\t\t\trgba(#fcfcfc, 0.31) 100%\r\n\t\t);\r\n\t}\r\n\t.shape-3,\r\n\t.shape-1 {\r\n\t\tposition: absolute;\r\n\t\ttop: 120px;\r\n\t\t// left: calc(50% + 34vw);\r\n\t\tleft: calc(50% + 408px);\r\n\t\tanimation: pulse 2s alternate infinite;\r\n\t}\r\n\t.shape-2 {\r\n\t\tposition: absolute;\r\n\t\tbottom: 220px;\r\n\t\t// left: calc(50% + 34vw);\r\n\t\tleft: calc(50% + 448px);\r\n\t\tanimation: pulse 2s alternate-reverse infinite;\r\n\t}\r\n\t.shape-3 {\r\n\t\tbottom: 60px;\r\n\t\ttop: unset;\r\n\t}\r\n\t.glass-1 {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t}\r\n\t.glass-2 {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t}\r\n\t.glass-3 {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: calc(50% + 52px);\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\t.shape-1,\r\n\t\t.shape-3 {\r\n\t\t\tleft: calc(50% + 548px);\r\n\t\t}\r\n\t\t.shape-2 {\r\n\t\t\tleft: calc(50% + 648px);\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(2xl) {\r\n\t\t.shape-1,\r\n\t\t.shape-3 {\r\n\t\t\tleft: calc(50% + 548px + 7vw);\r\n\t\t}\r\n\t\t.shape-3 {\r\n\t\t\tleft: calc(50% + 588px + 7vw);\r\n\t\t}\r\n\t\t.shape-2 {\r\n\t\t\tleft: calc(50% + 700px + 7vw);\r\n\t\t}\r\n\t\t.glass-3 {\r\n\t\t\tleft: calc(50% + 10px);\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\tpadding-top: 90px;\r\n\t}\r\n}\r\n.banner-wrapper {\r\n\tdisplay: flex;\r\n\t.banner-thumb {\r\n\t\twidth: 535px;\r\n\t\tposition: relative;\r\n\t\t.main-img {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\tdiv[class*=\"img-data\"] {\r\n\t\t\tposition: absolute;\r\n\t\t\tfilter: drop-shadow(0px 4px 43px rgba(0, 0, 0, 0.25));\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t90deg,\r\n\t\t\t\tvar(--base-1) 0%,\r\n\t\t\t\tvar(--base-4) 100%\r\n\t\t\t);\r\n\t\t}\r\n\t\t.img-data-1 {\r\n\t\t\ttop: 80px;\r\n\t\t\tright: -21px;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 19px;\r\n\t\t\tletter-spacing: 0.20000000298023224px;\r\n\t\t\tcolor: var(--white);\r\n\t\t\tpadding: 9px 20px 9px 0;\r\n\t\t\tborder-radius: 11px;\r\n\t\t\tanimation: banner-1 2s alternate infinite;\r\n\t\t}\r\n\t\t.img-data-2 {\r\n\t\t\tfont-size: 10px;\r\n\t\t\tline-height: 11px;\r\n\t\t\ttop: 197px;\r\n\t\t\tleft: -21px;\r\n\t\t\tletter-spacing: 0.20000000298023224px;\r\n\t\t\tcolor: var(--white);\r\n\t\t\tborder-radius: 11px;\r\n\t\t\tpadding: 12px 12px 11px 42px;\r\n\t\t\tanimation: banner-2 2s alternate infinite;\r\n\t\t\timg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.img-data-3 {\r\n\t\t\tleft: -80px;\r\n\t\t\tbottom: 38px;\r\n\t\t\tfont-size: 23px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 27px;\r\n\t\t\tletter-spacing: 0.20000000298023224px;\r\n\t\t\tcolor: var(--white);\r\n\t\t\tpadding: 26px 26px 26px 85px;\r\n\t\t\tborder-radius: 11px;\r\n\t\t\tanimation: banner-1 2s alternate-reverse infinite;\r\n\t\t\timg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-xl) {\r\n\t\t\t@include breakpoint(lg) {\r\n\t\t\t\t.img-data-3 {\r\n\t\t\t\t\tleft: -30px;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tpadding: 16px 16px 16px 75px;\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 75px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.img-data-1 {\r\n\t\t\t\t\tright: 0px;\r\n\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t\tpadding: 9px;\r\n\t\t\t\t\tpadding-inline-start: 5px;\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 40px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.banner-content {\r\n\t\twidth: 532px;\r\n\t\tflex-grow: 1;\r\n\t\tmargin-top: auto;\r\n\t\tpadding-bottom: 55px;\r\n\t\ttext-align: center;\r\n\t\t.title {\r\n\t\t\tfont-size: 42px;\r\n\t\t\tline-height: 58px;\r\n\t\t\tcolor: var(--base-1);\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t\tspan {\r\n\t\t\t\tfont-size: 59px;\r\n\t\t\t\tcolor: var(--base-3);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.subtitle {\r\n\t\t\tfont-size: 35px;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tcolor: rgba(var(--base-1-rgb), 0.6);\r\n\t\t}\r\n\t\t.name {\r\n\t\t\tletter-spacing: 0.2px;\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t90.07deg,\r\n\t\t\t\tvar(--base-1) -2.32%,\r\n\t\t\t\tvar(--base-2) 99.95%\r\n\t\t\t);\r\n\t\t\tdisplay: inline-block;\r\n\t\t\t-webkit-background-clip: text;\r\n\t\t\t-webkit-text-fill-color: transparent;\r\n\t\t\tbackground-clip: text;\r\n\t\t\ttext-fill-color: transparent;\r\n\t\t\tfont-size: 75px;\r\n\t\t\tline-height: 1;\r\n\t\t\tmargin-top: 49px;\r\n\t\t\tmargin-bottom: 58px;\r\n\t\t}\r\n\t\t.txt {\r\n\t\t\tfont-weight: 500;\r\n\t\t\tfont-size: 22px;\r\n\t\t\tline-height: 26px;\r\n\t\t\tcolor: var(--base-1);\r\n\t\t}\r\n\t\t.btn-base {\r\n\t\t\tmargin-top: 27px;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-xl) {\r\n\t\t@include breakpoint(lg) {\r\n\t\t\t.banner-content {\r\n\t\t\t\twidth: 400px;\r\n\t\t\t\t.title {\r\n\t\t\t\t\tfont-size: 32px;\r\n\t\t\t\t\tline-height: 1.3;\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\tfont-size: 40px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.subtitle {\r\n\t\t\t\t\tfont-size: 26px;\r\n\t\t\t\t}\r\n\t\t\t\t.name {\r\n\t\t\t\t\tmargin-top: 35px;\r\n\t\t\t\t\tfont-size: 55px;\r\n\t\t\t\t\tmargin-bottom: 35px;\r\n\t\t\t\t}\r\n\t\t\t\t.txt {\r\n\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.banner-thumb {\r\n\t\t\t\twidth: 400px;\r\n\t\t\t\tflex-grow: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\tflex-wrap: wrap-reverse;\r\n\t\t.banner-content {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-bottom: 10px;\r\n\t\t}\r\n\t\t.banner-thumb {\r\n\t\t\twidth: 400px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\t.banner-content {\r\n\t\t\t.title {\r\n\t\t\t\tfont-size: 32px;\r\n\t\t\t\tline-height: 1.3;\r\n\t\t\t\tspan {\r\n\t\t\t\t\tfont-size: 40px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.subtitle {\r\n\t\t\t\tfont-size: 26px;\r\n\t\t\t}\r\n\t\t\t.name {\r\n\t\t\t\tmargin-top: 35px;\r\n\t\t\t\tfont-size: 55px;\r\n\t\t\t\tmargin-bottom: 35px;\r\n\t\t\t}\r\n\t\t\t.txt {\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\t.banner-content {\r\n\t\t\t.title {\r\n\t\t\t\tfont-size: 30px;\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\tspan {\r\n\t\t\t\t\tfont-size: 38px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.subtitle {\r\n\t\t\t\tfont-size: 22px;\r\n\t\t\t}\r\n\t\t\t.name {\r\n\t\t\t\tmargin-top: 35px;\r\n\t\t\t\tfont-size: 50px;\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\t\t\t.txt {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.banner-thumb {\r\n\t\t\t.img-data-3 {\r\n\t\t\t\tleft: 30px;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tpadding: 10px 16px 10px 75px;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 75px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.img-data-2 {\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t\t.img-data-1 {\r\n\t\t\t\tright: 0px;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tpadding: 9px;\r\n\t\t\t\tpadding-inline-start: 5px;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 40px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n@keyframes banner-1 {\r\n\t0% {\r\n\t\ttransform: translateY(10px);\r\n\t}\r\n\t100% {\r\n\t\ttransform: translateY(-10px);\r\n\t}\r\n}\r\n@keyframes banner-2 {\r\n\t0% {\r\n\t\ttransform: translateX(10px);\r\n\t}\r\n\t100% {\r\n\t\ttransform: translateX(-10px);\r\n\t}\r\n}\r\n",
|
|
".pt-80 {\r\n\tpadding-top: 50px;\r\n}\r\n.pb-80 {\r\n\tpadding-bottom: 50px;\r\n}\r\n@include breakpoint(md) {\r\n\t.pt-80 {\r\n\t\tpadding-top: 80px;\r\n\t}\r\n\t.pb-80 {\r\n\t\tpadding-bottom: 80px;\r\n\t}\r\n}\r\n.section-header {\r\n\tmax-width: 500px;\r\n\tmargin: 0 auto 35px;\r\n\t.title {\r\n\t\tfont-size: 26px;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\t@include breakpoint(sm) {\r\n\t\t.title {\r\n\t\t\tfont-size: 30px;\r\n\t\t\tmargin-bottom: 18px;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(md) {\r\n\t\tmargin-bottom: 49px;\r\n\t}\r\n\t@include breakpoint(xxl) {\r\n\t\tmax-width: calc(500px + 5vw);\r\n\t\t.title {\r\n\t\t\tfont-size: calc(30px + 0.25vw);\r\n\t\t}\r\n\t}\r\n}\r\n.text-base {\r\n\tcolor: var(--base-1);\r\n}\r\n.about-img {\r\n\twidth: 100%;\r\n\tmax-width: 466px;\r\n}\r\n.about-content {\r\n\t.title {\r\n\t\tfont-size: 26px;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\t.subtitle {\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\t.txt {\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t@include breakpoint(sm) {\r\n\t\t.title {\r\n\t\t\tfont-size: 34px;\r\n\t\t}\r\n\t\t.subtitle {\r\n\t\t\tfont-size: 28px;\r\n\t\t\tmargin-bottom: 25px;\r\n\t\t}\r\n\t\t.txt {\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t}\r\n\t}\r\n\tmax-width: 566px;\r\n\t// margin-inline-start: auto;\r\n\t// margin-inline-end: auto;\r\n\t@include breakpoint(xxl) {\r\n\t\t// max-width: calc(500px + 5vw);\r\n\t\t.title {\r\n\t\t\tfont-size: calc(30px + 0.25vw);\r\n\t\t}\r\n\t\t.txt {\r\n\t\t\tmargin-bottom: 70px;\r\n\t\t}\r\n\t}\r\n}\r\n// @include breakpoint(2xl) {\r\n// \t.about-content {\r\n// \t\tmargin-inline-start: auto;\r\n// \t\tmargin-inline-end: auto;\r\n// \t}\r\n// \t.about-img {\r\n// \t\tmax-width: 560px;\r\n// \t}\r\n// }\r\n.feature-item {\r\n\tpadding: 70px 18px 63px;\r\n\ttext-align: center;\r\n\t&-icon {\r\n\t\timg {\r\n\t\t\twidth: 62px;\r\n\t\t\theight: 72px;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t\tmargin-bottom: 22px;\r\n\t}\r\n\t.title {\r\n\t\tmargin-bottom: 30px;\r\n\t\tcolor: var(--white);\r\n\t}\r\n\t.txt {\r\n\t\tmax-width: 244px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\tfont-size: 13px;\r\n\tline-height: 20px;\r\n\tcolor: var(--white);\r\n\tbox-shadow: 0px 0px 70px rgba(21, 21, 20, 0.1);\r\n\t* {\r\n\t\tposition: relative;\r\n\t\tz-index: 2;\r\n\t}\r\n\tposition: relative;\r\n\t&::before,\r\n\t&::after {\r\n\t\tbackground: linear-gradient(\r\n\t\t\t140.44deg,\r\n\t\t\tvar(--base-2) -2.03%,\r\n\t\t\tvar(--base-1) 98.87%\r\n\t\t);\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tborder-radius: 5px;\r\n\t\ttransition: all ease 0.3s;\r\n\t}\r\n\t&::before {\r\n\t\tinset: 2px;\r\n\t\tbackground: linear-gradient(\r\n\t\t\t140.44deg,\r\n\t\t\tvar(--base-2) -10.03%,\r\n\t\t\tvar(--base-1) 48.87%\r\n\t\t);\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:hover {\r\n\t\t&::before {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-xl) {\r\n\t\t// @include breakpoint(sm) {\r\n\t\tpadding: 50px 10px;\r\n\t\t.feature-item-icon {\r\n\t\t\timg {\r\n\t\t\t\theight: 50px;\r\n\t\t\t}\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t}\r\n\t\t.title {\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t}\r\n\t}\r\n\t// }\r\n}\r\n.feature-slider {\r\n\t.owl-stage-outer {\r\n\t\toverflow: visible;\r\n\t}\r\n}\r\n\r\n.choose-item {\r\n\tposition: relative;\r\n\t&-content {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\tz-index: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tflex-wrap: wrap;\r\n\t\ttransition: all ease 0.3s;\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t90deg,\r\n\t\t\t\trgba(var(--base-15-rgb), 0.92) 0%,\r\n\t\t\t\trgba(0, 0, 0, 0.38) 100%\r\n\t\t\t);\r\n\t\t\tinset: 0;\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttransition: all ease 0.3s;\r\n\t\t}\r\n\t\t.cont {\r\n\t\t\tmargin-inline-start: 5%;\r\n\t\t\twidth: 90%;\r\n\t\t\ttransition: all ease 0.3s;\r\n\t\t\tposition: relative;\r\n\t\t\t.title {\r\n\t\t\t\tfont-size: 31px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tline-height: 37px;\r\n\t\t\t\tcolor: var(--white);\r\n\t\t\t\t@include breakpoint(max-lg) {\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\ttransition: all ease 0.3s;\r\n\t\ttransform: scale(1.01);\r\n\t}\r\n\theight: 216px;\r\n\toverflow: hidden;\r\n\t&:hover {\r\n\t\timg {\r\n\t\t\ttransform: scale(1.03);\r\n\t\t}\r\n\t}\r\n\t&:not(:hover) {\r\n\t\t.choose-item-content {\r\n\t\t\topacity: 0;\r\n\t\t\t.cont {\r\n\t\t\t\ttransform: translateX(-10px) scale(0.97);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.choose-wrapper {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 30px;\r\n\t@include breakpoint(max-xl) {\r\n\t\tgap: 24px;\r\n\t}\r\n\t@include breakpoint(max-lg) {\r\n\t\tgap: 16px;\r\n\t}\r\n\t.choose-item {\r\n\t\t&:nth-of-type(4n + 1),\r\n\t\t&:nth-of-type(4n + 4) {\r\n\t\t\twidth: calc(710px / 1.2);\r\n\t\t\tflex-grow: 1;\r\n\t\t}\r\n\t\t&:nth-of-type(4n + 2),\r\n\t\t&:nth-of-type(4n + 3) {\r\n\t\t\twidth: calc(455px / 1.2);\r\n\t\t\tflex-grow: 1;\r\n\t\t\t.choose-item-content {\r\n\t\t\t\t.cont {\r\n\t\t\t\t\t.title {\r\n\t\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\t\tline-height: 1.3;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-xl) {\r\n\t\t\t&:nth-of-type(4n + 1),\r\n\t\t\t&:nth-of-type(4n + 4) {\r\n\t\t\t\twidth: calc(710px / 1.5);\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(4n + 2),\r\n\t\t\t&:nth-of-type(4n + 3) {\r\n\t\t\t\twidth: calc(455px / 1.5);\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t\t.choose-item-content {\r\n\t\t\t\t\t.cont {\r\n\t\t\t\t\t\t.title {\r\n\t\t\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\t\t\tline-height: 1.5;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-lg) {\r\n\t\t\theight: 200px;\r\n\t\t\t&:nth-of-type(4n + 1),\r\n\t\t\t&:nth-of-type(4n + 4) {\r\n\t\t\t\twidth: calc(710px / 2);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(4n + 2),\r\n\t\t\t&:nth-of-type(4n + 3) {\r\n\t\t\t\twidth: calc(455px / 2);\r\n\t\t\t}\r\n\t\t\t.choose-item-content {\r\n\t\t\t\t.cont {\r\n\t\t\t\t\tmargin-inline-start: 3%;\r\n\t\t\t\t\twidth: 94%;\r\n\t\t\t\t\t.title {\r\n\t\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\t\tline-height: 1.5;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-md) {\r\n\t\t\theight: 200px;\r\n\t\t\t&:nth-of-type(4n + 1),\r\n\t\t\t&:nth-of-type(4n + 4) {\r\n\t\t\t\twidth: calc(710px / 2);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(4n + 2),\r\n\t\t\t&:nth-of-type(4n + 3) {\r\n\t\t\t\twidth: calc(455px / 2);\r\n\t\t\t}\r\n\t\t\t.choose-item-content {\r\n\t\t\t\t.cont {\r\n\t\t\t\t\tmargin-inline-start: 15px;\r\n\t\t\t\t\twidth: calc(100% - 30px);\r\n\t\t\t\t\t.title {\r\n\t\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\t\tline-height: 1.5;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.nav--tabs {\r\n\tborder: none;\r\n\tgap: 30px;\r\n\tjustify-content: space-between;\r\n\tmargin-bottom: 35px;\r\n\t@include breakpoint(md) {\r\n\t\tmargin-bottom: 45px;\r\n\t}\r\n\tli {\r\n\t\t.nav-link {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 10px 0;\r\n\t\t\tposition: relative;\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\theight: 1px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbackground: var(--border);\r\n\t\t\t\ttransition: all ease 0.3s;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t140.44deg,\r\n\t\t\t\t\tvar(--base-2) -2.03%,\r\n\t\t\t\t\tvar(--base-1) 98.87%\r\n\t\t\t\t);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\ttransform: scaleX(0);\r\n\t\t\t}\r\n\t\t\timg {\r\n\t\t\t\tmargin-inline-end: 30px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\tobject-fit: contain;\r\n\t\t\t}\r\n\t\t\t&.active {\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tcolor: var(--base-1);\r\n\t\t\t\t&::before {\r\n\t\t\t\t\ttransform: scaleX(1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-xl) {\r\n\t\tgap: 24px;\r\n\t\tjustify-content: space-evenly;\r\n\t\tli {\r\n\t\t\t.nav-link {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tpadding: 7px 0;\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 28px;\r\n\t\t\t\t\theight: 34px;\r\n\t\t\t\t\tmargin-inline-end: 15px;\r\n\t\t\t\t}\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.platform-content {\r\n\t.subtitle {\r\n\t\tfont-size: 20px;\r\n\t\tline-height: 1.5;\r\n\t\tmargin-bottom: 22px;\r\n\t}\r\n\tp:not(:last-child) {\r\n\t\tmargin-bottom: 35px;\r\n\t}\r\n\tmax-width: 570px;\r\n\t@include breakpoint(xl) {\r\n\t\t.subtitle {\r\n\t\t\tmargin-bottom: 25px;\r\n\t\t}\r\n\t\tp:not(:last-child) {\r\n\t\t\tmargin-bottom: 40px;\r\n\t\t}\r\n\t}\r\n\r\n\t@include breakpoint(max-sm) {\r\n\t\t.subtitle {\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\t\tp:not(:last-child) {\r\n\t\t\tmargin-bottom: 25px;\r\n\t\t}\r\n\t}\r\n}\r\n.platform-section {\r\n\t.container {\r\n\t\t@include breakpoint(xl) {\r\n\t\t\t// max-width: 1130px;\r\n\t\t}\r\n\t}\r\n}\r\n.tab--content {\r\n\t.tab-pane.active {\r\n\t\tanimation: fadeInUpSm 0.5s;\r\n\t\t-webkit-animation: fadeInUpSm 0.5s;\r\n\t\t-moz-animation: fadeInUpSm 0.5s;\r\n\t}\r\n}\r\n.platform-img {\r\n\tsvg,\r\n\timg {\r\n\t\t@include breakpoint(max-lg) {\r\n\t\t\tmax-width: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n.cta-btn-container {\r\n\tgap: 22px;\r\n}\r\n.cta-section {\r\n\tbackground: rgba(var(--base-8-rgb), 0.08);\r\n\t@include breakpoint(max-xl) {\r\n\t\t@include breakpoint(lg) {\r\n\t\t\t.container {\r\n\t\t\t\tmax-width: 1133px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.cta-content {\r\n\tpadding: 60px 0;\r\n\t.section-header {\r\n\t\t.title {\r\n\t\t\t@include breakpoint(md) {\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@include breakpoint(max-lg) {\r\n\t\t\tmargin-bottom: 25px;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\t.btn-base {\r\n\t\t\tpadding: 15px 24px;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\tpadding-bottom: 0;\r\n\t}\r\n}\r\n.cta-img {\r\n\t@include breakpoint(max-xl) {\r\n\t\twidth: 100%;\r\n\t}\r\n\tmax-width: 513px;\r\n}\r\n.testimonial-slider {\r\n\tmax-width: 900px;\r\n\tmargin: 0 auto;\r\n}\r\n.testimonial-item {\r\n\ttext-align: center;\r\n\t.img {\r\n\t\tcursor: pointer;\r\n\t\tmax-width: 180px;\r\n\t\tmargin: 0 auto;\r\n\t\tborder-radius: 50%;\r\n\t\taspect-ratio: 1;\r\n\t\tpadding: 4px;\r\n\t\tbackground: var(--white);\r\n\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n\t\t&.trns {\r\n\t\t\ttransition: all ease 0.6s;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\taspect-ratio: 1;\r\n\t\t}\r\n\t}\r\n\t.quote {\r\n\t\tcolor: var(--base-1);\r\n\t\tfont-style: italic;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t.name {\r\n\t\tmargin-top: 34px;\r\n\t\tfont-size: 22px;\r\n\t}\r\n\t.designation {\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t.slide-item {\r\n\t\tmax-width: 572px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\t.quote {\r\n\t\t\tfont-weight: 400;\r\n\t\t}\r\n\t\t.name {\r\n\t\t\tmargin-top: 10px;\r\n\t\t\tfont-size: 20px;\r\n\t\t}\r\n\t\t.designation {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n}\r\n.owl-item {\r\n\t&.center {\r\n\t\t.img {\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t140.44deg,\r\n\t\t\t\tvar(--base-2) -2.03%,\r\n\t\t\t\tvar(--base-1) 98.87%\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\t&.active + &.active:not(.center) {\r\n\t\t.img {\r\n\t\t\ttransform: scale(0.4) translateX(-25px);\r\n\t\t}\r\n\t}\r\n\t&.active.center + &.active + &.active {\r\n\t\t.img {\r\n\t\t\ttransform: scale(0.25) translateX(-15px);\r\n\t\t\topacity: 0.3;\r\n\t\t}\r\n\t}\r\n\t&.active:not(.center) {\r\n\t\t.img {\r\n\t\t\ttransform: scale(0.25) translateX(15px);\r\n\t\t\topacity: 0.3;\r\n\t\t\t@include breakpoint(max-md) {\r\n\t\t\t\ttransform: scale(0.45) translateX(15px) !important;\r\n\t\t\t\topacity: 0.6 !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.active.center + &.active {\r\n\t\t.img {\r\n\t\t\t@include breakpoint(max-md) {\r\n\t\t\t\ttransform: scale(0.45) translateX(-15px) !important;\r\n\t\t\t\topacity: 0.6 !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.client-nav {\r\n\tposition: absolute;\r\n\tbottom: calc(50% - 15px);\r\n\t&.client-prev {\r\n\t\tleft: 0;\r\n\t}\r\n\t&.client-next {\r\n\t\tright: 0;\r\n\t}\r\n\tz-index: 9;\r\n\tcursor: pointer;\r\n}\r\n.h-148px {\r\n\theight: 148px;\r\n\t@include breakpoint(max-lg) {\r\n\t\theight: 125px;\r\n\t}\r\n\t@include breakpoint(max-sm) {\r\n\t\theight: 90px;\r\n\t}\r\n}\r\n.section-wrapper {\r\n\tbackdrop-filter: drop-shadow(4px 4px 10px #000);\r\n\t&-inner {\r\n\t\tpadding: 41px 80px 138px;\r\n\t\tbackground: var(--white);\r\n\t\tmask: url(./img/contact-bg.png) no-repeat bottom center / cover;\r\n\t\t-webkit-mask: url(./img/contact-bg.png) no-repeat bottom center / cover;\r\n\t\tborder-top-left-radius: 30px;\r\n\t\tborder-top-right-radius: 30px;\r\n\t\t@include breakpoint(max-xl) {\r\n\t\t\tpadding-inline-start: 30px;\r\n\t\t\tpadding-inline-end: 30px;\r\n\t\t\tpadding-bottom: 80px;\r\n\t\t}\r\n\t\t@media (max-width: 500px) {\r\n\t\t\tpadding-inline-start: 15px;\r\n\t\t\tpadding-inline-end: 15px;\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(xl) {\r\n\t\tmargin-bottom: -10px;\r\n\t}\r\n}\r\n.contact-item {\r\n\t&-icon {\r\n\t\tposition: relative;\r\n\t\twidth: 43px;\r\n\t\theight: 48px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tborder-radius: 5px;\r\n\t\t&::after,\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tinset: 0;\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t140.44deg,\r\n\t\t\t\tvar(--base-2) -2.03%,\r\n\t\t\t\tvar(--base-1) 98.87%\r\n\t\t\t);\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\tinset: 1px;\r\n\t\t\tbackground: linear-gradient(\r\n\t\t\t\t140.44deg,\r\n\t\t\t\tvar(--base-1) -2.03%,\r\n\t\t\t\tvar(--base-2) 98.87%\r\n\t\t\t);\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t\tsvg,\r\n\t\ti {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t}\r\n\t.content {\r\n\t\tpadding-inline-start: 17px;\r\n\t\twidth: calc(100% - 43px);\r\n\t\t.name {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\t\t.info {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tcolor: var(--base-1);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tdisplay: block;\r\n\t\t\twhite-space: pre;\r\n\t\t\tword-break: break-all;\r\n\t\t\tword-wrap: break-word;\r\n\t\t}\r\n\t}\r\n\tdisplay: flex;\r\n\t@include breakpoint(max-xl) {\r\n\t\t@include breakpoint(lg) {\r\n\t\t\t.content {\r\n\t\t\t\t.info {\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t@include breakpoint(max-md) {\r\n\t\t.content {\r\n\t\t\t.info {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.form--control {\r\n\theight: 50px;\r\n\tborder: 1px solid var(--border);\r\n\tbox-shadow: none !important;\r\n\tpadding-inline-start: 14px;\r\n}\r\ntextarea.form--control {\r\n\theight: 145px;\r\n\tpadding-top: 20px;\r\n}\r\n.about--content {\r\n\tfont-size: 16px;\r\n\tp:not(:last-child) {\r\n\t\tmargin-bottom: 25px;\r\n\t\t@include breakpoint(xl) {\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#landing-loader {\r\n\tbackground: var(--white);\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 99999;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.banner-section,\r\n.about--section {\r\n\t.wow {\r\n\t\tanimation-delay: 0.6s;\r\n\t\t-webkit-animation-delay: 0.6s;\r\n\t\t-moz-animation-delay: 0.6s;\r\n\t}\r\n}\r\n",
|
|
".bg--body {\r\n\tbackground-color: var(--body-bg) !important;\r\n}\r\n.bg--section {\r\n\tbackground-color: var(--section-bg) !important;\r\n}\r\n"
|
|
]
|
|
}
|
|
|