@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .markdown-body p, .rich-text p {
    @apply mb-4;
  }
  .markdown-body hr, .rich-text hr {
    @apply mb-4;
  }
  .markdown-body h1, .rich-text h1 {
    @apply text-2xl mb-4;
  }
  .markdown-body h2, .rich-text h2 {
    @apply text-xl mb-4;
  }
  .markdown-body h3, .rich-text h3 {
    @apply text-lg mb-4;
  }
  .markdown-body h4, .rich-text h4 {
    @apply text-base mb-4;
  }
  .markdown-body h5, .rich-text h5 {
    @apply text-sm mb-4;
  }
  .markdown-body h6, .rich-text h6 {
    @apply text-xs mb-4;
  }
  .markdown-body ol {
    @apply list-decimal ps-4 mb-4;
  }
  .markdown-body ul, .rich-text ul {
    @apply list-disc ps-4 mb-4;
  }
  .markdown-body blockquote, .rich-text blockquote {
    @apply px-4 text-grayscale-6 border-l-4 border-grayscale-8;
  }
  .markdown-body a, .rich-text a {
    @apply text-primary-1 cursor-pointer;
  }
  .markdown-body a:hover, .rich-text a:hover {
    @apply underline;
  }
  .markdown-body code, .rich-text code {
    @apply bg-grayscale-8 rounded-md text-sm inline-block px-1 py-[1px];
  }
  .markdown-body pre, .rich-text pre {
    @apply bg-grayscale-8 rounded-md px-2 py-1.5 mb-4;
  }
  .markdown-body .footnotes {
    @apply text-sm;
  }
  .rich-text ol {
    @apply list-decimal ps-4;
    counter-reset: item;
  }
  .rich-text ol > li {
    display: block
  }
  .rich-text ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
  }

  .responsive-container {
    @apply max-w-6xl flex mx-auto;
  }

  .primary-dark-button {
    @apply rounded-lg font-semibold text-white text-center bg-grayscale-2;
  }

  .heading-3 {
    @apply text-3xl font-bold leading-9;
  }

  .heading-5 {
    @apply text-xl font-bold leading-7;
  }

  .text-hero-0 {
    font-size: 96px; /* 8xl */
    font-weight: 600;
  }

  .text-hero-1 {
    font-size: 60px; /* 6xl */
    font-weight: 600;
  }

  .text-hero-2 {
    font-size: 48px; /* 5xl */
    font-weight: 600;
  }

  .text-hero-3 {
    font-size: 36px; /* 4xl */
    font-weight: 600;
  }

  .text-hero-4 {
    font-size: 24px;
    font-weight: 600;
  }

  .text-hero-5 {
    font-size: 20px;
    font-weight: 600;
  }
}

@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  src: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/assets/Gilroy-Bold-c688eab27ce7f77adeb9b2f1c9d795971289ca61b464e31d279f038868272525.ttf);
}

@font-face {
  font-family: "Gilroy";
  font-weight: 600;
  src: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/assets/Gilroy-Semibold-2d0e1b3a7d1632f07ab86c466499e04b905fe0305dbba36704fe15a095f4a0b0.ttf);
}

@font-face {
  font-family: "Gilroy";
  font-weight: 400;
  src: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/assets/Gilroy-Regular-74de466fc22b575df249795f96b9a5bbfed2366610a116f69013f5b46d20c30c.ttf);
}

.field_with_errors {
  @apply contents;
}

div.field_with_errors > .error {
  @apply text-red-1;
}

div.field_with_errors + .markdown-mark {
  @apply border-red-1;
}

div.field_with_errors > :is(input, textarea, select) {
  @apply border-red-1;
}

.codeflask {
  z-index: 0;
}
pre code {
  width: 100%;
  overflow-y: scroll;
}
.multiselect__container {
  padding-left: 0.5rem;
  padding-right: 2rem;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.86128 5.52876C3.12163 5.26841 3.54374 5.26841 3.80409 5.52876L7.99935 9.72402L12.1946 5.52876C12.455 5.26841 12.8771 5.26841 13.1374 5.52876C13.3978 5.78911 13.3978 6.21122 13.1374 6.47157L8.47075 11.1382C8.2104 11.3986 7.78829 11.3986 7.52794 11.1382L2.86128 6.47157C2.60093 6.21122 2.60093 5.78911 2.86128 5.52876Z" fill="%23777777"/></svg>') no-repeat right #fff;
  background-color: transparent;
  background-position: calc(100% - 0.75rem) 50%;
  border-radius: 0.375rem;
  appearance: none;
  border: 1px solid rgb(209 213 219);
  font-size: 0.875rem;
  cursor: pointer;
}

.multiselect__no-result {
  color: rgb(112 112 112);
  padding: 0.75rem;
  font-size: 0.875rem;
}

.multiselect__addable-button {
  padding: 0.5rem;
  text-decoration-line: underline;
  color: rgb(55 61 63);
  cursor: pointer;
}

.multiselect__addable-button:hover {
  color: rgb(29 115 186);
}

