@font-face {
  font-family: "Gismo Trial Variablevf Bf 64 Af 621 B 61043";
  src: url('../fonts/Gismo-Trial-VariableVF-BF64af621b61043.woff') format("woff");
  font-weight: 50 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Round Bf 64 Af 621 Bad 41 B";
  src: url('../fonts/Gismo-Trial-Round-BF64af621bad41b.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semiround Bf 64 Af 621 Bbdb 8 B";
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af621bbdb8b.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Rectangular Bf 64 Af 621 Ba 68 Ca";
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af621ba68ca.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semirectangular Bf 64 Af 621 Bb 7 A 4 E";
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af621bb7a4e.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand Variable;
  src: url('../fonts/Quicksand-Variable.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url('../fonts/Quicksand-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 11 C 9 Ea 8";
  src: url('../fonts/TTArtnikDemo-Medium-BF68d21a11c9ea8.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 11 Bf 548";
  src: url('../fonts/TTArtnikDemo-SemiBold-BF68d21a11bf548.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 123096 C";
  src: url('../fonts/TTArtnikDemo-Bold-BF68d21a123096c.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Globet Ffp Bf 68 D 12053 A 2 Ab 7";
  src: url('../fonts/Globet-Regular-FFP.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 1247179";
  src: url('../fonts/TTArtnikDemo-Thin-BF68d21a1247179.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 11 F 0 F 27";
  src: url('../fonts/TTArtnikDemo-ExtraLight-BF68d21a11f0f27.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Riking;
  src: url('../fonts/Riking.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 123 Ba 5 A";
  src: url('../fonts/TTArtnikDemo-Light-BF68d21a123ba5a.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Globet Ffp Bf 68 D 120538 Ca 5 D";
  src: url('../fonts/Globet-Bold-FFP.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 11 Df 0 Cf";
  src: url('../fonts/TTArtnikDemo-ExtraBold-BF68d21a11df0cf.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ttartnikdemo Bf 68 D 21 A 11 A 5 F 71";
  src: url('../fonts/TTArtnikDemo-Regular-BF68d21a11a5f71.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Globet Ffp;
  src: url('../fonts/Globet-Bold-FFP.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Globet Ffp;
  src: url('../fonts/Globet-Regular-FFP.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Variablevf Bf 64 Af 621 D 517 A 3";
  src: url('../fonts/Gismo-Trial-VariableVF-BF64af621d517a3.ttf') format("truetype");
  font-weight: 50 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc";
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af622119ebc.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semiround Bf 64 Af 6221 C 7679";
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af6221c7679.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Rectangular Bf 64 Af 622194 E 71";
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af622194e71.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Round Bf 64 Af 6220 F 00 D 1";
  src: url('../fonts/Gismo-Trial-Round-BF64af6220f00d1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Octosquares Trial Condensed;
  src: url('../fonts/TT-Octosquares-Trial-Condensed-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Octosquares Trial Condensed;
  src: url('../fonts/TT-Octosquares-Trial-Condensed-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Octosquares Trial Compressed;
  src: url('../fonts/TT-Octosquares-Trial-Compressed-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Octosquares Trial Compressed;
  src: url('../fonts/TT-Octosquares-Trial-Compressed-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Titanone;
  src: url('../fonts/TitanOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Imperialone;
  src: url('../fonts/ImperialOne.ttf') format("truetype"), url('../fonts/ImperialOne.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Bold.otf') format("opentype"), url('../fonts/Archivo-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-ExtraLightItalic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-ExtraBoldItalic.otf') format("opentype"), url('../fonts/Archivo-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Chypre Norreg;
  src: url('../fonts/Chypre-NorReg.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Binariadisplayoutline;
  src: url('../fonts/BinariaDisplayOutline.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Binariadisplayinline;
  src: url('../fonts/BinariaDisplayInline.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Blockat Demo Bf 68 D 23 D 001 Fe 1 C";
  src: url('../fonts/Blockat-DEMO-BF68d23d001fe1c.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mazzardsoftm;
  src: url('../fonts/MazzardSoftM-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Binariadisplaystencil;
  src: url('../fonts/BinariaDisplayStencil.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Csasthondrawn Demo Bf 68 D 8 D 3 E 6 Aaa 73";
  src: url('../fonts/CSAsthonDrawn-Regular_demo-BF68d8d3e6aaa73.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Portogue Bf 68 D 26 B 58 A 173 B";
  src: url('../fonts/Portogue-BF68d26b58a173b.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ostentdemo;
  src: url('../fonts/OstentDemo-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Binariadisplaysolid;
  src: url('../fonts/BinariaDisplaySolid.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mazzardsoftm;
  src: url('../fonts/MazzardSoftM-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semirectangular Bf 64 Af 6214 De 0 Cc";
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af6214de0cc.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Semiround Bf 64 Af 6214 Dcde 5";
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af6214dcde5.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Rectangular Bf 64 Af 6214815 Ad";
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af6214815ad.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gismo Trial Round Bf 64 Af 6214 Dd 17 B";
  src: url('../fonts/Gismo-Trial-Round-BF64af6214dd17b.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial Book;
  src: url('../fonts/nexaround-trial-book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-bold.otf') format("opentype"), url('../fonts/nexaround-trial-extrabold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-black.otf') format("opentype"), url('../fonts/nexaround-trial-heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial;
  src: url('../fonts/nexaround-trial-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial Ultra;
  src: url('../fonts/nexaround-trial-ultra.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexaround Trial Glow;
  src: url('../fonts/nexaround-trial-glow.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Objectivity;
  src: url('../fonts/Objectivity-Bold.otf') format("opentype"), url('../fonts/Objectivity-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Objectivity;
  src: url('../fonts/Objectivity-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Hhhhhhhgismo Trial Semirectangular;
  src: url('../fonts/hhhhhhhGismo-Trial-SemiRectangular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aaaaagismo Trial Semirectangular;
  src: url('../fonts/aaaaaGismo-Trial-SemiRectangular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ooogismo Trial Semirectangular;
  src: url('../fonts/oooGismo-Trial-SemiRectangular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gismo Yyy Semirectangular;
  src: url('../fonts/Gismo-YYY-SemiRectangular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black\<deleted\|variable-3b7f8b1b\>: #000;
  --yellow\<deleted\|variable-8e8cd57a\>: #ffca2c8c;
  --yelow\<deleted\|variable-4e9bd884\>: white;
  --black-black\<deleted\|variable-d9393d24\>: #252525;
  --memberstack-library--ms-border-color\<deleted\|variable-20140a06\>: #9898a4;
  --dark-theme--border-color: #313131;
  --dark-theme--main-color: #1a1a1b;
  --dark-theme--text-color: #e9e9e9;
  --4\<deleted\|variable-a24d2a9f-1f22-69b2-b3b7-d4643b9a9584\>: white;
  --dark-theme--second-color: #e7bc22;
  --dark-theme--main-background: #111;
  --dark-theme--active-color: #00b15f;
  --dark-theme--active-color-pressed: #0e8d52;
  --dark-theme--contrast-background: #131313;
  --dark-theme--active-black: #050505;
  --dark-theme--border-tests: #3a3a3a;
  --dark-theme--buttons-ch: #252525;
  --dark-theme--red-color: #e24f1a;
  --memberstack-library--ms-main-cta-hover\<deleted\|variable-ceef60b5\>: #1051b9;
  --accessible-components--dark-grey\<deleted\|variable-c4d8099c\>: #9b9b9b;
  --5\<deleted\|variable-ce31e3de-5415-826b-6885-3ed81b65426a\>: #333;
  --gray\<deleted\|variable-2dffa882\>: #1a1a1b;
  --dark-theme--error: #a81c00;
  --memberstack-library--ms-main-cta-color\<deleted\|variable-7b6e5067\>: #2962ff;
  --flowstica-webflow-library--medium-sea-green\<deleted\|variable-7e3a564b\>: #08b54f;
  --flowstica-webflow-library--white\<deleted\|variable-a085b4b2\>: white;
  --flowstica-webflow-library--honeydew\<deleted\|variable-542c0eec\>: #cef0dc;
  --flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>: #fff;
  --dark-theme--active-card: #313131;
  --flowstica-webflow-library--white-smoke\<deleted\|variable-98929435\>: #f7f7f7;
  --dark-theme--title: "Gismo Trial Semirectangular Bf 64 Af 6214 De 0 Cc", Tahoma, sans-serif;
  --dark-theme--body: Kanit, sans-serif;
  --dark-theme--paragraph: Inter, sans-serif;
  --light-theme--main-background: white;
  --light-theme--main-color: white;
  --light-theme--second-color: #e7bc22;
  --light-theme--border-color: #161616;
  --light-theme--active-color: #00b15f;
  --light-theme--active-color-pressed: #0e8d52;
  --light-theme--contrast-background: #131313;
  --light-theme--red-color: #e24f1a;
  --light-theme--text-color: #000;
  --light-theme--active-white: white;
  --light-theme--active-card: white;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #fbf9fc;
  background-color: #070707;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

a {
  color: #fff;
  background-color: #3898ec00;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

img {
  max-width: 100%;
  display: inline-block;
}

.section {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.container.footer {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  position: static;
}

.footer {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--black\<deleted\|variable-3b7f8b1b\>);
  background-color: #080809;
  padding: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
}

.col {
  flex: 0 auto;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.col._3-col {
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 33%;
  display: flex;
}

.col._3-col.branding {
  flex-direction: row;
  padding-right: 0;
}

.col._3-col.middle {
  justify-content: center;
}

.col._3-col.branding {
  flex-direction: row;
  flex: 1;
  padding-right: 0;
}

.col._3-col.middle {
  flex: 1;
  justify-content: center;
}

.col._3-col.last {
  justify-content: flex-end;
}

.logo {
  height: 26px;
  margin-bottom: 2px;
  margin-right: 16px;
  padding-bottom: 0;
  padding-right: 0;
}

.logo.mobile {
  display: none;
}

.logo.main {
  margin-right: 0;
}

.logo.mobile {
  margin-bottom: 0;
  margin-right: 0;
  display: none;
}

.logo.main {
  margin-bottom: 0;
  margin-right: 0;
}

.paragraph {
  color: var(--yellow\<deleted\|variable-8e8cd57a\>);
  text-align: center;
  margin-bottom: 0;
  padding-right: 2px;
  font-size: 18px;
  line-height: 144%;
}

.branding {
  flex-direction: column;
  justify-content: center;
  width: auto;
  margin-bottom: 0;
  padding-right: 8px;
  display: block;
}

.tip-name {
  margin-right: 0;
  display: flex;
}

.button {
  background-color: var(--black\<deleted\|variable-3b7f8b1b\>);
  color: var(--yellow\<deleted\|variable-8e8cd57a\>);
  text-align: center;
  border-radius: 90px;
  height: auto;
  margin-right: 0;
  padding: 8px 16px;
  font-weight: 400;
}

.progres-bar {
  background-color: var(--black\<deleted\|variable-3b7f8b1b\>);
  border-radius: 90px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 14px;
  margin-right: 8px;
  padding: 4px;
  display: flex;
  position: relative;
}

.progress-bar__content {
  background-color: var(--yelow\<deleted\|variable-4e9bd884\>);
  object-fit: fill;
  border-radius: 1000px;
  width: 12%;
  height: 100%;
  margin-left: 0;
  margin-right: 4px;
  padding: 0;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.tip-control__name {
  flex: 1;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.progress {
  align-items: center;
  display: flex;
}

.progres-bar-2 {
  background-color: #161616;
  border-radius: 90px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 14px;
  margin-right: 8px;
  padding: 4px;
  display: flex;
  position: relative;
}

.progres-bar-2.card-bar {
  background-color: var(--black-black\<deleted\|variable-d9393d24\>);
  color: var(--yellow\<deleted\|variable-8e8cd57a\>);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.progress-bar__content-4 {
  object-fit: fill;
  background-color: #8f00ff;
  border-radius: 1000px;
  width: 18%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.progress-bar__content-4._1 {
  width: 88%;
  position: relative;
}

.progress-bar__content-4._2 {
  width: 90%;
}

.progress-bar__content-4._3 {
  width: 94%;
  margin-right: 0;
}

.main-wrapper {
  width: 100%;
  height: 100vh;
}

.bg-circle {
  z-index: -10;
  opacity: .06;
  filter: blur(200px);
  background-color: #fff;
  border-radius: 100%;
  width: 410px;
  height: 64vh;
  margin: auto;
  display: block;
  position: absolute;
  inset: auto;
}

.card {
  background-color: var(--black-black\<deleted\|variable-d9393d24\>);
  border-radius: 20px;
  width: auto;
  min-width: 400px;
  max-width: 500px;
  height: 100%;
  max-height: 400px;
  padding: 20px 40px 32px;
  position: static;
  transform: none;
  box-shadow: 0 0 8px 1px #0505052e;
}

.heading-2 {
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1;
}

.card__header {
  margin-bottom: 20px;
  padding: 0;
}

.div-block-4 {
  background-color: var(--yellow\<deleted\|variable-8e8cd57a\>);
  width: 100%;
  height: 1px;
  display: none;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.skill {
  margin-bottom: 24px;
}

.skill-header {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}

.card-text {
  color: #8f8c92;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.hole-container {
  width: 100%;
  margin-bottom: 32px;
}

.hole {
  background-color: var(--black-black\<deleted\|variable-d9393d24\>);
  border-radius: 100px;
  width: 48px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-5 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: grid;
  position: static;
  inset: 0%;
}

.body-3 {
  background-color: var(--memberstack-library--ms-border-color\<deleted\|variable-20140a06\>);
}

.auth-wrapper {
  z-index: 30;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 40px;
  display: flex;
  position: relative;
}

.div-block-7 {
  background-color: #1b1b1b;
  border-radius: 16px;
  width: 40%;
  height: 70%;
}

.signup-wrapper {
  z-index: 30;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 40px;
  display: flex;
  position: relative;
}

.div-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  height: 60%;
  position: relative;
}

.link-block {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-4 {
  color: #fff;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.all-modules {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: grid;
  position: relative;
}

.navbar-no-shadow-container {
  z-index: 5;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
}

.container-regular {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(12rem, 1fr) 1fr minmax(12rem, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: grid;
}

.navbar-brand {
  filter: invert();
  color: #fff;
  white-space: nowrap;
  font-family: "Globet Ffp Bf 68 D 120538 Ca 5 D", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.navbar-brand:hover {
  filter: drop-shadow(0 0 4px #006dff) drop-shadow(0 0 4px #4e78b0);
}

.navbar-brand.w--current {
  color: #ffffffe6;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: Mazzardsoftm, Arial, sans-serif;
  font-weight: 300;
  line-height: 1;
  display: none;
}

.navbar-brand.w--current:hover {
  filter: drop-shadow(0 0 4px #006dff) drop-shadow(0 0 4px #042252);
}

.nav-menu {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--dark-theme--text-color);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 600;
  display: flex;
}

.nav-link {
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  filter: drop-shadow(0 0 5px #3b03c0) drop-shadow(0 0 7px #3b03c0);
  color: var(--4\<deleted\|variable-a24d2a9f-1f22-69b2-b3b7-d4643b9a9584\>);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  font-family: Montserrat, sans-serif;
}

.nav-link.w--current:hover {
  filter: drop-shadow(0 0 5px #3b03c0) drop-shadow(0 0 7px #3b03c0);
  color: var(--4\<deleted\|variable-a24d2a9f-1f22-69b2-b3b7-d4643b9a9584\>);
}

.mobile-margin-top-10 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.module-card {
  z-index: 50;
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  min-width: auto;
  padding: 22px 22px 14px;
  transition: transform .125s;
  display: flex;
  position: relative;
  overflow: clip;
}

.module-card:hover {
  transform: translate(0, -5px);
}

.module-card:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.98)translate(0, -5px);
}

.module-card-title {
  z-index: 77;
  pointer-events: none;
  color: var(--dark-theme--text-color);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  overflow-wrap: break-word;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 5px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 6214 De 0 Cc", Tahoma, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
}

.navbar-auth-invisible {
  cursor: pointer;
  background-color: #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.code-embed {
  width: 0;
  height: 0;
  display: none;
}

.swap-btn {
  color: var(--dark-theme--text-color);
  letter-spacing: 2px;
  font-weight: 600;
  position: relative;
}

.icon {
  height: 8px;
  position: relative;
}

.user-logged-in-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 2px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-background);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  transition: box-shadow .125s, color .2s, background-color .125s, border-color .125s;
  display: flex;
}

.auth-btn {
  border: 2px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 7px;
  padding: 10px;
  font-weight: 600;
  transition: box-shadow .125s, color .125s, background-color .125s, border-color .125s;
  position: relative;
}

.auth-btn:hover {
  border-color: var(--dark-theme--text-color);
  background-color: var(--dark-theme--active-color);
  box-shadow: inset 0 0 4px #0000007d;
}

.auth-btn:active {
  background-color: var(--dark-theme--active-color-pressed);
  color: #ffffffb3;
  border-color: #ffffffb3;
}

.dropdown-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-color);
  outline-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  cursor: default;
  border-radius: 10px;
  outline-width: 4px;
  outline-style: solid;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding: 40px;
  font-family: Kanit, sans-serif;
  font-weight: 200;
  display: none;
  top: 150%;
  left: auto;
  right: 0;
}

.dropdown-list.w--open {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-around;
  display: flex;
}

.legislatie-chapters-list {
  z-index: 300;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: start space-between;
  place-items: stretch stretch;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.question-section {
  z-index: 30;
  color: #e4e4e4;
  background-color: #9898a400;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: clip;
}

.question-wrapper {
  scrollbar-width: none;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100%;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.show-after-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.submit-next-buttons {
  z-index: 200;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  display: grid;
  position: relative;
}

.option-item {
  z-index: 700;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  pointer-events: none;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.option-item:hover {
  opacity: 100;
}

.option-item:active {
  opacity: 1;
}

.option-item.selected {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
}

.options-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.submit-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.submit-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.submit-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.next-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.next-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.next-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.explanation {
  background-color: #353535;
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  display: block;
}

.ask-ai-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.ask-ai-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.ask-ai-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.audio-btn {
  cursor: pointer;
  background-color: #3f3f3f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ai-pop-wrapper {
  white-space: nowrap;
  cursor: pointer;
  background-color: #252525;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.ai-pop-wrapper:hover {
  background-color: #303030;
  border-color: #686868;
}

.ai-pop-wrapper:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.explanation-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.explanation-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.explanation-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.explanation-card {
  white-space: nowrap;
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #252525;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.explanation-card:hover {
  background-color: #303030;
  border-color: #686868;
}

.explanation-card:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.question-text {
  text-align: center;
  width: 100%;
  margin: 0 auto 15px;
  font-size: 22px;
  line-height: 1.2;
}

.chapter-text {
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.option-letter {
  z-index: 800;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  pointer-events: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 1.5rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.option-letter.selected {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
}

.option-letter.wrong {
  background-color: var(--dark-theme--red-color);
  border-color: #474747;
}

.option-letter.correct {
  background-color: var(--dark-theme--active-color);
  border-color: #474747;
}

.option-card {
  z-index: 20;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 5rem 5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 1.3;
  display: grid;
  position: relative;
}

.option-card.wrong-card {
  opacity: .4;
}

.feedback-wrapper {
  z-index: 200;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.correct-answer {
  filter: drop-shadow(0 0 5px #161616);
}

.chapter-and-progress {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  display: grid;
  position: relative;
}

.progress-counter {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.questions-collection-wrapper {
  width: 50%;
  margin-bottom: 40px;
}

.questions-collection-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  scrollbar-width: none;
  flex-flow: column;
  grid-template-rows: max-content max-content 1fr 8rem;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: stretch;
  width: 70%;
  height: 100%;
  min-height: 0;
  display: grid;
  position: relative;
}

.ask-ai-pop-up {
  z-index: 2147483647;
  background-color: #070707;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-2 {
  cursor: pointer;
  margin-left: 2px;
}

.audio-ai-btn {
  z-index: 2147483647;
  cursor: pointer;
  background-color: #7e868d00;
  padding-left: 0;
  transition-property: none;
  position: relative;
}

.audio-ai-btn:hover {
  opacity: 100;
}

.ask-ai-pop-up-close {
  background-color: #3f3f3f;
  border-radius: 5px;
  font-size: 18px;
  position: absolute;
  inset: auto auto 5%;
}

.chapter-final-screen {
  z-index: 800;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #070707;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  line-height: 1.4;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-btn {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  cursor: pointer;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 7px 10px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.close-btn:hover {
  border-color: #636363;
}

.close-btn:active {
  transform: scale(.96);
}

.correct-answer-static {
  filter: drop-shadow(0 0 5px #161616);
}

.progress-page-wrapper {
  z-index: 30;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.chapter-final-screen__btn--review, .chapter-final-screen__btn--next {
  background-color: #b13bff;
  border-radius: 10px;
}

.chapter-final-screen__btn--home {
  background-color: #b13bff;
  border-radius: 10px;
  position: absolute;
  inset: 5% auto auto 5%;
}

.image-3 {
  max-height: 300px;
  margin-bottom: 20px;
}

.image-4 {
  width: 100%;
}

.background-noise {
  z-index: 0;
  background-image: linear-gradient(#0c0c0cad, #0c0c0cad), url('../images/Noise.gif');
  background-position: 0 0, 0 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.content-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.chapter-page-card {
  z-index: 5;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  color: var(--dark-theme--text-color);
  overflow-wrap: anywhere;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 10px 6px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.body-4 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.lesson-title {
  text-align: center;
  width: 100%;
  margin: 0 auto 15px;
  font-size: 22px;
  line-height: 1.2;
}

.lesson-image {
  border-radius: 5px;
  height: 0%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lesson-content {
  scrollbar-width: none;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: stretch stretch;
  width: 80%;
  height: 100%;
  min-height: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.reset-chapter-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  display: flex;
}

.reset-chapter-btn:hover {
  background-color: #303030;
}

.reset-chapter-btn:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.lesson-loader {
  z-index: 99999999;
  background-color: var(--dark-theme--main-background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation {
  width: 10vw;
  display: none;
}

.mediu-invatare-chapters-list {
  z-index: 300;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--dark-theme--text-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  grid-template-rows: minmax(6rem, auto);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(6rem, auto);
  grid-auto-columns: 1fr;
  place-content: start space-between;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.invatare-chapter-page-card {
  z-index: 10;
  border: 3px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--second-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
}

.invatare-chapter-page-card:hover {
  border: 3px solid var(--dark-theme--text-color);
  transform: translate(0, -5px);
}

.invatare-chapter-page-card:active {
  transform: scale(.98)translate(0, -5px);
}

.question-image {
  border-radius: 5px;
  margin: auto;
  position: relative;
}

.body-5 {
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
  letter-spacing: .5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Verdana, Geneva, sans-serif;
  display: flex;
}

.mic-icon {
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 23px;
  display: none;
}

.mic-icon-ai {
  width: 30px;
}

.profile-buttons {
  color: var(--dark-theme--text-color);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  transition: border-color .125s, background-color .125s;
  display: flex;
  position: relative;
}

.timer-and-counter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 3px 10px;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.question-section-exam {
  scrollbar-width: none;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70svw;
  height: 100%;
  min-height: 0;
  margin: auto;
  display: flex;
  position: relative;
  overflow: auto;
}

.all-questions, .left-questions {
  width: 8rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.timer {
  flex-flow: row;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 8rem;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.correct-questions, .wrong-questions {
  width: 8rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.question-text-exam {
  text-align: center;
  margin: 0 auto 15px;
  font-size: 22px;
  line-height: 1.2;
}

.options-wrapper-exam {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.3;
  display: grid;
  position: relative;
}

.option-card-exam {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 2px none var(--black\<deleted\|variable-3b7f8b1b\>);
  cursor: pointer;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto 5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.option-letter-exam {
  z-index: 120;
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 1.5rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.option-letter-exam.selected {
  color: #000;
  cursor: default;
  background-color: #e7bc22;
}

.option-item-exam {
  z-index: 120;
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.option-item-exam.selected {
  color: #000;
  cursor: default;
  background-color: #e7bc22;
}

.all-questions-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.left-questions-text, .correct-questions-text, .wrong-questions-text {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.body-6 {
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
  letter-spacing: .5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Verdana, Geneva, sans-serif;
  display: flex;
}

.buttons-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch space-between;
  place-items: center stretch;
  width: 40%;
  margin: 20px auto;
  font-size: 18px;
  line-height: 1.2;
  display: grid;
}

.answer-later-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  padding: 20px;
  display: flex;
}

.answer-later-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.answer-later-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.change-answer-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  padding: 20px;
  display: flex;
}

.change-answer-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.change-answer-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.submit-answer-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  padding: 20px;
  display: flex;
}

.submit-answer-btn:hover {
  background-color: #303030;
  border-color: #686868;
}

.submit-answer-btn:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.simulare-chestionare-examen-chapters-list {
  z-index: 300;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--dark-theme--text-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.content-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.explanation-anchor {
  width: 100%;
  height: 0;
}

.main-buttons-wrapper {
  z-index: 300;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: clip;
}

.lottie-animation-correct {
  z-index: 20;
  justify-content: space-between;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.line-divider {
  background-color: #fff;
  align-self: center;
  width: 1px;
  height: 50%;
  position: relative;
}

.chapter-and-progress-inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 7px 10px;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.explanation-video {
  width: 100%;
}

.explanation-video-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
}

.ms-button {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  text-align: center;
  letter-spacing: .03em;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 13px 16px 11.5px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
}

.ms-button:hover {
  background-color: var(--memberstack-library--ms-main-cta-hover\<deleted\|variable-ceef60b5\>);
  box-shadow: none;
  color: #fff;
  transform: translate(0, 2px);
}

.ms-button:active {
  background-color: #0a3092;
}

.ms-button.ms-is-small {
  border-radius: 6px;
  height: auto;
  padding: 7px 16px;
  font-size: .85em;
  font-weight: 500;
  transform: perspective(1000px);
}

.ms-button.ms-is-light {
  color: #070e27;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border: 1px solid #dbe2eb;
  box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e501a;
}

.ms-button.ms-is-light:hover {
  box-shadow: none;
  color: #1051b9;
  background-color: #fff;
  border-color: #1051b9;
}

.ms-button.ms-is-light:active {
  color: #fff;
  background-color: #356af0;
}

.ms-button.ms-is-light.ms-is-small {
  margin-bottom: 0;
}

.ms-button.ms-is-light.ms-is-small.ms-is-documentation {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.ms-button.ms-is-form {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  letter-spacing: 1px;
  width: 100%;
  min-height: 3.4rem;
  font-size: 1.4em;
  font-weight: 300;
  transition: color .2s, transform .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
}

.ms-button.ms-is-form:hover {
  background-color: var(--dark-theme--active-color);
  box-shadow: none;
  color: var(--dark-theme--text-color);
  transform: none;
}

.ms-button.ms-is-form:active {
  background-color: var(--dark-theme--active-color-pressed);
  transform: scale(.97);
}

.ms-button-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ms-button-flex {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.ms-input {
  background-color: var(--dark-theme--text-color);
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 1.333em;
  padding: 8px 3em 8px 12px;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input:focus {
  border: 1px solid var(--dark-theme--second-color);
}

.ms-input-label {
  color: var(--dark-theme--text-color);
  text-align: left;
  margin-bottom: 8px;
  font-size: .9em;
  font-weight: 600;
}

.ms-link {
  color: var(--dark-theme--second-color);
  text-decoration: none;
}

.ms-link.ms-is-forgot {
  float: right;
  color: var(--dark-theme--second-color);
  font-size: 90%;
  font-weight: 400;
}

.spacer-20 {
  height: 20px;
}

.spacer-20.ms-is-20 {
  width: 20px;
  height: 20px;
}

.ms-form-heading {
  color: var(--dark-theme--text-color);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.4em;
}

.ms-form {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  padding: 7.5%;
}

.social-button-text {
  color: var(--dark-theme--active-black);
  font-size: 1.2em;
}

.social-button-inner {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.social-button-inner.social-is-center {
  justify-content: center;
}

.social-button-icon {
  width: 24px;
}

.social-button {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.4rem;
  margin-bottom: 10px;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: transform .2s, background-color .2s, border-color .2s, box-shadow .2s;
  display: flex;
  position: relative;
}

.social-button:hover {
  background-color: #b9b9b9;
}

.social-button:active {
  transform: scale(.97);
}

.social-button:focus {
  border: 1px solid #000;
}

.social-button::placeholder {
  color: #6e6e6e;
}

.social-button.ms-is-facebook {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.social-button.ms-is-facebook:hover {
  border-color: #1777f2;
}

.ms-form-divider {
  color: #000c;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  font-size: 12px;
  display: flex;
}

.ms-form-divider-line {
  background-color: #e4e4e4;
  width: 40%;
  height: .8px;
  margin-top: auto;
  margin-bottom: auto;
}

.ms-form-divider-text {
  color: var(--dark-theme--text-color);
  text-align: center;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 33%;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 1.1;
}

.login-form-block {
  margin-bottom: 0;
}

.ms-checkbox-wrap {
  justify-content: flex-start;
  align-items: center;
  line-height: 22px;
  display: flex;
}

.ms-checkbox-wrap.ms-is-smaller {
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1;
}

.ms-checkbox {
  background-color: var(--dark-theme--text-color);
  cursor: pointer;
  border-radius: 33%;
  flex: none;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  margin-bottom: auto;
  margin-right: 8px;
  line-height: 1;
  transition: background-color .2s, border-color .2s;
}

.ms-checkbox:hover {
  background-color: #e7bc22;
}

.ms-checkbox.w--redirected-checked {
  background-color: #e7bc22;
  background-image: url('../images/checkmark-svgrepo-com.svg');
  background-size: 70%;
}

.ms-checkbox.redirected-focus {
  box-shadow: 0 0 #0000;
}

.ms-checkbox-label {
  color: var(--dark-theme--text-color);
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
}

.terms-checkbox-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.fs_accordion-1_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs_accordion-1_header:focus-visible, .fs_accordion-1_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-2_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  margin: 20px auto 40px;
  display: block;
}

.fs_accordion-2_embed {
  margin-bottom: 0;
}

.fs_accordion-2_header {
  z-index: 600;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #252525;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
}

.fs_accordion-2_header:focus-visible, .fs_accordion-2_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey\<deleted\|variable-c4d8099c\>);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-2_content {
  transition: max-height .2s;
  overflow: hidden;
}

.fs_accordion-2_body {
  background-color: #333;
  padding: 1rem 1.5rem;
}

.fs_accordion-2_paragraph {
  margin-bottom: 0;
}

.fs_accordion-2_label {
  pointer-events: none;
  font-size: 1.25rem;
  font-weight: 500;
}

.fs_accordion-2_arrow-wrapper {
  transition: transform .2s;
}

.fs_accordion-2_arrow-wrapper.is-active-accordion {
  transform: rotate(180deg);
}

.alert-box {
  z-index: 500;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid var(--dark-theme--text-color);
  background-color: #a81c00;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  display: flex;
}

.select-answer-text {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Tt Octosquares Trial Condensed, Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
}

.fs_accordion-2_icon-2 {
  margin-right: 0;
  font-size: 1.125rem;
  position: relative;
}

.custom-accordion {
  color: var(--dark-theme--text-color);
  border-radius: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.custom-accordion-header {
  z-index: 60;
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  filter: drop-shadow(0 1px 1px #0006);
  cursor: pointer;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.custom-accordion-header:hover {
  background-color: #303030;
  border-color: #686868;
}

.custom-accordion-header:active {
  filter: drop-shadow(0 0 3px #000);
}

.custom-accordion-arrow {
  filter: invert();
  height: 15px;
  margin-left: 10px;
}

.custom-accordion-content {
  z-index: 50;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 5px;
  width: 99%;
  margin-top: -25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.3;
  position: relative;
}

.custom-accordion-body {
  padding: 20px;
}

.explanation-anchor-top {
  height: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.main-content-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.question-image-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}

.body-7 {
  background-color: #111;
  flex-flow: column;
  grid-template-rows: min-content 1fr min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.chapter-title-overlay {
  z-index: 5;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  color: var(--dark-theme--text-color);
  overflow-wrap: anywhere;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 10px 6px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  position: relative;
}

.chapter-progress-container {
  z-index: 77;
  border: 2px solid var(--dark-theme--active-black);
  background-color: var(--dark-theme--active-black);
  outline-color: var(--dark-theme--active-black);
  outline-offset: 0px;
  border-radius: 4px;
  outline-width: 1px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  position: relative;
  overflow: clip;
}

.progress-green {
  z-index: 2;
  background-color: var(--dark-theme--active-color);
  width: 0%;
  height: 100%;
  position: relative;
}

.progress-red {
  z-index: 1;
  background-color: var(--dark-theme--red-color);
  width: 0%;
  height: 100%;
  position: relative;
}

.chapter-progress-percent {
  z-index: 78;
  border: 2px solid var(--dark-theme--active-black);
  background-color: var(--dark-theme--active-black);
  outline-color: var(--dark-theme--active-black);
  outline-offset: 0px;
  text-align: center;
  border-radius: 3px;
  outline-width: 1px;
  outline-style: solid;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 4.5rem;
  height: 20px;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Gismo Yyy Semirectangular, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.chapter-progress-bar-outer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: clip;
}

.legislatie-chapter-page-card {
  z-index: 10;
  border: 3px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--second-color);
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
}

.legislatie-chapter-page-card:hover {
  border-color: var(--dark-theme--text-color);
  transform: translate(0, -5px);
}

.legislatie-chapter-page-card:active {
  transform: scale(.98)translate(0, -5px);
}

.simulare-chapter-page-card {
  z-index: 10;
  border: 3px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--second-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
}

.simulare-chapter-page-card:hover {
  border-color: var(--dark-theme--text-color);
  transform: translate(0, -5px);
}

.simulare-chapter-page-card:active {
  transform: scale(.98)translate(0, -5px);
}

.body-8 {
  background-color: var(--dark-theme--main-background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-9 {
  background-color: #111;
  flex-flow: column;
  grid-template-rows: min-content 1fr min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between flex-start;
  place-items: center stretch;
  padding-left: 10px;
  padding-right: 10px;
}

.body-10 {
  background-color: #111;
  flex-flow: column;
  grid-template-rows: min-content 1fr min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  align-items: center;
  display: flex;
}

.body-11, .body-12 {
  background-color: #111;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.signup-body, .login-body {
  background-color: #0f0f0f;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Kanit, sans-serif;
  display: flex;
}

.body-15 {
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
  letter-spacing: .5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Verdana, Geneva, sans-serif;
  display: flex;
}

.legislatie-collection-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  scrollbar-width: none;
  flex-flow: column;
  grid-template-rows: max-content max-content 1fr max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: stretch stretch;
  width: 70%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.lesson-section {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: clip;
}

.legislatie-custom-accordion {
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.legislatie-buttons {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.legislatie-explanation-video {
  border-radius: 5px;
  width: 100%;
}

.accordion-anchor {
  width: 100%;
  margin-bottom: 20px;
}

.legislatie-chapter-and-progress {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: center stretch;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  display: grid;
}

.next-chapter-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  display: flex;
}

.next-chapter-btn:hover {
  background-color: #303030;
}

.next-chapter-btn:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.back-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  display: flex;
}

.back-btn:hover {
  background-color: #303030;
}

.back-btn:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.alert-wrapper {
  z-index: 850;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.alert-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 10px;
  outline: .5px solid #fbf9fc1f;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 35%;
  padding: 25px 20px;
  display: flex;
  box-shadow: 0 0 4px -1px #88888880;
}

.confirm-reset-chapter {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  padding: 20px;
  font-size: 17px;
}

.confirm-reset-chapter:hover {
  background-color: #303030;
}

.confirm-reset-chapter:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.back-to-chapter-final-screen {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  padding: 20px;
  font-size: 17px;
}

.back-to-chapter-final-screen:hover {
  background-color: #303030;
}

.back-to-chapter-final-screen:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.alert-question {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 23px;
  line-height: 25px;
}

.chapter-final-buttons {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 5px;
  outline: .5px solid #fbf9fc1f;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 4px -1px #88888880;
}

.chapter-text-final {
  justify-content: center;
  align-items: center;
  font-size: 27px;
  display: flex;
}

.line-divider-final {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 4px;
  display: none;
}

.progress-counter-final {
  justify-content: flex-end;
  align-items: center;
  min-width: 5ch;
  font-size: 27px;
  display: flex;
}

.final-results-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: flex;
}

.lesson-content-inner {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--dark-theme--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--dark-theme--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--dark-theme--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  scrollbar-width: none;
  border-radius: 5px;
  flex-flow: column;
  grid-template-rows: auto max-content auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 0;
  padding: 20px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.question-wrapper-inner {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--dark-theme--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--dark-theme--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--dark-theme--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  scrollbar-width: none;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  padding: 20px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.chapter-and-progress-final {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  line-height: 1.1;
  display: flex;
}

.final-chapter-progress {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 5px;
  outline: .5px solid #fbf9fc1f;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  display: grid;
  box-shadow: 0 0 4px -1px #88888880;
}

.mediu-chapter-and-progress {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 5px;
  outline: .5px solid #fbf9fc1f;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  display: grid;
  box-shadow: 0 0 4px -1px #88888880;
}

.reset-wrong-questions-only {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--buttons-ch);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
  display: flex;
}

.reset-wrong-questions-only:hover {
  background-color: #303030;
}

.reset-wrong-questions-only:active {
  filter: drop-shadow(0 0 3px #000);
  border-color: #686868;
  transform: scale(.96);
}

.alert-wrapper-new {
  z-index: 3000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #131313a8;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.alert-buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-light {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--5\<deleted\|variable-ce31e3de-5415-826b-6885-3ed81b65426a\>);
  opacity: 0;
  background-color: #15151600;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: relative;
}

.footer-light.unlinked {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-style: none;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container-3 {
  z-index: 20;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  margin-top: 20px;
  text-decoration: none;
  display: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
  display: none;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  background-color: #e4ebf300;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.image-7, .image-8, .image-9 {
  filter: invert();
}

.vertical-divider {
  background-color: var(--dark-theme--border-tests);
  width: 1px;
  height: 100%;
}

.vertical-divider.left-divider {
  background-color: var(--dark-theme--border-tests);
  margin-left: 10px;
}

.vertical-divider.right-divider {
  margin-right: 10px;
}

.vertical-divider.mobile-hidden {
  background-color: var(--dark-theme--border-tests);
}

.simulation-image-wrapper {
  border-radius: 6px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}

.buttons-full-wrapper {
  z-index: 300;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  letter-spacing: 1px;
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.timer-and-counter-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.full-page-wrapper {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: none;
  position: relative;
}

.mobile-buttons-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: grid;
}

.failed-test-text, .succes-test-text {
  width: 60%;
  display: none;
}

.timer-mobile {
  display: none;
}

.timer-mobile-text {
  line-height: 1;
}

.full-page-grid-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  scrollbar-width: none;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  position: relative;
}

.question-content-wrapper {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--dark-theme--border-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--dark-theme--border-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--dark-theme--border-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  scrollbar-width: none;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: auto;
  padding: 20px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.back-btn-simulation {
  background-color: var(--gray\<deleted\|variable-2dffa882\>);
  cursor: pointer;
  border: 1px solid #3a3a3a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding: 8px 10px;
  display: flex;
  position: relative;
}

.back-btn-simulation:hover {
  border: 1px solid #636363;
}

.back-btn-simulation:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.sub-bar-elements {
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  position: relative;
}

.option-card-connector {
  z-index: 10;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: absolute;
  inset: 0%;
}

.background-color {
  z-index: 0;
  position: fixed;
  inset: 0%;
}

.body001 {
  height: 100%;
}

.hero-heading-right {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.testimonial-column-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.testimonial-grid-two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.testimonial-card-two {
  border: 1px solid #e4ebf3;
  flex-direction: column;
  padding: 32px 16px 16px;
  display: flex;
}

.testimonial-text-two {
  margin-bottom: 52px;
}

.testimonial-info-three {
  background-color: #f5f7fa;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.glass {
  z-index: 12;
  background-color: var(--dark-theme--second-color);
  pointer-events: none;
  border-radius: 10px;
  margin: 4px;
  position: absolute;
  inset: 0%;
}

.title-and-description {
  z-index: 44;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.title-and-description.legislatie {
  z-index: 300;
  border-radius: 10px;
  max-width: 1500px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 8px;
  display: none;
  overflow: clip;
}

.title-and-description.mediu-invatare {
  z-index: 300;
  max-width: 1500px;
  margin-bottom: 10px;
  padding: 10px 8px;
  display: none;
  overflow: clip;
}

.title-and-description.simulare-examen {
  z-index: 300;
  max-width: 1500px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: none;
}

.hero-wrapper-section {
  z-index: 100;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: relative;
}

.hero-wrapper-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-description {
  color: var(--dark-theme--text-color);
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
}

.glow-rotate {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transform-origin: 50% 0;
  background-image: linear-gradient(90deg, #fff, #fff 33%, #fff0);
  border-radius: 20px;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 35%;
  right: 35%;
}

.glow-rotate-oposite {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transform-origin: 50% 100%;
  background-image: linear-gradient(90deg, #fff0, #fff 66%, #fff);
  border-radius: 20px;
  height: 200%;
  position: absolute;
  bottom: 50%;
  left: 35%;
  right: 35%;
}

.notice-text {
  z-index: 500;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--text-color);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-family: Kanit, sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}

.full-main {
  z-index: 250;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-section {
  z-index: 400;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
  position: relative;
}

.liquid-chart {
  z-index: 70;
  pointer-events: none;
  grid-template-rows: auto;
  grid-template-columns: 5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  position: relative;
}

.hero-title {
  z-index: 10;
  color: var(--dark-theme--second-color);
  letter-spacing: 1px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.module-card-btn {
  z-index: 55;
  background-color: #0000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-top: 11px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.module-btn-text {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Kanit, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.seg-row {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.seg-track {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: grid;
}

.seg-label {
  color: var(--dark-theme--text-color);
  letter-spacing: 1px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  font-family: Gismo Yyy Semirectangular, Arial, sans-serif;
  font-size: 25px;
  line-height: 1;
  display: flex;
}

.seg {
  z-index: 20;
  background-color: var(--dark-theme--active-black);
  outline-color: var(--dark-theme--active-black);
  outline-offset: -1px;
  outline-width: 4px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .7rem;
  position: relative;
}

.background-wrapper {
  z-index: 1;
  opacity: .07;
  filter: contrast(200%);
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-wrapper.curs-legislatie {
  display: none;
  position: fixed;
  overflow: clip;
}

.background-wrapper.mediu-invatare, .background-wrapper.simulare-examen {
  display: none;
  position: fixed;
}

.gradient-wrapper {
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  display: none;
  position: absolute;
  inset: 0%;
}

.circle-1 {
  z-index: 88;
  opacity: 1;
  mix-blend-mode: difference;
  background-color: #0a0a0a;
  border-radius: 30vw;
  width: 50vw;
  height: 50vw;
  display: none;
  position: absolute;
  inset: -25% 0% 0% -25%;
  box-shadow: inset 0 2px 20rem 15rem #000;
}

.circle-2 {
  filter: blur(10px);
  background-color: #251870;
  border-radius: 100vw;
  width: 90vw;
  height: 90vh;
  display: none;
  position: absolute;
  inset: -25% -25% auto auto;
}

.circle-3 {
  filter: blur(10px);
  background-color: #7f418f;
  border-radius: 100vw;
  width: 90vw;
  height: 90vh;
  display: none;
  position: absolute;
  inset: auto auto -25% -25%;
}

.circle-4 {
  filter: blur(10px);
  background-color: #340364;
  border-radius: 100vw;
  width: 90vw;
  height: 90vh;
  display: none;
  position: absolute;
  inset: auto -25% -25% auto;
}

.div-block-37 {
  z-index: 10;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 4rem .1rem #000;
}

.div-block-39 {
  z-index: 4;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.blur-card {
  z-index: 5;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  mix-blend-mode: exclusion;
  background-color: #030608;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 6.4rem 8rem #000;
}

.div-block-40 {
  z-index: 7;
  background-image: url('../images/6894d5afc11822bf45e4207a_Black-Grid.svg');
  background-size: 50px 50px;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-41 {
  z-index: 4;
  filter: blur(14px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: inset 9vw -3.8rem 8rem 8rem #000;
}

.div-block-41._3 {
  filter: blur(14px);
  box-shadow: inset -11vw -1rem 8rem 8rem #000;
}

.signup-prompt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.signup-link {
  color: var(--dark-theme--second-color);
}

.form-error-message {
  background-color: var(--dark-theme--error);
  color: var(--dark-theme--text-color);
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
  border-radius: 5px;
}

.form-success-message {
  background-color: var(--dark-theme--active-color);
  color: var(--dark-theme--text-color);
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
}

.success-message-2 {
  background-color: var(--dark-theme--active-color);
  color: var(--dark-theme--text-color);
}

.error-message-2 {
  background-color: var(--dark-theme--error);
  color: var(--dark-theme--text-color);
  border-radius: 5px;
}

.terms-link {
  color: var(--dark-theme--text-color);
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 4px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
}

.terms-link:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.forgot-password-message {
  margin-bottom: 10px;
}

.heading-9 {
  z-index: 40;
  background-color: var(--gray\<deleted\|variable-2dffa882\>);
  text-align: center;
  border: 1px solid #333;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 15px 20px;
  font-family: "Globet Ffp Bf 68 D 12053 A 2 Ab 7", Arial, sans-serif;
  font-weight: 400;
  position: relative;
}

.signup-card, .login-card {
  z-index: 40;
  width: 400px;
  position: relative;
}

.client-email-text {
  opacity: .5;
  color: var(--dark-theme--text-color);
  white-space: nowrap;
  font-weight: 300;
  line-height: 1.2;
}

.list-item {
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.list-item:hover {
  background-color: var(--dark-theme--second-color);
  border-radius: 5px;
}

.client-email-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 1px;
  cursor: default;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.plan-section-wrapper, .user-settings-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.log-out-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  font-weight: 600;
  display: flex;
}

.plan-section-text, .user-settings-text {
  color: var(--dark-theme--text-color);
  white-space: nowrap;
  font-weight: 600;
}

.logout-text {
  color: var(--dark-theme--text-color);
  white-space: nowrap;
}

.icon-dropdown {
  width: 12.5px;
  height: 12.5px;
}

.icon-dropdown.low-opacity {
  opacity: .5;
}

.toate-modulele-btn {
  opacity: .85;
  letter-spacing: 1px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.toate-modulele-btn:hover {
  filter: drop-shadow(0 0 4px #dbbf47);
}

.toate-modulele-btn.w--current {
  opacity: .75;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Globet Ffp Bf 68 D 12053 A 2 Ab 7", Arial, sans-serif;
}

.toate-modulele-btn.w--current:hover {
  filter: drop-shadow(0 0 4px #dbbf47);
}

.nav-link-btn {
  z-index: 10;
  color: var(--dark-theme--text-color);
  letter-spacing: 2px;
  cursor: pointer;
  height: 18px;
  text-decoration: none;
  position: relative;
}

.recomandare-ai-btn {
  letter-spacing: 2px;
  cursor: pointer;
  text-decoration: none;
}

.lottie-animation-card {
  filter: contrast(200%);
  height: 80%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.image-13 {
  z-index: 46;
  aspect-ratio: 1;
  border-radius: 3px;
  align-self: center;
  position: relative;
}

.section-settings {
  z-index: 200;
  color: var(--dark-theme--text-color);
  letter-spacing: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Kanit, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

.reset-progress {
  background-color: var(--memberstack-library--ms-main-cta-color\<deleted\|variable-7b6e5067\>);
  cursor: pointer;
  border-radius: 5px;
  padding: 5px 10px;
}

.reset-progress:hover {
  transform: scale(.96);
}

.feature-texts {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  filter: drop-shadow(0 2px 6px #050505);
  letter-spacing: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  display: flex;
  position: relative;
}

.feature-card {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  height: 1.5rem;
  display: flex;
}

.feature-text {
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 700;
}

.feature-wrapper {
  pointer-events: none;
  color: var(--dark-theme--text-color);
  width: 100%;
  position: absolute;
  overflow: clip;
}

.image-16 {
  height: .9rem;
}

.scrolling-text-section {
  z-index: 50;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Kanit, sans-serif;
  display: flex;
  position: relative;
}

.blur-left-1, .blur-right-2 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  width: 20px;
  height: 30px;
  position: relative;
}

.blur-wrapper {
  z-index: 60;
  align-items: center;
  width: 30px;
  height: 25px;
  display: flex;
  position: absolute;
  left: -10px;
}

.blur-wrapper.right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  left: auto;
  right: -10px;
}

.icon-text-wrapper {
  z-index: 80;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-theme--active-black);
  border-radius: 7px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(5.5rem, max-content) 1fr minmax(5.7rem, max-content);
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  min-height: 4rem;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 12px;
  display: grid;
  position: relative;
}

.module-icon {
  z-index: 45;
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  margin-right: auto;
  display: flex;
  position: relative;
}

.modules-wrapper {
  z-index: 40;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.grain-overlay {
  z-index: 10;
  opacity: 0;
  filter: contrast(105%);
  pointer-events: none;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.grain-overlay.no-snap {
  pointer-events: none;
}

.grain-overlay.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.circle-main {
  background-image: radial-gradient(circle, #102c35, #307d96 0%, #0888ff 0%, #004cda 100%, #20728d 100%, #53b2ff);
  justify-content: center;
  align-items: center;
  width: 98vw;
  height: 98vh;
  display: none;
  position: absolute;
}

.blur-overlay {
  z-index: 40;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.grid-over {
  z-index: 42;
  opacity: .01;
  filter: invert();
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-image: url('../images/6894d5afc11822bf45e4207a_Black-Grid_1.svg');
  background-size: 65px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale3d(2, 1, 1)perspective(1100px)rotateX(72deg)rotateY(0)rotateZ(0);
}

.vignnete-overlay {
  z-index: 9999;
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 0 0 8rem #0c0c0cd9;
}

.circle-wrapper {
  opacity: .26;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.blur-grid {
  z-index: 43;
  box-shadow: none;
  filter: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.circle-black-1 {
  z-index: 888;
  filter: blur(3.1rem);
  background-color: #000000b3;
  border-radius: 8vw;
  width: 20vw;
  height: 20vh;
  display: none;
  position: absolute;
  inset: -4.7vh auto auto -5.2vw;
}

.circle-black-2 {
  z-index: 888;
  filter: blur(3.1rem);
  background-color: #000c;
  border-radius: 100vw;
  width: 100%;
  height: 4rem;
  display: none;
  position: absolute;
  inset: 0 auto auto;
}

.notice-column-module {
  z-index: 500;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 10px;
  margin: 4px;
  padding: 10px 20px;
  font-family: Kanit, sans-serif;
  font-weight: 200;
  display: none;
  position: relative;
}

.circle-black-1-r {
  z-index: 888;
  filter: blur(3.1rem);
  background-color: #000000b3;
  border-radius: 8vw;
  width: 20vw;
  height: 20vh;
  display: none;
  position: absolute;
  inset: -4.7vh -5.2vw auto auto;
}

.div-block-50 {
  border-left: 5px #051d3d;
  border-right: 5px #051d3d;
  border-radius: 4px;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.text-wrapper-card {
  z-index: 5;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  border-radius: 7px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 10px 6px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.chapter-number {
  justify-content: center;
  align-items: center;
}

.back-btn-simulation-copy {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: auto;
  padding: 9px 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.back-btn-simulation-copy:hover {
  border: 1px solid #636363;
}

.back-btn-simulation-copy:active {
  transform: scale(.96);
}

.question-full-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.main-buttons-spacer {
  letter-spacing: 1px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.x-icon {
  filter: invert();
  flex: none;
  height: 15px;
}

.chapter-progress-container-final-screen {
  z-index: 77;
  outline-offset: 0px;
  background-color: #161616;
  border: 3px solid #0a0a0a;
  border-radius: 4px;
  outline: 1px solid #2b2b2b;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: relative;
  overflow: clip;
}

.chapter-progress-percent-final-screen {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  font-family: Kanit, sans-serif;
  line-height: 1;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.chapter-and-progress-final-screen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 5px;
  outline: .5px solid #fbf9fc1f;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
  box-shadow: 0 0 4px -1px #88888880;
}

.mediu-chapter-and-progress-final--screen {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  box-shadow: none;
  outline-offset: 0px;
  outline: .5px #fbf9fc1f;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.counter-label {
  font-size: 14px;
}

.counter-value {
  font-size: 16px;
}

.progress-bar-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-theme--main-color);
  outline-offset: 0px;
  border-radius: 5px;
  outline: .5px solid #fbf9fc1f;
  justify-content: space-between;
  align-items: center;
  padding: 19px;
  display: flex;
  box-shadow: 0 0 4px -1px #88888880;
}

.correct-icon {
  z-index: 200;
  background-image: url('../images/corect--icon-green.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: absolute;
  inset: 50% auto auto 80%;
}

.wrong-icon {
  z-index: 200;
  background-image: url('../images/wrong-icon-red.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: none;
  position: absolute;
  inset: 50% auto auto 80%;
}

.wbs-container {
  z-index: 88;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  position: relative;
}

.footer-main-obs {
  z-index: 300;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 10px 10px;
  font-size: 16px;
  line-height: 1.3;
  display: none;
  position: relative;
}

.wbs-footer-link {
  color: var(--dark-theme--text-color);
  text-align: left;
  height: 100%;
  font-weight: 300;
  text-decoration: none;
}

.wbs-footer-link:hover {
  color: var(--dark-theme--second-color);
}

.wbs-footer-link:active {
  color: #b6941c;
}

.wbs-footer-component {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.wbs-footer-logo-big {
  height: 40px;
}

.wbs-footer-logo-simple {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.wbs-footer-logo-simple.w--current {
  width: 0%;
}

.wbs-footer-simple-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.wbs-footer-simple {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  letter-spacing: 1px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Kanit, sans-serif;
  font-weight: 300;
  display: grid;
  position: relative;
}

.paragraph-2 {
  color: var(--memberstack-library--ms-border-color\<deleted\|variable-20140a06\>);
  display: none;
}

.paragraph-3 {
  color: var(--dark-theme--text-color);
  margin-bottom: 0;
}

.paragraph-3.copyright, .paragraph-3.stripe {
  text-align: center;
  width: 75%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-3.copyright-copy {
  color: #fbf9fc;
  margin-top: 20px;
}

.link-7, .link-8 {
  color: var(--memberstack-library--ms-border-color\<deleted\|variable-20140a06\>);
}

.text-block-11 {
  color: #fbf9fcf0;
  font-family: Mazzardsoftm, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  display: none;
  position: relative;
}

.text-block-11.mobile {
  text-align: left;
  font-family: Binariadisplaystencil, Arial, sans-serif;
  display: block;
}

.question-shell {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.question-shell-w {
  contain: layout paint size;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.question-wrapper-a {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.question-wrapper-a.is-active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.question-wrapper-b {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.question-wrapper-b.is-active {
  z-index: 1;
  opacity: 100;
  pointer-events: auto;
}

.col-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.col-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.col-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-start;
  width: 100px;
  display: flex;
}

.image-19 {
  background-color: var(--dark-theme--text-color);
  border-radius: 10px;
  max-width: 75%;
  margin-bottom: 20px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.wbs-container-2 {
  z-index: 100;
  background-image: none;
  border: 1px #313131;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.wbs-section-2 {
  z-index: 300;
  width: 100%;
  padding-bottom: 4rem;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.wbs-button-small-primary {
  background-color: var(--flowstica-webflow-library--medium-sea-green\<deleted\|variable-7e3a564b\>);
  color: var(--flowstica-webflow-library--white\<deleted\|variable-a085b4b2\>);
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.wbs-button-small-primary:hover {
  background-color: var(--flowstica-webflow-library--honeydew\<deleted\|variable-542c0eec\>);
  color: var(--flowstica-webflow-library--medium-sea-green\<deleted\|variable-7e3a564b\>);
}

.wbs-alert-bar {
  background-color: var(--flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>);
}

.wbs-alert-bar-2-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 15px;
  display: flex;
  position: relative;
}

.wbs-alert-bar-2-title {
  color: #fff;
}

.wbs-alert-bar-2-close-link {
  flex: none;
  position: absolute;
  inset: auto 3% auto auto;
}

.wbs-alert-bar-2-close-icon {
  height: 18px;
}

.wbs-button-primary-1 {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: #e7bc22;
  border-radius: 6px;
  padding: 13px 20px;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .125s;
}

.wbs-button-primary-1:hover {
  color: #fff;
  background-color: #00b15f;
  border-color: #00b15f;
}

.wbs-button-primary-1:active {
  background-color: #0e8d52;
  border-color: #0e8d52;
}

.wbs-button-border {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  letter-spacing: 1px;
  border-radius: 6px;
  padding: 13px 20px;
  font-size: 18px;
  font-weight: 600;
  transition: color .125s, background-color .125s;
}

.wbs-button-border:hover {
  background-color: var(--dark-theme--active-color);
  color: var(--dark-theme--text-color);
}

.wbs-button-border:active {
  background-color: var(--dark-theme--active-color-pressed);
  color: #ffffffb3;
}

.wbs-button-border.main-btn {
  background-color: var(--flowstica-webflow-library--medium-sea-green\<deleted\|variable-7e3a564b\>);
}

.wbs-pricing-4-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wbs-pricing-4-badge {
  background-color: var(--flowstica-webflow-library--white\<deleted\|variable-a085b4b2\>);
  color: var(--flowstica-webflow-library--medium-sea-green\<deleted\|variable-7e3a564b\>);
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  display: none;
}

.wbs-pricing-4-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: left;
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

.wbs-pricing-4-list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.wbs-pricing-4-list-text {
  font-size: 14px;
}

.wbs-pricing-4-price-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.wbs-pricing-4-price {
  margin-top: 0;
  font-size: 40px;
}

.wbs-pricing-4-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.wbs-pricing-4-small-list {
  margin-bottom: 20px;
}

.wbs-pricing-4-list-title {
  margin-bottom: 10px;
  display: block;
}

.wbs-pricing-4-item {
  border: 1px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--active-black);
  letter-spacing: .3px;
  cursor: pointer;
  border-radius: 10px;
  padding: 20px;
  font-family: Kanit, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  transition: transform .125s;
}

.wbs-pricing-4-item:hover {
  background-color: var(--dark-theme--active-card);
  transform: translate(0, -5px);
}

.wbs-pricing-4-item.popular-card {
  background-color: #050505;
}

.wbs-pricing-4-item.popular-card:hover {
  background-color: #110d03;
}

.wbs-pricing-4-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 24px;
}

.wbs-pricing-4-item-active {
  background-color: #050505;
  border: 1px solid #313131;
  border-radius: 10px;
  padding: 40px;
  font-family: Kanit, sans-serif;
  font-weight: 300;
}

.wbs-pricing-component {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}

.image-20, .image-21, .image-22, .image-23, .image-24, .image-25, .image-26, .image-27, .image-28, .image-29, .image-30, .image-31, .image-32, .image-33, .image-34 {
  filter: invert();
}

.wbs-heading-h4 {
  color: var(--flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.3em;
}

.wbs-button-link {
  color: var(--flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.wbs-accordion {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.wbs-accordion-item {
  background-color: #0000;
  border: 1px solid #010b151f;
  border-radius: 10px;
  padding: 15px 20px 10px;
}

.wbs-accordion-heading {
  cursor: pointer;
  justify-content: space-between;
  display: flex;
}

.wbs-accordion-title {
  color: var(--flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>);
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
}

.wbs-accordion-icon {
  width: 14px;
  margin-top: 5px;
}

.wbs-accordion-content {
  padding-top: 10px;
  overflow: hidden;
}

.wbs-lead-text {
  color: var(--flowstica-webflow-library--black\<deleted\|variable-0b2c7b79\>);
  font-size: 1.125rem;
  line-height: 1.6rem;
}

.wbs-spacing-20 {
  height: 1.25rem;
}

.wbs-feature-image {
  border-radius: 10px;
}

.wbs-feature-split-3 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.wbs-feature-split-3-image {
  position: relative;
}

.background-wrapper-copy {
  z-index: 1;
  background-color: #030608;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.background-wrapper-copy.curs-legislatie {
  display: none;
  overflow: clip;
}

.background-wrapper-copy.mediu-invatare, .background-wrapper-copy.simulare-examen {
  display: none;
}

.submit-next-buttons-mobile {
  z-index: 200;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  font-size: 18px;
  line-height: 1.2;
  display: none;
  position: relative;
}

.explanation-btn-mobile {
  white-space: nowrap;
  cursor: pointer;
  background-color: #252525;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.explanation-btn-mobile:hover {
  background-color: #303030;
  border-color: #686868;
}

.explanation-btn-mobile:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.ask-ai-btn-mobile {
  white-space: nowrap;
  cursor: pointer;
  background-color: #252525;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.ask-ai-btn-mobile:hover {
  background-color: #303030;
  border-color: #686868;
}

.ask-ai-btn-mobile:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.submit-btn-mobile {
  white-space: nowrap;
  cursor: pointer;
  background-color: #252525;
  border: 1px solid #3a3a3a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.submit-btn-mobile:hover {
  background-color: #303030;
  border-color: #686868;
}

.submit-btn-mobile:active {
  filter: drop-shadow(0 0 3px #000);
  transform: scale(.96);
}

.div-block-51 {
  filter: drop-shadow(0 0 2px #252525);
  background-color: #b1b1b1;
  width: 70ch;
  height: 2px;
  margin-top: 4px;
  display: none;
}

.footer-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._w-1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

._w-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.paragraph-4 {
  color: #fc3;
}

.paragraph-5 {
  color: #b13b00;
}

.paragraph-6 {
  color: #00b15f;
}

.section-3 {
  z-index: 200;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Kanit, sans-serif;
  font-weight: 300;
  position: relative;
}

.wbs-container-3 {
  width: 100%;
  max-width: 1300px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wbs-heading-h4-2 {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  color: var(--dark-theme--text-color);
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 15px 5px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 6214 De 0 Cc", Tahoma, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

.wbs-button-black {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 6px;
  margin-top: 20px;
  padding: 13px 20px;
  font-family: Kanit, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: color .125s, background-color .125s;
}

.wbs-button-black:hover {
  background-color: var(--dark-theme--active-card);
  color: var(--dark-theme--text-color);
}

.wbs-button-black:active {
  background-color: var(--dark-theme--border-tests);
  color: #ffffffb3;
}

.wbs-section-3 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.wbs-spacing-30 {
  height: 1.875rem;
}

.wbs-lead-text-2 {
  color: #d4d4d4;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  line-height: 1.2;
}

.wbs-spacing-31 {
  height: 1.25rem;
}

.wbs-feature-component-2 {
  width: 100%;
}

.wbs-feature-image-2 {
  filter: grayscale();
  width: 100%;
}

.wbs-feature-split-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.wbs-feature-split-3-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #d4d4d4;
  border-top: 1px solid #010b151a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.wbs-feature-list-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
}

.wbs-feature-list-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-52 {
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-53, .div-block-54 {
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-55, .div-block-56, .div-block-57 {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  padding: 20px;
}

.image-35, .image-36, .image-37, .image-38, .image-39, .image-40, .image-41, .image-42, .image-43, .image-44, .image-45, .image-46, .image-47, .image-48, .image-49, .image-50, .image-51, .image-52, .image-53, .image-54, .image-55 {
  filter: invert();
}

.heading-10 {
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--second-color);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #313131;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 15px 20px 10px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
}

.coloana-1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.coloana-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.coloana-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.wbs-container-4 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wbs-button-link-2 {
  color: var(--black\<deleted\|variable-3b7f8b1b\>);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.wbs-section-4 {
  z-index: 400;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Kanit, sans-serif;
  font-weight: 300;
  position: relative;
}

.wbs-according-component {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.wbs-accordion-3-item {
  z-index: 70;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 20px 10px;
  position: relative;
}

.wbs-accordion-3 {
  color: var(--dark-theme--text-color);
  flex-direction: column;
  align-items: center;
  width: 50%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.wbs-accordion-3-content {
  overflow: hidden;
}

.wbs-accordion-3-heading {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
}

.wbs-accordion-3-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.2;
}

.wbs-accordion-3-icon-wrap {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
  position: relative;
}

.wbs-accordion-3-icon-plus {
  background-color: #fff;
  border-radius: 2px;
  width: 13px;
  height: 4px;
}

.wbs-accordion-3-icon-minus {
  background-color: #fff;
  border-radius: 2px;
  width: 13px;
  height: 4px;
  position: absolute;
  transform: rotate(90deg);
}

.wbs-accordion-3-description {
  margin-bottom: 10px;
}

.wbs-accordion-3-tagline {
  background-color: var(--flowstica-webflow-library--white-smoke\<deleted\|variable-98929435\>);
  color: var(--black\<deleted\|variable-3b7f8b1b\>);
  text-align: center;
  border-radius: 10px;
  justify-content: center;
  margin-top: 20px;
  padding: 10px 30px;
  font-size: 15px;
}

.coloana-4 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-11-copy {
  color: #fbf9fcf0;
  font-family: "Globet Ffp Bf 68 D 120538 Ca 5 D", Arial, sans-serif;
  font-size: 3rem;
  line-height: 1;
  display: none;
  position: relative;
}

.text-block-11-copy.mobile {
  display: none;
}

.coloana-2-copy, .coloana-4-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mobile-row {
  display: none;
}

.heading-11 {
  color: var(--dark-theme--second-color);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
}

.full-second {
  z-index: 400;
  background-color: var(--dark-theme--main-background);
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: clip;
}

.heading-12 {
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--second-color);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #313131;
  border-radius: 10px;
  align-self: flex-start;
  width: 100%;
  margin-bottom: 25px;
  padding: 15px 20px 10px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
}

.top-btn {
  z-index: 9999;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  cursor: pointer;
  background-image: url('../images/dropdown-3-gray.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-attachment: scroll;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: border-color .125s, background-color .125s;
  display: flex;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.top-btn:hover {
  background-color: #e7bc22;
  background-image: url('../images/icon-dropdown-3-black.svg');
}

.image-56 {
  filter: invert();
  width: 50%;
}

.top-btn-wrapper {
  z-index: 800;
  position: relative;
}

.top-btn-code {
  display: none;
}

.faq-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-7 {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--text-color);
  border-radius: 10px;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 20px;
  line-height: 1.2;
}

.text-block-12 {
  font-style: italic;
  font-weight: 200;
}

.text-block-12-copy {
  align-self: flex-start;
  font-style: italic;
  font-weight: 400;
}

.wbs-feature-list-item-copy {
  grid-column-gap: 4px;
  background-color: #242424;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 7px 10px;
  display: flex;
}

.link-block-2 {
  filter: invert();
  background-image: url('../images/Logo-f.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.link-block-3 {
  background-image: url('../images/Logo-f.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.navbar-brand-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-family: "Globet Ffp Bf 68 D 120538 Ca 5 D", Arial, sans-serif;
  font-weight: 600;
  display: flex;
}

.navbar-brand-copy.w--current {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #ffffffe6;
  letter-spacing: 1px;
  cursor: pointer;
  flex-flow: row;
  font-family: Mazzardsoftm, Arial, sans-serif;
  font-weight: 300;
  line-height: 1;
}

.image-57 {
  width: 10rem;
}

.wbs-footer-logo-simple-copy {
  width: 75%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.wbs-footer-logo-simple-copy.w--current {
  width: 75%;
}

.image-58 {
  z-index: 10;
  opacity: .15;
  filter: grayscale();
  width: 100%;
  position: absolute;
}

.text-span {
  color: #e7bc22;
  white-space: nowrap;
}

.text-span-2 {
  color: #e7bc22;
}

.hero-background {
  opacity: .03;
  filter: grayscale();
  width: 100%;
  height: 100%;
}

.image-59 {
  width: 10rem;
  position: absolute;
  inset: 25% auto auto 5%;
  transform: rotate(-23deg);
}

.bold-text {
  color: var(--dark-theme--red-color);
}

.bold-text-2 {
  color: var(--dark-theme--active-color);
}

.footer-title-1 {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
}

.footer-title-2, .footer-title-1-copy, .footer-title-2-copy {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.image-60 {
  width: 100%;
}

.col-1-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.image-61 {
  opacity: .04;
  filter: grayscale();
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.icons-background {
  background-color: var(--dark-theme--active-black);
  opacity: .01;
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 800px;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.logo-container {
  z-index: 40;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-bottom: 20px;
  padding: 1.5rem 2rem;
  display: flex;
  position: relative;
}

.underline-hover {
  color: #fff;
  background-color: #fff;
  width: 100%;
  height: 1px;
  display: none;
  position: relative;
}

.nav-link-btn-yellow {
  z-index: 30;
  color: var(--dark-theme--second-color);
  letter-spacing: 2px;
  cursor: pointer;
  height: 18px;
  text-decoration: none;
  position: absolute;
  inset: 100% 0% 0%;
}

.nav-link-btn-yellow:hover {
  color: #e7bc22;
}

.recomandare-ai-btn-yellow, .recomandare-ai-btn-copy {
  letter-spacing: 2px;
  cursor: pointer;
  text-decoration: none;
}

.lottie-animation-2 {
  height: 100%;
  display: none;
}

.anpc-link, .sol-link {
  justify-content: center;
  align-items: center;
  width: 75%;
  display: flex;
}

.image-63 {
  height: 12px;
}

.heading-13 {
  color: var(--dark-theme--text-color);
  margin-left: auto;
  margin-right: auto;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.text-span-9 {
  color: #e7bc22;
}

.div-block-60 {
  letter-spacing: 1px;
  width: 75%;
  line-height: 1.2;
}

.heading-14, .heading-15 {
  font-size: 50px;
  line-height: 1.2;
  display: none;
}

.text-span-10, .text-span-11 {
  color: var(--dark-theme--second-color);
}

.toggle-btn-code {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-background);
  border-radius: 6px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
  overflow: clip;
}

.loader-code-block {
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.background-pattern {
  z-index: 10;
  filter: none;
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto 50vh;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.code-embed-2 {
  justify-content: center;
  align-items: center;
  margin: auto;
}

.first-module-link-tb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  margin-right: auto;
  display: flex;
}

.second-module-link-tb, .third-module-link-tb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.first-module-text, .second-module-text, .third-module-text {
  color: var(--dark-theme--text-color);
  white-space: nowrap;
  font-weight: 600;
}

.dropdown-title {
  color: #e7bc22;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
}

.dropdown-title-two {
  color: #e7bc22;
  font-size: 22px;
  font-weight: 800;
}

.toggle-btn-code-tablet-down {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-background);
  border-radius: 6px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.full-second-tablet {
  z-index: 100;
  background-color: var(--dark-theme--main-background);
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  position: relative;
}

.bold-text-3 {
  color: var(--dark-theme--second-color);
}

.all-modules-bkg {
  display: none;
  overflow: clip;
}

.x-icon-dropdown {
  filter: invert();
  cursor: pointer;
  flex: none;
  align-self: flex-end;
  height: 0;
  position: absolute;
  top: 15px;
  right: 15px;
}

.x-icon-dropdown:hover {
  filter: invert(80%);
}

.x-icon-dropdown:active {
  transform: scale(.9);
}

.navbar-no-shadow-obs {
  z-index: 500;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Kanit, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  display: none;
  position: relative;
}

.navbar-no-shadow-obs.unlinked-2 {
  display: flex;
}

.navbar-no-shadow {
  z-index: 900;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px 20px;
  font-family: Kanit, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  display: none;
  position: relative;
}

.navbar-no-shadow.unlinked-2 {
  display: flex;
}

.div-block-61 {
  opacity: .06;
  filter: grayscale();
  background-image: url('../images/elements-background.svg');
  background-position: 50%;
  background-size: 500px;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero-description-hero-main {
  color: var(--dark-theme--text-color);
  margin-bottom: 5px;
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.progress-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: relative;
}

.full-main-section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.hero-wrapper-section-modules {
  z-index: 100;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-black);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  position: relative;
  overflow: clip;
}

.title-background {
  opacity: .05;
  filter: grayscale();
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 500px;
  position: absolute;
  inset: 0%;
}

.full-wrapper-module {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  position: relative;
}

.background-module-chapters {
  display: none;
}

.chapter-title-overlay-simulation-module {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.dropdown-menu-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  height: 100%;
  display: flex;
}

.div-block-62 {
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.menu-links, .account-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.footer-main {
  z-index: 300;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 10px 10px;
  font-size: 16px;
  line-height: 1.3;
  display: none;
  position: relative;
}

.heading-16 {
  z-index: 100;
  text-align: center;
  line-height: 1.1;
}

.main-section-text {
  z-index: 100;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  align-items: stretch;
  max-width: 1500px;
  margin: 20px;
  padding: 40px;
  display: flex;
  position: relative;
}

.body-16, .body-17, .body-18 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.contain-text {
  margin-left: auto;
  margin-right: auto;
}

.heading-17 {
  line-height: 1.2;
}

.grain-overlay-overlap {
  z-index: 12;
  opacity: .7;
  filter: contrast(200%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.grain-overlay-overlap.no-snap {
  pointer-events: none;
}

.grain-overlay-overlap.full-second {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.contact-form {
  z-index: 200;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 60px;
  display: flex;
  position: relative;
}

.form-block {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.form-wrapper {
  width: 50%;
}

.form-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 40%;
  padding: 20px 60px;
  display: flex;
  overflow: clip;
}

.contact-title-wrapper {
  z-index: 200;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.heading-18 {
  color: var(--dark-theme--second-color);
  text-align: center;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}

.text-block-13 {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.2;
}

.body-19 {
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
}

.contact-title-padding, .contact-form-padding {
  width: 100%;
  max-width: 1500px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.text-field, .text-field-2 {
  background-color: var(--dark-theme--text-color);
  border-radius: 5px;
  height: 46px;
  margin-bottom: 0;
}

.submit-button {
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  text-align: center;
  letter-spacing: 2px;
  border-radius: 6px;
  width: 15rem;
  margin-top: 20px;
  padding: 20px;
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 600;
  transition: color .2s, box-shadow .2s, background-color .2s;
}

.submit-button:hover {
  background-color: var(--dark-theme--active-color);
  color: var(--dark-theme--text-color);
  box-shadow: 0 0 4px #0000007d;
}

.submit-button:active {
  background-color: var(--dark-theme--active-color-pressed);
  color: #ffffffb3;
}

.form {
  flex-flow: column;
  display: flex;
}

.textarea {
  background-color: var(--dark-theme--text-color);
  border-radius: 5px;
  min-height: 6rem;
  margin-bottom: 0;
}

.field-label {
  letter-spacing: 2px;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.field-label-2, .field-label-3 {
  letter-spacing: 2px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.wbs-section-4-contact {
  z-index: 400;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Kanit, sans-serif;
  font-weight: 300;
  position: relative;
}

.faq-wrapper-contact {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wbs-accordion-3-contact {
  color: var(--dark-theme--text-color);
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.heading-19, .paragraph-9 {
  display: none;
}

.lottie-animation-3 {
  filter: grayscale();
  border-radius: 10px;
  position: relative;
}

.close-btn-wrapper {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
  position: relative;
}

.plus-line-icon {
  background-color: var(--dark-theme--text-color);
  border-radius: 2px;
  width: 13px;
  height: 4px;
  transform: rotate(-45deg);
}

.minus-line-icon {
  background-color: var(--dark-theme--text-color);
  border-radius: 2px;
  width: 13px;
  height: 4px;
  position: absolute;
  transform: rotate(45deg);
}

.code-embed-3 {
  position: relative;
}

.title-main-one {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 15px 20px 10px;
}

.close-btn-background {
  cursor: pointer;
  padding: 5px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-no-shadow-unlinked {
  z-index: 900;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px 20px;
  font-family: Kanit, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  display: flex;
  position: relative;
}

.navbar-no-shadow-unlinked.unlinked-2 {
  display: flex;
}

.footer-main-unlinked {
  z-index: 300;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-theme--text-color);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px 10px;
  font-size: 16px;
  line-height: 1.3;
  position: relative;
}

.image-64, .image-65 {
  height: 400px;
}

.heading-12-contact {
  background-color: var(--dark-theme--border-color);
  color: var(--dark-theme--second-color);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #313131;
  border-radius: 10px;
  align-self: flex-start;
  width: 100%;
  margin-bottom: 25px;
  padding: 15px 20px 10px;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1;
}

.wbs-according-component-contact {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 60px 40px;
  display: flex;
}

.paragraph-7-contact {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--active-card);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 10px;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 20px;
  line-height: 1.2;
}

.navbar-no-shadow-container-contact {
  z-index: 5;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
}

.error-message-3 {
  background-color: var(--dark-theme--error);
  border-radius: 10px;
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.2;
}

.success-message-3 {
  background-color: var(--dark-theme--active-color);
  border-radius: 10px;
  margin-top: 10px;
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.2;
}

.code-embed-4 {
  display: none;
}

.code-embed-5 {
  margin-top: 20px;
}

.code-embed-6 {
  margin-top: 10px;
  font-family: Kanit, sans-serif;
  font-weight: 300;
}

.home-link {
  width: 100%;
}

.text-block-15, .login-prompt {
  color: var(--dark-theme--text-color);
}

.signup-form-block {
  margin-bottom: 0;
}

.eyes-wrapper {
  width: 2em;
  height: 50%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% .5em 0% auto;
}

.show-password-icon {
  z-index: 10;
  cursor: pointer;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.hide-password-icon {
  z-index: 20;
  cursor: pointer;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.password-full-wrapper {
  position: relative;
}

.image-66, .select-answer-icon {
  filter: invert();
  align-self: flex-start;
  width: 18px;
}

.email-verification-page {
  background-color: var(--dark-theme--main-background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-verification-card {
  z-index: 300;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  margin: 25px;
  font-family: Kanit, sans-serif;
  display: none;
  position: relative;
}

.email-verification-text {
  text-align: center;
  width: 95%;
  margin: 0 auto;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.resend-verify-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  text-align: center;
  letter-spacing: 2px;
  border-radius: 5px;
  padding: 10px 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.resend-verify-btn:hover {
  background-color: var(--dark-theme--active-color);
}

.resend-verify-btn:active {
  background-color: var(--dark-theme--active-color-pressed);
}

.check-verify-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  text-align: center;
  letter-spacing: 2px;
  border-radius: 5px;
  padding: 13px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.check-verify-btn:hover {
  background-color: var(--dark-theme--active-color);
}

.check-verify-btn:active {
  background-color: var(--dark-theme--active-color-pressed);
}

.email-verification-btn-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.email-text-wrapper {
  border-right: 1px solid var(--dark-theme--border-color);
  border-bottom: 1px solid var(--dark-theme--border-color);
  border-left: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 0 0 10px 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 97%;
  padding: 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.back-btn-verification-email {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 5px 6px;
  transition: background-color .2s, transform .2s;
  display: flex;
  position: relative;
}

.back-btn-verification-email:hover {
  background-color: var(--dark-theme--active-black);
}

.back-btn-verification-email:active {
  transform: scale(.96);
}

.email-validation-page {
  background-color: var(--dark-theme--main-background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-validation-card {
  z-index: 300;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  margin: 25px;
  padding: 20px;
  font-family: Kanit, sans-serif;
  display: none;
  position: relative;
}

.back-btn-validation-email {
  border: 1px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--contrast-background);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 9px 10px;
  transition: background-color .2s, transform .2s;
  display: flex;
  position: relative;
  right: -20px;
}

.back-btn-validation-email:hover {
  background-color: var(--dark-theme--active-black);
}

.back-btn-validation-email:active {
  transform: scale(.96);
}

.email-validation-text-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--dark-theme--active-black);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  font-weight: 500;
  display: flex;
}

.email-validation-text {
  text-align: center;
  overflow-wrap: anywhere;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.back-to-login-btn {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  letter-spacing: 2px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 13px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  display: none;
}

.back-to-login-btn:hover {
  background-color: var(--dark-theme--active-color);
}

.back-to-login-btn:active {
  background-color: var(--dark-theme--active-color-pressed);
}

.email-validation-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  line-height: 37px;
}

.reset-password-form {
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reset-pass-1 {
  border: 2px solid var(--dark-theme--text-color);
  background-color: var(--dark-theme--border-tests);
  color: var(--dark-theme--text-color);
  border-radius: 7px;
  height: 38px;
  margin-bottom: 20px;
  padding: 12px 14px;
}

.reset-pass-1:focus {
  border-color: var(--dark-theme--second-color);
}

.reset-pass-2 {
  border: 2px solid var(--dark-theme--text-color);
  background-color: var(--dark-theme--border-tests);
  color: var(--dark-theme--text-color);
  border-radius: 7px;
  height: 38px;
  margin-bottom: 20px;
  padding: 12px 14px;
}

.reset-pass-2:focus {
  border-color: var(--dark-theme--second-color);
}

.reset-pass-submit {
  border: 1px solid var(--dark-theme--border-tests);
  background-color: var(--dark-theme--second-color);
  color: var(--dark-theme--active-black);
  letter-spacing: 2px;
  border-radius: 5px;
  width: 100%;
  padding: 10px 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.reset-pass-submit:hover {
  background-color: var(--dark-theme--active-color);
  color: var(--dark-theme--text-color);
}

.reset-pass-submit:active {
  background-color: var(--dark-theme--active-color-pressed);
}

.field-label-4, .field-label-5 {
  margin-bottom: 5px;
  font-size: 20px;
}

.form-block-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.email-verification-background {
  z-index: 1;
  opacity: .25;
  background-image: url('../images/email-verification-background.png');
  background-position: 50%;
  background-size: 600px;
  position: absolute;
  inset: 0%;
}

.reset-password-background {
  z-index: 1;
  opacity: .28;
  filter: none;
  background-image: url('../images/reset-password-background.png');
  background-position: 50%;
  background-size: 700px;
  position: absolute;
  inset: 0%;
}

.grain-overlay-ss {
  z-index: 10;
  filter: contrast(105%);
  pointer-events: none;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.grain-overlay-ss.no-snap {
  pointer-events: none;
}

.grain-overlay-ss.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.background-wrapper-v2 {
  z-index: 1;
  background-color: var(--dark-theme--active-black);
  opacity: .09;
  filter: contrast(200%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-wrapper-v2.curs-legislatie {
  display: none;
  overflow: clip;
}

.background-wrapper-v2.mediu-invatare, .background-wrapper-v2.simulare-examen {
  display: none;
}

.grain-overlay-v2 {
  z-index: 10;
  opacity: .53;
  filter: contrast(105%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.grain-overlay-v2.no-snap {
  pointer-events: none;
}

.grain-overlay-v2.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.heading-13-copy {
  color: var(--dark-theme--text-color);
  margin-left: auto;
  margin-right: auto;
  font-family: "Gismo Trial Semirectangular Bf 64 Af 622119 Ebc", Impact, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  display: none;
}

.lesson-loader-on {
  z-index: 99999999;
  background-color: var(--dark-theme--main-background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.background-wrapper-v2-verify {
  z-index: 1;
  background-color: var(--dark-theme--active-black);
  opacity: .09;
  filter: contrast(200%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-wrapper-v2-verify.curs-legislatie {
  display: none;
  overflow: clip;
}

.background-wrapper-v2-verify.mediu-invatare, .background-wrapper-v2-verify.simulare-examen {
  display: none;
}

.password-reset-card {
  z-index: 300;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--text-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  margin: 25px;
  padding: 20px;
  font-family: Kanit, sans-serif;
  display: none;
  position: relative;
}

.grain-overlay-v3 {
  z-index: 10;
  opacity: .53;
  filter: contrast(105%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.grain-overlay-v3.no-snap {
  pointer-events: none;
}

.grain-overlay-v3.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.title-background-v2 {
  opacity: .05;
  filter: grayscale();
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 700px;
  display: none;
  position: absolute;
  inset: 0%;
}

.title-background-v3 {
  opacity: .05;
  filter: grayscale();
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 500px;
  position: absolute;
  inset: 0%;
}

.grain-overlay-v4 {
  z-index: 10;
  opacity: .53;
  filter: contrast(105%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.grain-overlay-v4.no-snap {
  pointer-events: none;
}

.grain-overlay-v4.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.title-background-v2-copy {
  opacity: .05;
  filter: grayscale();
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 700px;
  display: none;
  position: absolute;
  inset: 0%;
}

.grain-overlay-v3-copy {
  z-index: 10;
  opacity: .53;
  filter: contrast(105%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.grain-overlay-v3-copy.no-snap {
  pointer-events: none;
}

.grain-overlay-v3-copy.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.email-label {
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

.password-label {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}

.navbar-logo-link.w--current {
  width: 10rem;
}

.body-error-404 {
  background-color: var(--dark-theme--text-color);
}

.file-loader {
  z-index: 99999;
  width: 40%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.container-settings {
  z-index: 0;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  position: relative;
  overflow: clip;
}

.settings-title {
  z-index: 100;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--second-color);
  border-radius: 10px;
  width: 23rem;
  margin: 20px auto 60px;
  padding: 20px 20px 15px;
  position: relative;
  overflow: clip;
}

.settings-stack {
  z-index: 100;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.profile-card, .auth-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 23rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.preferences-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: stretch;
  width: 23rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reset-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 23rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logout-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 23rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.delete-data-card {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}

.disclaimer-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.row-profile-email {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.user-email {
  overflow-wrap: anywhere;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.text-status {
  margin-left: auto;
  margin-right: auto;
}

.resend-verification-email {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  display: none;
}

.user-uid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  display: flex;
}

.user-uid-text {
  overflow-wrap: anywhere;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.uid-copy-btn {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.uid-copy-btn:hover {
  background-color: var(--dark-theme--active-card);
  color: var(--dark-theme--text-color);
}

.uid-copy-btn:active {
  background-color: var(--dark-theme--border-tests);
  color: #ffffffb3;
}

.change-email-btn {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.change-email-btn:hover {
  background-color: var(--dark-theme--active-card);
  color: var(--dark-theme--text-color);
}

.change-email-btn:active {
  background-color: var(--dark-theme--border-tests);
  color: #ffffffb3;
}

.reset-password-btn {
  background-color: var(--dark-theme--text-color);
  color: var(--dark-theme--active-black);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.reset-password-btn:hover {
  background-color: var(--dark-theme--active-card);
  color: var(--dark-theme--text-color);
}

.reset-password-btn:active {
  background-color: var(--dark-theme--border-tests);
  color: #ffffffb3;
}

.profile-title, .auth-title, .preferences-title, .reset-title {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 13px;
  font-size: 30px;
  line-height: 1;
}

.reset-module-one {
  background-color: var(--dark-theme--red-color);
  color: var(--dark-theme--text-color);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.reset-module-one:hover {
  background-color: #f40;
}

.reset-module-one:active {
  color: #e9e9e9bf;
  background-color: #993714;
}

.reset-module-two {
  background-color: var(--dark-theme--red-color);
  color: var(--dark-theme--text-color);
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.reset-module-two:hover {
  background-color: #f40;
}

.reset-module-two:active {
  color: #e9e9e9bf;
  background-color: #993714;
}

.reset-module-three {
  color: var(--dark-theme--text-color);
  background-color: #e24f1a;
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.reset-module-three:hover {
  background-color: #f40;
}

.reset-module-three:active {
  color: #e9e9e9bf;
  background-color: #993714;
}

.logout-btn {
  border: 2px solid var(--dark-theme--second-color);
  background-color: var(--dark-theme--main-background);
  color: var(--dark-theme--text-color);
  border-radius: 7px;
  width: 100%;
  padding: 12px 13px;
  font-weight: 600;
  transition: color .125s, border-color .125s, box-shadow .125s, background-color .125s;
}

.logout-btn:hover {
  border-color: var(--dark-theme--text-color);
  background-color: var(--dark-theme--active-color);
  box-shadow: inset 0 0 4px #0000007d;
}

.logout-btn:active {
  background-color: var(--dark-theme--active-color-pressed);
  color: #ffffffb3;
  border-color: #ffffffb3;
}

.disclaimer-text {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.delete-account-btn {
  background-color: var(--dark-theme--error);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 13px;
  transition: color .125s, background-color .125s;
}

.delete-account-btn:hover {
  background-color: #df2500;
}

.delete-account-btn:active {
  color: #e9e9e9bf;
  background-color: #831600;
}

.heading-20 {
  z-index: 100;
  text-align: center;
  font-family: Ooogismo Trial Semirectangular, Arial, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.all-modules-bkg-settings {
  z-index: 0;
  background-color: var(--dark-theme--active-black);
  display: none;
  position: absolute;
  inset: 0%;
}

.title-background-v2-settings {
  z-index: 0;
  opacity: .05;
  filter: grayscale();
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 700px;
  position: absolute;
  inset: 0%;
}

.grain-overlay-v3-settings {
  z-index: 10;
  opacity: .09;
  filter: contrast(105%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-position: 50%;
  background-size: 100px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.grain-overlay-v3-settings.no-snap {
  pointer-events: none;
}

.grain-overlay-v3-settings.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.option-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  line-height: 1.2;
  display: flex;
}

.divider {
  background-color: var(--dark-theme--second-color);
  width: 100%;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.new-email-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.change-email-title, .reset-password-title {
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

.text-block-16 {
  z-index: 100;
  text-align: center;
  display: none;
  position: relative;
}

.email-profile-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  display: flex;
}

.profile-email-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px;
  display: flex;
}

.grain-overlay-settings {
  z-index: 10;
  opacity: .03;
  filter: contrast(105%);
  pointer-events: none;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.grain-overlay-settings.no-snap {
  pointer-events: none;
}

.grain-overlay-settings.full-second {
  z-index: 10;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.background-pattern-settings {
  z-index: 10;
  filter: none;
  background-image: url('../images/Background-cu-elemente-ss.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto 50vh;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grain-overlay-overlap-settings {
  z-index: 12;
  opacity: .7;
  filter: contrast(200%);
  pointer-events: none;
  background-image: url('../images/grraa.png');
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.grain-overlay-overlap-settings.no-snap {
  pointer-events: none;
}

.grain-overlay-overlap-settings.full-second {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.change-email-wrapper, .reset-password-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.code-embed-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.preferences-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.reset-modules-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.user-uid-title {
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

.logout-btn-wrapper {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}

.platform-title {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  color: var(--dark-theme--text-color);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 13px;
  font-size: 30px;
  line-height: 1;
}

.version-text {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.2;
}

.version-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
}

.version-and-disclaimer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--main-color);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.version-title {
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 1.2;
}

.disclaimer-title {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.2;
}

.email-label-text {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}

.top-bar {
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--second-color);
  border-radius: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 3.2rem;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.client-data-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--dark-theme--border-color);
  background-color: var(--dark-theme--contrast-background);
  border-radius: 10px;
  flex-flow: column;
  padding: 10px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .all-modules, .module-card-title {
    width: 100%;
  }

  .question-text, .lesson-title, .question-text-exam {
    font-size: 24px;
  }

  .option-card-exam {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .option-item-exam {
    padding-left: 20px;
  }

  .option-card-connector {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .hero-section {
    max-width: 1500px;
  }

  .module-btn-text {
    font-size: 18px;
  }

  .seg {
    height: .9rem;
  }

  .gradient-wrapper {
    height: 1%;
  }

  .scrolling-text-section, .modules-wrapper, .wbs-container-2, .wbs-container-3 {
    max-width: 1500px;
  }

  .wbs-feature-split-4 {
    grid-template-columns: 45% 45%;
  }

  .wbs-according-component {
    max-width: 1500px;
  }

  .navbar-brand-copy {
    width: auto;
  }

  .navbar-no-shadow-obs.unlinked-2, .navbar-no-shadow.unlinked-2, .navbar-no-shadow-unlinked.unlinked-2, .wbs-according-component-contact {
    max-width: 1500px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    flex: 0 auto;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
  }

  .container.footer {
    flex-direction: row;
    justify-content: space-between;
  }

  .col._3-col {
    width: auto;
  }

  .col._3-col.middle {
    justify-content: flex-end;
    margin-bottom: 0;
  }

  .col._3-col.last {
    flex: 0 auto;
    display: block;
  }

  .col._3-col.branding {
    flex-direction: row;
    flex: 0 auto;
    order: 0;
  }

  .col._3-col.middle {
    order: 1;
    justify-content: flex-end;
    margin-bottom: 0;
  }

  .col._3-col.last {
    display: block;
  }

  .logo {
    order: 0;
  }

  .button {
    flex: 0 auto;
    order: 0;
    align-self: flex-end;
    margin-bottom: 0;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .auth-wrapper, .signup-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .all-modules {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .navbar-no-shadow-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-regular {
    min-height: 0;
    position: relative;
  }

  .navbar-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }

  .navbar-brand {
    text-align: center;
  }

  .navbar-brand.w--current:hover {
    filter: drop-shadow(0 0 3px #006dff) drop-shadow(0 0 3px #042252);
  }

  .nav-menu-wrapper {
    background-color: #0000;
    justify-content: center;
    align-items: flex-end;
    display: none;
  }

  .nav-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: #161616;
    border: 1px solid #313131;
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-end;
    margin-top: 20px;
    padding: 10px 15px;
    font-family: Kanit, sans-serif;
    font-weight: 200;
    list-style-type: none;
    display: flex;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 200;
  }

  .menu-button {
    cursor: pointer;
    padding: 0;
    display: none;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf00;
    padding-left: 0;
  }

  .module-card {
    height: auto;
    padding-bottom: 15px;
  }

  .module-card:hover {
    transform: none;
  }

  .module-card:active {
    transform: scale(.98);
  }

  .module-card-title {
    font-size: 25px;
    line-height: 1.2;
  }

  .swap-btn {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .icon {
    order: -9999;
    display: none;
  }

  .user-logged-in-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: block;
  }

  .auth-btn {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }

  .auth-btn:hover {
    box-shadow: none;
    background-color: #00b15f00;
    border-color: #fff0;
  }

  .auth-btn:active {
    transform: scale(.9);
  }

  .dropdown-list {
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    position: fixed;
    inset: 25px 40px;
  }

  .dropdown-list.w--open {
    z-index: 100;
    position: fixed;
    inset: 20px;
  }

  .legislatie-chapters-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .question-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .submit-next-buttons {
    font-size: 16.5px;
  }

  .option-item {
    padding: 10px;
  }

  .submit-btn {
    padding: 15px;
  }

  .submit-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .next-btn {
    padding: 15px;
  }

  .next-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .ask-ai-btn {
    padding: 15px;
  }

  .ask-ai-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .ai-pop-wrapper:hover {
    background-color: #3a3a3a;
  }

  .explanation-btn {
    padding: 15px;
  }

  .explanation-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .explanation-card:hover {
    background-color: #3a3a3a;
  }

  .question-text {
    font-size: 20px;
  }

  .option-letter {
    padding: 10px;
    font-size: 1.2rem;
  }

  .option-card {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    grid-template-columns: 6rem 6fr;
    font-size: 16.5px;
  }

  .feedback-wrapper {
    font-size: 14.5px;
  }

  .chapter-and-progress {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .lesson-title {
    font-size: 20px;
  }

  .lesson-content {
    width: 100%;
  }

  .reset-chapter-btn {
    padding: 15px;
    font-size: 16.5px;
  }

  .reset-chapter-btn:hover {
    background-color: #252525;
  }

  .lottie-animation {
    width: 20vw;
  }

  .mediu-invatare-chapters-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: minmax(6rem, auto);
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .invatare-chapter-page-card:hover {
    filter: none;
    transform: none;
  }

  .invatare-chapter-page-card:active {
    filter: drop-shadow(0 0 3px #000) drop-shadow(0 0 3px #000);
    transform: scale(.98);
  }

  .profile-buttons {
    justify-content: flex-end;
    align-items: center;
  }

  .timer-and-counter {
    justify-content: space-between;
    width: 100%;
  }

  .question-section-exam {
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
  }

  .all-questions, .left-questions {
    width: auto;
    font-size: 15px;
  }

  .timer {
    width: 6rem;
    font-size: 15px;
  }

  .correct-questions, .wrong-questions {
    width: auto;
    font-size: 15px;
  }

  .question-text-exam {
    margin-bottom: 0;
    padding-bottom: 15px;
    font-size: 20px;
  }

  .options-wrapper-exam {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
    min-width: auto;
  }

  .option-card-exam {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    border-radius: 3px;
    grid-template-columns: 1fr 6fr;
    min-height: auto;
    font-size: 16.5px;
  }

  .option-letter-exam {
    border-radius: 3px;
    padding: 10px;
    font-size: 1.2rem;
  }

  .option-item-exam {
    border-radius: 3px;
    padding: 10px;
  }

  .buttons-wrapper {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16.5px;
  }

  .answer-later-btn {
    height: 4rem;
    padding: 15px;
  }

  .answer-later-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .change-answer-btn {
    height: 4rem;
    padding: 15px;
  }

  .change-answer-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .submit-answer-btn {
    height: 4rem;
    padding: 15px;
  }

  .submit-answer-btn:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .simulare-chestionare-examen-chapters-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .content-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .main-buttons-wrapper {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .chapter-and-progress-inner {
    font-size: 15px;
  }

  .ms-button {
    position: relative;
  }

  .ms-button.ms-is-form:hover {
    background-color: var(--dark-theme--second-color);
    color: var(--dark-theme--active-black);
  }

  .ms-button.ms-is-form:active {
    background-color: var(--dark-theme--active-color-pressed);
    color: var(--dark-theme--text-color);
  }

  .image-6 {
    filter: contrast(200%) contrast(200%) invert();
    width: 0;
  }

  .custom-accordion-header {
    font-size: 16.5px;
  }

  .custom-accordion-header:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .custom-accordion-header:active {
    filter: drop-shadow(0 0 2px #000);
  }

  .custom-accordion-content {
    font-size: 14.5px;
  }

  .main-content-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-rows: min-content min-content;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .question-image-wrapper {
    order: -9999;
  }

  .legislatie-chapter-page-card:hover {
    filter: none;
    transform: none;
  }

  .legislatie-chapter-page-card:active {
    filter: drop-shadow(0 0 3px #000) drop-shadow(0 0 3px #000);
    transform: scale(.98);
  }

  .simulare-chapter-page-card:hover {
    filter: none;
    transform: none;
  }

  .simulare-chapter-page-card:active {
    filter: drop-shadow(0 0 3px #000) drop-shadow(0 0 3px #000);
    transform: scale(.98);
  }

  .legislatie-buttons {
    width: 50%;
    font-size: 16.5px;
  }

  .legislatie-chapter-and-progress {
    width: 100%;
  }

  .next-chapter-btn {
    padding: 15px;
    font-size: 16.5px;
  }

  .next-chapter-btn:hover {
    background-color: #252525;
  }

  .back-btn {
    padding: 15px;
    font-size: 16.5px;
  }

  .back-btn:hover {
    background-color: #252525;
  }

  .alert-card {
    width: 40%;
  }

  .confirm-reset-chapter {
    padding: 15px;
  }

  .confirm-reset-chapter:hover {
    background-color: #252525;
  }

  .back-to-chapter-final-screen {
    padding: 15px;
  }

  .back-to-chapter-final-screen:hover {
    background-color: #252525;
  }

  .chapter-text-final, .progress-counter-final {
    font-size: 25px;
  }

  .chapter-and-progress-final {
    font-size: 22px;
  }

  .reset-wrong-questions-only {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16.5px;
  }

  .container-3 {
    max-width: 728px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .simulation-image-wrapper {
    order: 9999;
  }

  .buttons-full-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-content-wrapper {
    width: 100%;
    margin: 0;
    padding: 20px;
  }

  .container-4 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .testimonial-grid-two {
    grid-column-gap: 30px;
  }

  .testimonial-info-three {
    flex-direction: column;
  }

  .title-and-description {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .title-and-description.legislatie {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title-and-description.mediu-invatare {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-wrapper-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hero-description {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
  }

  .notice-text {
    display: none;
  }

  .full-main {
    position: relative;
    top: auto;
  }

  .hero-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    align-items: center;
    margin-top: 0;
    padding-bottom: 0;
  }

  .hero-title {
    width: 90%;
    font-size: 40px;
  }

  .module-card-btn {
    margin-top: 9px;
  }

  .module-btn-text {
    font-size: 15px;
  }

  .seg-label {
    font-size: 22px;
  }

  .client-email-text {
    letter-spacing: 1px;
    white-space: normal;
    font-size: 22px;
  }

  .client-email-wrapper, .plan-section-wrapper, .user-settings-wrapper, .log-out-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .plan-section-text, .user-settings-text, .logout-text {
    letter-spacing: 1px;
    white-space: normal;
    font-size: 22px;
  }

  .icon-dropdown {
    width: 16px;
    height: 16px;
  }

  .toate-modulele-btn {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 200;
  }

  .toate-modulele-btn.w--current {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-btn, .recomandare-ai-btn {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 200;
  }

  .recomandare-ai-btn:hover {
    filter: drop-shadow(0 0 3px #006dff) drop-shadow(0 0 3px #042252);
  }

  .section-settings {
    margin-bottom: 0;
  }

  .feature-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .scrolling-text-section {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .icon-text-wrapper {
    grid-template-columns: minmax(5rem, max-content) 1fr minmax(5.5rem, max-content);
    min-height: auto;
  }

  .module-icon {
    width: 2.4rem;
  }

  .modules-wrapper {
    margin-top: 20px;
  }

  .notice-column-module {
    color: var(--dark-theme--text-color);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .back-btn-simulation-copy {
    position: absolute;
  }

  .question-full-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .x-icon:hover {
    filter: invert();
  }

  .x-icon:active {
    filter: invert(80%);
  }

  .chapter-and-progress-final-screen {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
  }

  .mediu-chapter-and-progress-final--screen {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .counter-label {
    font-size: 13px;
  }

  .counter-value {
    font-size: 14px;
  }

  .wbs-container {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .wbs-footer-link:hover {
    color: var(--dark-theme--text-color);
  }

  .wbs-footer-link:active {
    color: var(--dark-theme--second-color);
  }

  .wbs-footer-component {
    width: 100%;
    display: block;
  }

  .wbs-footer-logo-simple.w--current {
    width: 100%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .wbs-footer-simple {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-3.copyright {
    width: 100%;
  }

  .paragraph-3.stripe {
    width: 100%;
    margin-top: auto;
  }

  .paragraph-3.copyright-copy {
    margin-top: 0;
  }

  .text-block-11 {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .col-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .col-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-17, .image-18 {
    max-width: 100%;
  }

  .image-19 {
    border-radius: 5px;
    max-width: 100%;
  }

  .wbs-section-2 {
    padding-bottom: 2rem;
  }

  .wbs-button-border {
    border-radius: 4px;
  }

  .wbs-button-border:hover {
    background-color: var(--dark-theme--second-color);
    color: var(--dark-theme--active-black);
  }

  .wbs-button-border:active {
    background-color: var(--dark-theme--active-color-pressed);
    color: #ffffffb3;
  }

  .wbs-pricing-4-wrap {
    grid-template-columns: max-content;
    place-content: center;
    position: relative;
  }

  .wbs-pricing-4-item {
    z-index: 40;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 25rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .wbs-pricing-component {
    z-index: 40;
    background-color: var(--dark-theme--active-black);
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    overflow: clip;
  }

  .wbs-feature-image {
    width: 100%;
  }

  .wbs-feature-split-3 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .submit-next-buttons-mobile {
    font-size: 16.5px;
  }

  .explanation-btn-mobile {
    padding: 15px;
  }

  .explanation-btn-mobile:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .ask-ai-btn-mobile {
    padding: 15px;
  }

  .ask-ai-btn-mobile:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  .submit-btn-mobile {
    padding: 15px;
  }

  .submit-btn-mobile:hover {
    background-color: #252525;
    border-color: #3a3a3a;
  }

  ._w-1 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  ._w-2 {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-3 {
    margin-top: 20px;
  }

  .wbs-container-3 {
    margin-bottom: 40px;
  }

  .wbs-heading-h4-2 {
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height: 1.2;
  }

  .wbs-button-black {
    border-radius: 4px;
    padding: 11px 18px;
  }

  .wbs-button-black:hover {
    background-color: var(--dark-theme--border-tests);
  }

  .wbs-button-black:active {
    background-color: var(--dark-theme--border-tests);
    color: #ffffffb3;
  }

  .wbs-section-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wbs-feature-split-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .div-block-55, .div-block-56, .div-block-57 {
    width: 100%;
  }

  .heading-10 {
    z-index: 40;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 25px;
    padding: 20px 25px 15px;
    font-size: 40px;
    position: relative;
  }

  .coloana-1 {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .coloana-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .wbs-according-component {
    flex-flow: column;
  }

  .wbs-accordion-3 {
    width: 100%;
  }

  .text-block-11-copy {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-11 {
    text-align: center;
    font-size: 40px;
  }

  .heading-12 {
    border-radius: 8px;
    align-self: center;
    width: 50%;
    padding: 20px 15px 15px;
    font-size: 40px;
  }

  .top-btn {
    width: 3.5rem;
    height: 3.5rem;
  }

  .top-btn:hover {
    background-color: #050505;
    background-image: url('../images/icon-dropdown-3-white-2.svg');
    transform: none;
  }

  .top-btn:active {
    background-color: #e7bc22;
    background-image: url('../images/icon-dropdown-3-black.svg');
    transform: scale(.95);
  }

  .faq-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    width: 100%;
  }

  .paragraph-7 {
    align-self: center;
    width: 50%;
    margin-bottom: auto;
  }

  .navbar-brand-copy {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .navbar-brand-copy.w--current {
    width: 10rem;
  }

  .wbs-footer-logo-simple-copy {
    width: 100%;
  }

  .wbs-footer-logo-simple-copy.w--current {
    width: 100%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .footer-title-1 {
    width: 90%;
  }

  .col-1-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .nav-link-btn-yellow, .recomandare-ai-btn-yellow {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 200;
  }

  .recomandare-ai-btn-yellow:hover {
    filter: drop-shadow(0 0 3px #006dff) drop-shadow(0 0 3px #042252);
  }

  .recomandare-ai-btn-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 200;
  }

  .recomandare-ai-btn-copy:hover {
    filter: drop-shadow(0 0 3px #006dff) drop-shadow(0 0 3px #042252);
  }

  .anpc-link, .sol-link {
    width: 100%;
  }

  .heading-13 {
    font-size: 40px;
  }

  .div-block-60 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .toggle-btn-code {
    margin-right: 0;
    display: none;
  }

  .first-module-link-tb, .second-module-link-tb, .third-module-link-tb {
    justify-content: flex-start;
    align-items: center;
  }

  .first-module-text, .second-module-text, .third-module-text {
    letter-spacing: 1px;
    white-space: normal;
    font-size: 22px;
  }

  .dropdown-title, .dropdown-title-two {
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
  }

  .toggle-btn-code-tablet-down {
    display: flex;
    overflow: clip;
  }

  .full-second-tablet {
    display: block;
  }

  .blur-bkg {
    z-index: 3;
    filter: blur(10px);
    background-color: #e00c0c;
    position: fixed;
    inset: 0%;
  }

  .all-modules-bkg {
    background-color: var(--dark-theme--active-black);
  }

  .x-icon-dropdown:hover {
    filter: invert();
  }

  .x-icon-dropdown:active {
    filter: invert(80%);
  }

  .navbar-no-shadow-obs, .navbar-no-shadow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .hero-description-hero-main {
    font-size: 18px;
    line-height: 22px;
  }

  .title-background {
    z-index: 0;
  }

  .dropdown-menu-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    scrollbar-width: none;
    overflow-y: auto;
  }

  .menu-links {
    height: 80%;
  }

  .account-links {
    height: 100%;
  }

  .heading-16 {
    font-size: 34px;
  }

  .contact-form, .form-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-wrapper {
    width: 100%;
  }

  .form-text {
    display: none;
  }

  .heading-18 {
    font-size: 40px;
  }

  .text-block-13 {
    font-size: 18px;
  }

  .text-field, .text-field-2 {
    height: 2.5rem;
  }

  .submit-button {
    font-size: 22px;
  }

  .submit-button:hover {
    background-color: var(--dark-theme--second-color);
    box-shadow: none;
    color: var(--dark-theme--active-black);
  }

  .submit-button:active {
    background-color: var(--dark-theme--active-color-pressed);
    color: #ffffffb3;
    box-shadow: inset 0 0 4px #0000007d;
  }

  .textarea {
    min-height: 5rem;
  }

  .field-label, .field-label-2, .field-label-3 {
    font-size: 20px;
  }

  .faq-wrapper-contact {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    order: -9999;
    width: 100%;
  }

  .wbs-accordion-3-contact {
    width: 100%;
  }

  .close-btn-wrapper {
    width: 20px;
    height: 20px;
  }

  .plus-line-icon, .minus-line-icon {
    width: 20px;
  }

  .title-main-one {
    border-radius: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
    padding: 20px 25px 15px;
    display: flex;
  }

  .close-btn-background {
    border-radius: 6px;
    top: 20px;
    right: 20px;
  }

  .navbar-no-shadow-unlinked {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .heading-12-contact {
    background-color: var(--dark-theme--contrast-background);
    border-radius: 8px;
    align-self: center;
    width: 50%;
    padding: 20px 15px 15px;
    font-size: 40px;
    line-height: 1.2;
  }

  .wbs-according-component-contact {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 80px;
    padding-right: 80px;
  }

  .paragraph-7-contact {
    background-color: var(--dark-theme--contrast-background);
    align-self: center;
    width: 50%;
    margin-bottom: auto;
  }

  .navbar-no-shadow-container-contact {
    padding-top: 0;
    padding-bottom: 0;
  }

  .error-message-3, .success-message-3 {
    font-size: 18px;
  }

  .resend-verify-btn, .check-verify-btn {
    padding: 11px 18px;
  }

  .back-btn-verification-email:hover {
    background-color: var(--dark-theme--contrast-background);
  }

  .back-btn-verification-email:active {
    background-color: var(--dark-theme--active-black);
  }

  .back-btn-validation-email:hover {
    background-color: var(--dark-theme--contrast-background);
  }

  .back-btn-validation-email:active {
    background-color: var(--dark-theme--active-black);
  }

  .back-to-login-btn {
    padding: 11px 18px;
  }

  .heading-13-copy {
    font-size: 40px;
  }

  .password-reset-card {
    width: 30rem;
  }

  .grain-overlay-v3 {
    opacity: .15;
    display: block;
    position: absolute;
  }

  .title-background-v2 {
    z-index: 0;
    opacity: .03;
    display: block;
  }

  .title-background-v3 {
    z-index: 0;
    opacity: .01;
    filter: none;
  }

  .title-background-v2-copy {
    z-index: 0;
    opacity: .03;
    display: block;
  }

  .grain-overlay-v3-copy {
    opacity: .15;
    display: block;
    position: absolute;
  }

  .navbar-logo-link.w--current {
    width: 9rem;
  }

  .container-settings {
    padding-top: 0;
  }

  .settings-title {
    margin-bottom: 40px;
    padding-top: 15px;
    padding-bottom: 12px;
  }

  .settings-stack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 20px;
  }

  .disclaimer-card, .user-uid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .uid-copy-btn:hover {
    background-color: var(--dark-theme--text-color);
    color: var(--dark-theme--active-black);
  }

  .uid-copy-btn:active {
    background-color: var(--dark-theme--active-card);
    color: #ffffffb3;
  }

  .change-email-btn:hover {
    background-color: var(--dark-theme--text-color);
    color: var(--dark-theme--active-black);
  }

  .change-email-btn:active {
    background-color: var(--dark-theme--active-card);
    color: #ffffffb3;
  }

  .reset-password-btn:hover {
    background-color: var(--dark-theme--text-color);
    color: var(--dark-theme--active-black);
  }

  .reset-password-btn:active {
    background-color: var(--dark-theme--active-card);
    color: #ffffffb3;
  }

  .reset-module-one:hover {
    background-color: var(--dark-theme--red-color);
  }

  .reset-module-one:active {
    background-color: #993714;
  }

  .reset-module-two:hover {
    background-color: var(--dark-theme--red-color);
  }

  .reset-module-two:active {
    background-color: #993714;
  }

  .reset-module-three:hover {
    background-color: var(--dark-theme--red-color);
  }

  .reset-module-three:active {
    background-color: #993714;
  }

  .logout-btn:hover {
    border-color: var(--dark-theme--second-color);
    background-color: var(--dark-theme--main-background);
    box-shadow: none;
  }

  .logout-btn:active {
    background-color: var(--dark-theme--active-color-pressed);
    border-color: #ffffffb3;
    box-shadow: inset 0 0 4px #0000007d;
  }

  .delete-account-btn:hover {
    background-color: var(--dark-theme--error);
  }

  .delete-account-btn:active {
    background-color: #831600;
  }

  .heading-20 {
    font-size: 40px;
  }

  .email-profile-wrapper, .profile-email-wrapper, .change-email-wrapper, .reset-password-wrapper, .preferences-wrapper, .reset-modules-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .version-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .version-and-disclaimer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    align-items: center;
    height: 68%;
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .container {
    flex: 1;
    grid-template-rows: 1fr 1fr auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .container.footer {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .col._3-col.last {
    width: 50%;
  }

  .col._3-col.branding {
    flex-direction: column-reverse;
    margin-bottom: 16px;
  }

  .col._3-col.middle {
    margin-bottom: 16px;
  }

  .col._3-col.last {
    width: 50%;
    margin-bottom: 16px;
  }

  .logo.main {
    margin-bottom: 16px;
    display: none;
  }

  .logo.mobile {
    display: block;
  }

  .logo.main {
    margin-bottom: 16px;
    display: none;
  }

  .button {
    order: 1;
    width: 100%;
    margin-bottom: 16px;
  }

  .progress {
    flex: 0 auto;
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .card {
    min-width: 350px;
    max-width: none;
    height: 64vh;
    padding: 24px 33px 24px 32px;
  }

  .heading-2 {
    margin-bottom: 20px;
  }

  .auth-wrapper, .signup-wrapper {
    padding: 20px;
  }

  .all-modules {
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    width: auto;
    display: grid;
  }

  .navbar-no-shadow-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-wrapper {
    z-index: 888;
    margin-left: 20px;
    margin-right: 20px;
  }

  .nav-menu {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .module-card {
    padding: 15px 15px 14px;
  }

  .module-card-title {
    line-height: 1;
  }

  .legislatie-chapters-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .submit-next-buttons {
    font-size: 15px;
  }

  .explanation {
    width: 100%;
  }

  .question-text {
    font-size: 18px;
  }

  .option-letter {
    font-size: 1rem;
  }

  .option-card {
    grid-template-rows: auto;
    grid-template-columns: 6rem 5fr;
    font-size: 15px;
  }

  .feedback-wrapper {
    font-size: 13px;
  }

  .questions-collection-list-item {
    width: auto;
    min-width: 70%;
    max-width: 95%;
  }

  .close-btn {
    padding: 5px 8px;
  }

  .lesson-title {
    font-size: 18px;
    font-weight: 500;
  }

  .reset-chapter-btn {
    font-size: 15px;
  }

  .lottie-animation {
    width: 25vw;
  }

  .mediu-invatare-chapters-list {
    grid-template-rows: minmax(6rem, auto);
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .invatare-chapter-page-card {
    padding: 8px;
  }

  .question-image {
    width: 100%;
  }

  .timer-and-counter {
    border-radius: 5px;
    height: auto;
    padding: 3px 10px;
  }

  .question-section-exam {
    width: auto;
    min-width: 70%;
    max-width: 85%;
  }

  .all-questions, .left-questions {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
  }

  .timer {
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .correct-questions, .wrong-questions {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
  }

  .question-text-exam {
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 600;
  }

  .options-wrapper-exam {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .option-card-exam {
    grid-template-columns: 1fr 5fr;
    font-size: 15px;
  }

  .option-letter-exam {
    font-size: 1rem;
  }

  .all-questions-text {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .buttons-wrapper {
    font-size: 15px;
  }

  .simulare-chestionare-examen-chapters-list {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .content-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .main-buttons-wrapper {
    width: 100%;
  }

  .chapter-and-progress-inner {
    font-size: 13px;
  }

  .explanation-video-wrapper {
    width: 100%;
  }

  .ms-form-heading {
    font-size: 24px;
  }

  .custom-accordion-header {
    font-size: 15px;
  }

  .custom-accordion-content {
    font-size: 13px;
  }

  .legislatie-chapter-page-card, .simulare-chapter-page-card {
    padding: 8px;
  }

  .legislatie-collection-list-item {
    width: 95%;
  }

  .legislatie-buttons {
    width: 50%;
    font-size: 15px;
  }

  .next-chapter-btn, .back-btn {
    font-size: 15px;
  }

  .alert-card {
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .alert-question {
    font-size: 20px;
    line-height: 23px;
  }

  .chapter-final-buttons {
    text-align: center;
    flex-flow: column;
    font-size: 15px;
    line-height: 1.2;
  }

  .chapter-text-final {
    font-size: 22px;
  }

  .line-divider-final {
    width: 10px;
    height: 2px;
  }

  .progress-counter-final {
    font-size: 22px;
  }

  .final-results-wrapper {
    min-width: 60%;
    max-width: 90%;
  }

  .chapter-and-progress-final {
    font-size: 20px;
  }

  .reset-wrong-questions-only {
    font-size: 15px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .vertical-divider.mobile-hidden {
    display: none;
  }

  .timer-and-counter-wrapper {
    padding-top: 0;
  }

  .timer-mobile {
    background-color: var(--gray\<deleted\|variable-2dffa882\>);
    white-space: nowrap;
    border-radius: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: auto;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.3;
    display: flex;
    position: relative;
  }

  .timer-mobile-text {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .full-page-grid-list {
    grid-template-rows: auto 3.5ch 1fr auto;
  }

  .back-btn-simulation {
    background-color: var(--gray\<deleted\|variable-2dffa882\>);
    border-color: #3a3a3a59;
    border-radius: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: auto;
    padding: 3px 8px;
    display: flex;
    position: relative;
  }

  .sub-bar-elements {
    width: 100%;
    display: flex;
  }

  .hero-heading-right, .testimonial-column-light {
    padding: 60px 15px;
  }

  .testimonial-grid-two {
    grid-template-columns: 1fr;
  }

  .testimonial-info-three {
    flex-direction: row;
  }

  .title-and-description {
    border-radius: 5px;
    width: 100%;
    padding: 0;
  }

  .title-and-description.mediu-invatare {
    padding-top: 0;
  }

  .hero-wrapper-section {
    padding-bottom: 15px;
  }

  .hero-description {
    width: 90%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    display: none;
  }

  .notice-text {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .hero-section {
    grid-template-rows: auto auto auto auto;
    padding-top: 0;
  }

  .hero-title {
    font-size: 35px;
  }

  .seg {
    height: .8rem;
  }

  .div-block-39 {
    display: none;
  }

  .feature-wrapper {
    width: 100%;
  }

  .scrolling-text-section {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .icon-text-wrapper {
    grid-template-columns: minmax(5rem, max-content) auto minmax(5.5rem, max-content);
    margin-bottom: 9px;
    padding: 15px;
  }

  .modules-wrapper {
    border: 1px solid var(--dark-theme--border-color);
    border-radius: 10px;
    width: 100%;
    padding: 22px 10px;
    overflow: clip;
  }

  .grain-overlay {
    background-image: none;
  }

  .grid-over.vertical {
    background-size: 100px;
  }

  .vignnete-overlay {
    opacity: .52;
  }

  .notice-column-module {
    display: none;
  }

  .back-btn-simulation-copy {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .question-full-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .chapter-and-progress-final-screen {
    font-size: 18px;
  }

  .wbs-container {
    padding: 0 0 20px;
  }

  .wbs-footer-link {
    height: 100%;
    font-weight: 200;
    line-height: 17px;
    text-decoration: none;
  }

  .wbs-footer-link.w--current {
    text-decoration: none;
  }

  .wbs-footer-logo-big {
    height: 50px;
  }

  .wbs-footer-logo-simple.w--current {
    margin-bottom: 20px;
  }

  .wbs-footer-simple-links {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .wbs-footer-simple {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-content: stretch;
  }

  .paragraph-3.copyright {
    text-align: center;
    margin-top: 20px;
  }

  .paragraph-3.stripe {
    text-align: center;
    width: 70%;
  }

  .text-block-11 {
    display: none;
  }

  .text-block-11.mobile {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .col-1 {
    margin-right: auto;
  }

  .image-19 {
    border-radius: 10px;
    max-width: 70%;
    margin-bottom: 10px;
  }

  .wbs-section-2 {
    padding-bottom: 1rem;
    position: relative;
  }

  .wbs-alert-bar-2-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
  }

  .wbs-pricing-4-item {
    min-width: 22rem;
  }

  .wbs-accordion-icon {
    margin-left: 20px;
  }

  .submit-next-buttons-mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: auto;
    justify-content: stretch;
    place-items: stretch stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    display: none;
  }

  .mobile-block-buttons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-51 {
    width: 40ch;
    height: 1px;
    display: none;
  }

  ._w-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    width: 70%;
    display: grid;
  }

  .section-3 {
    margin-top: 0;
  }

  .wbs-container-3 {
    margin-bottom: 40px;
  }

  .wbs-heading-h4-2 {
    font-size: 24px;
  }

  .wbs-feature-split-4 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .heading-10 {
    border-radius: 8px;
    font-size: 35px;
  }

  .coloana-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: none;
  }

  .coloana-3 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .wbs-section-4 {
    padding: 1rem 0 2rem;
  }

  .wbs-according-component {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .wbs-accordion-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .coloana-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: none;
  }

  .text-block-11-copy.mobile {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .coloana-2-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .coloana-4-copy {
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .mobile-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .heading-11 {
    font-size: 35px;
  }

  .heading-12 {
    border-style: solid;
    border-color: var(--dark-theme--border-color);
    background-color: var(--dark-theme--contrast-background);
    width: 100%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 35px;
  }

  .top-btn {
    width: 3rem;
    height: 3rem;
  }

  .faq-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border: 1px solid var(--dark-theme--border-color);
    background-color: var(--dark-theme--main-color);
    border-radius: 10px;
    flex-flow: column;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-7 {
    border-style: none;
    border-radius: 0;
    width: 100%;
    padding-top: 0;
  }

  .navbar-brand-copy {
    padding-left: 0;
  }

  .navbar-brand-copy.w--current {
    width: 9rem;
  }

  .wbs-footer-logo-simple-copy {
    justify-content: center;
    align-items: center;
    width: 70%;
    margin-bottom: 20px;
    display: flex;
  }

  .wbs-footer-logo-simple-copy.w--current {
    width: 70%;
    margin-bottom: 20px;
  }

  .footer-title-1-copy {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-title-2-copy {
    margin-right: auto;
  }

  .image-60 {
    width: 70%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .col-1-copy {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
  }

  .anpc-link, .sol-link {
    width: 100%;
  }

  .heading-13 {
    font-size: 35px;
  }

  .div-block-60 {
    padding-left: 0;
    padding-right: 0;
  }

  .all-modules-bkg {
    z-index: 0;
    justify-content: center;
    align-items: center;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .hero-description-hero-main {
    width: 90%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    display: none;
  }

  .full-main-section {
    margin-bottom: 10px;
  }

  .grain-overlay-overlap {
    background-size: 128px;
  }

  .form-block {
    padding: 0;
  }

  .contact-title-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .heading-18 {
    font-size: 30px;
  }

  .text-field, .text-field-2 {
    height: 2rem;
  }

  .submit-button {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
  }

  .textarea {
    min-height: 4rem;
  }

  .field-label, .field-label-2, .field-label-3 {
    padding-bottom: 8px;
    font-size: 18px;
  }

  .faq-wrapper-contact {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .wbs-accordion-3-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-12-contact {
    width: 100%;
    font-size: 30px;
  }

  .wbs-according-component-contact {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-7-contact {
    width: 100%;
  }

  .navbar-no-shadow-container-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .email-verification-card {
    width: 80%;
    max-width: 30rem;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .email-verification-text {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.1;
  }

  .email-verification-btn-wrapper {
    margin-top: 15px;
  }

  .back-btn-verification-email {
    padding: 5px 6px;
  }

  .email-validation-card {
    width: 80%;
    max-width: 30rem;
  }

  .back-btn-validation-email {
    padding: 5px 6px;
    top: -10px;
    right: 0;
  }

  .email-validation-text {
    font-size: 20px;
  }

  .back-to-login-btn {
    margin-top: 0;
    font-size: 20px;
  }

  .email-validation-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
  }

  .reset-pass-1, .reset-pass-2 {
    height: 32px;
  }

  .field-label-4, .field-label-5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
  }

  .grain-overlay-ss, .grain-overlay-v2 {
    background-size: 128px;
  }

  .heading-13-copy {
    font-size: 30px;
  }

  .password-reset-card {
    width: 80%;
    max-width: 30rem;
  }

  .grain-overlay-v4 {
    opacity: 0;
  }

  .container-settings {
    padding-top: 0;
    padding-bottom: 0;
  }

  .settings-stack {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .all-modules-bkg-settings {
    justify-content: center;
    align-items: center;
  }

  .grain-overlay-settings {
    background-image: none;
  }

  .grain-overlay-overlap-settings {
    background-size: 128px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    height: 79%;
    overflow: auto;
  }

  .container.footer {
    border-top-style: solid;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
    position: fixed;
  }

  .col {
    text-align: center;
    width: 100%;
  }

  .col._3-col {
    flex-direction: column-reverse;
  }

  .col._3-col.last {
    width: 100%;
  }

  .col._3-col.branding {
    flex-direction: column-reverse;
    flex: none;
    order: 0;
    align-self: stretch;
    align-items: flex-start;
    width: 70%;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .col._3-col.middle {
    flex-direction: column;
    width: 70%;
  }

  .col._3-col.branding {
    flex-direction: column-reverse;
    flex: none;
    order: 0;
    align-self: stretch;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: flex;
  }

  .col._3-col.middle {
    flex-direction: row-reverse;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    width: 100%;
    display: block;
    overflow: visible;
  }

  .col._3-col.last {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .logo {
    width: 100%;
    margin-bottom: 8px;
  }

  .logo.mobile {
    display: block;
  }

  .logo.main {
    display: none;
  }

  .paragraph {
    text-align: left;
  }

  .button {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: 230px;
    display: block;
  }

  .progres-bar {
    width: 70%;
    margin-right: 4px;
  }

  .tip-control__name {
    justify-content: center;
    margin-bottom: 0;
  }

  .progress {
    justify-content: center;
    width: 100%;
    margin-bottom: 8px;
  }

  .tips-link {
    display: none;
  }

  .progres-bar-2 {
    width: 100%;
    margin-right: 8px;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .bg-circle {
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    inset: 0%;
  }

  .card {
    width: 90vw;
    min-width: 0;
    max-width: none;
    height: 55vh;
    padding: 16px 24px;
  }

  .heading-2 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1;
  }

  .card__header {
    margin-bottom: 16px;
  }

  .heading-3 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .skill-header {
    margin-bottom: 0;
  }

  .card-text {
    font-size: 14px;
  }

  .hole-container {
    margin-bottom: 24px;
  }

  .div-block-5 {
    width: auto;
    min-width: auto;
  }

  .auth-wrapper, .signup-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .all-modules {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-no-shadow-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .module-card {
    color: #fff;
    flex-flow: column;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 12px;
  }

  .module-card-title {
    font-size: 24px;
    line-height: 1;
  }

  .dropdown-list {
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
  }

  .legislatie-chapters-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    height: auto;
    min-height: 0;
  }

  .question-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .show-after-buttons {
    justify-content: center;
    display: none;
  }

  .submit-next-buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #16161600;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    padding: 10px 0;
    display: none;
  }

  .option-item {
    pointer-events: none;
  }

  .submit-btn {
    text-align: center;
    white-space: normal;
    background-image: none;
    border-radius: 8px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    line-height: 1.2rem;
    display: flex;
  }

  .submit-btn:active {
    transform: none;
  }

  .next-btn {
    border-radius: 8px;
    width: 95%;
  }

  .explanation {
    width: 100%;
  }

  .ask-ai-btn {
    white-space: normal;
    cursor: pointer;
    border-radius: 5px;
    align-self: center;
  }

  .ai-pop-wrapper {
    border-radius: 8px;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
  }

  .explanation-btn {
    white-space: normal;
    border-radius: 5px;
  }

  .explanation-card {
    background-image: none;
    border-radius: 8px;
    flex-flow: row;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    transition: transform 25ms ease-in;
    display: flex;
  }

  .explanation-card:active {
    transform: scale3d(.95, .85, 1);
  }

  .question-text {
    justify-content: space-between;
    width: 100%;
  }

  .chapter-text {
    justify-content: center;
    align-items: center;
  }

  .option-letter {
    pointer-events: none;
    margin-left: auto;
    margin-right: auto;
  }

  .option-card {
    border-radius: 3px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 4fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: grid;
    position: relative;
  }

  .feedback-wrapper {
    background-color: #7100e200;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
  }

  .chapter-and-progress {
    grid-auto-columns: 1fr;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .progress-counter {
    flex-flow: row;
    justify-content: center;
  }

  .questions-collection-wrapper {
    width: 90%;
  }

  .questions-collection-list-item {
    grid-template-rows: max-content max-content 1fr 11rem;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .close-btn {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .chapter-page-card {
    font-size: 13px;
  }

  .lottie-animation {
    width: 35vw;
  }

  .mediu-invatare-chapters-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: minmax(6rem, auto);
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: start stretch;
    height: auto;
    min-height: 0;
  }

  .invatare-chapter-page-card {
    height: 100%;
  }

  .question-image {
    border-radius: 3px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .timer-and-counter {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 3px;
    justify-content: space-between;
  }

  .question-section-exam {
    border-radius: 3px;
    width: 100%;
    max-width: none;
  }

  .timer {
    display: none;
  }

  .question-text-exam {
    margin-bottom: 15px;
  }

  .options-wrapper-exam {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 0;
  }

  .option-card-exam {
    grid-template-columns: 1fr 4fr;
  }

  .option-letter-exam, .option-item-exam {
    border-radius: 3px;
  }

  .buttons-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .answer-later-btn, .change-answer-btn {
    border-radius: 8px;
    height: 100%;
  }

  .submit-answer-btn {
    border-radius: 8px;
    height: auto;
  }

  .simulare-chestionare-examen-chapters-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto;
    min-height: 0;
  }

  .explanation-anchor {
    width: 100%;
    height: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-block-8 {
    white-space: normal;
    align-self: center;
  }

  .main-buttons-wrapper {
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
  }

  .lottie-animation-correct {
    justify-content: space-between;
    width: 100%;
    display: none;
  }

  .line-divider {
    align-self: center;
  }

  .chapter-and-progress-inner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    display: flex;
  }

  .explanation-video {
    border-radius: 8px;
  }

  .ms-button {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .ms-button.ms-is-light {
    max-width: 100vw;
  }

  .ms-input {
    font-size: 12px;
  }

  .ms-form {
    width: 100%;
    min-width: auto;
  }

  .ms-form-divider, .login-form-block {
    width: 100%;
  }

  .ms-checkbox-wrap {
    display: flex;
  }

  .ms-checkbox {
    width: 14px;
    height: 14px;
  }

  .ms-checkbox-label {
    font-size: 14px;
  }

  .fs_accordion-1_header {
    background-color: #292929;
  }

  .fs_accordion-2_component {
    width: 100%;
    margin-top: 10px;
  }

  .fs_accordion-2_header {
    background-color: #272727;
    border-radius: 5px;
  }

  .fs_accordion-2_content {
    position: relative;
    top: -5px;
  }

  .fs_accordion-2_body {
    background-color: #444;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .alert-box {
    flex-flow: column;
  }

  .select-answer-text {
    text-align: center;
    width: 12ch;
    font-size: 18px;
    line-height: 22px;
  }

  .custom-accordion {
    border-radius: 3px;
  }

  .custom-accordion-header, .custom-accordion-body {
    padding: 8px 10px;
  }

  .main-content-wrapper {
    grid-template-rows: auto auto;
  }

  .chapter-title-overlay {
    border-radius: 6px;
    font-size: 13px;
  }

  .legislatie-chapter-page-card, .simulare-chapter-page-card {
    height: 100%;
  }

  .legislatie-custom-accordion {
    border-radius: 2px;
  }

  .legislatie-buttons {
    width: 97%;
  }

  .alert-card {
    width: 80%;
  }

  .confirm-reset-chapter, .back-to-chapter-final-screen {
    justify-content: center;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 18px;
    display: flex;
  }

  .alert-question {
    text-align: center;
  }

  .chapter-final-buttons {
    width: 100%;
  }

  .chapter-text-final {
    text-align: center;
    font-size: 24px;
  }

  .line-divider-final {
    display: none;
  }

  .progress-counter-final {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
  }

  .final-results-wrapper {
    width: 85%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .lesson-content-inner {
    padding: 15px;
  }

  .question-wrapper-inner {
    border-radius: 2px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }

  .chapter-and-progress-final {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .alert-wrapper-new {
    padding-left: 20px;
    padding-right: 20px;
  }

  .alert-buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    place-items: stretch stretch;
    width: auto;
    display: grid;
  }

  .container-3 {
    max-width: none;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .vertical-divider {
    display: none;
  }

  .buttons-full-wrapper {
    border-radius: 3px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .timer-and-counter-wrapper {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0;
  }

  .mobile-buttons-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .timer-mobile {
    border-radius: 2px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .timer-mobile-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .full-page-grid-list {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .question-content-wrapper {
    padding: 15px;
  }

  .back-btn-simulation {
    border-radius: 4px;
  }

  .container-4 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .title-and-description {
    width: 100%;
  }

  .title-and-description.legislatie, .title-and-description.mediu-invatare {
    height: auto;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .title-and-description.simulare-examen {
    height: auto;
  }

  .hero-wrapper-section {
    max-width: none;
    padding: 15px 10px 12px;
  }

  .hero-wrapper-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    max-width: 95%;
  }

  .hero-description {
    text-align: center;
    width: 95%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .notice-text {
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .hero-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .hero-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px #fff;
    flex-flow: column;
    width: auto;
    font-size: 24px;
  }

  .module-card-btn {
    margin-top: 7px;
  }

  .module-btn-text {
    font-size: 14px;
  }

  .seg-track {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .seg-label {
    letter-spacing: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-size: 18px;
  }

  .seg {
    height: .6rem;
  }

  .blur-card {
    box-shadow: inset 0 0 1.9rem 5rem #000;
  }

  .div-block-41 {
    filter: none;
    box-shadow: inset 15vw .3rem 3.6rem -3.4rem #000;
  }

  .div-block-41._3 {
    filter: blur(14px);
    box-shadow: inset -13vw -.5rem 3.6rem -5.9rem #000;
  }

  .terms-link {
    font-size: 14px;
  }

  .heading-9 {
    max-width: 90%;
  }

  .signup-card, .login-card {
    width: 100%;
  }

  .scrolling-text-section {
    height: 3rem;
    margin-top: 10px;
  }

  .icon-text-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 6px;
    grid-template-columns: minmax(4.5rem, max-content) auto minmax(4.5rem, max-content);
    min-height: 3rem;
    margin-bottom: 7px;
    padding: 10px 15px;
  }

  .module-icon {
    margin-right: 10px;
  }

  .modules-wrapper {
    background-color: var(--dark-theme--main-color);
    margin-top: 10px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .circle-main {
    height: 100%;
  }

  .vignnete-overlay {
    box-shadow: none;
  }

  .blur-grid {
    box-shadow: 0 0 5rem 3.6rem #000;
  }

  .notice-column-module {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .chapter-number {
    font-size: 13px;
  }

  .back-btn-simulation-copy {
    border-radius: 4px;
  }

  .chapter-and-progress-final-screen {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .counter-label {
    font-size: 12px;
  }

  .counter-value {
    font-size: 13px;
  }

  .wbs-container {
    border-radius: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-main-obs {
    padding: 0 0 0;
  }

  .wbs-footer-link {
    text-align: left;
    line-height: 20px;
  }

  .wbs-footer-component {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .wbs-footer-logo-simple.w--current {
    margin-bottom: 0;
  }

  .wbs-footer-simple-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .wbs-footer-simple {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .paragraph-3.copyright, .paragraph-3.stripe {
    width: 100%;
  }

  .text-block-11 {
    line-height: 1.2;
    display: flex;
  }

  .text-block-11.mobile {
    font-size: 2rem;
  }

  .col-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    display: grid;
  }

  .image-17, .image-18 {
    max-width: 100%;
  }

  .image-19 {
    border-radius: 8px;
    max-width: 100%;
  }

  .wbs-section-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .wbs-alert-bar-2-wrap {
    padding-right: 30px;
  }

  .wbs-button-border {
    border-radius: 4px;
  }

  .wbs-pricing-4-wrap {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .wbs-pricing-4-price-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .wbs-pricing-4-item {
    width: auto;
    min-width: 100%;
  }

  .wbs-pricing-4-item-active {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wbs-pricing-component {
    background-color: var(--dark-theme--main-color);
    border-radius: 8px;
    padding: 12px 10px;
  }

  .wbs-heading-h4 {
    font-size: 1.7rem;
  }

  .wbs-accordion-title {
    padding-right: 20px;
  }

  .wbs-accordion-icon {
    margin-left: 10px;
  }

  .submit-next-buttons-mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    display: grid;
  }

  .mobile-block-buttons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .explanation-btn-mobile {
    white-space: normal;
    border-radius: 5px;
  }

  .ask-ai-btn-mobile {
    white-space: normal;
    cursor: pointer;
    border-radius: 5px;
    align-self: center;
  }

  .submit-btn-mobile {
    text-align: center;
    white-space: normal;
    background-image: none;
    border-radius: 8px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    line-height: 1.2rem;
    display: flex;
  }

  .submit-btn-mobile:active {
    transform: none;
  }

  .div-block-51 {
    width: 20ch;
    display: none;
  }

  ._w-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  ._w-2 {
    width: 100%;
  }

  .section-3 {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .wbs-heading-h4-2 {
    padding: 13px 10px 8px;
    font-size: 22px;
  }

  .wbs-button-black {
    padding: 8px 13px;
  }

  .wbs-section-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wbs-lead-text-2 {
    font-size: 18px;
  }

  .wbs-feature-split-3-list {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-block-55, .div-block-56, .div-block-57 {
    border-radius: 8px;
  }

  .heading-10 {
    text-align: center;
    padding: 20px 20px 15px;
  }

  .coloana-2 {
    justify-content: center;
    align-items: center;
  }

  .coloana-3 {
    width: 100%;
  }

  .wbs-section-4 {
    padding-bottom: 0;
  }

  .wbs-according-component {
    padding-left: 0;
    padding-right: 0;
  }

  .wbs-accordion-3-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wbs-accordion-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .wbs-accordion-3-title {
    padding-right: 20px;
  }

  .coloana-4 {
    justify-content: center;
    align-items: center;
  }

  .text-block-11-copy {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .text-block-11-copy.mobile {
    font-size: 2rem;
  }

  .coloana-2-copy {
    width: 100%;
    font-size: 15px;
  }

  .coloana-4-copy {
    width: 100%;
    font-size: 15px;
    display: none;
  }

  .mobile-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    font-size: 15px;
  }

  .heading-11 {
    font-size: 30px;
  }

  .heading-12 {
    width: 100%;
    padding-bottom: 12px;
  }

  .top-btn {
    width: 2.8rem;
    height: 2.8rem;
    bottom: 10px;
    right: 10px;
  }

  .paragraph-7 {
    border-radius: 8px;
    width: auto;
    font-size: 18px;
  }

  .wbs-footer-logo-simple-copy {
    width: 100%;
    margin-bottom: 10px;
  }

  .wbs-footer-logo-simple-copy.w--current {
    width: 100%;
    margin-bottom: 20px;
  }

  .text-span, .text-span-2 {
    text-align: center;
  }

  .footer-title-1-copy {
    width: auto;
    margin-left: auto;
    font-size: 18px;
  }

  .footer-title-2-copy {
    margin-left: auto;
    font-size: 18px;
  }

  .image-60 {
    width: auto;
  }

  .col-1-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: left;
    flex-flow: row;
    grid-auto-columns: 1fr;
    margin-left: auto;
    display: grid;
  }

  .logo-container {
    width: 100%;
    padding: 20px;
  }

  .anpc-link, .sol-link {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .text-span-6, .text-span-7, .text-span-8 {
    -webkit-text-stroke-width: 1px;
  }

  .heading-13 {
    font-size: 28px;
    display: none;
  }

  .heading-14, .heading-15 {
    font-size: 35px;
  }

  .full-second-tablet {
    padding-left: 0;
    padding-right: 0;
  }

  .all-modules-bkg {
    display: none;
  }

  .x-icon-dropdown {
    margin-bottom: 10px;
  }

  .navbar-no-shadow-obs {
    padding-bottom: 10px;
  }

  .navbar-no-shadow {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-description-hero-main {
    text-align: center;
    width: 95%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .full-main-section {
    scrollbar-width: none;
    border-radius: 10px;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    min-height: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow-y: auto;
  }

  .hero-wrapper-section-modules {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .full-wrapper-module {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100svh;
    min-height: 0;
    margin-bottom: 20px;
    display: flex;
    overflow: clip;
  }

  .background-module-chapters {
    border: 1px solid var(--dark-theme--border-color);
    background-color: var(--dark-theme--main-color);
    border-radius: 10px;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .chapter-title-overlay-simulation-module {
    border-radius: 6px;
    font-size: 13px;
  }

  .dropdown-menu-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-main {
    padding: 0 0 0;
  }

  .heading-16 {
    font-size: 28px;
  }

  .heading-17 {
    font-size: 20px;
  }

  .contact-form {
    padding: 20px 15px;
  }

  .form-block {
    padding: 0;
  }

  .contact-title-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-title-padding {
    margin-bottom: 10px;
  }

  .submit-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .field-label {
    padding-bottom: 5px;
  }

  .wbs-section-4-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-wrapper-contact, .wbs-accordion-3-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .title-main-one {
    padding: 15px 20px 12px;
  }

  .navbar-no-shadow-unlinked {
    padding-bottom: 10px;
  }

  .heading-12-contact {
    margin-bottom: 20px;
    padding: 15px 20px 12px;
  }

  .wbs-according-component-contact {
    padding: 20px 15px;
  }

  .paragraph-7-contact {
    border-radius: 8px;
    width: auto;
    font-size: 18px;
  }

  .navbar-no-shadow-container-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .signup-form-block {
    width: 100%;
  }

  .image-66 {
    align-self: center;
  }

  .select-answer-icon {
    align-self: center;
    width: 25px;
  }

  .email-verification-card {
    width: 100%;
  }

  .resend-verify-btn {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    padding: 8px 10px;
  }

  .check-verify-btn {
    padding: 8px 13px;
  }

  .email-text-wrapper {
    padding: 15px;
  }

  .back-btn-verification-email {
    border-radius: 4px;
  }

  .email-validation-card {
    width: 90%;
  }

  .back-btn-validation-email {
    border-radius: 4px;
  }

  .email-validation-text {
    margin-bottom: 10px;
  }

  .back-to-login-btn {
    padding: 8px 13px;
  }

  .email-validation-title {
    font-size: 25px;
  }

  .reset-pass-submit {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    padding: 8px 10px;
  }

  .form-block-2 {
    display: none;
  }

  .heading-13-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    font-size: 30px;
    line-height: 1.2;
    display: flex;
  }

  .password-reset-card {
    width: 90%;
    display: none;
  }

  .grain-overlay-v3, .title-background-v2 {
    display: none;
  }

  .email-label {
    font-size: 20px;
  }

  .file-loader {
    width: 80%;
  }

  .container-settings {
    padding-top: 0;
    padding-bottom: 0;
  }

  .settings-title {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .settings-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .profile-card, .auth-card, .preferences-card, .reset-card, .logout-card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }

  .delete-data-card {
    margin-top: 0;
  }

  .user-email, .text-status {
    font-size: 16px;
    font-weight: 400;
  }

  .user-uid {
    margin-top: 0;
  }

  .user-uid-text {
    font-size: 16px;
    font-weight: 400;
  }

  .profile-title, .auth-title, .preferences-title, .reset-title {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 800;
  }

  .disclaimer-text {
    font-size: 16px;
    font-weight: 400;
  }

  .heading-20 {
    font-size: 30px;
  }

  .all-modules-bkg-settings {
    display: none;
  }

  .option-wrapper {
    font-size: 16px;
    font-weight: 400;
  }

  .new-email-wrapper {
    font-size: 16px;
  }

  .change-email-title, .reset-password-title {
    font-size: 20px;
  }

  .reset-password-wrapper {
    margin-top: 0;
  }

  .code-embed-7 {
    font-weight: 400;
  }

  .user-uid-title {
    font-size: 20px;
  }

  .platform-title {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 800;
  }

  .version-text {
    font-size: 16px;
  }

  .version-title {
    font-size: 20px;
  }

  .disclaimer-title {
    font-size: 16px;
  }
}

#w-node-c345a947-1f67-6ee1-e61d-303772657294-8c751a09 {
  justify-self: start;
}

#w-node-_6915fb8e-6f0d-25cd-e11a-b61c843b6313-8c751a09, #w-node-_83b6fab0-ae17-081a-9ee5-cea8c21f8437-8c751a09 {
  place-self: stretch stretch;
}

#w-node-_1073bcb9-affd-57f6-a5a3-3b1ada8d10e3-8c751a09 {
  place-self: center stretch;
}

#w-node-_5cc3a5b0-a903-53e3-6983-4d71225e4848-8c751a09 {
  place-self: stretch stretch;
}

#w-node-c8966919-cae9-2384-dfbe-0861d3620dd4-8c751a09, #w-node-_75f2b1ba-c6a8-feca-346e-db575bbf99c0-8c751a09 {
  place-self: center stretch;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a3f-8c751a09 {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a4f-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a50-8c751a09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a66-8c751a09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a76-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a77-8c751a09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a92-8c751a09 {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8826b876-82e7-76f5-f1f7-70f4501b3aa2-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3aa3-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ac1-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ad7-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ad8-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3adb-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3adc-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3adf-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ae0-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ae3-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ae4-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3ae6-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3afe-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3aff-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b02-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b03-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b06-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b07-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b0a-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b0b-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b0d-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b25-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b26-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b29-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b2a-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b2d-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b2e-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b31-8c751a09, #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3b32-8c751a09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fe082679-cf5e-8b4f-6a56-26452834d2ba-8c751a09, #w-node-fe082679-cf5e-8b4f-6a56-26452834d2ca-8c751a09 {
  place-self: start stretch;
}

#w-node-fe082679-cf5e-8b4f-6a56-26452834d2d8-8c751a09, #w-node-fe082679-cf5e-8b4f-6a56-26452834d2df-8c751a09 {
  place-self: stretch stretch;
}

#w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997c5-da5997a3, #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997d5-da5997a3 {
  place-self: start stretch;
}

#w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997e3-da5997a3, #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ea-da5997a3 {
  place-self: stretch stretch;
}

#w-node-_97821f09-5371-c0ba-a407-abd5e8abf3b0-e8abf3ac {
  justify-self: start;
}

#w-node-_3148304d-53ec-78d4-5cbd-524c69915099-c1be28e7, #w-node-_7fb21277-edc8-6270-6d92-7d2cd3122ad1-c1be28e7, #w-node-_090a1e11-a15f-a4c6-1f2d-53e56da8d1b6-ecaf4dde {
  place-self: center;
}

#w-node-_8565ae9d-38b2-ac2a-db27-5f2bc57b149a-ecaf4dde {
  align-self: center;
}

#w-node-abc13376-4b0b-a791-2e8f-f3305cd64ea8-ecaf4dde {
  place-self: center;
}

#w-node-_82689bc3-a4bc-5077-7da7-675688eb2ef9-ecaf4dde {
  align-self: center;
}

#w-node-_74002e01-9061-7af7-37b0-b90d367c8d10-ecaf4dde {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8032d1e-5928-17a2-5240-90625f30317e-ecaf4dde {
  place-self: stretch stretch;
}

#w-node-de82c554-8463-4ed1-3ec3-7a6d1a0bc2f4-ecaf4dde, #w-node-_48c209db-dbaa-a7d5-ca00-389ed8d682f5-ecaf4dde {
  align-self: center;
}

#w-node-a10feb8c-616c-633b-f2ab-bc71c588a218-ecaf4dde {
  place-self: center;
}

#w-node-a10feb8c-616c-633b-f2ab-bc71c588a21c-ecaf4dde {
  align-self: center;
}

#w-node-a10feb8c-616c-633b-f2ab-bc71c588a21e-ecaf4dde {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a10feb8c-616c-633b-f2ab-bc71c588a224-ecaf4dde, #w-node-a10feb8c-616c-633b-f2ab-bc71c588a22c-ecaf4dde {
  align-self: center;
}

#w-node-_76502d9d-8382-8602-9554-6691d101e3b3-ecaf4dde {
  align-self: end;
}

#w-node-c5a168a8-3a7e-34f9-ed19-52ebda53c9b4-ecaf4dde, #w-node-a10a2dc7-2a4f-7157-3b7e-154b490f75da-ecaf4dde, #w-node-_69719e6c-48f8-5f84-498f-fafa22dd1b64-ecaf4dde, #w-node-_87178f56-9cf5-3977-4e2d-e8a5c393e5b6-ecaf4dde, #w-node-_87178f56-9cf5-3977-4e2d-e8a5c393e5ba-ecaf4dde, #w-node-_87178f56-9cf5-3977-4e2d-e8a5c393e5b8-ecaf4dde {
  align-self: stretch;
}

#w-node-_806bce1a-e8c3-b4aa-cf28-e361eaa47b05-e8863ebf {
  place-self: center;
}

#w-node-_79be91a4-a75c-64a5-f3e1-c9b79b846b1f-e8863ebf {
  place-self: center start;
}

#w-node-_7eaf5041-681e-0738-fde1-1192a598b491-e8863ebf {
  place-self: center;
}

#w-node-be4b3b30-50f4-c6ca-eb37-1c0628d147fb-e8863ebf {
  place-self: center start;
}

#w-node-f12eb810-7f94-e192-d1b3-4713848bdf48-e8863ebf {
  place-self: center;
}

#w-node-_65cbbda4-b77a-cf14-f815-eb39691d2ecb-a556cc81 {
  justify-self: start;
}

#w-node-bfcacd9e-0973-b9d9-9050-8c11f531a792-a556cc81, #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7a2-a556cc81 {
  place-self: start stretch;
}

#w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7b0-a556cc81, #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7b7-a556cc81, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829a7-bcedc068, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ab-bcedc068 {
  place-self: stretch stretch;
}

#w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829c5-bcedc068, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829d5-bcedc068 {
  place-self: start stretch;
}

#w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829e3-bcedc068, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ea-bcedc068, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cede-19f003e5, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cee2-19f003e5 {
  place-self: stretch stretch;
}

#w-node-ecc6ea05-152b-9f22-9e39-43b39935cefc-19f003e5, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf0c-19f003e5 {
  place-self: start stretch;
}

#w-node-ecc6ea05-152b-9f22-9e39-43b39935cf1a-19f003e5, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf21-19f003e5, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe80b-430c99de, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe80f-430c99de {
  place-self: stretch stretch;
}

#w-node-fa2e33a2-0002-2580-8591-1fc57dcbe829-430c99de, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe839-430c99de {
  place-self: start stretch;
}

#w-node-fa2e33a2-0002-2580-8591-1fc57dcbe847-430c99de, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe84e-430c99de {
  place-self: stretch stretch;
}

#w-node-_9753906a-8a28-3cd3-274a-1fe82d388827-a3bd4232 {
  justify-self: start;
}

#w-node-e996822e-da4c-716c-9cca-c9157a5edff6-a3bd4232, #w-node-e996822e-da4c-716c-9cca-c9157a5ee006-a3bd4232 {
  place-self: start stretch;
}

#w-node-e996822e-da4c-716c-9cca-c9157a5ee014-a3bd4232, #w-node-e996822e-da4c-716c-9cca-c9157a5ee01b-a3bd4232 {
  place-self: stretch stretch;
}

@media screen and (max-width: 991px) {
  #w-node-c345a947-1f67-6ee1-e61d-303772657294-8c751a09 {
    justify-self: start;
  }

  #w-node-_49376c4b-c00a-97ca-d1da-3e98d2b156bd-8c751a09 {
    place-self: center;
  }

  #w-node-c345a947-1f67-6ee1-e61d-30377265729a-8c751a09 {
    justify-self: end;
  }

  #w-node-c345a947-1f67-6ee1-e61d-3037726572a5-8c751a09 {
    align-self: center;
  }

  #w-node-c345a947-1f67-6ee1-e61d-3037726572d5-8c751a09 {
    order: 9999;
    place-self: center end;
  }

  #w-node-_8826b876-82e7-76f5-f1f7-70f4501b3a69-8c751a09 {
    order: -9999;
  }

  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2d8-8c751a09, #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997e3-da5997a3 {
    order: 9999;
  }

  #w-node-_97821f09-5371-c0ba-a407-abd5e8abf3b0-e8abf3ac {
    justify-self: start;
  }

  #w-node-_97821f09-5371-c0ba-a407-abd5e8abf3b6-e8abf3ac {
    justify-self: end;
  }

  #w-node-_97821f09-5371-c0ba-a407-abd5e8abf3c1-e8abf3ac {
    align-self: center;
  }

  #w-node-_97821f09-5371-c0ba-a407-abd5e8abf3f1-e8abf3ac {
    order: 9999;
    place-self: center end;
  }

  #w-node-f12eb810-7f94-e192-d1b3-4713848bdf48-e8863ebf {
    order: -9999;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2ecb-a556cc81 {
    justify-self: start;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2ecd-a556cc81 {
    place-self: center;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2ed2-a556cc81 {
    justify-self: end;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2edd-a556cc81 {
    align-self: center;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2f0d-a556cc81 {
    order: 9999;
    place-self: center end;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7b0-a556cc81, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829e3-bcedc068, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf1a-19f003e5, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe847-430c99de {
    order: 9999;
  }

  #w-node-_9753906a-8a28-3cd3-274a-1fe82d388827-a3bd4232 {
    justify-self: start;
  }

  #w-node-_9753906a-8a28-3cd3-274a-1fe82d38882e-a3bd4232 {
    justify-self: end;
  }

  #w-node-_9753906a-8a28-3cd3-274a-1fe82d388839-a3bd4232 {
    align-self: center;
  }

  #w-node-_9753906a-8a28-3cd3-274a-1fe82d388869-a3bd4232 {
    order: 9999;
    place-self: center end;
  }

  #w-node-e996822e-da4c-716c-9cca-c9157a5ee014-a3bd4232 {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c345a947-1f67-6ee1-e61d-30377265729a-8c751a09 {
    justify-self: stretch;
  }

  #w-node-_60c2c543-ff5c-c714-b333-2463249c8232-8c751a09 {
    place-self: stretch stretch;
  }

  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2d8-8c751a09 {
    order: -9999;
  }

  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2df-8c751a09 {
    order: 9999;
  }

  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2e2-8c751a09 {
    place-self: center end;
  }

  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2e4-8c751a09 {
    place-self: center start;
  }

  #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997e3-da5997a3 {
    order: -9999;
  }

  #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ea-da5997a3 {
    order: 9999;
  }

  #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ed-da5997a3 {
    place-self: center end;
  }

  #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ef-da5997a3 {
    place-self: center start;
  }

  #w-node-_97821f09-5371-c0ba-a407-abd5e8abf3b6-e8abf3ac {
    justify-self: stretch;
  }

  #w-node-_79be91a4-a75c-64a5-f3e1-c9b79b846b1f-e8863ebf {
    align-self: stretch;
  }

  #w-node-_65cbbda4-b77a-cf14-f815-eb39691d2ed2-a556cc81 {
    justify-self: stretch;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7b0-a556cc81 {
    order: -9999;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7b7-a556cc81 {
    order: 9999;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7ba-a556cc81 {
    place-self: center end;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7bc-a556cc81 {
    place-self: center start;
  }

  #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829a7-bcedc068 {
    order: 9999;
  }

  #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829e3-bcedc068 {
    order: -9999;
  }

  #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ea-bcedc068 {
    order: 9999;
  }

  #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ed-bcedc068 {
    place-self: center end;
  }

  #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ef-bcedc068 {
    place-self: center start;
  }

  #w-node-ecc6ea05-152b-9f22-9e39-43b39935cede-19f003e5 {
    order: 9999;
  }

  #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf1a-19f003e5 {
    order: -9999;
  }

  #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf21-19f003e5 {
    order: 9999;
  }

  #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf24-19f003e5 {
    place-self: center end;
  }

  #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf26-19f003e5 {
    place-self: center start;
  }

  #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe80b-430c99de {
    order: 9999;
  }

  #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe847-430c99de {
    order: -9999;
  }

  #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe84e-430c99de {
    order: 9999;
  }

  #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe851-430c99de {
    place-self: center end;
  }

  #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe853-430c99de {
    place-self: center start;
  }

  #w-node-_9753906a-8a28-3cd3-274a-1fe82d38882e-a3bd4232 {
    justify-self: stretch;
  }

  #w-node-e996822e-da4c-716c-9cca-c9157a5ee014-a3bd4232 {
    order: -9999;
  }

  #w-node-e996822e-da4c-716c-9cca-c9157a5ee01b-a3bd4232 {
    order: 9999;
  }

  #w-node-e996822e-da4c-716c-9cca-c9157a5ee01e-a3bd4232 {
    place-self: center end;
  }

  #w-node-e996822e-da4c-716c-9cca-c9157a5ee020-a3bd4232 {
    place-self: center start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fe082679-cf5e-8b4f-6a56-26452834d2e2-8c751a09, #w-node-fe082679-cf5e-8b4f-6a56-26452834d2e4-8c751a09, #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ed-da5997a3, #w-node-_23cd0250-a3ff-e96e-49e3-91c4da5997ef-da5997a3 {
    justify-self: center;
  }

  #w-node-a10a2dc7-2a4f-7157-3b7e-154b490f75da-ecaf4dde, #w-node-_87178f56-9cf5-3977-4e2d-e8a5c393e5b8-ecaf4dde {
    place-self: center;
  }

  #w-node-_2bd8d36a-5375-d836-2bf0-026313c3021e-e8863ebf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7ba-a556cc81, #w-node-bfcacd9e-0973-b9d9-9050-8c11f531a7bc-a556cc81, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ed-bcedc068, #w-node-_8c1787cb-0954-1ee4-c6b8-35987e4829ef-bcedc068, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf24-19f003e5, #w-node-ecc6ea05-152b-9f22-9e39-43b39935cf26-19f003e5, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe851-430c99de, #w-node-fa2e33a2-0002-2580-8591-1fc57dcbe853-430c99de, #w-node-e996822e-da4c-716c-9cca-c9157a5ee01e-a3bd4232, #w-node-e996822e-da4c-716c-9cca-c9157a5ee020-a3bd4232 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Gismo Trial Variablevf Bf 64 Af 621 B 61043';
  src: url('../fonts/Gismo-Trial-VariableVF-BF64af621b61043.woff') format('woff');
  font-weight: 50 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Round Bf 64 Af 621 Bad 41 B';
  src: url('../fonts/Gismo-Trial-Round-BF64af621bad41b.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semiround Bf 64 Af 621 Bbdb 8 B';
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af621bbdb8b.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Rectangular Bf 64 Af 621 Ba 68 Ca';
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af621ba68ca.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semirectangular Bf 64 Af 621 Bb 7 A 4 E';
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af621bb7a4e.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand Variable';
  src: url('../fonts/Quicksand-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/Quicksand-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 11 C 9 Ea 8';
  src: url('../fonts/TTArtnikDemo-Medium-BF68d21a11c9ea8.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 11 Bf 548';
  src: url('../fonts/TTArtnikDemo-SemiBold-BF68d21a11bf548.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 123096 C';
  src: url('../fonts/TTArtnikDemo-Bold-BF68d21a123096c.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Globet Ffp Bf 68 D 12053 A 2 Ab 7';
  src: url('../fonts/Globet-Regular-FFP.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 1247179';
  src: url('../fonts/TTArtnikDemo-Thin-BF68d21a1247179.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 11 F 0 F 27';
  src: url('../fonts/TTArtnikDemo-ExtraLight-BF68d21a11f0f27.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Riking';
  src: url('../fonts/Riking.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 123 Ba 5 A';
  src: url('../fonts/TTArtnikDemo-Light-BF68d21a123ba5a.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Globet Ffp Bf 68 D 120538 Ca 5 D';
  src: url('../fonts/Globet-Bold-FFP.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 11 Df 0 Cf';
  src: url('../fonts/TTArtnikDemo-ExtraBold-BF68d21a11df0cf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ttartnikdemo Bf 68 D 21 A 11 A 5 F 71';
  src: url('../fonts/TTArtnikDemo-Regular-BF68d21a11a5f71.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Globet Ffp';
  src: url('../fonts/Globet-Bold-FFP.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Globet Ffp';
  src: url('../fonts/Globet-Regular-FFP.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Variablevf Bf 64 Af 621 D 517 A 3';
  src: url('../fonts/Gismo-Trial-VariableVF-BF64af621d517a3.ttf') format('truetype');
  font-weight: 50 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semirectangular Bf 64 Af 622119 Ebc';
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af622119ebc.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semiround Bf 64 Af 6221 C 7679';
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af6221c7679.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Rectangular Bf 64 Af 622194 E 71';
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af622194e71.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Round Bf 64 Af 6220 F 00 D 1';
  src: url('../fonts/Gismo-Trial-Round-BF64af6220f00d1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Octosquares Trial Condensed';
  src: url('../fonts/TT-Octosquares-Trial-Condensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Octosquares Trial Condensed';
  src: url('../fonts/TT-Octosquares-Trial-Condensed-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Octosquares Trial Compressed';
  src: url('../fonts/TT-Octosquares-Trial-Compressed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Octosquares Trial Compressed';
  src: url('../fonts/TT-Octosquares-Trial-Compressed-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titanone';
  src: url('../fonts/TitanOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Imperialone';
  src: url('../fonts/ImperialOne.ttf') format('truetype'), url('../fonts/ImperialOne.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Bold.otf') format('opentype'), url('../fonts/Archivo-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-ExtraBoldItalic.otf') format('opentype'), url('../fonts/Archivo-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Chypre Norreg';
  src: url('../fonts/Chypre-NorReg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Binariadisplayoutline';
  src: url('../fonts/BinariaDisplayOutline.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Binariadisplayinline';
  src: url('../fonts/BinariaDisplayInline.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Blockat Demo Bf 68 D 23 D 001 Fe 1 C';
  src: url('../fonts/Blockat-DEMO-BF68d23d001fe1c.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mazzardsoftm';
  src: url('../fonts/MazzardSoftM-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Binariadisplaystencil';
  src: url('../fonts/BinariaDisplayStencil.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Csasthondrawn Demo Bf 68 D 8 D 3 E 6 Aaa 73';
  src: url('../fonts/CSAsthonDrawn-Regular_demo-BF68d8d3e6aaa73.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Portogue Bf 68 D 26 B 58 A 173 B';
  src: url('../fonts/Portogue-BF68d26b58a173b.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ostentdemo';
  src: url('../fonts/OstentDemo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Binariadisplaysolid';
  src: url('../fonts/BinariaDisplaySolid.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mazzardsoftm';
  src: url('../fonts/MazzardSoftM-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semirectangular Bf 64 Af 6214 De 0 Cc';
  src: url('../fonts/Gismo-Trial-SemiRectangular-BF64af6214de0cc.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Semiround Bf 64 Af 6214 Dcde 5';
  src: url('../fonts/Gismo-Trial-SemiRound-BF64af6214dcde5.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Rectangular Bf 64 Af 6214815 Ad';
  src: url('../fonts/Gismo-Trial-Rectangular-BF64af6214815ad.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Trial Round Bf 64 Af 6214 Dd 17 B';
  src: url('../fonts/Gismo-Trial-Round-BF64af6214dd17b.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial Book';
  src: url('../fonts/nexaround-trial-book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-bold.otf') format('opentype'), url('../fonts/nexaround-trial-extrabold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-black.otf') format('opentype'), url('../fonts/nexaround-trial-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial';
  src: url('../fonts/nexaround-trial-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial Ultra';
  src: url('../fonts/nexaround-trial-ultra.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexaround Trial Glow';
  src: url('../fonts/nexaround-trial-glow.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Objectivity';
  src: url('../fonts/Objectivity-Bold.otf') format('opentype'), url('../fonts/Objectivity-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Objectivity';
  src: url('../fonts/Objectivity-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hhhhhhhgismo Trial Semirectangular';
  src: url('../fonts/hhhhhhhGismo-Trial-SemiRectangular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aaaaagismo Trial Semirectangular';
  src: url('../fonts/aaaaaGismo-Trial-SemiRectangular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ooogismo Trial Semirectangular';
  src: url('../fonts/oooGismo-Trial-SemiRectangular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gismo Yyy Semirectangular';
  src: url('../fonts/Gismo-YYY-SemiRectangular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}