.multiselect__container:focus-within {
  border-color: rgb(44 141 222);
  --tw-shadow:  0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored:  0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.multiselect__container--disabled {
  background-color: rgb(240 240 240);
  cursor: not-allowed;
}

.multiselect__container:hover {
  --tw-shadow:  0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored:  0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.multiselect__hidden {
  display: none;
}

.multiselect__preview {
  width: -webkit-fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  gap: 0.5rem;
  font-size: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.multiselect__preview:empty {
  margin-top: 0;
  margin-bottom: 0;
}

.multiselect__pill {
  max-width: fill-available;
  font-size: 0.875rem;
  padding-left: 0.5rem;
  background-color: #F5F5F5;
  border-radius: 0.25rem;
  display: flex;
}

.multiselect__pill-delete {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  align-items: center;
  display: flex;
  margin-left: 0.25rem;
}

.multiselect__pill-delete:hover {
  background-color: rgb(254 178 178);
}

.multiselect__pill:hover svg{
  fill: rgb(246, 71, 71);
}

.multiselect__pill-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.multiselect__input-container {
  display: flex;
}

.multiselect__focused {
  background-color: #f4fbff;
}

.multiselect__placeholder {
  color: rgb(174 174 174);
  font-style: italic;
  padding-left: 0.25rem;
  opacity: 1;
}

.multiselect__addable {
  text-decoration-line: underline;
  color: rgb(112 112 112);
  text-align: center;
}

.multiselect__addable:hover {
  color: rgb(55 61 63);
}

.multiselect__search {
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: transparent;
  font-size: 0.875rem;
  padding: 0rem 0.25rem !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.multiselect__search:focus {
  margin-bottom: 0.5rem;
}

.multiselect__search:focus::placeholder {
  font-style: normal;
  color: #6B7280;
}

.multiselect__search:disabled {
  background-color: rgb(240 240 240);
  cursor: not-allowed;
}

.multiselect__search::placeholder {
  font-style: normal;
  opacity: 1;
  color: #6B7280;
}

.multiselect__list {
  max-height: 400px;
  overflow-y: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.multiselect__list li {
  display: block;
  align-items: center;
  font-size: 0.875rem;
  color: rgb(112 112 112);
  border-top-width: 1;
}


.multiselect__list li:first {
  border-top-width: 0;
}

.multiselect__list li:hover {
  background-color: rgb(244 251 255);
}

.multiselect__list li label {
  padding: 0.75rem;
  align-items: center;
  cursor: pointer;
  display: flex;
}

.multiselect__list li:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.multiselect__list li:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.multiselect__list li input {
  margin-right: 0.75rem;
}

.multiselect__dropdown {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: rgb(255 255 255);
  border: 1px solid rgb(218 218 218);
  width: 100%;
  border-radius: 0.25rem;
  display: none;
  margin-top: 0.5rem;
  z-index: 50;
  position: absolute;
}

.multiselect__dropdown--open {
  display: block;
}

.pagy-nav {
  display: flex;
  margin: auto;
}

.pagy-nav .page.prev {
  border-left: 1px solid #D1D5DB;
}

.pagy-nav .page {
  display: block;
  text-decoration: none;
  background-color: #fff;
  color: inherit;
  border-top: 1px solid #D1D5DB;
  border-bottom: 1px solid #D1D5DB;
  border-right: 1px solid #D1D5DB;
  align-items: center;
  display: flex;
  cursor: pointer;
}

.pagy-nav .page a, .pagy-nav .page.active, .pagy-nav .page.disabled {
  padding: 8px 20px;
}

.pagy-nav .page:hover {
  background-color: rgb(209 213 219);
}

.pagy-nav .page.active {
  cursor: default;
  background-color: #E1EFFE;
  color: rgba(26, 86, 219, 1);
}

.pagy-nav .page.disabled {
  cursor: default;
  background-color: rgb(243 244 246);
  color: rgb(209 213 219);
}

.pagy-nav .pagy-combo-input, .pagy-nav.pagy-items-selector-js {
  white-space: nowrap;
  display: inline-block;
  background-color: rgb(229 231 235);
  border: 1px solid #D1D5DB;
}

.pagy-nav .pagy-combo-input input, .pagy-nav.pagy-items-selector-js input {
  line-height: 1.5rem;
  border-radius: 0.375rem;
  background-color: rgb(243 244 246);
  border: 1px solid #D1D5DB;
}
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-numbers+show-language+toolbar */
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;bottom:0;right:0;}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#9badb7;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
.codeflask{color:#4f559c}.codeflask .token.punctuation{color:#4a4a4a}.codeflask .token.attr-value,.codeflask .token.boolean,.codeflask .token.function,.codeflask .token.keyword,.codeflask .token.number,.codeflask .token.property,.codeflask .token.selector,.codeflask .token.tag{color:#8500ff}.codeflask .token.operator{color:#ff5598}.codeflask .token.string{color:#41ad8f}.codeflask .token.comment{color:#9badb7}
  .flag { 
    display: inline-block; 
    background-repeat: no-repeat;
  }

  .flag.flag-32 { 
      display: inline-block; 
      width: 32px;
      height: 32px;
      background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/sprite-flags-32x32.png); 
      background-repeat: no-repeat;
   }
.flag.flag-32.flag-abkhazia { background-position: -0px -0px; }
.flag.flag-32.flag-basque-country { background-position: -32px -0px; }
.flag.flag-32.flag-british-antarctic-territory { background-position: -64px -0px; }
.flag.flag-32.flag-commonwealth { background-position: -96px -0px; }
.flag.flag-32.flag-england { background-position: -128px -0px; }
.flag.flag-32.flag-gosquared { background-position: -160px -0px; }
.flag.flag-32.flag-xk { background-position: -192px -0px; }
.flag.flag-32.flag-mars { background-position: -224px -0px; }
.flag.flag-32.flag-nagorno-karabakh { background-position: -256px -0px; }
.flag.flag-32.flag-nato { background-position: -288px -0px; }
.flag.flag-32.flag-northern-cyprus { background-position: -320px -0px; }
.flag.flag-32.flag-olympics { background-position: -352px -0px; }
.flag.flag-32.flag-red-cross { background-position: -384px -0px; }
.flag.flag-32.flag-scotland { background-position: -416px -0px; }
.flag.flag-32.flag-somaliland { background-position: -448px -0px; }
.flag.flag-32.flag-south-ossetia { background-position: -480px -0px; }
.flag.flag-32.flag-united-nations { background-position: -512px -0px; }
.flag.flag-32.flag-unknown { background-position: -0px -32px; }
.flag.flag-32.flag-wales { background-position: -32px -32px; }
.flag.flag-32.flag-ad { background-position: -64px -32px; }
.flag.flag-32.flag-ae { background-position: -96px -32px; }
.flag.flag-32.flag-af { background-position: -128px -32px; }
.flag.flag-32.flag-ag { background-position: -160px -32px; }
.flag.flag-32.flag-ai { background-position: -192px -32px; }
.flag.flag-32.flag-al { background-position: -224px -32px; }
.flag.flag-32.flag-am { background-position: -256px -32px; }
.flag.flag-32.flag-an { background-position: -288px -32px; }
.flag.flag-32.flag-ao { background-position: -320px -32px; }
.flag.flag-32.flag-aq { background-position: -352px -32px; }
.flag.flag-32.flag-ar { background-position: -384px -32px; }
.flag.flag-32.flag-as { background-position: -416px -32px; }
.flag.flag-32.flag-at { background-position: -448px -32px; }
.flag.flag-32.flag-au { background-position: -480px -32px; }
.flag.flag-32.flag-aw { background-position: -512px -32px; }
.flag.flag-32.flag-ax { background-position: -0px -64px; }
.flag.flag-32.flag-az { background-position: -32px -64px; }
.flag.flag-32.flag-ba { background-position: -64px -64px; }
.flag.flag-32.flag-bb { background-position: -96px -64px; }
.flag.flag-32.flag-bd { background-position: -128px -64px; }
.flag.flag-32.flag-be { background-position: -160px -64px; }
.flag.flag-32.flag-bf { background-position: -192px -64px; }
.flag.flag-32.flag-bg { background-position: -224px -64px; }
.flag.flag-32.flag-bh { background-position: -256px -64px; }
.flag.flag-32.flag-bi { background-position: -288px -64px; }
.flag.flag-32.flag-bj { background-position: -320px -64px; }
.flag.flag-32.flag-bl { background-position: -352px -64px; }
.flag.flag-32.flag-bm { background-position: -384px -64px; }
.flag.flag-32.flag-bn { background-position: -416px -64px; }
.flag.flag-32.flag-bo { background-position: -448px -64px; }
.flag.flag-32.flag-br { background-position: -480px -64px; }
.flag.flag-32.flag-bs { background-position: -512px -64px; }
.flag.flag-32.flag-bt { background-position: -0px -96px; }
.flag.flag-32.flag-bw { background-position: -32px -96px; }
.flag.flag-32.flag-by { background-position: -64px -96px; }
.flag.flag-32.flag-bz { background-position: -96px -96px; }
.flag.flag-32.flag-ca { background-position: -128px -96px; }
.flag.flag-32.flag-cc { background-position: -160px -96px; }
.flag.flag-32.flag-cd { background-position: -192px -96px; }
.flag.flag-32.flag-cf { background-position: -224px -96px; }
.flag.flag-32.flag-cg { background-position: -256px -96px; }
.flag.flag-32.flag-ch { background-position: -288px -96px; }
.flag.flag-32.flag-ci { background-position: -320px -96px; }
.flag.flag-32.flag-ck { background-position: -352px -96px; }
.flag.flag-32.flag-cl { background-position: -384px -96px; }
.flag.flag-32.flag-cm { background-position: -416px -96px; }
.flag.flag-32.flag-cn { background-position: -448px -96px; }
.flag.flag-32.flag-co { background-position: -480px -96px; }
.flag.flag-32.flag-cr { background-position: -512px -96px; }
.flag.flag-32.flag-cu { background-position: -0px -128px; }
.flag.flag-32.flag-cv { background-position: -32px -128px; }
.flag.flag-32.flag-cw { background-position: -64px -128px; }
.flag.flag-32.flag-cx { background-position: -96px -128px; }
.flag.flag-32.flag-cy { background-position: -128px -128px; }
.flag.flag-32.flag-cz { background-position: -160px -128px; }
.flag.flag-32.flag-de { background-position: -192px -128px; }
.flag.flag-32.flag-dj { background-position: -224px -128px; }
.flag.flag-32.flag-dk { background-position: -256px -128px; }
.flag.flag-32.flag-dm { background-position: -288px -128px; }
.flag.flag-32.flag-do { background-position: -320px -128px; }
.flag.flag-32.flag-dz { background-position: -352px -128px; }
.flag.flag-32.flag-ec { background-position: -384px -128px; }
.flag.flag-32.flag-ee { background-position: -416px -128px; }
.flag.flag-32.flag-eg { background-position: -448px -128px; }
.flag.flag-32.flag-eh { background-position: -480px -128px; }
.flag.flag-32.flag-er { background-position: -512px -128px; }
.flag.flag-32.flag-es { background-position: -0px -160px; }
.flag.flag-32.flag-et { background-position: -32px -160px; }
.flag.flag-32.flag-eu { background-position: -64px -160px; }
.flag.flag-32.flag-fi { background-position: -96px -160px; }
.flag.flag-32.flag-fj { background-position: -128px -160px; }
.flag.flag-32.flag-fk { background-position: -160px -160px; }
.flag.flag-32.flag-fm { background-position: -192px -160px; }
.flag.flag-32.flag-fo { background-position: -224px -160px; }
.flag.flag-32.flag-fr { background-position: -256px -160px; }
.flag.flag-32.flag-ga { background-position: -288px -160px; }
.flag.flag-32.flag-gb { background-position: -320px -160px; }
.flag.flag-32.flag-gd { background-position: -352px -160px; }
.flag.flag-32.flag-ge { background-position: -384px -160px; }
.flag.flag-32.flag-gg { background-position: -416px -160px; }
.flag.flag-32.flag-gh { background-position: -448px -160px; }
.flag.flag-32.flag-gi { background-position: -480px -160px; }
.flag.flag-32.flag-gl { background-position: -512px -160px; }
.flag.flag-32.flag-gm { background-position: -0px -192px; }
.flag.flag-32.flag-gn { background-position: -32px -192px; }
.flag.flag-32.flag-gq { background-position: -64px -192px; }
.flag.flag-32.flag-gr { background-position: -96px -192px; }
.flag.flag-32.flag-gs { background-position: -128px -192px; }
.flag.flag-32.flag-gt { background-position: -160px -192px; }
.flag.flag-32.flag-gu { background-position: -192px -192px; }
.flag.flag-32.flag-gw { background-position: -224px -192px; }
.flag.flag-32.flag-gy { background-position: -256px -192px; }
.flag.flag-32.flag-hk { background-position: -288px -192px; }
.flag.flag-32.flag-hn { background-position: -320px -192px; }
.flag.flag-32.flag-hr { background-position: -352px -192px; }
.flag.flag-32.flag-ht { background-position: -384px -192px; }
.flag.flag-32.flag-hu { background-position: -416px -192px; }
.flag.flag-32.flag-ic { background-position: -448px -192px; }
.flag.flag-32.flag-id { background-position: -480px -192px; }
.flag.flag-32.flag-ie { background-position: -512px -192px; }
.flag.flag-32.flag-il { background-position: -0px -224px; }
.flag.flag-32.flag-im { background-position: -32px -224px; }
.flag.flag-32.flag-in { background-position: -64px -224px; }
.flag.flag-32.flag-iq { background-position: -96px -224px; }
.flag.flag-32.flag-ir { background-position: -128px -224px; }
.flag.flag-32.flag-is { background-position: -160px -224px; }
.flag.flag-32.flag-it { background-position: -192px -224px; }
.flag.flag-32.flag-je { background-position: -224px -224px; }
.flag.flag-32.flag-jm { background-position: -256px -224px; }
.flag.flag-32.flag-jo { background-position: -288px -224px; }
.flag.flag-32.flag-jp { background-position: -320px -224px; }
.flag.flag-32.flag-ke { background-position: -352px -224px; }
.flag.flag-32.flag-kg { background-position: -384px -224px; }
.flag.flag-32.flag-kh { background-position: -416px -224px; }
.flag.flag-32.flag-ki { background-position: -448px -224px; }
.flag.flag-32.flag-km { background-position: -480px -224px; }
.flag.flag-32.flag-kn { background-position: -512px -224px; }
.flag.flag-32.flag-kp { background-position: -0px -256px; }
.flag.flag-32.flag-kr { background-position: -32px -256px; }
.flag.flag-32.flag-kw { background-position: -64px -256px; }
.flag.flag-32.flag-ky { background-position: -96px -256px; }
.flag.flag-32.flag-kz { background-position: -128px -256px; }
.flag.flag-32.flag-la { background-position: -160px -256px; }
.flag.flag-32.flag-lb { background-position: -192px -256px; }
.flag.flag-32.flag-lc { background-position: -224px -256px; }
.flag.flag-32.flag-li { background-position: -256px -256px; }
.flag.flag-32.flag-lk { background-position: -288px -256px; }
.flag.flag-32.flag-lr { background-position: -320px -256px; }
.flag.flag-32.flag-ls { background-position: -352px -256px; }
.flag.flag-32.flag-lt { background-position: -384px -256px; }
.flag.flag-32.flag-lu { background-position: -416px -256px; }
.flag.flag-32.flag-lv { background-position: -448px -256px; }
.flag.flag-32.flag-ly { background-position: -480px -256px; }
.flag.flag-32.flag-ma { background-position: -512px -256px; }
.flag.flag-32.flag-mc { background-position: -0px -288px; }
.flag.flag-32.flag-md { background-position: -32px -288px; }
.flag.flag-32.flag-me { background-position: -64px -288px; }
.flag.flag-32.flag-mf { background-position: -96px -288px; }
.flag.flag-32.flag-mg { background-position: -128px -288px; }
.flag.flag-32.flag-mh { background-position: -160px -288px; }
.flag.flag-32.flag-mk { background-position: -192px -288px; }
.flag.flag-32.flag-ml { background-position: -224px -288px; }
.flag.flag-32.flag-mm { background-position: -256px -288px; }
.flag.flag-32.flag-mn { background-position: -288px -288px; }
.flag.flag-32.flag-mo { background-position: -320px -288px; }
.flag.flag-32.flag-mp { background-position: -352px -288px; }
.flag.flag-32.flag-mq { background-position: -384px -288px; }
.flag.flag-32.flag-mr { background-position: -416px -288px; }
.flag.flag-32.flag-ms { background-position: -448px -288px; }
.flag.flag-32.flag-mt { background-position: -480px -288px; }
.flag.flag-32.flag-mu { background-position: -512px -288px; }
.flag.flag-32.flag-mv { background-position: -0px -320px; }
.flag.flag-32.flag-mw { background-position: -32px -320px; }
.flag.flag-32.flag-mx { background-position: -64px -320px; }
.flag.flag-32.flag-my { background-position: -96px -320px; }
.flag.flag-32.flag-mz { background-position: -128px -320px; }
.flag.flag-32.flag-na { background-position: -160px -320px; }
.flag.flag-32.flag-nc { background-position: -192px -320px; }
.flag.flag-32.flag-ne { background-position: -224px -320px; }
.flag.flag-32.flag-nf { background-position: -256px -320px; }
.flag.flag-32.flag-ng { background-position: -288px -320px; }
.flag.flag-32.flag-ni { background-position: -320px -320px; }
.flag.flag-32.flag-nl { background-position: -352px -320px; }
.flag.flag-32.flag-no { background-position: -384px -320px; }
.flag.flag-32.flag-np { background-position: -416px -320px; }
.flag.flag-32.flag-nr { background-position: -448px -320px; }
.flag.flag-32.flag-nu { background-position: -480px -320px; }
.flag.flag-32.flag-nz { background-position: -512px -320px; }
.flag.flag-32.flag-om { background-position: -0px -352px; }
.flag.flag-32.flag-pa { background-position: -32px -352px; }
.flag.flag-32.flag-pe { background-position: -64px -352px; }
.flag.flag-32.flag-pf { background-position: -96px -352px; }
.flag.flag-32.flag-pg { background-position: -128px -352px; }
.flag.flag-32.flag-ph { background-position: -160px -352px; }
.flag.flag-32.flag-pirate-black { background-position: -192px -352px; }
.flag.flag-32.flag-pirate-white { background-position: -224px -352px; }
.flag.flag-32.flag-pk { background-position: -256px -352px; }
.flag.flag-32.flag-pl { background-position: -288px -352px; }
.flag.flag-32.flag-pn { background-position: -320px -352px; }
.flag.flag-32.flag-pr { background-position: -352px -352px; }
.flag.flag-32.flag-ps { background-position: -384px -352px; }
.flag.flag-32.flag-pt { background-position: -416px -352px; }
.flag.flag-32.flag-pw { background-position: -448px -352px; }
.flag.flag-32.flag-py { background-position: -480px -352px; }
.flag.flag-32.flag-qa { background-position: -512px -352px; }
.flag.flag-32.flag-ro { background-position: -0px -384px; }
.flag.flag-32.flag-rs { background-position: -32px -384px; }
.flag.flag-32.flag-ru { background-position: -64px -384px; }
.flag.flag-32.flag-rw { background-position: -96px -384px; }
.flag.flag-32.flag-sa { background-position: -128px -384px; }
.flag.flag-32.flag-sb { background-position: -160px -384px; }
.flag.flag-32.flag-sc { background-position: -192px -384px; }
.flag.flag-32.flag-sd { background-position: -224px -384px; }
.flag.flag-32.flag-se { background-position: -256px -384px; }
.flag.flag-32.flag-sg { background-position: -288px -384px; }
.flag.flag-32.flag-sh { background-position: -320px -384px; }
.flag.flag-32.flag-si { background-position: -352px -384px; }
.flag.flag-32.flag-sk { background-position: -384px -384px; }
.flag.flag-32.flag-sl { background-position: -416px -384px; }
.flag.flag-32.flag-sm { background-position: -448px -384px; }
.flag.flag-32.flag-sn { background-position: -480px -384px; }
.flag.flag-32.flag-so { background-position: -512px -384px; }
.flag.flag-32.flag-sr { background-position: -0px -416px; }
.flag.flag-32.flag-ss { background-position: -32px -416px; }
.flag.flag-32.flag-st { background-position: -64px -416px; }
.flag.flag-32.flag-sv { background-position: -96px -416px; }
.flag.flag-32.flag-sy { background-position: -128px -416px; }
.flag.flag-32.flag-sz { background-position: -160px -416px; }
.flag.flag-32.flag-tc { background-position: -192px -416px; }
.flag.flag-32.flag-td { background-position: -224px -416px; }
.flag.flag-32.flag-tf { background-position: -256px -416px; }
.flag.flag-32.flag-tg { background-position: -288px -416px; }
.flag.flag-32.flag-th { background-position: -320px -416px; }
.flag.flag-32.flag-tj { background-position: -352px -416px; }
.flag.flag-32.flag-tk { background-position: -384px -416px; }
.flag.flag-32.flag-tl { background-position: -416px -416px; }
.flag.flag-32.flag-tm { background-position: -448px -416px; }
.flag.flag-32.flag-tn { background-position: -480px -416px; }
.flag.flag-32.flag-to { background-position: -512px -416px; }
.flag.flag-32.flag-tr { background-position: -0px -448px; }
.flag.flag-32.flag-tt { background-position: -32px -448px; }
.flag.flag-32.flag-tv { background-position: -64px -448px; }
.flag.flag-32.flag-tw { background-position: -96px -448px; }
.flag.flag-32.flag-tz { background-position: -128px -448px; }
.flag.flag-32.flag-ua { background-position: -160px -448px; }
.flag.flag-32.flag-ug { background-position: -192px -448px; }
.flag.flag-32.flag-us { background-position: -224px -448px; }
.flag.flag-32.flag-uy { background-position: -256px -448px; }
.flag.flag-32.flag-uz { background-position: -288px -448px; }
.flag.flag-32.flag-va { background-position: -320px -448px; }
.flag.flag-32.flag-vc { background-position: -352px -448px; }
.flag.flag-32.flag-ve { background-position: -384px -448px; }
.flag.flag-32.flag-vg { background-position: -416px -448px; }
.flag.flag-32.flag-vi { background-position: -448px -448px; }
.flag.flag-32.flag-vn { background-position: -480px -448px; }
.flag.flag-32.flag-vu { background-position: -512px -448px; }
.flag.flag-32.flag-zm { background-position: -160px -480px; }
.flag.flag-32.flag-zw { background-position: -192px -480px; }
.flag.flag-32.flag-ye { background-position: -64px -480px; }
.flag.flag-32.flag-ws { background-position: -480px -448px; }
.flag.flag-32.flag-wf { background-position: -0px -480px; }
.flag.flag-32.flag-yt { background-position: -96px -480px; }
.flag.flag-32.flag-za { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/ZA.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-pm { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/PM.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-re { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/RE.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-io { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/IO.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-sj { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/SJ.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-sx { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/SX.png); background-size: 30px 20px; background-position: center; }
.flag.flag-32.flag-bq { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/BQ.png); background-size: 30px 20px; background-position: center; }



  .flag { 
    display: inline-block; 
    background-repeat: no-repeat;
  }

  .flag.flag-48 { 
      display: inline-block; 
      width: 48px;
      height: 48px;
      background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/sprite-flags.png); 
      background-repeat: no-repeat;
  }
  
.flag.flag-48.flag-abkhazia { background-position: -0px -0px; }
.flag.flag-48.flag-basque-country { background-position: -48px -0px; }
.flag.flag-48.flag-british-antarctic-territory { background-position: -96px -0px; }
.flag.flag-48.flag-commonwealth { background-position: -144px -0px; }
.flag.flag-48.flag-england { background-position: -192px -0px; }
.flag.flag-48.flag-gosquared { background-position: -240px -0px; }
.flag.flag-48.flag-xk { background-position: -288px -0px; }
.flag.flag-48.flag-mars { background-position: -336px -0px; }
.flag.flag-48.flag-nagorno-karabakh { background-position: -384px -0px; }
.flag.flag-48.flag-nato { background-position: -432px -0px; }
.flag.flag-48.flag-northern-cyprus { background-position: -480px -0px; }
.flag.flag-48.flag-olympics { background-position: -528px -0px; }
.flag.flag-48.flag-red-cross { background-position: -576px -0px; }
.flag.flag-48.flag-scotland { background-position: -624px -0px; }
.flag.flag-48.flag-somaliland { background-position: -672px -0px; }
.flag.flag-48.flag-south-ossetia { background-position: -720px -0px; }
.flag.flag-48.flag-united-nations { background-position: -768px -0px; }
.flag.flag-48.flag-unknown { background-position: -0px -48px; }
.flag.flag-48.flag-wales { background-position: -48px -48px; }
.flag.flag-48.flag-ad { background-position: -96px -48px; }
.flag.flag-48.flag-ae { background-position: -144px -48px; }
.flag.flag-48.flag-af { background-position: -192px -48px; }
.flag.flag-48.flag-ag { background-position: -240px -48px; }
.flag.flag-48.flag-ai { background-position: -288px -48px; }
.flag.flag-48.flag-al { background-position: -336px -48px; }
.flag.flag-48.flag-am { background-position: -384px -48px; }
.flag.flag-48.flag-an { background-position: -432px -48px; }
.flag.flag-48.flag-ao { background-position: -480px -48px; }
.flag.flag-48.flag-aq { background-position: -528px -48px; }
.flag.flag-48.flag-ar { background-position: -576px -48px; }
.flag.flag-48.flag-as { background-position: -624px -48px; }
.flag.flag-48.flag-at { background-position: -672px -48px; }
.flag.flag-48.flag-au { background-position: -720px -48px; }
.flag.flag-48.flag-aw { background-position: -768px -48px; }
.flag.flag-48.flag-ax { background-position: -0px -96px; }
.flag.flag-48.flag-az { background-position: -48px -96px; }
.flag.flag-48.flag-ba { background-position: -96px -96px; }
.flag.flag-48.flag-bb { background-position: -144px -96px; }
.flag.flag-48.flag-bd { background-position: -192px -96px; }
.flag.flag-48.flag-be { background-position: -240px -96px; }
.flag.flag-48.flag-bf { background-position: -288px -96px; }
.flag.flag-48.flag-bg { background-position: -336px -96px; }
.flag.flag-48.flag-bh { background-position: -384px -96px; }
.flag.flag-48.flag-bi { background-position: -432px -96px; }
.flag.flag-48.flag-bj { background-position: -480px -96px; }
.flag.flag-48.flag-bl { background-position: -528px -96px; }
.flag.flag-48.flag-bm { background-position: -576px -96px; }
.flag.flag-48.flag-bn { background-position: -624px -96px; }
.flag.flag-48.flag-bo { background-position: -672px -96px; }
.flag.flag-48.flag-br { background-position: -720px -96px; }
.flag.flag-48.flag-bs { background-position: -768px -96px; }
.flag.flag-48.flag-bt { background-position: -0px -144px; }
.flag.flag-48.flag-bw { background-position: -48px -144px; }
.flag.flag-48.flag-by { background-position: -96px -144px; }
.flag.flag-48.flag-bz { background-position: -144px -144px; }
.flag.flag-48.flag-ca { background-position: -192px -144px; }
.flag.flag-48.flag-cc { background-position: -240px -144px; }
.flag.flag-48.flag-cd { background-position: -288px -144px; }
.flag.flag-48.flag-cf { background-position: -336px -144px; }
.flag.flag-48.flag-cg { background-position: -384px -144px; }
.flag.flag-48.flag-ch { background-position: -432px -144px; }
.flag.flag-48.flag-ci { background-position: -480px -144px; }
.flag.flag-48.flag-ck { background-position: -528px -144px; }
.flag.flag-48.flag-cl { background-position: -576px -144px; }
.flag.flag-48.flag-cm { background-position: -624px -144px; }
.flag.flag-48.flag-cn { background-position: -672px -144px; }
.flag.flag-48.flag-co { background-position: -720px -144px; }
.flag.flag-48.flag-cr { background-position: -768px -144px; }
.flag.flag-48.flag-cu { background-position: -0px -192px; }
.flag.flag-48.flag-cv { background-position: -48px -192px; }
.flag.flag-48.flag-cw { background-position: -96px -192px; }
.flag.flag-48.flag-cx { background-position: -144px -192px; }
.flag.flag-48.flag-cy { background-position: -192px -192px; }
.flag.flag-48.flag-cz { background-position: -240px -192px; }
.flag.flag-48.flag-de { background-position: -288px -192px; }
.flag.flag-48.flag-dj { background-position: -336px -192px; }
.flag.flag-48.flag-dk { background-position: -384px -192px; }
.flag.flag-48.flag-dm { background-position: -432px -192px; }
.flag.flag-48.flag-do { background-position: -480px -192px; }
.flag.flag-48.flag-dz { background-position: -528px -192px; }
.flag.flag-48.flag-ec { background-position: -576px -192px; }
.flag.flag-48.flag-ee { background-position: -624px -192px; }
.flag.flag-48.flag-eg { background-position: -672px -192px; }
.flag.flag-48.flag-eh { background-position: -720px -192px; }
.flag.flag-48.flag-er { background-position: -768px -192px; }
.flag.flag-48.flag-es { background-position: -0px -240px; }
.flag.flag-48.flag-et { background-position: -48px -240px; }
.flag.flag-48.flag-eu { background-position: -96px -240px; }
.flag.flag-48.flag-fi { background-position: -144px -240px; }
.flag.flag-48.flag-fj { background-position: -192px -240px; }
.flag.flag-48.flag-fk { background-position: -240px -240px; }
.flag.flag-48.flag-fm { background-position: -288px -240px; }
.flag.flag-48.flag-fo { background-position: -336px -240px; }
.flag.flag-48.flag-fr { background-position: -384px -240px; }
.flag.flag-48.flag-ga { background-position: -432px -240px; }
.flag.flag-48.flag-gb { background-position: -480px -240px; }
.flag.flag-48.flag-gd { background-position: -528px -240px; }
.flag.flag-48.flag-ge { background-position: -576px -240px; }
.flag.flag-48.flag-gg { background-position: -624px -240px; }
.flag.flag-48.flag-gh { background-position: -672px -240px; }
.flag.flag-48.flag-gi { background-position: -720px -240px; }
.flag.flag-48.flag-gl { background-position: -768px -240px; }
.flag.flag-48.flag-gm { background-position: -0px -288px; }
.flag.flag-48.flag-gn { background-position: -48px -288px; }
.flag.flag-48.flag-gq { background-position: -96px -288px; }
.flag.flag-48.flag-gr { background-position: -144px -288px; }
.flag.flag-48.flag-gs { background-position: -192px -288px; }
.flag.flag-48.flag-gt { background-position: -240px -288px; }
.flag.flag-48.flag-gu { background-position: -288px -288px; }
.flag.flag-48.flag-gw { background-position: -336px -288px; }
.flag.flag-48.flag-gy { background-position: -384px -288px; }
.flag.flag-48.flag-hk { background-position: -432px -288px; }
.flag.flag-48.flag-hn { background-position: -480px -288px; }
.flag.flag-48.flag-hr { background-position: -528px -288px; }
.flag.flag-48.flag-ht { background-position: -576px -288px; }
.flag.flag-48.flag-hu { background-position: -624px -288px; }
.flag.flag-48.flag-ic { background-position: -672px -288px; }
.flag.flag-48.flag-id { background-position: -720px -288px; }
.flag.flag-48.flag-ie { background-position: -768px -288px; }
.flag.flag-48.flag-il { background-position: -0px -336px; }
.flag.flag-48.flag-im { background-position: -48px -336px; }
.flag.flag-48.flag-in { background-position: -96px -336px; }
.flag.flag-48.flag-iq { background-position: -144px -336px; }
.flag.flag-48.flag-ir { background-position: -192px -336px; }
.flag.flag-48.flag-is { background-position: -240px -336px; }
.flag.flag-48.flag-it { background-position: -288px -336px; }
.flag.flag-48.flag-je { background-position: -336px -336px; }
.flag.flag-48.flag-jm { background-position: -384px -336px; }
.flag.flag-48.flag-jo { background-position: -432px -336px; }
.flag.flag-48.flag-jp { background-position: -480px -336px; }
.flag.flag-48.flag-ke { background-position: -528px -336px; }
.flag.flag-48.flag-kg { background-position: -576px -336px; }
.flag.flag-48.flag-kh { background-position: -624px -336px; }
.flag.flag-48.flag-ki { background-position: -672px -336px; }
.flag.flag-48.flag-km { background-position: -720px -336px; }
.flag.flag-48.flag-kn { background-position: -768px -336px; }
.flag.flag-48.flag-kp { background-position: -0px -384px; }
.flag.flag-48.flag-kr { background-position: -48px -384px; }
.flag.flag-48.flag-kw { background-position: -96px -384px; }
.flag.flag-48.flag-ky { background-position: -144px -384px; }
.flag.flag-48.flag-kz { background-position: -192px -384px; }
.flag.flag-48.flag-la { background-position: -240px -384px; }
.flag.flag-48.flag-lb { background-position: -288px -384px; }
.flag.flag-48.flag-lc { background-position: -336px -384px; }
.flag.flag-48.flag-li { background-position: -384px -384px; }
.flag.flag-48.flag-lk { background-position: -432px -384px; }
.flag.flag-48.flag-lr { background-position: -480px -384px; }
.flag.flag-48.flag-ls { background-position: -528px -384px; }
.flag.flag-48.flag-lt { background-position: -576px -384px; }
.flag.flag-48.flag-lu { background-position: -624px -384px; }
.flag.flag-48.flag-lv { background-position: -672px -384px; }
.flag.flag-48.flag-ly { background-position: -720px -384px; }
.flag.flag-48.flag-ma { background-position: -768px -384px; }
.flag.flag-48.flag-mc { background-position: -0px -432px; }
.flag.flag-48.flag-md { background-position: -48px -432px; }
.flag.flag-48.flag-me { background-position: -96px -432px; }
.flag.flag-48.flag-mf { background-position: -144px -432px; }
.flag.flag-48.flag-mg { background-position: -192px -432px; }
.flag.flag-48.flag-mh { background-position: -240px -432px; }
.flag.flag-48.flag-mk { background-position: -288px -432px; }
.flag.flag-48.flag-ml { background-position: -336px -432px; }
.flag.flag-48.flag-mm { background-position: -384px -432px; }
.flag.flag-48.flag-mn { background-position: -432px -432px; }
.flag.flag-48.flag-mo { background-position: -480px -432px; }
.flag.flag-48.flag-mp { background-position: -528px -432px; }
.flag.flag-48.flag-mq { background-position: -576px -432px; }
.flag.flag-48.flag-mr { background-position: -624px -432px; }
.flag.flag-48.flag-ms { background-position: -672px -432px; }
.flag.flag-48.flag-mt { background-position: -720px -432px; }
.flag.flag-48.flag-mu { background-position: -768px -432px; }
.flag.flag-48.flag-mv { background-position: -0px -480px; }
.flag.flag-48.flag-mw { background-position: -48px -480px; }
.flag.flag-48.flag-mx { background-position: -96px -480px; }
.flag.flag-48.flag-my { background-position: -144px -480px; }
.flag.flag-48.flag-mz { background-position: -192px -480px; }
.flag.flag-48.flag-na { background-position: -240px -480px; }
.flag.flag-48.flag-nc { background-position: -288px -480px; }
.flag.flag-48.flag-ne { background-position: -336px -480px; }
.flag.flag-48.flag-nf { background-position: -384px -480px; }
.flag.flag-48.flag-ng { background-position: -432px -480px; }
.flag.flag-48.flag-ni { background-position: -480px -480px; }
.flag.flag-48.flag-nl { background-position: -528px -480px; }
.flag.flag-48.flag-no { background-position: -576px -480px; }
.flag.flag-48.flag-np { background-position: -624px -480px; }
.flag.flag-48.flag-nr { background-position: -672px -480px; }
.flag.flag-48.flag-nu { background-position: -720px -480px; }
.flag.flag-48.flag-nz { background-position: -768px -480px; }
.flag.flag-48.flag-om { background-position: -0px -528px; }
.flag.flag-48.flag-pa { background-position: -48px -528px; }
.flag.flag-48.flag-pe { background-position: -96px -528px; }
.flag.flag-48.flag-pf { background-position: -144px -528px; }
.flag.flag-48.flag-pg { background-position: -192px -528px; }
.flag.flag-48.flag-ph { background-position: -240px -528px; }
.flag.flag-48.flag-pk { background-position: -384px -528px; }
.flag.flag-48.flag-pl { background-position: -432px -528px; }
.flag.flag-48.flag-pn { background-position: -480px -528px; }
.flag.flag-48.flag-pr { background-position: -528px -528px; }
.flag.flag-48.flag-ps { background-position: -576px -528px; }
.flag.flag-48.flag-pt { background-position: -624px -528px; }
.flag.flag-48.flag-pw { background-position: -672px -528px; }
.flag.flag-48.flag-py { background-position: -720px -528px; }
.flag.flag-48.flag-qa { background-position: -768px -528px; }
.flag.flag-48.flag-ro { background-position: -0px -576px; }
.flag.flag-48.flag-rs { background-position: -48px -576px; }
.flag.flag-48.flag-ru { background-position: -96px -576px; }
.flag.flag-48.flag-rw { background-position: -144px -576px; }
.flag.flag-48.flag-sa { background-position: -192px -576px; }
.flag.flag-48.flag-sb { background-position: -240px -576px; }
.flag.flag-48.flag-sc { background-position: -288px -576px; }
.flag.flag-48.flag-sd { background-position: -336px -576px; }
.flag.flag-48.flag-se { background-position: -384px -576px; }
.flag.flag-48.flag-sg { background-position: -432px -576px; }
.flag.flag-48.flag-sh { background-position: -480px -576px; }
.flag.flag-48.flag-si { background-position: -528px -576px; }
.flag.flag-48.flag-sk { background-position: -576px -576px; }
.flag.flag-48.flag-sl { background-position: -624px -576px; }
.flag.flag-48.flag-sm { background-position: -672px -576px; }
.flag.flag-48.flag-sn { background-position: -720px -576px; }
.flag.flag-48.flag-so { background-position: -768px -576px; }
.flag.flag-48.flag-sr { background-position: -0px -624px; }
.flag.flag-48.flag-ss { background-position: -48px -624px; }
.flag.flag-48.flag-st { background-position: -96px -624px; }
.flag.flag-48.flag-sv { background-position: -144px -624px; }
.flag.flag-48.flag-sy { background-position: -192px -624px; }
.flag.flag-48.flag-sz { background-position: -240px -624px; }
.flag.flag-48.flag-tc { background-position: -288px -624px; }
.flag.flag-48.flag-td { background-position: -336px -624px; }
.flag.flag-48.flag-tf { background-position: -384px -624px; }
.flag.flag-48.flag-tg { background-position: -432px -624px; }
.flag.flag-48.flag-th { background-position: -480px -624px; }
.flag.flag-48.flag-tj { background-position: -528px -624px; }
.flag.flag-48.flag-tk { background-position: -576px -624px; }
.flag.flag-48.flag-tl { background-position: -624px -624px; }
.flag.flag-48.flag-tm { background-position: -672px -624px; }
.flag.flag-48.flag-tn { background-position: -720px -624px; }
.flag.flag-48.flag-to { background-position: -768px -624px; }
.flag.flag-48.flag-tr { background-position: -0px -672px; }
.flag.flag-48.flag-tt { background-position: -48px -672px; }
.flag.flag-48.flag-tv { background-position: -96px -672px; }
.flag.flag-48.flag-tw { background-position: -144px -672px; }
.flag.flag-48.flag-tz { background-position: -192px -672px; }
.flag.flag-48.flag-ua { background-position: -240px -672px; }
.flag.flag-48.flag-ug { background-position: -288px -672px; }
.flag.flag-48.flag-us { background-position: -336px -672px; }
.flag.flag-48.flag-uy { background-position: -384px -672px; }
.flag.flag-48.flag-uz { background-position: -432px -672px; }
.flag.flag-48.flag-va { background-position: -480px -672px; }
.flag.flag-48.flag-vc { background-position: -528px -672px; }
.flag.flag-48.flag-ve { background-position: -576px -672px; }
.flag.flag-48.flag-vg { background-position: -624px -672px; }
.flag.flag-48.flag-vi { background-position: -672px -672px; }
.flag.flag-48.flag-vn { background-position: -720px -672px; }
.flag.flag-48.flag-vu { background-position: -768px -672px; }
.flag.flag-48.flag-zm { background-position: -240px -720px; }
.flag.flag-48.flag-zw { background-position: -288px -720px; }
.flag.flag-48.flag-ye { background-position: -96px -720px; }
.flag.flag-48.flag-ws { background-position: -48px -720px; }
.flag.flag-48.flag-wf { background-position: -48px -720px; }
.flag.flag-48.flag-yt { background-position: -144px -720px; }
.flag.flag-48.flag-za { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/ZA.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-pm { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/PM.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-re { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/RE.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-io { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/IO.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-sj { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/SJ.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-sx { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/SX.png); background-size: 48px 32px; background-position: center; }
.flag.flag-48.flag-bq { background-image: url(https://rnd-devops-app-infra-prod-static-assets.sgp1.digitaloceanspaces.com/tribex/learn-and-earn-web:0.1-ed616f28a4138a1c38b89ba4e867b6cec270dbe7/images/BQ.png); background-size: 48px 32px; background-position: center; }
.blur-inactive-slide.swiper-slide-active {
  filter: blur(0);
}

.grey-disable-navigation.swiper-button-disabled path {
  fill: #C2C2C2;
}

.longer-active-bullet .swiper-pagination-bullet-active {
  width: 3rem;
}
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */