@charset "UTF-8";
/*
Theme Name: IBD Theme v2
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: AltMktg.io
Author URI: https://wordpress.org/
Description: Based to twentytwentyone Child
Version: 5.0.6
Updated: 08-18-2023
*/
/*here start de website template core*/
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
* $names - Lista de nombres que usaremos para nombrar nuestras clases.
*          Recorremos una lista por si queremos múltiples selectores con el mismo valor
*          Ejemplo: (red-color, color-red)
*          sería igual a .red-color { color : red; } .color-red { color : red; }
*
* $property, $value - Propiedad CSS con su respectivo valor
*
* $concact - En ocasiones necesitaremos concadenar para crear clases más específicas.
*            Por la forma en que funciona el mixin no podemos usar concadenar desde los names.
*            Para ver un ejemplo práctico vaya a la parte de los gaps en _core-grid.scss
*
* $debug - Ver cómo sería el resultado en la construcción de la clase y el CSS de salida.
*          Por defecto está desactivado
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

body.dev-hover .ed-item:hover:before, body.dev-hover .ed-grid > *:hover:before,
body.desarrollo-hover .ed-item:hover:before,
body.desarrollo-hover .ed-grid > *:hover:before, body.dev-hover .ed-container:hover:before, body.dev-hover .ed-grid:hover:before,
body.desarrollo-hover .ed-container:hover:before,
body.desarrollo-hover .ed-grid:hover:before, body.dev .ed-item:before, body.dev .ed-grid > *:before,
body.desarrollo .ed-item:before,
body.desarrollo .ed-grid > *:before, body.dev .ed-container:before, body.dev .ed-grid:before,
body.desarrollo .ed-container:before,
body.desarrollo .ed-grid:before, body.dev:before,
body.desarrollo:before {
  content: attr(class);
  font-style: italic;
  font-size: 0.75rem;
  font-weight: normal;
  z-index: 1;
  right: 0;
  position: absolute;
  display: table;
  width: 100%;
  padding: 0 0.3125em;
  height: 1.25rem;
  line-height: 1.25rem;
}

body.dev,
body.desarrollo {
  margin: 0 !important;
  position: relative;
  top: 66px;
}
body.dev:before,
body.desarrollo:before {
  position: fixed;
  background: steelblue;
  color: #FFF;
  font-size: 0.875rem;
  text-align: center;
  line-height: 36px;
  height: 36px;
  top: 0;
}
body.dev:before,
body.desarrollo:before {
  content: "ed-grid: size s, from 0 (ed-containers: red, ed-items: blue, yellow)";
}
@media screen and (min-width: 480px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size sm, from 480px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 640px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size m, from 640px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 960px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size l, from 960px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 1280px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size lg, from 1280px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 1600px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size xl, from 1600px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 1800px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size cxxl, from 1800px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 1800px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size xxl, from 1800px (ed-containers: red, ed-items: blue, yellow)";
  }
}
@media screen and (min-width: 4000px) {
  body.dev:before,
  body.desarrollo:before {
    content: "ed-grid: size xxxl, from 4000px (ed-containers: red, ed-items: blue, yellow)";
  }
}
body.dev .ed-container, body.dev .ed-grid,
body.desarrollo .ed-container,
body.desarrollo .ed-grid {
  padding-top: 1.25rem;
  margin-bottom: 10px;
  outline: 1px solid tomato;
  position: relative;
}
body.dev .ed-container .ed-container,
body.dev .ed-container .sbi-grid, body.dev .ed-grid .ed-container,
body.dev .ed-grid .sbi-grid,
body.desarrollo .ed-container .ed-container,
body.desarrollo .ed-container .sbi-grid,
body.desarrollo .ed-grid .ed-container,
body.desarrollo .ed-grid .sbi-grid {
  margin-bottom: 0;
}
body.dev .ed-container:before, body.dev .ed-grid:before,
body.desarrollo .ed-container:before,
body.desarrollo .ed-grid:before {
  top: 0;
  background: rgba(255, 99, 71, 0.3);
  color: tomato;
}
body.dev .ed-item, body.dev .ed-grid > *,
body.desarrollo .ed-item,
body.desarrollo .ed-grid > * {
  position: relative;
  padding-bottom: 1.25rem;
  background-color: rgba(70, 130, 180, 0.1);
  outline: 1px solid steelblue;
  background-clip: content-box;
}
body.dev .ed-item:before, body.dev .ed-grid > *:before,
body.desarrollo .ed-item:before,
body.desarrollo .ed-grid > *:before {
  background: rgba(70, 130, 180, 0.8);
  color: #FFF;
  bottom: 0;
}
body.dev-hover .ed-container:hover, body.dev-hover .ed-grid:hover,
body.desarrollo-hover .ed-container:hover,
body.desarrollo-hover .ed-grid:hover {
  padding-top: 1.25rem;
  margin-bottom: 10px;
  outline: 1px solid tomato;
  position: relative;
}
body.dev-hover .ed-container:hover .ed-container,
body.dev-hover .ed-container:hover .sbi-grid, body.dev-hover .ed-grid:hover .ed-container,
body.dev-hover .ed-grid:hover .sbi-grid,
body.desarrollo-hover .ed-container:hover .ed-container,
body.desarrollo-hover .ed-container:hover .sbi-grid,
body.desarrollo-hover .ed-grid:hover .ed-container,
body.desarrollo-hover .ed-grid:hover .sbi-grid {
  margin-bottom: 0;
}
body.dev-hover .ed-container:hover:before, body.dev-hover .ed-grid:hover:before,
body.desarrollo-hover .ed-container:hover:before,
body.desarrollo-hover .ed-grid:hover:before {
  top: 0;
  background: rgba(255, 99, 71, 0.3);
  color: tomato;
}
body.dev-hover .ed-item:hover, body.dev-hover .ed-grid > *:hover,
body.desarrollo-hover .ed-item:hover,
body.desarrollo-hover .ed-grid > *:hover {
  position: relative;
  padding-bottom: 1.25rem;
  background-color: rgba(70, 130, 180, 0.1);
  outline: 1px solid steelblue;
  background-clip: content-box;
}
body.dev-hover .ed-item:hover:before, body.dev-hover .ed-grid > *:hover:before,
body.desarrollo-hover .ed-item:hover:before,
body.desarrollo-hover .ed-grid > *:hover:before {
  background: rgba(70, 130, 180, 0.8);
  color: #FFF;
  bottom: 0;
}

.ed-container {
  display: flex;
  flex-wrap: wrap;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.ed-item {
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ed-container.full {
  max-width: 100%;
}

.ed-item {
  width: 100%;
}
.ed-item.ed-container {
  padding-left: 0;
  padding-right: 0;
}

.s-5,
.ed-item.s-5 {
  width: 5%;
}

.s-10,
.ed-item.s-10 {
  width: 10%;
}

.s-15,
.ed-item.s-15 {
  width: 15%;
}

.s-20,
.ed-item.s-20 {
  width: 20%;
}

.s-25,
.ed-item.s-25 {
  width: 25%;
}

.s-30,
.ed-item.s-30 {
  width: 30%;
}

.s-35,
.ed-item.s-35 {
  width: 35%;
}

.s-40,
.ed-item.s-40 {
  width: 40%;
}

.s-45,
.ed-item.s-45 {
  width: 45%;
}

.s-50,
.ed-item.s-50 {
  width: 50%;
}

.s-55,
.ed-item.s-55 {
  width: 55%;
}

.s-60,
.ed-item.s-60 {
  width: 60%;
}

.s-65,
.ed-item.s-65 {
  width: 65%;
}

.s-70,
.ed-item.s-70 {
  width: 70%;
}

.s-75,
.ed-item.s-75 {
  width: 75%;
}

.s-80,
.ed-item.s-80 {
  width: 80%;
}

.s-85,
.ed-item.s-85 {
  width: 85%;
}

.s-90,
.ed-item.s-90 {
  width: 90%;
}

.s-95,
.ed-item.s-95 {
  width: 95%;
}

.s-100,
.ed-item.s-100 {
  width: 100%;
}

.s-1-1,
.ed-item.s-1-1 {
  width: 100%;
}

.s-1-2,
.ed-item.s-1-2 {
  width: 50%;
}

.s-2-2,
.ed-item.s-2-2 {
  width: 100%;
}

.s-1-3,
.ed-item.s-1-3 {
  width: 33.3333333333%;
}

.s-2-3,
.ed-item.s-2-3 {
  width: 66.6666666667%;
}

.s-3-3,
.ed-item.s-3-3 {
  width: 100%;
}

.s-1-4,
.ed-item.s-1-4 {
  width: 25%;
}

.s-2-4,
.ed-item.s-2-4 {
  width: 50%;
}

.s-3-4,
.ed-item.s-3-4 {
  width: 75%;
}

.s-4-4,
.ed-item.s-4-4 {
  width: 100%;
}

.s-1-5,
.ed-item.s-1-5 {
  width: 20%;
}

.s-2-5,
.ed-item.s-2-5 {
  width: 40%;
}

.s-3-5,
.ed-item.s-3-5 {
  width: 60%;
}

.s-4-5,
.ed-item.s-4-5 {
  width: 80%;
}

.s-5-5,
.ed-item.s-5-5 {
  width: 100%;
}

.s-1-6,
.ed-item.s-1-6 {
  width: 16.6666666667%;
}

.s-2-6,
.ed-item.s-2-6 {
  width: 33.3333333333%;
}

.s-3-6,
.ed-item.s-3-6 {
  width: 50%;
}

.s-4-6,
.ed-item.s-4-6 {
  width: 66.6666666667%;
}

.s-5-6,
.ed-item.s-5-6 {
  width: 83.3333333333%;
}

.s-6-6,
.ed-item.s-6-6 {
  width: 100%;
}

.s-1-7,
.ed-item.s-1-7 {
  width: 14.2857142857%;
}

.s-2-7,
.ed-item.s-2-7 {
  width: 28.5714285714%;
}

.s-3-7,
.ed-item.s-3-7 {
  width: 42.8571428571%;
}

.s-4-7,
.ed-item.s-4-7 {
  width: 57.1428571429%;
}

.s-5-7,
.ed-item.s-5-7 {
  width: 71.4285714286%;
}

.s-6-7,
.ed-item.s-6-7 {
  width: 85.7142857143%;
}

.s-7-7,
.ed-item.s-7-7 {
  width: 100%;
}

.s-1-8,
.ed-item.s-1-8 {
  width: 12.5%;
}

.s-2-8,
.ed-item.s-2-8 {
  width: 25%;
}

.s-3-8,
.ed-item.s-3-8 {
  width: 37.5%;
}

.s-4-8,
.ed-item.s-4-8 {
  width: 50%;
}

.s-5-8,
.ed-item.s-5-8 {
  width: 62.5%;
}

.s-6-8,
.ed-item.s-6-8 {
  width: 75%;
}

.s-7-8,
.ed-item.s-7-8 {
  width: 87.5%;
}

.s-8-8,
.ed-item.s-8-8 {
  width: 100%;
}

.s-1-9,
.ed-item.s-1-9 {
  width: 11.1111111111%;
}

.s-2-9,
.ed-item.s-2-9 {
  width: 22.2222222222%;
}

.s-3-9,
.ed-item.s-3-9 {
  width: 33.3333333333%;
}

.s-4-9,
.ed-item.s-4-9 {
  width: 44.4444444444%;
}

.s-5-9,
.ed-item.s-5-9 {
  width: 55.5555555556%;
}

.s-6-9,
.ed-item.s-6-9 {
  width: 66.6666666667%;
}

.s-7-9,
.ed-item.s-7-9 {
  width: 77.7777777778%;
}

.s-8-9,
.ed-item.s-8-9 {
  width: 88.8888888889%;
}

.s-9-9,
.ed-item.s-9-9 {
  width: 100%;
}

.s-1-10,
.ed-item.s-1-10 {
  width: 10%;
}

.s-2-10,
.ed-item.s-2-10 {
  width: 20%;
}

.s-3-10,
.ed-item.s-3-10 {
  width: 30%;
}

.s-4-10,
.ed-item.s-4-10 {
  width: 40%;
}

.s-5-10,
.ed-item.s-5-10 {
  width: 50%;
}

.s-6-10,
.ed-item.s-6-10 {
  width: 60%;
}

.s-7-10,
.ed-item.s-7-10 {
  width: 70%;
}

.s-8-10,
.ed-item.s-8-10 {
  width: 80%;
}

.s-9-10,
.ed-item.s-9-10 {
  width: 90%;
}

.s-10-10,
.ed-item.s-10-10 {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .sm-5,
  .ed-item.sm-5 {
    width: 5%;
  }
  .sm-10,
  .ed-item.sm-10 {
    width: 10%;
  }
  .sm-15,
  .ed-item.sm-15 {
    width: 15%;
  }
  .sm-20,
  .ed-item.sm-20 {
    width: 20%;
  }
  .sm-25,
  .ed-item.sm-25 {
    width: 25%;
  }
  .sm-30,
  .ed-item.sm-30 {
    width: 30%;
  }
  .sm-35,
  .ed-item.sm-35 {
    width: 35%;
  }
  .sm-40,
  .ed-item.sm-40 {
    width: 40%;
  }
  .sm-45,
  .ed-item.sm-45 {
    width: 45%;
  }
  .sm-50,
  .ed-item.sm-50 {
    width: 50%;
  }
  .sm-55,
  .ed-item.sm-55 {
    width: 55%;
  }
  .sm-60,
  .ed-item.sm-60 {
    width: 60%;
  }
  .sm-65,
  .ed-item.sm-65 {
    width: 65%;
  }
  .sm-70,
  .ed-item.sm-70 {
    width: 70%;
  }
  .sm-75,
  .ed-item.sm-75 {
    width: 75%;
  }
  .sm-80,
  .ed-item.sm-80 {
    width: 80%;
  }
  .sm-85,
  .ed-item.sm-85 {
    width: 85%;
  }
  .sm-90,
  .ed-item.sm-90 {
    width: 90%;
  }
  .sm-95,
  .ed-item.sm-95 {
    width: 95%;
  }
  .sm-100,
  .ed-item.sm-100 {
    width: 100%;
  }
  .sm-1-1,
  .ed-item.sm-1-1 {
    width: 100%;
  }
  .sm-1-2,
  .ed-item.sm-1-2 {
    width: 50%;
  }
  .sm-2-2,
  .ed-item.sm-2-2 {
    width: 100%;
  }
  .sm-1-3,
  .ed-item.sm-1-3 {
    width: 33.3333333333%;
  }
  .sm-2-3,
  .ed-item.sm-2-3 {
    width: 66.6666666667%;
  }
  .sm-3-3,
  .ed-item.sm-3-3 {
    width: 100%;
  }
  .sm-1-4,
  .ed-item.sm-1-4 {
    width: 25%;
  }
  .sm-2-4,
  .ed-item.sm-2-4 {
    width: 50%;
  }
  .sm-3-4,
  .ed-item.sm-3-4 {
    width: 75%;
  }
  .sm-4-4,
  .ed-item.sm-4-4 {
    width: 100%;
  }
  .sm-1-5,
  .ed-item.sm-1-5 {
    width: 20%;
  }
  .sm-2-5,
  .ed-item.sm-2-5 {
    width: 40%;
  }
  .sm-3-5,
  .ed-item.sm-3-5 {
    width: 60%;
  }
  .sm-4-5,
  .ed-item.sm-4-5 {
    width: 80%;
  }
  .sm-5-5,
  .ed-item.sm-5-5 {
    width: 100%;
  }
  .sm-1-6,
  .ed-item.sm-1-6 {
    width: 16.6666666667%;
  }
  .sm-2-6,
  .ed-item.sm-2-6 {
    width: 33.3333333333%;
  }
  .sm-3-6,
  .ed-item.sm-3-6 {
    width: 50%;
  }
  .sm-4-6,
  .ed-item.sm-4-6 {
    width: 66.6666666667%;
  }
  .sm-5-6,
  .ed-item.sm-5-6 {
    width: 83.3333333333%;
  }
  .sm-6-6,
  .ed-item.sm-6-6 {
    width: 100%;
  }
  .sm-1-7,
  .ed-item.sm-1-7 {
    width: 14.2857142857%;
  }
  .sm-2-7,
  .ed-item.sm-2-7 {
    width: 28.5714285714%;
  }
  .sm-3-7,
  .ed-item.sm-3-7 {
    width: 42.8571428571%;
  }
  .sm-4-7,
  .ed-item.sm-4-7 {
    width: 57.1428571429%;
  }
  .sm-5-7,
  .ed-item.sm-5-7 {
    width: 71.4285714286%;
  }
  .sm-6-7,
  .ed-item.sm-6-7 {
    width: 85.7142857143%;
  }
  .sm-7-7,
  .ed-item.sm-7-7 {
    width: 100%;
  }
  .sm-1-8,
  .ed-item.sm-1-8 {
    width: 12.5%;
  }
  .sm-2-8,
  .ed-item.sm-2-8 {
    width: 25%;
  }
  .sm-3-8,
  .ed-item.sm-3-8 {
    width: 37.5%;
  }
  .sm-4-8,
  .ed-item.sm-4-8 {
    width: 50%;
  }
  .sm-5-8,
  .ed-item.sm-5-8 {
    width: 62.5%;
  }
  .sm-6-8,
  .ed-item.sm-6-8 {
    width: 75%;
  }
  .sm-7-8,
  .ed-item.sm-7-8 {
    width: 87.5%;
  }
  .sm-8-8,
  .ed-item.sm-8-8 {
    width: 100%;
  }
  .sm-1-9,
  .ed-item.sm-1-9 {
    width: 11.1111111111%;
  }
  .sm-2-9,
  .ed-item.sm-2-9 {
    width: 22.2222222222%;
  }
  .sm-3-9,
  .ed-item.sm-3-9 {
    width: 33.3333333333%;
  }
  .sm-4-9,
  .ed-item.sm-4-9 {
    width: 44.4444444444%;
  }
  .sm-5-9,
  .ed-item.sm-5-9 {
    width: 55.5555555556%;
  }
  .sm-6-9,
  .ed-item.sm-6-9 {
    width: 66.6666666667%;
  }
  .sm-7-9,
  .ed-item.sm-7-9 {
    width: 77.7777777778%;
  }
  .sm-8-9,
  .ed-item.sm-8-9 {
    width: 88.8888888889%;
  }
  .sm-9-9,
  .ed-item.sm-9-9 {
    width: 100%;
  }
  .sm-1-10,
  .ed-item.sm-1-10 {
    width: 10%;
  }
  .sm-2-10,
  .ed-item.sm-2-10 {
    width: 20%;
  }
  .sm-3-10,
  .ed-item.sm-3-10 {
    width: 30%;
  }
  .sm-4-10,
  .ed-item.sm-4-10 {
    width: 40%;
  }
  .sm-5-10,
  .ed-item.sm-5-10 {
    width: 50%;
  }
  .sm-6-10,
  .ed-item.sm-6-10 {
    width: 60%;
  }
  .sm-7-10,
  .ed-item.sm-7-10 {
    width: 70%;
  }
  .sm-8-10,
  .ed-item.sm-8-10 {
    width: 80%;
  }
  .sm-9-10,
  .ed-item.sm-9-10 {
    width: 90%;
  }
  .sm-10-10,
  .ed-item.sm-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .m-5,
  .ed-item.m-5 {
    width: 5%;
  }
  .m-10,
  .ed-item.m-10 {
    width: 10%;
  }
  .m-15,
  .ed-item.m-15 {
    width: 15%;
  }
  .m-20,
  .ed-item.m-20 {
    width: 20%;
  }
  .m-25,
  .ed-item.m-25 {
    width: 25%;
  }
  .m-30,
  .ed-item.m-30 {
    width: 30%;
  }
  .m-35,
  .ed-item.m-35 {
    width: 35%;
  }
  .m-40,
  .ed-item.m-40 {
    width: 40%;
  }
  .m-45,
  .ed-item.m-45 {
    width: 45%;
  }
  .m-50,
  .ed-item.m-50 {
    width: 50%;
  }
  .m-55,
  .ed-item.m-55 {
    width: 55%;
  }
  .m-60,
  .ed-item.m-60 {
    width: 60%;
  }
  .m-65,
  .ed-item.m-65 {
    width: 65%;
  }
  .m-70,
  .ed-item.m-70 {
    width: 70%;
  }
  .m-75,
  .ed-item.m-75 {
    width: 75%;
  }
  .m-80,
  .ed-item.m-80 {
    width: 80%;
  }
  .m-85,
  .ed-item.m-85 {
    width: 85%;
  }
  .m-90,
  .ed-item.m-90 {
    width: 90%;
  }
  .m-95,
  .ed-item.m-95 {
    width: 95%;
  }
  .m-100,
  .ed-item.m-100 {
    width: 100%;
  }
  .m-1-1,
  .ed-item.m-1-1 {
    width: 100%;
  }
  .m-1-2,
  .ed-item.m-1-2 {
    width: 50%;
  }
  .m-2-2,
  .ed-item.m-2-2 {
    width: 100%;
  }
  .m-1-3,
  .ed-item.m-1-3 {
    width: 33.3333333333%;
  }
  .m-2-3,
  .ed-item.m-2-3 {
    width: 66.6666666667%;
  }
  .m-3-3,
  .ed-item.m-3-3 {
    width: 100%;
  }
  .m-1-4,
  .ed-item.m-1-4 {
    width: 25%;
  }
  .m-2-4,
  .ed-item.m-2-4 {
    width: 50%;
  }
  .m-3-4,
  .ed-item.m-3-4 {
    width: 75%;
  }
  .m-4-4,
  .ed-item.m-4-4 {
    width: 100%;
  }
  .m-1-5,
  .ed-item.m-1-5 {
    width: 20%;
  }
  .m-2-5,
  .ed-item.m-2-5 {
    width: 40%;
  }
  .m-3-5,
  .ed-item.m-3-5 {
    width: 60%;
  }
  .m-4-5,
  .ed-item.m-4-5 {
    width: 80%;
  }
  .m-5-5,
  .ed-item.m-5-5 {
    width: 100%;
  }
  .m-1-6,
  .ed-item.m-1-6 {
    width: 16.6666666667%;
  }
  .m-2-6,
  .ed-item.m-2-6 {
    width: 33.3333333333%;
  }
  .m-3-6,
  .ed-item.m-3-6 {
    width: 50%;
  }
  .m-4-6,
  .ed-item.m-4-6 {
    width: 66.6666666667%;
  }
  .m-5-6,
  .ed-item.m-5-6 {
    width: 83.3333333333%;
  }
  .m-6-6,
  .ed-item.m-6-6 {
    width: 100%;
  }
  .m-1-7,
  .ed-item.m-1-7 {
    width: 14.2857142857%;
  }
  .m-2-7,
  .ed-item.m-2-7 {
    width: 28.5714285714%;
  }
  .m-3-7,
  .ed-item.m-3-7 {
    width: 42.8571428571%;
  }
  .m-4-7,
  .ed-item.m-4-7 {
    width: 57.1428571429%;
  }
  .m-5-7,
  .ed-item.m-5-7 {
    width: 71.4285714286%;
  }
  .m-6-7,
  .ed-item.m-6-7 {
    width: 85.7142857143%;
  }
  .m-7-7,
  .ed-item.m-7-7 {
    width: 100%;
  }
  .m-1-8,
  .ed-item.m-1-8 {
    width: 12.5%;
  }
  .m-2-8,
  .ed-item.m-2-8 {
    width: 25%;
  }
  .m-3-8,
  .ed-item.m-3-8 {
    width: 37.5%;
  }
  .m-4-8,
  .ed-item.m-4-8 {
    width: 50%;
  }
  .m-5-8,
  .ed-item.m-5-8 {
    width: 62.5%;
  }
  .m-6-8,
  .ed-item.m-6-8 {
    width: 75%;
  }
  .m-7-8,
  .ed-item.m-7-8 {
    width: 87.5%;
  }
  .m-8-8,
  .ed-item.m-8-8 {
    width: 100%;
  }
  .m-1-9,
  .ed-item.m-1-9 {
    width: 11.1111111111%;
  }
  .m-2-9,
  .ed-item.m-2-9 {
    width: 22.2222222222%;
  }
  .m-3-9,
  .ed-item.m-3-9 {
    width: 33.3333333333%;
  }
  .m-4-9,
  .ed-item.m-4-9 {
    width: 44.4444444444%;
  }
  .m-5-9,
  .ed-item.m-5-9 {
    width: 55.5555555556%;
  }
  .m-6-9,
  .ed-item.m-6-9 {
    width: 66.6666666667%;
  }
  .m-7-9,
  .ed-item.m-7-9 {
    width: 77.7777777778%;
  }
  .m-8-9,
  .ed-item.m-8-9 {
    width: 88.8888888889%;
  }
  .m-9-9,
  .ed-item.m-9-9 {
    width: 100%;
  }
  .m-1-10,
  .ed-item.m-1-10 {
    width: 10%;
  }
  .m-2-10,
  .ed-item.m-2-10 {
    width: 20%;
  }
  .m-3-10,
  .ed-item.m-3-10 {
    width: 30%;
  }
  .m-4-10,
  .ed-item.m-4-10 {
    width: 40%;
  }
  .m-5-10,
  .ed-item.m-5-10 {
    width: 50%;
  }
  .m-6-10,
  .ed-item.m-6-10 {
    width: 60%;
  }
  .m-7-10,
  .ed-item.m-7-10 {
    width: 70%;
  }
  .m-8-10,
  .ed-item.m-8-10 {
    width: 80%;
  }
  .m-9-10,
  .ed-item.m-9-10 {
    width: 90%;
  }
  .m-10-10,
  .ed-item.m-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .l-5,
  .ed-item.l-5 {
    width: 5%;
  }
  .l-10,
  .ed-item.l-10 {
    width: 10%;
  }
  .l-15,
  .ed-item.l-15 {
    width: 15%;
  }
  .l-20,
  .ed-item.l-20 {
    width: 20%;
  }
  .l-25,
  .ed-item.l-25 {
    width: 25%;
  }
  .l-30,
  .ed-item.l-30 {
    width: 30%;
  }
  .l-35,
  .ed-item.l-35 {
    width: 35%;
  }
  .l-40,
  .ed-item.l-40 {
    width: 40%;
  }
  .l-45,
  .ed-item.l-45 {
    width: 45%;
  }
  .l-50,
  .ed-item.l-50 {
    width: 50%;
  }
  .l-55,
  .ed-item.l-55 {
    width: 55%;
  }
  .l-60,
  .ed-item.l-60 {
    width: 60%;
  }
  .l-65,
  .ed-item.l-65 {
    width: 65%;
  }
  .l-70,
  .ed-item.l-70 {
    width: 70%;
  }
  .l-75,
  .ed-item.l-75 {
    width: 75%;
  }
  .l-80,
  .ed-item.l-80 {
    width: 80%;
  }
  .l-85,
  .ed-item.l-85 {
    width: 85%;
  }
  .l-90,
  .ed-item.l-90 {
    width: 90%;
  }
  .l-95,
  .ed-item.l-95 {
    width: 95%;
  }
  .l-100,
  .ed-item.l-100 {
    width: 100%;
  }
  .l-1-1,
  .ed-item.l-1-1 {
    width: 100%;
  }
  .l-1-2,
  .ed-item.l-1-2 {
    width: 50%;
  }
  .l-2-2,
  .ed-item.l-2-2 {
    width: 100%;
  }
  .l-1-3,
  .ed-item.l-1-3 {
    width: 33.3333333333%;
  }
  .l-2-3,
  .ed-item.l-2-3 {
    width: 66.6666666667%;
  }
  .l-3-3,
  .ed-item.l-3-3 {
    width: 100%;
  }
  .l-1-4,
  .ed-item.l-1-4 {
    width: 25%;
  }
  .l-2-4,
  .ed-item.l-2-4 {
    width: 50%;
  }
  .l-3-4,
  .ed-item.l-3-4 {
    width: 75%;
  }
  .l-4-4,
  .ed-item.l-4-4 {
    width: 100%;
  }
  .l-1-5,
  .ed-item.l-1-5 {
    width: 20%;
  }
  .l-2-5,
  .ed-item.l-2-5 {
    width: 40%;
  }
  .l-3-5,
  .ed-item.l-3-5 {
    width: 60%;
  }
  .l-4-5,
  .ed-item.l-4-5 {
    width: 80%;
  }
  .l-5-5,
  .ed-item.l-5-5 {
    width: 100%;
  }
  .l-1-6,
  .ed-item.l-1-6 {
    width: 16.6666666667%;
  }
  .l-2-6,
  .ed-item.l-2-6 {
    width: 33.3333333333%;
  }
  .l-3-6,
  .ed-item.l-3-6 {
    width: 50%;
  }
  .l-4-6,
  .ed-item.l-4-6 {
    width: 66.6666666667%;
  }
  .l-5-6,
  .ed-item.l-5-6 {
    width: 83.3333333333%;
  }
  .l-6-6,
  .ed-item.l-6-6 {
    width: 100%;
  }
  .l-1-7,
  .ed-item.l-1-7 {
    width: 14.2857142857%;
  }
  .l-2-7,
  .ed-item.l-2-7 {
    width: 28.5714285714%;
  }
  .l-3-7,
  .ed-item.l-3-7 {
    width: 42.8571428571%;
  }
  .l-4-7,
  .ed-item.l-4-7 {
    width: 57.1428571429%;
  }
  .l-5-7,
  .ed-item.l-5-7 {
    width: 71.4285714286%;
  }
  .l-6-7,
  .ed-item.l-6-7 {
    width: 85.7142857143%;
  }
  .l-7-7,
  .ed-item.l-7-7 {
    width: 100%;
  }
  .l-1-8,
  .ed-item.l-1-8 {
    width: 12.5%;
  }
  .l-2-8,
  .ed-item.l-2-8 {
    width: 25%;
  }
  .l-3-8,
  .ed-item.l-3-8 {
    width: 37.5%;
  }
  .l-4-8,
  .ed-item.l-4-8 {
    width: 50%;
  }
  .l-5-8,
  .ed-item.l-5-8 {
    width: 62.5%;
  }
  .l-6-8,
  .ed-item.l-6-8 {
    width: 75%;
  }
  .l-7-8,
  .ed-item.l-7-8 {
    width: 87.5%;
  }
  .l-8-8,
  .ed-item.l-8-8 {
    width: 100%;
  }
  .l-1-9,
  .ed-item.l-1-9 {
    width: 11.1111111111%;
  }
  .l-2-9,
  .ed-item.l-2-9 {
    width: 22.2222222222%;
  }
  .l-3-9,
  .ed-item.l-3-9 {
    width: 33.3333333333%;
  }
  .l-4-9,
  .ed-item.l-4-9 {
    width: 44.4444444444%;
  }
  .l-5-9,
  .ed-item.l-5-9 {
    width: 55.5555555556%;
  }
  .l-6-9,
  .ed-item.l-6-9 {
    width: 66.6666666667%;
  }
  .l-7-9,
  .ed-item.l-7-9 {
    width: 77.7777777778%;
  }
  .l-8-9,
  .ed-item.l-8-9 {
    width: 88.8888888889%;
  }
  .l-9-9,
  .ed-item.l-9-9 {
    width: 100%;
  }
  .l-1-10,
  .ed-item.l-1-10 {
    width: 10%;
  }
  .l-2-10,
  .ed-item.l-2-10 {
    width: 20%;
  }
  .l-3-10,
  .ed-item.l-3-10 {
    width: 30%;
  }
  .l-4-10,
  .ed-item.l-4-10 {
    width: 40%;
  }
  .l-5-10,
  .ed-item.l-5-10 {
    width: 50%;
  }
  .l-6-10,
  .ed-item.l-6-10 {
    width: 60%;
  }
  .l-7-10,
  .ed-item.l-7-10 {
    width: 70%;
  }
  .l-8-10,
  .ed-item.l-8-10 {
    width: 80%;
  }
  .l-9-10,
  .ed-item.l-9-10 {
    width: 90%;
  }
  .l-10-10,
  .ed-item.l-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .lg-5,
  .ed-item.lg-5 {
    width: 5%;
  }
  .lg-10,
  .ed-item.lg-10 {
    width: 10%;
  }
  .lg-15,
  .ed-item.lg-15 {
    width: 15%;
  }
  .lg-20,
  .ed-item.lg-20 {
    width: 20%;
  }
  .lg-25,
  .ed-item.lg-25 {
    width: 25%;
  }
  .lg-30,
  .ed-item.lg-30 {
    width: 30%;
  }
  .lg-35,
  .ed-item.lg-35 {
    width: 35%;
  }
  .lg-40,
  .ed-item.lg-40 {
    width: 40%;
  }
  .lg-45,
  .ed-item.lg-45 {
    width: 45%;
  }
  .lg-50,
  .ed-item.lg-50 {
    width: 50%;
  }
  .lg-55,
  .ed-item.lg-55 {
    width: 55%;
  }
  .lg-60,
  .ed-item.lg-60 {
    width: 60%;
  }
  .lg-65,
  .ed-item.lg-65 {
    width: 65%;
  }
  .lg-70,
  .ed-item.lg-70 {
    width: 70%;
  }
  .lg-75,
  .ed-item.lg-75 {
    width: 75%;
  }
  .lg-80,
  .ed-item.lg-80 {
    width: 80%;
  }
  .lg-85,
  .ed-item.lg-85 {
    width: 85%;
  }
  .lg-90,
  .ed-item.lg-90 {
    width: 90%;
  }
  .lg-95,
  .ed-item.lg-95 {
    width: 95%;
  }
  .lg-100,
  .ed-item.lg-100 {
    width: 100%;
  }
  .lg-1-1,
  .ed-item.lg-1-1 {
    width: 100%;
  }
  .lg-1-2,
  .ed-item.lg-1-2 {
    width: 50%;
  }
  .lg-2-2,
  .ed-item.lg-2-2 {
    width: 100%;
  }
  .lg-1-3,
  .ed-item.lg-1-3 {
    width: 33.3333333333%;
  }
  .lg-2-3,
  .ed-item.lg-2-3 {
    width: 66.6666666667%;
  }
  .lg-3-3,
  .ed-item.lg-3-3 {
    width: 100%;
  }
  .lg-1-4,
  .ed-item.lg-1-4 {
    width: 25%;
  }
  .lg-2-4,
  .ed-item.lg-2-4 {
    width: 50%;
  }
  .lg-3-4,
  .ed-item.lg-3-4 {
    width: 75%;
  }
  .lg-4-4,
  .ed-item.lg-4-4 {
    width: 100%;
  }
  .lg-1-5,
  .ed-item.lg-1-5 {
    width: 20%;
  }
  .lg-2-5,
  .ed-item.lg-2-5 {
    width: 40%;
  }
  .lg-3-5,
  .ed-item.lg-3-5 {
    width: 60%;
  }
  .lg-4-5,
  .ed-item.lg-4-5 {
    width: 80%;
  }
  .lg-5-5,
  .ed-item.lg-5-5 {
    width: 100%;
  }
  .lg-1-6,
  .ed-item.lg-1-6 {
    width: 16.6666666667%;
  }
  .lg-2-6,
  .ed-item.lg-2-6 {
    width: 33.3333333333%;
  }
  .lg-3-6,
  .ed-item.lg-3-6 {
    width: 50%;
  }
  .lg-4-6,
  .ed-item.lg-4-6 {
    width: 66.6666666667%;
  }
  .lg-5-6,
  .ed-item.lg-5-6 {
    width: 83.3333333333%;
  }
  .lg-6-6,
  .ed-item.lg-6-6 {
    width: 100%;
  }
  .lg-1-7,
  .ed-item.lg-1-7 {
    width: 14.2857142857%;
  }
  .lg-2-7,
  .ed-item.lg-2-7 {
    width: 28.5714285714%;
  }
  .lg-3-7,
  .ed-item.lg-3-7 {
    width: 42.8571428571%;
  }
  .lg-4-7,
  .ed-item.lg-4-7 {
    width: 57.1428571429%;
  }
  .lg-5-7,
  .ed-item.lg-5-7 {
    width: 71.4285714286%;
  }
  .lg-6-7,
  .ed-item.lg-6-7 {
    width: 85.7142857143%;
  }
  .lg-7-7,
  .ed-item.lg-7-7 {
    width: 100%;
  }
  .lg-1-8,
  .ed-item.lg-1-8 {
    width: 12.5%;
  }
  .lg-2-8,
  .ed-item.lg-2-8 {
    width: 25%;
  }
  .lg-3-8,
  .ed-item.lg-3-8 {
    width: 37.5%;
  }
  .lg-4-8,
  .ed-item.lg-4-8 {
    width: 50%;
  }
  .lg-5-8,
  .ed-item.lg-5-8 {
    width: 62.5%;
  }
  .lg-6-8,
  .ed-item.lg-6-8 {
    width: 75%;
  }
  .lg-7-8,
  .ed-item.lg-7-8 {
    width: 87.5%;
  }
  .lg-8-8,
  .ed-item.lg-8-8 {
    width: 100%;
  }
  .lg-1-9,
  .ed-item.lg-1-9 {
    width: 11.1111111111%;
  }
  .lg-2-9,
  .ed-item.lg-2-9 {
    width: 22.2222222222%;
  }
  .lg-3-9,
  .ed-item.lg-3-9 {
    width: 33.3333333333%;
  }
  .lg-4-9,
  .ed-item.lg-4-9 {
    width: 44.4444444444%;
  }
  .lg-5-9,
  .ed-item.lg-5-9 {
    width: 55.5555555556%;
  }
  .lg-6-9,
  .ed-item.lg-6-9 {
    width: 66.6666666667%;
  }
  .lg-7-9,
  .ed-item.lg-7-9 {
    width: 77.7777777778%;
  }
  .lg-8-9,
  .ed-item.lg-8-9 {
    width: 88.8888888889%;
  }
  .lg-9-9,
  .ed-item.lg-9-9 {
    width: 100%;
  }
  .lg-1-10,
  .ed-item.lg-1-10 {
    width: 10%;
  }
  .lg-2-10,
  .ed-item.lg-2-10 {
    width: 20%;
  }
  .lg-3-10,
  .ed-item.lg-3-10 {
    width: 30%;
  }
  .lg-4-10,
  .ed-item.lg-4-10 {
    width: 40%;
  }
  .lg-5-10,
  .ed-item.lg-5-10 {
    width: 50%;
  }
  .lg-6-10,
  .ed-item.lg-6-10 {
    width: 60%;
  }
  .lg-7-10,
  .ed-item.lg-7-10 {
    width: 70%;
  }
  .lg-8-10,
  .ed-item.lg-8-10 {
    width: 80%;
  }
  .lg-9-10,
  .ed-item.lg-9-10 {
    width: 90%;
  }
  .lg-10-10,
  .ed-item.lg-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .xl-5,
  .ed-item.xl-5 {
    width: 5%;
  }
  .xl-10,
  .ed-item.xl-10 {
    width: 10%;
  }
  .xl-15,
  .ed-item.xl-15 {
    width: 15%;
  }
  .xl-20,
  .ed-item.xl-20 {
    width: 20%;
  }
  .xl-25,
  .ed-item.xl-25 {
    width: 25%;
  }
  .xl-30,
  .ed-item.xl-30 {
    width: 30%;
  }
  .xl-35,
  .ed-item.xl-35 {
    width: 35%;
  }
  .xl-40,
  .ed-item.xl-40 {
    width: 40%;
  }
  .xl-45,
  .ed-item.xl-45 {
    width: 45%;
  }
  .xl-50,
  .ed-item.xl-50 {
    width: 50%;
  }
  .xl-55,
  .ed-item.xl-55 {
    width: 55%;
  }
  .xl-60,
  .ed-item.xl-60 {
    width: 60%;
  }
  .xl-65,
  .ed-item.xl-65 {
    width: 65%;
  }
  .xl-70,
  .ed-item.xl-70 {
    width: 70%;
  }
  .xl-75,
  .ed-item.xl-75 {
    width: 75%;
  }
  .xl-80,
  .ed-item.xl-80 {
    width: 80%;
  }
  .xl-85,
  .ed-item.xl-85 {
    width: 85%;
  }
  .xl-90,
  .ed-item.xl-90 {
    width: 90%;
  }
  .xl-95,
  .ed-item.xl-95 {
    width: 95%;
  }
  .xl-100,
  .ed-item.xl-100 {
    width: 100%;
  }
  .xl-1-1,
  .ed-item.xl-1-1 {
    width: 100%;
  }
  .xl-1-2,
  .ed-item.xl-1-2 {
    width: 50%;
  }
  .xl-2-2,
  .ed-item.xl-2-2 {
    width: 100%;
  }
  .xl-1-3,
  .ed-item.xl-1-3 {
    width: 33.3333333333%;
  }
  .xl-2-3,
  .ed-item.xl-2-3 {
    width: 66.6666666667%;
  }
  .xl-3-3,
  .ed-item.xl-3-3 {
    width: 100%;
  }
  .xl-1-4,
  .ed-item.xl-1-4 {
    width: 25%;
  }
  .xl-2-4,
  .ed-item.xl-2-4 {
    width: 50%;
  }
  .xl-3-4,
  .ed-item.xl-3-4 {
    width: 75%;
  }
  .xl-4-4,
  .ed-item.xl-4-4 {
    width: 100%;
  }
  .xl-1-5,
  .ed-item.xl-1-5 {
    width: 20%;
  }
  .xl-2-5,
  .ed-item.xl-2-5 {
    width: 40%;
  }
  .xl-3-5,
  .ed-item.xl-3-5 {
    width: 60%;
  }
  .xl-4-5,
  .ed-item.xl-4-5 {
    width: 80%;
  }
  .xl-5-5,
  .ed-item.xl-5-5 {
    width: 100%;
  }
  .xl-1-6,
  .ed-item.xl-1-6 {
    width: 16.6666666667%;
  }
  .xl-2-6,
  .ed-item.xl-2-6 {
    width: 33.3333333333%;
  }
  .xl-3-6,
  .ed-item.xl-3-6 {
    width: 50%;
  }
  .xl-4-6,
  .ed-item.xl-4-6 {
    width: 66.6666666667%;
  }
  .xl-5-6,
  .ed-item.xl-5-6 {
    width: 83.3333333333%;
  }
  .xl-6-6,
  .ed-item.xl-6-6 {
    width: 100%;
  }
  .xl-1-7,
  .ed-item.xl-1-7 {
    width: 14.2857142857%;
  }
  .xl-2-7,
  .ed-item.xl-2-7 {
    width: 28.5714285714%;
  }
  .xl-3-7,
  .ed-item.xl-3-7 {
    width: 42.8571428571%;
  }
  .xl-4-7,
  .ed-item.xl-4-7 {
    width: 57.1428571429%;
  }
  .xl-5-7,
  .ed-item.xl-5-7 {
    width: 71.4285714286%;
  }
  .xl-6-7,
  .ed-item.xl-6-7 {
    width: 85.7142857143%;
  }
  .xl-7-7,
  .ed-item.xl-7-7 {
    width: 100%;
  }
  .xl-1-8,
  .ed-item.xl-1-8 {
    width: 12.5%;
  }
  .xl-2-8,
  .ed-item.xl-2-8 {
    width: 25%;
  }
  .xl-3-8,
  .ed-item.xl-3-8 {
    width: 37.5%;
  }
  .xl-4-8,
  .ed-item.xl-4-8 {
    width: 50%;
  }
  .xl-5-8,
  .ed-item.xl-5-8 {
    width: 62.5%;
  }
  .xl-6-8,
  .ed-item.xl-6-8 {
    width: 75%;
  }
  .xl-7-8,
  .ed-item.xl-7-8 {
    width: 87.5%;
  }
  .xl-8-8,
  .ed-item.xl-8-8 {
    width: 100%;
  }
  .xl-1-9,
  .ed-item.xl-1-9 {
    width: 11.1111111111%;
  }
  .xl-2-9,
  .ed-item.xl-2-9 {
    width: 22.2222222222%;
  }
  .xl-3-9,
  .ed-item.xl-3-9 {
    width: 33.3333333333%;
  }
  .xl-4-9,
  .ed-item.xl-4-9 {
    width: 44.4444444444%;
  }
  .xl-5-9,
  .ed-item.xl-5-9 {
    width: 55.5555555556%;
  }
  .xl-6-9,
  .ed-item.xl-6-9 {
    width: 66.6666666667%;
  }
  .xl-7-9,
  .ed-item.xl-7-9 {
    width: 77.7777777778%;
  }
  .xl-8-9,
  .ed-item.xl-8-9 {
    width: 88.8888888889%;
  }
  .xl-9-9,
  .ed-item.xl-9-9 {
    width: 100%;
  }
  .xl-1-10,
  .ed-item.xl-1-10 {
    width: 10%;
  }
  .xl-2-10,
  .ed-item.xl-2-10 {
    width: 20%;
  }
  .xl-3-10,
  .ed-item.xl-3-10 {
    width: 30%;
  }
  .xl-4-10,
  .ed-item.xl-4-10 {
    width: 40%;
  }
  .xl-5-10,
  .ed-item.xl-5-10 {
    width: 50%;
  }
  .xl-6-10,
  .ed-item.xl-6-10 {
    width: 60%;
  }
  .xl-7-10,
  .ed-item.xl-7-10 {
    width: 70%;
  }
  .xl-8-10,
  .ed-item.xl-8-10 {
    width: 80%;
  }
  .xl-9-10,
  .ed-item.xl-9-10 {
    width: 90%;
  }
  .xl-10-10,
  .ed-item.xl-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-5,
  .ed-item.cxxl-5 {
    width: 5%;
  }
  .cxxl-10,
  .ed-item.cxxl-10 {
    width: 10%;
  }
  .cxxl-15,
  .ed-item.cxxl-15 {
    width: 15%;
  }
  .cxxl-20,
  .ed-item.cxxl-20 {
    width: 20%;
  }
  .cxxl-25,
  .ed-item.cxxl-25 {
    width: 25%;
  }
  .cxxl-30,
  .ed-item.cxxl-30 {
    width: 30%;
  }
  .cxxl-35,
  .ed-item.cxxl-35 {
    width: 35%;
  }
  .cxxl-40,
  .ed-item.cxxl-40 {
    width: 40%;
  }
  .cxxl-45,
  .ed-item.cxxl-45 {
    width: 45%;
  }
  .cxxl-50,
  .ed-item.cxxl-50 {
    width: 50%;
  }
  .cxxl-55,
  .ed-item.cxxl-55 {
    width: 55%;
  }
  .cxxl-60,
  .ed-item.cxxl-60 {
    width: 60%;
  }
  .cxxl-65,
  .ed-item.cxxl-65 {
    width: 65%;
  }
  .cxxl-70,
  .ed-item.cxxl-70 {
    width: 70%;
  }
  .cxxl-75,
  .ed-item.cxxl-75 {
    width: 75%;
  }
  .cxxl-80,
  .ed-item.cxxl-80 {
    width: 80%;
  }
  .cxxl-85,
  .ed-item.cxxl-85 {
    width: 85%;
  }
  .cxxl-90,
  .ed-item.cxxl-90 {
    width: 90%;
  }
  .cxxl-95,
  .ed-item.cxxl-95 {
    width: 95%;
  }
  .cxxl-100,
  .ed-item.cxxl-100 {
    width: 100%;
  }
  .cxxl-1-1,
  .ed-item.cxxl-1-1 {
    width: 100%;
  }
  .cxxl-1-2,
  .ed-item.cxxl-1-2 {
    width: 50%;
  }
  .cxxl-2-2,
  .ed-item.cxxl-2-2 {
    width: 100%;
  }
  .cxxl-1-3,
  .ed-item.cxxl-1-3 {
    width: 33.3333333333%;
  }
  .cxxl-2-3,
  .ed-item.cxxl-2-3 {
    width: 66.6666666667%;
  }
  .cxxl-3-3,
  .ed-item.cxxl-3-3 {
    width: 100%;
  }
  .cxxl-1-4,
  .ed-item.cxxl-1-4 {
    width: 25%;
  }
  .cxxl-2-4,
  .ed-item.cxxl-2-4 {
    width: 50%;
  }
  .cxxl-3-4,
  .ed-item.cxxl-3-4 {
    width: 75%;
  }
  .cxxl-4-4,
  .ed-item.cxxl-4-4 {
    width: 100%;
  }
  .cxxl-1-5,
  .ed-item.cxxl-1-5 {
    width: 20%;
  }
  .cxxl-2-5,
  .ed-item.cxxl-2-5 {
    width: 40%;
  }
  .cxxl-3-5,
  .ed-item.cxxl-3-5 {
    width: 60%;
  }
  .cxxl-4-5,
  .ed-item.cxxl-4-5 {
    width: 80%;
  }
  .cxxl-5-5,
  .ed-item.cxxl-5-5 {
    width: 100%;
  }
  .cxxl-1-6,
  .ed-item.cxxl-1-6 {
    width: 16.6666666667%;
  }
  .cxxl-2-6,
  .ed-item.cxxl-2-6 {
    width: 33.3333333333%;
  }
  .cxxl-3-6,
  .ed-item.cxxl-3-6 {
    width: 50%;
  }
  .cxxl-4-6,
  .ed-item.cxxl-4-6 {
    width: 66.6666666667%;
  }
  .cxxl-5-6,
  .ed-item.cxxl-5-6 {
    width: 83.3333333333%;
  }
  .cxxl-6-6,
  .ed-item.cxxl-6-6 {
    width: 100%;
  }
  .cxxl-1-7,
  .ed-item.cxxl-1-7 {
    width: 14.2857142857%;
  }
  .cxxl-2-7,
  .ed-item.cxxl-2-7 {
    width: 28.5714285714%;
  }
  .cxxl-3-7,
  .ed-item.cxxl-3-7 {
    width: 42.8571428571%;
  }
  .cxxl-4-7,
  .ed-item.cxxl-4-7 {
    width: 57.1428571429%;
  }
  .cxxl-5-7,
  .ed-item.cxxl-5-7 {
    width: 71.4285714286%;
  }
  .cxxl-6-7,
  .ed-item.cxxl-6-7 {
    width: 85.7142857143%;
  }
  .cxxl-7-7,
  .ed-item.cxxl-7-7 {
    width: 100%;
  }
  .cxxl-1-8,
  .ed-item.cxxl-1-8 {
    width: 12.5%;
  }
  .cxxl-2-8,
  .ed-item.cxxl-2-8 {
    width: 25%;
  }
  .cxxl-3-8,
  .ed-item.cxxl-3-8 {
    width: 37.5%;
  }
  .cxxl-4-8,
  .ed-item.cxxl-4-8 {
    width: 50%;
  }
  .cxxl-5-8,
  .ed-item.cxxl-5-8 {
    width: 62.5%;
  }
  .cxxl-6-8,
  .ed-item.cxxl-6-8 {
    width: 75%;
  }
  .cxxl-7-8,
  .ed-item.cxxl-7-8 {
    width: 87.5%;
  }
  .cxxl-8-8,
  .ed-item.cxxl-8-8 {
    width: 100%;
  }
  .cxxl-1-9,
  .ed-item.cxxl-1-9 {
    width: 11.1111111111%;
  }
  .cxxl-2-9,
  .ed-item.cxxl-2-9 {
    width: 22.2222222222%;
  }
  .cxxl-3-9,
  .ed-item.cxxl-3-9 {
    width: 33.3333333333%;
  }
  .cxxl-4-9,
  .ed-item.cxxl-4-9 {
    width: 44.4444444444%;
  }
  .cxxl-5-9,
  .ed-item.cxxl-5-9 {
    width: 55.5555555556%;
  }
  .cxxl-6-9,
  .ed-item.cxxl-6-9 {
    width: 66.6666666667%;
  }
  .cxxl-7-9,
  .ed-item.cxxl-7-9 {
    width: 77.7777777778%;
  }
  .cxxl-8-9,
  .ed-item.cxxl-8-9 {
    width: 88.8888888889%;
  }
  .cxxl-9-9,
  .ed-item.cxxl-9-9 {
    width: 100%;
  }
  .cxxl-1-10,
  .ed-item.cxxl-1-10 {
    width: 10%;
  }
  .cxxl-2-10,
  .ed-item.cxxl-2-10 {
    width: 20%;
  }
  .cxxl-3-10,
  .ed-item.cxxl-3-10 {
    width: 30%;
  }
  .cxxl-4-10,
  .ed-item.cxxl-4-10 {
    width: 40%;
  }
  .cxxl-5-10,
  .ed-item.cxxl-5-10 {
    width: 50%;
  }
  .cxxl-6-10,
  .ed-item.cxxl-6-10 {
    width: 60%;
  }
  .cxxl-7-10,
  .ed-item.cxxl-7-10 {
    width: 70%;
  }
  .cxxl-8-10,
  .ed-item.cxxl-8-10 {
    width: 80%;
  }
  .cxxl-9-10,
  .ed-item.cxxl-9-10 {
    width: 90%;
  }
  .cxxl-10-10,
  .ed-item.cxxl-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-5,
  .ed-item.xxl-5 {
    width: 5%;
  }
  .xxl-10,
  .ed-item.xxl-10 {
    width: 10%;
  }
  .xxl-15,
  .ed-item.xxl-15 {
    width: 15%;
  }
  .xxl-20,
  .ed-item.xxl-20 {
    width: 20%;
  }
  .xxl-25,
  .ed-item.xxl-25 {
    width: 25%;
  }
  .xxl-30,
  .ed-item.xxl-30 {
    width: 30%;
  }
  .xxl-35,
  .ed-item.xxl-35 {
    width: 35%;
  }
  .xxl-40,
  .ed-item.xxl-40 {
    width: 40%;
  }
  .xxl-45,
  .ed-item.xxl-45 {
    width: 45%;
  }
  .xxl-50,
  .ed-item.xxl-50 {
    width: 50%;
  }
  .xxl-55,
  .ed-item.xxl-55 {
    width: 55%;
  }
  .xxl-60,
  .ed-item.xxl-60 {
    width: 60%;
  }
  .xxl-65,
  .ed-item.xxl-65 {
    width: 65%;
  }
  .xxl-70,
  .ed-item.xxl-70 {
    width: 70%;
  }
  .xxl-75,
  .ed-item.xxl-75 {
    width: 75%;
  }
  .xxl-80,
  .ed-item.xxl-80 {
    width: 80%;
  }
  .xxl-85,
  .ed-item.xxl-85 {
    width: 85%;
  }
  .xxl-90,
  .ed-item.xxl-90 {
    width: 90%;
  }
  .xxl-95,
  .ed-item.xxl-95 {
    width: 95%;
  }
  .xxl-100,
  .ed-item.xxl-100 {
    width: 100%;
  }
  .xxl-1-1,
  .ed-item.xxl-1-1 {
    width: 100%;
  }
  .xxl-1-2,
  .ed-item.xxl-1-2 {
    width: 50%;
  }
  .xxl-2-2,
  .ed-item.xxl-2-2 {
    width: 100%;
  }
  .xxl-1-3,
  .ed-item.xxl-1-3 {
    width: 33.3333333333%;
  }
  .xxl-2-3,
  .ed-item.xxl-2-3 {
    width: 66.6666666667%;
  }
  .xxl-3-3,
  .ed-item.xxl-3-3 {
    width: 100%;
  }
  .xxl-1-4,
  .ed-item.xxl-1-4 {
    width: 25%;
  }
  .xxl-2-4,
  .ed-item.xxl-2-4 {
    width: 50%;
  }
  .xxl-3-4,
  .ed-item.xxl-3-4 {
    width: 75%;
  }
  .xxl-4-4,
  .ed-item.xxl-4-4 {
    width: 100%;
  }
  .xxl-1-5,
  .ed-item.xxl-1-5 {
    width: 20%;
  }
  .xxl-2-5,
  .ed-item.xxl-2-5 {
    width: 40%;
  }
  .xxl-3-5,
  .ed-item.xxl-3-5 {
    width: 60%;
  }
  .xxl-4-5,
  .ed-item.xxl-4-5 {
    width: 80%;
  }
  .xxl-5-5,
  .ed-item.xxl-5-5 {
    width: 100%;
  }
  .xxl-1-6,
  .ed-item.xxl-1-6 {
    width: 16.6666666667%;
  }
  .xxl-2-6,
  .ed-item.xxl-2-6 {
    width: 33.3333333333%;
  }
  .xxl-3-6,
  .ed-item.xxl-3-6 {
    width: 50%;
  }
  .xxl-4-6,
  .ed-item.xxl-4-6 {
    width: 66.6666666667%;
  }
  .xxl-5-6,
  .ed-item.xxl-5-6 {
    width: 83.3333333333%;
  }
  .xxl-6-6,
  .ed-item.xxl-6-6 {
    width: 100%;
  }
  .xxl-1-7,
  .ed-item.xxl-1-7 {
    width: 14.2857142857%;
  }
  .xxl-2-7,
  .ed-item.xxl-2-7 {
    width: 28.5714285714%;
  }
  .xxl-3-7,
  .ed-item.xxl-3-7 {
    width: 42.8571428571%;
  }
  .xxl-4-7,
  .ed-item.xxl-4-7 {
    width: 57.1428571429%;
  }
  .xxl-5-7,
  .ed-item.xxl-5-7 {
    width: 71.4285714286%;
  }
  .xxl-6-7,
  .ed-item.xxl-6-7 {
    width: 85.7142857143%;
  }
  .xxl-7-7,
  .ed-item.xxl-7-7 {
    width: 100%;
  }
  .xxl-1-8,
  .ed-item.xxl-1-8 {
    width: 12.5%;
  }
  .xxl-2-8,
  .ed-item.xxl-2-8 {
    width: 25%;
  }
  .xxl-3-8,
  .ed-item.xxl-3-8 {
    width: 37.5%;
  }
  .xxl-4-8,
  .ed-item.xxl-4-8 {
    width: 50%;
  }
  .xxl-5-8,
  .ed-item.xxl-5-8 {
    width: 62.5%;
  }
  .xxl-6-8,
  .ed-item.xxl-6-8 {
    width: 75%;
  }
  .xxl-7-8,
  .ed-item.xxl-7-8 {
    width: 87.5%;
  }
  .xxl-8-8,
  .ed-item.xxl-8-8 {
    width: 100%;
  }
  .xxl-1-9,
  .ed-item.xxl-1-9 {
    width: 11.1111111111%;
  }
  .xxl-2-9,
  .ed-item.xxl-2-9 {
    width: 22.2222222222%;
  }
  .xxl-3-9,
  .ed-item.xxl-3-9 {
    width: 33.3333333333%;
  }
  .xxl-4-9,
  .ed-item.xxl-4-9 {
    width: 44.4444444444%;
  }
  .xxl-5-9,
  .ed-item.xxl-5-9 {
    width: 55.5555555556%;
  }
  .xxl-6-9,
  .ed-item.xxl-6-9 {
    width: 66.6666666667%;
  }
  .xxl-7-9,
  .ed-item.xxl-7-9 {
    width: 77.7777777778%;
  }
  .xxl-8-9,
  .ed-item.xxl-8-9 {
    width: 88.8888888889%;
  }
  .xxl-9-9,
  .ed-item.xxl-9-9 {
    width: 100%;
  }
  .xxl-1-10,
  .ed-item.xxl-1-10 {
    width: 10%;
  }
  .xxl-2-10,
  .ed-item.xxl-2-10 {
    width: 20%;
  }
  .xxl-3-10,
  .ed-item.xxl-3-10 {
    width: 30%;
  }
  .xxl-4-10,
  .ed-item.xxl-4-10 {
    width: 40%;
  }
  .xxl-5-10,
  .ed-item.xxl-5-10 {
    width: 50%;
  }
  .xxl-6-10,
  .ed-item.xxl-6-10 {
    width: 60%;
  }
  .xxl-7-10,
  .ed-item.xxl-7-10 {
    width: 70%;
  }
  .xxl-8-10,
  .ed-item.xxl-8-10 {
    width: 80%;
  }
  .xxl-9-10,
  .ed-item.xxl-9-10 {
    width: 90%;
  }
  .xxl-10-10,
  .ed-item.xxl-10-10 {
    width: 100%;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-5,
  .ed-item.xxxl-5 {
    width: 5%;
  }
  .xxxl-10,
  .ed-item.xxxl-10 {
    width: 10%;
  }
  .xxxl-15,
  .ed-item.xxxl-15 {
    width: 15%;
  }
  .xxxl-20,
  .ed-item.xxxl-20 {
    width: 20%;
  }
  .xxxl-25,
  .ed-item.xxxl-25 {
    width: 25%;
  }
  .xxxl-30,
  .ed-item.xxxl-30 {
    width: 30%;
  }
  .xxxl-35,
  .ed-item.xxxl-35 {
    width: 35%;
  }
  .xxxl-40,
  .ed-item.xxxl-40 {
    width: 40%;
  }
  .xxxl-45,
  .ed-item.xxxl-45 {
    width: 45%;
  }
  .xxxl-50,
  .ed-item.xxxl-50 {
    width: 50%;
  }
  .xxxl-55,
  .ed-item.xxxl-55 {
    width: 55%;
  }
  .xxxl-60,
  .ed-item.xxxl-60 {
    width: 60%;
  }
  .xxxl-65,
  .ed-item.xxxl-65 {
    width: 65%;
  }
  .xxxl-70,
  .ed-item.xxxl-70 {
    width: 70%;
  }
  .xxxl-75,
  .ed-item.xxxl-75 {
    width: 75%;
  }
  .xxxl-80,
  .ed-item.xxxl-80 {
    width: 80%;
  }
  .xxxl-85,
  .ed-item.xxxl-85 {
    width: 85%;
  }
  .xxxl-90,
  .ed-item.xxxl-90 {
    width: 90%;
  }
  .xxxl-95,
  .ed-item.xxxl-95 {
    width: 95%;
  }
  .xxxl-100,
  .ed-item.xxxl-100 {
    width: 100%;
  }
  .xxxl-1-1,
  .ed-item.xxxl-1-1 {
    width: 100%;
  }
  .xxxl-1-2,
  .ed-item.xxxl-1-2 {
    width: 50%;
  }
  .xxxl-2-2,
  .ed-item.xxxl-2-2 {
    width: 100%;
  }
  .xxxl-1-3,
  .ed-item.xxxl-1-3 {
    width: 33.3333333333%;
  }
  .xxxl-2-3,
  .ed-item.xxxl-2-3 {
    width: 66.6666666667%;
  }
  .xxxl-3-3,
  .ed-item.xxxl-3-3 {
    width: 100%;
  }
  .xxxl-1-4,
  .ed-item.xxxl-1-4 {
    width: 25%;
  }
  .xxxl-2-4,
  .ed-item.xxxl-2-4 {
    width: 50%;
  }
  .xxxl-3-4,
  .ed-item.xxxl-3-4 {
    width: 75%;
  }
  .xxxl-4-4,
  .ed-item.xxxl-4-4 {
    width: 100%;
  }
  .xxxl-1-5,
  .ed-item.xxxl-1-5 {
    width: 20%;
  }
  .xxxl-2-5,
  .ed-item.xxxl-2-5 {
    width: 40%;
  }
  .xxxl-3-5,
  .ed-item.xxxl-3-5 {
    width: 60%;
  }
  .xxxl-4-5,
  .ed-item.xxxl-4-5 {
    width: 80%;
  }
  .xxxl-5-5,
  .ed-item.xxxl-5-5 {
    width: 100%;
  }
  .xxxl-1-6,
  .ed-item.xxxl-1-6 {
    width: 16.6666666667%;
  }
  .xxxl-2-6,
  .ed-item.xxxl-2-6 {
    width: 33.3333333333%;
  }
  .xxxl-3-6,
  .ed-item.xxxl-3-6 {
    width: 50%;
  }
  .xxxl-4-6,
  .ed-item.xxxl-4-6 {
    width: 66.6666666667%;
  }
  .xxxl-5-6,
  .ed-item.xxxl-5-6 {
    width: 83.3333333333%;
  }
  .xxxl-6-6,
  .ed-item.xxxl-6-6 {
    width: 100%;
  }
  .xxxl-1-7,
  .ed-item.xxxl-1-7 {
    width: 14.2857142857%;
  }
  .xxxl-2-7,
  .ed-item.xxxl-2-7 {
    width: 28.5714285714%;
  }
  .xxxl-3-7,
  .ed-item.xxxl-3-7 {
    width: 42.8571428571%;
  }
  .xxxl-4-7,
  .ed-item.xxxl-4-7 {
    width: 57.1428571429%;
  }
  .xxxl-5-7,
  .ed-item.xxxl-5-7 {
    width: 71.4285714286%;
  }
  .xxxl-6-7,
  .ed-item.xxxl-6-7 {
    width: 85.7142857143%;
  }
  .xxxl-7-7,
  .ed-item.xxxl-7-7 {
    width: 100%;
  }
  .xxxl-1-8,
  .ed-item.xxxl-1-8 {
    width: 12.5%;
  }
  .xxxl-2-8,
  .ed-item.xxxl-2-8 {
    width: 25%;
  }
  .xxxl-3-8,
  .ed-item.xxxl-3-8 {
    width: 37.5%;
  }
  .xxxl-4-8,
  .ed-item.xxxl-4-8 {
    width: 50%;
  }
  .xxxl-5-8,
  .ed-item.xxxl-5-8 {
    width: 62.5%;
  }
  .xxxl-6-8,
  .ed-item.xxxl-6-8 {
    width: 75%;
  }
  .xxxl-7-8,
  .ed-item.xxxl-7-8 {
    width: 87.5%;
  }
  .xxxl-8-8,
  .ed-item.xxxl-8-8 {
    width: 100%;
  }
  .xxxl-1-9,
  .ed-item.xxxl-1-9 {
    width: 11.1111111111%;
  }
  .xxxl-2-9,
  .ed-item.xxxl-2-9 {
    width: 22.2222222222%;
  }
  .xxxl-3-9,
  .ed-item.xxxl-3-9 {
    width: 33.3333333333%;
  }
  .xxxl-4-9,
  .ed-item.xxxl-4-9 {
    width: 44.4444444444%;
  }
  .xxxl-5-9,
  .ed-item.xxxl-5-9 {
    width: 55.5555555556%;
  }
  .xxxl-6-9,
  .ed-item.xxxl-6-9 {
    width: 66.6666666667%;
  }
  .xxxl-7-9,
  .ed-item.xxxl-7-9 {
    width: 77.7777777778%;
  }
  .xxxl-8-9,
  .ed-item.xxxl-8-9 {
    width: 88.8888888889%;
  }
  .xxxl-9-9,
  .ed-item.xxxl-9-9 {
    width: 100%;
  }
  .xxxl-1-10,
  .ed-item.xxxl-1-10 {
    width: 10%;
  }
  .xxxl-2-10,
  .ed-item.xxxl-2-10 {
    width: 20%;
  }
  .xxxl-3-10,
  .ed-item.xxxl-3-10 {
    width: 30%;
  }
  .xxxl-4-10,
  .ed-item.xxxl-4-10 {
    width: 40%;
  }
  .xxxl-5-10,
  .ed-item.xxxl-5-10 {
    width: 50%;
  }
  .xxxl-6-10,
  .ed-item.xxxl-6-10 {
    width: 60%;
  }
  .xxxl-7-10,
  .ed-item.xxxl-7-10 {
    width: 70%;
  }
  .xxxl-8-10,
  .ed-item.xxxl-8-10 {
    width: 80%;
  }
  .xxxl-9-10,
  .ed-item.xxxl-9-10 {
    width: 90%;
  }
  .xxxl-10-10,
  .ed-item.xxxl-10-10 {
    width: 100%;
  }
}
.ed-grid.s-gap-0 {
  --gap: 0rem;
}

@media screen and (min-width: 480px) {
  .ed-grid.sm-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 640px) {
  .ed-grid.m-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 1280px) {
  .ed-grid.lg-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 1600px) {
  .ed-grid.xl-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.cxxl-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.xxl-gap-0 {
    --gap: 0rem;
  }
}
@media screen and (min-width: 4000px) {
  .ed-grid.xxxl-gap-0 {
    --gap: 0rem;
  }
}
.ed-grid.s-gap-1 {
  --gap: 0.5rem;
}

@media screen and (min-width: 480px) {
  .ed-grid.sm-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 640px) {
  .ed-grid.m-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .ed-grid.lg-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .ed-grid.xl-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.cxxl-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.xxl-gap-1 {
    --gap: 0.5rem;
  }
}
@media screen and (min-width: 4000px) {
  .ed-grid.xxxl-gap-1 {
    --gap: 0.5rem;
  }
}
.ed-grid.s-gap-2 {
  --gap: 1rem;
}

@media screen and (min-width: 480px) {
  .ed-grid.sm-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 640px) {
  .ed-grid.m-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 1280px) {
  .ed-grid.lg-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 1600px) {
  .ed-grid.xl-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.cxxl-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.xxl-gap-2 {
    --gap: 1rem;
  }
}
@media screen and (min-width: 4000px) {
  .ed-grid.xxxl-gap-2 {
    --gap: 1rem;
  }
}
.ed-grid.s-gap-3 {
  --gap: 1.5rem;
}

@media screen and (min-width: 480px) {
  .ed-grid.sm-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  .ed-grid.m-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .ed-grid.lg-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .ed-grid.xl-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.cxxl-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.xxl-gap-3 {
    --gap: 1.5rem;
  }
}
@media screen and (min-width: 4000px) {
  .ed-grid.xxxl-gap-3 {
    --gap: 1.5rem;
  }
}
.ed-grid.s-gap-4 {
  --gap: 2rem;
}

@media screen and (min-width: 480px) {
  .ed-grid.sm-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 640px) {
  .ed-grid.m-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .ed-grid.lg-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .ed-grid.xl-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.cxxl-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 1800px) {
  .ed-grid.xxl-gap-4 {
    --gap: 2rem;
  }
}
@media screen and (min-width: 4000px) {
  .ed-grid.xxxl-gap-4 {
    --gap: 2rem;
  }
}
.sbi-grid {
  display: grid;
  grid-template-columns: 100%;
  column-gap: var(--gap);
  width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: var(--max-width);
}
.sbi-grid.gap-0 {
  --gap: 0rem;
}
.sbi-grid.gap-1 {
  --gap: 0.5rem;
}
.sbi-grid.gap-2 {
  --gap: 1rem;
}
.sbi-grid.gap-3 {
  --gap: 1.5rem;
}
.sbi-grid.gap-4 {
  --gap: 2rem;
}
@media screen and (min-width: 1200px) {
  .sbi-grid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.sbi-grid.row-gap, .sbi-grid.rows-gap {
  row-gap: var(--gap);
}
.sbi-grid .sbi-grid, .sbi-grid.full {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.sbi-grid .sbi-grid.s-5,
.sbi-grid .sbi-grid .sbi-grid.s-5 {
  width: 5%;
}
.sbi-grid .sbi-grid.s-10,
.sbi-grid .sbi-grid .sbi-grid.s-10 {
  width: 10%;
}
.sbi-grid .sbi-grid.s-15,
.sbi-grid .sbi-grid .sbi-grid.s-15 {
  width: 15%;
}
.sbi-grid .sbi-grid.s-20,
.sbi-grid .sbi-grid .sbi-grid.s-20 {
  width: 20%;
}
.sbi-grid .sbi-grid.s-25,
.sbi-grid .sbi-grid .sbi-grid.s-25 {
  width: 25%;
}
.sbi-grid .sbi-grid.s-30,
.sbi-grid .sbi-grid .sbi-grid.s-30 {
  width: 30%;
}
.sbi-grid .sbi-grid.s-35,
.sbi-grid .sbi-grid .sbi-grid.s-35 {
  width: 35%;
}
.sbi-grid .sbi-grid.s-40,
.sbi-grid .sbi-grid .sbi-grid.s-40 {
  width: 40%;
}
.sbi-grid .sbi-grid.s-45,
.sbi-grid .sbi-grid .sbi-grid.s-45 {
  width: 45%;
}
.sbi-grid .sbi-grid.s-50,
.sbi-grid .sbi-grid .sbi-grid.s-50 {
  width: 50%;
}
.sbi-grid .sbi-grid.s-55,
.sbi-grid .sbi-grid .sbi-grid.s-55 {
  width: 55%;
}
.sbi-grid .sbi-grid.s-60,
.sbi-grid .sbi-grid .sbi-grid.s-60 {
  width: 60%;
}
.sbi-grid .sbi-grid.s-65,
.sbi-grid .sbi-grid .sbi-grid.s-65 {
  width: 65%;
}
.sbi-grid .sbi-grid.s-70,
.sbi-grid .sbi-grid .sbi-grid.s-70 {
  width: 70%;
}
.sbi-grid .sbi-grid.s-75,
.sbi-grid .sbi-grid .sbi-grid.s-75 {
  width: 75%;
}
.sbi-grid .sbi-grid.s-80,
.sbi-grid .sbi-grid .sbi-grid.s-80 {
  width: 80%;
}
.sbi-grid .sbi-grid.s-85,
.sbi-grid .sbi-grid .sbi-grid.s-85 {
  width: 85%;
}
.sbi-grid .sbi-grid.s-90,
.sbi-grid .sbi-grid .sbi-grid.s-90 {
  width: 90%;
}
.sbi-grid .sbi-grid.s-95,
.sbi-grid .sbi-grid .sbi-grid.s-95 {
  width: 95%;
}
.sbi-grid .sbi-grid.s-100,
.sbi-grid .sbi-grid .sbi-grid.s-100 {
  width: 100%;
}
.sbi-grid .sbi-grid.s-to-center,
.sbi-grid .sbi-grid .sbi-grid.s-to-center {
  margin-left: auto;
  margin-right: auto;
}
.sbi-grid .sbi-grid.s-to-right,
.sbi-grid .sbi-grid .sbi-grid.s-to-right {
  margin-left: auto;
  margin-right: 0;
}
.sbi-grid .sbi-grid.s-to-left,
.sbi-grid .sbi-grid .sbi-grid.s-to-left {
  margin-left: 0;
  margin-right: auto;
}
@media screen and (min-width: 480px) {
  .sbi-grid .sbi-grid.sm-5,
  .sbi-grid .sbi-grid .sbi-grid.sm-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.sm-10,
  .sbi-grid .sbi-grid .sbi-grid.sm-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.sm-15,
  .sbi-grid .sbi-grid .sbi-grid.sm-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.sm-20,
  .sbi-grid .sbi-grid .sbi-grid.sm-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.sm-25,
  .sbi-grid .sbi-grid .sbi-grid.sm-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.sm-30,
  .sbi-grid .sbi-grid .sbi-grid.sm-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.sm-35,
  .sbi-grid .sbi-grid .sbi-grid.sm-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.sm-40,
  .sbi-grid .sbi-grid .sbi-grid.sm-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.sm-45,
  .sbi-grid .sbi-grid .sbi-grid.sm-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.sm-50,
  .sbi-grid .sbi-grid .sbi-grid.sm-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.sm-55,
  .sbi-grid .sbi-grid .sbi-grid.sm-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.sm-60,
  .sbi-grid .sbi-grid .sbi-grid.sm-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.sm-65,
  .sbi-grid .sbi-grid .sbi-grid.sm-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.sm-70,
  .sbi-grid .sbi-grid .sbi-grid.sm-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.sm-75,
  .sbi-grid .sbi-grid .sbi-grid.sm-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.sm-80,
  .sbi-grid .sbi-grid .sbi-grid.sm-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.sm-85,
  .sbi-grid .sbi-grid .sbi-grid.sm-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.sm-90,
  .sbi-grid .sbi-grid .sbi-grid.sm-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.sm-95,
  .sbi-grid .sbi-grid .sbi-grid.sm-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.sm-100,
  .sbi-grid .sbi-grid .sbi-grid.sm-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.sm-to-center,
  .sbi-grid .sbi-grid .sbi-grid.sm-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.sm-to-right,
  .sbi-grid .sbi-grid .sbi-grid.sm-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.sm-to-left,
  .sbi-grid .sbi-grid .sbi-grid.sm-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 640px) {
  .sbi-grid .sbi-grid.m-5,
  .sbi-grid .sbi-grid .sbi-grid.m-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.m-10,
  .sbi-grid .sbi-grid .sbi-grid.m-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.m-15,
  .sbi-grid .sbi-grid .sbi-grid.m-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.m-20,
  .sbi-grid .sbi-grid .sbi-grid.m-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.m-25,
  .sbi-grid .sbi-grid .sbi-grid.m-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.m-30,
  .sbi-grid .sbi-grid .sbi-grid.m-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.m-35,
  .sbi-grid .sbi-grid .sbi-grid.m-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.m-40,
  .sbi-grid .sbi-grid .sbi-grid.m-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.m-45,
  .sbi-grid .sbi-grid .sbi-grid.m-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.m-50,
  .sbi-grid .sbi-grid .sbi-grid.m-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.m-55,
  .sbi-grid .sbi-grid .sbi-grid.m-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.m-60,
  .sbi-grid .sbi-grid .sbi-grid.m-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.m-65,
  .sbi-grid .sbi-grid .sbi-grid.m-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.m-70,
  .sbi-grid .sbi-grid .sbi-grid.m-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.m-75,
  .sbi-grid .sbi-grid .sbi-grid.m-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.m-80,
  .sbi-grid .sbi-grid .sbi-grid.m-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.m-85,
  .sbi-grid .sbi-grid .sbi-grid.m-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.m-90,
  .sbi-grid .sbi-grid .sbi-grid.m-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.m-95,
  .sbi-grid .sbi-grid .sbi-grid.m-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.m-100,
  .sbi-grid .sbi-grid .sbi-grid.m-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.m-to-center,
  .sbi-grid .sbi-grid .sbi-grid.m-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.m-to-right,
  .sbi-grid .sbi-grid .sbi-grid.m-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.m-to-left,
  .sbi-grid .sbi-grid .sbi-grid.m-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .sbi-grid .sbi-grid.l-5,
  .sbi-grid .sbi-grid .sbi-grid.l-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.l-10,
  .sbi-grid .sbi-grid .sbi-grid.l-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.l-15,
  .sbi-grid .sbi-grid .sbi-grid.l-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.l-20,
  .sbi-grid .sbi-grid .sbi-grid.l-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.l-25,
  .sbi-grid .sbi-grid .sbi-grid.l-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.l-30,
  .sbi-grid .sbi-grid .sbi-grid.l-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.l-35,
  .sbi-grid .sbi-grid .sbi-grid.l-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.l-40,
  .sbi-grid .sbi-grid .sbi-grid.l-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.l-45,
  .sbi-grid .sbi-grid .sbi-grid.l-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.l-50,
  .sbi-grid .sbi-grid .sbi-grid.l-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.l-55,
  .sbi-grid .sbi-grid .sbi-grid.l-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.l-60,
  .sbi-grid .sbi-grid .sbi-grid.l-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.l-65,
  .sbi-grid .sbi-grid .sbi-grid.l-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.l-70,
  .sbi-grid .sbi-grid .sbi-grid.l-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.l-75,
  .sbi-grid .sbi-grid .sbi-grid.l-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.l-80,
  .sbi-grid .sbi-grid .sbi-grid.l-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.l-85,
  .sbi-grid .sbi-grid .sbi-grid.l-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.l-90,
  .sbi-grid .sbi-grid .sbi-grid.l-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.l-95,
  .sbi-grid .sbi-grid .sbi-grid.l-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.l-100,
  .sbi-grid .sbi-grid .sbi-grid.l-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.l-to-center,
  .sbi-grid .sbi-grid .sbi-grid.l-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.l-to-right,
  .sbi-grid .sbi-grid .sbi-grid.l-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.l-to-left,
  .sbi-grid .sbi-grid .sbi-grid.l-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 1280px) {
  .sbi-grid .sbi-grid.lg-5,
  .sbi-grid .sbi-grid .sbi-grid.lg-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.lg-10,
  .sbi-grid .sbi-grid .sbi-grid.lg-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.lg-15,
  .sbi-grid .sbi-grid .sbi-grid.lg-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.lg-20,
  .sbi-grid .sbi-grid .sbi-grid.lg-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.lg-25,
  .sbi-grid .sbi-grid .sbi-grid.lg-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.lg-30,
  .sbi-grid .sbi-grid .sbi-grid.lg-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.lg-35,
  .sbi-grid .sbi-grid .sbi-grid.lg-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.lg-40,
  .sbi-grid .sbi-grid .sbi-grid.lg-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.lg-45,
  .sbi-grid .sbi-grid .sbi-grid.lg-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.lg-50,
  .sbi-grid .sbi-grid .sbi-grid.lg-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.lg-55,
  .sbi-grid .sbi-grid .sbi-grid.lg-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.lg-60,
  .sbi-grid .sbi-grid .sbi-grid.lg-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.lg-65,
  .sbi-grid .sbi-grid .sbi-grid.lg-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.lg-70,
  .sbi-grid .sbi-grid .sbi-grid.lg-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.lg-75,
  .sbi-grid .sbi-grid .sbi-grid.lg-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.lg-80,
  .sbi-grid .sbi-grid .sbi-grid.lg-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.lg-85,
  .sbi-grid .sbi-grid .sbi-grid.lg-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.lg-90,
  .sbi-grid .sbi-grid .sbi-grid.lg-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.lg-95,
  .sbi-grid .sbi-grid .sbi-grid.lg-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.lg-100,
  .sbi-grid .sbi-grid .sbi-grid.lg-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.lg-to-center,
  .sbi-grid .sbi-grid .sbi-grid.lg-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.lg-to-right,
  .sbi-grid .sbi-grid .sbi-grid.lg-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.lg-to-left,
  .sbi-grid .sbi-grid .sbi-grid.lg-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 1600px) {
  .sbi-grid .sbi-grid.xl-5,
  .sbi-grid .sbi-grid .sbi-grid.xl-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.xl-10,
  .sbi-grid .sbi-grid .sbi-grid.xl-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.xl-15,
  .sbi-grid .sbi-grid .sbi-grid.xl-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.xl-20,
  .sbi-grid .sbi-grid .sbi-grid.xl-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.xl-25,
  .sbi-grid .sbi-grid .sbi-grid.xl-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.xl-30,
  .sbi-grid .sbi-grid .sbi-grid.xl-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.xl-35,
  .sbi-grid .sbi-grid .sbi-grid.xl-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.xl-40,
  .sbi-grid .sbi-grid .sbi-grid.xl-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.xl-45,
  .sbi-grid .sbi-grid .sbi-grid.xl-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.xl-50,
  .sbi-grid .sbi-grid .sbi-grid.xl-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.xl-55,
  .sbi-grid .sbi-grid .sbi-grid.xl-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.xl-60,
  .sbi-grid .sbi-grid .sbi-grid.xl-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.xl-65,
  .sbi-grid .sbi-grid .sbi-grid.xl-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.xl-70,
  .sbi-grid .sbi-grid .sbi-grid.xl-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.xl-75,
  .sbi-grid .sbi-grid .sbi-grid.xl-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.xl-80,
  .sbi-grid .sbi-grid .sbi-grid.xl-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.xl-85,
  .sbi-grid .sbi-grid .sbi-grid.xl-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.xl-90,
  .sbi-grid .sbi-grid .sbi-grid.xl-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.xl-95,
  .sbi-grid .sbi-grid .sbi-grid.xl-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.xl-100,
  .sbi-grid .sbi-grid .sbi-grid.xl-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.xl-to-center,
  .sbi-grid .sbi-grid .sbi-grid.xl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.xl-to-right,
  .sbi-grid .sbi-grid .sbi-grid.xl-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.xl-to-left,
  .sbi-grid .sbi-grid .sbi-grid.xl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 1800px) {
  .sbi-grid .sbi-grid.cxxl-5,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.cxxl-10,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.cxxl-15,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.cxxl-20,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.cxxl-25,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.cxxl-30,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.cxxl-35,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.cxxl-40,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.cxxl-45,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.cxxl-50,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.cxxl-55,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.cxxl-60,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.cxxl-65,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.cxxl-70,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.cxxl-75,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.cxxl-80,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.cxxl-85,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.cxxl-90,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.cxxl-95,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.cxxl-100,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.cxxl-to-center,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.cxxl-to-right,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.cxxl-to-left,
  .sbi-grid .sbi-grid .sbi-grid.cxxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 1800px) {
  .sbi-grid .sbi-grid.xxl-5,
  .sbi-grid .sbi-grid .sbi-grid.xxl-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.xxl-10,
  .sbi-grid .sbi-grid .sbi-grid.xxl-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.xxl-15,
  .sbi-grid .sbi-grid .sbi-grid.xxl-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.xxl-20,
  .sbi-grid .sbi-grid .sbi-grid.xxl-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.xxl-25,
  .sbi-grid .sbi-grid .sbi-grid.xxl-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.xxl-30,
  .sbi-grid .sbi-grid .sbi-grid.xxl-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.xxl-35,
  .sbi-grid .sbi-grid .sbi-grid.xxl-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.xxl-40,
  .sbi-grid .sbi-grid .sbi-grid.xxl-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.xxl-45,
  .sbi-grid .sbi-grid .sbi-grid.xxl-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.xxl-50,
  .sbi-grid .sbi-grid .sbi-grid.xxl-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.xxl-55,
  .sbi-grid .sbi-grid .sbi-grid.xxl-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.xxl-60,
  .sbi-grid .sbi-grid .sbi-grid.xxl-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.xxl-65,
  .sbi-grid .sbi-grid .sbi-grid.xxl-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.xxl-70,
  .sbi-grid .sbi-grid .sbi-grid.xxl-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.xxl-75,
  .sbi-grid .sbi-grid .sbi-grid.xxl-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.xxl-80,
  .sbi-grid .sbi-grid .sbi-grid.xxl-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.xxl-85,
  .sbi-grid .sbi-grid .sbi-grid.xxl-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.xxl-90,
  .sbi-grid .sbi-grid .sbi-grid.xxl-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.xxl-95,
  .sbi-grid .sbi-grid .sbi-grid.xxl-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.xxl-100,
  .sbi-grid .sbi-grid .sbi-grid.xxl-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.xxl-to-center,
  .sbi-grid .sbi-grid .sbi-grid.xxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.xxl-to-right,
  .sbi-grid .sbi-grid .sbi-grid.xxl-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.xxl-to-left,
  .sbi-grid .sbi-grid .sbi-grid.xxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 4000px) {
  .sbi-grid .sbi-grid.xxxl-5,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-5 {
    width: 5%;
  }
  .sbi-grid .sbi-grid.xxxl-10,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-10 {
    width: 10%;
  }
  .sbi-grid .sbi-grid.xxxl-15,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-15 {
    width: 15%;
  }
  .sbi-grid .sbi-grid.xxxl-20,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-20 {
    width: 20%;
  }
  .sbi-grid .sbi-grid.xxxl-25,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-25 {
    width: 25%;
  }
  .sbi-grid .sbi-grid.xxxl-30,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-30 {
    width: 30%;
  }
  .sbi-grid .sbi-grid.xxxl-35,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-35 {
    width: 35%;
  }
  .sbi-grid .sbi-grid.xxxl-40,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-40 {
    width: 40%;
  }
  .sbi-grid .sbi-grid.xxxl-45,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-45 {
    width: 45%;
  }
  .sbi-grid .sbi-grid.xxxl-50,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-50 {
    width: 50%;
  }
  .sbi-grid .sbi-grid.xxxl-55,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-55 {
    width: 55%;
  }
  .sbi-grid .sbi-grid.xxxl-60,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-60 {
    width: 60%;
  }
  .sbi-grid .sbi-grid.xxxl-65,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-65 {
    width: 65%;
  }
  .sbi-grid .sbi-grid.xxxl-70,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-70 {
    width: 70%;
  }
  .sbi-grid .sbi-grid.xxxl-75,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-75 {
    width: 75%;
  }
  .sbi-grid .sbi-grid.xxxl-80,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-80 {
    width: 80%;
  }
  .sbi-grid .sbi-grid.xxxl-85,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-85 {
    width: 85%;
  }
  .sbi-grid .sbi-grid.xxxl-90,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-90 {
    width: 90%;
  }
  .sbi-grid .sbi-grid.xxxl-95,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-95 {
    width: 95%;
  }
  .sbi-grid .sbi-grid.xxxl-100,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-100 {
    width: 100%;
  }
  .sbi-grid .sbi-grid.xxxl-to-center,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sbi-grid .sbi-grid.xxxl-to-right,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-to-right {
    margin-left: auto;
    margin-right: 0;
  }
  .sbi-grid .sbi-grid.xxxl-to-left,
  .sbi-grid .sbi-grid .sbi-grid.xxxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
}
.sbi-grid.cols-s-1, .sbi-grid.s-grid-1 {
  grid-template-columns: 100%;
}
.sbi-grid > .span-s-1,
.sbi-grid > .s-cols-1 {
  grid-column-end: span 1;
}
.sbi-grid > .s-rows-1 {
  grid-row-end: span 1;
}
.sbi-grid > .s-x-1 {
  grid-column-start: 1;
}
.sbi-grid > .s-y-1 {
  grid-row-start: 1;
}
.sbi-grid.cols-s-2, .sbi-grid.s-grid-2 {
  grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
}
.sbi-grid > .span-s-2,
.sbi-grid > .s-cols-2 {
  grid-column-end: span 2;
}
.sbi-grid > .s-rows-2 {
  grid-row-end: span 2;
}
.sbi-grid > .s-x-2 {
  grid-column-start: 2;
}
.sbi-grid > .s-y-2 {
  grid-row-start: 2;
}
.sbi-grid.cols-s-3, .sbi-grid.s-grid-3 {
  grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
}
.sbi-grid > .span-s-3,
.sbi-grid > .s-cols-3 {
  grid-column-end: span 3;
}
.sbi-grid > .s-rows-3 {
  grid-row-end: span 3;
}
.sbi-grid > .s-x-3 {
  grid-column-start: 3;
}
.sbi-grid > .s-y-3 {
  grid-row-start: 3;
}
.sbi-grid.cols-s-4, .sbi-grid.s-grid-4 {
  grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
}
.sbi-grid > .span-s-4,
.sbi-grid > .s-cols-4 {
  grid-column-end: span 4;
}
.sbi-grid > .s-rows-4 {
  grid-row-end: span 4;
}
.sbi-grid > .s-x-4 {
  grid-column-start: 4;
}
.sbi-grid > .s-y-4 {
  grid-row-start: 4;
}
.sbi-grid.cols-s-5, .sbi-grid.s-grid-5 {
  grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
}
.sbi-grid > .span-s-5,
.sbi-grid > .s-cols-5 {
  grid-column-end: span 5;
}
.sbi-grid > .s-rows-5 {
  grid-row-end: span 5;
}
.sbi-grid > .s-x-5 {
  grid-column-start: 5;
}
.sbi-grid > .s-y-5 {
  grid-row-start: 5;
}
.sbi-grid.cols-s-6, .sbi-grid.s-grid-6 {
  grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
}
.sbi-grid > .span-s-6,
.sbi-grid > .s-cols-6 {
  grid-column-end: span 6;
}
.sbi-grid > .s-rows-6 {
  grid-row-end: span 6;
}
.sbi-grid > .s-x-6 {
  grid-column-start: 6;
}
.sbi-grid > .s-y-6 {
  grid-row-start: 6;
}
.sbi-grid.cols-s-7, .sbi-grid.s-grid-7 {
  grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
}
.sbi-grid > .span-s-7,
.sbi-grid > .s-cols-7 {
  grid-column-end: span 7;
}
.sbi-grid > .s-rows-7 {
  grid-row-end: span 7;
}
.sbi-grid > .s-x-7 {
  grid-column-start: 7;
}
.sbi-grid > .s-y-7 {
  grid-row-start: 7;
}
.sbi-grid.cols-s-8, .sbi-grid.s-grid-8 {
  grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
}
.sbi-grid > .span-s-8,
.sbi-grid > .s-cols-8 {
  grid-column-end: span 8;
}
.sbi-grid > .s-rows-8 {
  grid-row-end: span 8;
}
.sbi-grid > .s-x-8 {
  grid-column-start: 8;
}
.sbi-grid > .s-y-8 {
  grid-row-start: 8;
}
.sbi-grid.cols-s-9, .sbi-grid.s-grid-9 {
  grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
}
.sbi-grid > .span-s-9,
.sbi-grid > .s-cols-9 {
  grid-column-end: span 9;
}
.sbi-grid > .s-rows-9 {
  grid-row-end: span 9;
}
.sbi-grid > .s-x-9 {
  grid-column-start: 9;
}
.sbi-grid > .s-y-9 {
  grid-row-start: 9;
}
.sbi-grid.cols-s-10, .sbi-grid.s-grid-10 {
  grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
}
.sbi-grid > .span-s-10,
.sbi-grid > .s-cols-10 {
  grid-column-end: span 10;
}
.sbi-grid > .s-rows-10 {
  grid-row-end: span 10;
}
.sbi-grid > .s-x-10 {
  grid-column-start: 10;
}
.sbi-grid > .s-y-10 {
  grid-row-start: 10;
}
.sbi-grid.cols-s-11, .sbi-grid.s-grid-11 {
  grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
}
.sbi-grid > .span-s-11,
.sbi-grid > .s-cols-11 {
  grid-column-end: span 11;
}
.sbi-grid > .s-rows-11 {
  grid-row-end: span 11;
}
.sbi-grid > .s-x-11 {
  grid-column-start: 11;
}
.sbi-grid > .s-y-11 {
  grid-row-start: 11;
}
.sbi-grid.cols-s-12, .sbi-grid.s-grid-12 {
  grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
}
.sbi-grid > .span-s-12,
.sbi-grid > .s-cols-12 {
  grid-column-end: span 12;
}
.sbi-grid > .s-rows-12 {
  grid-row-end: span 12;
}
.sbi-grid > .s-x-12 {
  grid-column-start: 12;
}
.sbi-grid > .s-y-12 {
  grid-row-start: 12;
}
@media screen and (min-width: 480px) {
  .sbi-grid.cols-sm-1, .sbi-grid.sm-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-sm-1,
  .sbi-grid > .sm-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .sm-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .sm-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .sm-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-sm-2, .sbi-grid.sm-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-sm-2,
  .sbi-grid > .sm-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .sm-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .sm-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .sm-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-sm-3, .sbi-grid.sm-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-sm-3,
  .sbi-grid > .sm-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .sm-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .sm-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .sm-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-sm-4, .sbi-grid.sm-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-sm-4,
  .sbi-grid > .sm-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .sm-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .sm-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .sm-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-sm-5, .sbi-grid.sm-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-sm-5,
  .sbi-grid > .sm-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .sm-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .sm-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .sm-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-sm-6, .sbi-grid.sm-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-sm-6,
  .sbi-grid > .sm-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .sm-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .sm-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .sm-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-sm-7, .sbi-grid.sm-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-sm-7,
  .sbi-grid > .sm-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .sm-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .sm-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .sm-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-sm-8, .sbi-grid.sm-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-sm-8,
  .sbi-grid > .sm-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .sm-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .sm-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .sm-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-sm-9, .sbi-grid.sm-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-sm-9,
  .sbi-grid > .sm-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .sm-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .sm-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .sm-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-sm-10, .sbi-grid.sm-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-sm-10,
  .sbi-grid > .sm-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .sm-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .sm-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .sm-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-sm-11, .sbi-grid.sm-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-sm-11,
  .sbi-grid > .sm-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .sm-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .sm-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .sm-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-sm-12, .sbi-grid.sm-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-sm-12,
  .sbi-grid > .sm-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .sm-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .sm-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .sm-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 640px) {
  .sbi-grid.cols-m-1, .sbi-grid.m-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-m-1,
  .sbi-grid > .m-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .m-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .m-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .m-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-m-2, .sbi-grid.m-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-m-2,
  .sbi-grid > .m-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .m-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .m-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .m-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-m-3, .sbi-grid.m-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-m-3,
  .sbi-grid > .m-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .m-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .m-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .m-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-m-4, .sbi-grid.m-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-m-4,
  .sbi-grid > .m-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .m-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .m-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .m-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-m-5, .sbi-grid.m-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-m-5,
  .sbi-grid > .m-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .m-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .m-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .m-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-m-6, .sbi-grid.m-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-m-6,
  .sbi-grid > .m-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .m-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .m-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .m-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-m-7, .sbi-grid.m-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-m-7,
  .sbi-grid > .m-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .m-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .m-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .m-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-m-8, .sbi-grid.m-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-m-8,
  .sbi-grid > .m-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .m-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .m-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .m-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-m-9, .sbi-grid.m-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-m-9,
  .sbi-grid > .m-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .m-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .m-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .m-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-m-10, .sbi-grid.m-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-m-10,
  .sbi-grid > .m-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .m-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .m-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .m-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-m-11, .sbi-grid.m-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-m-11,
  .sbi-grid > .m-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .m-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .m-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .m-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-m-12, .sbi-grid.m-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-m-12,
  .sbi-grid > .m-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .m-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .m-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .m-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 960px) {
  .sbi-grid.cols-l-1, .sbi-grid.l-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-l-1,
  .sbi-grid > .l-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .l-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .l-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .l-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-l-2, .sbi-grid.l-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-l-2,
  .sbi-grid > .l-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .l-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .l-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .l-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-l-3, .sbi-grid.l-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-l-3,
  .sbi-grid > .l-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .l-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .l-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .l-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-l-4, .sbi-grid.l-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-l-4,
  .sbi-grid > .l-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .l-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .l-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .l-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-l-5, .sbi-grid.l-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-l-5,
  .sbi-grid > .l-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .l-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .l-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .l-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-l-6, .sbi-grid.l-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-l-6,
  .sbi-grid > .l-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .l-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .l-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .l-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-l-7, .sbi-grid.l-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-l-7,
  .sbi-grid > .l-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .l-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .l-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .l-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-l-8, .sbi-grid.l-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-l-8,
  .sbi-grid > .l-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .l-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .l-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .l-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-l-9, .sbi-grid.l-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-l-9,
  .sbi-grid > .l-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .l-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .l-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .l-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-l-10, .sbi-grid.l-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-l-10,
  .sbi-grid > .l-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .l-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .l-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .l-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-l-11, .sbi-grid.l-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-l-11,
  .sbi-grid > .l-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .l-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .l-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .l-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-l-12, .sbi-grid.l-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-l-12,
  .sbi-grid > .l-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .l-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .l-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .l-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1280px) {
  .sbi-grid.cols-lg-1, .sbi-grid.lg-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-lg-1,
  .sbi-grid > .lg-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .lg-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .lg-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .lg-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-lg-2, .sbi-grid.lg-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-lg-2,
  .sbi-grid > .lg-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .lg-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .lg-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .lg-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-lg-3, .sbi-grid.lg-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-lg-3,
  .sbi-grid > .lg-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .lg-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .lg-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .lg-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-lg-4, .sbi-grid.lg-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-lg-4,
  .sbi-grid > .lg-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .lg-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .lg-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .lg-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-lg-5, .sbi-grid.lg-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-lg-5,
  .sbi-grid > .lg-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .lg-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .lg-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .lg-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-lg-6, .sbi-grid.lg-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-lg-6,
  .sbi-grid > .lg-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .lg-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .lg-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .lg-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-lg-7, .sbi-grid.lg-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-lg-7,
  .sbi-grid > .lg-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .lg-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .lg-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .lg-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-lg-8, .sbi-grid.lg-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-lg-8,
  .sbi-grid > .lg-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .lg-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .lg-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .lg-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-lg-9, .sbi-grid.lg-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-lg-9,
  .sbi-grid > .lg-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .lg-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .lg-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .lg-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-lg-10, .sbi-grid.lg-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-lg-10,
  .sbi-grid > .lg-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .lg-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .lg-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .lg-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-lg-11, .sbi-grid.lg-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-lg-11,
  .sbi-grid > .lg-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .lg-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .lg-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .lg-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-lg-12, .sbi-grid.lg-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-lg-12,
  .sbi-grid > .lg-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .lg-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .lg-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .lg-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1600px) {
  .sbi-grid.cols-xl-1, .sbi-grid.xl-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-xl-1,
  .sbi-grid > .xl-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .xl-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .xl-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .xl-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-xl-2, .sbi-grid.xl-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-xl-2,
  .sbi-grid > .xl-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .xl-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .xl-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .xl-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-xl-3, .sbi-grid.xl-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-xl-3,
  .sbi-grid > .xl-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .xl-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .xl-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .xl-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-xl-4, .sbi-grid.xl-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-xl-4,
  .sbi-grid > .xl-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .xl-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .xl-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .xl-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-xl-5, .sbi-grid.xl-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-xl-5,
  .sbi-grid > .xl-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .xl-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .xl-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .xl-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-xl-6, .sbi-grid.xl-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-xl-6,
  .sbi-grid > .xl-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .xl-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .xl-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .xl-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-xl-7, .sbi-grid.xl-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-xl-7,
  .sbi-grid > .xl-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .xl-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .xl-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .xl-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-xl-8, .sbi-grid.xl-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-xl-8,
  .sbi-grid > .xl-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .xl-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .xl-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .xl-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-xl-9, .sbi-grid.xl-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-xl-9,
  .sbi-grid > .xl-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .xl-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .xl-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .xl-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-xl-10, .sbi-grid.xl-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-xl-10,
  .sbi-grid > .xl-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .xl-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .xl-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .xl-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-xl-11, .sbi-grid.xl-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-xl-11,
  .sbi-grid > .xl-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .xl-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .xl-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .xl-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-xl-12, .sbi-grid.xl-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-xl-12,
  .sbi-grid > .xl-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .xl-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .xl-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .xl-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1800px) {
  .sbi-grid.cols-cxxl-1, .sbi-grid.cxxl-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-cxxl-1,
  .sbi-grid > .cxxl-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .cxxl-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .cxxl-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .cxxl-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-cxxl-2, .sbi-grid.cxxl-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-cxxl-2,
  .sbi-grid > .cxxl-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .cxxl-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .cxxl-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .cxxl-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-cxxl-3, .sbi-grid.cxxl-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-cxxl-3,
  .sbi-grid > .cxxl-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .cxxl-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .cxxl-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .cxxl-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-cxxl-4, .sbi-grid.cxxl-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-cxxl-4,
  .sbi-grid > .cxxl-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .cxxl-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .cxxl-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .cxxl-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-cxxl-5, .sbi-grid.cxxl-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-cxxl-5,
  .sbi-grid > .cxxl-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .cxxl-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .cxxl-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .cxxl-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-cxxl-6, .sbi-grid.cxxl-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-cxxl-6,
  .sbi-grid > .cxxl-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .cxxl-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .cxxl-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .cxxl-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-cxxl-7, .sbi-grid.cxxl-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-cxxl-7,
  .sbi-grid > .cxxl-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .cxxl-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .cxxl-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .cxxl-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-cxxl-8, .sbi-grid.cxxl-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-cxxl-8,
  .sbi-grid > .cxxl-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .cxxl-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .cxxl-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .cxxl-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-cxxl-9, .sbi-grid.cxxl-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-cxxl-9,
  .sbi-grid > .cxxl-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .cxxl-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .cxxl-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .cxxl-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-cxxl-10, .sbi-grid.cxxl-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-cxxl-10,
  .sbi-grid > .cxxl-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .cxxl-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .cxxl-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .cxxl-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-cxxl-11, .sbi-grid.cxxl-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-cxxl-11,
  .sbi-grid > .cxxl-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .cxxl-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .cxxl-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .cxxl-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-cxxl-12, .sbi-grid.cxxl-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-cxxl-12,
  .sbi-grid > .cxxl-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .cxxl-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .cxxl-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .cxxl-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 1800px) {
  .sbi-grid.cols-xxl-1, .sbi-grid.xxl-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-xxl-1,
  .sbi-grid > .xxl-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .xxl-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .xxl-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .xxl-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-xxl-2, .sbi-grid.xxl-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-xxl-2,
  .sbi-grid > .xxl-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .xxl-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .xxl-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .xxl-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-xxl-3, .sbi-grid.xxl-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-xxl-3,
  .sbi-grid > .xxl-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .xxl-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .xxl-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .xxl-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-xxl-4, .sbi-grid.xxl-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-xxl-4,
  .sbi-grid > .xxl-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .xxl-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .xxl-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .xxl-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-xxl-5, .sbi-grid.xxl-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-xxl-5,
  .sbi-grid > .xxl-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .xxl-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .xxl-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .xxl-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-xxl-6, .sbi-grid.xxl-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-xxl-6,
  .sbi-grid > .xxl-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .xxl-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .xxl-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .xxl-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-xxl-7, .sbi-grid.xxl-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-xxl-7,
  .sbi-grid > .xxl-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .xxl-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .xxl-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .xxl-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-xxl-8, .sbi-grid.xxl-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-xxl-8,
  .sbi-grid > .xxl-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .xxl-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .xxl-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .xxl-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-xxl-9, .sbi-grid.xxl-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-xxl-9,
  .sbi-grid > .xxl-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .xxl-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .xxl-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .xxl-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-xxl-10, .sbi-grid.xxl-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-xxl-10,
  .sbi-grid > .xxl-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .xxl-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .xxl-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .xxl-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-xxl-11, .sbi-grid.xxl-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-xxl-11,
  .sbi-grid > .xxl-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .xxl-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .xxl-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .xxl-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-xxl-12, .sbi-grid.xxl-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-xxl-12,
  .sbi-grid > .xxl-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .xxl-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .xxl-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .xxl-y-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 4000px) {
  .sbi-grid.cols-xxxl-1, .sbi-grid.xxxl-grid-1 {
    grid-template-columns: 100%;
  }
  .sbi-grid > .span-xxxl-1,
  .sbi-grid > .xxxl-cols-1 {
    grid-column-end: span 1;
  }
  .sbi-grid > .xxxl-rows-1 {
    grid-row-end: span 1;
  }
  .sbi-grid > .xxxl-x-1 {
    grid-column-start: 1;
  }
  .sbi-grid > .xxxl-y-1 {
    grid-row-start: 1;
  }
  .sbi-grid.cols-xxxl-2, .sbi-grid.xxxl-grid-2 {
    grid-template-columns: repeat(2, calc((100% - var(--gap) * 1) / 2));
  }
  .sbi-grid > .span-xxxl-2,
  .sbi-grid > .xxxl-cols-2 {
    grid-column-end: span 2;
  }
  .sbi-grid > .xxxl-rows-2 {
    grid-row-end: span 2;
  }
  .sbi-grid > .xxxl-x-2 {
    grid-column-start: 2;
  }
  .sbi-grid > .xxxl-y-2 {
    grid-row-start: 2;
  }
  .sbi-grid.cols-xxxl-3, .sbi-grid.xxxl-grid-3 {
    grid-template-columns: repeat(3, calc((100% - var(--gap) * 2) / 3));
  }
  .sbi-grid > .span-xxxl-3,
  .sbi-grid > .xxxl-cols-3 {
    grid-column-end: span 3;
  }
  .sbi-grid > .xxxl-rows-3 {
    grid-row-end: span 3;
  }
  .sbi-grid > .xxxl-x-3 {
    grid-column-start: 3;
  }
  .sbi-grid > .xxxl-y-3 {
    grid-row-start: 3;
  }
  .sbi-grid.cols-xxxl-4, .sbi-grid.xxxl-grid-4 {
    grid-template-columns: repeat(4, calc((100% - var(--gap) * 3) / 4));
  }
  .sbi-grid > .span-xxxl-4,
  .sbi-grid > .xxxl-cols-4 {
    grid-column-end: span 4;
  }
  .sbi-grid > .xxxl-rows-4 {
    grid-row-end: span 4;
  }
  .sbi-grid > .xxxl-x-4 {
    grid-column-start: 4;
  }
  .sbi-grid > .xxxl-y-4 {
    grid-row-start: 4;
  }
  .sbi-grid.cols-xxxl-5, .sbi-grid.xxxl-grid-5 {
    grid-template-columns: repeat(5, calc((100% - var(--gap) * 4) / 5));
  }
  .sbi-grid > .span-xxxl-5,
  .sbi-grid > .xxxl-cols-5 {
    grid-column-end: span 5;
  }
  .sbi-grid > .xxxl-rows-5 {
    grid-row-end: span 5;
  }
  .sbi-grid > .xxxl-x-5 {
    grid-column-start: 5;
  }
  .sbi-grid > .xxxl-y-5 {
    grid-row-start: 5;
  }
  .sbi-grid.cols-xxxl-6, .sbi-grid.xxxl-grid-6 {
    grid-template-columns: repeat(6, calc((100% - var(--gap) * 5) / 6));
  }
  .sbi-grid > .span-xxxl-6,
  .sbi-grid > .xxxl-cols-6 {
    grid-column-end: span 6;
  }
  .sbi-grid > .xxxl-rows-6 {
    grid-row-end: span 6;
  }
  .sbi-grid > .xxxl-x-6 {
    grid-column-start: 6;
  }
  .sbi-grid > .xxxl-y-6 {
    grid-row-start: 6;
  }
  .sbi-grid.cols-xxxl-7, .sbi-grid.xxxl-grid-7 {
    grid-template-columns: repeat(7, calc((100% - var(--gap) * 6) / 7));
  }
  .sbi-grid > .span-xxxl-7,
  .sbi-grid > .xxxl-cols-7 {
    grid-column-end: span 7;
  }
  .sbi-grid > .xxxl-rows-7 {
    grid-row-end: span 7;
  }
  .sbi-grid > .xxxl-x-7 {
    grid-column-start: 7;
  }
  .sbi-grid > .xxxl-y-7 {
    grid-row-start: 7;
  }
  .sbi-grid.cols-xxxl-8, .sbi-grid.xxxl-grid-8 {
    grid-template-columns: repeat(8, calc((100% - var(--gap) * 7) / 8));
  }
  .sbi-grid > .span-xxxl-8,
  .sbi-grid > .xxxl-cols-8 {
    grid-column-end: span 8;
  }
  .sbi-grid > .xxxl-rows-8 {
    grid-row-end: span 8;
  }
  .sbi-grid > .xxxl-x-8 {
    grid-column-start: 8;
  }
  .sbi-grid > .xxxl-y-8 {
    grid-row-start: 8;
  }
  .sbi-grid.cols-xxxl-9, .sbi-grid.xxxl-grid-9 {
    grid-template-columns: repeat(9, calc((100% - var(--gap) * 8) / 9));
  }
  .sbi-grid > .span-xxxl-9,
  .sbi-grid > .xxxl-cols-9 {
    grid-column-end: span 9;
  }
  .sbi-grid > .xxxl-rows-9 {
    grid-row-end: span 9;
  }
  .sbi-grid > .xxxl-x-9 {
    grid-column-start: 9;
  }
  .sbi-grid > .xxxl-y-9 {
    grid-row-start: 9;
  }
  .sbi-grid.cols-xxxl-10, .sbi-grid.xxxl-grid-10 {
    grid-template-columns: repeat(10, calc((100% - var(--gap) * 9) / 10));
  }
  .sbi-grid > .span-xxxl-10,
  .sbi-grid > .xxxl-cols-10 {
    grid-column-end: span 10;
  }
  .sbi-grid > .xxxl-rows-10 {
    grid-row-end: span 10;
  }
  .sbi-grid > .xxxl-x-10 {
    grid-column-start: 10;
  }
  .sbi-grid > .xxxl-y-10 {
    grid-row-start: 10;
  }
  .sbi-grid.cols-xxxl-11, .sbi-grid.xxxl-grid-11 {
    grid-template-columns: repeat(11, calc((100% - var(--gap) * 10) / 11));
  }
  .sbi-grid > .span-xxxl-11,
  .sbi-grid > .xxxl-cols-11 {
    grid-column-end: span 11;
  }
  .sbi-grid > .xxxl-rows-11 {
    grid-row-end: span 11;
  }
  .sbi-grid > .xxxl-x-11 {
    grid-column-start: 11;
  }
  .sbi-grid > .xxxl-y-11 {
    grid-row-start: 11;
  }
  .sbi-grid.cols-xxxl-12, .sbi-grid.xxxl-grid-12 {
    grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
  }
  .sbi-grid > .span-xxxl-12,
  .sbi-grid > .xxxl-cols-12 {
    grid-column-end: span 12;
  }
  .sbi-grid > .xxxl-rows-12 {
    grid-row-end: span 12;
  }
  .sbi-grid > .xxxl-x-12 {
    grid-column-start: 12;
  }
  .sbi-grid > .xxxl-y-12 {
    grid-row-start: 12;
  }
}
.sbi-grid[class*=-main-], .sbi-grid[class*=-cross-] {
  display: grid;
}
.l-block,
.cancel-l-block,
.l-section,
.cancel-l-section,
.l-big-section,
.cancel-l-big-section {
  margin-top: 0;
}

.l-block {
  margin-bottom: var(--vertical-block-space);
}

.cancel-l-block {
  margin-top: calc(var(--vertical-block-space) * -1);
}

.l-section {
  margin-bottom: calc(var(--vertical-block-space) * 2);
}

.cancel-l-section {
  margin-top: calc(var(--vertical-block-space) * -2);
}

.l-big-section {
  margin-bottom: calc(var(--vertical-block-space) * 4);
}

.cancel-l-big-section {
  margin-top: calc(var(--vertical-block-space) * -4);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-footer {
  margin-top: auto;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--vertical-content-space);
}

h1 {
  margin-bottom: calc(var(--vertical-content-space) * 1.5);
}

p,
video,
blockquote,
article,
section,
form,
figure,
iframe,
ul,
ol,
pre,
hr,
dl,
address,
table {
  margin-top: 0;
  margin-bottom: calc(var(--vertical-content-space) * 1.5);
}
p + h2,
video + h2,
blockquote + h2,
article + h2,
section + h2,
form + h2,
figure + h2,
iframe + h2,
ul + h2,
ol + h2,
pre + h2,
hr + h2,
dl + h2,
address + h2,
table + h2 {
  padding-top: calc(var(--vertical-content-space) * 1.5);
}
p + h3,
video + h3,
blockquote + h3,
article + h3,
section + h3,
form + h3,
figure + h3,
iframe + h3,
ul + h3,
ol + h3,
pre + h3,
hr + h3,
dl + h3,
address + h3,
table + h3 {
  padding-top: var(--vertical-content-space);
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

.s-pt-0 {
  padding-top: 0;
}
.s-pl-0 {
  padding-left: 0;
}
.s-pb-0 {
  padding-bottom: 0;
}
.s-pr-0 {
  padding-right: 0;
}
.s-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.s-px-0 {
  padding-left: 0;
  padding-right: 0;
}
.s-pxy-0 {
  padding: 0;
}
.s-mr-0 {
  margin-right: 0;
}
.s-mb-0 {
  margin-bottom: 0;
}
.s-mt-0 {
  margin-top: 0;
}
.s-ml-0 {
  margin-left: 0;
}
.s-sticky-0 {
  position: sticky;
  top: calc(var(--header-height) + 0);
}
.s-pt-1 {
  padding-top: 0.5rem;
}
.s-pl-1 {
  padding-left: 0.5rem;
}
.s-pb-1 {
  padding-bottom: 0.5rem;
}
.s-pr-1 {
  padding-right: 0.5rem;
}
.s-py-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.s-px-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.s-pxy-1 {
  padding: 0.5rem;
}
.s-mr-1 {
  margin-right: 0.5rem;
}
.s-mb-1 {
  margin-bottom: 0.5rem;
}
.s-mt-1 {
  margin-top: -0.5rem;
}
.s-ml-1 {
  margin-left: -0.5rem;
}
.s-sticky-1 {
  position: sticky;
  top: calc(var(--header-height) + 0.5rem);
}
.s-pt-2 {
  padding-top: 1rem;
}
.s-pl-2 {
  padding-left: 1rem;
}
.s-pb-2 {
  padding-bottom: 1rem;
}
.s-pr-2 {
  padding-right: 1rem;
}
.s-py-2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.s-px-2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.s-pxy-2 {
  padding: 1rem;
}
.s-mr-2 {
  margin-right: 1rem;
}
.s-mb-2 {
  margin-bottom: 1rem;
}
.s-mt-2 {
  margin-top: -1rem;
}
.s-ml-2 {
  margin-left: -1rem;
}
.s-sticky-2 {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
}
.s-pt-3 {
  padding-top: 1.5rem;
}
.s-pl-3 {
  padding-left: 1.5rem;
}
.s-pb-3 {
  padding-bottom: 1.5rem;
}
.s-pr-3 {
  padding-right: 1.5rem;
}
.s-py-3 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.s-px-3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.s-pxy-3 {
  padding: 1.5rem;
}
.s-mr-3 {
  margin-right: 1.5rem;
}
.s-mb-3 {
  margin-bottom: 1.5rem;
}
.s-mt-3 {
  margin-top: -1.5rem;
}
.s-ml-3 {
  margin-left: -1.5rem;
}
.s-sticky-3 {
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
}
.s-pt-4 {
  padding-top: 2rem;
}
.s-pl-4 {
  padding-left: 2rem;
}
.s-pb-4 {
  padding-bottom: 2rem;
}
.s-pr-4 {
  padding-right: 2rem;
}
.s-py-4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.s-px-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.s-pxy-4 {
  padding: 2rem;
}
.s-mr-4 {
  margin-right: 2rem;
}
.s-mb-4 {
  margin-bottom: 2rem;
}
.s-mt-4 {
  margin-top: -2rem;
}
.s-ml-4 {
  margin-left: -2rem;
}
.s-sticky-4 {
  position: sticky;
  top: calc(var(--header-height) + 2rem);
}
.s-pt-05 {
  padding-top: 0.25rem;
}
.s-pl-05 {
  padding-left: 0.25rem;
}
.s-pb-05 {
  padding-bottom: 0.25rem;
}
.s-pr-05 {
  padding-right: 0.25rem;
}
.s-py-05 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.s-px-05 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.s-pxy-05 {
  padding: 0.25rem;
}
.s-mr-05 {
  margin-right: 0.25rem;
}
.s-mb-05 {
  margin-bottom: 0.25rem;
}
.s-mt-05 {
  margin-top: -0.25rem;
}
.s-ml-05 {
  margin-left: -0.25rem;
}
.s-sticky-05 {
  position: sticky;
  top: calc(var(--header-height) + 0.25rem);
}
.s-sticky-none {
  position: static;
}

@media screen and (min-width: 480px) {
  .sm-pt-0 {
    padding-top: 0;
  }
  .sm-pl-0 {
    padding-left: 0;
  }
  .sm-pb-0 {
    padding-bottom: 0;
  }
  .sm-pr-0 {
    padding-right: 0;
  }
  .sm-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-pxy-0 {
    padding: 0;
  }
  .sm-mr-0 {
    margin-right: 0;
  }
  .sm-mb-0 {
    margin-bottom: 0;
  }
  .sm-mt-0 {
    margin-top: 0;
  }
  .sm-ml-0 {
    margin-left: 0;
  }
  .sm-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .sm-pt-1 {
    padding-top: 0.5rem;
  }
  .sm-pl-1 {
    padding-left: 0.5rem;
  }
  .sm-pb-1 {
    padding-bottom: 0.5rem;
  }
  .sm-pr-1 {
    padding-right: 0.5rem;
  }
  .sm-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm-pxy-1 {
    padding: 0.5rem;
  }
  .sm-mr-1 {
    margin-right: 0.5rem;
  }
  .sm-mb-1 {
    margin-bottom: 0.5rem;
  }
  .sm-mt-1 {
    margin-top: -0.5rem;
  }
  .sm-ml-1 {
    margin-left: -0.5rem;
  }
  .sm-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .sm-pt-2 {
    padding-top: 1rem;
  }
  .sm-pl-2 {
    padding-left: 1rem;
  }
  .sm-pb-2 {
    padding-bottom: 1rem;
  }
  .sm-pr-2 {
    padding-right: 1rem;
  }
  .sm-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-pxy-2 {
    padding: 1rem;
  }
  .sm-mr-2 {
    margin-right: 1rem;
  }
  .sm-mb-2 {
    margin-bottom: 1rem;
  }
  .sm-mt-2 {
    margin-top: -1rem;
  }
  .sm-ml-2 {
    margin-left: -1rem;
  }
  .sm-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .sm-pt-3 {
    padding-top: 1.5rem;
  }
  .sm-pl-3 {
    padding-left: 1.5rem;
  }
  .sm-pb-3 {
    padding-bottom: 1.5rem;
  }
  .sm-pr-3 {
    padding-right: 1.5rem;
  }
  .sm-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm-pxy-3 {
    padding: 1.5rem;
  }
  .sm-mr-3 {
    margin-right: 1.5rem;
  }
  .sm-mb-3 {
    margin-bottom: 1.5rem;
  }
  .sm-mt-3 {
    margin-top: -1.5rem;
  }
  .sm-ml-3 {
    margin-left: -1.5rem;
  }
  .sm-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .sm-pt-4 {
    padding-top: 2rem;
  }
  .sm-pl-4 {
    padding-left: 2rem;
  }
  .sm-pb-4 {
    padding-bottom: 2rem;
  }
  .sm-pr-4 {
    padding-right: 2rem;
  }
  .sm-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-pxy-4 {
    padding: 2rem;
  }
  .sm-mr-4 {
    margin-right: 2rem;
  }
  .sm-mb-4 {
    margin-bottom: 2rem;
  }
  .sm-mt-4 {
    margin-top: -2rem;
  }
  .sm-ml-4 {
    margin-left: -2rem;
  }
  .sm-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .sm-pt-05 {
    padding-top: 0.25rem;
  }
  .sm-pl-05 {
    padding-left: 0.25rem;
  }
  .sm-pb-05 {
    padding-bottom: 0.25rem;
  }
  .sm-pr-05 {
    padding-right: 0.25rem;
  }
  .sm-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm-pxy-05 {
    padding: 0.25rem;
  }
  .sm-mr-05 {
    margin-right: 0.25rem;
  }
  .sm-mb-05 {
    margin-bottom: 0.25rem;
  }
  .sm-mt-05 {
    margin-top: -0.25rem;
  }
  .sm-ml-05 {
    margin-left: -0.25rem;
  }
  .sm-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .sm-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 640px) {
  .m-pt-0 {
    padding-top: 0;
  }
  .m-pl-0 {
    padding-left: 0;
  }
  .m-pb-0 {
    padding-bottom: 0;
  }
  .m-pr-0 {
    padding-right: 0;
  }
  .m-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .m-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .m-pxy-0 {
    padding: 0;
  }
  .m-mr-0 {
    margin-right: 0;
  }
  .m-mb-0 {
    margin-bottom: 0;
  }
  .m-mt-0 {
    margin-top: 0;
  }
  .m-ml-0 {
    margin-left: 0;
  }
  .m-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .m-pt-1 {
    padding-top: 0.5rem;
  }
  .m-pl-1 {
    padding-left: 0.5rem;
  }
  .m-pb-1 {
    padding-bottom: 0.5rem;
  }
  .m-pr-1 {
    padding-right: 0.5rem;
  }
  .m-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .m-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .m-pxy-1 {
    padding: 0.5rem;
  }
  .m-mr-1 {
    margin-right: 0.5rem;
  }
  .m-mb-1 {
    margin-bottom: 0.5rem;
  }
  .m-mt-1 {
    margin-top: -0.5rem;
  }
  .m-ml-1 {
    margin-left: -0.5rem;
  }
  .m-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .m-pt-2 {
    padding-top: 1rem;
  }
  .m-pl-2 {
    padding-left: 1rem;
  }
  .m-pb-2 {
    padding-bottom: 1rem;
  }
  .m-pr-2 {
    padding-right: 1rem;
  }
  .m-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .m-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .m-pxy-2 {
    padding: 1rem;
  }
  .m-mr-2 {
    margin-right: 1rem;
  }
  .m-mb-2 {
    margin-bottom: 1rem;
  }
  .m-mt-2 {
    margin-top: -1rem;
  }
  .m-ml-2 {
    margin-left: -1rem;
  }
  .m-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .m-pt-3 {
    padding-top: 1.5rem;
  }
  .m-pl-3 {
    padding-left: 1.5rem;
  }
  .m-pb-3 {
    padding-bottom: 1.5rem;
  }
  .m-pr-3 {
    padding-right: 1.5rem;
  }
  .m-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .m-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .m-pxy-3 {
    padding: 1.5rem;
  }
  .m-mr-3 {
    margin-right: 1.5rem;
  }
  .m-mb-3 {
    margin-bottom: 1.5rem;
  }
  .m-mt-3 {
    margin-top: -1.5rem;
  }
  .m-ml-3 {
    margin-left: -1.5rem;
  }
  .m-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .m-pt-4 {
    padding-top: 2rem;
  }
  .m-pl-4 {
    padding-left: 2rem;
  }
  .m-pb-4 {
    padding-bottom: 2rem;
  }
  .m-pr-4 {
    padding-right: 2rem;
  }
  .m-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .m-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .m-pxy-4 {
    padding: 2rem;
  }
  .m-mr-4 {
    margin-right: 2rem;
  }
  .m-mb-4 {
    margin-bottom: 2rem;
  }
  .m-mt-4 {
    margin-top: -2rem;
  }
  .m-ml-4 {
    margin-left: -2rem;
  }
  .m-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .m-pt-05 {
    padding-top: 0.25rem;
  }
  .m-pl-05 {
    padding-left: 0.25rem;
  }
  .m-pb-05 {
    padding-bottom: 0.25rem;
  }
  .m-pr-05 {
    padding-right: 0.25rem;
  }
  .m-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .m-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .m-pxy-05 {
    padding: 0.25rem;
  }
  .m-mr-05 {
    margin-right: 0.25rem;
  }
  .m-mb-05 {
    margin-bottom: 0.25rem;
  }
  .m-mt-05 {
    margin-top: -0.25rem;
  }
  .m-ml-05 {
    margin-left: -0.25rem;
  }
  .m-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .m-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 960px) {
  .l-pt-0 {
    padding-top: 0;
  }
  .l-pl-0 {
    padding-left: 0;
  }
  .l-pb-0 {
    padding-bottom: 0;
  }
  .l-pr-0 {
    padding-right: 0;
  }
  .l-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .l-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .l-pxy-0 {
    padding: 0;
  }
  .l-mr-0 {
    margin-right: 0;
  }
  .l-mb-0 {
    margin-bottom: 0;
  }
  .l-mt-0 {
    margin-top: 0;
  }
  .l-ml-0 {
    margin-left: 0;
  }
  .l-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .l-pt-1 {
    padding-top: 0.5rem;
  }
  .l-pl-1 {
    padding-left: 0.5rem;
  }
  .l-pb-1 {
    padding-bottom: 0.5rem;
  }
  .l-pr-1 {
    padding-right: 0.5rem;
  }
  .l-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .l-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .l-pxy-1 {
    padding: 0.5rem;
  }
  .l-mr-1 {
    margin-right: 0.5rem;
  }
  .l-mb-1 {
    margin-bottom: 0.5rem;
  }
  .l-mt-1 {
    margin-top: -0.5rem;
  }
  .l-ml-1 {
    margin-left: -0.5rem;
  }
  .l-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .l-pt-2 {
    padding-top: 1rem;
  }
  .l-pl-2 {
    padding-left: 1rem;
  }
  .l-pb-2 {
    padding-bottom: 1rem;
  }
  .l-pr-2 {
    padding-right: 1rem;
  }
  .l-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .l-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .l-pxy-2 {
    padding: 1rem;
  }
  .l-mr-2 {
    margin-right: 1rem;
  }
  .l-mb-2 {
    margin-bottom: 1rem;
  }
  .l-mt-2 {
    margin-top: -1rem;
  }
  .l-ml-2 {
    margin-left: -1rem;
  }
  .l-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .l-pt-3 {
    padding-top: 1.5rem;
  }
  .l-pl-3 {
    padding-left: 1.5rem;
  }
  .l-pb-3 {
    padding-bottom: 1.5rem;
  }
  .l-pr-3 {
    padding-right: 1.5rem;
  }
  .l-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .l-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .l-pxy-3 {
    padding: 1.5rem;
  }
  .l-mr-3 {
    margin-right: 1.5rem;
  }
  .l-mb-3 {
    margin-bottom: 1.5rem;
  }
  .l-mt-3 {
    margin-top: -1.5rem;
  }
  .l-ml-3 {
    margin-left: -1.5rem;
  }
  .l-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .l-pt-4 {
    padding-top: 2rem;
  }
  .l-pl-4 {
    padding-left: 2rem;
  }
  .l-pb-4 {
    padding-bottom: 2rem;
  }
  .l-pr-4 {
    padding-right: 2rem;
  }
  .l-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .l-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .l-pxy-4 {
    padding: 2rem;
  }
  .l-mr-4 {
    margin-right: 2rem;
  }
  .l-mb-4 {
    margin-bottom: 2rem;
  }
  .l-mt-4 {
    margin-top: -2rem;
  }
  .l-ml-4 {
    margin-left: -2rem;
  }
  .l-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .l-pt-05 {
    padding-top: 0.25rem;
  }
  .l-pl-05 {
    padding-left: 0.25rem;
  }
  .l-pb-05 {
    padding-bottom: 0.25rem;
  }
  .l-pr-05 {
    padding-right: 0.25rem;
  }
  .l-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .l-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .l-pxy-05 {
    padding: 0.25rem;
  }
  .l-mr-05 {
    margin-right: 0.25rem;
  }
  .l-mb-05 {
    margin-bottom: 0.25rem;
  }
  .l-mt-05 {
    margin-top: -0.25rem;
  }
  .l-ml-05 {
    margin-left: -0.25rem;
  }
  .l-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .l-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 1280px) {
  .lg-pt-0 {
    padding-top: 0;
  }
  .lg-pl-0 {
    padding-left: 0;
  }
  .lg-pb-0 {
    padding-bottom: 0;
  }
  .lg-pr-0 {
    padding-right: 0;
  }
  .lg-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-pxy-0 {
    padding: 0;
  }
  .lg-mr-0 {
    margin-right: 0;
  }
  .lg-mb-0 {
    margin-bottom: 0;
  }
  .lg-mt-0 {
    margin-top: 0;
  }
  .lg-ml-0 {
    margin-left: 0;
  }
  .lg-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .lg-pt-1 {
    padding-top: 0.5rem;
  }
  .lg-pl-1 {
    padding-left: 0.5rem;
  }
  .lg-pb-1 {
    padding-bottom: 0.5rem;
  }
  .lg-pr-1 {
    padding-right: 0.5rem;
  }
  .lg-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg-pxy-1 {
    padding: 0.5rem;
  }
  .lg-mr-1 {
    margin-right: 0.5rem;
  }
  .lg-mb-1 {
    margin-bottom: 0.5rem;
  }
  .lg-mt-1 {
    margin-top: -0.5rem;
  }
  .lg-ml-1 {
    margin-left: -0.5rem;
  }
  .lg-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .lg-pt-2 {
    padding-top: 1rem;
  }
  .lg-pl-2 {
    padding-left: 1rem;
  }
  .lg-pb-2 {
    padding-bottom: 1rem;
  }
  .lg-pr-2 {
    padding-right: 1rem;
  }
  .lg-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-pxy-2 {
    padding: 1rem;
  }
  .lg-mr-2 {
    margin-right: 1rem;
  }
  .lg-mb-2 {
    margin-bottom: 1rem;
  }
  .lg-mt-2 {
    margin-top: -1rem;
  }
  .lg-ml-2 {
    margin-left: -1rem;
  }
  .lg-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .lg-pt-3 {
    padding-top: 1.5rem;
  }
  .lg-pl-3 {
    padding-left: 1.5rem;
  }
  .lg-pb-3 {
    padding-bottom: 1.5rem;
  }
  .lg-pr-3 {
    padding-right: 1.5rem;
  }
  .lg-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg-pxy-3 {
    padding: 1.5rem;
  }
  .lg-mr-3 {
    margin-right: 1.5rem;
  }
  .lg-mb-3 {
    margin-bottom: 1.5rem;
  }
  .lg-mt-3 {
    margin-top: -1.5rem;
  }
  .lg-ml-3 {
    margin-left: -1.5rem;
  }
  .lg-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .lg-pt-4 {
    padding-top: 2rem;
  }
  .lg-pl-4 {
    padding-left: 2rem;
  }
  .lg-pb-4 {
    padding-bottom: 2rem;
  }
  .lg-pr-4 {
    padding-right: 2rem;
  }
  .lg-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-pxy-4 {
    padding: 2rem;
  }
  .lg-mr-4 {
    margin-right: 2rem;
  }
  .lg-mb-4 {
    margin-bottom: 2rem;
  }
  .lg-mt-4 {
    margin-top: -2rem;
  }
  .lg-ml-4 {
    margin-left: -2rem;
  }
  .lg-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .lg-pt-05 {
    padding-top: 0.25rem;
  }
  .lg-pl-05 {
    padding-left: 0.25rem;
  }
  .lg-pb-05 {
    padding-bottom: 0.25rem;
  }
  .lg-pr-05 {
    padding-right: 0.25rem;
  }
  .lg-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg-pxy-05 {
    padding: 0.25rem;
  }
  .lg-mr-05 {
    margin-right: 0.25rem;
  }
  .lg-mb-05 {
    margin-bottom: 0.25rem;
  }
  .lg-mt-05 {
    margin-top: -0.25rem;
  }
  .lg-ml-05 {
    margin-left: -0.25rem;
  }
  .lg-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .lg-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 1600px) {
  .xl-pt-0 {
    padding-top: 0;
  }
  .xl-pl-0 {
    padding-left: 0;
  }
  .xl-pb-0 {
    padding-bottom: 0;
  }
  .xl-pr-0 {
    padding-right: 0;
  }
  .xl-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl-pxy-0 {
    padding: 0;
  }
  .xl-mr-0 {
    margin-right: 0;
  }
  .xl-mb-0 {
    margin-bottom: 0;
  }
  .xl-mt-0 {
    margin-top: 0;
  }
  .xl-ml-0 {
    margin-left: 0;
  }
  .xl-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .xl-pt-1 {
    padding-top: 0.5rem;
  }
  .xl-pl-1 {
    padding-left: 0.5rem;
  }
  .xl-pb-1 {
    padding-bottom: 0.5rem;
  }
  .xl-pr-1 {
    padding-right: 0.5rem;
  }
  .xl-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl-pxy-1 {
    padding: 0.5rem;
  }
  .xl-mr-1 {
    margin-right: 0.5rem;
  }
  .xl-mb-1 {
    margin-bottom: 0.5rem;
  }
  .xl-mt-1 {
    margin-top: -0.5rem;
  }
  .xl-ml-1 {
    margin-left: -0.5rem;
  }
  .xl-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .xl-pt-2 {
    padding-top: 1rem;
  }
  .xl-pl-2 {
    padding-left: 1rem;
  }
  .xl-pb-2 {
    padding-bottom: 1rem;
  }
  .xl-pr-2 {
    padding-right: 1rem;
  }
  .xl-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl-pxy-2 {
    padding: 1rem;
  }
  .xl-mr-2 {
    margin-right: 1rem;
  }
  .xl-mb-2 {
    margin-bottom: 1rem;
  }
  .xl-mt-2 {
    margin-top: -1rem;
  }
  .xl-ml-2 {
    margin-left: -1rem;
  }
  .xl-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .xl-pt-3 {
    padding-top: 1.5rem;
  }
  .xl-pl-3 {
    padding-left: 1.5rem;
  }
  .xl-pb-3 {
    padding-bottom: 1.5rem;
  }
  .xl-pr-3 {
    padding-right: 1.5rem;
  }
  .xl-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xl-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl-pxy-3 {
    padding: 1.5rem;
  }
  .xl-mr-3 {
    margin-right: 1.5rem;
  }
  .xl-mb-3 {
    margin-bottom: 1.5rem;
  }
  .xl-mt-3 {
    margin-top: -1.5rem;
  }
  .xl-ml-3 {
    margin-left: -1.5rem;
  }
  .xl-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .xl-pt-4 {
    padding-top: 2rem;
  }
  .xl-pl-4 {
    padding-left: 2rem;
  }
  .xl-pb-4 {
    padding-bottom: 2rem;
  }
  .xl-pr-4 {
    padding-right: 2rem;
  }
  .xl-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl-pxy-4 {
    padding: 2rem;
  }
  .xl-mr-4 {
    margin-right: 2rem;
  }
  .xl-mb-4 {
    margin-bottom: 2rem;
  }
  .xl-mt-4 {
    margin-top: -2rem;
  }
  .xl-ml-4 {
    margin-left: -2rem;
  }
  .xl-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .xl-pt-05 {
    padding-top: 0.25rem;
  }
  .xl-pl-05 {
    padding-left: 0.25rem;
  }
  .xl-pb-05 {
    padding-bottom: 0.25rem;
  }
  .xl-pr-05 {
    padding-right: 0.25rem;
  }
  .xl-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xl-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl-pxy-05 {
    padding: 0.25rem;
  }
  .xl-mr-05 {
    margin-right: 0.25rem;
  }
  .xl-mb-05 {
    margin-bottom: 0.25rem;
  }
  .xl-mt-05 {
    margin-top: -0.25rem;
  }
  .xl-ml-05 {
    margin-left: -0.25rem;
  }
  .xl-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .xl-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-pt-0 {
    padding-top: 0;
  }
  .cxxl-pl-0 {
    padding-left: 0;
  }
  .cxxl-pb-0 {
    padding-bottom: 0;
  }
  .cxxl-pr-0 {
    padding-right: 0;
  }
  .cxxl-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .cxxl-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .cxxl-pxy-0 {
    padding: 0;
  }
  .cxxl-mr-0 {
    margin-right: 0;
  }
  .cxxl-mb-0 {
    margin-bottom: 0;
  }
  .cxxl-mt-0 {
    margin-top: 0;
  }
  .cxxl-ml-0 {
    margin-left: 0;
  }
  .cxxl-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .cxxl-pt-1 {
    padding-top: 0.5rem;
  }
  .cxxl-pl-1 {
    padding-left: 0.5rem;
  }
  .cxxl-pb-1 {
    padding-bottom: 0.5rem;
  }
  .cxxl-pr-1 {
    padding-right: 0.5rem;
  }
  .cxxl-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .cxxl-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .cxxl-pxy-1 {
    padding: 0.5rem;
  }
  .cxxl-mr-1 {
    margin-right: 0.5rem;
  }
  .cxxl-mb-1 {
    margin-bottom: 0.5rem;
  }
  .cxxl-mt-1 {
    margin-top: -0.5rem;
  }
  .cxxl-ml-1 {
    margin-left: -0.5rem;
  }
  .cxxl-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .cxxl-pt-2 {
    padding-top: 1rem;
  }
  .cxxl-pl-2 {
    padding-left: 1rem;
  }
  .cxxl-pb-2 {
    padding-bottom: 1rem;
  }
  .cxxl-pr-2 {
    padding-right: 1rem;
  }
  .cxxl-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .cxxl-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .cxxl-pxy-2 {
    padding: 1rem;
  }
  .cxxl-mr-2 {
    margin-right: 1rem;
  }
  .cxxl-mb-2 {
    margin-bottom: 1rem;
  }
  .cxxl-mt-2 {
    margin-top: -1rem;
  }
  .cxxl-ml-2 {
    margin-left: -1rem;
  }
  .cxxl-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .cxxl-pt-3 {
    padding-top: 1.5rem;
  }
  .cxxl-pl-3 {
    padding-left: 1.5rem;
  }
  .cxxl-pb-3 {
    padding-bottom: 1.5rem;
  }
  .cxxl-pr-3 {
    padding-right: 1.5rem;
  }
  .cxxl-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .cxxl-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .cxxl-pxy-3 {
    padding: 1.5rem;
  }
  .cxxl-mr-3 {
    margin-right: 1.5rem;
  }
  .cxxl-mb-3 {
    margin-bottom: 1.5rem;
  }
  .cxxl-mt-3 {
    margin-top: -1.5rem;
  }
  .cxxl-ml-3 {
    margin-left: -1.5rem;
  }
  .cxxl-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .cxxl-pt-4 {
    padding-top: 2rem;
  }
  .cxxl-pl-4 {
    padding-left: 2rem;
  }
  .cxxl-pb-4 {
    padding-bottom: 2rem;
  }
  .cxxl-pr-4 {
    padding-right: 2rem;
  }
  .cxxl-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .cxxl-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .cxxl-pxy-4 {
    padding: 2rem;
  }
  .cxxl-mr-4 {
    margin-right: 2rem;
  }
  .cxxl-mb-4 {
    margin-bottom: 2rem;
  }
  .cxxl-mt-4 {
    margin-top: -2rem;
  }
  .cxxl-ml-4 {
    margin-left: -2rem;
  }
  .cxxl-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .cxxl-pt-05 {
    padding-top: 0.25rem;
  }
  .cxxl-pl-05 {
    padding-left: 0.25rem;
  }
  .cxxl-pb-05 {
    padding-bottom: 0.25rem;
  }
  .cxxl-pr-05 {
    padding-right: 0.25rem;
  }
  .cxxl-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .cxxl-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .cxxl-pxy-05 {
    padding: 0.25rem;
  }
  .cxxl-mr-05 {
    margin-right: 0.25rem;
  }
  .cxxl-mb-05 {
    margin-bottom: 0.25rem;
  }
  .cxxl-mt-05 {
    margin-top: -0.25rem;
  }
  .cxxl-ml-05 {
    margin-left: -0.25rem;
  }
  .cxxl-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .cxxl-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-pt-0 {
    padding-top: 0;
  }
  .xxl-pl-0 {
    padding-left: 0;
  }
  .xxl-pb-0 {
    padding-bottom: 0;
  }
  .xxl-pr-0 {
    padding-right: 0;
  }
  .xxl-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xxl-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xxl-pxy-0 {
    padding: 0;
  }
  .xxl-mr-0 {
    margin-right: 0;
  }
  .xxl-mb-0 {
    margin-bottom: 0;
  }
  .xxl-mt-0 {
    margin-top: 0;
  }
  .xxl-ml-0 {
    margin-left: 0;
  }
  .xxl-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .xxl-pt-1 {
    padding-top: 0.5rem;
  }
  .xxl-pl-1 {
    padding-left: 0.5rem;
  }
  .xxl-pb-1 {
    padding-bottom: 0.5rem;
  }
  .xxl-pr-1 {
    padding-right: 0.5rem;
  }
  .xxl-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xxl-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxl-pxy-1 {
    padding: 0.5rem;
  }
  .xxl-mr-1 {
    margin-right: 0.5rem;
  }
  .xxl-mb-1 {
    margin-bottom: 0.5rem;
  }
  .xxl-mt-1 {
    margin-top: -0.5rem;
  }
  .xxl-ml-1 {
    margin-left: -0.5rem;
  }
  .xxl-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .xxl-pt-2 {
    padding-top: 1rem;
  }
  .xxl-pl-2 {
    padding-left: 1rem;
  }
  .xxl-pb-2 {
    padding-bottom: 1rem;
  }
  .xxl-pr-2 {
    padding-right: 1rem;
  }
  .xxl-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xxl-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxl-pxy-2 {
    padding: 1rem;
  }
  .xxl-mr-2 {
    margin-right: 1rem;
  }
  .xxl-mb-2 {
    margin-bottom: 1rem;
  }
  .xxl-mt-2 {
    margin-top: -1rem;
  }
  .xxl-ml-2 {
    margin-left: -1rem;
  }
  .xxl-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .xxl-pt-3 {
    padding-top: 1.5rem;
  }
  .xxl-pl-3 {
    padding-left: 1.5rem;
  }
  .xxl-pb-3 {
    padding-bottom: 1.5rem;
  }
  .xxl-pr-3 {
    padding-right: 1.5rem;
  }
  .xxl-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xxl-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xxl-pxy-3 {
    padding: 1.5rem;
  }
  .xxl-mr-3 {
    margin-right: 1.5rem;
  }
  .xxl-mb-3 {
    margin-bottom: 1.5rem;
  }
  .xxl-mt-3 {
    margin-top: -1.5rem;
  }
  .xxl-ml-3 {
    margin-left: -1.5rem;
  }
  .xxl-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .xxl-pt-4 {
    padding-top: 2rem;
  }
  .xxl-pl-4 {
    padding-left: 2rem;
  }
  .xxl-pb-4 {
    padding-bottom: 2rem;
  }
  .xxl-pr-4 {
    padding-right: 2rem;
  }
  .xxl-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xxl-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xxl-pxy-4 {
    padding: 2rem;
  }
  .xxl-mr-4 {
    margin-right: 2rem;
  }
  .xxl-mb-4 {
    margin-bottom: 2rem;
  }
  .xxl-mt-4 {
    margin-top: -2rem;
  }
  .xxl-ml-4 {
    margin-left: -2rem;
  }
  .xxl-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .xxl-pt-05 {
    padding-top: 0.25rem;
  }
  .xxl-pl-05 {
    padding-left: 0.25rem;
  }
  .xxl-pb-05 {
    padding-bottom: 0.25rem;
  }
  .xxl-pr-05 {
    padding-right: 0.25rem;
  }
  .xxl-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xxl-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xxl-pxy-05 {
    padding: 0.25rem;
  }
  .xxl-mr-05 {
    margin-right: 0.25rem;
  }
  .xxl-mb-05 {
    margin-bottom: 0.25rem;
  }
  .xxl-mt-05 {
    margin-top: -0.25rem;
  }
  .xxl-ml-05 {
    margin-left: -0.25rem;
  }
  .xxl-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .xxl-sticky-none {
    position: static;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-pt-0 {
    padding-top: 0;
  }
  .xxxl-pl-0 {
    padding-left: 0;
  }
  .xxxl-pb-0 {
    padding-bottom: 0;
  }
  .xxxl-pr-0 {
    padding-right: 0;
  }
  .xxxl-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xxxl-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xxxl-pxy-0 {
    padding: 0;
  }
  .xxxl-mr-0 {
    margin-right: 0;
  }
  .xxxl-mb-0 {
    margin-bottom: 0;
  }
  .xxxl-mt-0 {
    margin-top: 0;
  }
  .xxxl-ml-0 {
    margin-left: 0;
  }
  .xxxl-sticky-0 {
    position: sticky;
    top: calc(var(--header-height) + 0);
  }
  .xxxl-pt-1 {
    padding-top: 0.5rem;
  }
  .xxxl-pl-1 {
    padding-left: 0.5rem;
  }
  .xxxl-pb-1 {
    padding-bottom: 0.5rem;
  }
  .xxxl-pr-1 {
    padding-right: 0.5rem;
  }
  .xxxl-py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xxxl-px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxxl-pxy-1 {
    padding: 0.5rem;
  }
  .xxxl-mr-1 {
    margin-right: 0.5rem;
  }
  .xxxl-mb-1 {
    margin-bottom: 0.5rem;
  }
  .xxxl-mt-1 {
    margin-top: -0.5rem;
  }
  .xxxl-ml-1 {
    margin-left: -0.5rem;
  }
  .xxxl-sticky-1 {
    position: sticky;
    top: calc(var(--header-height) + 0.5rem);
  }
  .xxxl-pt-2 {
    padding-top: 1rem;
  }
  .xxxl-pl-2 {
    padding-left: 1rem;
  }
  .xxxl-pb-2 {
    padding-bottom: 1rem;
  }
  .xxxl-pr-2 {
    padding-right: 1rem;
  }
  .xxxl-py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xxxl-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxxl-pxy-2 {
    padding: 1rem;
  }
  .xxxl-mr-2 {
    margin-right: 1rem;
  }
  .xxxl-mb-2 {
    margin-bottom: 1rem;
  }
  .xxxl-mt-2 {
    margin-top: -1rem;
  }
  .xxxl-ml-2 {
    margin-left: -1rem;
  }
  .xxxl-sticky-2 {
    position: sticky;
    top: calc(var(--header-height) + 1rem);
  }
  .xxxl-pt-3 {
    padding-top: 1.5rem;
  }
  .xxxl-pl-3 {
    padding-left: 1.5rem;
  }
  .xxxl-pb-3 {
    padding-bottom: 1.5rem;
  }
  .xxxl-pr-3 {
    padding-right: 1.5rem;
  }
  .xxxl-py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xxxl-px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xxxl-pxy-3 {
    padding: 1.5rem;
  }
  .xxxl-mr-3 {
    margin-right: 1.5rem;
  }
  .xxxl-mb-3 {
    margin-bottom: 1.5rem;
  }
  .xxxl-mt-3 {
    margin-top: -1.5rem;
  }
  .xxxl-ml-3 {
    margin-left: -1.5rem;
  }
  .xxxl-sticky-3 {
    position: sticky;
    top: calc(var(--header-height) + 1.5rem);
  }
  .xxxl-pt-4 {
    padding-top: 2rem;
  }
  .xxxl-pl-4 {
    padding-left: 2rem;
  }
  .xxxl-pb-4 {
    padding-bottom: 2rem;
  }
  .xxxl-pr-4 {
    padding-right: 2rem;
  }
  .xxxl-py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xxxl-px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xxxl-pxy-4 {
    padding: 2rem;
  }
  .xxxl-mr-4 {
    margin-right: 2rem;
  }
  .xxxl-mb-4 {
    margin-bottom: 2rem;
  }
  .xxxl-mt-4 {
    margin-top: -2rem;
  }
  .xxxl-ml-4 {
    margin-left: -2rem;
  }
  .xxxl-sticky-4 {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
  .xxxl-pt-05 {
    padding-top: 0.25rem;
  }
  .xxxl-pl-05 {
    padding-left: 0.25rem;
  }
  .xxxl-pb-05 {
    padding-bottom: 0.25rem;
  }
  .xxxl-pr-05 {
    padding-right: 0.25rem;
  }
  .xxxl-py-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xxxl-px-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xxxl-pxy-05 {
    padding: 0.25rem;
  }
  .xxxl-mr-05 {
    margin-right: 0.25rem;
  }
  .xxxl-mb-05 {
    margin-bottom: 0.25rem;
  }
  .xxxl-mt-05 {
    margin-top: -0.25rem;
  }
  .xxxl-ml-05 {
    margin-left: -0.25rem;
  }
  .xxxl-sticky-05 {
    position: sticky;
    top: calc(var(--header-height) + 0.25rem);
  }
  .xxxl-sticky-none {
    position: static;
  }
}
/* Alineación de contenido */
.s-left {
  text-align: left;
}

.s-center {
  text-align: center;
}

.s-right {
  text-align: right;
}

.s-to-left {
  margin-left: 0;
  margin-right: auto;
}
.s-to-left[class*=button] {
  display: table;
}

.s-to-center {
  margin-left: auto;
  margin-right: auto;
}
.s-to-center[class*=button] {
  display: table;
}

.s-to-right {
  margin-right: 0;
  margin-left: auto;
}
.s-to-right[class*=button] {
  display: table;
}

.s-block-left {
  display: block;
  margin-left: 0;
  margin-right: auto;
}

.s-block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.s-block-right {
  display: block;
  margin-right: 0;
  margin-left: auto;
}

@media screen and (min-width: 480px) {
  .sm-left {
    text-align: left;
  }
  .sm-center {
    text-align: center;
  }
  .sm-right {
    text-align: right;
  }
  .sm-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .sm-to-left[class*=button] {
    display: table;
  }
  .sm-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .sm-to-center[class*=button] {
    display: table;
  }
  .sm-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .sm-to-right[class*=button] {
    display: table;
  }
  .sm-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .sm-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .sm-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 640px) {
  .m-left {
    text-align: left;
  }
  .m-center {
    text-align: center;
  }
  .m-right {
    text-align: right;
  }
  .m-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .m-to-left[class*=button] {
    display: table;
  }
  .m-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .m-to-center[class*=button] {
    display: table;
  }
  .m-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .m-to-right[class*=button] {
    display: table;
  }
  .m-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .m-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .m-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 960px) {
  .l-left {
    text-align: left;
  }
  .l-center {
    text-align: center;
  }
  .l-right {
    text-align: right;
  }
  .l-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .l-to-left[class*=button] {
    display: table;
  }
  .l-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .l-to-center[class*=button] {
    display: table;
  }
  .l-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .l-to-right[class*=button] {
    display: table;
  }
  .l-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .l-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .l-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1280px) {
  .lg-left {
    text-align: left;
  }
  .lg-center {
    text-align: center;
  }
  .lg-right {
    text-align: right;
  }
  .lg-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .lg-to-left[class*=button] {
    display: table;
  }
  .lg-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .lg-to-center[class*=button] {
    display: table;
  }
  .lg-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .lg-to-right[class*=button] {
    display: table;
  }
  .lg-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .lg-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .lg-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1600px) {
  .xl-left {
    text-align: left;
  }
  .xl-center {
    text-align: center;
  }
  .xl-right {
    text-align: right;
  }
  .xl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .xl-to-left[class*=button] {
    display: table;
  }
  .xl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .xl-to-center[class*=button] {
    display: table;
  }
  .xl-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .xl-to-right[class*=button] {
    display: table;
  }
  .xl-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .xl-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .xl-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-left {
    text-align: left;
  }
  .cxxl-center {
    text-align: center;
  }
  .cxxl-right {
    text-align: right;
  }
  .cxxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .cxxl-to-left[class*=button] {
    display: table;
  }
  .cxxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .cxxl-to-center[class*=button] {
    display: table;
  }
  .cxxl-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .cxxl-to-right[class*=button] {
    display: table;
  }
  .cxxl-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .cxxl-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .cxxl-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-left {
    text-align: left;
  }
  .xxl-center {
    text-align: center;
  }
  .xxl-right {
    text-align: right;
  }
  .xxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .xxl-to-left[class*=button] {
    display: table;
  }
  .xxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .xxl-to-center[class*=button] {
    display: table;
  }
  .xxl-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .xxl-to-right[class*=button] {
    display: table;
  }
  .xxl-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .xxl-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .xxl-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-left {
    text-align: left;
  }
  .xxxl-center {
    text-align: center;
  }
  .xxxl-right {
    text-align: right;
  }
  .xxxl-to-left {
    margin-left: 0;
    margin-right: auto;
  }
  .xxxl-to-left[class*=button] {
    display: table;
  }
  .xxxl-to-center {
    margin-left: auto;
    margin-right: auto;
  }
  .xxxl-to-center[class*=button] {
    display: table;
  }
  .xxxl-to-right {
    margin-right: 0;
    margin-left: auto;
  }
  .xxxl-to-right[class*=button] {
    display: table;
  }
  .xxxl-block-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .xxxl-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .xxxl-block-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}
.s-order-1 {
  order: 1;
}

.s-order-2 {
  order: 2;
}

.s-order-3 {
  order: 3;
}

.s-order-4 {
  order: 4;
}

.s-order-5 {
  order: 5;
}

.s-order-6 {
  order: 6;
}

.s-order-7 {
  order: 7;
}

.s-order-8 {
  order: 8;
}

.s-order-9 {
  order: 9;
}

.s-order-10 {
  order: 10;
}

.s-order-11 {
  order: 11;
}

.s-order-12 {
  order: 12;
}

@media screen and (min-width: 480px) {
  .sm-order-1 {
    order: 1;
  }
  .sm-order-2 {
    order: 2;
  }
  .sm-order-3 {
    order: 3;
  }
  .sm-order-4 {
    order: 4;
  }
  .sm-order-5 {
    order: 5;
  }
  .sm-order-6 {
    order: 6;
  }
  .sm-order-7 {
    order: 7;
  }
  .sm-order-8 {
    order: 8;
  }
  .sm-order-9 {
    order: 9;
  }
  .sm-order-10 {
    order: 10;
  }
  .sm-order-11 {
    order: 11;
  }
  .sm-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 640px) {
  .m-order-1 {
    order: 1;
  }
  .m-order-2 {
    order: 2;
  }
  .m-order-3 {
    order: 3;
  }
  .m-order-4 {
    order: 4;
  }
  .m-order-5 {
    order: 5;
  }
  .m-order-6 {
    order: 6;
  }
  .m-order-7 {
    order: 7;
  }
  .m-order-8 {
    order: 8;
  }
  .m-order-9 {
    order: 9;
  }
  .m-order-10 {
    order: 10;
  }
  .m-order-11 {
    order: 11;
  }
  .m-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 960px) {
  .l-order-1 {
    order: 1;
  }
  .l-order-2 {
    order: 2;
  }
  .l-order-3 {
    order: 3;
  }
  .l-order-4 {
    order: 4;
  }
  .l-order-5 {
    order: 5;
  }
  .l-order-6 {
    order: 6;
  }
  .l-order-7 {
    order: 7;
  }
  .l-order-8 {
    order: 8;
  }
  .l-order-9 {
    order: 9;
  }
  .l-order-10 {
    order: 10;
  }
  .l-order-11 {
    order: 11;
  }
  .l-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 1280px) {
  .lg-order-1 {
    order: 1;
  }
  .lg-order-2 {
    order: 2;
  }
  .lg-order-3 {
    order: 3;
  }
  .lg-order-4 {
    order: 4;
  }
  .lg-order-5 {
    order: 5;
  }
  .lg-order-6 {
    order: 6;
  }
  .lg-order-7 {
    order: 7;
  }
  .lg-order-8 {
    order: 8;
  }
  .lg-order-9 {
    order: 9;
  }
  .lg-order-10 {
    order: 10;
  }
  .lg-order-11 {
    order: 11;
  }
  .lg-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 1600px) {
  .xl-order-1 {
    order: 1;
  }
  .xl-order-2 {
    order: 2;
  }
  .xl-order-3 {
    order: 3;
  }
  .xl-order-4 {
    order: 4;
  }
  .xl-order-5 {
    order: 5;
  }
  .xl-order-6 {
    order: 6;
  }
  .xl-order-7 {
    order: 7;
  }
  .xl-order-8 {
    order: 8;
  }
  .xl-order-9 {
    order: 9;
  }
  .xl-order-10 {
    order: 10;
  }
  .xl-order-11 {
    order: 11;
  }
  .xl-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-order-1 {
    order: 1;
  }
  .cxxl-order-2 {
    order: 2;
  }
  .cxxl-order-3 {
    order: 3;
  }
  .cxxl-order-4 {
    order: 4;
  }
  .cxxl-order-5 {
    order: 5;
  }
  .cxxl-order-6 {
    order: 6;
  }
  .cxxl-order-7 {
    order: 7;
  }
  .cxxl-order-8 {
    order: 8;
  }
  .cxxl-order-9 {
    order: 9;
  }
  .cxxl-order-10 {
    order: 10;
  }
  .cxxl-order-11 {
    order: 11;
  }
  .cxxl-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-order-1 {
    order: 1;
  }
  .xxl-order-2 {
    order: 2;
  }
  .xxl-order-3 {
    order: 3;
  }
  .xxl-order-4 {
    order: 4;
  }
  .xxl-order-5 {
    order: 5;
  }
  .xxl-order-6 {
    order: 6;
  }
  .xxl-order-7 {
    order: 7;
  }
  .xxl-order-8 {
    order: 8;
  }
  .xxl-order-9 {
    order: 9;
  }
  .xxl-order-10 {
    order: 10;
  }
  .xxl-order-11 {
    order: 11;
  }
  .xxl-order-12 {
    order: 12;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-order-1 {
    order: 1;
  }
  .xxxl-order-2 {
    order: 2;
  }
  .xxxl-order-3 {
    order: 3;
  }
  .xxxl-order-4 {
    order: 4;
  }
  .xxxl-order-5 {
    order: 5;
  }
  .xxxl-order-6 {
    order: 6;
  }
  .xxxl-order-7 {
    order: 7;
  }
  .xxxl-order-8 {
    order: 8;
  }
  .xxxl-order-9 {
    order: 9;
  }
  .xxxl-order-10 {
    order: 10;
  }
  .xxxl-order-11 {
    order: 11;
  }
  .xxxl-order-12 {
    order: 12;
  }
}
/* Crea selectores agrupados para propiedades básicas de flexbox*/
.flex, .s-row, .s-row-reverse, .s-column, .s-column-reverse, .s-main-start, .s-main-center, .s-main-end, .s-main-justify, .s-main-distribute, .s-cross-baseline, .s-cross-start, .s-cross-center, .s-cross-end {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 480px) {
  .flex, .sm-row, .sm-row-reverse, .sm-column, .sm-column-reverse, .sm-main-start, .sm-main-center, .sm-main-end, .sm-main-justify, .sm-main-distribute, .sm-cross-baseline, .sm-cross-start, .sm-cross-center, .sm-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 640px) {
  .flex, .m-row, .m-row-reverse, .m-column, .m-column-reverse, .m-main-start, .m-main-center, .m-main-end, .m-main-justify, .m-main-distribute, .m-cross-baseline, .m-cross-start, .m-cross-center, .m-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 960px) {
  .flex, .l-row, .l-row-reverse, .l-column, .l-column-reverse, .l-main-start, .l-main-center, .l-main-end, .l-main-justify, .l-main-distribute, .l-cross-baseline, .l-cross-start, .l-cross-center, .l-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1280px) {
  .flex, .lg-row, .lg-row-reverse, .lg-column, .lg-column-reverse, .lg-main-start, .lg-main-center, .lg-main-end, .lg-main-justify, .lg-main-distribute, .lg-cross-baseline, .lg-cross-start, .lg-cross-center, .lg-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1600px) {
  .flex, .xl-row, .xl-row-reverse, .xl-column, .xl-column-reverse, .xl-main-start, .xl-main-center, .xl-main-end, .xl-main-justify, .xl-main-distribute, .xl-cross-baseline, .xl-cross-start, .xl-cross-center, .xl-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1800px) {
  .flex, .cxxl-row, .cxxl-row-reverse, .cxxl-column, .cxxl-column-reverse, .cxxl-main-start, .cxxl-main-center, .cxxl-main-end, .cxxl-main-justify, .cxxl-main-distribute, .cxxl-cross-baseline, .cxxl-cross-start, .cxxl-cross-center, .cxxl-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1800px) {
  .flex, .xxl-row, .xxl-row-reverse, .xxl-column, .xxl-column-reverse, .xxl-main-start, .xxl-main-center, .xxl-main-end, .xxl-main-justify, .xxl-main-distribute, .xxl-cross-baseline, .xxl-cross-start, .xxl-cross-center, .xxl-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 4000px) {
  .flex, .xxxl-row, .xxxl-row-reverse, .xxxl-column, .xxxl-column-reverse, .xxxl-main-start, .xxxl-main-center, .xxxl-main-end, .xxxl-main-justify, .xxxl-main-distribute, .xxxl-cross-baseline, .xxxl-cross-start, .xxxl-cross-center, .xxxl-cross-end {
    display: flex;
    flex-wrap: wrap;
  }
}
/*Crea selectores de flex alignment en todos los breakpoints*/
.s-row {
  flex-direction: row;
}

.s-row-reverse {
  flex-direction: row-reverse;
}

.s-column {
  flex-direction: column;
}

.s-column-reverse {
  flex-direction: column-reverse;
}

.s-main-start {
  justify-content: flex-start;
}

.s-main-center {
  justify-content: center;
}

.s-main-end {
  justify-content: flex-end;
}

.s-main-justify {
  justify-content: space-between;
}

.s-main-distribute {
  justify-content: space-evenly;
}

.s-cross-baseline {
  align-items: baseline;
  align-content: baseline;
}

.s-cross-start {
  align-items: flex-start;
  align-content: flex-start;
}

.s-cross-center {
  align-items: center;
  align-content: center;
}

.s-cross-end {
  align-items: flex-end;
  align-content: flex-end;
}

@media screen and (min-width: 480px) {
  .sm-row {
    flex-direction: row;
  }
  .sm-row-reverse {
    flex-direction: row-reverse;
  }
  .sm-column {
    flex-direction: column;
  }
  .sm-column-reverse {
    flex-direction: column-reverse;
  }
  .sm-main-start {
    justify-content: flex-start;
  }
  .sm-main-center {
    justify-content: center;
  }
  .sm-main-end {
    justify-content: flex-end;
  }
  .sm-main-justify {
    justify-content: space-between;
  }
  .sm-main-distribute {
    justify-content: space-evenly;
  }
  .sm-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .sm-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .sm-cross-center {
    align-items: center;
    align-content: center;
  }
  .sm-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 640px) {
  .m-row {
    flex-direction: row;
  }
  .m-row-reverse {
    flex-direction: row-reverse;
  }
  .m-column {
    flex-direction: column;
  }
  .m-column-reverse {
    flex-direction: column-reverse;
  }
  .m-main-start {
    justify-content: flex-start;
  }
  .m-main-center {
    justify-content: center;
  }
  .m-main-end {
    justify-content: flex-end;
  }
  .m-main-justify {
    justify-content: space-between;
  }
  .m-main-distribute {
    justify-content: space-evenly;
  }
  .m-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .m-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .m-cross-center {
    align-items: center;
    align-content: center;
  }
  .m-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .l-row {
    flex-direction: row;
  }
  .l-row-reverse {
    flex-direction: row-reverse;
  }
  .l-column {
    flex-direction: column;
  }
  .l-column-reverse {
    flex-direction: column-reverse;
  }
  .l-main-start {
    justify-content: flex-start;
  }
  .l-main-center {
    justify-content: center;
  }
  .l-main-end {
    justify-content: flex-end;
  }
  .l-main-justify {
    justify-content: space-between;
  }
  .l-main-distribute {
    justify-content: space-evenly;
  }
  .l-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .l-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .l-cross-center {
    align-items: center;
    align-content: center;
  }
  .l-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .lg-row {
    flex-direction: row;
  }
  .lg-row-reverse {
    flex-direction: row-reverse;
  }
  .lg-column {
    flex-direction: column;
  }
  .lg-column-reverse {
    flex-direction: column-reverse;
  }
  .lg-main-start {
    justify-content: flex-start;
  }
  .lg-main-center {
    justify-content: center;
  }
  .lg-main-end {
    justify-content: flex-end;
  }
  .lg-main-justify {
    justify-content: space-between;
  }
  .lg-main-distribute {
    justify-content: space-evenly;
  }
  .lg-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .lg-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .lg-cross-center {
    align-items: center;
    align-content: center;
  }
  .lg-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 1600px) {
  .xl-row {
    flex-direction: row;
  }
  .xl-row-reverse {
    flex-direction: row-reverse;
  }
  .xl-column {
    flex-direction: column;
  }
  .xl-column-reverse {
    flex-direction: column-reverse;
  }
  .xl-main-start {
    justify-content: flex-start;
  }
  .xl-main-center {
    justify-content: center;
  }
  .xl-main-end {
    justify-content: flex-end;
  }
  .xl-main-justify {
    justify-content: space-between;
  }
  .xl-main-distribute {
    justify-content: space-evenly;
  }
  .xl-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .xl-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .xl-cross-center {
    align-items: center;
    align-content: center;
  }
  .xl-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-row {
    flex-direction: row;
  }
  .cxxl-row-reverse {
    flex-direction: row-reverse;
  }
  .cxxl-column {
    flex-direction: column;
  }
  .cxxl-column-reverse {
    flex-direction: column-reverse;
  }
  .cxxl-main-start {
    justify-content: flex-start;
  }
  .cxxl-main-center {
    justify-content: center;
  }
  .cxxl-main-end {
    justify-content: flex-end;
  }
  .cxxl-main-justify {
    justify-content: space-between;
  }
  .cxxl-main-distribute {
    justify-content: space-evenly;
  }
  .cxxl-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .cxxl-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .cxxl-cross-center {
    align-items: center;
    align-content: center;
  }
  .cxxl-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-row {
    flex-direction: row;
  }
  .xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .xxl-column {
    flex-direction: column;
  }
  .xxl-column-reverse {
    flex-direction: column-reverse;
  }
  .xxl-main-start {
    justify-content: flex-start;
  }
  .xxl-main-center {
    justify-content: center;
  }
  .xxl-main-end {
    justify-content: flex-end;
  }
  .xxl-main-justify {
    justify-content: space-between;
  }
  .xxl-main-distribute {
    justify-content: space-evenly;
  }
  .xxl-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .xxl-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .xxl-cross-center {
    align-items: center;
    align-content: center;
  }
  .xxl-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-row {
    flex-direction: row;
  }
  .xxxl-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxl-column {
    flex-direction: column;
  }
  .xxxl-column-reverse {
    flex-direction: column-reverse;
  }
  .xxxl-main-start {
    justify-content: flex-start;
  }
  .xxxl-main-center {
    justify-content: center;
  }
  .xxxl-main-end {
    justify-content: flex-end;
  }
  .xxxl-main-justify {
    justify-content: space-between;
  }
  .xxxl-main-distribute {
    justify-content: space-evenly;
  }
  .xxxl-cross-baseline {
    align-items: baseline;
    align-content: baseline;
  }
  .xxxl-cross-start {
    align-items: flex-start;
    align-content: flex-start;
  }
  .xxxl-cross-center {
    align-items: center;
    align-content: center;
  }
  .xxxl-cross-end {
    align-items: flex-end;
    align-content: flex-end;
  }
}
.from-s {
  display: none;
}

.to-s {
  display: none;
}

@media screen and (max-width: 479px) {
  .from-sm {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .to-sm {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .from-m {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .to-m {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .from-l {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .to-l {
    display: none;
  }
}

@media screen and (max-width: 1279px) {
  .from-lg {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .to-lg {
    display: none;
  }
}

@media screen and (max-width: 1599px) {
  .from-xl {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .to-xl {
    display: none;
  }
}

@media screen and (max-width: 1799px) {
  .from-cxxl {
    display: none;
  }
}

@media screen and (min-width: 1800px) {
  .to-cxxl {
    display: none;
  }
}

@media screen and (max-width: 1799px) {
  .from-xxl {
    display: none;
  }
}

@media screen and (min-width: 1800px) {
  .to-xxl {
    display: none;
  }
}

@media screen and (max-width: 3999px) {
  .from-xxxl {
    display: none;
  }
}

@media screen and (min-width: 4000px) {
  .to-xxxl {
    display: none;
  }
}

.button {
  display: inline-block;
  padding: 0.5em 1em;
  color: #FFF;
  background: var(--color);
  cursor: pointer;
  text-decoration: none;
  line-height: inherit;
  border-radius: 0.25rem;
  transition: transform 0.05s;
  border: none;
}
.button:hover {
  background: var(--color-alt);
}

.z-back {
  z-index: var(--z-back);
}

.z-normal {
  z-index: var(--z-normal);
}

.z-tooltip {
  z-index: var(--z-tooltip);
}

.z-fixed {
  z-index: var(--z-fixed);
}

.z-modal {
  z-index: var(--z-modal);
}

.s-border {
  border: 1px solid var(--border-color);
}
.s-border-none {
  border: none;
}
.s-radius {
  border-radius: var(--border-radius);
}
.s-border-top {
  border-top: 1px solid var(--border-color);
}
.s-border-none {
  border-top: none;
}
.s-border-right {
  border-right: 1px solid var(--border-color);
}
.s-border-none {
  border-right: none;
}
.s-border-bottom {
  border-bottom: 1px solid var(--border-color);
}
.s-border-none {
  border-bottom: none;
}
.s-border-left {
  border-left: 1px solid var(--border-color);
}
.s-border-none {
  border-left: none;
}
.s-radius-tl {
  border-top-left-radius: var(--border-radius);
}
.s-radius-tr {
  border-top-right-radius: var(--border-radius);
}
.s-radius-bl {
  border-bottom-left-radius: var(--border-radius);
}
.s-radius-br {
  border-bottom-right-radius: var(--border-radius);
}
.s-radius-0 {
  border-radius: 0;
}
.s-radius-1 {
  border-radius: 0.5rem;
}
.s-radius-2 {
  border-radius: 1rem;
}
.s-radius-3 {
  border-radius: 1.5rem;
}
.s-radius-4 {
  border-radius: 2rem;
}
.s-radius-05 {
  border-radius: 0.25rem;
}
.s-radius-tl-0 {
  border-top-left-radius: 0;
}
.s-radius-tl-1 {
  border-top-left-radius: 0.5rem;
}
.s-radius-tl-2 {
  border-top-left-radius: 1rem;
}
.s-radius-tl-3 {
  border-top-left-radius: 1.5rem;
}
.s-radius-tl-4 {
  border-top-left-radius: 2rem;
}
.s-radius-tl-05 {
  border-top-left-radius: 0.25rem;
}
.s-radius-tr-0 {
  border-top-right-radius: 0;
}
.s-radius-tr-1 {
  border-top-right-radius: 0.5rem;
}
.s-radius-tr-2 {
  border-top-right-radius: 1rem;
}
.s-radius-tr-3 {
  border-top-right-radius: 1.5rem;
}
.s-radius-tr-4 {
  border-top-right-radius: 2rem;
}
.s-radius-tr-05 {
  border-top-right-radius: 0.25rem;
}
.s-radius-bl-0 {
  border-bottom-left-radius: 0;
}
.s-radius-bl-1 {
  border-bottom-left-radius: 0.5rem;
}
.s-radius-bl-2 {
  border-bottom-left-radius: 1rem;
}
.s-radius-bl-3 {
  border-bottom-left-radius: 1.5rem;
}
.s-radius-bl-4 {
  border-bottom-left-radius: 2rem;
}
.s-radius-bl-05 {
  border-bottom-left-radius: 0.25rem;
}
.s-radius-br-0 {
  border-bottom-right-radius: 0;
}
.s-radius-br-1 {
  border-bottom-right-radius: 0.5rem;
}
.s-radius-br-2 {
  border-bottom-right-radius: 1rem;
}
.s-radius-br-3 {
  border-bottom-right-radius: 1.5rem;
}
.s-radius-br-4 {
  border-bottom-right-radius: 2rem;
}
.s-radius-br-05 {
  border-bottom-right-radius: 0.25rem;
}
.s-radius-tl-none {
  border-top-left-radius: 0;
}
.s-radius-tr-none {
  border-top-right-radius: 0;
}
.s-radius-bl-none {
  border-bottom-left-radius: 0;
}
.s-radius-br-none {
  border-bottom-right-radius: 0;
}
.s-radius-none {
  border-radius: none;
}
.s-bg-blue {
  background-color: var(--color);
}
.s-bg-white {
  background-color: #FFF;
}
.s-bg-grey {
  background-color: var(--light-bg);
}
.s-bg-none {
  background-color: transparent;
}
.s-ratio-1-1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.s-ratio-1-2 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 200%;
  position: relative;
}
.s-ratio-1-3 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 300%;
  position: relative;
}
.s-ratio-1-4 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 400%;
  position: relative;
}
.s-ratio-2-1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}
.s-ratio-2-2 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.s-ratio-2-3 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 150%;
  position: relative;
}
.s-ratio-2-4 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 200%;
  position: relative;
}
.s-ratio-3-1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 33.3333333333%;
  position: relative;
}
.s-ratio-3-2 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  position: relative;
}
.s-ratio-3-3 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.s-ratio-3-4 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 133.3333333333%;
  position: relative;
}
.s-ratio-4-1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 25%;
  position: relative;
}
.s-ratio-4-2 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}
.s-ratio-4-3 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
  position: relative;
}
.s-ratio-4-4 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.s-ratio-16-9 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.s-ratio-9-16 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 177.7777777778%;
  position: relative;
}
.s-ratio-21-9 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 42.8571428571%;
  position: relative;
}
.s-shadow {
  box-shadow: 0 0 1rem #CCC;
}
.s-shadow-bottom {
  box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
}
.s-shadow-top {
  box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
}
.s-shadow-right {
  box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
}
.s-shadow-left {
  box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
}
.s-shadow-none {
  box-shadow: none;
}
.s-fxn {
  flex: none;
}
.s-fxw {
  flex-wrap: nowrap;
}
.s-fxg {
  flex-grow: 1;
}
.s-opacity-1 {
  opacity: 0.1;
}
.s-opacity-2 {
  opacity: 0.2;
}
.s-opacity-3 {
  opacity: 0.3;
}
.s-opacity-4 {
  opacity: 0.4;
}
.s-opacity-5 {
  opacity: 0.5;
}
.s-opacity-6 {
  opacity: 0.6;
}
.s-opacity-7 {
  opacity: 0.7;
}
.s-opacity-8 {
  opacity: 0.8;
}
.s-opacity-9 {
  opacity: 0.9;
}
.s-opacity-10 {
  opacity: 1;
}

@media screen and (min-width: 480px) {
  .sm-border {
    border: 1px solid var(--border-color);
  }
  .sm-border-none {
    border: none;
  }
  .sm-radius {
    border-radius: var(--border-radius);
  }
  .sm-border-top {
    border-top: 1px solid var(--border-color);
  }
  .sm-border-none {
    border-top: none;
  }
  .sm-border-right {
    border-right: 1px solid var(--border-color);
  }
  .sm-border-none {
    border-right: none;
  }
  .sm-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .sm-border-none {
    border-bottom: none;
  }
  .sm-border-left {
    border-left: 1px solid var(--border-color);
  }
  .sm-border-none {
    border-left: none;
  }
  .sm-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .sm-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .sm-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .sm-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .sm-radius-0 {
    border-radius: 0;
  }
  .sm-radius-1 {
    border-radius: 0.5rem;
  }
  .sm-radius-2 {
    border-radius: 1rem;
  }
  .sm-radius-3 {
    border-radius: 1.5rem;
  }
  .sm-radius-4 {
    border-radius: 2rem;
  }
  .sm-radius-05 {
    border-radius: 0.25rem;
  }
  .sm-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .sm-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .sm-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .sm-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .sm-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .sm-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .sm-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .sm-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .sm-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .sm-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .sm-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .sm-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .sm-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .sm-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .sm-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .sm-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .sm-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .sm-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .sm-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .sm-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .sm-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .sm-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .sm-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .sm-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .sm-radius-tl-none {
    border-top-left-radius: 0;
  }
  .sm-radius-tr-none {
    border-top-right-radius: 0;
  }
  .sm-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .sm-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .sm-radius-none {
    border-radius: none;
  }
  .sm-bg-blue {
    background-color: var(--color);
  }
  .sm-bg-white {
    background-color: #FFF;
  }
  .sm-bg-grey {
    background-color: var(--light-bg);
  }
  .sm-bg-none {
    background-color: transparent;
  }
  .sm-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .sm-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .sm-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .sm-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .sm-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .sm-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .sm-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .sm-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .sm-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .sm-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .sm-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .sm-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .sm-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .sm-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .sm-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .sm-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .sm-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .sm-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .sm-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .sm-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .sm-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .sm-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .sm-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .sm-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .sm-shadow-none {
    box-shadow: none;
  }
  .sm-fxn {
    flex: none;
  }
  .sm-fxw {
    flex-wrap: nowrap;
  }
  .sm-fxg {
    flex-grow: 1;
  }
  .sm-opacity-1 {
    opacity: 0.1;
  }
  .sm-opacity-2 {
    opacity: 0.2;
  }
  .sm-opacity-3 {
    opacity: 0.3;
  }
  .sm-opacity-4 {
    opacity: 0.4;
  }
  .sm-opacity-5 {
    opacity: 0.5;
  }
  .sm-opacity-6 {
    opacity: 0.6;
  }
  .sm-opacity-7 {
    opacity: 0.7;
  }
  .sm-opacity-8 {
    opacity: 0.8;
  }
  .sm-opacity-9 {
    opacity: 0.9;
  }
  .sm-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 640px) {
  .m-border {
    border: 1px solid var(--border-color);
  }
  .m-border-none {
    border: none;
  }
  .m-radius {
    border-radius: var(--border-radius);
  }
  .m-border-top {
    border-top: 1px solid var(--border-color);
  }
  .m-border-none {
    border-top: none;
  }
  .m-border-right {
    border-right: 1px solid var(--border-color);
  }
  .m-border-none {
    border-right: none;
  }
  .m-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .m-border-none {
    border-bottom: none;
  }
  .m-border-left {
    border-left: 1px solid var(--border-color);
  }
  .m-border-none {
    border-left: none;
  }
  .m-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .m-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .m-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .m-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .m-radius-0 {
    border-radius: 0;
  }
  .m-radius-1 {
    border-radius: 0.5rem;
  }
  .m-radius-2 {
    border-radius: 1rem;
  }
  .m-radius-3 {
    border-radius: 1.5rem;
  }
  .m-radius-4 {
    border-radius: 2rem;
  }
  .m-radius-05 {
    border-radius: 0.25rem;
  }
  .m-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .m-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .m-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .m-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .m-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .m-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .m-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .m-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .m-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .m-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .m-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .m-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .m-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .m-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .m-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .m-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .m-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .m-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .m-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .m-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .m-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .m-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .m-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .m-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .m-radius-tl-none {
    border-top-left-radius: 0;
  }
  .m-radius-tr-none {
    border-top-right-radius: 0;
  }
  .m-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .m-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .m-radius-none {
    border-radius: none;
  }
  .m-bg-blue {
    background-color: var(--color);
  }
  .m-bg-white {
    background-color: #FFF;
  }
  .m-bg-grey {
    background-color: var(--light-bg);
  }
  .m-bg-none {
    background-color: transparent;
  }
  .m-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .m-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .m-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .m-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .m-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .m-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .m-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .m-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .m-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .m-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .m-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .m-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .m-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .m-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .m-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .m-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .m-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .m-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .m-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .m-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .m-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .m-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .m-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .m-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .m-shadow-none {
    box-shadow: none;
  }
  .m-fxn {
    flex: none;
  }
  .m-fxw {
    flex-wrap: nowrap;
  }
  .m-fxg {
    flex-grow: 1;
  }
  .m-opacity-1 {
    opacity: 0.1;
  }
  .m-opacity-2 {
    opacity: 0.2;
  }
  .m-opacity-3 {
    opacity: 0.3;
  }
  .m-opacity-4 {
    opacity: 0.4;
  }
  .m-opacity-5 {
    opacity: 0.5;
  }
  .m-opacity-6 {
    opacity: 0.6;
  }
  .m-opacity-7 {
    opacity: 0.7;
  }
  .m-opacity-8 {
    opacity: 0.8;
  }
  .m-opacity-9 {
    opacity: 0.9;
  }
  .m-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 960px) {
  .l-border {
    border: 1px solid var(--border-color);
  }
  .l-border-none {
    border: none;
  }
  .l-radius {
    border-radius: var(--border-radius);
  }
  .l-border-top {
    border-top: 1px solid var(--border-color);
  }
  .l-border-none {
    border-top: none;
  }
  .l-border-right {
    border-right: 1px solid var(--border-color);
  }
  .l-border-none {
    border-right: none;
  }
  .l-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .l-border-none {
    border-bottom: none;
  }
  .l-border-left {
    border-left: 1px solid var(--border-color);
  }
  .l-border-none {
    border-left: none;
  }
  .l-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .l-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .l-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .l-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .l-radius-0 {
    border-radius: 0;
  }
  .l-radius-1 {
    border-radius: 0.5rem;
  }
  .l-radius-2 {
    border-radius: 1rem;
  }
  .l-radius-3 {
    border-radius: 1.5rem;
  }
  .l-radius-4 {
    border-radius: 2rem;
  }
  .l-radius-05 {
    border-radius: 0.25rem;
  }
  .l-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .l-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .l-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .l-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .l-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .l-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .l-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .l-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .l-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .l-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .l-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .l-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .l-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .l-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .l-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .l-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .l-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .l-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .l-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .l-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .l-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .l-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .l-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .l-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .l-radius-tl-none {
    border-top-left-radius: 0;
  }
  .l-radius-tr-none {
    border-top-right-radius: 0;
  }
  .l-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .l-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .l-radius-none {
    border-radius: none;
  }
  .l-bg-blue {
    background-color: var(--color);
  }
  .l-bg-white {
    background-color: #FFF;
  }
  .l-bg-grey {
    background-color: var(--light-bg);
  }
  .l-bg-none {
    background-color: transparent;
  }
  .l-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .l-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .l-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .l-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .l-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .l-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .l-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .l-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .l-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .l-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .l-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .l-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .l-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .l-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .l-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .l-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .l-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .l-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .l-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .l-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .l-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .l-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .l-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .l-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .l-shadow-none {
    box-shadow: none;
  }
  .l-fxn {
    flex: none;
  }
  .l-fxw {
    flex-wrap: nowrap;
  }
  .l-fxg {
    flex-grow: 1;
  }
  .l-opacity-1 {
    opacity: 0.1;
  }
  .l-opacity-2 {
    opacity: 0.2;
  }
  .l-opacity-3 {
    opacity: 0.3;
  }
  .l-opacity-4 {
    opacity: 0.4;
  }
  .l-opacity-5 {
    opacity: 0.5;
  }
  .l-opacity-6 {
    opacity: 0.6;
  }
  .l-opacity-7 {
    opacity: 0.7;
  }
  .l-opacity-8 {
    opacity: 0.8;
  }
  .l-opacity-9 {
    opacity: 0.9;
  }
  .l-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 1280px) {
  .lg-border {
    border: 1px solid var(--border-color);
  }
  .lg-border-none {
    border: none;
  }
  .lg-radius {
    border-radius: var(--border-radius);
  }
  .lg-border-top {
    border-top: 1px solid var(--border-color);
  }
  .lg-border-none {
    border-top: none;
  }
  .lg-border-right {
    border-right: 1px solid var(--border-color);
  }
  .lg-border-none {
    border-right: none;
  }
  .lg-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .lg-border-none {
    border-bottom: none;
  }
  .lg-border-left {
    border-left: 1px solid var(--border-color);
  }
  .lg-border-none {
    border-left: none;
  }
  .lg-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .lg-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .lg-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .lg-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .lg-radius-0 {
    border-radius: 0;
  }
  .lg-radius-1 {
    border-radius: 0.5rem;
  }
  .lg-radius-2 {
    border-radius: 1rem;
  }
  .lg-radius-3 {
    border-radius: 1.5rem;
  }
  .lg-radius-4 {
    border-radius: 2rem;
  }
  .lg-radius-05 {
    border-radius: 0.25rem;
  }
  .lg-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .lg-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .lg-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .lg-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .lg-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .lg-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .lg-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .lg-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .lg-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .lg-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .lg-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .lg-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .lg-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .lg-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .lg-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .lg-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .lg-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .lg-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .lg-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .lg-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .lg-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .lg-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .lg-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .lg-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .lg-radius-tl-none {
    border-top-left-radius: 0;
  }
  .lg-radius-tr-none {
    border-top-right-radius: 0;
  }
  .lg-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .lg-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .lg-radius-none {
    border-radius: none;
  }
  .lg-bg-blue {
    background-color: var(--color);
  }
  .lg-bg-white {
    background-color: #FFF;
  }
  .lg-bg-grey {
    background-color: var(--light-bg);
  }
  .lg-bg-none {
    background-color: transparent;
  }
  .lg-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .lg-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .lg-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .lg-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .lg-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .lg-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .lg-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .lg-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .lg-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .lg-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .lg-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .lg-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .lg-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .lg-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .lg-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .lg-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .lg-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .lg-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .lg-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .lg-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .lg-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .lg-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .lg-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .lg-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .lg-shadow-none {
    box-shadow: none;
  }
  .lg-fxn {
    flex: none;
  }
  .lg-fxw {
    flex-wrap: nowrap;
  }
  .lg-fxg {
    flex-grow: 1;
  }
  .lg-opacity-1 {
    opacity: 0.1;
  }
  .lg-opacity-2 {
    opacity: 0.2;
  }
  .lg-opacity-3 {
    opacity: 0.3;
  }
  .lg-opacity-4 {
    opacity: 0.4;
  }
  .lg-opacity-5 {
    opacity: 0.5;
  }
  .lg-opacity-6 {
    opacity: 0.6;
  }
  .lg-opacity-7 {
    opacity: 0.7;
  }
  .lg-opacity-8 {
    opacity: 0.8;
  }
  .lg-opacity-9 {
    opacity: 0.9;
  }
  .lg-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 1600px) {
  .xl-border {
    border: 1px solid var(--border-color);
  }
  .xl-border-none {
    border: none;
  }
  .xl-radius {
    border-radius: var(--border-radius);
  }
  .xl-border-top {
    border-top: 1px solid var(--border-color);
  }
  .xl-border-none {
    border-top: none;
  }
  .xl-border-right {
    border-right: 1px solid var(--border-color);
  }
  .xl-border-none {
    border-right: none;
  }
  .xl-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .xl-border-none {
    border-bottom: none;
  }
  .xl-border-left {
    border-left: 1px solid var(--border-color);
  }
  .xl-border-none {
    border-left: none;
  }
  .xl-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .xl-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .xl-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .xl-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .xl-radius-0 {
    border-radius: 0;
  }
  .xl-radius-1 {
    border-radius: 0.5rem;
  }
  .xl-radius-2 {
    border-radius: 1rem;
  }
  .xl-radius-3 {
    border-radius: 1.5rem;
  }
  .xl-radius-4 {
    border-radius: 2rem;
  }
  .xl-radius-05 {
    border-radius: 0.25rem;
  }
  .xl-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .xl-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .xl-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .xl-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .xl-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .xl-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .xl-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .xl-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .xl-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .xl-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .xl-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .xl-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .xl-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .xl-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .xl-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .xl-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .xl-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .xl-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .xl-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .xl-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .xl-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .xl-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .xl-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .xl-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .xl-radius-tl-none {
    border-top-left-radius: 0;
  }
  .xl-radius-tr-none {
    border-top-right-radius: 0;
  }
  .xl-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .xl-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .xl-radius-none {
    border-radius: none;
  }
  .xl-bg-blue {
    background-color: var(--color);
  }
  .xl-bg-white {
    background-color: #FFF;
  }
  .xl-bg-grey {
    background-color: var(--light-bg);
  }
  .xl-bg-none {
    background-color: transparent;
  }
  .xl-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xl-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xl-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .xl-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .xl-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xl-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xl-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .xl-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xl-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .xl-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .xl-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xl-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .xl-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .xl-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xl-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .xl-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xl-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .xl-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .xl-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .xl-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .xl-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .xl-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .xl-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .xl-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .xl-shadow-none {
    box-shadow: none;
  }
  .xl-fxn {
    flex: none;
  }
  .xl-fxw {
    flex-wrap: nowrap;
  }
  .xl-fxg {
    flex-grow: 1;
  }
  .xl-opacity-1 {
    opacity: 0.1;
  }
  .xl-opacity-2 {
    opacity: 0.2;
  }
  .xl-opacity-3 {
    opacity: 0.3;
  }
  .xl-opacity-4 {
    opacity: 0.4;
  }
  .xl-opacity-5 {
    opacity: 0.5;
  }
  .xl-opacity-6 {
    opacity: 0.6;
  }
  .xl-opacity-7 {
    opacity: 0.7;
  }
  .xl-opacity-8 {
    opacity: 0.8;
  }
  .xl-opacity-9 {
    opacity: 0.9;
  }
  .xl-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 1800px) {
  .cxxl-border {
    border: 1px solid var(--border-color);
  }
  .cxxl-border-none {
    border: none;
  }
  .cxxl-radius {
    border-radius: var(--border-radius);
  }
  .cxxl-border-top {
    border-top: 1px solid var(--border-color);
  }
  .cxxl-border-none {
    border-top: none;
  }
  .cxxl-border-right {
    border-right: 1px solid var(--border-color);
  }
  .cxxl-border-none {
    border-right: none;
  }
  .cxxl-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .cxxl-border-none {
    border-bottom: none;
  }
  .cxxl-border-left {
    border-left: 1px solid var(--border-color);
  }
  .cxxl-border-none {
    border-left: none;
  }
  .cxxl-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .cxxl-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .cxxl-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .cxxl-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .cxxl-radius-0 {
    border-radius: 0;
  }
  .cxxl-radius-1 {
    border-radius: 0.5rem;
  }
  .cxxl-radius-2 {
    border-radius: 1rem;
  }
  .cxxl-radius-3 {
    border-radius: 1.5rem;
  }
  .cxxl-radius-4 {
    border-radius: 2rem;
  }
  .cxxl-radius-05 {
    border-radius: 0.25rem;
  }
  .cxxl-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .cxxl-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .cxxl-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .cxxl-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .cxxl-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .cxxl-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .cxxl-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .cxxl-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .cxxl-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .cxxl-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .cxxl-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .cxxl-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .cxxl-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .cxxl-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .cxxl-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .cxxl-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .cxxl-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .cxxl-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .cxxl-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .cxxl-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .cxxl-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .cxxl-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .cxxl-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .cxxl-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .cxxl-radius-tl-none {
    border-top-left-radius: 0;
  }
  .cxxl-radius-tr-none {
    border-top-right-radius: 0;
  }
  .cxxl-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .cxxl-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .cxxl-radius-none {
    border-radius: none;
  }
  .cxxl-bg-blue {
    background-color: var(--color);
  }
  .cxxl-bg-white {
    background-color: #FFF;
  }
  .cxxl-bg-grey {
    background-color: var(--light-bg);
  }
  .cxxl-bg-none {
    background-color: transparent;
  }
  .cxxl-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .cxxl-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .cxxl-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .cxxl-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .cxxl-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .cxxl-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .cxxl-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .cxxl-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .cxxl-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .cxxl-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .cxxl-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .cxxl-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .cxxl-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .cxxl-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .cxxl-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .cxxl-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .cxxl-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .cxxl-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .cxxl-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .cxxl-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .cxxl-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .cxxl-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .cxxl-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .cxxl-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .cxxl-shadow-none {
    box-shadow: none;
  }
  .cxxl-fxn {
    flex: none;
  }
  .cxxl-fxw {
    flex-wrap: nowrap;
  }
  .cxxl-fxg {
    flex-grow: 1;
  }
  .cxxl-opacity-1 {
    opacity: 0.1;
  }
  .cxxl-opacity-2 {
    opacity: 0.2;
  }
  .cxxl-opacity-3 {
    opacity: 0.3;
  }
  .cxxl-opacity-4 {
    opacity: 0.4;
  }
  .cxxl-opacity-5 {
    opacity: 0.5;
  }
  .cxxl-opacity-6 {
    opacity: 0.6;
  }
  .cxxl-opacity-7 {
    opacity: 0.7;
  }
  .cxxl-opacity-8 {
    opacity: 0.8;
  }
  .cxxl-opacity-9 {
    opacity: 0.9;
  }
  .cxxl-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 1800px) {
  .xxl-border {
    border: 1px solid var(--border-color);
  }
  .xxl-border-none {
    border: none;
  }
  .xxl-radius {
    border-radius: var(--border-radius);
  }
  .xxl-border-top {
    border-top: 1px solid var(--border-color);
  }
  .xxl-border-none {
    border-top: none;
  }
  .xxl-border-right {
    border-right: 1px solid var(--border-color);
  }
  .xxl-border-none {
    border-right: none;
  }
  .xxl-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .xxl-border-none {
    border-bottom: none;
  }
  .xxl-border-left {
    border-left: 1px solid var(--border-color);
  }
  .xxl-border-none {
    border-left: none;
  }
  .xxl-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .xxl-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .xxl-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .xxl-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .xxl-radius-0 {
    border-radius: 0;
  }
  .xxl-radius-1 {
    border-radius: 0.5rem;
  }
  .xxl-radius-2 {
    border-radius: 1rem;
  }
  .xxl-radius-3 {
    border-radius: 1.5rem;
  }
  .xxl-radius-4 {
    border-radius: 2rem;
  }
  .xxl-radius-05 {
    border-radius: 0.25rem;
  }
  .xxl-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .xxl-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .xxl-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .xxl-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .xxl-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .xxl-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .xxl-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .xxl-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .xxl-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .xxl-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .xxl-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .xxl-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .xxl-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .xxl-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .xxl-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .xxl-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .xxl-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .xxl-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .xxl-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .xxl-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .xxl-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .xxl-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .xxl-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .xxl-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .xxl-radius-tl-none {
    border-top-left-radius: 0;
  }
  .xxl-radius-tr-none {
    border-top-right-radius: 0;
  }
  .xxl-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .xxl-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .xxl-radius-none {
    border-radius: none;
  }
  .xxl-bg-blue {
    background-color: var(--color);
  }
  .xxl-bg-white {
    background-color: #FFF;
  }
  .xxl-bg-grey {
    background-color: var(--light-bg);
  }
  .xxl-bg-none {
    background-color: transparent;
  }
  .xxl-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxl-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xxl-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .xxl-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .xxl-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xxl-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxl-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .xxl-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xxl-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .xxl-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .xxl-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxl-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .xxl-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .xxl-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xxl-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .xxl-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxl-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .xxl-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .xxl-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .xxl-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .xxl-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .xxl-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .xxl-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .xxl-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .xxl-shadow-none {
    box-shadow: none;
  }
  .xxl-fxn {
    flex: none;
  }
  .xxl-fxw {
    flex-wrap: nowrap;
  }
  .xxl-fxg {
    flex-grow: 1;
  }
  .xxl-opacity-1 {
    opacity: 0.1;
  }
  .xxl-opacity-2 {
    opacity: 0.2;
  }
  .xxl-opacity-3 {
    opacity: 0.3;
  }
  .xxl-opacity-4 {
    opacity: 0.4;
  }
  .xxl-opacity-5 {
    opacity: 0.5;
  }
  .xxl-opacity-6 {
    opacity: 0.6;
  }
  .xxl-opacity-7 {
    opacity: 0.7;
  }
  .xxl-opacity-8 {
    opacity: 0.8;
  }
  .xxl-opacity-9 {
    opacity: 0.9;
  }
  .xxl-opacity-10 {
    opacity: 1;
  }
}
@media screen and (min-width: 4000px) {
  .xxxl-border {
    border: 1px solid var(--border-color);
  }
  .xxxl-border-none {
    border: none;
  }
  .xxxl-radius {
    border-radius: var(--border-radius);
  }
  .xxxl-border-top {
    border-top: 1px solid var(--border-color);
  }
  .xxxl-border-none {
    border-top: none;
  }
  .xxxl-border-right {
    border-right: 1px solid var(--border-color);
  }
  .xxxl-border-none {
    border-right: none;
  }
  .xxxl-border-bottom {
    border-bottom: 1px solid var(--border-color);
  }
  .xxxl-border-none {
    border-bottom: none;
  }
  .xxxl-border-left {
    border-left: 1px solid var(--border-color);
  }
  .xxxl-border-none {
    border-left: none;
  }
  .xxxl-radius-tl {
    border-top-left-radius: var(--border-radius);
  }
  .xxxl-radius-tr {
    border-top-right-radius: var(--border-radius);
  }
  .xxxl-radius-bl {
    border-bottom-left-radius: var(--border-radius);
  }
  .xxxl-radius-br {
    border-bottom-right-radius: var(--border-radius);
  }
  .xxxl-radius-0 {
    border-radius: 0;
  }
  .xxxl-radius-1 {
    border-radius: 0.5rem;
  }
  .xxxl-radius-2 {
    border-radius: 1rem;
  }
  .xxxl-radius-3 {
    border-radius: 1.5rem;
  }
  .xxxl-radius-4 {
    border-radius: 2rem;
  }
  .xxxl-radius-05 {
    border-radius: 0.25rem;
  }
  .xxxl-radius-tl-0 {
    border-top-left-radius: 0;
  }
  .xxxl-radius-tl-1 {
    border-top-left-radius: 0.5rem;
  }
  .xxxl-radius-tl-2 {
    border-top-left-radius: 1rem;
  }
  .xxxl-radius-tl-3 {
    border-top-left-radius: 1.5rem;
  }
  .xxxl-radius-tl-4 {
    border-top-left-radius: 2rem;
  }
  .xxxl-radius-tl-05 {
    border-top-left-radius: 0.25rem;
  }
  .xxxl-radius-tr-0 {
    border-top-right-radius: 0;
  }
  .xxxl-radius-tr-1 {
    border-top-right-radius: 0.5rem;
  }
  .xxxl-radius-tr-2 {
    border-top-right-radius: 1rem;
  }
  .xxxl-radius-tr-3 {
    border-top-right-radius: 1.5rem;
  }
  .xxxl-radius-tr-4 {
    border-top-right-radius: 2rem;
  }
  .xxxl-radius-tr-05 {
    border-top-right-radius: 0.25rem;
  }
  .xxxl-radius-bl-0 {
    border-bottom-left-radius: 0;
  }
  .xxxl-radius-bl-1 {
    border-bottom-left-radius: 0.5rem;
  }
  .xxxl-radius-bl-2 {
    border-bottom-left-radius: 1rem;
  }
  .xxxl-radius-bl-3 {
    border-bottom-left-radius: 1.5rem;
  }
  .xxxl-radius-bl-4 {
    border-bottom-left-radius: 2rem;
  }
  .xxxl-radius-bl-05 {
    border-bottom-left-radius: 0.25rem;
  }
  .xxxl-radius-br-0 {
    border-bottom-right-radius: 0;
  }
  .xxxl-radius-br-1 {
    border-bottom-right-radius: 0.5rem;
  }
  .xxxl-radius-br-2 {
    border-bottom-right-radius: 1rem;
  }
  .xxxl-radius-br-3 {
    border-bottom-right-radius: 1.5rem;
  }
  .xxxl-radius-br-4 {
    border-bottom-right-radius: 2rem;
  }
  .xxxl-radius-br-05 {
    border-bottom-right-radius: 0.25rem;
  }
  .xxxl-radius-tl-none {
    border-top-left-radius: 0;
  }
  .xxxl-radius-tr-none {
    border-top-right-radius: 0;
  }
  .xxxl-radius-bl-none {
    border-bottom-left-radius: 0;
  }
  .xxxl-radius-br-none {
    border-bottom-right-radius: 0;
  }
  .xxxl-radius-none {
    border-radius: none;
  }
  .xxxl-bg-blue {
    background-color: var(--color);
  }
  .xxxl-bg-white {
    background-color: #FFF;
  }
  .xxxl-bg-grey {
    background-color: var(--light-bg);
  }
  .xxxl-bg-none {
    background-color: transparent;
  }
  .xxxl-ratio-1-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxxl-ratio-1-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xxxl-ratio-1-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%;
    position: relative;
  }
  .xxxl-ratio-1-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 400%;
    position: relative;
  }
  .xxxl-ratio-2-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xxxl-ratio-2-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxxl-ratio-2-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
  }
  .xxxl-ratio-2-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 200%;
    position: relative;
  }
  .xxxl-ratio-3-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 33.3333333333%;
    position: relative;
  }
  .xxxl-ratio-3-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    position: relative;
  }
  .xxxl-ratio-3-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxxl-ratio-3-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 133.3333333333%;
    position: relative;
  }
  .xxxl-ratio-4-1 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
  }
  .xxxl-ratio-4-2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
  }
  .xxxl-ratio-4-3 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
  }
  .xxxl-ratio-4-4 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
  }
  .xxxl-ratio-16-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .xxxl-ratio-9-16 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 177.7777777778%;
    position: relative;
  }
  .xxxl-ratio-21-9 {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 42.8571428571%;
    position: relative;
  }
  .xxxl-shadow {
    box-shadow: 0 0 1rem #CCC;
  }
  .xxxl-shadow-bottom {
    box-shadow: 0 0.5rem 1rem -0.5rem #CCC;
  }
  .xxxl-shadow-top {
    box-shadow: 0 -0.5rem 1rem -0.5rem #CCC;
  }
  .xxxl-shadow-right {
    box-shadow: 0.5rem 0 1rem -0.5rem #CCC;
  }
  .xxxl-shadow-left {
    box-shadow: -0.5rem 0 1rem -0.5rem #CCC;
  }
  .xxxl-shadow-none {
    box-shadow: none;
  }
  .xxxl-fxn {
    flex: none;
  }
  .xxxl-fxw {
    flex-wrap: nowrap;
  }
  .xxxl-fxg {
    flex-grow: 1;
  }
  .xxxl-opacity-1 {
    opacity: 0.1;
  }
  .xxxl-opacity-2 {
    opacity: 0.2;
  }
  .xxxl-opacity-3 {
    opacity: 0.3;
  }
  .xxxl-opacity-4 {
    opacity: 0.4;
  }
  .xxxl-opacity-5 {
    opacity: 0.5;
  }
  .xxxl-opacity-6 {
    opacity: 0.6;
  }
  .xxxl-opacity-7 {
    opacity: 0.7;
  }
  .xxxl-opacity-8 {
    opacity: 0.8;
  }
  .xxxl-opacity-9 {
    opacity: 0.9;
  }
  .xxxl-opacity-10 {
    opacity: 1;
  }
}
.circle,
.square {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}

.circle {
  border-radius: 50%;
}

.img-container {
  position: relative;
}
.img-container img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.ed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.ed-video > iframe,
.ed-video > video,
.ed-video > .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
| Mixin para crear cuadriculas
|
| $gridItemSelector: nombre del selector CSS de cada item de la cuadricula
| $listColumns:
|              * lista de numeros de columnas en cada breakpoint (separados por espacios). Ej: 1 2 3 4
|              * el numero de columnas del ultimo breakpoint se hereda a breakpoints superiores
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
/* Mixins de alineacion con compatibilidad hacia atras*/
:root {
  --color: #007BDF;
  --color-alt: #006DC6;
  --border-color: #DFE0E0;
  --light-bg: #F0F0F0;
  --border-radius: 0.25rem;
  --vertical-block-space: 1rem;
  --vertical-content-space: 1rem;
  --gap: 1rem;
  --max-width: 1200px;
}
@media screen and (min-width: 1280px) {
  :root {
    --vertical-block-space: 2rem;
    --gap: 2rem;
  }
}

/**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::selection {
  color: white;
  background: #9e852e;
}

:root {
  --height-sub-menus: 148px;
  --main-background: white;
  --nav-spacer-height: 72px;
  --header-height: 100px;
  --header-top-spacer: 47px ;
  --left-side-bar-width: 100%;
  --right-side-bar-width: 292px;
  --stiky-banner-width: 337px;
  --stiky-banner-height: 736px;
  --content-column-gap: 25px;
}
@media screen and (min-width: 640px) {
  :root {
    --left-side-bar-width: 50%;
    --height-sub-menus: 253px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --left-side-bar-width: 393px;
  }
}
@media screen and (min-width: 1280px) {
  :root {
    --left-side-bar-width: 265px;
    --nav-spacer-height: 42px;
    --height-sub-menus: 286px;
  }
}
.blurry-overlap {
  display: none;
}
.blurry-overlap.active {
  display: block;
  position: absolute;
  background: hsla(220, 6%, 18%, 0.7);
  backdrop-filter: blur(1px);
  transition: opacity 0.1s;
  top: 0;
  width: 100%;
  max-width: 1920px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1000;
  margin: 0 auto;
}

body {
  background: var(--main-background);
  position: relative;
  font-family: "Poppins", sans-serif;
}
body.active {
  overflow: hidden;
}

.top-widget {
  outline: 1px solid var(--boder-layout);
  height: var(--header-height);
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
}
@media screen and (min-width: 1280px) {
  .top-widget {
    z-index: 3500;
  }
}
.top-widget__container {
  outline: 1px solid var(--boder-layout-fixed);
  padding: 0 16px;
  position: fixed;
  background: var(--main-background);
  height: var(--header-height);
  width: 100%;
  max-width: 1920px;
  z-index: 900;
}
@media screen and (min-width: 1280px) {
  .top-widget__container {
    padding: 0 24px;
  }
}

.nav-spacer {
  outline: 1px solid var(--boder-layout);
  background: var(--main-background);
  height: var(--nav-spacer-height);
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.nav-spacer__container {
  outline: 1px solid var(--boder-layout-fixed);
  background: var(--main-background);
  height: var(--nav-spacer-height);
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: fixed;
  z-index: 900;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
@media screen and (min-width: 1280px) {
  .nav-spacer__container {
    display: none;
  }
}
.nav-spacer__logo {
  display: block;
  width: 154px;
  height: 41px;
}
@media screen and (min-width: 1280px) {
  .nav-spacer__logo {
    display: none;
  }
}
.nav-spacer__open-mobile-menu {
  display: block;
  width: 56px;
  height: 56px;
  background: #f3f3f3;
  background-image: url("core-assets/images/open.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
}
@media screen and (min-width: 800px) {
  .nav-spacer__open-mobile-menu:hover {
    background: #9E852E;
    background-image: url("core-assets/images/open_white.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media screen and (min-width: 1280px) {
  .nav-spacer__open-mobile-menu {
    display: none;
  }
}

.left-sidebar {
  outline: 1px solid var(--boder-layout);
  position: absolute;
  left: 0;
  top: 0;
  width: var(--left-side-bar-width);
  background: transparent;
  height: calc(100vh - (var(--header-height) + var(--nav-spacer-height)));
  display: none;
}
@media screen and (min-width: 1280px) {
  .left-sidebar {
    display: block;
    position: relative;
    flex-basis: var(--left-side-bar-width);
    flex-grow: 0;
    z-index: 3000;
  }
}
.left-sidebar__container-fixed {
  outline: 1px solid var(--boder-layout-fixed);
  position: fixed;
  width: var(--left-side-bar-width);
  background: var(--main-background);
  z-index: -1;
  height: 100vh;
  padding-top: 40px;
}
@media screen and (min-width: 0) and (max-width: 1279px) {
  .left-sidebar__container-fixed {
    top: 0;
    z-index: 5000;
    height: 100vh;
  }
}
@media screen and (min-width: 640px) {
  .left-sidebar__container-fixed {
    padding-top: 103px;
  }
}
@media screen and (min-width: 1280px) {
  .left-sidebar__container-fixed {
    padding-top: 142px;
    top: 0;
  }
  .left-sidebar__container-fixed.active {
    top: 0;
    z-index: 50000;
    width: calc(var(--left-side-bar-width) + 425px);
    padding: 142px 0 0 0;
    height: 100vh;
    z-index: 100;
  }
}
.left-sidebar__list-nav {
  position: relative;
  height: calc(100% - 30px);
  background: white;
}
@media screen and (min-width: 640px) {
  .left-sidebar__list-nav {
    height: calc(100% - 60px);
  }
}
.left-sidebar__list-nav.scroll-first-level {
  overflow-x: auto;
  overflow-y: scroll;
}
.left-sidebar__list-nav.scroll-first-level::-webkit-scrollbar {
  display: none;
}
.left-sidebar__list-nav.scroll-first-level {
  -ms-overflow-style: none;
}
.left-sidebar__list-nav.scroll-first-level {
  scrollbar-width: none;
}
@media screen and (min-width: 1280px) {
  .left-sidebar__list-nav.active {
    background-image: url("core-assets/images/scroll-vertical-ico.svg");
    background-repeat: no-repeat;
    background-position: 88% 1%;
  }
}
.left-sidebar__logo-container {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
@media screen and (min-width: 1280px) {
  .left-sidebar__logo-container {
    padding: 0 16px 0 48px;
  }
}
.left-sidebar__logo-container img {
  width: 168px;
  height: 43px;
}
.left-sidebar__close-container {
  width: 56px;
  height: 56px;
  background: #f3f3f3;
  background-image: url("core-assets/images/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  cursor: pointer;
}
@media screen and (min-width: 1280px) {
  .left-sidebar__close-container {
    display: none;
  }
}
.left-sidebar.active {
  display: block;
}

.main-wrapper {
  background: var(--main-background);
  outline: 1px solid var(--boder-layout);
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  display: flex;
  min-height: 100vh;
  padding: 25px 0 0 0;
}
@media screen and (min-width: 1280px) {
  .main-wrapper {
    padding: 0;
  }
}

.content-info-full {
  outline: 1px solid var(--boder-layout);
  width: 100%;
  padding: 0 20px;
}
@media screen and (min-width: 960px) {
  .content-info-full {
    width: calc(100% - var(--right-side-bar-width));
  }
}
@media screen and (min-width: 1280px) {
  .content-info-full {
    width: calc(100% - (var(--left-side-bar-width) + var(--right-side-bar-width)));
  }
}

.content-info-column {
  position: relative;
  padding: 0 0 40px 0;
  display: flex;
}
.content-info-column__item:first-child {
  z-index: 2;
  display: none;
}
@media screen and (min-width: 1600px) {
  .content-info-column__item:first-child {
    display: block;
    flex-basis: calc(var(--stiky-banner-width) + var(--content-column-gap));
    flex-grow: 0;
    height: var(--stiky-banner-height);
    position: sticky;
    top: calc(var(--header-height) + var(--header-top-spacer) - 4px);
    margin-bottom: 100px;
  }
}
.content-info-column__item:last-child {
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .content-info-column__item:last-child {
    width: calc(100% - var(--stiky-banner-width) - var(--content-column-gap));
  }
}
.content-info-column .sticky-banner-mobile-container {
  min-height: 100px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (min-width: 1600px) {
  .content-info-column .sticky-banner-mobile-container {
    display: none;
  }
}

.right-sidebar {
  outline: 1px solid var(--boder-layout);
  background: transparent;
  display: none;
  flex-basis: var(--right-side-bar-width);
  flex-grow: 0;
}
.right-sidebar__container::-webkit-scrollbar {
  display: none !important;
}
.right-sidebar__container {
  background: var(--main-background);
  outline: 1px solid var(--boder-layout-fixed);
  position: fixed;
  height: calc(100vh - (var(--header-height) + var(--header-top-spacer)));
  width: var(--right-side-bar-width);
  overflow-y: scroll;
  scrollbar-color: rgba(136, 136, 136, 0.231372549) transparent;
  scrollbar-width: thin;
  z-index: 9;
  padding: 0 10px 60px 10px;
}
.right-sidebar__banner-container {
  margin-bottom: 20px;
}
.right-sidebar__banner {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .right-sidebar {
    display: block;
  }
}

:root {
  --header-color: #1F2024;
  --paragraph-color:#1F2024;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--header-color);
  margin: 0;
}

body {
  font-family: "Poppins";
}

h1 {
  font: normal normal 600 36px/43px Poppins;
  letter-spacing: -0.72px;
}
@media screen and (min-width: 640px) {
  h1 {
    font: normal normal 600 51px/56px Poppins;
    letter-spacing: -0.66px;
  }
}

h2 {
  font: normal normal 600 29px/35px Poppins;
  letter-spacing: -0.58px;
}
@media screen and (min-width: 640px) {
  h2 {
    font: normal normal 600 41px/49px Poppins;
    letter-spacing: -0.82px;
  }
}

h3 {
  font: normal normal 600 24px/29px Poppins;
  letter-spacing: -0.48px;
}
@media screen and (min-width: 640px) {
  h3 {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}

h4 {
  font: normal normal 600 20px/28px Poppins;
  letter-spacing: -0.4px;
}
@media screen and (min-width: 640px) {
  h4 {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}

h5 {
  font: normal normal 600 17px/27px Poppins;
  letter-spacing: -0.34px;
}
@media screen and (min-width: 640px) {
  h5 {
    font: normal normal 600 19px/23px Poppins;
    letter-spacing: -0.38px;
  }
}

h6 {
  font: normal normal 600 14px/25px Poppins;
  letter-spacing: -0.28px;
}
@media screen and (min-width: 640px) {
  h6 {
    font: normal normal 600 15px/27px Poppins;
    letter-spacing: -0.3px;
  }
}

p {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  --paragraph-color:#1F2024;
}
@media screen and (min-width: 640px) {
  p {
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
  }
}

a {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  color: #877226;
}

ul {
  color: #737E86;
}
ul li {
  margin-bottom: 10px;
  font-weight: 400;
}

.dk-left-sidebar-menu {
  outline: 1px solid var(--boder-layout);
  position: relative;
  top: 0;
  left: 0;
  list-style: none;
  margin: 54px 0 0 0;
  padding: 0 0 0 28px;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .dk-left-sidebar-menu {
    margin-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  .dk-left-sidebar-menu {
    margin-top: 10px;
    width: var(--left-side-bar-width);
  }
}
@media screen and (min-width: 1800px) {
  .dk-left-sidebar-menu {
    margin-top: 16px;
  }
}
.dk-left-sidebar-menu__li {
  padding: 0 0 0 22px;
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li {
    margin-bottom: 0;
  }
}
.dk-left-sidebar-menu__li.arrow-sub-menu-main-mobile::after {
  content: "";
  background-image: url("core-assets/images/menu-sub-acron.svg");
  background-repeat: no-repeat;
  position: relative;
  float: right;
  width: 10px;
  height: 10px;
  top: -25px;
  right: 20px;
}
.dk-left-sidebar-menu__li.li-app {
  height: 168px;
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li.li-app {
    height: 236px;
  }
}
.dk-left-sidebar-menu__li.li-app .download-app-title {
  font: normal normal 600 16px/27px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 8px;
  height: 23px;
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li.li-app .download-app-title {
    margin-bottom: 12px;
  }
}
.dk-left-sidebar-menu__li.li-app .separator {
  background: #CCCCCC 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 243px;
  height: 1px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li.li-app .separator {
    width: 192px;
  }
}
@media screen and (min-width: 4000px) {
  .dk-left-sidebar-menu__li.li-app .separator {
    margin-bottom: 75px;
    margin-top: 65px;
  }
}
.dk-left-sidebar-menu__li.li-app .app-link-bg {
  background-image: url("core-assets/images/menu/qr-bg-mobile.png");
  width: 243px;
  height: 143px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dk-left-sidebar-menu__li.li-app .app-link-bg img {
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li.li-app .app-link-bg img {
    width: 128px;
    height: 129px;
  }
}
@media screen and (min-width: 1280px) {
  .dk-left-sidebar-menu__li.li-app .app-link-bg {
    width: 192px;
    height: 236px;
    background-image: url("core-assets/images/menu/qr-bg.png");
  }
}
.dk-left-sidebar-menu__anchor {
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none;
  font: normal normal 600 19px/42px Poppins;
  letter-spacing: -0.38px;
  color: #1F2024;
  text-transform: uppercase;
}
.dk-left-sidebar-menu__anchor .menu-item-icon {
  position: relative;
  margin-top: 5px;
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  margin-right: 5px;
}
@media screen and (min-width: 640px) {
  .dk-left-sidebar-menu__anchor {
    font: normal normal 600 15px/42px Poppins;
    letter-spacing: -0.3px;
  }
}
@media screen and (min-width: 960px) {
  .dk-left-sidebar-menu__anchor:hover {
    color: #9E852E;
    text-decoration: none;
  }
  .dk-left-sidebar-menu__anchor:hover::after {
    content: "";
    display: block;
    height: 1px;
    background: #9E852E;
    width: 80%;
    position: absolute;
    left: 0;
    bottom: 8px;
  }
}
.dk-left-sidebar-menu__anchor.active {
  color: #9E852E;
}
.dk-left-sidebar-menu__anchor.active::before {
  content: "";
  display: block;
  height: 4px;
  background: #9E852E;
  width: 16px;
  position: absolute;
  left: -23px;
  top: 20px;
}
.dk-left-sidebar-menu.active {
  width: var(--left-side-bar-width);
}

.input-position-relative {
  position: relative;
}

.close {
  display: none;
  position: absolute;
  top: 40%;
  right: 40px;
  transform: scale(2);
  cursor: pointer;
}
.close.active {
  display: block;
}
@media screen and (min-width: 1280px) {
  .close {
    right: 20px;
  }
}

.input-container {
  height: 0;
  width: 100%;
  position: relative;
  padding: 0 16px 0 0;
}
@media screen and (min-width: 1280px) {
  .input-container {
    width: 168px;
    padding: 0;
  }
}
.input-container.active {
  height: 48px;
}

.input-search-action {
  position: relative;
  display: block;
  text-decoration: none;
  font: normal normal 600 19px/42px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .input-search-action:hover {
    color: #9E852E;
    text-decoration: none;
  }
  .input-search-action:hover::after {
    content: "";
    display: block;
    height: 1px;
    background: #9E852E;
    width: 80%;
    position: absolute;
    left: 0;
    bottom: 8px;
  }
  .input-search-action:hover .search-visible {
    display: none;
  }
  .input-search-action:hover .search-hover {
    display: inline-block;
  }
}
.input-search-action.active {
  color: #9E852E;
}
.input-search-action.active::before {
  content: "";
  display: block;
  height: 4px;
  background: #9E852E;
  width: 16px;
  position: absolute;
  left: -23px;
  top: 20px;
}
.input-search-action.active .search-visible {
  display: none;
}
.input-search-action.active .search-hover {
  display: inline-block;
}
.input-search-action__img {
  margin-left: 5px;
  width: 10px;
  transform: scale(1.2);
}
.input-search-action .search-hover {
  display: none;
}
@media screen and (min-width: 640px) {
  .input-search-action {
    font: normal normal 600 15px/42px Poppins;
  }
}

input.input-search-tag {
  position: relative;
  display: none;
  height: 48px;
  width: 100%;
  border: 4px solid #9E852E;
  padding: 15px 30px 15px 15px;
}
input.input-search-tag.active {
  display: block;
}

input.input-search-tag::placeholder {
  font: normal normal normal 12px/26px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}

/* here start the styles for push-menu-container, 
here contains only the first level 
for the multi nivel menu*/
.push-menu-container {
  outline: 1px solid var(--boder-layout);
  display: none;
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 0;
}
.push-menu-container.active {
  display: block;
  top: -54px;
  width: 100%;
  height: 100vh;
}
@media screen and (min-width: 640px) {
  .push-menu-container.active {
    top: -73px;
  }
}
@media screen and (min-width: 1280px) {
  .push-menu-container.active {
    left: calc(var(--left-side-bar-width) + 2px);
    width: calc(var(--left-side-bar-width) + 42px);
  }
}

/* here ends the styles for push-menu-container, 
here contains only the first level 
for the multi nivel menu*/
/* here start the styles for 
btn-brand-back-desktop, 
here contains only the first 
level for the multi nivel menu*/
.btn-brand-back-desktop {
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #2C2E32;
  position: absolute;
  z-index: 5;
  display: none;
  height: 55px;
  background: white;
  padding: 15px 0 0 53px;
  z-index: 80;
  top: 0;
  text-transform: capitalize;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .btn-brand-back-desktop {
    width: 100%;
    display: block;
  }
}

/* here ends the styles for 
btn-brand-back-desktop, 
here contains only the first 
level for the multi nivel menu*/
/* here start the styles for 
btn-brand-back-mobile, 
here contains only the first 
level for the multi nivel menu for mobile*/
.btn-brand-back-mobile {
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #2C2E32;
  position: absolute;
  z-index: 5;
  display: block;
  height: 55px;
  background: white;
  padding: 15px 0 0 76px;
  z-index: 80;
  top: 0;
  text-transform: capitalize;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .btn-brand-back-mobile {
    width: var(--left-side-bar-width);
    display: none;
  }
}
.btn-brand-back-mobile::before {
  content: "";
  background-image: url("core-assets/images/arrow-menu-normal.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 32px;
  top: 40%;
  border: 1px solid white;
}

/* here ends the styles for 
btn-brand-back-mobile, 
here contains only the first 
level for the multi nivel menu for mobile*/
/* here start the styles for 
multi-nivel-container, 
here contains only the first level 
for the multi nivel menu*/
.multi-nivel-container {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 800;
  transform: translateX(100%);
  transition: transform 1ms ease-in;
}
@media screen and (min-width: 1280px) {
  .multi-nivel-container {
    width: calc(var(--left-side-bar-width) + 48px);
    transform: translateX(10%);
    display: none;
  }
}
@media screen and (min-width: 640px) {
  .multi-nivel-container {
    transform: translateX(10%);
    display: none;
  }
}
.multi-nivel-container.active {
  transform: translateX(0%);
  height: 100vh;
  z-index: 999;
  display: block;
}
@media screen and (min-width: 1280px) {
  .multi-nivel-container.active {
    transform: translateX(100%);
  }
}

/* here ends the styles for 
multi-nivel-container, 
here contains only the first level 
for the multi nivel menu*/
/* here start the styles for 
sub-menu, here contains only 
the rest of the multi nivel menu*/
.sub-menu {
  margin: 0;
  padding: 71px 60px 71px 30px;
  list-style: none;
  width: 100%;
  height: calc(100vh - var(--height-sub-menus) + 47px);
  background: white;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-image: url("core-assets/images/scroll-vertical-ico.svg");
  background-repeat: no-repeat;
  background-position: 96% 90px;
}
@media screen and (min-width: 1280px) {
  .sub-menu {
    width: calc(var(--left-side-bar-width) + 40px);
    padding: 67px 0 0 0;
    background-image: none;
    height: calc(100vh - var(--height-sub-menus) + 73px);
  }
}
.sub-menu__li {
  position: static;
  z-index: 300;
  padding: 0;
  padding: 0;
  margin: 0 0 0 0;
}
@media screen and (min-width: 960px) {
  .sub-menu__li:hover {
    background-color: #dadce0;
  }
}
.sub-menu__li.arrow-sub-menu::after {
  content: "";
  background-image: url("core-assets/images/menu-sub-acron.svg");
  background-repeat: no-repeat;
  position: relative;
  float: right;
  width: 10px;
  height: 10px;
  top: -28px;
  right: 10px;
}
.sub-menu__anchor {
  height: 50px;
  cursor: pointer;
  display: block;
  position: relative;
  text-decoration: none;
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
  color: #1F2024;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  padding: 0 15px 0 50px;
  background-repeat: no-repeat;
  background-position: 5px 10px;
}
.sub-menu__anchor.uppercase {
  text-transform: uppercase !important;
}
.sub-menu__anchor.capitalize {
  text-transform: capitalize;
}
.sub-menu__icon {
  width: 25px;
  margin-right: 10px;
}
.sub-menu__btn-back {
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #2C2E32;
  text-decoration: none;
}
.sub-menu.active {
  overflow: auto;
}

.sub-menu::-webkit-scrollbar {
  display: none !important;
}

.sub-menu {
  scrollbar-color: #ffffff transparent;
  scrollbar-width: none;
}

/* here ends the styles for 
sub-menu, here contains only 
the rest of the multi nivel menu*/
/* here start the styles for 
btn-brand-back-mn, for the rest 
multi nivel menu*/
.btn-brand-back-mn {
  cursor: pointer;
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #2C2E32;
  position: absolute;
  z-index: 5;
  display: block;
  width: calc(var(--left-side-bar-width) + 100px);
  height: 55px;
  background: white;
  padding: 15px 0 0 78px;
  z-index: 80;
  top: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .btn-brand-back-mn {
    padding: 15px 0 0 5px;
  }
}
.btn-brand-back-mn::before {
  content: "";
  background-image: url("core-assets/images/arrow-menu-normal.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 35px;
  top: 38%;
  border: 1px solid white;
}
@media screen and (min-width: 1280px) {
  .btn-brand-back-mn::before {
    left: 5px;
    display: none;
  }
}
.btn-brand-back-mn__icon {
  margin-right: 10px;
  position: relative;
  z-index: -2;
}
.btn-brand-back-mn__icon {
  width: 30px;
  display: inline;
  position: relative;
  top: 2px;
}
.btn-brand-back-mn__text {
  position: relative;
  z-index: -2;
}

/* here ends the styles for 
btn-brand-back-mn, for the rest 
multi nivel menu*/
/* here start the styles for 
socialmedia, for the main menu*/
.social-media {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-left: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 640px) {
  .social-media {
    padding-bottom: 0;
  }
}
.social-media__li {
  padding: 10px 30px 10px 10px;
}
.social-media__li:first-child {
  padding: 10px 30px 10px 0;
}
.social-media__li:last-child {
  padding: 10px 0 10px 10px;
}
.social-media__anchor {
  text-decoration: none;
}
.social-media__anchor img {
  transform: scale(1);
  height: 16px;
}

/* here ends the styles for 
socialmedia, for the main menu*/
.secondary-menu-container {
  position: relative;
}

.preloader {
  display: inline-block;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  z-index: 500000;
}

.hide-preloader {
  display: none !important;
}

.preloader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  margin: 8px;
  border: 4px solid #9E852E;
  border-radius: 50%;
  animation: preloader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #9E852E transparent transparent transparent;
}

.preloader div:nth-child(1) {
  animation-delay: -0.45s;
}

.preloader div:nth-child(2) {
  animation-delay: -0.3s;
}

.preloader div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.secondary-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0 0 6px 0;
}
.secondary-menu.active {
  overflow: visible !important;
}
.secondary-menu::before {
  content: "";
  display: block;
  height: 1px;
  background: #cccccc;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 6px;
}
.secondary-menu.with-scroll {
  padding: 25px 0 0 0 !important;
}
.secondary-menu.with-scroll::after {
  content: "";
  background-image: url("core-assets/images/scroll-horizontal-ico.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.secondary-menu__item {
  position: relative;
}
.secondary-menu__anchor {
  font: normal normal 600 17px/23px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  min-height: 37px;
  text-decoration: none !important;
}
.secondary-menu__anchor.active::before {
  content: "";
  display: block;
  height: 6px;
  background: #9E852E;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 960px) {
  .secondary-menu__anchor:hover {
    color: #9E852E;
  }
}
.secondary-menu .padding-left-overflow-fix {
  position: absolute;
  width: 20px;
  height: 38px;
  background: white;
  z-index: 10;
  left: -20px;
}
@media screen and (min-width: 1280px) {
  .secondary-menu .padding-left-overflow-fix {
    left: -40px;
    width: 40px;
    height: 38px;
    top: 24px;
  }
}
.secondary-menu .padding-right-overflow-fix {
  position: absolute;
  width: 20px;
  height: 31px;
  background: white;
  z-index: 10;
  right: -20px;
}
@media screen and (min-width: 1280px) {
  .secondary-menu .padding-right-overflow-fix {
    display: none;
    height: 37px;
  }
}

.secondary-menu .swiper-slide {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.secondary-menu .swiper-slide:last-child {
  padding: 0 !important;
}

.more {
  cursor: pointer;
  font: normal normal 600 17px/23px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  min-height: 37px;
  width: 100px;
  padding: 0;
}
.more::after {
  content: "";
  background-image: url("core-assets/images/menu_triangle_default.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  transform: scale(0.7);
  position: absolute;
  top: -5px;
}
.more.active {
  color: #9E852E;
}
.more.active::after {
  content: "";
  background-image: url("core-assets/images/menu_triangle_active.svg");
}
@media screen and (min-width: 960px) {
  .more:hover {
    color: #9E852E;
  }
  .more:hover::after {
    content: "";
    background-image: url("core-assets/images/menu_triangle_hover.svg");
  }
}

.top_submenu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  border: 1px solid black;
  top: 31px;
  width: 232px;
  right: 0;
  z-index: 10000;
  background: #2C2E32;
}
.top_submenu.active {
  display: block;
}
.top_submenu__li {
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (min-width: 960px) {
  .top_submenu__li:hover {
    background: #F3F3F3;
  }
}
.top_submenu__li:last-child {
  border: none;
}
.top_submenu__anchor {
  font: normal normal 600 17px/56px Poppins;
  letter-spacing: -0.34px;
  color: #CCCCCC;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  padding: 0 30px;
}
@media screen and (min-width: 960px) {
  .top_submenu__anchor:hover {
    color: #1F2024;
  }
}

/* here star footer component styles*/
.main-footer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: white;
}
@media screen and (min-width: 960px) {
  .main-footer {
    padding: 0 var(--right-side-bar-width) 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .main-footer {
    padding: 0 var(--right-side-bar-width) 0 var(--left-side-bar-width);
  }
}
.main-footer__container {
  padding: 40px 20px;
  background: #2c2e32;
  border-top: 4px solid #9e852e;
}
@media screen and (min-width: 640px) {
  .main-footer__container {
    padding: 40px 40px;
  }
}
.main-footer__social-media-section {
  display: flex;
  justify-content: space-between;
  height: 32px;
}
.main-footer__white-logo {
  width: 100px;
  height: auto;
}
@media screen and (min-width: 640px) {
  .main-footer__white-logo {
    width: 121px;
    height: auto;
  }
}
.main-footer__collapse-text-button {
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 40px;
  cursor: pointer;
  color: #9e852e;
}
.main-footer__collapse-text-button.active {
  color: #ffffff;
}
@media screen and (min-width: 480px) {
  .main-footer__collapse-text-button {
    display: none;
  }
}
.main-footer__collapse-footer-text {
  position: relative;
}
.main-footer__disclaimer-text {
  position: relative;
  font-size: 11px;
  line-height: 17px;
  font: normal normal normal 11px/17px Poppins;
  letter-spacing: 0px;
  color: #F3F3F3;
  margin-bottom: 25px;
}
@media screen and (min-width: 0px) and (max-width: 479px) {
  .main-footer__disclaimer-text.active {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    transition: 0.5s;
  }
}
@media screen and (min-width: 640px) {
  .main-footer__disclaimer-text {
    font-size: 13px;
    line-height: 20px;
  }
}

.footer-ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 142px;
}
.footer-ul__li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-ul__image {
  transform: scale(0.8);
}
@media screen and (min-width: 374px) {
  .footer-ul__image {
    transform: scale(1);
  }
}

/* here finish footer component styles*/
/*here finish de website template core*/
/*here start de website internal components modules*/
/*here start the slider title styles*/
.slider-title {
  margin-bottom: 15px;
}
.slider-title__title-container {
  display: flex;
  flex-wrap: nowrap;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 0px) and (max-width: 374px) {
  .slider-title__title-item {
    width: 50%;
  }
}
.slider-title__title-head {
  text-transform: capitalize;
  display: flex;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .slider-title__title-head {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}
@media screen and (min-width: 1600px) {
  .slider-title__title-head {
    font: normal normal 600 42px/49px Poppins;
    letter-spacing: -0.82px;
  }
}
.slider-title__title-anchor {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  display: block;
  text-align: right;
  text-decoration: none;
  text-transform: capitalize;
  position: relative;
}
.slider-title__title-anchor::after {
  content: "";
  background-image: url("core-assets/images/chevron-right.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: scale(0.5);
  position: relative;
  top: 5px;
  margin-left: 5px;
}
.slider-title__title-anchor span:last-child {
  display: none;
}
@media screen and (min-width: 1280px) {
  .slider-title__title-anchor span:last-child {
    display: inline-block;
  }
}
.slider-title__carousell-container {
  display: none;
}
.slider-title__ico {
  margin-right: 10px;
}

/*here finish the slider title styles*/
/*here start the slider title News styles*/
.slider-title-news {
  margin-bottom: 15px;
}
.slider-title-news__title-container {
  display: flex;
  flex-wrap: nowrap;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 0px) and (max-width: 374px) {
  .slider-title-news__title-item {
    width: 50%;
  }
}
.slider-title-news__slug-title {
  text-transform: uppercase;
}
.slider-title-news__title-head {
  text-transform: uppercase;
  display: flex;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  align-items: center;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .slider-title-news__title-head {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}
@media screen and (min-width: 1600px) {
  .slider-title-news__title-head {
    font: normal normal 600 41px/49px Poppins;
    letter-spacing: -0.82px;
  }
}
.slider-title-news__title-anchor {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  display: block;
  text-align: right;
  text-decoration: none;
  text-transform: capitalize;
  position: relative;
}
.slider-title-news__title-anchor::after {
  content: "";
  background-image: url("core-assets/images/chevron-right.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: scale(0.5);
  position: relative;
  top: 5px;
  margin-left: 5px;
}
.slider-title-news__title-anchor span:last-child {
  display: none;
}
@media screen and (min-width: 1280px) {
  .slider-title-news__title-anchor span:last-child {
    display: inline-block;
  }
}
.slider-title-news__carousell-container {
  display: none;
}
.slider-title-news__ico {
  margin-right: 10px;
}

/*here finish the slider title News styles*/
/*here start the slider title page styles*/
.slider-title-page {
  margin-bottom: 15px;
}
.slider-title-page__title-container {
  display: flex;
  flex-wrap: nowrap;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
.slider-title-page__title-head {
  text-transform: capitalize;
  display: flex;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  align-items: center;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .slider-title-page__title-head {
    font: normal normal 600 43px/49px Poppins;
    letter-spacing: -0.82px;
  }
}
.slider-title-page__ico {
  margin-right: 0;
  transform: scale(0.7);
}
@media screen and (min-width: 640px) {
  .slider-title-page__ico {
    margin-right: 10px;
    transform: scale(1);
  }
}

/*here finish the slider title page styles*/
/*here start the slider title page styles*/
.title-page {
  margin-bottom: 15px;
}
.title-page__title-container {
  display: flex;
  flex-wrap: nowrap;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
.title-page__title-head {
  text-transform: capitalize;
  display: flex;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  align-items: center;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .title-page__title-head {
    font: normal normal 600 41px/49px Poppins;
    letter-spacing: -0.82px;
  }
}
.title-page__ico {
  margin-right: 0;
  transform: scale(0.7);
}
@media screen and (min-width: 640px) {
  .title-page__ico {
    margin-right: 10px;
    transform: scale(1);
  }
}

/*here finish the slider title page styles*/
/*here start the matchups title */
.matchups-title {
  text-align: center;
  text-transform: uppercase;
}

/*here finish the matchups title */
/*here start the slider title News styles*/
.title-pages-icon {
  margin-bottom: 15px;
}
.title-pages-icon__title-container {
  display: flex;
  flex-wrap: nowrap;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 0px) and (max-width: 374px) {
  .title-pages-icon__title-item {
    width: 50%;
  }
}
.title-pages-icon__slug-title {
  text-transform: uppercase;
}
.title-pages-icon__title-head {
  text-transform: capitalize;
  display: flex;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  margin: 0;
}
@media screen and (min-width: 640px) {
  .title-pages-icon__title-head {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}
@media screen and (min-width: 1600px) {
  .title-pages-icon__title-head {
    font: normal normal 600 41px/49px Poppins;
    letter-spacing: -0.82px;
  }
}
.title-pages-icon__ico {
  margin-right: 10px;
}

/*here finish the slider title News styles*/
/*here start mid-size slider module styles*/
.mid-size-slider-section {
  position: relative;
  z-index: 0;
}

.mid-size-slider {
  margin-bottom: 34px;
  z-index: 0;
  padding: 0 !important;
}
.mid-size-slider__item {
  text-decoration: none !important;
  position: relative;
  width: 193px;
  height: 324px;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .mid-size-slider__item {
    width: 297px;
    height: 396px;
  }
}
@media screen and (min-width: 960px) {
  .mid-size-slider__item {
    width: 297px;
    height: 496px;
  }
}
.mid-size-slider__item:before {
  content: "";
  background: linear-gradient(to bottom, transparent 30%, #000000 70%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}
.mid-size-slider__text-cointainer {
  position: relative;
  width: 100%;
  padding: 10px 10px 10px 10px;
}
@media screen and (min-width: 640px) {
  .mid-size-slider__text-cointainer {
    padding: 10px 15px 15px 15px;
  }
}
@media screen and (min-width: 960px) {
  .mid-size-slider__text-cointainer {
    padding: 10px 30px 30px 30px;
  }
}
.mid-size-slider__item-title {
  margin-bottom: 5px;
  display: block;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  color: #FFFFFF;
}
@media screen and (min-width: 640px) {
  .mid-size-slider__item-title {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
    margin-bottom: 15px;
  }
}
.mid-size-slider__item-date {
  display: block;
  font: normal normal normal 12px/20px Poppins;
  letter-spacing: -0.24px;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .mid-size-slider__item-date {
    font: normal normal normal 11px/11px Poppins;
    letter-spacing: -0.22px;
  }
}
.mid-size-slider .swiper-button-prev, .mid-size-slider .swiper-button-next {
  display: none;
}
@media screen and (min-width: 960px) {
  .mid-size-slider .swiper-button-prev, .mid-size-slider .swiper-button-next {
    display: flex;
    --swiper-navigation-size: 30px;
    --swiper-theme-color: #1F2024;
    border: 1px solid white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f3f3;
    opacity: 1;
    transition: 1s;
    top: var(--swiper-navigation-top-offset, 45%);
  }
}
.mid-size-slider .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: initial;
}

/*here finish mid-size slider module styles*/
/*here start small-size slider module styles*/
.small-size-slider-container {
  margin-bottom: 25px;
}

.small-size-slider .swiper-wrapper {
  align-items: baseline;
}

.small-size-slider {
  z-index: 0;
}
.small-size-slider__item {
  text-decoration: none !important;
  position: relative;
  width: 297px;
  height: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none !important;
}
.small-size-slider__image-container {
  width: 100%;
  height: 181px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 10px;
}
.small-size-slider__text-cointainer {
  width: 100%;
}
.small-size-slider__item-title {
  display: block;
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: -0.14px;
  color: #1F2024;
  margin-bottom: 5px;
}
.small-size-slider__item-date {
  display: block;
  font: normal normal normal 12px/17px Poppins;
  letter-spacing: 0px;
  color: #919192;
  text-transform: uppercase;
}
.small-size-slider__post_excerpt {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  display: block;
  margin-bottom: 5px;
}

/*here finish small-size slider module styles*/
/*here start accordion component styles*/
.accordion {
  background: white;
}

.accordion-module {
  margin-bottom: 60px;
}

.accordion-container {
  margin-top: 30px;
}
.accordion-container__wrapp {
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.accordion-container__btn-acc {
  position: relative;
  background-color: white;
  border: none;
  cursor: pointer;
  padding: 0 50px 0 18px;
  height: 56px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-bottom: 1px solid #fff;
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
}
.accordion-container .active {
  background-color: #f3f3f3;
  border-bottom: 1px solid #dddddd;
}
.accordion-container__panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font: normal normal normal 16px/22px Bai Jamjuree;
  letter-spacing: 0px;
  color: #242E3D;
}
.accordion-container__btn-acc:after {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("core-assets/images/chevron-up.svg");
  background-size: cover;
  background-repeat: no-repeat;
  float: right;
  transform: scale(0.6);
  position: absolute;
  top: 15px;
  right: 10px;
}
.accordion-container__text {
  margin-top: calc(var(--vertical-content-space) * 1.5);
}
.accordion-container .active:after {
  content: "";
  background-image: url("core-assets/images/chevron-down.svg");
}

/*here finish accordion component styles*/
/*here start the multi color container border radious*/
.border-multi-color {
  position: relative;
  /*el alto de este border dependera de su contenido*/
  border-radius: 8px;
  border-top: 8px solid #9e852e;
  border-bottom: 8px solid #707070;
}
.border-multi-color::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(#9e852e 0% 33%, #ffffff 33% 66%, #707070 66% 100%);
}
.border-multi-color::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#9e852e 0% 33%, #ffffff 33% 66%, #707070 66% 100%);
}

.border-multi-color2 {
  position: relative;
  /*el alto de este border dependera de su contenido*/
  border-radius: 8px;
  border-top: 8px solid #9e852e;
  border-bottom: 8px solid #707070;
}
.border-multi-color2::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(#9e852e 0% 5%, #ffffff 5% 95%, #707070 95% 100%);
}
.border-multi-color2::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#9e852e 0% 5%, #ffffff 5% 95%, #707070 95% 100%);
}
@media screen and (min-width: 640px) {
  .border-multi-color2::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(#9e852e 0% 33%, #ffffff 33% 66%, #707070 66% 100%);
  }
  .border-multi-color2::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(#9e852e 0% 33%, #ffffff 33% 66%, #707070 66% 100%);
  }
}

/*here finish the multi color container border radious*/
/*here start the home banner styles*/
.home-banner {
  background: #ffffff;
  height: auto;
  margin-bottom: 34px;
}
@media screen and (min-width: 960px) {
  .home-banner {
    background: #f3f3f3;
  }
}
.home-banner__anchor {
  display: block;
  width: 100%;
}
.home-banner__image {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

/*here start the home banner styles*/
/*here start experts-picks-banner component styles*/
.experts-picks-banner {
  padding: 40px 20px 60px 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner {
    padding: 40px 20px 40px 20px;
  }
}
.experts-picks-banner__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 408px;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__container {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 808px;
    height: 128px;
  }
}
.experts-picks-banner__image-dk {
  display: none;
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__image-dk {
    display: block;
  }
}
.experts-picks-banner__image-md {
  display: none;
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__image-md {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__image-md {
    display: none;
  }
}
.experts-picks-banner__image-mb {
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__image-mb {
    display: none;
  }
}
.experts-picks-banner__item {
  width: 100%;
  display: flex;
  position: relative;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__item {
    width: 50%;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .experts-picks-banner__item {
    margin-bottom: 10px;
  }
}
.experts-picks-banner__item:first-child {
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 8px;
  padding: 15px 20px;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__item:first-child {
    padding: 0 20px;
  }
}
.experts-picks-banner__item:last-child {
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 0 0 0 0;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__item:last-child {
    padding: 0 0 0 24px;
  }
}
.experts-picks-banner__input-container {
  width: 100%;
}
.experts-picks-banner__input-label {
  display: none;
  font: normal normal 600 13px/15px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  text-align: center;
  margin: 15px 0;
}
@media screen and (min-width: 960px) {
  .experts-picks-banner__input-label {
    margin: 0;
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .experts-picks-banner__input-label {
    font: normal normal 600 14px/20px Poppins;
    letter-spacing: 0px;
    color: #1F2024;
  }
}
.experts-picks-banner__input-item-container {
  position: relative;
  height: 48px;
  width: 100%;
}
.experts-picks-banner__input-item {
  position: relative;
  border: 4px solid #919192;
  height: 48px;
  width: 100%;
  padding: 0 15px 0 20px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 10px;
  background-image: url("core-assets/images/envelope-ico.svg");
  background-repeat: no-repeat;
  background-position: 130% 50%;
  transition: 0.5s;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__input-item {
    padding: 0 110px 0 20px !important;
    height: 48px;
    margin-bottom: 0;
    border: 4px solid #CCCCCC;
  }
  .experts-picks-banner__input-item:hover {
    border: 4px solid #919192;
  }
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__input-item {
    background-position: 85% 50%;
  }
}
.experts-picks-banner__input-item::placeholder {
  font: normal normal normal 12px/26px Poppins;
  letter-spacing: 0px;
  color: #000000;
}
.experts-picks-banner__input-item:focus {
  border: 4px solid #9e852e;
  outline: none;
  background-position: 97% 50%;
  padding: 0 60px 0 20px !important;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__input-item:focus {
    background-position: 68% 50%;
    padding: 0 160px 0 20px !important;
  }
}
.experts-picks-banner__input-item:focus::placeholder {
  color: #9e852e; /* Cambia esto al color que prefieras */
}
.experts-picks-banner__input-item:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9e852e;
}
.experts-picks-banner__input-item:focus::-moz-placeholder { /* Firefox 19+ */
  color: #9e852e;
  opacity: 1; /* Firefox añade una opacidad por defecto a los placeholders, por lo que es posible que necesites restablecerla */
}
.experts-picks-banner__input-item:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #9e852e;
}
.experts-picks-banner__input-item:focus::-ms-input-placeholder { /* Microsoft Edge */
  color: #9e852e;
}
.experts-picks-banner__input-button {
  position: relative;
  display: block;
  margin-left: auto;
  background: #9e852e;
  color: white;
  height: 32px;
  width: 96px;
  opacity: 1;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font: normal normal 600 12px/24px Poppins;
}
@media screen and (min-width: 640px) {
  .experts-picks-banner__input-button {
    font: normal normal 600 12px/24px Poppins;
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 104px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/*here start ibd-newsletter-banner component styles*/
.ibd-newsletter-banner {
  padding: 80px 16px 10px 16px;
  margin-bottom: 40px;
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/EP-DK.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner {
    padding: 80px 20px 10px 20px;
    min-height: 250px;
  }
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner {
    padding: 80px 20px 30px 20px;
  }
}
.ibd-newsletter-banner__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__container {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: end;
  }
}
.ibd-newsletter-banner__image-dk {
  display: none;
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__image-dk {
    display: block;
  }
}
.ibd-newsletter-banner__image-md {
  display: none;
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__image-md {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__image-md {
    display: none;
  }
}
.ibd-newsletter-banner__image-mb {
  width: 100%;
  max-width: 354px;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__image-mb {
    display: none;
  }
}
.ibd-newsletter-banner__item {
  width: 100%;
  display: flex;
  position: relative;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__item {
    width: 50%;
    flex-direction: column;
  }
}
.ibd-newsletter-banner__item span {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
}
.ibd-newsletter-banner__item span:first-child {
  color: #fff;
  font-size: 15px;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__item span:first-child {
    font-size: 25px;
  }
}
@media screen and (min-width: 1280px) {
  .ibd-newsletter-banner__item span:first-child {
    font-size: 30px;
  }
}
.ibd-newsletter-banner__item span:last-child {
  color: #9E852E;
  letter-spacing: 3px;
  font-size: 16px;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__item span:last-child {
    font-size: 26px;
  }
}
@media screen and (min-width: 1280px) {
  .ibd-newsletter-banner__item span:last-child {
    font-size: 34px;
  }
}
.ibd-newsletter-banner__item:first-child {
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__item:first-child {
    padding: 0 0;
  }
}
.ibd-newsletter-banner__item:last-child {
  justify-content: center;
  align-items: center;
  padding: 0 0 0 0;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__item:last-child {
    max-height: 150px;
  }
}
.ibd-newsletter-banner__input-container {
  width: 100%;
}
.ibd-newsletter-banner__input-label {
  display: none;
  font: normal normal 600 13px/15px Poppins;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  margin: 15px 0;
}
@media screen and (min-width: 960px) {
  .ibd-newsletter-banner__input-label {
    margin: 0;
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .ibd-newsletter-banner__input-label {
    font: normal normal 600 14px/20px Poppins;
    letter-spacing: 0px;
    color: #fff;
  }
}
.ibd-newsletter-banner__input-item-container {
  position: relative;
  width: 100%;
}
.ibd-newsletter-banner__input-item {
  position: relative;
  border: 4px solid #919192;
  width: 100%;
  padding: 0 15px 0 20px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 10px;
  background-image: url("core-assets/images/envelope-ico.svg");
  background-repeat: no-repeat;
  background-position: 130% 50%;
  transition: 0.5s;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__input-item {
    padding: 0 110px 0 20px !important;
    height: 48px;
    margin-bottom: 0;
    border: 4px solid #CCCCCC;
  }
  .ibd-newsletter-banner__input-item:hover {
    border: 4px solid #919192;
  }
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__input-item {
    background-position: 85% 50%;
  }
}
.ibd-newsletter-banner__input-item::placeholder {
  font: normal normal normal 12px/12px Poppins;
  letter-spacing: 0px;
  color: white;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__input-item::placeholder {
    font: normal normal normal 12px/26px Poppins;
  }
}
.ibd-newsletter-banner__input-item:focus {
  border: 4px solid #9e852e;
  outline: none;
  background-position: 97% 50%;
  padding: 0 60px 0 20px !important;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__input-item:focus {
    background-position: 68% 50%;
    padding: 0 160px 0 20px !important;
  }
}
.ibd-newsletter-banner__input-item:focus::placeholder {
  color: #9e852e; /* Cambia esto al color que prefieras */
}
.ibd-newsletter-banner__input-item:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9e852e;
}
.ibd-newsletter-banner__input-item:focus::-moz-placeholder { /* Firefox 19+ */
  color: #9e852e;
  opacity: 1; /* Firefox añade una opacidad por defecto a los placeholders, por lo que es posible que necesites restablecerla */
}
.ibd-newsletter-banner__input-item:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #9e852e;
}
.ibd-newsletter-banner__input-item:focus::-ms-input-placeholder { /* Microsoft Edge */
  color: #9e852e;
}
.ibd-newsletter-banner__input-button {
  position: relative;
  display: block;
  margin-left: auto;
  background: #9e852e;
  color: white;
  height: 32px;
  width: 96px;
  opacity: 1;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font: normal normal 600 12px/24px Poppins;
}
@media screen and (min-width: 640px) {
  .ibd-newsletter-banner__input-button {
    font: normal normal 600 12px/24px Poppins;
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 104px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.ibd_newsletter_wrap .nf-field-element .newsletter-email_element, .ibd_newsletter_wrap .nf-field-element .newsletter-fullname_element {
  background: none !important;
  border-bottom: 2px solid #9E852E;
  border-top: none;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  padding-left: 0;
}

.ibd_newsletter_wrap .nf-field-element .newsletter-email_element::placeholder, .ibd_newsletter_wrap .nf-field-element .newsletter-fullname_element::placeholder {
  font-size: 12px;
}
@media screen and (min-width: 640px) {
  .ibd_newsletter_wrap .nf-field-element .newsletter-email_element::placeholder, .ibd_newsletter_wrap .nf-field-element .newsletter-fullname_element::placeholder {
    font-size: 20px;
  }
}

.ibd_newsletter_wrap .nf-form-fields-required {
  display: none;
}

.ibd_newsletter_wrap nf-fields-wrap {
  justify-content: space-between;
  align-items: normal;
}
@media screen and (min-width: 960px) {
  .ibd_newsletter_wrap nf-fields-wrap {
    flex-flow: row wrap;
    align-items: flex-end;
  }
}

.ibd_newsletter_wrap nf-field:first-child {
  width: 100%;
  margin-right: 10px;
}
@media screen and (min-width: 960px) {
  .ibd_newsletter_wrap nf-field:first-child {
    width: 52%;
    margin-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .ibd_newsletter_wrap nf-field:first-child {
    width: 64%;
    margin-right: 0;
  }
}

.ibd_newsletter_wrap nf-field:nth-child(2) {
  width: 100%;
  margin-right: 10px;
}
@media screen and (min-width: 960px) {
  .ibd_newsletter_wrap nf-field:nth-child(2) {
    width: 52%;
    margin-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .ibd_newsletter_wrap nf-field:nth-child(2) {
    width: 64%;
    margin-right: 0;
  }
}

.ibd_newsletter_wrap nf-field:nth-child(4) {
  /* align-self: baseline; */
  order: 3;
  margin-top: 12px;
}
@media screen and (min-width: 960px) {
  .ibd_newsletter_wrap nf-field:nth-child(4) {
    max-width: 180px;
  }
}

.ibd_newsletter_wrap .nf-after-field {
  font-size: 12px;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .ibd_newsletter_wrap .nf-after-field {
    font-size: 14px;
  }
}

.ibd_newsletter_wrap .nf-after-form-content {
  display: none;
}

.ibd_newsletter_wrap .nf-form-content input[type=submit] {
  background: white !important;
  color: #000;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding: 10px 10px 10px 36px;
}
@media screen and (min-width: 1280px) {
  .ibd_newsletter_wrap .nf-form-content input[type=submit] {
    font-size: 20px;
    padding: 10px 20px 10px 45px;
  }
}
@media screen and (min-width: 640px) {
  .ibd_newsletter_wrap .nf-form-content input[type=submit] {
    font-size: 16px;
  }
}

.ibd_newsletter_wrap .nf-error .ninja-forms-field.nf-element::placeholder {
  opacity: 0;
}

.ibd_newsletter_wrap .submit-wrap .nf-field-element:before {
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/Mail-Icon.png);
  content: "";
  left: 5px;
  position: absolute;
  height: 50px;
  width: 33px;
  top: -2px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
}

.ibd_newsletter_wrap .nf-field-container {
  margin-bottom: 0px;
}

.ibd_newsletter_wrap form {
  margin-bottom: 0;
}

.ibd_newsletter_wrap .nf-form-content input[type=submit]:hover {
  cursor: pointer;
}

.ibd_newsletter_wrap .nf-error.field-wrap .nf-field-element:after {
  display: none;
}

.ibd_newsletter_wrap .nf-response-msg p {
  color: #a6a6a6;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}

/*here start betting academy component styles*/
.betting-academy {
  margin-bottom: 34px;
  position: relative;
  background: #2c2e32;
  padding: 40px 0;
  background-image: url("core-assets/images/betting_academy_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  min-height: 500px;
  padding: 0 15px 40px 15px;
}
.betting-academy__logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0 0 0;
  margin-bottom: 20px;
}
.betting-academy__logo {
  width: 100%;
  max-width: 200px;
}
@media screen and (min-width: 640px) {
  .betting-academy__logo {
    top: 25%;
    max-width: 304px;
  }
}
@media screen and (min-width: 960px) {
  .betting-academy__logo {
    max-width: 368px;
  }
}
.betting-academy__grid-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 40px 0;
}
@media screen and (min-width: 640px) {
  .betting-academy__grid-container {
    max-width: 580px;
  }
}
@media screen and (min-width: 960px) {
  .betting-academy__grid-container {
    max-width: 580px;
  }
}
@media screen and (min-width: 1800px) {
  .betting-academy__grid-container {
    max-width: 1208px;
  }
}
.betting-academy__anchor {
  text-decoration: none;
}
.betting-academy__grid-item {
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  flex: 0 0 calc(50% - 10px);
  margin: 5px;
  width: 50%;
}
@media screen and (min-width: 1800px) {
  .betting-academy__grid-item {
    width: 25%;
    flex: 0 0 calc(25% - 10px);
  }
}
.betting-academy__grid-item-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal medium 16px/17px Poppins;
  letter-spacing: -0.32px;
  color: #cccccc;
  text-transform: capitalize;
  text-decoration: none !important;
  margin: 0;
  padding: 0;
  height: 40px;
  z-index: 500;
}
.betting-academy__grid-image {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.betting-academy__disclaimer-container {
  width: 100%;
  max-width: 798px;
  margin: 0 auto;
}
.betting-academy__text {
  text-align: center;
  font: normal normal normal 17px/27px Poppins;
  letter-spacing: 0px;
  color: #CCCCCC;
}
.betting-academy__text-bold {
  text-align: center;
  font: normal normal 600 17px/27px Poppins;
  letter-spacing: 0px;
  color: #CCCCCC;
}

/*here start betting academy component styles*/
/* here start the style for the top soport main container */
.top-sports {
  padding: 70px 0;
  margin-bottom: 40px;
}
.top-sports__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 70px;
  padding: 0 15px;
}
.top-sports__logo > img {
  width: 100%;
  max-width: 168px;
}
@media screen and (min-width: 640px) {
  .top-sports__logo > img {
    max-width: 300px;
  }
}
@media screen and (min-width: 640px) {
  .top-sports__logo > img {
    max-width: 362px;
  }
}
.top-sports__container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .top-sports {
    padding: 70px 15px;
  }
}

/*here is the style for the main top tabulation*/
.tab-menu {
  margin-bottom: 30px;
  position: relative;
  padding-top: 20px;
}
.tab-menu__item {
  cursor: pointer;
  width: 144px;
  height: 64px;
  border: 1px solid #2c2e32;
  border-radius: 4px;
  margin: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-menu__item.active {
  background: #2c2e32;
}
.tab-menu__item.active > span {
  color: #ffffff;
}
.tab-menu__item.active .tab-icon-white {
  display: block;
}
.tab-menu__item.active .tab-icon-black {
  display: none;
}
.tab-menu__item:first-child {
  margin-left: 0;
}
.tab-menu__item:last-child {
  margin-right: 0;
}
.tab-menu__text {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
  color: #2C2E32;
}
.tab-menu__text.active {
  color: #ffffff;
}
.tab-menu .tab-icon {
  margin-right: 10px;
}
.tab-menu .tab-icon-white {
  display: none;
}
.tab-menu::after {
  content: "";
  background-image: url(images/scroll-horizontal-ico.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5000;
}

/*here is the style for the main top tabulation panels*/
.tab-menu-panels__item {
  min-height: 190px;
  display: none;
}
.tab-menu-panels__item.active {
  display: block;
}
.tab-menu-panels__banner {
  border-radius: 8px;
  margin-bottom: 30px;
}
.tab-menu-panels__banner img {
  border-radius: 8px;
  width: 100%;
}

/*here is the style for the sub tabulation*/
.sub-tab-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .sub-tab-container {
    flex-direction: row;
  }
}
.sub-tab-container::after {
  content: "";
  background-image: url(images/scroll-horizontal-ico.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 5000;
  background-color: white;
}
@media screen and (min-width: 640px) {
  .sub-tab-container::after {
    background-image: url(images/scroll-vertical-ico.svg);
    top: 20px;
    right: -20px;
  }
}

.sub-menu-container {
  padding: 0 15px;
}
@media screen and (min-width: 640px) {
  .sub-menu-container {
    flex-basis: 329px;
    flex-grow: 0;
    height: auto;
  }
}

.sub-tab-menu__item {
  border-bottom: 2px solid #ccc29e;
  border-right: 2px solid #ccc29e;
  padding: 0 15px;
  cursor: pointer;
  font: normal normal normal 14px/22px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
  width: 230px;
  height: 41px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .sub-tab-menu__item {
    font: normal normal 600 19px/23px Poppins;
    letter-spacing: -0.38px;
    padding: 0 20px;
  }
}
.sub-tab-menu__item.active {
  color: #9E852E;
}
.sub-tab-menu__item.active .sub-tab-menu-black {
  display: none;
}
.sub-tab-menu__item.active .sub-tab-menu-gold {
  display: block;
}
@media screen and (min-width: 640px) {
  .sub-tab-menu__item.active::before {
    content: "";
    display: block;
    height: 4px;
    background: rgb(158, 133, 46);
    width: 16px;
    position: absolute;
    left: 0;
    top: 28px;
  }
}
@media screen and (min-width: 375px) {
  .sub-tab-menu__item {
    width: 240px;
    height: auto;
  }
}
@media screen and (min-width: 640px) {
  .sub-tab-menu__item {
    width: 100%;
    height: 64px;
    border-right: 2px solid #ccc29e;
    border-bottom: 2px solid #ffffff;
  }
  .sub-tab-menu__item:hover {
    color: #9E852E;
  }
  .sub-tab-menu__item:hover .sub-tab-menu-black {
    display: none;
  }
  .sub-tab-menu__item:hover .sub-tab-menu-gold {
    display: block;
  }
}
.sub-tab-menu__icon-content {
  flex-basis: 50px;
  flex-grow: 0;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .sub-tab-menu__item {
    border-bottom: 2px solid #ccc29e;
  }
}
@media screen and (min-width: 640px) {
  .sub-tab-menu__item:last-child {
    border-bottom: none;
  }
}
.sub-tab-menu__item span {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.sub-tab-menu .sub-tab-menu-ico {
  transform: scale(0.8);
}
@media screen and (min-width: 640px) {
  .sub-tab-menu .sub-tab-menu-ico {
    transform: scale(1);
  }
}
.sub-tab-menu .sub-tab-menu-gold {
  display: none;
}

.sub-tab-panels {
  position: relative;
  padding: 10px;
  overflow: auto;
  scrollbar-width: none; /* Oculta la barra de desplazamiento en Firefox */
}
@media screen and (min-width: 640px) {
  .sub-tab-panels {
    width: calc(100% - 329px);
  }
}
.sub-tab-panels__item {
  position: relative;
  display: none;
}
.sub-tab-panels__item.active {
  display: block;
}
.sub-tab-panels__title {
  font: normal normal 600 24px/29px Poppins;
  letter-spacing: -0.48px;
  color: #1F2024;
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .sub-tab-panels__title {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}
.sub-tab-panels__text {
  font: normal normal normal 14px/22px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  display: block;
  height: auto;
}
.sub-tab-panels::-webkit-scrollbar {
  display: none; /* Oculta la barra de desplazamiento en Chrome y Safari */
}

/*here finish the style for the top soport main container*/
.tabs-container {
  width: 100%;
  position: relative;
}
.tabs-container__tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.tabs-container__tab {
  background: #eee;
  color: #666;
  line-height: 2;
  padding: 0 1em;
  border: 1px solid #ccc;
  margin-right: 1px;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  position: relative;
  top: 1px;
  margin-bottom: 1px;
  cursor: pointer;
}
.tabs-container__tab.is-active {
  background: #fff;
  color: #111;
  position: relative;
  z-index: 2;
}
.tabs-container__panels {
  position: relative;
  z-index: 1;
  border: 1px solid #ccc;
  padding: 1em;
}
.tabs-container__panel {
  height: 400px; /* Establece la altura máxima del panel */
  overflow-y: auto; /* Agrega scroll vertical cuando el contenido excede la altura máxima */
  position: absolute;
  left: -1000%;
  /* Agrega estilos para ocultar la barra de scroll en navegadores webkit */
}
.tabs-container__panel::-webkit-scrollbar {
  width: 0.5em; /* Ancho de la barra de scroll (ajusta según tu preferencia) */
}
.tabs-container__panel::-webkit-scrollbar-thumb {
  background-color: transparent; /* Color del pulgar del scroll (transparente para ocultarlo) */
}
.tabs-container__panel.is-active {
  position: relative;
  left: 0;
}

.sticky-banner-desktop {
  background: #2c2e32;
  width: calc(var(--stiky-banner-width) - 17px);
  height: var(--stiky-banner-height);
  border-radius: 8px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sticky-banner-desktop::before {
  content: "";
  background-image: url("core-assets/images/sticky_banner_play_arrow.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 86px;
  position: absolute;
  bottom: 60px;
  right: 26px;
  z-index: 50000;
}
.sticky-banner-desktop::after {
  content: "";
  background-image: url("core-assets/images/sticky_banner_top_arrow.svg");
  background-repeat: no-repeat;
  width: 17px;
  height: 255px;
  position: absolute;
  top: 10px;
  right: 26px;
}
.sticky-banner-desktop__top-image-container {
  position: relative;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sticky-banner-desktop__brand-item {
  height: 181px;
  position: relative;
}
.sticky-banner-desktop__logo-border {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sticky-banner-desktop__logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sticky-banner-desktop__brand-item h1 {
  font: normal normal 600 41px/45px Poppins;
  letter-spacing: 0;
  color: #e6e6e6;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 15px;
}
.sticky-banner-desktop__video-container {
  height: 343px;
}
.sticky-banner-desktop__video-container video {
  width: 100%;
  height: auto;
}
.sticky-banner-desktop__breadcrumbs-container {
  position: relative;
  height: 133px;
  background: #cccccc;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
  border-top-left-radius: 5px;
  display: flex;
  align-items: center;
}
.sticky-banner-desktop__breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 15px;
}
.sticky-banner-desktop__breadcrumbs-anchors {
  text-transform: uppercase;
  text-decoration: none;
}
.sticky-banner-desktop__breadcrumbs-anchors:first-child {
  position: relative;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
  background: #9e852e;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 25px;
}
.sticky-banner-desktop__breadcrumbs-anchors:first-child::after {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  transform: scale(0.9);
}
.sticky-banner-desktop__breadcrumbs-anchors:last-child {
  text-transform: uppercase;
  font: normal normal 400 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
}

.sticky-banner-mobile {
  margin-bottom: 30px;
}
.sticky-banner-mobile__content {
  position: relative;
  background-color: #2c2e32;
  margin: 0 0 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  padding: 30px 0 15px 0;
}
.sticky-banner-mobile__video-container {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translate(0, -50%);
  overflow: hidden;
  width: auto;
}
@media screen and (min-width: 375px) {
  .sticky-banner-mobile__video-container {
    left: 0;
    width: auto;
    transform: translate(0, -50%);
  }
}
.sticky-banner-mobile__video-container .video-mobile {
  display: none;
}
@media screen and (min-width: 425px) {
  .sticky-banner-mobile__video-container .video-mobile {
    display: block;
    width: 80%;
  }
}
@media screen and (min-width: 480px) {
  .sticky-banner-mobile__video-container .video-mobile {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 650px) {
  .sticky-banner-mobile__video-container .video-mobile {
    display: none;
  }
}
.sticky-banner-mobile__video-container .video-tablet {
  display: none;
}
@media screen and (min-width: 650px) and (max-width: 1599px) {
  .sticky-banner-mobile__video-container .video-tablet {
    display: block;
  }
}
.sticky-banner-mobile__video-container .video-desktop {
  display: none;
}
@media screen and (min-width: 1600px) {
  .sticky-banner-mobile__video-container .video-desktop {
    display: block;
  }
}
.sticky-banner-mobile__video-container video {
  width: 100%;
  height: auto;
}
.sticky-banner-mobile__image-container {
  position: relative;
  width: 80%;
  position: relative;
}
@media screen and (min-width: 375px) {
  .sticky-banner-mobile__image-container {
    width: 90%;
  }
}
@media screen and (min-width: 375px) {
  .sticky-banner-mobile__image-container {
    width: 200px;
  }
}
.sticky-banner-mobile__image-container h1 {
  display: block;
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: 0;
  color: #e6e6e6;
  text-transform: uppercase;
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}
.sticky-banner-mobile__border:first-child {
  width: 100%;
  z-index: 0;
}
.sticky-banner-mobile__border {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.sticky-banner-mobile__logo {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  z-index: 0;
}

.mobile-breadcrumbs {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.mobile-breadcrumbs__anchors {
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-breadcrumbs__anchors:first-child {
  position: relative;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
  background: #9e852e;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 25px;
}
.mobile-breadcrumbs__anchors:first-child::after {
  content: "";
  background-image: url("core-assets/images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  transform: scale(0.9);
}
.mobile-breadcrumbs__anchors:last-child {
  text-transform: uppercase;
  font: normal normal 400 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
}
@media screen and (min-width: 1600px) {
  .mobile-breadcrumbs {
    display: none;
  }
}

.news-top-banner {
  margin-bottom: 25px;
  border-bottom: 1px solid #dddddd;
}
.news-top-banner__container {
  position: relative;
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.news-top-banner__container:before {
  content: "";
  background: linear-gradient(to bottom, transparent 30%, #000000 70%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0.7;
}
@media screen and (min-width: 640px) {
  .news-top-banner__container {
    height: 424px;
  }
}
.news-top-banner__main-title {
  margin-bottom: 15px;
}
.news-top-banner__text {
  display: none;
  width: 100%;
  max-width: 300px;
  min-height: 139px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .news-top-banner__text {
    display: block;
  }
}
.news-top-banner__title {
  display: none;
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #ffffff;
  z-index: 200;
}
@media screen and (min-width: 640px) {
  .news-top-banner__title {
    display: block;
  }
}
.news-top-banner__date {
  display: block;
  font: normal normal normal 12px/20px Poppins;
  letter-spacing: -0.24px;
  color: #ffffff;
  text-transform: uppercase;
}
.news-top-banner__content-title {
  font: normal normal 600 20px/28px Poppins;
  letter-spacing: -0.4px;
  color: #1F2024;
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .news-top-banner__content-title {
    display: none;
  }
}
.news-top-banner__content {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  display: block;
  margin-bottom: 20px;
}
.news-top-banner__anchor {
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #9E852E;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

.news-show-more {
  margin-bottom: 35px;
}
.news-show-more__main-title-container {
  font: normal normal 600 20px/28px Poppins;
  letter-spacing: -0.4px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .news-show-more__main-title-container {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.news-show-more__main-title {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.news-show-more__main-title::after {
  content: "";
  display: block;
  height: 8px;
  background: #2C2E32;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -15px;
}
@media screen and (min-width: 640px) {
  .news-show-more__main-title {
    max-width: 50%;
  }
}
.news-show-more__slug-league {
  text-transform: uppercase;
}
.news-show-more__main-title-ico {
  margin-right: 10px;
  position: relative;
  bottom: -5px;
}
.news-show-more__grid {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .news-show-more__grid {
    flex-direction: row;
  }
}
.news-show-more__grid-item:first-child {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
@media screen and (min-width: 0) and (max-width: 639px) {
  .news-show-more__grid-item:first-child {
    height: 200px;
  }
}
@media screen and (min-width: 640px) {
  .news-show-more__grid-item:first-child {
    flex-basis: 360px;
    flex-grow: 0;
  }
}
@media screen and (min-width: 1600px) {
  .news-show-more__grid-item:first-child {
    flex-basis: 260px;
    flex-grow: 0;
  }
}
@media screen and (min-width: 1900px) {
  .news-show-more__grid-item:first-child {
    flex-basis: 360px;
    flex-grow: 0;
  }
}
@media screen and (min-width: 640px) {
  .news-show-more__grid-item:last-child {
    width: calc(100% - 360px);
    padding-left: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .news-show-more__grid-item:last-child {
    width: calc(100% - 260px);
    padding-left: 30px;
  }
}
@media screen and (min-width: 1900px) {
  .news-show-more__grid-item:last-child {
    width: calc(100% - 360px);
    padding-left: 30px;
  }
}
.news-show-more__date {
  font: normal normal normal 10px/17px Poppins;
  letter-spacing: 0px;
  color: #919192;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}
@media screen and (min-width: 640px) {
  .news-show-more__date {
    font: normal normal normal 12px/17px Poppins;
    letter-spacing: 0px;
    margin-top: 0;
  }
}
.news-show-more__title {
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: -0.54px;
  color: #1F2024;
  display: block;
  margin-bottom: 5px;
}
.news-show-more__content {
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  display: block;
  margin-bottom: 5px;
}
.news-show-more__anchor {
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #9E852E;
  display: block;
  text-decoration: none;
}
.news-show-more__button-expand-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .news-show-more__button-expand-container {
    justify-content: flex-start;
    padding-left: 390px;
  }
}
@media screen and (min-width: 1600px) {
  .news-show-more__button-expand-container {
    justify-content: flex-start;
    padding-left: 290px;
  }
}
@media screen and (min-width: 1900px) {
  .news-show-more__button-expand-container {
    justify-content: flex-start;
    padding-left: 390px;
  }
}
.news-show-more__button-expand {
  background: #99853D;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  border: none;
  width: 104px;
  height: 32px;
  cursor: pointer;
}

.border-multicolor-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  z-index: 0;
}
.border-multicolor-container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  bottom: 65%;
  border: 8px solid #9E852E;
  border-radius: 23px 23px 0 0;
  box-sizing: border-box;
  border-bottom: none;
}
.border-multicolor-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 65%;
  bottom: -8px;
  border: 8px solid #707070;
  border-radius: 0 0 23px 23px;
  box-sizing: border-box;
  border-top: none;
}
.border-multicolor-container__content {
  padding: 0 15px;
  border-radius: 16px;
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 15px);
  margin: 0 auto;
}

.border-multicolor-container-tabs {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  z-index: 0;
}
.border-multicolor-container-tabs::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  bottom: 65%;
  border: 8px solid #9E852E;
  border-radius: 23px 23px 0 0;
  box-sizing: border-box;
  border-bottom: none;
}
.border-multicolor-container-tabs::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 65%;
  bottom: -8px;
  border: 8px solid #707070;
  border-radius: 0 0 23px 23px;
  box-sizing: border-box;
  border-top: none;
}
.border-multicolor-container-tabs__content {
  border-radius: 16px;
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 14px);
  margin: 0 auto;
  overflow: hidden;
}

.border-multicolor-grid {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-bottom: 20px;
}
.border-multicolor-grid::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  bottom: 50%;
  border: 8px solid #9E852E;
  border-radius: 25px 25px 0 0;
  box-sizing: border-box;
}
.border-multicolor-grid__content {
  padding: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 15px);
  margin: 0 auto;
  overflow: hidden;
}
.border-multicolor-grid__img-container {
  background: #a2a2a2;
}
.border-multicolor-grid__img {
  width: 100%;
  position: relative;
  display: block;
  top: 0;
}
.border-multicolor-grid__label {
  margin: 0;
  text-transform: capitalize;
  border-top: 7px solid white;
  background: #000000;
  color: #cccccc;
  font: normal normal normal 12px/14px Poppins;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3px 5px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media screen and (min-width: 480px) {
  .border-multicolor-grid__label {
    font: normal normal normal 16px/17px Poppins;
    height: 60px;
  }
}
@media screen and (min-width: 640px) {
  .border-multicolor-grid__label {
    height: 75px;
  }
}

.top-article-image {
  height: 200px;
  width: 100%;
  background-image: url(/public/images/top-image-article2.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  background-position: center;
}
@media screen and (min-width: 769px) {
  .top-article-image {
    height: 545px;
    border-radius: 8px;
  }
}

.top-article-image-caption {
  font: normal normal normal 12px/28px Poppins;
}

.article-title {
  margin-bottom: 18px;
}
@media screen and (min-width: 769px) {
  .article-title {
    margin-bottom: 24px;
  }
}

.article-title h1 {
  font-size: 29px;
}
@media screen and (min-width: 769px) {
  .article-title h1 {
    font-size: 51px;
  }
}

.article-breadcrumb {
  font-size: 9px;
  margin-bottom: 18px;
}
@media screen and (min-width: 769px) {
  .article-breadcrumb {
    font-size: 11px;
    cursor: pointer;
    margin-bottom: 8px;
  }
}

.article-breadcrumb a {
  font-size: 9px;
  color: black;
}
@media screen and (min-width: 769px) {
  .article-breadcrumb a {
    font-size: 11px;
    color: black;
  }
}

.article-breadcrumb span {
  color: #D6BF71;
  margin-left: 3px;
  margin-right: 3px;
}
@media screen and (min-width: 769px) {
  .article-breadcrumb span {
    color: #D6BF71;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.article-breadcrumb a:first-child {
  font-weight: bold;
}

.article-info-icons {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .article-info-icons {
    display: flex;
    align-items: center;
  }
}

.article-info-icons__calendar-cont {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  margin-right: 10px;
}
@media screen and (min-width: 769px) {
  .article-info-icons__calendar-cont {
    display: flex;
    align-items: center;
    margin-right: 40px;
  }
}

.article-info-icons__calendar-cont img {
  margin-right: 5px;
  width: 25px;
  height: 15px;
}
@media screen and (min-width: 769px) {
  .article-info-icons__calendar-cont img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
  }
}

.article-info-icons__timer-cont {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  margin-right: 9px;
}
@media screen and (min-width: 769px) {
  .article-info-icons__timer-cont {
    display: flex;
    align-items: center;
    margin-right: 40px;
  }
}

.article-info-icons__timer-cont img {
  margin-right: 5px;
  width: 20px;
  height: 25px;
}
@media screen and (min-width: 769px) {
  .article-info-icons__timer-cont img {
    margin-right: 10px;
    width: 27px;
    height: 32px;
  }
}

.article-info-icons__flame-cont {
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .article-info-icons__flame-cont {
    display: flex;
    align-items: center;
    margin-right: 40px;
  }
}

.article-info-google-follow {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  .article-info-google-follow {
    margin-top: 0;
  }
}

.article-info-google-follow img {
  width: 23px;
  height: 24px;
}
@media screen and (min-width: 769px) {
  .article-info-google-follow img {
    width: 30px;
    height: 30px;
  }
}

.article-info-icons__flame-cont img {
  margin-right: 5px;
  width: 20px;
  height: 30px;
}
@media screen and (min-width: 769px) {
  .article-info-icons__flame-cont img {
    margin-right: 10px;
    width: 30px;
    height: 32px;
  }
}

.g_news_follow-button {
  display: flex;
  align-items: center;
  background-color: #000;
  color: #fff;
  padding: 8px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s;
  text-decoration: none !important;
}
.g_news_follow-button:hover {
  background-color: #0056b3;
}

.follow-text {
  font-size: 7px;
  text-transform: uppercase;
  line-height: normal;
}

.google-news-text {
  font-size: 10px;
  line-height: normal;
}
@media screen and (min-width: 769px) {
  .google-news-text {
    font-size: 12px;
  }
}

.text-container-g_news {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

/**Social Share **/
.article-info_share.social-media {
  margin-left: auto;
  margin-right: auto;
  margin-top: 17px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .article-info_share.social-media {
    margin-left: auto;
    margin-right: 0;
  }
}

.article-info_share a {
  background: #F4F4F5;
  border-radius: 50px;
  padding: 6px 10px 7px 10px;
  line-height: normal;
  font-size: 18px;
  cursor: pointer;
}

.article-info_share .social-media__li {
  margin-right: 10px;
  padding: 0;
  margin-bottom: 0;
}

.article-info_share .social-media__li:last-child {
  margin-right: 0;
}

.article-info_share .social-media__anchor img {
  height: 18px;
  width: 18px;
}

.social-media__anchor.link-copy:before {
  content: "Copied";
  position: absolute;
  top: -41px;
  right: -2px;
  background: #F4F4F5;
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 12px;
  color: #000;
  display: none;
}

.social-media__anchor.link-copy {
  position: relative;
}

.social-media__anchor.link-copy:after {
  content: "";
  position: absolute;
  top: -13px;
  right: 16px;
  width: 10px;
  height: 10px;
  background: #F4F4F5;
  transform: rotate(45deg);
  display: none;
}

.social-media__anchor.link-copy.active:before,
.social-media__anchor.link-copy.active:after {
  display: block;
}

@media screen and (min-width: 769px) {
  .article-content {
    margin-bottom: 48px;
  }
}

.article-content p {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .article-content p {
    font-size: 15px;
  }
}

@media screen and (min-width: 769px) {
  .article-content img {
    width: 100%;
    border-radius: 8px;
    background-color: lime;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1800px) {
  .article-content img {
    height: 535px;
  }
}

.tags-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .tags-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 60px;
    align-items: center;
  }
}

.article-tag {
  margin-right: 16px;
  margin-bottom: 15px;
  background-color: #F3F3F3;
  border-radius: 4px;
  height: 32px;
  width: auto;
  display: flex;
  align-items: center;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .article-tag {
    margin-right: 16px;
    margin-bottom: 15px;
    background-color: #F3F3F3;
    border-radius: 4px;
    height: 32px;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
  }
}

.article-tag a {
  text-decoration: none;
  font-size: 13px;
  color: #1F2024;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .article-tag a {
    text-decoration: none;
    font-size: 13px;
    color: #1F2024;
    margin: auto;
  }
}

@media screen and (min-width: 769px) {
  .article-slider {
    margin-bottom: 100px;
  }
}

/*.sports-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }*/
.sports-title {
  display: flex;
  height: auto;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
  .sports-title {
    margin-bottom: 24px;
  }
}

.sports-title img {
  margin-right: 16px;
}

.sports-title h1 {
  font-size: 36px;
}
@media screen and (min-width: 769px) {
  .sports-title h1 {
    font-size: 51px;
  }
}

.sport-top-image {
  height: 192px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 64px;
  overflow: hidden;
}
@media screen and (min-width: 1800px) {
  .sport-top-image {
    height: 296px;
    width: 100%;
  }
}

.small-screen-image {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .small-screen-image {
    display: none;
  }
}

.large-screen-image {
  display: none;
}
@media screen and (min-width: 769px) {
  .large-screen-image {
    display: block;
    width: 100%;
  }
}

.wp-caption-text {
  display: none;
}

.sport-categories-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .sport-categories-container {
    gap: 32px;
  }
}

.sport-category-cards {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sport-category-card {
  display: flex;
  border: 1px #EFEFEF solid;
  align-items: center;
  height: 48px;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 10px 16px;
}
@media screen and (min-width: 769px) {
  .sport-category-card {
    padding-left: 34px;
    padding-right: 34px;
  }
}

.sport-category-card img {
  margin-right: 16px;
  height: 25px;
  width: 25px;
}

.sport-category-card p {
  font-size: 20px;
  font-weight: 600;
}

.sport-category-cards:last-child .sport-category-card:last-child {
  margin-bottom: 16px;
}

@media screen and (min-width: 769px) {
  .sport-categories-container {
    flex-direction: row;
  }
  .sport-category-cards {
    width: calc(50% - 16px);
  }
  .sport-category-card {
    height: 96px;
  }
  .sport-category-card img {
    width: 48px;
    height: 48px;
  }
  .sport-category-card p {
    font-size: 23px;
  }
}
.more-sports-message {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 6800;
  color: #CCCCCC;
  margin-bottom: 12px;
}

.sport-categories-container2 {
  margin-bottom: 32px;
}

.sport-category-dbl-cards {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sport-category-dbl-card {
  width: 160px;
  border-radius: 16px;
  border: solid 1px #E0E0E0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  margin-bottom: 24px;
  position: relative;
  text-align: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .sport-category-dbl-card {
    width: 230px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.sport-category-dbl-card__divider {
  border: solid 1px #E0E0E0;
  width: 95px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50%;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (min-width: 769px) {
  .sport-category-dbl-card__divider {
    width: 161px;
  }
}

.sport-category-dbl-card__top,
.sport-category-dbl-card__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sport-category-dbl-card__top {
  padding-bottom: 0px;
}
@media screen and (min-width: 769px) {
  .sport-category-dbl-card__top {
    padding-bottom: 25px;
  }
}

.sport-category-dbl-card__bottom {
  padding-top: 0px;
}
@media screen and (min-width: 769px) {
  .sport-category-dbl-card__bottom {
    padding-top: 25px;
  }
}

.more-dblcard {
  font-size: 10px;
  font-weight: 600;
  color: #9E852E;
  margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .more-dblcard {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.more-dblcard-category {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .more-dblcard-category {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.more-dblcard-category:hover {
  color: #9E852E;
}

.sport-category-dbl-card a {
  text-decoration: none;
}

.more-dblcard-category a {
  font-size: 14px;
  color: #1F2024;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (min-width: 769px) {
  .more-dblcard-category a {
    font-size: 20px;
  }
}

.more-dblcard-category a:hover {
  color: #9E852E;
  font-size: 15px;
  transition: 0.1s;
}
@media screen and (min-width: 769px) {
  .more-dblcard-category a:hover {
    font-size: 21px;
  }
}

/*

.sport-category-card-modal {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    padding: 10px;
    background-color: black;
    color: white;
    z-index: 1000;
  }

  .sport-category-card {
    position: relative;
  }

  .modal-open {
    position: relative;
  }






  .sport-category-card-close-btn {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1010; 
  }

  .modal-open .sport-category-card-close-btn {
    display: block;
  }

  .sport-category-card-modal .modal-list {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .sport-category-card-modal .modal-list-item {
    padding: 5px 0;
  }

  .sport-category-card-modal .modal-divider {
    width: 1px;
    height: 100%;
    background-color: white;
    margin: 0 10px;
  }

  .sport-category-card-modal {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: black;
    color: white;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
  }

  .sport-category-card-modal .modal-list {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .sport-category-card-modal .modal-list-item {
    padding: 5px 0;
  }

  .sport-category-card-modal .modal-divider {
    width: 1px;
    height: 100%;
    background-color: white;
    margin: 0 10px;
  }

*/
.sport-category-card {
  position: relative;
  cursor: pointer;
}

.sport-category-card__submenu {
  background-color: #2C2E32;
  height: auto;
  width: fit-content;
  padding: 15px;
  border-radius: 16px;
  color: #CCCCCC;
  display: none;
  justify-content: space-between;
  border: solid 1px #E0E0E0;
  z-index: 1000;
  bottom: 100%;
  position: absolute;
  left: 0;
}

.sport-category-card__submenu ul {
  list-style: none;
  padding-left: 10px;
  border-left: dashed 1px #808080;
  font-size: 13px;
  margin-right: 15px;
}

.sport-category-card__submenu a {
  text-decoration: none;
  font-size: 10px;
  color: #CCCCCC;
}
@media screen and (max-width: 767px) {
  .sport-category-card__submenu a {
    line-height: 1;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 769px) {
  .sport-category-card__submenu a {
    text-decoration: none;
    font-size: 13px;
    color: #CCCCCC;
  }
}

.sport-category-card__submenu li {
  margin-bottom: 13px;
}
@media screen and (min-width: 769px) {
  .sport-category-card__submenu li {
    margin-bottom: 10px;
  }
}

.sport-category-card__close-icon svg {
  height: 35px;
  width: 35px;
  margin-right: 0px;
}
@media screen and (min-width: 769px) {
  .sport-category-card__close-icon svg {
    height: 30px;
    width: 30px;
    margin-right: 15px;
  }
}

.p-active {
  color: #9E852E;
}

.sport-index-content {
  margin-bottom: 32px;
}
@media screen and (min-width: 769px) {
  .sport-index-content {
    margin-bottom: 40px;
  }
}

.sport-index-content ul {
  list-style-type: none;
  padding-left: 15px;
}

.sports-page-container .accordion-container {
  margin-bottom: 100px;
}

.sport-index-content p, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 15px;
}
@media screen and (min-width: 769px) {
  .sport-index-content p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
  }
}

.league-categories-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .league-categories-container {
    gap: 32px;
  }
}

.league-category-cards {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.league-category-card {
  display: flex;
  border: 1px #EFEFEF solid;
  align-items: center;
  height: 48px;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 10px 16px;
}
@media screen and (min-width: 769px) {
  .league-category-card {
    padding-left: 34px;
    padding-right: 34px;
  }
}

.league-category-card img {
  margin-right: 16px;
  height: 25px;
  width: 25px;
}

.league-category-card p {
  font-size: 20px;
  font-weight: 600;
}

.league-category-cards:last-child .league-category-card:last-child {
  margin-bottom: 16px;
}

@media screen and (min-width: 769px) {
  .league-categories-container {
    flex-direction: row;
  }
  .league-category-cards {
    width: calc(50% - 16px);
  }
  .league-category-card {
    height: 96px;
  }
  .league-category-card img {
    width: 48px;
    height: 48px;
  }
  .league-category-card p {
    font-size: 23px;
  }
}
.more-league-message {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 6800;
  color: #CCCCCC;
  margin-bottom: 12px;
}

.more-league-message p {
  margin-top: 0;
}

.league-categories-container2 {
  margin-bottom: 1px;
}

.league-category-dbl-cards {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.league-category-dbl-card {
  width: 23%;
  border-radius: 16px;
  border: solid 1px #E0E0E0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  margin-bottom: 24px;
  position: relative;
  text-align: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 769px) {
  .league-category-dbl-card {
    width: 24%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.secondary-league-category-dbl-card {
  display: flex;
}

.league-category-dbl-card__divider {
  border: solid 1px #E0E0E0;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50%;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (min-width: 769px) {
  .league-category-dbl-card__divider {
    width: 161px;
  }
}

.league-category-dbl-card__top,
.league-category-dbl-card__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.league-category-dbl-card__bottom {
  padding-top: 0px;
}
@media screen and (min-width: 769px) {
  .league-category-dbl-card__bottom {
    padding-top: 25px;
  }
}

.league-more-dblcard {
  font-size: 10px;
  font-weight: 600;
  color: #9E852E;
  margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .league-more-dblcard {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.league-more-dblcard-category {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .league-more-dblcard-category {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.league-more-dblcard-category:hover {
  color: #9E852E;
}

.league-category-dbl-card a {
  text-decoration: none;
}

.league-more-dblcard-category a {
  font-size: 11px;
  color: #1F2024;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (min-width: 769px) {
  .league-more-dblcard-category a {
    font-size: 20px;
  }
}

.league-more-dblcard-category a:hover {
  color: #9E852E;
  font-size: 15px;
  transition: 0.1s;
}
@media screen and (min-width: 769px) {
  .league-more-dblcard-category a:hover {
    font-size: 21px;
  }
}

.league-category-card {
  position: relative;
  cursor: pointer;
}

.league-category-card__submenu {
  background-color: #2C2E32;
  height: auto;
  width: fit-content;
  padding: 15px;
  border-radius: 16px;
  color: #CCCCCC;
  display: none;
  border: solid 1px #E0E0E0;
  z-index: 1000;
  bottom: 100%;
  position: absolute;
  left: 0;
}

.league-category-card__submenu ul {
  list-style: none;
  padding-left: 10px;
  border-left: dashed 1px #808080;
  font-size: 13px;
  margin-right: 15px;
}

.league-category-card__submenu a {
  text-decoration: none;
  font-size: 10px;
  color: #CCCCCC;
}
@media screen and (max-width: 767px) {
  .league-category-card__submenu a {
    line-height: 1;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 769px) {
  .league-category-card__submenu a {
    text-decoration: none;
    font-size: 13px;
    color: #CCCCCC;
  }
}

.league-category-card__submenu li {
  margin-bottom: 13px;
}
@media screen and (min-width: 769px) {
  .league-category-card__submenu li {
    margin-bottom: 10px;
  }
}

.league-category-card__close-icon svg {
  height: 35px;
  width: 35px;
  margin-right: 0px;
}
@media screen and (min-width: 769px) {
  .league-category-card__close-icon svg {
    height: 30px;
    width: 30px;
    margin-right: 15px;
  }
}

.p-active {
  color: #9E852E;
}

.league-conferences-container__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .league-conferences-container__header {
    justify-content: left;
    flex-direction: row;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 24px;
  }
}

.league-conferences-container__header--content {
  text-align: center;
  height: auto;
}
@media screen and (min-width: 769px) {
  .league-conferences-container__header--content {
    display: flex;
    align-items: center;
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .league-conferences-container__header--content h2 {
    margin-bottom: 0px;
  }
}

.league-conferences-container__header--content img {
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
  .league-conferences-container__header--content img {
    margin-right: 24px;
    width: 128px;
    height: 92px;
  }
}

.league-conferences-container__cards {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.league-conferences-container__cards--card {
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #EFEFEF;
  border-radius: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 16px;
  flex-basis: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .league-conferences-container__cards--card {
    flex-basis: 50%;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 24px;
    flex-basis: calc(50% - 8px);
  }
}

@media screen and (min-width: 769px) {
  .league-conferences-container__cards--card:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .league-conferences-container__cards--card:nth-child(odd) {
    margin-right: 16px;
  }
}

.league-conferences-container__cards--card p {
  font-size: 12px;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .league-conferences-container__cards--card p {
    font-size: 13px;
    line-height: 1.6;
  }
}

.odds-lines-widget {
  margin-top: 50px;
  margin-bottom: 70px;
  height: 522px;
  width: 100%;
  background-image: url(/public/images/odds-lines-widget.png);
  size: cover;
}

.matchup-top-teams {
  background: #F3F3F3;
  padding: 90px 15px 60px 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: solid #9E852E 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 40px;
}
.matchup-top-teams__grid-container {
  width: 100%;
  max-width: 750px;
  display: flex;
  flex-wrap: wrap;
}
.matchup-top-teams__grid-container-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchup-top-teams__grid-container-item:nth-child(1), .matchup-top-teams__grid-container-item:nth-child(3) {
  flex-grow: 0;
  flex-basis: 115px;
  min-height: 130px;
  border-radius: 8px;
  padding: 0 5px;
  background-image: url("core-assets/images/bg_grid.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-blend-mode: multiply;
  background-size: 60%;
}
@media screen and (min-width: 375px) {
  .matchup-top-teams__grid-container-item:nth-child(1), .matchup-top-teams__grid-container-item:nth-child(3) {
    flex-basis: 120px;
    min-height: 130px;
  }
}
@media screen and (min-width: 425px) {
  .matchup-top-teams__grid-container-item:nth-child(1), .matchup-top-teams__grid-container-item:nth-child(3) {
    flex-basis: 144px;
    min-height: 160px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__grid-container-item:nth-child(1), .matchup-top-teams__grid-container-item:nth-child(3) {
    flex-basis: 264px;
    min-height: 232px;
  }
}
.matchup-top-teams__grid-container-item:nth-child(2) {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
.matchup-top-teams__vrs-ico {
  display: none;
}
@media screen and (min-width: 375px) {
  .matchup-top-teams__vrs-ico {
    display: block;
    width: 60px;
  }
}
@media screen and (min-width: 500px) {
  .matchup-top-teams__vrs-ico {
    width: 130px;
  }
}
.matchup-top-teams__logo-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: white;
  border-radius: 50%;
  border: 4px solid #E3E2E2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 425px) {
  .matchup-top-teams__logo-container {
    top: 0;
    width: 90px;
    height: 90px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__logo-container {
    top: 0;
    width: 144px;
    height: 144px;
  }
}
.matchup-top-teams__team-logo {
  width: 80%;
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__team-logo {
    width: 70%;
  }
}
.matchup-top-teams__title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.matchup-top-teams__title1 {
  text-align: center;
  font-size: 11px;
  letter-spacing: -0.22px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: black 0.1em 0.1em 0.2em;
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__title1 {
    font-size: 17px;
    letter-spacing: -0.34px;
  }
}
.matchup-top-teams__title2 {
  text-align: center;
  font: normal normal bold 15px/26px Poppins;
  letter-spacing: -0.34px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: black 0.1em 0.1em 0.2em;
}
@media screen and (min-width: 375px) {
  .matchup-top-teams__title2 {
    font: normal normal bold 17px/26px Poppins;
    letter-spacing: -0.34px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__title2 {
    font: normal normal bold 29px/29px Poppins;
    letter-spacing: -0.58px;
  }
}
.matchup-top-teams__grid-container-links {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
}
.matchup-top-teams__grid-team-links {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: normal;
  text-align: center;
  flex-basis: 264px;
}
@media screen and (min-width: 375px) {
  .matchup-top-teams__grid-team-links {
    flex-basis: 120px;
  }
}
@media screen and (min-width: 425px) {
  .matchup-top-teams__grid-team-links {
    flex-basis: 144px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-top-teams__grid-team-links {
    flex-basis: 264px;
    font-size: 20px;
  }
}

.matchup-game-information__item {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 30px;
}
.matchup-game-information__column {
  width: 50%;
  height: 80px;
  padding: 0 15px 0 40px;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 500px) {
  .matchup-game-information__column {
    padding: 0 15px 0 70px;
  }
}
.matchup-game-information__column:nth-child(1) {
  background-color: #DBDBDB;
}
.matchup-game-information__column:nth-child(2) {
  background-color: #F3F3F3;
}
.matchup-game-information__logo {
  position: absolute;
  left: -5px;
  transform: scale(0.5);
  margin-right: 10px;
}
@media screen and (min-width: 500px) {
  .matchup-game-information__logo {
    transform: scale(1);
    left: 15px;
  }
}
.matchup-game-information__text {
  font: normal normal normal 12px/14px Poppins;
  letter-spacing: -0.24px;
  color: #2C2E32;
  margin-right: 10px;
}
@media screen and (min-width: 500px) {
  .matchup-game-information__text {
    font: normal normal normal 17px/17px Poppins;
    letter-spacing: -0.34px;
  }
}

/*here start  matchup odds bar slider module styles*/
.matchup-odds-bar-container {
  margin-bottom: 25px;
  display: none;
}

.matchup-odds-bar .swiper-wrapper {
  align-items: baseline;
}

.matchup-odds-bar {
  z-index: 0;
}
.matchup-odds-bar__item:first-child {
  width: 250px;
}
.matchup-odds-bar__item:last-child {
  width: 115px;
}
.matchup-odds-bar__item {
  position: relative;
  width: 64px;
  height: auto;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__item {
    width: 115px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1439px) {
  .matchup-odds-bar__item {
    width: 135px;
  }
}
@media screen and (min-width: 1800px) {
  .matchup-odds-bar__item {
    width: 110px;
  }
}
.matchup-odds-bar__teams div {
  height: 50px;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__teams div {
    height: 40px;
  }
}
.matchup-odds-bar__teams-title {
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #1F2024;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchup-odds-bar__teams-brand {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.matchup-odds-bar__teams-brand-logo {
  margin-right: 10px;
}
.matchup-odds-bar__teams-brand-text {
  font: normal normal 600 15px/20px Poppins;
  letter-spacing: -0.15px;
  color: #000000;
}
.matchup-odds-bar__scores div {
  height: 50px;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__scores div {
    height: 40px;
  }
}
.matchup-odds-bar__scores-title {
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchup-odds-bar__scores-button-data:nth-child(1) {
  color: #1F2024;
}
.matchup-odds-bar__scores-button-data:nth-child(2) {
  color: #9E852E;
}
.matchup-odds-bar__scores-button {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__scores-button {
    flex-direction: row;
  }
}
.matchup-odds-bar__consensus-title {
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #1F2024;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__consensus-title {
    height: 40px;
  }
}
.matchup-odds-bar__consensus-item {
  background-color: #F3F3F3;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchup-odds-bar__consensus-item {
    height: 100px;
  }
}
.matchup-odds-bar__consensus-logo {
  transform: scale(2);
  margin-bottom: 10px;
}
.matchup-odds-bar__consensus-data {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
}

/*here finish matchup odds bar slider module styles*/
.matchup-game-stats__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 112px;
  padding: 60px 15px;
}
.matchup-game-stats__title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 23px;
  letter-spacing: -0.44px;
  color: #2C2E32;
}
.matchup-game-stats__title-color {
  color: #9E852E;
}
.matchup-game-stats__graphic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchup-game-stats__graphic_percentage {
  position: relative;
}
.matchup-game-stats__graphic-data-container {
  width: 70%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.matchup-game-stats__graphic-data-1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.38px;
  color: #CCCCCC;
}
.matchup-game-stats__graphic-data-2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.66px;
  color: #012244;
}
@keyframes rellenar {
  to {
    stroke-dasharray: var(--porcentaje) 100;
  }
}
.matchup-game-stats circle {
  fill: none;
  stroke-width: 20;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #ABB4BA;
}
.matchup-game-stats circle:nth-child(2) { /* el segundo círculo, es el que se ve por encima del anterior y debe tener el color mas intenso y el area del porcentaje */
  stroke: var(--color);
  stroke-dasharray: 0 100;
  animation: rellenar 0.35s linear forwards;
}
.matchup-game-stats__scores-container {
  margin-bottom: 10px;
}
.matchup-game-stats__score {
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchup-game-stats__score:nth-child(2) {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: -0.82px;
}
@media screen and (min-width: 640px) {
  .matchup-game-stats__score:nth-child(2) {
    font-size: 41px;
    line-height: 49px;
  }
}
.matchup-game-stats__score:nth-child(3) {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: -0.82px;
}
@media screen and (min-width: 640px) {
  .matchup-game-stats__score:nth-child(3) {
    font-size: 41px;
    line-height: 49px;
  }
}

.matchup-consensus-pick__container {
  min-height: 300px;
  padding: 15px 0;
}
.matchup-consensus-pick__title {
  text-transform: uppercase;
  font: normal normal 600 20px/24px Poppins;
  letter-spacing: -0.4px;
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__title {
    font: normal normal 600 41px/30px Poppins;
    letter-spacing: -0.82px;
    color: #2C2E32;
    margin: 0;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1649px) {
  .matchup-consensus-pick__title {
    font: normal normal 600 35px/30px Poppins;
    letter-spacing: -0.82px;
  }
}
.matchup-consensus-pick__head-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__head-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.matchup-consensus-pick__tab:last-child {
  margin: 0;
}
.matchup-consensus-pick__tab {
  width: 128px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  background-color: white;
  border: 1px solid #2C2E32;
  margin-right: 15px;
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__tab {
    width: 144px;
    height: 64px;
  }
}
.matchup-consensus-pick__tab .consensus-pick-tab-logo {
  transform: scale(0.7);
}
.matchup-consensus-pick__tab .consensus-logo-white {
  display: none;
}
.matchup-consensus-pick__tab .consensus-logo-black {
  display: block;
}
.matchup-consensus-pick__tab.is-active {
  color: white;
  background-color: #2C2E32;
}
.matchup-consensus-pick__tab.is-active .consensus-logo-white {
  display: block;
}
.matchup-consensus-pick__tab.is-active .consensus-logo-black {
  display: none;
}
.matchup-consensus-pick__panels {
  border: none;
}
.matchup-consensus-pick__panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 200px;
}
@media screen and (min-width: 400px) {
  .matchup-consensus-pick__panel {
    height: 300px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__panel {
    height: 400px;
  }
}
.matchup-consensus-pick__graphic-container {
  height: 100%;
}
.matchup-consensus-pick__graphic-container-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.matchup-consensus-pick__sub-title {
  margin: 10px 0 0 0;
}
.matchup-consensus-pick__sub-title-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font: normal normal 600 14px/28px Poppins;
  letter-spacing: -0.28px;
  color: #919192;
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__sub-title-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.matchup-consensus-pick__graphic-container-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.matchup-consensus-pick__graphic-item {
  height: 100%;
  width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
@media screen and (min-width: 500px) {
  .matchup-consensus-pick__graphic-item {
    width: 50px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__graphic-item {
    width: 80px;
  }
}
.matchup-consensus-pick__graphic-item:nth-child(1) {
  margin-right: 15px;
}
.matchup-consensus-pick__graphic-bg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 15px;
  font: normal normal 600 9px/9px Poppins;
  letter-spacing: -0.24px;
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 375px) {
  .matchup-consensus-pick__graphic-bg {
    font: normal normal 600 12px/12px Poppins;
    letter-spacing: -0.24px;
  }
}
@media screen and (min-width: 640px) {
  .matchup-consensus-pick__graphic-bg {
    font: normal normal 600 27px/27px Poppins;
    letter-spacing: -0.54px;
  }
}

.matchup-trends__item {
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: 112px;
  padding: 0 15px;
}
.matchup-trends__logo {
  margin-right: 10px;
}
.matchup-trends__text {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}

.matchup-return-of-investment__item {
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 112px;
  flex-direction: column;
  padding: 30px 15px;
}
.matchup-return-of-investment__item:nth-child(1) .matchup-return-of-investment-widget-1 {
  width: 100%;
}
.matchup-return-of-investment__item:nth-child(2) .matchup-return-of-investment-widget-2 {
  width: 100%;
}
.matchup-return-of-investment__title-span {
  font: normal normal normal 29px/35px Poppins;
  letter-spacing: -0.82px;
  color: #CCCCCC;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .matchup-return-of-investment__title-span {
    font: normal normal normal 41px/27px Poppins;
  }
}

.matchup-stats__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 112px;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stats-records__title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stats-records__title {
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #9E852E;
  text-transform: uppercase;
}
.stats-records__tabs {
  justify-content: space-between;
}
.stats-records__tab {
  width: 88px;
  height: 32px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2C2E32;
  background-color: white;
  font: normal normal 600 15px/24px Poppins;
  letter-spacing: 0px;
}
.stats-records__tab.is-active {
  background: #2C2E32;
  color: #ffffff;
}
@media screen and (min-width: 500px) {
  .stats-records__tab {
    width: 120px;
  }
}
@media screen and (min-width: 640px) {
  .stats-records__tab {
    width: 70px;
  }
}
@media screen and (min-width: 900px) {
  .stats-records__tab {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .stats-records__tab {
    width: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .stats-records__tab {
    width: 120px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
  .stats-records__tab {
    width: 88px;
    height: 32px;
  }
}
@media screen and (min-width: 1800px) {
  .stats-records__tab {
    width: 120px;
  }
}
.stats-records__team-logos-container {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0 0;
}
.stats-records__team-logo-item {
  width: 70px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 500px) {
  .stats-records__team-logo-item {
    width: 120px;
  }
}
@media screen and (min-width: 640px) {
  .stats-records__team-logo-item {
    width: 70px;
  }
}
@media screen and (min-width: 900px) {
  .stats-records__team-logo-item {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .stats-records__team-logo-item {
    width: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .stats-records__team-logo-item {
    width: 120px;
  }
}
@media screen and (min-width: 1600px) {
  .stats-records__team-logo-item {
    width: 150px;
  }
}
@media screen and (min-width: 1800px) {
  .stats-records__team-logo-item {
    width: 120px;
  }
}
.stats-records__team-logo {
  transform: scale(1.5);
}
.stats-records__scores-container {
  border: 1px solid #F3F3F3;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.stats-records__scores-item {
  border: 1px solid #F3F3F3;
  width: 70px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 600 19px/15px Poppins;
  letter-spacing: 0px;
}
@media screen and (min-width: 500px) {
  .stats-records__scores-item {
    width: 120px;
  }
}
@media screen and (min-width: 640px) {
  .stats-records__scores-item {
    width: 70px;
  }
}
@media screen and (min-width: 900px) {
  .stats-records__scores-item {
    width: 120px;
  }
}
@media screen and (min-width: 960px) {
  .stats-records__scores-item {
    width: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .stats-records__scores-item {
    width: 120px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
  .stats-records__scores-item {
    width: 88px;
    height: 32px;
  }
}
@media screen and (min-width: 1800px) {
  .stats-records__scores-item {
    width: 120px;
  }
}
.stats-records__scores-item:nth-child(1) {
  position: absolute;
  background-color: #F3F3F3;
  left: -1em;
  color: #000000;
}
.stats-records__scores-item:nth-child(2) {
  border: none;
  color: #9E852E;
  text-transform: uppercase;
}
.stats-records__scores-item:nth-child(3) {
  position: absolute;
  background-color: #F3F3F3;
  right: -1em;
  color: #000000;
}
.stats-records__panels {
  border: none;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.stats-records__panels::-webkit-scrollbar {
  width: 0.5em;
}
.stats-records__panels::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.stats-records__panel {
  overflow: visible;
}

.head-to-head__title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.head-to-head__title {
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #9E852E;
  text-transform: uppercase;
}
.head-to-head__scores-container {
  padding: 0 0 15px 0;
  max-height: 500px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.head-to-head__scores-container::-webkit-scrollbar {
  width: 0.5em;
}
.head-to-head__scores-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.head-to-head__scores {
  margin-bottom: 15px;
}
.head-to-head__team-logos-container {
  display: flex;
  justify-content: space-between;
}
.head-to-head__team-logo-item {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.head-to-head__team-logo {
  transform: scale(1.5);
}
.head-to-head__scores {
  display: flex;
  justify-content: space-between;
}
.head-to-head__scores-item {
  display: flex;
  justify-content: space-between;
  align-items: end;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
}
.head-to-head__scores-item:nth-child(1) {
  width: 120px;
  display: flex;
  justify-content: center;
}
.head-to-head__scores-item:nth-child(2) {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.head-to-head__progresive-bar-title {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 15px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
}
.head-to-head__scores-item:nth-child(3) {
  width: 120px;
  display: flex;
  justify-content: center;
}
.head-to-head__progresive-bar-container {
  width: 100%;
  height: 8px;
  background-color: #DDDDDD;
  overflow: hidden;
}
.head-to-head__progresive-bar {
  background-color: #AAAAAA;
}

.team-ranked-stats__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.team-ranked-stats__tabs {
  justify-content: space-between;
}
.team-ranked-stats__tab {
  width: 80px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2C2E32;
  background-color: white;
  font: normal normal 600 15px/24px Poppins;
  letter-spacing: 0px;
  text-transform: uppercase;
}
@media screen and (min-width: 450px) {
  .team-ranked-stats__tab {
    width: 120px;
    height: 40px;
  }
}
@media screen and (min-width: 640px) {
  .team-ranked-stats__tab {
    width: 100px;
    height: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .team-ranked-stats__tab {
    width: 80px;
    height: 32px;
  }
}
@media screen and (min-width: 1800px) {
  .team-ranked-stats__tab {
    width: 120px;
    height: 40px;
  }
}
.team-ranked-stats__tab.is-active {
  background: #2C2E32;
  color: #ffffff;
}
.team-ranked-stats__tab:nth-child(1) {
  border: none;
}
.team-ranked-stats__team-logo {
  transform: scale(2);
}
.team-ranked-stats__title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  margin: 20px 0 10px 0;
  padding-bottom: 10px;
  padding-right: 7px;
}
.team-ranked-stats__title-item {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #2C2E32;
  text-transform: uppercase;
}
.team-ranked-stats__title-item:nth-child(1) {
  width: calc(100% - 200px);
}
.team-ranked-stats__title-item:nth-child(2) {
  flex-basis: 100px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-ranked-stats__title-item:nth-child(3) {
  flex-basis: 100px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-ranked-stats__panels {
  padding: 0 0 15px 0;
  border: none;
}
.team-ranked-stats__panel {
  padding: 0;
}
.team-ranked-stats__score-container {
  display: flex;
  margin-bottom: 15px;
}
.team-ranked-stats__score-item {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #2C2E32;
  text-transform: capitalize;
}
.team-ranked-stats__score-item:nth-child(1) {
  width: calc(100% - 200px);
}
.team-ranked-stats__score-item:nth-child(2) {
  flex-basis: 100px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-ranked-stats__score-item:nth-child(3) {
  flex-basis: 100px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.matchup-team-standings__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: 500px;
  padding: 15px;
}
.matchup-team-standings__component {
  width: 100%;
}
.matchup-team-standings__title {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.matchup-team-standings__title-logo {
  position: absolute;
  transform: scale(1.2);
  left: 15px;
}
@media screen and (min-width: 640px) {
  .matchup-team-standings__title-logo {
    transform: scale(2);
  }
}
.matchup-team-standings__title-head {
  text-align: center;
  font: normal normal 600 16px/18px Poppins;
  letter-spacing: -0.44px;
  color: #9E852E;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 640px) {
  .matchup-team-standings__title-head {
    font: normal normal 600 22px/23px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .matchup-team-standings__title-head {
    font: normal normal 600 16px/18px Poppins;
  }
}
.matchup-team-standings__grid-head {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.matchup-team-standings__grid-head-item {
  font-family: Poppins;
  font-style: normal;
  font-weight: medium;
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.matchup-team-standings__grid-scores-container {
  padding: 0 0 15px 0;
  height: 400px;
  overflow-y: scroll;
}
.matchup-team-standings__grid-scores-container::-webkit-scrollbar {
  width: 6px;
}
.matchup-team-standings__grid-scores-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.matchup-team-standings__grid-scores-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.matchup-team-standings__grid-team-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0px;
  color: #000000;
}

.matchup-injuries__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: 500px;
  padding: 15px;
}
.matchup-injuries__component {
  width: 100%;
}
.matchup-injuries__title {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.matchup-injuries__title-logo {
  position: absolute;
  transform: scale(2);
  left: 15px;
}
.matchup-injuries__title-head {
  text-align: center;
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
}
.matchup-injuries__grid-head {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.matchup-injuries__grid-head-item {
  font-family: Poppins;
  font-style: normal;
  font-weight: medium;
  font-size: 9px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.matchup-injuries__grid-scores-container {
  padding: 0 0 15px 0;
  height: 400px;
  overflow-y: scroll;
}
.matchup-injuries__grid-scores-container::-webkit-scrollbar {
  width: 6px;
}
.matchup-injuries__grid-scores-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.matchup-injuries__grid-scores-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.matchup-injuries__grid-team {
  display: flex;
  justify-content: space-between;
}
.matchup-injuries__grid-team-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 10px;
}
.matchup-injuries__grid-team-left-data-container {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.matchup-injuries__grid-team-left-data:nth-child(1) {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 5px;
}
.matchup-injuries__grid-team-left-data:nth-child(2) {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #919192;
}
.matchup-injuries__grid-team-right-data-container {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.matchup-injuries__grid-team-right-data:nth-child(1) {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #9E852E;
  margin-bottom: 5px;
  display: block;
  text-align: right;
}
.matchup-injuries__grid-team-right-data:nth-child(2) {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #919192;
  display: block;
  text-align: right;
}

.matchup-team-scores {
  /*score team container*/
}
.matchup-team-scores__item {
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 112px;
  padding: 0 15px;
}
.matchup-team-scores__title-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.matchup-team-scores__top-title {
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
  color: #1F2024;
  text-transform: uppercase;
}
.matchup-team-scores__score-container {
  padding: 5px 0;
}
.matchup-team-scores__score-title-container {
  display: flex;
  justify-content: flex-end;
}
.matchup-team-scores__score-title-brand {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchup-team-scores__score-title-brand {
    width: calc(100% - 500px);
    justify-content: flex-start;
    padding-left: 30px;
  }
}
.matchup-team-scores__score-title {
  text-transform: uppercase;
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  width: 20%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchup-team-scores__score-title {
    flex-basis: 100px;
    flex-grow: 0;
  }
}
.matchup-team-scores__team-logo {
  transform: scale(2);
  margin-right: 30px;
}
.matchup-team-scores__team-name {
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: none;
}
@media screen and (min-width: 800px) {
  .matchup-team-scores__team-name {
    display: block;
    font: normal normal 600 16px/23px Poppins;
  }
}
@media screen and (min-width: 900px) {
  .matchup-team-scores__team-name {
    font: normal normal 600 22px/23px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1124px) {
  .matchup-team-scores__team-name {
    display: none;
  }
}
@media screen and (min-width: 1125px) {
  .matchup-team-scores__team-name {
    font: normal normal 600 16px/23px Poppins;
  }
}
@media screen and (min-width: 1280px) {
  .matchup-team-scores__team-name {
    font: normal normal 600 22px/23px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
  .matchup-team-scores__team-name {
    display: none;
  }
}
@media screen and (min-width: 1800px) {
  .matchup-team-scores__team-name {
    font: normal normal 600 22px/23px Poppins;
  }
}
.matchup-team-scores__team-name-color {
  color: #9E852E;
}
.matchup-team-scores__score-teams {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 0;
}
.matchup-team-scores__score-team-container {
  display: flex;
  justify-content: flex-end;
}
.matchup-team-scores__score-team-brand {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchup-team-scores__score-team-brand {
    width: calc(100% - 500px);
    justify-content: flex-start;
    padding-left: 30px;
  }
}
.matchup-team-scores__score-team {
  text-transform: uppercase;
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  width: 20%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchup-team-scores__score-team {
    flex-basis: 100px;
    flex-grow: 0;
  }
}
.matchup-team-scores__score-team:last-child {
  background-color: #F3F3F3;
  font-weight: bold;
}
.matchup-team-scores__leaders-title {
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #CCCCCC;
  margin: 15px 0;
}
.matchup-team-scores__leaders-player {
  display: flex;
  margin-bottom: 10px;
}
.matchup-team-scores__leaders-player-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 60px;
  flex-grow: 0;
}
.matchup-team-scores__leaders-player-info {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
}
.matchup-team-scores__leaders-player-info-item {
  margin-bottom: 5px;
}
.matchup-team-scores__leaders-player-info-item:nth-child(1) {
  font: normal normal normal 12px/12px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
.matchup-team-scores__leaders-player-info-item:nth-child(2) {
  font: normal normal 600 12px/12px Poppins;
  letter-spacing: 0px;
  color: #000000;
}
.matchup-team-scores__leaders-player-info-item:nth-child(3) {
  font: normal normal normal 12px/12px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
}
.matchup-team-scores__leaders-player-info-item-sub {
  font: normal normal normal 12px/12px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}

.matchup-trends__item {
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: 112px;
  padding: 0 15px;
}
.matchup-trends__logo {
  margin-right: 10px;
}
.matchup-trends__text {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}

.ufc-fighters-list__title-head {
  font: normal normal 600 36px/43px Poppins;
  letter-spacing: -0.72px;
  color: #1F2024;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__title-head {
    font: normal normal 600 51px/56px Poppins;
    letter-spacing: -0.66px;
  }
}
.ufc-fighters-list__description {
  font: normal normal 600 12px/17px Poppins;
  letter-spacing: -0.24px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__description {
    font: normal normal 600 19px/27px Poppins;
    letter-spacing: -0.38px;
  }
}
.ufc-fighters-list__item {
  border: 1px solid #E0E0E0;
  min-height: 232px;
  border-radius: 8px;
  position: relative;
  padding-top: 90px;
  padding: 90px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__item {
    padding: 115px 15px 15px 15px;
    min-height: 312px;
    border-radius: 16px;
  }
}
.ufc-fighters-list__picture {
  width: 104px;
  height: 104px;
  background-color: #E6E6E6;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px 32px 8px 32px;
  transition: all 0.5s;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__picture {
    width: 136px;
    height: 136px;
  }
}
.ufc-fighters-list__picture:hover {
  background-color: #DFCD90;
  border-radius: 0;
}
.ufc-fighters-list__avatar {
  transition: all 0.5s;
}
.ufc-fighters-list__avatar:hover {
  transform: scale(1.1);
}
.ufc-fighters-list__nick-name {
  display: block;
  text-align: center;
  font: normal normal normal 11px/12px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  margin-bottom: 5px;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__nick-name {
    font: normal normal normal 13px/12px Poppins;
  }
}
.ufc-fighters-list__name {
  display: block;
  text-align: center;
  font: normal normal normal 14px/18px Poppins;
  letter-spacing: -0.18px;
  color: #9E852E;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__name {
    font: normal normal normal 13px/12px Poppins;
    letter-spacing: 0px;
  }
}
.ufc-fighters-list__last-name {
  display: block;
  text-align: center;
  font: normal normal bold 14px/18px Poppins;
  letter-spacing: -0.18px;
  color: #2C2E32;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__last-name {
    font: normal normal bold 19px/21px Poppins;
    letter-spacing: -0.25px;
  }
}
.ufc-fighters-list__category, .ufc-fighters-list__record {
  display: block;
  text-align: center;
  font: normal normal medium 10px/14px Poppins;
  letter-spacing: -0.2px;
  color: #2C2E32;
}
.ufc-fighters-list__record {
  margin-bottom: 15px;
}
.ufc-fighters-list__profile {
  background-color: #99853D;
  width: 104px;
  height: 32px;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  text-decoration: none;
}
.ufc-fighters-list__grid {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.ufc-fighters-list__item {
  flex: 0 1 100%;
  margin-bottom: 50px;
}
@media screen and (min-width: 375px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(50% - 15px);
  }
}
@media screen and (min-width: 600px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 900px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(25% - 15px);
  }
}
@media screen and (min-width: 960px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 1200px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(25% - 15px);
  }
}
@media screen and (min-width: 1600px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 1800px) {
  .ufc-fighters-list__item {
    flex: 0 1 calc(25% - 15px);
  }
}
.ufc-fighters-list__button-expand-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ufc-fighters-list__button-expand {
  background: white;
  border: 1px solid #99853D;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #99853D;
  text-transform: uppercase;
  width: 104px;
  height: 32px;
  cursor: pointer;
}
.ufc-fighters-list__select-item {
  position: relative;
  background-color: #F3F3F3;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  border: none;
  -webkit-appearance: none; /* Para navegadores WebKit como Chrome y Safari */
  -moz-appearance: none; /* Para navegadores basados en Gecko como Firefox */
  appearance: none; /* Resto de los navegadores */
  background-image: url("core-assets/images/triangle-bottom.svg"); /* URL de tu archivo SVG */
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center; /* Puedes ajustar esto para alinear el triángulo como desees */
}
.ufc-fighters-list__select-item:focus-visible {
  outline: none;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
@media screen and (min-width: 1600px) {
  .ufc-fighters-list__select-item {
    font: normal normal 600 17px/28px Poppins;
    letter-spacing: -0.34px;
  }
}
@media screen and (min-width: 1800px) {
  .ufc-fighters-list__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.ufc-fighters-list__select-item::-ms-expand {
  display: none; /*Evita que se muestre la flecha por defecto en versiones de IE*/
}
.ufc-fighters-list__select-item-option {
  background-color: #2C2E32;
  color: #F3F3F3;
  padding: 10px;
  border-radius: 4px;
  font: normal normal normal 17px/31px Poppins;
  letter-spacing: 0px;
  width: 100%;
}
.ufc-fighters-list__input-search-section {
  display: flex;
  justify-content: space-between;
}
.ufc-fighters-list__input-search-item {
  padding: 0 15px;
  width: 100%;
  border: 4px solid #CCCCCC;
  height: 48px;
  margin-right: 10px;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__input-search-item {
    height: 56px;
  }
}
.ufc-fighters-list__button-search-item {
  background-color: #9E852E;
  font: normal normal 600 14px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 0px 3px 3px 0px;
  border: none;
  width: 104px;
  height: 48px;
}
@media screen and (min-width: 640px) {
  .ufc-fighters-list__button-search-item {
    font: normal normal 600 17px/24px Poppins;
    width: 128px;
    height: 56px;
  }
}
.ufc-fighters-list__button-search-item::placeholder {
  font: normal normal normal 12px/26px Poppins;
  letter-spacing: 0px;
  color: #000000;
}
.ufc-fighters-list select:focus-visible {
  border: none;
}

.teams-page__title-head {
  font: normal normal 600 36px/43px Poppins;
  letter-spacing: -0.72px;
  color: #1F2024;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .teams-page__title-head {
    font: normal normal 600 51px/56px Poppins;
    letter-spacing: -0.66px;
  }
}
.teams-page__description {
  font: normal normal 600 12px/17px Poppins;
  letter-spacing: -0.24px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .teams-page__description {
    font: normal normal 600 19px/27px Poppins;
    letter-spacing: -0.38px;
  }
}
.teams-page__item {
  border: 1px solid #E0E0E0;
  min-height: 184px;
  border-radius: 8px;
  position: relative;
  padding-top: 90px;
  padding: 90px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  background-image: url("core-assets/images/bg_grid.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-blend-mode: multiply;
}
@media screen and (min-width: 640px) {
  .teams-page__item {
    padding: 115px 15px 15px 15px;
    min-height: 232px;
    border-radius: 16px;
  }
}
.teams-page__picture {
  width: 104px;
  height: 104px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all 0.5s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #E3E2E2;
}
@media screen and (min-width: 640px) {
  .teams-page__picture {
    width: 115px;
    height: 115px;
  }
}
.teams-page__picture:hover {
  border-radius: 8px;
}
.teams-page__home-team, .teams-page__visit-team {
  text-align: center;
  font: normal normal medium 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: black 0.1em 0.1em 0.2em;
}
.teams-page__grid {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.teams-page__item {
  flex: 0 1 100%;
  margin-bottom: 50px;
}
@media screen and (min-width: 375px) {
  .teams-page__item {
    flex: 0 1 calc(50% - 15px);
  }
}
@media screen and (min-width: 600px) {
  .teams-page__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 900px) {
  .teams-page__item {
    flex: 0 1 calc(25% - 15px);
  }
}
@media screen and (min-width: 960px) {
  .teams-page__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 1200px) {
  .teams-page__item {
    flex: 0 1 calc(25% - 15px);
  }
}
@media screen and (min-width: 1600px) {
  .teams-page__item {
    flex: 0 1 calc(33.333333% - 15px);
  }
}
@media screen and (min-width: 1800px) {
  .teams-page__item {
    flex: 0 1 calc(25% - 15px);
  }
}
@media screen and (min-width: 1900px) {
  .teams-page__item {
    flex: 0 1 calc(20% - 15px);
  }
}
.teams-page__button-expand-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.teams-page__button-expand {
  background: white;
  border: 1px solid #99853D;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #99853D;
  text-transform: uppercase;
  width: 104px;
  height: 32px;
  cursor: pointer;
}
.teams-page__select-item {
  position: relative;
  background-color: #F3F3F3;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  border: none;
  -webkit-appearance: none; /* Para navegadores WebKit como Chrome y Safari */
  -moz-appearance: none; /* Para navegadores basados en Gecko como Firefox */
  appearance: none; /* Resto de los navegadores */
  background-image: url("core-assets/images/triangle-bottom.svg"); /* URL de tu archivo SVG */
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center; /* Puedes ajustar esto para alinear el triángulo como desees */
}
.teams-page__select-item:focus-visible {
  outline: none;
}
@media screen and (min-width: 640px) {
  .teams-page__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.teams-page__select-item::-ms-expand {
  display: none; /*Evita que se muestre la flecha por defecto en versiones de IE*/
}
.teams-page__select-item-option {
  background-color: #2C2E32;
  color: #F3F3F3;
  padding: 10px;
  border-radius: 4px;
  font: normal normal normal 17px/31px Poppins;
  letter-spacing: 0px;
  width: 100%;
}
.teams-page__input-search-section {
  display: flex;
  justify-content: space-between;
}
.teams-page__input-search-item {
  padding: 0 15px;
  width: 100%;
  border: 4px solid #CCCCCC;
  height: 48px;
  margin-right: 10px;
}
@media screen and (min-width: 640px) {
  .teams-page__input-search-item {
    height: 56px;
  }
}
.teams-page__button-search-item {
  background-color: #9E852E;
  font: normal normal 600 14px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 0px 3px 3px 0px;
  border: none;
  width: 104px;
  height: 48px;
}
@media screen and (min-width: 640px) {
  .teams-page__button-search-item {
    font: normal normal 600 17px/24px Poppins;
    width: 128px;
    height: 56px;
  }
}
.teams-page__button-search-item::placeholder {
  font: normal normal normal 12px/26px Poppins;
  letter-spacing: 0px;
  color: #000000;
}
.teams-page select:focus-visible {
  border: none;
}

.team-top-banner {
  background-color: #F3F3F3;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .team-top-banner {
    min-height: 400px;
    border-bottom: 8px solid #9E852E;
  }
}
.team-top-banner__container {
  padding-top: 30px;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .team-top-banner__container {
    max-width: 90%;
    padding-left: 300px;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1649px) {
  .team-top-banner__container {
    max-width: 95%;
  }
}
.team-top-banner__container-item:nth-child(1), .team-top-banner__container-item:nth-child(3) {
  width: 100%;
}
.team-top-banner__container-item:nth-child(1) {
  background-color: #F3F3F3;
  width: 100%;
  margin-bottom: 100px;
}
@media screen and (min-width: 640px) {
  .team-top-banner__container-item:nth-child(1) {
    min-height: 107px;
    margin-bottom: 30px;
  }
}
.team-top-banner__container-item:nth-child(2) {
  position: relative;
  width: 264px;
  height: 296px;
  border-radius: 16px 16px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("core-assets/images/bg_grid.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-blend-mode: multiply;
  background-size: 65%;
}
@media screen and (min-width: 640px) {
  .team-top-banner__container-item:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.team-top-banner__picture {
  width: 152px;
  height: 152px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all 0.5s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #E3E2E2;
}
.team-top-banner__avatar {
  transform: scale(1.5);
}
.team-top-banner__team-card-title-score, .team-top-banner__team-card-title-data {
  color: white;
  text-shadow: black 0.1em 0.1em 0.2em;
  text-transform: uppercase;
}
.team-top-banner__team-card-title-score {
  font: normal normal medium 17px/17px Poppins;
  letter-spacing: -0.34px;
  display: block;
  text-align: center;
}
.team-top-banner__team-card-title-data {
  font: normal normal bold 27px/27px Poppins;
  letter-spacing: -0.54px;
}
.team-top-banner__title-league, .team-top-banner__title-first-name, .team-top-banner__title-second-name {
  display: block;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .team-top-banner__title-league, .team-top-banner__title-first-name, .team-top-banner__title-second-name {
    text-align: left;
  }
}
.team-top-banner__title-league {
  font: normal normal normal 20px/22px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 640px) {
  .team-top-banner__title-league {
    font: normal normal normal 23px/23px Poppins;
  }
}
.team-top-banner__title-first-name {
  font: normal normal normal 34px/37px Poppins;
  letter-spacing: -0.53px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .team-top-banner__title-first-name {
    font: normal normal normal 41px/45px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1649px) {
  .team-top-banner__title-first-name {
    font: normal normal normal 34px/37px Poppins;
  }
}
.team-top-banner__title-second-name {
  font: normal normal bold 34px/37px Poppins;
  letter-spacing: -0.53px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .team-top-banner__title-second-name {
    font: normal normal bold 41px/45px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1649px) {
  .team-top-banner__title-second-name {
    font: normal normal bold 34px/37px Poppins;
  }
}
.team-top-banner__container-item:nth-child(3) {
  background-color: white;
  border-top: 8px solid #9E852E;
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .team-top-banner__container-item:nth-child(3) {
    min-height: 164px;
  }
}
.team-top-banner__bg-item {
  height: 8px;
}
.team-top-banner__bg-container {
  margin-bottom: 10px;
}
.team-top-banner__bg-item:nth-child(1) {
  background-color: #dfdfdf;
}
.team-top-banner__bg-item:nth-child(2) {
  background-color: #efefef;
}
.team-top-banner__bg-item:nth-child(3) {
  background-color: #dfdfdf;
}
.team-top-banner__row {
  margin-bottom: 1px;
}
.team-top-banner__row > div {
  padding-left: 0;
}
.team-top-banner__row:nth-child(2) div {
  font: normal normal normal 10px/26px Poppins;
  letter-spacing: 0px;
  color: #BEA037;
}
@media screen and (min-width: 640px) {
  .team-top-banner__row:nth-child(2) div {
    font: normal normal normal 10px/26px Poppins;
  }
}
.team-top-banner__row:nth-child(3) div {
  font: normal normal 600 15px/17px Poppins;
  letter-spacing: -0.3px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .team-top-banner__row:nth-child(3) div {
    font: normal normal 600 15px/17px Poppins;
  }
}
.team-top-banner__row:nth-child(4) div {
  font: normal normal normal 10px/26px Poppins;
  letter-spacing: 0px;
  color: #BEA037;
}
@media screen and (min-width: 640px) {
  .team-top-banner__row:nth-child(4) div {
    font: normal normal normal 10px/26px Poppins;
  }
}
.team-top-banner__row:nth-child(5) div {
  font: normal normal normal 10px/14px Poppins;
  letter-spacing: -0.2px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .team-top-banner__row:nth-child(5) div {
    font: normal normal normal 12px/17px Poppins;
  }
}

.team-grid-news__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .team-grid-news__item {
    min-height: 128px;
  }
}

.team-grid-left-news {
  width: 100%;
  display: flex;
  align-items: center;
}
.team-grid-left-news__item:nth-child(1) {
  display: flex;
  flex-basis: 120px;
  flex-grow: 0;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 0) and (max-width: 639px) {
  .team-grid-left-news__item:nth-child(1) {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  .team-grid-left-news__item:nth-child(1) {
    justify-content: center;
  }
}
@media screen and (min-width: 1700px) {
  .team-grid-left-news__item:nth-child(1) {
    justify-content: flex-end;
  }
}
.team-grid-left-news__item:nth-child(2) {
  padding: 0 15px;
  width: calc(100% - 120px);
  align-items: center;
}
@media screen and (min-width: 0) and (max-width: 639px) {
  .team-grid-left-news__item:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.team-grid-left-news__title, .team-grid-left-news__anchor {
  text-transform: uppercase;
}
.team-grid-left-news__title {
  display: flex;
  font: normal normal 600 12px/23px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  padding-right: 5px;
}
@media screen and (min-width: 375px) {
  .team-grid-left-news__title {
    font: normal normal 600 17px/23px Poppins;
  }
}
@media screen and (min-width: 500px) {
  .team-grid-left-news__title {
    font: normal normal 600 22px/23px Poppins;
    padding-right: 0;
  }
}
@media screen and (min-width: 640px) {
  .team-grid-left-news__title {
    font: normal normal 600 22px/23px Poppins;
    letter-spacing: -0.44px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1600px) {
  .team-grid-left-news__title {
    font: normal normal 600 17px/23px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .team-grid-left-news__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.team-grid-left-news__title-color {
  color: #9E852E;
}
.team-grid-left-news__anchor {
  width: 96px;
  height: 32px;
  background-color: #99853D;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font: normal normal 600 12px/24px Poppins;
}
@media screen and (min-width: 500px) {
  .team-grid-left-news__anchor {
    font: normal normal 600 13px/24px Poppins;
    width: 104px;
    height: 32px;
  }
}
@media screen and (min-width: 640px) {
  .team-grid-left-news__anchor {
    margin: 0 auto;
  }
}

.team-grid-right-news {
  width: 100%;
  padding: 0 15px;
  display: flex;
}
@media screen and (min-width: 640px) {
  .team-grid-right-news {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1600px) {
  .team-grid-right-news {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1700px) {
  .team-grid-right-news {
    padding: 0 30px;
  }
}
.team-grid-right-news__text-info {
  width: calc(100% - 110px);
  padding-right: 5px;
}
.team-grid-right-news__anchor-container {
  flex-basis: 110px;
  flex-grow: 0;
  display: flex;
  align-items: center;
}
.team-grid-right-news__text-title, .team-grid-right-news__text-teams, .team-grid-right-news__text-date {
  display: block;
  margin-bottom: 5px;
}
.team-grid-right-news__text-date {
  margin-bottom: 0;
}
.team-grid-right-news__text-title {
  font: normal normal medium 12px/14px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 500px) {
  .team-grid-right-news__text-title {
    font: normal normal medium 15px/14px Poppins;
  }
}
.team-grid-right-news__text-teams {
  font: normal normal bold 14px/20px Poppins;
  letter-spacing: -0.49px;
  color: #2C2E32;
}
@media screen and (min-width: 500px) {
  .team-grid-right-news__text-teams {
    font: normal normal bold 23px/20px Poppins;
  }
}
.team-grid-right-news__text-date {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: -0.42px;
  color: #2C2E32;
}
@media screen and (min-width: 500px) {
  .team-grid-right-news__text-date {
    font: normal normal normal 15px/18px Poppins;
  }
}
.team-grid-right-news__anchor-container {
  display: flex;
  justify-content: flex-end;
}
.team-grid-right-news__anchor {
  width: 96px;
  height: 32px;
  background-color: #99853D;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font: normal normal 600 12px/24px Poppins;
}
@media screen and (min-width: 500px) {
  .team-grid-right-news__anchor {
    font: normal normal 600 13px/24px Poppins;
    width: 104px;
    height: 32px;
  }
}
@media screen and (min-width: 640px) {
  .team-grid-right-news__anchor {
    margin: 0 auto;
  }
}
.team-grid-right-news__text-vrs {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: -0.49px;
  color: #2C2E32;
}
@media screen and (min-width: 500px) {
  .team-grid-right-news__text-vrs {
    font: normal normal normal 23px/20px Poppins;
    letter-spacing: -0.81px;
  }
}

.team-trend__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: 96px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .team-trend__item {
    height: 120px;
  }
}
.team-trend__logo {
  margin-right: 10px;
}
.team-trend__text {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .team-trend__text {
    font: normal normal normal 17px/27px Poppins;
    letter-spacing: 0px;
  }
}

.team-full-widget__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 96px;
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .team-full-widget__item {
    min-height: 120px;
  }
}

.team-highlights__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  height: auto;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 640px) {
  .team-highlights__item {
    padding: 15px 15px 15px 260px;
    height: 250px;
  }
}
.team-highlights__logo {
  width: 152px;
  height: 152px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .team-highlights__logo {
    position: absolute;
    left: 35px;
    width: 190px;
    height: 190px;
  }
}
.team-highlights__text1, .team-highlights__text2, .team-highlights__text3 {
  display: block;
}
.team-highlights__text1 {
  font: normal normal 600 20px/22px Poppins;
  letter-spacing: -0.4px;
  color: #9E852E;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .team-highlights__text1 {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
    color: #2C2E32;
    text-align: left;
  }
}
.team-highlights__text2 {
  font: normal normal 600 17px/12px Poppins;
  letter-spacing: -0.17px;
  color: #9E852E;
  text-transform: uppercase;
  margin: 5px 0;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .team-highlights__text2 {
    text-align: left;
  }
}
.team-highlights__text3 {
  font: normal normal 600 12px/17px Poppins;
  letter-spacing: -0.3px;
  color: #2C2E32;
  display: block;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  padding-top: 5px;
}
@media screen and (min-width: 640px) {
  .team-highlights__text3 {
    font: normal normal 600 15px/27px Poppins;
    text-align: left;
  }
}

.team-all-time-records__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  min-height: 96px;
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .team-all-time-records__item {
    min-height: 120px;
  }
}
.team-all-time-records__title {
  font: normal normal 600 17px/23px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.team-all-time-records__title-color {
  color: #9E852E;
}
.team-all-time-records__player_item {
  display: flex;
  flex-direction: column;
}
.team-all-time-records__avatar-container {
  background-color: #E6E6E6;
  border-radius: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.team-all-time-records__player_name {
  display: block;
  text-align: center;
  margin: 5px 0;
  font: normal normal normal 10px/11px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}
.team-all-time-records__player_score {
  display: block;
  text-align: center;
  font: normal normal bold 14px/27px Poppins;
  letter-spacing: -0.28px;
  color: #2C2E32;
  border-top: 1px solid #9E852E;
}

.fighter-top_banner__white-container {
  position: relative;
  overflow: hidden;
  height: 650px;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__white-container {
    height: auto;
  }
}
.fighter-top_banner__statistics {
  position: absolute;
  width: 140px;
  display: flex;
  bottom: 30px;
  left: 0;
  z-index: 500;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__statistics {
    top: 30px;
    width: 170px;
    left: 15px;
  }
}
.fighter-top_banner__statistics-item {
  background-color: white;
  flex: 1;
  width: calc(50% - 10px);
  margin-right: 10px;
  min-height: 100px;
  border: 1px solid #99853D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__statistics-item {
    height: 120px;
    padding: 15px;
  }
}
.fighter-top_banner__statistics-item:last-child {
  margin-right: 0;
}
.fighter-top_banner__statistics-data-1 {
  width: 100%;
  font: normal normal 600 34px/41px Poppins;
  letter-spacing: -0.44px;
  letter-spacing: -0.53px;
  color: #2C2E32;
  display: block;
  text-align: center;
  border-bottom: 4px solid #99853D;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__statistics-data-1 {
    font: normal normal 600 41px/41px Poppins;
    letter-spacing: -0.53px;
  }
}
.fighter-top_banner__statistics-data-2 {
  width: 100%;
  font: normal normal normal 8px/10px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
  display: block;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__statistics-data-2 {
    font: normal normal normal 10px/10px Poppins;
    letter-spacing: -0.2px;
  }
}
.fighter-top_banner__gray-container {
  overflow: hidden;
  background-color: #F3F3F3;
  border-radius: 8px 8px 0px 0px;
  min-height: 464px;
  background-image: url("core-assets/images/fighter-bkg-sm.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__gray-container {
    min-height: 600px;
    background-image: url("core-assets/images/fighter-bkg-xl.svg");
    background-repeat: no-repeat;
    background-position: bottom 0 left 10px;
    background-size: contain;
  }
}
.fighter-top_banner__gray-container::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 185px;
  height: 8px;
  background-color: #99853D;
  z-index: 500;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__gray-container::after {
    bottom: 0;
  }
}
.fighter-top_banner__fighter-image {
  position: absolute;
  bottom: 185px;
  left: -20px;
  width: 200px;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__fighter-image {
    left: 50px;
    width: 300px;
    bottom: 0;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__fighter-image {
    left: 50px;
    width: 300px;
    bottom: 0;
  }
}
@media screen and (min-width: 1800px) {
  .fighter-top_banner__fighter-image {
    left: 100px;
    width: 344px;
  }
}
.fighter-top_banner__fighter-info {
  width: 100%;
  max-width: 432px;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__fighter-info {
    position: absolute;
    right: 15px;
    top: 100px;
    max-width: 350px;
  }
}
@media screen and (min-width: 950px) {
  .fighter-top_banner__fighter-info {
    max-width: 450px;
  }
}
@media screen and (min-width: 960px) {
  .fighter-top_banner__fighter-info {
    max-width: 270px;
  }
}
@media screen and (min-width: 1280px) {
  .fighter-top_banner__fighter-info {
    max-width: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .fighter-top_banner__fighter-info {
    max-width: 450px;
  }
}
@media screen and (min-width: 1280px) {
  .fighter-top_banner__fighter-info {
    max-width: 400px;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__fighter-info {
    max-width: 270px;
  }
}
@media screen and (min-width: 1700px) {
  .fighter-top_banner__fighter-info {
    max-width: 370px;
  }
}
@media screen and (min-width: 1900px) {
  .fighter-top_banner__fighter-info {
    max-width: 432px;
    right: 30px;
  }
}
.fighter-top_banner__fighter-info > span {
  display: block;
}
.fighter-top_banner__nick-name {
  padding-top: 15px;
  font: normal normal normal 20px/22px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  display: block;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__nick-name {
    text-align: left;
    font: normal normal normal 23px/23px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fighter-top_banner__nick-name {
    font: normal normal normal 20px/22px Poppins;
  }
}
@media screen and (min-width: 1200px) {
  .fighter-top_banner__nick-name {
    font: normal normal normal 23px/23px Poppins;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__nick-name {
    font: normal normal normal 20px/22px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .fighter-top_banner__nick-name {
    font: normal normal normal 23px/23px Poppins;
  }
}
.fighter-top_banner__name {
  font: normal normal normal 34px/37px Poppins;
  letter-spacing: -0.53px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__name {
    text-align: left;
    font: normal normal normal 41px/45px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fighter-top_banner__name {
    font: normal normal normal 34px/37px Poppins;
  }
}
@media screen and (min-width: 1200px) {
  .fighter-top_banner__name {
    font: normal normal normal 41px/45px Poppins;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__name {
    font: normal normal normal 34px/37px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .fighter-top_banner__name {
    font: normal normal normal 41px/45px Poppins;
  }
}
.fighter-top_banner__last-name {
  font: normal normal bold 34px/37px Poppins;
  letter-spacing: -0.53px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__last-name {
    text-align: left;
    font: normal normal bold 41px/45px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fighter-top_banner__last-name {
    font: normal normal bold 34px/37px Poppins;
  }
}
@media screen and (min-width: 1200px) {
  .fighter-top_banner__last-name {
    font: normal normal bold 41px/45px Poppins;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__last-name {
    font: normal normal bold 34px/37px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .fighter-top_banner__last-name {
    font: normal normal bold 41px/45px Poppins;
  }
}
.fighter-top_banner__category {
  font: normal normal medium 14px/22px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  display: block;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__category {
    text-align: left;
    font: normal normal medium 17px/26px Poppins;
  }
}
.fighter-top_banner__record {
  font: normal normal medium 14px/22px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  display: block;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__record {
    text-align: left;
    font: normal normal medium 17px/26px Poppins;
  }
}
.fighter-top_banner__main-table {
  padding: 15px;
  background-color: white;
  border-top: 8px solid #99853D;
  position: absolute;
  width: 100%;
  max-width: 150px;
  min-height: 450px;
  right: 15px;
  bottom: 30px;
  z-index: 700;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
}
@media screen and (min-width: 500px) {
  .fighter-top_banner__main-table {
    max-width: 250px;
  }
}
@media screen and (min-width: 600px) {
  .fighter-top_banner__main-table {
    max-width: 350px;
  }
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__main-table {
    bottom: 0;
    max-width: 350px;
    min-height: 288px;
    z-index: 500;
  }
}
@media screen and (min-width: 950px) {
  .fighter-top_banner__main-table {
    max-width: 450px;
  }
}
@media screen and (min-width: 960px) {
  .fighter-top_banner__main-table {
    max-width: 270px;
  }
}
@media screen and (min-width: 1280px) {
  .fighter-top_banner__main-table {
    max-width: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .fighter-top_banner__main-table {
    max-width: 450px;
  }
}
@media screen and (min-width: 1280px) {
  .fighter-top_banner__main-table {
    max-width: 400px;
  }
}
@media screen and (min-width: 1600px) {
  .fighter-top_banner__main-table {
    max-width: 270px;
  }
}
@media screen and (min-width: 1700px) {
  .fighter-top_banner__main-table {
    max-width: 370px;
  }
}
@media screen and (min-width: 1900px) {
  .fighter-top_banner__main-table {
    max-width: 432px;
    right: 30px;
  }
}
.fighter-top_banner__main-table-top-border {
  display: flex;
}
.fighter-top_banner__main-table-top-border-item {
  height: 8px;
  width: 33.33%;
  background-color: #dddddd;
}
.fighter-top_banner__main-table-top-border-item:nth-child(2) {
  height: 8px;
  width: 33.33%;
  background-color: #efefef;
}
.fighter-top_banner__main-table-row {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.fighter-top_banner__main-table-row-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
  width: 50%;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__main-table-row-item {
    width: 33.33%;
  }
}
.fighter-top_banner__main-table-row-item:nth-child(3) {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__main-table-row-item:nth-child(3) {
    width: 33.33%;
  }
}
.fighter-top_banner__main-table-row-item-title {
  font: normal normal normal 10px/26px Poppins;
  letter-spacing: 0px;
  color: #BEA037;
  height: 20px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__main-table-row-item-title {
    font: normal normal normal 10px/26px Poppins;
    letter-spacing: 0px;
  }
}
.fighter-top_banner__main-table-row-item-data {
  font: normal normal 600 10px/15px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  height: 20px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 500px) {
  .fighter-top_banner__main-table-row-item-data {
    font: normal normal 600 13px/15px Poppins;
    letter-spacing: -0.3px;
  }
}
@media screen and (min-width: 640px) {
  .fighter-top_banner__main-table-row-item-data {
    font: normal normal 600 15px/17px Poppins;
    letter-spacing: -0.3px;
  }
}

.fighter-stats__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .fighter-stats__item {
    padding: 30px;
  }
}
.fighter-stats__title-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .fighter-stats__title-container {
    max-width: 300px;
  }
}
@media screen and (min-width: 640px) {
  .fighter-stats__title-container {
    max-width: 500px;
  }
}
.fighter-stats__title {
  font: normal normal 600 27px/27px Poppins;
  letter-spacing: -0.82px;
  color: #2C2E32;
  text-transform: uppercase;
  z-index: 50;
}
@media screen and (min-width: 640px) {
  .fighter-stats__title {
    font: normal normal 600 41px/27px Poppins;
  }
}
.fighter-stats__video {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}

.fighter-average-round-survival__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-average-round-survival__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-average-round-survival__title-color {
  color: #9E852E;
}
.fighter-average-round-survival__data {
  font: normal normal 600 40px/60px Poppins;
  letter-spacing: -1px;
  color: #2C2E32;
  align-self: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.fighter-average-round-survival__data::after {
  content: "";
  position: absolute;
  height: 4px;
  background-color: #99853D;
  width: 80%;
  margin-left: 10%;
  left: 0;
  bottom: 0;
}
.fighter-average-round-survival__container {
  position: relative;
  width: 100%;
  max-width: 288px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fighter-average-round-survival__container::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 40px;
  left: 12%;
  background-color: white;
  z-index: 1000;
  top: 118px;
}
.fighter-average-round-survival__container::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 40px;
  right: 12%;
  background-color: white;
  z-index: 1000;
  top: 120px;
}
.fighter-average-round-survival__image-container {
  height: 303px;
  position: relative;
  overflow: hidden;
}
.fighter-average-round-survival__image-container::before {
  content: "";
  position: absolute;
  width: 99%;
  height: 99%;
  background-color: #e6e6e6;
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.fighter-average-round-survival__image {
  z-index: 50;
  position: relative;
}
.fighter-average-round-survival__chart-bg {
  position: absolute;
  width: 98%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  height: var(--fighter-percentage);
  background: transparent linear-gradient(359deg, #D6BF71 0%, #99853D 100%) 0% 0% no-repeat padding-box;
}
.fighter-average-round-survival__chart-bg::before {
  content: "";
  position: absolute;
  top: 3%;
  left: 55%;
  transform: translate(-50%, -50%);
  background-image: url(core-assets/images/fighter-arrow.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 500;
}
.fighter-average-round-survival__grades {
  position: absolute;
  right: 0;
  height: 100%;
}
.fighter-average-round-survival .wave-effect {
  background: url(core-assets/images/wave.svg) repeat-x;
  position: absolute;
  top: -21px;
  width: 816px; /*204x4*/
  height: 22px;
  animation: wave 2s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}
@keyframes wave {
  0% {
    margin-left: -204px;
  }
  100% {
    margin-left: 0px;
  }
}
.fighter-average-round-survival .wave-effect:nth-of-type(2) {
  top: -21px;
  animation: wave 2s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 2s ease -1.25s infinite;
  opacity: 0.3;
}
.fighter-average-round-survival .wave-effect:nth-of-type(3) {
  top: -21px;
  animation: wave 2s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell2 2s ease -1.25s infinite;
  opacity: 0.3;
}
@keyframes swell {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(30px, 0, 0);
  }
}
@keyframes swell2 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(50px, 0, 0);
  }
}

.fighter-last-fight__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-last-fight__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-last-fight__title-color {
  color: #9E852E;
}
.fighter-last-fight__fighters-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}
.fighter-last-fight__fighter_item {
  width: calc(50% - 10px);
}
.fighter-last-fight__vrs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  width: 70px;
  height: 70px;
}
@media screen and (min-width: 500px) {
  .fighter-last-fight__vrs {
    width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 640px) {
  .fighter-last-fight__vrs {
    width: 70px;
    height: 70px;
  }
}
.fighter-last-fight__avatar-container {
  border-radius: 16px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  align-items: center;
}
.fighter-last-fight__avatar {
  width: 80%;
}
.fighter-last-fight__fighter-name {
  margin-top: 10px;
  display: block;
  text-align: center;
  font: normal normal bold 17px/19px Poppins;
  letter-spacing: -0.46px;
  color: #2C2E32;
}
@media screen and (min-width: 500px) {
  .fighter-last-fight__fighter-name {
    font: normal normal bold 23px/23px Poppins;
  }
}
.fighter-last-fight__date {
  display: block;
  text-align: center;
  font: normal normal normal 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  margin-top: 30px;
  border-top: 1px solid #9E852E;
  border-bottom: 1px solid #9E852E;
  padding: 10px 0;
}
.fighter-last-fight .fighter-winner {
  background-color: #E3D4A0;
}
.fighter-last-fight .fighter-loser {
  background-color: #E6E6E6;
  mix-blend-mode: luminosity;
}
.fighter-last-fight__winner-flag {
  position: absolute;
  top: 0;
  left: 0;
}

.fighter-takedown-average {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
}
.fighter-takedown-average__item {
  height: 50px;
  border-bottom: 1px solid #D7D7D7;
  width: 100%;
  padding: 0 5px;
}
.fighter-takedown-average__item:first-child {
  border: none;
  height: auto;
}
.fighter-takedown-average__item:nth-child(2), .fighter-takedown-average__item:nth-child(3), .fighter-takedown-average__item:nth-child(4) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fighter-takedown-average__title {
  width: 100%;
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
}
@media screen and (min-width: 640px) {
  .fighter-takedown-average__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-takedown-average__title-color {
  color: #9E852E;
}
.fighter-takedown-average__graphic-percentage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes rellenar {
  to {
    stroke-dasharray: var(--porcentaje) 100;
  }
}
.fighter-takedown-average circle {
  fill: none;
  stroke-width: 40;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #f3f3f3;
}
.fighter-takedown-average circle:nth-child(2) { /* el segundo círculo, es el que se ve por encima del anterior y debe tener el color mas intenso y el area del porcentaje */
  stroke: var(--color);
  stroke-dasharray: 0 100;
  animation: rellenar 0.35s linear forwards;
}
.fighter-takedown-average__data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font: normal normal 600 24px/29px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
}
.fighter-takedown-average__info {
  font: normal normal normal 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
}
.fighter-takedown-average__info:last-child {
  font: normal normal 600 15px/17px Poppins;
  letter-spacing: -0.3px;
  color: #2C2E32;
}

.fighter-title-draws__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-title-draws__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-title-draws__title-color {
  color: #9E852E;
}
.fighter-title-draws__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fighter-title-draws__data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: normal;
  font-style: normal;
  font-size: 80px;
  line-height: 80px;
  font-family: Poppins;
  letter-spacing: -1.6px;
  color: #2C2E32;
}

.fighter-title-losses__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-title-losses__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-title-losses__title-color {
  color: #9E852E;
}
.fighter-title-losses__item {
  width: 100%;
  max-width: 288px;
  margin: 0 auto;
}
.fighter-title-losses__score-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 15px;
}
.fighter-title-losses__score {
  font-style: normal;
  font-weight: normal;
  font-stretch: medium;
  font-size: 80px;
  line-height: 80px;
  font-family: Poppins;
  letter-spacing: -1.6px;
  color: #2C2E32;
}
.fighter-title-losses__score-banner {
  position: absolute;
  left: 0;
}
.fighter-title-losses__table {
  height: 200px;
  padding-bottom: 15px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.fighter-title-losses__table::-webkit-scrollbar {
  width: 0;
}
.fighter-title-losses__table-row {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 10px;
  display: flex;
}
.fighter-title-losses__table-item {
  margin-top: 10px;
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
}
.fighter-title-losses__table-item:nth-child(1) {
  flex-basis: 100px;
  flex-grow: 0;
  position: relative;
  padding: 0 10px 0 20px;
}
.fighter-title-losses__table-item:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0;
  background-color: #B83A23;
  border-radius: 8px;
}
.fighter-title-losses__table-item:nth-child(2) {
  padding: 0 10px;
  width: calc(100% - 100px);
}
.fighter-title-losses__number-fight {
  font-weight: bold;
  display: block;
}
.fighter-title-losses__fighters {
  font-weight: normal;
}
.fighter-title-losses__date {
  display: block;
}
.fighter-title-losses__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}

.fighter-title-wins__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-title-wins__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-title-wins__title-color {
  color: #9E852E;
}
.fighter-title-wins__item {
  width: 100%;
  max-width: 288px;
  margin: 0 auto;
}
.fighter-title-wins__score-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 15px;
}
.fighter-title-wins__score {
  font-style: normal;
  font-weight: normal;
  font-stretch: medium;
  font-size: 80px;
  line-height: 80px;
  font-family: Poppins;
  letter-spacing: -1.6px;
  color: #2C2E32;
}
.fighter-title-wins__score-banner {
  position: absolute;
  left: 0;
}
.fighter-title-wins__table-row {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 10px;
  display: flex;
}
.fighter-title-wins__table {
  height: 200px;
  padding-bottom: 15px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.fighter-title-wins__table::-webkit-scrollbar {
  width: 0;
}
.fighter-title-wins__table-item {
  margin-top: 10px;
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
}
.fighter-title-wins__table-item:nth-child(1) {
  flex-basis: 100px;
  flex-grow: 0;
  position: relative;
  padding: 0 10px 0 20px;
}
.fighter-title-wins__table-item:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0;
  background-color: #0C8E6B;
  border-radius: 8px;
}
.fighter-title-wins__table-item:nth-child(2) {
  padding: 0 10px;
  width: calc(100% - 100px);
}
.fighter-title-wins__number-fight {
  font-weight: bold;
  display: block;
}
.fighter-title-wins__fighters {
  font-weight: normal;
}
.fighter-title-wins__date {
  display: block;
}

.fighter-wins-by-method__item {
  margin-bottom: 40px;
}
.fighter-wins-by-method__title {
  text-align: center;
  font: normal normal 600 20px/21px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fighter-wins-by-method__title {
    font: normal normal 600 22px/23px Poppins;
  }
}
.fighter-wins-by-method__title-color {
  color: #9E852E;
}
.fighter-wins-by-method__progress-bar-container {
  display: flex;
  justify-content: space-between;
}
.fighter-wins-by-method__progress-bar-bg {
  height: 32px;
  width: calc(100% - 64px);
  background-color: #CCCCCC;
  position: relative;
  background: -webkit-repeating-linear-gradient(90deg, #ffffff 0, #ffffff 5px, #cccccc 5px, #cccccc 16px) 0/200%;
  background: repeating-linear-gradient(90deg, #ffffff 0, #ffffff 5px, #cccccc 5px, #cccccc 16px) 0/200%;
  display: flex;
  align-items: center;
}
.fighter-wins-by-method__progress-bar-bg::before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--fighter-progress-bar-bg);
  background: transparent linear-gradient(270deg, #D6BF71 0%, #9E852E 100%) 0% 0% no-repeat padding-box;
  z-index: 2;
}
.fighter-wins-by-method__progress-bar-percentage {
  font: normal normal 600 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #FFFFFF;
  position: relative;
  z-index: 100;
  left: 15px;
  text-shadow: black 0.1em 0.1em 0.2em;
}
.fighter-wins-by-method__progress-right-score {
  flex-basis: 64px;
  flex-grow: 0;
  height: 32px;
  background-color: #919192;
  font: normal normal 600 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fighter-wins-by-method__progress-bar-title-container {
  margin-bottom: 10px;
}
.fighter-wins-by-method__progress-bar-title {
  font: normal normal 600 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fighter-wins-by-method__progress-bar-title-color {
  color: #9E852E;
}

.matchups-center__title-head {
  font: normal normal 600 36px/43px Poppins;
  letter-spacing: -0.72px;
  color: #1F2024;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .matchups-center__title-head {
    font: normal normal 600 51px/56px Poppins;
    letter-spacing: -0.66px;
  }
}
.matchups-center__select-item {
  position: relative;
  background-color: #F3F3F3;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  border: none;
  -webkit-appearance: none; /* Para navegadores WebKit como Chrome y Safari */
  -moz-appearance: none; /* Para navegadores basados en Gecko como Firefox */
  appearance: none; /* Resto de los navegadores */
  background-image: url("core-assets/images/triangle-bottom.svg"); /* URL de tu archivo SVG */
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center; /* Puedes ajustar esto para alinear el triángulo como desees */
}
.matchups-center__select-item:focus-visible {
  outline: none;
}
@media screen and (min-width: 640px) {
  .matchups-center__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
@media screen and (min-width: 1600px) {
  .matchups-center__select-item {
    font: normal normal 600 17px/28px Poppins;
    letter-spacing: -0.34px;
  }
}
@media screen and (min-width: 1800px) {
  .matchups-center__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.matchups-center__search-component {
  margin: 30px 0;
}
.matchups-center__title {
  font: normal normal 600 14px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: capitalize;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .matchups-center__title {
    font: normal normal 600 23px/23px Poppins;
  }
}
.matchups-center__title-color {
  color: #9E852E;
}
.matchups-center__grid-item {
  /*margin-bottom: 50px;*/
}
.matchups-center__grid-matchup-container {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-matchup-container {
    padding: 0 15px;
  }
}
.matchups-center__grid-matchup-container-item:nth-child(1) {
  border-right: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 70px;
  flex-grow: 0;
  height: 64px;
  font: normal normal normal 12px/27px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-matchup-container-item:nth-child(1) {
    border-right: 1px solid #CCCCCC;
    flex-basis: 120px;
    height: 96px;
    font: normal normal normal 19px/27px Poppins;
  }
}
.matchups-center__grid-matchup-container-item:nth-child(2) {
  width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.matchups-center__grid-matchup-container-item:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 70px;
  flex-grow: 0;
  height: 64px;
  background-color: #99853D;
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-matchup-container-item:nth-child(3) {
    background-color: white;
    height: 96px;
    flex-basis: 120px;
  }
}
.matchups-center__grid-anchor {
  width: 100%;
  height: 32px;
  background-color: #99853D;
  font: normal normal 600 10px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-anchor {
    font: normal normal 600 13px/24px Poppins;
    width: 104px;
  }
}
.matchups-center__grid-matchup-teams-container {
  height: 64px;
  width: 100%;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-matchup-teams-container {
    height: 96px;
    max-width: 400px;
  }
}
.matchups-center__grid-matchup-team-name {
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
  color: #2C2E32;
  text-transform: uppercase;
  display: none;
}
@media screen and (min-width: 640px) {
  .matchups-center__grid-matchup-team-name {
    display: flex;
  }
}
.matchups-center__grid-matchup-team-ico {
  transform: scale(0.8);
}
@media screen and (min-width: 400px) {
  .matchups-center__grid-matchup-team-ico {
    transform: scale(1);
  }
}
.matchups-center__grid-matchup-vrs-ico {
  transform: scale(0.8);
}
@media screen and (min-width: 400px) {
  .matchups-center__grid-matchup-vrs-ico {
    transform: scale(1);
  }
}

.ufc-schedule-top-banner {
  z-index: 0;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.ufc-schedule-top-banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  bottom: 190px;
  border: 8px solid #9E852E;
  border-radius: 25px 25px 0 0;
  box-sizing: border-box;
}
.ufc-schedule-top-banner__title {
  display: block;
  font: normal normal 600 29px/41px Poppins;
  letter-spacing: -0.82px;
  color: #D6BF71;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__title {
    font: normal normal 600 41px/49px Poppins;
  }
}
.ufc-schedule-top-banner__content {
  padding: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 15px);
  margin: 0 auto;
  overflow: hidden;
}
.ufc-schedule-top-banner__matchup {
  height: 168px;
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}
@media screen and (min-width: 600px) {
  .ufc-schedule-top-banner__matchup {
    height: 248px;
  }
}
@media screen and (min-width: 700px) {
  .ufc-schedule-top-banner__matchup {
    padding: 0;
  }
}
.ufc-schedule-top-banner__grid {
  display: flex;
  width: 100%;
  max-width: 600px;
  align-items: center;
  justify-content: space-around;
}
.ufc-schedule-top-banner__grid-item {
  flex-basis: 264px;
  flex-grow: 0;
  border-radius: 8px 32px;
  background: #E6E6E6;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ufc-schedule-top-banner__grid-item:nth-child(2) {
  border-radius: 0;
  width: 100%;
  background: white;
}
.ufc-schedule-top-banner__vrs {
  transform: scale(0.6);
}
.ufc-schedule-top-banner__label {
  position: relative;
  margin: 0;
  text-transform: capitalize;
  border-top: 7px solid white;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 15px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: url("core-assets/images/bg_lines_fighters_schedule_top_banner.svg");
  background-repeat: no-repeat, repeat;
  background-position: right;
  background-color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label {
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 45px;
  }
}
.ufc-schedule-top-banner__label-item:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label-item:nth-child(1) {
    max-width: 600px;
  }
}
.ufc-schedule-top-banner__label-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 168px;
}
.ufc-schedule-top-banner__label::before {
  content: "";
  position: absolute;
  width: 100%;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px;
  background-color: #cccccc;
}
.ufc-schedule-top-banner__label-event-name {
  display: block;
  font: normal normal medium 23px/27px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label-event-name {
    font: normal normal medium 27px/27px Poppins;
  }
}
.ufc-schedule-top-banner__label-fighters-name {
  display: block;
  text-transform: capitalize;
  font: normal normal bold 27px/38px Poppins;
  letter-spacing: -1.23px;
  color: #CCCCCC;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
.ufc-schedule-top-banner__label-fighters-name_vrs {
  text-transform: lowercase;
  font: normal normal normal 20px/35px Poppins;
  letter-spacing: -1.23px;
  color: #CCCCCC;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
.ufc-schedule-top-banner__label-date {
  display: block;
  font: normal normal normal 23px/35px Poppins;
  letter-spacing: -0.81px;
  color: #CCCCCC;
}
.ufc-schedule-top-banner__label-anchor {
  display: block;
  text-align: center;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #9E852E;
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-top-banner__label-anchor {
    width: 100%;
    font: normal normal 600 19px/24px Poppins;
    height: 48px;
    margin-top: 0;
  }
}

.ufc-schedule-clock {
  position: relative;
  overflow: hidden;
  margin: 30px 0;
  background: linear-gradient(180deg, #2C2E32 0%, #393A40 10%, #1D1E21 34%, #17181B 66%, #111214 77%, #555555 100%);
  background-repeat: no-repeat, repeat;
  background-position: 0% 0%, right;
  background-clip: padding-box;
  box-shadow: inset 0px -3px 3px #000000;
  border: 2px solid #707070;
  border-radius: 32px;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.ufc-schedule-clock__container {
  width: 100%;
  max-width: 500px;
  display: flex;
  justify-content: space-around;
  z-index: 200;
}
.ufc-schedule-clock__container-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 40px;
  flex-grow: 0;
}
.ufc-schedule-clock__container-data-number {
  font: normal normal 600 29px/56px Poppins;
  letter-spacing: -0.66px;
  color: #FFFFFF;
  text-shadow: 0px 2px 3px #000000;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-clock__container-data-number {
    font: normal normal 600 51px/56px Poppins;
  }
}
.ufc-schedule-clock__container-data-label {
  font: normal normal normal 11px/23px Poppins;
  letter-spacing: 0px;
  color: #F3F3F3;
  text-shadow: 0px 2px 3px #000000;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-clock__container-data-label {
    font: normal normal normal 15px/23px Poppins;
  }
}

.ufc-schedule-clock::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  background: url("core-assets/images/bg_lines_fighters_schedule_date_clock.svg") center center no-repeat;
  background-size: cover; /* Ajusta el tamaño de fondo según tus necesidades */
}

.ufc-schedule-upcoming {
  z-index: 0;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.ufc-schedule-upcoming__title {
  font: normal normal 600 29px/41px Poppins;
  letter-spacing: -0.82px;
  color: #D6BF71;
  margin-bottom: 30px;
  display: block;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__title {
    font: normal normal 600 41px/49px Poppins;
  }
}
.ufc-schedule-upcoming__content {
  padding: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 15px);
  margin: 0 auto;
  overflow: hidden;
}
.ufc-schedule-upcoming__matchup {
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 30px 15px 15px 15px;
  border-bottom: 1px solid #ddd;
}
.ufc-schedule-upcoming__grid {
  display: flex;
  width: 100%;
  max-width: 600px;
  align-items: center;
  justify-content: space-around;
}
.ufc-schedule-upcoming__grid-item {
  flex-basis: 264px;
  flex-grow: 0;
  border-radius: 8px 32px;
  background: #E6E6E6;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ufc-schedule-upcoming__grid-item:nth-child(2) {
  border-radius: 0;
  width: 100%;
  background: white;
}
.ufc-schedule-upcoming__vrs {
  transform: scale(0.6);
}
.ufc-schedule-upcoming__label {
  position: relative;
  margin: 0;
  text-transform: capitalize;
  border-top: 7px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 15px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label {
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 45px;
  }
}
.ufc-schedule-upcoming__label-item:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label-item:nth-child(1) {
    max-width: 600px;
  }
}
.ufc-schedule-upcoming__label-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 168px;
}
.ufc-schedule-upcoming__label-event-name {
  display: block;
  font: normal normal medium 23px/27px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label-event-name {
    font: normal normal medium 27px/27px Poppins;
  }
}
.ufc-schedule-upcoming__label-fighters-name {
  display: block;
  text-transform: capitalize;
  font: normal normal bold 27px/38px Poppins;
  letter-spacing: -1.23px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
.ufc-schedule-upcoming__label-fighters-name_vrs {
  text-transform: lowercase;
  font: normal normal normal 20px/35px Poppins;
  letter-spacing: -1.23px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
.ufc-schedule-upcoming__label-date {
  display: block;
  font: normal normal normal 23px/35px Poppins;
  letter-spacing: -0.81px;
  color: #2C2E32;
}
.ufc-schedule-upcoming__label-anchor {
  display: block;
  text-align: center;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #9E852E;
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
@media screen and (min-width: 640px) {
  .ufc-schedule-upcoming__label-anchor {
    width: 100%;
    font: normal normal 600 19px/24px Poppins;
    height: 48px;
    margin-top: 0;
  }
}

.fight-card-top-banner {
  position: relative;
  margin-bottom: 30px;
}
.fight-card-top-banner__fighters-container {
  border-radius: 8px 8px 0px 0px;
  position: relative;
  padding: 15px;
  background-color: #F3F3F3;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.fight-card-top-banner__fighter {
  position: relative;
  top: 200px;
  max-width: 130px;
  height: 50%;
  z-index: 0;
}
@media screen and (min-width: 375px) {
  .fight-card-top-banner__fighter {
    max-width: 150px;
  }
}
@media screen and (min-width: 500px) {
  .fight-card-top-banner__fighter {
    max-width: 200px;
  }
}
@media screen and (min-width: 600px) {
  .fight-card-top-banner__fighter {
    max-width: 300px;
  }
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__fighter {
    top: 0;
    max-width: 100%;
    z-index: 50;
  }
}
.fight-card-top-banner__fighters-container::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25%;
  background-color: #ffffff;
  border-top: 8px solid #9E852E;
}
.fight-card-top-banner__top-label {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 10%);
  width: 100%;
  max-width: 300px;
  padding: 0 10px;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__top-label {
    max-width: 400px;
  }
}
.fight-card-top-banner__event-number {
  display: block;
  text-align: center;
  font: normal normal bold 19px/17px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__event-number {
    font: normal normal bold 27px/20px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .fight-card-top-banner__event-number {
    font: normal normal bold 19px/17px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .fight-card-top-banner__event-number {
    font: normal normal bold 19px/17px Poppins;
  }
}
.fight-card-top-banner__event-name {
  display: block;
  text-align: center;
  font: normal normal medium 14px/17px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__event-name {
    font: normal normal medium 17px/20px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .fight-card-top-banner__event-name {
    font: normal normal medium 14px/17px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .fight-card-top-banner__event-name {
    font: normal normal medium 14px/17px Poppins;
  }
}
.fight-card-top-banner__fighters-names {
  display: block;
  text-align: center;
  font: normal normal bold 24px/29px Poppins;
  letter-spacing: -0.84px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__fighters-names {
    font: normal normal bold 35px/35px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .fight-card-top-banner__fighters-names {
    font: normal normal bold 24px/29px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .fight-card-top-banner__fighters-names {
    font: normal normal bold 24px/29px Poppins;
  }
}
.fight-card-top-banner__date {
  display: block;
  text-align: center;
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: -0.49px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__date {
    font: normal normal normal 15px/35px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .fight-card-top-banner__date {
    font: normal normal normal 14px/20px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .fight-card-top-banner__date {
    font: normal normal normal 14px/20px Poppins;
  }
}
.fight-card-top-banner__place {
  display: block;
  text-align: center;
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: -0.49px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__place {
    font: normal normal normal 15px/20px Poppins;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .fight-card-top-banner__place {
    font: normal normal normal 14px/20px Poppins;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
  .fight-card-top-banner__place {
    font: normal normal normal 14px/20px Poppins;
  }
}
.fight-card-top-banner__table-container {
  background-color: white;
  position: relative;
  top: -1px;
  z-index: 50;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__table-container {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 432px;
    background-color: transparent;
  }
}
.fight-card-top-banner__title {
  background-color: white;
  position: relative;
  top: -2px;
  height: 30px;
  display: block;
  text-align: center;
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #2C2E32;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__title {
    font: normal normal 600 19px/27px Poppins;
    letter-spacing: -0.38px;
    background-color: transparent;
  }
}
.fight-card-top-banner__table {
  background-color: white;
  width: 100%;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 0 5px;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__table {
    border-top: 8px solid #9E852E;
    padding: 0 15px;
  }
}
.fight-card-top-banner__table-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dddddd;
}
.fight-card-top-banner__table-row:last-child {
  border-bottom: none;
}
.fight-card-top-banner__table-item {
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  font: normal normal normal 14px/18px Poppins;
  letter-spacing: -0.3px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__table-item {
    font: normal normal normal 15px/17px Poppins;
  }
}
.fight-card-top-banner__anchor-dk {
  display: none;
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__anchor-dk {
    display: block;
    width: 100%;
  }
}
.fight-card-top-banner__image-dk {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.fight-card-top-banner .row-title {
  text-decoration: none;
  font: normal normal 600 14px/18px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
.fight-card-top-banner .row-title-uppercase {
  text-decoration: none;
  font: normal normal 600 14px/18px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  text-transform: uppercase;
}
.fight-card-top-banner__anchor-mobile {
  position: absolute;
  bottom: 5%;
  z-index: 50;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .fight-card-top-banner__anchor-mobile {
    bottom: 3%;
  }
}
@media screen and (min-width: 500px) {
  .fight-card-top-banner__anchor-mobile {
    bottom: 5%;
  }
}
@media screen and (min-width: 640px) {
  .fight-card-top-banner__anchor-mobile {
    display: none;
  }
}
.fight-card-top-banner__image-mobile {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.fight-card-other__title {
  font: normal normal 600 29px/41px Poppins;
  letter-spacing: -0.82px;
  color: #D6BF71;
  margin-bottom: 30px;
  display: block;
}
@media screen and (min-width: 640px) {
  .fight-card-other__title {
    font: normal normal 600 41px/49px Poppins;
  }
}
.fight-card-other__matchup {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 30px 15px;
  margin-bottom: 30px;
  border-radius: 16px;
}
@media screen and (min-width: 640px) {
  .fight-card-other__matchup {
    flex-direction: row;
  }
}
.fight-card-other__matchup-item {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fight-card-other__matchup-item:nth-child(1) {
    flex-basis: 265px;
    flex-grow: 0;
  }
}
.fight-card-other__matchup-item:nth-child(2) {
  padding-left: 15px;
}
@media screen and (min-width: 640px) {
  .fight-card-other__matchup-item:nth-child(2) {
    width: calc(100% - 265px);
    padding-left: 30px;
  }
}
.fight-card-other__grid {
  display: flex;
  justify-content: space-between;
}
.fight-card-other__grid-item:nth-child(1) {
  padding: 5px 5px 0 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #E6E6E6;
  width: 104px;
  height: 104px;
  border-radius: 8px 32px;
}
@media screen and (min-width: 425px) {
  .fight-card-other__grid-item:nth-child(1) {
    width: 150px;
    height: 150px;
  }
}
.fight-card-other__grid-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 104px;
}
@media screen and (min-width: 425px) {
  .fight-card-other__grid-item:nth-child(2) {
    width: 90px;
    height: 150px;
  }
}
.fight-card-other__grid-item:nth-child(3) {
  padding: 5px 5px 0 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #E6E6E6;
  width: 104px;
  height: 104px;
  border-radius: 8px 32px;
}
@media screen and (min-width: 425px) {
  .fight-card-other__grid-item:nth-child(3) {
    width: 150px;
    height: 150px;
  }
}
.fight-card-other__label {
  position: relative;
  margin: 0;
  text-transform: capitalize;
  border-top: 7px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label {
    flex-direction: row;
    justify-content: space-between;
  }
}
.fight-card-other__label-item:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-item:nth-child(1) {
    max-width: 600px;
  }
}
.fight-card-other__label-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 168px;
}
.fight-card-other__label-event-name {
  display: block;
  text-align: center;
  font: normal normal medium 23px/27px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-event-name {
    text-align: left;
  }
}
@media screen and (min-width: 875px) {
  .fight-card-other__label-event-name {
    font: normal normal medium 27px/27px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fight-card-other__label-event-name {
    font: normal normal medium 23px/27px Poppins;
  }
}
@media screen and (min-width: 1200px) {
  .fight-card-other__label-event-name {
    font: normal normal medium 27px/27px Poppins;
  }
}
.fight-card-other__label-fighters-name {
  display: block;
  text-align: center;
  text-transform: capitalize;
  font: normal normal bold 27px/38px Poppins;
  letter-spacing: -1.23px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-fighters-name {
    text-align: left;
  }
}
@media screen and (min-width: 875px) {
  .fight-card-other__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fight-card-other__label-fighters-name {
    font: normal normal bold 27px/38px Poppins;
  }
}
@media screen and (min-width: 1200px) {
  .fight-card-other__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
@media screen and (min-width: 1600px) {
  .fight-card-other__label-fighters-name {
    font: normal normal bold 27px/38px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .fight-card-other__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
.fight-card-other__label-fighters-name_vrs {
  text-transform: lowercase;
  font: normal normal normal 20px/35px Poppins;
  letter-spacing: -1.23px;
  color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
@media screen and (min-width: 1024px) {
  .fight-card-other__label-fighters-name_vrs {
    font: normal normal normal 27px/35px Poppins;
  }
}
@media screen and (min-width: 1020px) {
  .fight-card-other__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
@media screen and (min-width: 1600px) {
  .fight-card-other__label-fighters-name_vrs {
    font: normal normal normal 27px/35px Poppins;
  }
}
@media screen and (min-width: 1700px) {
  .fight-card-other__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
.fight-card-other__label-date {
  display: block;
  text-align: center;
  font: normal normal normal 23px/35px Poppins;
  letter-spacing: -0.81px;
  color: #2C2E32;
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-date {
    text-align: left;
  }
}
@media screen and (min-width: 875px) {
  .fight-card-other__label-date {
    font: normal normal normal 18px/35px Poppins;
  }
}
.fight-card-other__label-anchor {
  display: block;
  text-align: center;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #9E852E;
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .fight-card-other__label-anchor {
    width: 104px;
    height: 32px;
    font: normal normal 600 13px/24px Poppins;
    margin-right: auto;
    margin-left: 0;
  }
}

/*here start small-size slider module styles*/
.single-slider-container {
  margin-bottom: 25px;
}

.single-slider .swiper-wrapper {
  align-items: baseline;
}

.single-slider {
  padding-top: 0;
}

.single-slider {
  z-index: 0 !important;
}
.single-slider__item {
  position: relative;
  width: 100%;
  height: 191px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .single-slider__item {
    height: auto;
  }
}
.single-slider__image-container {
  width: 100%;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.single-slider__image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.single-slider__prev, .single-slider__next {
  --swiper-navigation-size: 20px;
  background-color: white;
  height: 50px;
  width: 50px;
  margin-top: -35px;
  color: black;
  font-weight: bold;
  top: var(--swiper-navigation-top-offset, 53%);
}
@media screen and (min-width: 640px) {
  .single-slider__prev, .single-slider__next {
    visibility: visible;
    height: 70px;
    width: 70px;
    top: var(--swiper-navigation-top-offset, 50%);
  }
}
.single-slider__prev {
  border-radius: 50%;
  left: -15px;
}
@media screen and (min-width: 640px) {
  .single-slider__prev {
    left: -20px;
  }
}
.single-slider__prev::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-left.svg");
  background-repeat: no-repeat;
  background-position: calc(50% + 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .single-slider__prev::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% + 5px) center;
  }
}
.single-slider__next {
  border-radius: 50%;
  right: -15px;
}
@media screen and (min-width: 640px) {
  .single-slider__next {
    right: -20px;
  }
}
.single-slider__next::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-right.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .single-slider__next::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% - 5px) center;
  }
}
.single-slider .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: initial;
}
@media screen and (min-width: 640px) {
  .single-slider:hover .swiper-button-prev, .single-slider:hover .swiper-button-next {
    visibility: visible;
  }
}

/*here finish small-size slider module styles*/
.sportsbooks-bonuses-banner {
  z-index: 0;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.sportsbooks-bonuses-banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  bottom: 190px;
  border: 8px solid #9E852E;
  border-radius: 25px 25px 0 0;
  box-sizing: border-box;
}
.sportsbooks-bonuses-banner__title {
  font: normal normal 600 29px/41px Poppins;
  letter-spacing: -0.82px;
  color: #D6BF71;
  margin-bottom: 30px;
  display: block;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__title {
    font: normal normal 600 41px/49px Poppins;
  }
}
.sportsbooks-bonuses-banner__content {
  padding: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  background: transparent;
  z-index: 3;
  box-sizing: border-box;
  width: calc(100% - 15px);
  margin: 0 auto;
  overflow: hidden;
}
.sportsbooks-bonuses-banner__code-container {
  border: 1px solid #9E852E;
  border-radius: 5px;
  height: 64px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sportsbooks-bonuses-banner__code-label {
  font: normal normal 500 24px/29px Poppins;
  letter-spacing: -0.48px;
  color: #9E852E;
  text-transform: uppercase;
}
.sportsbooks-bonuses-banner__code {
  font: normal normal 600 24px/29px Poppins;
  cursor: pointer;
}
.sportsbooks-bonuses-banner__top-content {
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 30px 15px;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__top-content {
    padding: 30px;
  }
}
.sportsbooks-bonuses-banner__grid {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .sportsbooks-bonuses-banner__grid {
    flex-direction: column;
  }
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__grid {
    flex-direction: row;
  }
}
.sportsbooks-bonuses-banner__grid-item:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 0) and (max-width: 479px) {
  .sportsbooks-bonuses-banner__grid-item:nth-child(1) {
    display: none;
    margin: 10px 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  .sportsbooks-bonuses-banner__grid-item:nth-child(1) {
    padding: 10px 0;
  }
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__grid-item:nth-child(1) {
    flex-basis: 200px;
    flex-grow: 0;
  }
}
.sportsbooks-bonuses-banner__grid-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__grid-item:nth-child(2) {
    width: calc(100% - 200px);
    padding-left: 25px;
  }
}
.sportsbooks-bonuses-banner__grid-logo {
  width: 160px;
  height: 34px;
}
@media screen and (min-width: 1800px) {
  .sportsbooks-bonuses-banner__grid-logo {
    width: 276px;
    height: 79px;
  }
}
.sportsbooks-bonuses-banner__label {
  position: relative;
  margin: 0;
  text-transform: capitalize;
  border-top: 7px solid white;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 15px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: url("core-assets/images/bg_lines_fighters_schedule_top_banner.svg");
  background-repeat: no-repeat, repeat;
  background-position: right;
  background-color: #2C2E32;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__label {
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 45px;
  }
}
.sportsbooks-bonuses-banner__label-item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 168px;
  padding-left: 25px;
}
.sportsbooks-bonuses-banner__label::before {
  content: "";
  position: absolute;
  width: 100%;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px;
  background-color: #cccccc;
}
.sportsbooks-bonuses-banner__label-event-name {
  display: block;
  font: normal normal medium 23px/27px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__label-event-name {
    font: normal normal medium 27px/27px Poppins;
  }
}
.sportsbooks-bonuses-banner__label-fighters-name {
  display: block;
  text-transform: capitalize;
  font: normal normal bold 27px/38px Poppins;
  letter-spacing: -1.23px;
  color: #CCCCCC;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__label-fighters-name {
    font: normal normal bold 35px/35px Poppins;
  }
}
.sportsbooks-bonuses-banner__label-fighters-name_vrs {
  text-transform: lowercase;
  font: normal normal normal 20px/35px Poppins;
  letter-spacing: -1.23px;
  color: #CCCCCC;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__label-fighters-name_vrs {
    font: normal normal normal 35px/35px Poppins;
  }
}
.sportsbooks-bonuses-banner__label-date {
  display: block;
  font: normal normal normal 18px/35px Poppins;
  letter-spacing: -0.63px;
  color: #CCCCCC;
  text-decoration: underline;
}
.sportsbooks-bonuses-banner__label-anchor {
  display: block;
  text-align: center;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #9E852E;
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  border-radius: 4px;
}
.sportsbooks-bonuses-banner__label-anchor:hover {
  text-decoration: none;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__label-anchor {
    width: 100%;
    font: normal normal 600 19px/24px Poppins;
    height: 48px;
    margin-top: 0;
  }
}
.sportsbooks-bonuses-banner__sub-title {
  font: normal normal 500 20px/27px Poppins;
  letter-spacing: -0.4px;
  color: #1F2024;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .sportsbooks-bonuses-banner__sub-title {
    text-align: left;
  }
}
.sportsbooks-bonuses-banner__sub-title-color {
  color: #9E852E;
}
.sportsbooks-bonuses-banner__bonuses-grid-label {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.32px;
  color: #2C2E32;
}
@media screen and (min-width: 375px) {
  .sportsbooks-bonuses-banner__bonuses-grid-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.sportsbooks-bonuses-banner__bonuses-grid-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.sportsbooks-bonuses-banner__bonuses-grid-item > img {
  margin-right: 5px;
}
.sportsbooks-bonuses-banner__bonuses-grid-item > span {
  font: normal normal medium 18px/20px Poppins;
  letter-spacing: -0.36px;
  color: #2C2E32;
}

.sticky-banner-bonuses-desktop {
  background: #2c2e32;
  width: calc(var(--stiky-banner-width) - 17px);
  height: var(--stiky-banner-height);
  border-radius: 8px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sticky-banner-bonuses-desktop::before {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/sticky_banner_play_arrow.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 86px;
  position: absolute;
  bottom: 60px;
  right: 26px;
  z-index: 50000;
}
.sticky-banner-bonuses-desktop__top-container {
  position: relative;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.sticky-banner-bonuses-desktop__top-container-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 1000px;
}
.sticky-banner-bonuses-desktop__item-container-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2C2E32;
  padding: 10px 0;
  height: 76px;
}
.sticky-banner-bonuses-desktop__item-container-rating-circle {
  z-index: 10;
  background-color: white;
  border-radius: 50%;
  height: 128px;
  width: 128px;
  position: relative;
  top: -35px;
  position: relative;
  display: flex;
}
.sticky-banner-bonuses-desktop__item-container-rating-vector {
  fill: none;
  stroke-width: 8;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #E6E6E6;
}
.sticky-banner-bonuses-desktop__item-container-rating-vector:nth-child(2) {
  stroke: var(--color);
  stroke-dasharray: var(--porcentaje) 100;
  animation: rellenar 0.35s linear forwards;
}
.sticky-banner-bonuses-desktop__item-container-rating-circle > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 27px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.38px;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #242E3D;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.sticky-banner-bonuses-desktop__progress-bar-container {
  padding-bottom: 25px;
}
.sticky-banner-bonuses-desktop__progress-bar-item-grid {
  display: flex;
  height: auto;
  flex-direction: column;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.sticky-banner-bonuses-desktop__progress-bar-label-container {
  display: flex;
  justify-content: space-between;
}
.sticky-banner-bonuses-desktop__progress-bar-label {
  font-style: normal;
  font-weight: 500; /* Corregido de 'medium' a '500' */
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.28px;
  color: #FFFFFF;
}
.sticky-banner-bonuses-desktop__progress-bar-title {
  font: normal normal medium 18px/27px Poppins;
  letter-spacing: -0.36px;
  color: #2C2E32;
  display: block;
  margin-bottom: 5px;
}
.sticky-banner-bonuses-desktop__progress-bar {
  height: 5px;
  width: 100%;
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.sticky-banner-bonuses-desktop__progress-bar::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 50%;
}
.sticky-banner-bonuses-desktop__progresive-bar-container {
  width: 100%;
  height: 5px;
  background-color: #DDDDDD;
  overflow: hidden;
  border-radius: 20px;
}
.sticky-banner-bonuses-desktop__progresive-bar {
  background: #DDDDDD;
  background: linear-gradient(90deg, #E8DCB0, #9E852E);
  border-radius: 20px;
  height: 8px;
}
.sticky-banner-bonuses-desktop__breadcrumbs-container {
  position: relative;
  height: 133px;
  background: #cccccc;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
  border-top-left-radius: 5px;
  display: flex;
  align-items: center;
}
.sticky-banner-bonuses-desktop__breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 15px;
}
.sticky-banner-bonuses-desktop__breadcrumbs-anchors {
  text-transform: uppercase;
  text-decoration: none;
}
.sticky-banner-bonuses-desktop__breadcrumbs-anchors:first-child {
  position: relative;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
  background: #9e852e;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 25px;
}
.sticky-banner-bonuses-desktop__breadcrumbs-anchors:first-child::after {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  transform: scale(0.9);
}
.sticky-banner-bonuses-desktop__breadcrumbs-anchors:last-child {
  text-transform: uppercase;
  font: normal normal 400 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
}
.sticky-banner-bonuses-desktop__anchor-bet {
  width: 152px;
  height: 48px;
  background-color: #9e852e;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font: normal normal 600 19px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 4px;
}
.sticky-banner-bonuses-desktop__anchor-bet:hover {
  background-color: #73632E; /* Change to your desired hover color */
}

.sticky-banner-bonuses-mobile {
  margin-bottom: 30px;
}
@media screen and (min-width: 1600px) {
  .sticky-banner-bonuses-mobile {
    display: none;
  }
}
.sticky-banner-bonuses-mobile__content {
  position: relative;
  background-color: #2c2e32;
  margin: 0 0 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  padding: 0 0 15px 0;
}
.sticky-banner-bonuses-mobile__top-image {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.sticky-banner-bonuses-mobile__top-image > img {
  width: 100%;
}
.sticky-banner-bonuses-mobile__logo-container {
  background-color: #000000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.sticky-banner-bonuses-mobile__title {
  font: normal normal 600 29px/35px Poppins;
  letter-spacing: -0.58px;
  color: #1F2024;
  padding: 20px 0;
  display: block;
}
.sticky-banner-bonuses-mobile__graphics-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 15px 0 15px;
}
.sticky-banner-bonuses-mobile__graphics-grid-item {
  width: 50%;
}
@media screen and (min-width: 480px) {
  .sticky-banner-bonuses-mobile__graphics-grid-item:nth-child(1) {
    width: 70%;
  }
}
.sticky-banner-bonuses-mobile__graphics-grid-item:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 480px) {
  .sticky-banner-bonuses-mobile__graphics-grid-item:nth-child(2) {
    width: 30%;
  }
}
.sticky-banner-bonuses-mobile__item-container-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2C2E32;
  margin-bottom: 15px;
}
.sticky-banner-bonuses-mobile__item-container-rating-circle {
  z-index: 10;
  background-color: white;
  border-radius: 50%;
  height: 110px;
  width: 110px;
  position: relative;
  top: 0;
  position: relative;
  display: flex;
}
.sticky-banner-bonuses-mobile__item-container-rating-vector {
  fill: none;
  stroke-width: 8;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #E6E6E6;
}
.sticky-banner-bonuses-mobile__item-container-rating-vector:nth-child(2) {
  stroke: var(--color);
  stroke-dasharray: var(--porcentaje) 100;
  animation: rellenar 0.35s linear forwards;
}
.sticky-banner-bonuses-mobile__item-container-rating-circle > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 27px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.38px;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #242E3D;
  width: 86px;
  height: 86px;
  border-radius: 50%;
}
.sticky-banner-bonuses-mobile__progress-bar-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .sticky-banner-bonuses-mobile__progress-bar-container {
    flex-direction: row;
  }
}
.sticky-banner-bonuses-mobile__progress-bar-item-grid {
  display: flex;
  height: auto;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 10px;
}
@media screen and (min-width: 480px) {
  .sticky-banner-bonuses-mobile__progress-bar-item-grid {
    width: 48%;
    padding-bottom: 13px;
  }
}
.sticky-banner-bonuses-mobile__progress-bar-label-container {
  display: flex;
  justify-content: space-between;
}
.sticky-banner-bonuses-mobile__progress-bar-label {
  font-style: normal;
  font-weight: 500; /* Corregido de 'medium' a '500' */
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.28px;
  color: #FFFFFF;
}
.sticky-banner-bonuses-mobile__progress-bar-title {
  font: normal normal medium 18px/27px Poppins;
  letter-spacing: -0.36px;
  color: #2C2E32;
  display: block;
  margin-bottom: 5px;
}
.sticky-banner-bonuses-mobile__progress-bar {
  height: 5px;
  width: 100%;
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.sticky-banner-bonuses-mobile__progress-bar::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 50%;
}
.sticky-banner-bonuses-mobile__progresive-bar-container {
  width: 100%;
  height: 5px;
  background-color: #DDDDDD;
  overflow: hidden;
  border-radius: 20px;
}
.sticky-banner-bonuses-mobile__progresive-bar {
  background: #DDDDDD;
  background: linear-gradient(90deg, #E8DCB0, #9E852E);
  border-radius: 20px;
  height: 8px;
}
.sticky-banner-bonuses-mobile__anchor-bet {
  width: 121px !important;
  height: 39px !important;
  background-color: #9E852E;
  font: normal normal 600 19px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  margin: 0 auto;
  border-radius: 4px;
}
.sticky-banner-bonuses-mobile__anchor-bet:hover {
  background-color: #73632E; /* Change to your desired hover color */
}

.mobile-breadcrumbs {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.mobile-breadcrumbs__anchors {
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-breadcrumbs__anchors:first-child {
  position: relative;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
  background: #9e852e;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 25px;
}
.mobile-breadcrumbs__anchors:first-child::after {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  transform: scale(0.9);
}
.mobile-breadcrumbs__anchors:last-child {
  text-transform: uppercase;
  font: normal normal 400 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
}
@media screen and (min-width: 1600px) {
  .mobile-breadcrumbs {
    display: none;
  }
}

/*here start small-size slider module styles*/
.top-sportsbooks-slider-module {
  overflow: hidden;
}

.slider-top-sportsbooks-container {
  margin-bottom: 90px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.slider-top-sportsbooks-container .slider-top-sportsbooks-bg-container {
  position: absolute;
  top: 0;
  left: 0;
}

.slider-top-sportsbooks {
  padding-top: 24px;
}

.slider-top-sportsbooks .swiper-wrapper {
  align-items: center;
}

.slider-top-sportsbooks {
  z-index: 0;
  padding: 0;
  width: 100%;
  top: 90px;
  overflow: visible;
}
.slider-top-sportsbooks__item-first-counter {
  position: absolute;
  width: 56px;
  height: 56px;
  background-color: #8a7528;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 9px 20px;
  top: -20px;
  left: 20px;
  font: normal normal 800 20px/20px Poppins;
  letter-spacing: 5.6px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-top-sportsbooks__title {
  font: normal normal 600 24px/29px Poppins;
  letter-spacing: -0.48px;
  color: #1F2024;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  text-align: left;
  padding: 20px 0;
}
@media screen and (min-width: 1600px) {
  .slider-top-sportsbooks__title {
    text-align: right;
    color: #8a7528;
    top: 15px;
    left: 15px;
    padding: 20px 35px;
  }
}
.slider-top-sportsbooks__title-color {
  color: #ffffff;
}
.slider-top-sportsbooks__item-counter {
  position: absolute;
  width: 56px;
  height: 56px;
  background-color: #2C2E32;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 0.5px solid white;
  border-radius: 9px 20px;
  top: -20px;
  left: 20px;
  font: normal normal 800 20px/20px Poppins;
  letter-spacing: 5.6px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-top-sportsbooks__item {
  position: relative;
  width: 250px;
  height: 330px;
}
.slider-top-sportsbooks__item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  border: 8px solid #8a7528;
  border-radius: 25px 25px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}
.slider-top-sportsbooks__item-container {
  margin: 8px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  width: calc(100% - 16px);
}
.slider-top-sportsbooks__item-container-brand {
  height: 156px;
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
}
.slider-top-sportsbooks__item-container-brand img {
  max-height: 50px;
  height: 100%;
  width: auto;
}
.slider-top-sportsbooks__item-container-brand-description {
  font: normal normal normal 14px/23px Poppins;
  letter-spacing: 0px;
  color: #2C2E32;
  display: block;
  width: 100%;
  text-align: center;
}
.slider-top-sportsbooks__item-container-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2C2E32;
  padding: 10px 0;
  height: 76px;
}
.slider-top-sportsbooks__item-container-rating-circle {
  z-index: 10;
  background-color: white;
  border-radius: 50%;
  height: 90px;
  width: 90px;
  position: relative;
  top: -20px;
  position: relative;
  display: flex;
}
.slider-top-sportsbooks__item-container-rating-circle svg {
  width: 100px;
  height: 100px;
  position: absolute;
  left: -5px;
  top: -5px;
  shape-rendering: geometricPrecision;
}
.slider-top-sportsbooks__item-container-rating-vector {
  fill: none;
  stroke-width: 8;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #E6E6E6;
}
.slider-top-sportsbooks__item-container-rating-vector:nth-child(2) {
  stroke: var(--color);
  stroke-dasharray: var(--porcentaje) 100;
  animation: rellenar 0.35s linear forwards;
}
.slider-top-sportsbooks__item-container-rating-circle > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  line-height: 17px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.38px;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #242E3D;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.slider-top-sportsbooks__item-container-anchors-container {
  background-color: #000000;
  height: 75px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.slider-top-sportsbooks__item-container-anchor-review {
  font: normal normal normal 13px/23px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: underline;
}
.slider-top-sportsbooks__item-container-anchor-bet {
  width: 104px;
  height: 32px;
  background-color: #8a7528;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
}

@keyframes rellenar {
  to {
    stroke-dasharray: var(--percentage) 100;
  }
}
.small-size-slider-bonuses-container {
  margin-bottom: 25px;
}

.small-size-slider-bonuses .swiper-wrapper {
  align-items: center;
}

.small-size-slider-bonuses {
  padding-top: 80px;
  padding-bottom: 24px;
  z-index: 0;
}
.small-size-slider-bonuses__item {
  padding-top: 80px;
  position: relative;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  width: 304px;
  height: 355px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.small-size-slider-bonuses__bonus-title {
  position: absolute;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px 32px;
  width: 256px;
  height: 136px;
  top: -50px;
  overflow: hidden;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/Desktop-promo-image2.png");
  background-repeat: no-repeat;
  background-position: center calc(50% + 5px);
}
.small-size-slider-bonuses__percentage {
  width: 100%;
  text-align: center;
  font: normal normal 600 45px/41px Poppins;
  letter-spacing: -0.9px;
  color: #C5A536;
}
.small-size-slider-bonuses__label {
  width: 100%;
  text-align: center;
  font: normal normal 600 24px/25px Poppins;
  letter-spacing: -0.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.small-size-slider-bonuses__sub-label {
  width: 100%;
  text-align: center;
  font: normal normal 600 30px/31px Poppins;
  letter-spacing: 3.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.small-size-slider-bonuses__logo {
  width: 147px;
  height: 34px;
}
.small-size-slider-bonuses__list {
  padding: 5px 0;
  width: 234px;
}
.small-size-slider-bonuses__list-container {
  padding: 0 10px;
}
.small-size-slider-bonuses__ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.small-size-slider-bonuses__ul-li {
  font: normal normal medium 17px/20px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
}
.small-size-slider-bonuses__code-label {
  font: normal normal normal 17px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
.small-size-slider-bonuses__code {
  font: normal normal bold 17px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  padding-right: 20px;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/icono-copypaste.svg");
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}
.small-size-slider-bonuses__anchor {
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9E852E;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
}
.small-size-slider-bonuses__prev, .small-size-slider-bonuses__next {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  --swiper-navigation-size: 20px;
  background-color: white;
  height: 50px;
  width: 50px;
  margin-top: -35px;
  color: black;
  font-weight: bold;
  top: var(--swiper-navigation-top-offset, 53%);
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses__prev, .small-size-slider-bonuses__next {
    visibility: visible;
    height: 70px;
    width: 70px;
    top: var(--swiper-navigation-top-offset, 50%);
  }
}
.small-size-slider-bonuses__prev {
  border-radius: 50%;
  left: -15px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses__prev {
    left: -20px;
  }
}
.small-size-slider-bonuses__prev::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-left.svg");
  background-repeat: no-repeat;
  background-position: calc(50% + 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses__prev::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% + 5px) center;
  }
}
.small-size-slider-bonuses__next {
  border-radius: 50%;
  right: -15px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses__next {
    right: -20px;
  }
}
.small-size-slider-bonuses__next::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-right.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses__next::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% - 5px) center;
  }
}
.small-size-slider-bonuses .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: initial;
}

.grid-bonuses-container {
  margin-bottom: 25px;
}

.grid-bonuses .swiper-wrapper {
  align-items: center;
}

@media screen and (min-width: 0) and (max-width: 639px) {
  .grid-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.grid-bonuses {
  padding-top: 80px;
  padding-bottom: 24px;
  z-index: 0;
}
.grid-bonuses__item {
  padding-top: 80px;
  position: relative;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 40px;
}
@media screen and (min-width: 480px) {
  .grid-bonuses__item {
    height: 400px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 640px) {
  .grid-bonuses__item {
    height: 355px;
    margin-bottom: 80px;
  }
}
.grid-bonuses__bonus-title {
  text-decoration: none !important;
  position: absolute;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px 32px;
  width: 100%;
  max-width: 80%;
  height: 100px;
  top: -30px;
  overflow: hidden;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/Desktop-promo-image2.png");
  background-repeat: no-repeat;
  background-position: center calc(50% + 5px);
  background-size: 200%;
}
@media screen and (min-width: 960px) {
  .grid-bonuses__bonus-title {
    max-width: 90%;
    height: 136px;
    top: -50px;
  }
}
.grid-bonuses__percentage {
  width: 100%;
  text-align: center;
  font: normal normal 600 25px/21px Poppins;
  letter-spacing: -0.9px;
  color: #C5A536;
}
@media screen and (min-width: 960px) {
  .grid-bonuses__percentage {
    font: normal normal 600 45px/41px Poppins;
  }
}
.grid-bonuses__label {
  display: block;
  margin-top: 5px;
  width: 100%;
  text-align: center;
  font: normal normal 600 14px/15px Poppins;
  letter-spacing: -0.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .grid-bonuses__label {
    font: normal normal 600 24px/25px Poppins;
  }
}
.grid-bonuses__bonus-container {
  padding: 0 15px;
}
.grid-bonuses__sub-label {
  width: 100%;
  text-align: center;
  font: normal normal 600 30px/31px Poppins;
  letter-spacing: 3.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.grid-bonuses__logo {
  width: 147px;
  height: 34px;
}
@media screen and (min-width: 480px) {
  .grid-bonuses__logo {
    width: 120px;
    height: 26px;
  }
}
@media screen and (min-width: 480px) {
  .grid-bonuses__logo {
    width: 147px;
    height: 34px;
  }
}
.grid-bonuses__list {
  padding: 5px 0;
  width: 234px;
}
.grid-bonuses__list-container {
  padding: 0 10px;
  width: 100%;
}
.grid-bonuses__ul {
  margin: 0;
  padding: 0 0 0 30px;
}
.grid-bonuses__ul-li {
  font: normal normal medium 14x/16px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
}
@media screen and (min-width: 480px) {
  .grid-bonuses__ul-li {
    font: normal normal medium 17px/20px Poppins;
  }
}
.grid-bonuses__code-label {
  font: normal normal normal 14px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
@media screen and (min-width: 480px) {
  .grid-bonuses__code-label {
    font: normal normal normal 17px/16px Poppins;
  }
}
.grid-bonuses__code {
  font: normal normal bold 14px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  padding-right: 20px;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/icono-copypaste.svg");
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}
@media screen and (min-width: 480px) {
  .grid-bonuses__code {
    font: normal normal normal 17px/16px Poppins;
  }
}
.grid-bonuses__anchor {
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9E852E;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
}
.grid-bonuses__show-more-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-bonuses__btn-show-more {
  border: 1px solid #9E852E;
  height: 20px;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  text-transform: uppercase;
  padding: 0 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.small-size-slider-states-container {
  margin-bottom: 25px;
}

.small-size-slider-states .swiper-wrapper {
  align-items: baseline;
}

.small-size-slider-states {
  padding: 0 40px;
  z-index: 0;
}
.small-size-slider-states__item {
  text-decoration: none !important;
  position: relative;
  border: 1px solid #E3E2E2;
  width: 104px;
  height: 152px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-decoration: none;
  transition: all 0.5s;
}
.small-size-slider-states__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  background-color: #E3E2E2;
  transition: all 0.5s;
}
.small-size-slider-states__item:hover::before {
  height: 60%;
}
@media screen and (min-width: 960px) {
  .small-size-slider-states__item:hover::before {
    height: 60%;
    transition: all 0.5s;
  }
  .small-size-slider-states__item:hover {
    border: 1px solid #9E852E;
  }
}
.small-size-slider-states__logo {
  z-index: 10;
  width: 54px;
  height: 54px;
}
.small-size-slider-states__label {
  font: normal normal medium 17px/17px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
  text-transform: uppercase;
}
.small-size-slider-states__prev, .small-size-slider-states__next {
  --swiper-navigation-size: 20px;
  background-color: white;
  height: 152px;
  width: 35px;
  margin-top: -36px;
  color: black;
  font-weight: bold;
  top: var(--swiper-navigation-top-offset, 36px);
}
.small-size-slider-states__prev {
  left: 0;
}
.small-size-slider-states__prev::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-left-states.svg");
  background-repeat: no-repeat;
  background-position: calc(50% + 9px) center;
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-states__prev::after {
    background-position: calc(50% + 5px) center;
  }
}
.small-size-slider-states__next {
  right: 0;
}
.small-size-slider-states__next::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-right-states.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 9px) center;
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-states__next::after {
    background-position: calc(50% - 5px) center;
  }
}
.small-size-slider-states .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: initial;
  background-color: transparent;
}

.sportsbook-card {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #EFEFEF;
  border-radius: 16px;
  padding: 15px 0;
  /*circle title start*/
  /*circle title finsh*/
}
@media screen and (min-width: 640px) {
  .sportsbook-card {
    padding: 15px;
  }
}
.sportsbook-card__title-container {
  position: relative;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.sportsbook-card__title-item:nth-child(1) {
  width: 65%;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1280px) {
  .sportsbook-card__title-item:nth-child(1) {
    width: 260px;
  }
}
.sportsbook-card__item:nth-child(2) {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media screen and (min-width: 1280px) {
  .sportsbook-card__item:nth-child(2) {
    order: 0;
  }
}
.sportsbook-card__item:nth-child(4) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1870px) {
  .sportsbook-card__item:nth-child(4) {
    justify-content: space-between;
  }
}
.sportsbook-card__item-counter {
  border: 1px solid #2E2E2E;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 9px 20px;
  font: normal normal 800 20px/20px Poppins;
  letter-spacing: 5.6px;
  color: #9E852E;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .sportsbook-card__item-counter {
    width: 44px;
    height: 44px;
  }
}
.sportsbook-card__item-title-logo {
  width: 110px;
  height: 31px;
}
@media screen and (min-width: 480px) {
  .sportsbook-card__item-title-logo {
    width: 136px;
    height: 38px;
  }
}
@media screen and (min-width: 640px) {
  .sportsbook-card__item-title-logo {
    width: 199px;
    height: 56px;
  }
}
.sportsbook-card__item-title-anchor-mobile {
  margin: 0 auto;
  width: 152px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 600 19px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #9E852E;
  border-radius: 4px;
  text-decoration: none !important;
}
.sportsbook-card__item-container-rating-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  height: 76px;
}
.sportsbook-card__item-container-rating-circle-title {
  z-index: 0;
  background-color: white;
  border-radius: 50%;
  height: 65px;
  width: 65px;
  position: relative;
  position: relative;
  display: flex;
}
.sportsbook-card__item-container-rating-vector-title {
  fill: none;
  stroke-width: 5;
  transform: rotate(-90deg);
  transform-origin: 50%;
  stroke-dasharray: 100 100;
  stroke: #E6E6E6;
}
.sportsbook-card__item-container-rating-vector-title:nth-child(2) {
  stroke: var(--color);
  stroke-dasharray: var(--porcentaje) 100;
  animation: rellenar 0.35s linear forwards;
}
.sportsbook-card__item-container-rating-circle-title > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 17px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.38px;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #242E3D;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.sportsbook-card__item-bonus {
  width: 100%;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9E852E;
  border-radius: 5px;
  font: normal normal 600 24px/29px Poppins;
  letter-spacing: -0.48px;
  color: #1F2024;
  padding: 0 10px;
  text-align: center;
  margin: 0 auto;
}
.sportsbook-card__item-deposit-methods-mobile {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sportsbook-card__sub-title {
  margin: 0 0 15px 0;
  font: normal normal 500 20px/27px Poppins;
  letter-spacing: -0.4px;
  color: #1F2024;
  text-transform: uppercase;
}
.sportsbook-card__sub-title-color {
  color: #9E852E;
}
.sportsbook-card__item-deposit-methods-grid {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 640px) {
  .sportsbook-card__item-deposit-methods-grid {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 700px) {
  .sportsbook-card__item-deposit-methods-grid {
    margin-bottom: 0;
  }
}
.sportsbook-card__item-deposit-methods-grid > img {
  width: 45px;
  height: 27px;
}
.sportsbook-card__progress-bar-item {
  margin-bottom: 10px;
  position: relative;
}
.sportsbook-card__progress-bar-item-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sportsbook-card__progress-bar-title {
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  font-family: Poppins;
  letter-spacing: -0.36px;
  color: #2C2E32;
  display: block;
}
.sportsbook-card__progress-bar {
  height: 8px;
  width: 100%;
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.sportsbook-card__progress-bar::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 50%;
}
.sportsbook-card__progresive-bar-container {
  width: calc(100% - 20px);
  height: 8px;
  background-color: #DDDDDD;
  overflow: hidden;
  border-radius: 20px;
}
.sportsbook-card__progresive-bar {
  background: linear-gradient(90deg, #707070, #2C2E32);
  border-radius: 20px;
  height: 8px;
}
.sportsbook-card__progress-bar-percentage {
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.18px;
  color: #2C2E32;
  margin-left: 10px;
}
.sportsbook-card__anchor-review-mobile {
  text-decoration: underline;
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #9E852E;
  text-align: center;
  display: block;
}

.no-p-progress {
  padding: 0 !important;
}

.no-pr {
  padding-right: 0 !important;
}

.no-pl {
  padding-left: 0 !important;
}

.tabs-pros-cons-container {
  width: 100%;
  position: relative;
}
.tabs-pros-cons-container__tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  padding: 0 1px;
}
.tabs-pros-cons-container__title {
  font: normal normal 600 20px/28px Poppins;
  letter-spacing: -0.46px;
  color: #1F2024;
}
@media screen and (min-width: 480px) {
  .tabs-pros-cons-container__title {
    font: normal normal 600 23px/28px Poppins;
    padding-right: 5px;
  }
}
.tabs-pros-cons-container__dot {
  font: normal normal 600 20px/28px Poppins;
}
.tabs-pros-cons-container__tab {
  line-height: 2;
  border: 1px solid #ccc;
  position: relative;
  top: 1px;
  margin-bottom: 1px;
  width: 50%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font: normal normal 600 18px/25px Poppins;
  letter-spacing: -0.54px;
  color: #1F2024;
}
@media screen and (min-width: 480px) {
  .tabs-pros-cons-container__tab {
    font: normal normal 600 27px/32px Poppins;
  }
}
.tabs-pros-cons-container__tab .tab-ico-gold, .tabs-pros-cons-container__tab .tab-ico-black {
  margin-right: 10px;
  width: 20px;
  height: 25px;
}
@media screen and (min-width: 480px) {
  .tabs-pros-cons-container__tab .tab-ico-gold, .tabs-pros-cons-container__tab .tab-ico-black {
    width: 25px;
    height: 30px;
  }
}
.tabs-pros-cons-container__tab .tab-ico-gold {
  display: none;
}
.tabs-pros-cons-container__tab.is-active {
  background: #fff;
  color: #9E852E;
  position: relative;
  z-index: 2;
}
.tabs-pros-cons-container__tab:nth-child(1) {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/pros-check-up-black.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 40px) center;
  background-size: 20px 25px;
  border-right: none;
}
@media screen and (min-width: 480px) {
  .tabs-pros-cons-container__tab:nth-child(1) {
    background-position: calc(50% - 55px) center;
    background-size: 25px 30px;
  }
}
.tabs-pros-cons-container__tab:nth-child(1).is-active {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/pros-check-up-gold.svg");
}
.tabs-pros-cons-container__tab:nth-child(2) {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/pros-check-down-black.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 40px) center;
  background-size: 20px 25px;
}
@media screen and (min-width: 480px) {
  .tabs-pros-cons-container__tab:nth-child(2) {
    background-position: calc(50% - 55px) center;
    background-size: 25px 30px;
  }
}
.tabs-pros-cons-container__tab:nth-child(2).is-active {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/pros-check-down-gold.svg");
}
.tabs-pros-cons-container__panels {
  position: relative;
  z-index: 1;
  padding: 1em;
}
.tabs-pros-cons-container__panel {
  min-height: 240px; /* Establece la altura máxima del panel */
  position: absolute;
  left: -1000%;
}
.tabs-pros-cons-container__panel.is-active {
  position: relative;
  left: 0;
}

.pros-cons-title {
  font: normal normal 600 20px/24px Poppins;
  letter-spacing: -0.82px;
  color: #1F2024;
  display: block;
  text-align: center;
  padding: 20px 0;
}
@media screen and (min-width: 640px) {
  .pros-cons-title {
    font: normal normal 600 41px/49px Poppins;
  }
}

.sticky-banner-table-content-desktop {
  background: #2c2e32;
  width: calc(var(--stiky-banner-width) - 17px);
  height: var(--stiky-banner-height);
  border-radius: 8px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.sticky-banner-table-content-desktop::before {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/sticky_banner_play_arrow.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 86px;
  position: absolute;
  bottom: 60px;
  right: 26px;
  z-index: 50000;
}
.sticky-banner-table-content-desktop__top-container {
  position: relative;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.sticky-banner-table-content-desktop__container-info {
  height: 100%;
  padding: 20px;
  overflow-y: hidden;
  -ms-overflow-style: none;
}
.sticky-banner-table-content-desktop__container-info::-webkit-scrollbar {
  display: none;
}
.sticky-banner-table-content-desktop__container-info-item {
  background-color: #1e1f22;
  margin-bottom: 5px;
}
.sticky-banner-table-content-desktop__container-info-item > summary {
  list-style: none;
  height: 41px;
  background-color: #000000;
  color: white;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font: normal normal 600 18px/41px Poppins;
  letter-spacing: -0.36px;
  color: #FFFFFF;
  text-decoration: none !important;
  cursor: pointer;
}
.sticky-banner-table-content-desktop__container-info-item > summary > a {
  list-style: none;
  height: 41px;
  background-color: #000000;
  color: white;
  display: flex;
  align-items: center;
  font: normal normal 600 18px/41px Poppins;
  letter-spacing: -0.36px;
  color: #FFFFFF;
  text-decoration: none !important;
  width: 100%;
}
.sticky-banner-table-content-desktop__container-info-item > summary::-webkit-details-marker {
  display: none;
}
.sticky-banner-table-content-desktop .detail-arrow > summary::after {
  content: "\f078";
  font-family: FontAwesome;
  margin-left: auto;
  order: 2;
}
.sticky-banner-table-content-desktop .detail-arrow[open] > summary::after {
  content: "\f077";
}
.sticky-banner-table-content-desktop__ul {
  margin: 0;
}
.sticky-banner-table-content-desktop__li {
  position: relative;
  margin: 0;
  padding: 10px 0;
}
.sticky-banner-table-content-desktop__li:hover {
  color: #9E852E;
}
.sticky-banner-table-content-desktop__li::before {
  content: "";
  width: 150%;
  height: 2px;
  background-color: #2c2e32;
  position: absolute;
  bottom: 0;
  left: -45px;
}
.sticky-banner-table-content-desktop__li:last-child {
  border: none;
}
.sticky-banner-table-content-desktop__li:last-child::before {
  content: "";
  width: 150%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: -45px;
}
.sticky-banner-table-content-desktop__li > a {
  font: normal normal medium 18px/41px Poppins;
  letter-spacing: -0.36px;
  color: #FFFFFF;
}
.sticky-banner-table-content-desktop__li > a:hover {
  color: #9E852E;
  text-decoration: none !important;
}
.sticky-banner-table-content-desktop__breadcrumbs-container {
  position: relative;
  height: 133px;
  background: #cccccc;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
  border-top-left-radius: 5px;
  display: flex;
  align-items: center;
}
.sticky-banner-table-content-desktop__breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 15px;
}
.sticky-banner-table-content-desktop__breadcrumbs-anchors {
  text-transform: uppercase;
  text-decoration: none;
}
.sticky-banner-table-content-desktop__breadcrumbs-anchors:first-child {
  position: relative;
  text-transform: uppercase;
  font: normal normal 600 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
  background: #9e852e;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 25px;
}
.sticky-banner-table-content-desktop__breadcrumbs-anchors:first-child::after {
  content: "";
  background-image: url("images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  transform: scale(0.9);
}
.sticky-banner-table-content-desktop__breadcrumbs-anchors:last-child {
  text-transform: uppercase;
  font: normal normal 400 17px/20px Poppins;
  letter-spacing: 0;
  color: #000000;
}
.sticky-banner-table-content-desktop__anchor-bet {
  width: 152px;
  height: 48px;
  background-color: #9e852e;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font: normal normal 600 19px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
}

.ibd-map {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (min-width: 1600px) {
  .ibd-map {
    flex-direction: row;
  }
}
.ibd-map__item:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .ibd-map__item:nth-child(1) {
    width: 60%;
  }
}
.ibd-map__item:nth-child(2) {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1600px) {
  .ibd-map__item:nth-child(2) {
    width: 40%;
  }
}
.ibd-map__select-item {
  display: block;
  width: 275px;
  position: relative;
  background-color: #F3F3F3;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle-bottom.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}
@media screen and (min-width: 0) and (max-width: 1599px) {
  .ibd-map__select-item {
    margin-bottom: 15px;
  }
}
.ibd-map__select-item:focus-visible {
  outline: none;
}
@media screen and (min-width: 640px) {
  .ibd-map__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
@media screen and (min-width: 1600px) {
  .ibd-map__select-item {
    font: normal normal 600 17px/28px Poppins;
    letter-spacing: -0.34px;
    margin-left: auto;
  }
}
@media screen and (min-width: 1800px) {
  .ibd-map__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.ibd-map__state-info-container {
  width: 175px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.ibd-map__state-info-container.hidden {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 1600px) {
  .ibd-map__state-info-container {
    width: 300px;
  }
}
.ibd-map__state-full-review-link {
  border: 1px solid #8a7528;
  border-radius: 3px;
  opacity: 1;
  width: 162px;
  height: 32px;
  display: flex;
  text-align: center;
  margin-top: 25px;
  text-decoration: none;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #8a7528;
  text-transform: uppercase;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ibd-map__state-full-review-link.only-xl {
  display: none;
  visibility: hidden;
  margin-top: 30px;
}
@media screen and (min-width: 1600px) {
  .ibd-map__state-full-review-link.only-xl {
    display: flex;
    visibility: visible;
  }
}
@media screen and (min-width: 1600px) {
  .ibd-map__state-full-review-link.not-xl {
    display: none;
    visibility: hidden;
  }
}
.ibd-map__logo {
  width: 100%;
  height: 100%;
  max-height: 53px;
  max-width: 53px;
}
@media screen and (min-width: 1600px) {
  .ibd-map__logo {
    max-height: 126px;
    max-width: 126px;
  }
}
.ibd-map__state-label {
  display: block;
  width: 100%;
  font: normal normal normal 10px/19px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
  line-height: 15px;
  margin-bottom: 3px;
}
@media screen and (min-width: 1600px) {
  .ibd-map__state-label {
    font: normal normal normal 14px/25px Poppins;
    line-height: 20px;
  }
}
.ibd-map__state-info {
  font-weight: bold;
}
.ibd-map__state-bonuses-title {
  font: normal normal 600 23px/17px Poppins;
  letter-spacing: -0.46px;
  color: #2C2E32;
  display: block;
  margin-top: 15px;
}
.ibd-map__state-bonuses-grid {
  border-top: 4px solid #8a7528;
  margin-top: 15px;
  height: 300px;
  padding: 15px 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ibd-map__state-bonuses-grid::-webkit-scrollbar {
  display: none;
}
.ibd-map__state-bonuses-grid-item {
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .ibd-map__state-bonuses-grid-item {
    padding: 0 15px;
  }
}
.ibd-map__state-bonuses-brand {
  padding: 0 10px;
  font: normal normal 600 15px/18px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .ibd-map__state-bonuses-brand {
    font: normal normal 600 17px/27px Poppins;
  }
}
.ibd-map__state-bonuses-description {
  display: block;
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .ibd-map__state-bonuses-description {
    padding-left: 10px;
    display: inline-block;
    font: normal normal normal 14px/25px Poppins;
  }
}
.ibd-map__state {
  stroke: white;
  transition: fill 0.4s ease;
  transform-origin: center center;
}
@media screen and (min-width: 960px) {
  .ibd-map__state:hover {
    fill: #8f8b7a !important;
    cursor: pointer;
    transform: scale(1.005, 1.005);
  }
}
.ibd-map__state.active {
  fill: #8a7528 !important;
  cursor: pointer;
  transform: scale(1.005, 1.005);
}
.ibd-map__map-container {
  border: 1px solid red;
}

#ibdStateLabel {
  display: none;
}
@media screen and (min-width: 960px) {
  #ibdStateLabel {
    box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.7);
    opacity: 0%;
    padding: 1rem;
    border-radius: 8px;
    font-size: 24px;
    position: fixed;
    color: white;
    font-family: "Poppins";
    background-color: black;
    width: fit-content;
    transform: translateX(-50%);
    transition: opacity 0.4s ease;
    z-index: 1;
    display: block;
  }
}

.map-claim-bonus {
  background-color: #8a7528;
  min-width: 104px;
  height: 32px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.state-sportsbooks__container-state {
  margin-bottom: 20px;
}
.state-sportsbooks__container-state > summary::-webkit-details-marker {
  display: none;
}
.state-sportsbooks__container-state > summary {
  height: 40px;
  display: flex;
  align-items: center;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/03/dropdown-icon.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
  cursor: pointer;
  outline: none;
  font: normal normal 600 20px/28px Poppins;
  letter-spacing: -0.4px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .state-sportsbooks__container-state > summary {
    font: normal normal 600 27px/32px Poppins;
    letter-spacing: -0.54px;
  }
}
.state-sportsbooks__container-state[open] > summary {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/03/up-icon.svg");
}
.state-sportsbooks__title {
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
  color: #1F2024;
  text-decoration: underline;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.state-sportsbooks__anchor {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.state-sportsbooks__state-banner {
  width: 100%;
  height: auto;
}

.odds-compare {
  padding: 15px;
  border: 1px solid rgba(112, 112, 112, 0.1019607843);
  border-radius: 16px;
}
.odds-compare__top-inputs {
  padding: 0 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .odds-compare__top-inputs {
    flex-direction: row;
  }
}
.odds-compare__day-picker {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.odds-compare__day-picker-past-day, .odds-compare__day-picker-next-day {
  cursor: pointer;
}
.odds-compare__day-picker-label-day {
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
}
@media screen and (min-width: 760px) {
  .odds-compare__day-picker-label-day {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}
.odds-compare__grid-container {
  position: relative;
  height: 400px;
  overflow: auto;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.odds-compare__grid-container::-webkit-scrollbar {
  display: none;
}
.odds-compare__grid-row {
  display: flex;
  flex-wrap: nowrap;
  min-width: max-content;
  position: relative;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 45px;
}
.odds-compare__grid-row > .odds-compare__grid-row-item:nth-child(2) .odds-compare__grid-row-item-odds-values-color-pick {
  opacity: 0;
}
.odds-compare__grid-row > .odds-compare__grid-row-item:nth-child(2) .odds-compare__grid-row-item-odds-value.bo-style {
  position: relative;
  padding-left: 25px;
  overflow: hidden;
}
.odds-compare__grid-row > .odds-compare__grid-row-item:nth-child(2) .odds-compare__grid-row-item-odds-value.bo-style::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 100%;
  background: var(--bo-bg);
  left: 0;
  background-image: var(--bo-bg-image);
  background-repeat: no-repeat;
  background-position: center;
}
.odds-compare__grid-row > .odds-compare__grid-row-item:first-child {
  background-color: white;
  position: sticky;
  left: 0;
  z-index: 12;
  width: 200px;
  flex-basis: auto;
  flex-grow: 0;
  border-radius: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.odds-compare__grid-row-item-teams {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 150px;
  height: 100px;
}
.odds-compare__grid-row-item-teams-time {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.odds-compare__grid-row-item-teams-time-date {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  font-family: "Poppins";
  letter-spacing: 0px;
  color: #000000;
}
.odds-compare__grid-row-item-teams-time-hour {
  font: normal normal 600 10px/10px Poppins;
  letter-spacing: 0px;
  color: #000000;
}
.odds-compare__grid-row-item-team {
  position: relative;
  display: flex;
}
.odds-compare__grid-row-item-team-logo {
  margin-right: 15px;
}
.odds-compare__grid-row-item-team-info {
  display: flex;
  flex-direction: column;
  font: normal normal normal 15px/13px Poppins;
  letter-spacing: 0px;
  color: #242E3D;
}
.odds-compare__grid-row-item-team-info-name {
  font: normal normal 600 15px/22px Poppins;
  letter-spacing: 0px;
  color: #242E3D;
}
.odds-compare__grid-row:first-child {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 4px solid #E0E0E0;
  margin-bottom: 15px;
  height: 50px;
}
.odds-compare__grid-row:first-child > .odds-compare__grid-row-item:nth-child(1) span {
  display: flex;
  align-items: center;
  font: normal normal 600 23px/28px Poppins;
  letter-spacing: -0.46px;
  color: #1F2024;
}
.odds-compare__grid-row:first-child > .odds-compare__grid-row-item:nth-child(1) span > img {
  margin-right: 10px;
}
.odds-compare__grid-row:first-child > .odds-compare__grid-row-item:nth-child(2) {
  font: normal normal 600 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
}
.odds-compare__grid-row:first-child > .odds-compare__grid-row-item:nth-child(n+3) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.odds-compare__grid-row-item {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 32px;
  font: normal normal normal 15px/27px Poppins;
  letter-spacing: 0px;
  color: #919192;
}
.odds-compare__grid-row-tile {
  background-color: pink;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
}
.odds-compare__grid-row-item-odds-values {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  position: relative;
}
.odds-compare__grid-row-item-odds-value {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}
.odds-compare__grid-row-item-odds-values-color-pick {
  width: 15px;
  height: 4px;
}
.odds-compare__grid-row-item-value:first-child {
  font-weight: 600;
}
.odds-compare__select-item {
  width: 100%;
  position: relative;
  background-color: #F3F3F3;
  padding: 10px 20px;
  border-radius: 4px;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle-bottom.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  font: normal normal 600 17px/28px Poppins;
  letter-spacing: -0.34px;
  color: #1F2024;
}
@media screen and (min-width: 640px) {
  .odds-compare__select-item {
    width: 200px;
  }
}
.odds-compare__select-item:focus-visible {
  outline: none;
}
@media screen and (min-width: 640px) {
  .odds-compare__select-item {
    font: normal normal 600 23px/28px Poppins;
    letter-spacing: -0.46px;
  }
}

.small-size-slider-bonuses-category-container {
  margin-bottom: 25px;
}

.small-size-slider-bonuses-category .swiper-wrapper {
  align-items: center;
}

.small-size-slider-bonuses-category {
  padding-bottom: 24px;
  z-index: 0;
}
.small-size-slider-bonuses-category__item {
  padding-top: 80px;
  position: relative;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  width: 304px;
  height: 355px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.small-size-slider-bonuses-category__title-section {
  margin-bottom: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.small-size-slider-bonuses-category__category-name {
  font: normal normal 600 16px/18px Poppins;
  letter-spacing: -0.46px;
  color: #1F2024;
  text-transform: capitalize;
}
@media screen and (min-width: 480px) {
  .small-size-slider-bonuses-category__category-name {
    font: normal normal 600 23px/28px Poppins;
  }
}
.small-size-slider-bonuses-category__category-permalink {
  font: normal normal medium 15px/27px Poppins;
  letter-spacing: -0.3px;
  color: #1F2024;
  text-decoration: none !important;
  position: relative;
  padding-right: 15px;
}
.small-size-slider-bonuses-category__category-permalink::after {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/menu-sub-acron.svg");
  background-repeat: no-repeat;
  position: absolute;
  float: right;
  width: 10px;
  height: 10px;
  top: 10px;
  right: 0;
}
.small-size-slider-bonuses-category__bonus-title {
  position: absolute;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px 32px;
  width: 256px;
  height: 136px;
  top: -50px;
  overflow: hidden;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/Desktop-promo-image2.png");
  background-repeat: no-repeat;
  background-position: center calc(50% + 5px);
  text-decoration: none !important;
}
.small-size-slider-bonuses-category__percentage {
  width: 100%;
  text-align: center;
  font: normal normal 600 45px/41px Poppins;
  letter-spacing: -0.9px;
  color: #C5A536;
}
.small-size-slider-bonuses-category__label {
  width: 100%;
  text-align: center;
  font: normal normal 600 24px/25px Poppins;
  letter-spacing: -0.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.small-size-slider-bonuses-category__sub-label {
  width: 100%;
  text-align: center;
  font: normal normal 600 30px/31px Poppins;
  letter-spacing: 3.48px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.small-size-slider-bonuses-category__logo {
  width: 147px;
  height: 34px;
}
.small-size-slider-bonuses-category__list {
  padding: 5px 0;
  width: 234px;
}
.small-size-slider-bonuses-category__list-container {
  padding: 0 10px;
}
.small-size-slider-bonuses-category__ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.small-size-slider-bonuses-category__ul-li {
  font: normal normal medium 17px/20px Poppins;
  letter-spacing: -0.34px;
  color: #2C2E32;
}
.small-size-slider-bonuses-category__code-label {
  font: normal normal normal 17px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
}
.small-size-slider-bonuses-category__code {
  font: normal normal bold 17px/16px Poppins;
  letter-spacing: 0px;
  color: #9E852E;
  padding-right: 20px;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/icono-copypaste.svg");
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}
.small-size-slider-bonuses-category__anchor {
  width: 104px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9E852E;
  font: normal normal 600 13px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
}
.small-size-slider-bonuses-category__prev, .small-size-slider-bonuses-category__next {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1215686275);
  --swiper-navigation-size: 20px;
  background-color: white;
  height: 50px;
  width: 50px;
  margin-top: -35px;
  color: black;
  font-weight: bold;
  top: var(--swiper-navigation-top-offset, 53%);
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses-category__prev, .small-size-slider-bonuses-category__next {
    visibility: visible;
    height: 70px;
    width: 70px;
    top: var(--swiper-navigation-top-offset, 50%);
  }
}
.small-size-slider-bonuses-category__prev {
  border-radius: 50%;
  left: -15px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses-category__prev {
    left: -20px;
  }
}
.small-size-slider-bonuses-category__prev::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-left.svg");
  background-repeat: no-repeat;
  background-position: calc(50% + 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses-category__prev::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% + 5px) center;
  }
}
.small-size-slider-bonuses-category__next {
  border-radius: 50%;
  right: -15px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses-category__next {
    right: -20px;
  }
}
.small-size-slider-bonuses-category__next::after {
  content: "" !important;
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2024/02/arrow-guide-right.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 9px) center;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 640px) {
  .small-size-slider-bonuses-category__next::after {
    width: 32px;
    height: 33px;
    background-position: calc(50% - 5px) center;
  }
}
.small-size-slider-bonuses-category .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: initial;
}

/**** IBD contact Form ****/
.ibd-contact-form_element nf-fields-wrap {
  display: flex;
  flex-direction: column;
}

.ibd-contact-form_wrapper {
  background: #2C2E32;
  border-radius: 16px;
  padding: 20px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/bg_lines_fighters_schedule_top_banner.svg);
  background-repeat: no-repeat, repeat;
  background-position: bottom right;
  max-width: 820px;
  margin: 20px auto;
}
.ibd-contact-form_wrapper .nf-form-wrap.ninja-forms-form-wrap {
  max-width: 515px;
  margin: 0 auto;
}
.ibd-contact-form_wrapper .nf-field-element .ninja-forms-field {
  background: none !important;
  border-bottom: 2px solid #9E852E;
  border-top: none;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  padding: 0;
  line-height: normal;
  height: 21px;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
}
.ibd-contact-form_wrapper textarea.ninja-forms-field {
  height: 120px;
}
.ibd-contact-form_wrapper .nf-field-label {
  color: #CCCCCC;
  text-transform: uppercase;
}
.ibd-contact-form_wrapper .ninja-forms-req-symbol {
  display: none;
}
.ibd-contact-form_wrapper .nf-form-content label {
  font-size: 19px;
  font-weight: 400;
}
.ibd-contact-form_wrapper .field-wrap.html-wrap {
  max-width: 380px;
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  text-align: left;
}
.ibd-contact-form_wrapper .field-wrap.html-wrap span {
  color: #9E852E;
}
.ibd-contact-form_wrapper .field-wrap.html-wrap .nf-field-element {
  text-align: left;
}
.ibd-contact-form_wrapper .nf-form-fields-required {
  display: none;
}
.ibd-contact-form_wrapper .submit-wrap .nf-field-element input[type=submit] {
  background: #9E852E !important;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  border-bottom: none;
  height: 50px;
  text-transform: uppercase;
}
.ibd-contact-form_wrapper .submit-wrap .nf-field-element input[type=submit]:hover {
  background: #73632e !important;
  color: white;
}
.ibd-contact-form_wrapper .nf-error.field-wrap .nf-field-element:after {
  display: none;
}
.ibd-contact-form_wrapper .nf-field-element textarea.ninja-forms-field {
  height: 90px;
}
.ibd-contact-form_wrapper .nf-pass.field-wrap .nf-field-element:after {
  font-size: 20px;
  height: 22px;
  line-height: 21px;
}
.ibd-contact-form_wrapper .nf-field-element textarea.ninja-forms-field::-webkit-scrollbar {
  width: 6px;
}
.ibd-contact-form_wrapper .nf-field-element textarea.ninja-forms-field::-webkit-scrollbar-thumb {
  background-color: #4e4e4e;
  border-radius: 10px;
}
.ibd-contact-form_wrapper .nf-response-msg {
  color: #fff;
}

.picks-box__container {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1215686275);
  border: 1px solid #CBCCCE;
  border-radius: 10px;
  margin: 15px 0;
}
.picks-box__picks-header {
  background: #2B2E32;
  color: #fff;
  padding: 17px 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 13px;
  flex-direction: column;
  border-radius: 10px 10px 0px 0px;
}
@media screen and (min-width: 600px) {
  .picks-box__picks-header {
    flex-direction: row;
  }
}
.picks-box__picks-league-date:before {
  content: "";
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/calender-icon.png);
  width: 14px;
  height: 14px;
  position: absolute;
  left: -28px;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.picks-box__picks-header-bar {
  display: none;
}
@media screen and (min-width: 600px) {
  .picks-box__picks-header-bar {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .picks-box__picks-league-date {
    position: relative;
    margin-right: 50px;
  }
}
.picks-box__picks-location:before {
  content: "";
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/address-icon.png);
  width: 14px;
  height: 14px;
  position: absolute;
  left: -28px;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 600px) {
  .picks-box__picks-location {
    margin-left: 50px;
    position: relative;
  }
}
.picks-box__picks-at {
  font-size: 23px;
  color: #737E86;
}
@media screen and (min-width: 1280px) {
  .picks-box__picks-at {
    font-size: 32px;
  }
}
.picks-box_picks-location {
  position: relative;
}
.picks-box__picks-pick {
  color: #000000;
  font-size: 23px;
  font-weight: bold;
  line-height: 48px;
}
.picks-box__matchup_link {
  text-decoration: underline;
  font-size: 13px;
  color: #000000;
  grid-column: 1/span 3;
}
.picks-box__picks-col {
  display: flex;
  flex-direction: column;
  width: 31%;
  text-align: center;
}
.picks-box__col_matchup {
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
.picks-box__col_pick {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px 32px;
}
.picks-box__picks-innercol {
  display: flex;
  flex-direction: column;
}

.picks-box__picks-content {
  padding: 16px 15px;
  display: flex;
  justify-content: space-around;
}
.picks-box__picks-content .picks-box__picks-col img {
  max-width: 50px;
  margin: 0 auto;
}
.picks-box__picks-content .picks-box__picks-matchup {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
}
@media screen and (min-width: 1280px) {
  .picks-box__picks-content .picks-box__picks-matchup {
    font-size: 23px;
  }
}
.picks-box__picks-content .picks-box__picks-odds {
  color: #737E86;
  font-size: 13px;
}
.picks-box__picks-content .picks-box__picks-txt {
  font-size: 27px;
  color: #9E852E;
  font-weight: bold;
}
.picks-box__picks-content .picks-box__picks-odds {
  color: #737E86;
}
.picks-box__picks-content .picks-box__picks-affiliate-text {
  font-size: 29px;
  font-weight: bold;
  color: #9E842E;
}
.picks-box__picks-content .picks-box__picks-header {
  display: flex;
  justify-content: space-evenly;
}
.picks-box__picks-content .picks-box__picks-col:last-child img {
  max-width: 175px;
}
.picks-box__picks-content .picks-box__picks-affiliate-link {
  background: #99853D;
  color: #fff;
  border-radius: 3px;
  font-size: 19px;
  padding: 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .picks-box__picks-content {
    flex-direction: column;
  }
  .picks-box__picks-content .picks-box__picks-col {
    width: 100%;
    padding: 20px 0;
  }
  .picks-box__picks-content .picks-box__picks-header {
    flex-direction: column;
  }
}

/*here finish de website internal components modules*/
.swiper-lazy-preloader::after {
  color: #9E852E !important;
}

.swiper-lazy-preloader::after {
  border-top-color: #9E852E;
  border-right-color: #9E852E;
}

.swiper-lazy-preloader::after {
  border-top-color: #9E852E !important;
  border-right-color: #9E852E !important;
}

img {
  max-width: 100%;
}

.hide {
  display: none;
}

.hide-m {
  display: none;
}
@media screen and (min-width: 640px) {
  .hide-m {
    display: block !important;
  }
}

@media screen and (min-width: 640px) {
  .hide-d {
    display: none !important;
  }
}

.slider-module {
  width: 100%;
}

article.post {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

article.post .entry-header .entry-title {
  margin-bottom: 18px;
}

article.post h1 {
  font: normal normal 600 41px/44px Poppins;
}

article.post h2.entry-subtitile {
  font: normal normal 600 35px/39px Poppins;
  margin-bottom: 18px;
}

article.post .entry-header .post-thumbnail .wp-post-image {
  width: 100% !important;
  max-width: none !important;
  border-radius: 10px;
  height: auto !important;
  display: block;
}

article.post .entry-footer {
  display: none !important;
}

.post-navigation {
  display: none;
}

#comments {
  display: none !important;
}

.bpress-page-header {
  margin-top: 0 !important;
  position: relative !important;
  width: 100% !important;
  margin-left: 0 !important;
  left: 0 !important;
}

.bpress-crumbs-wrap {
  width: 100% !important;
  position: relative !important;
  margin-left: 0 !important;
  left: 0 !important;
}

nf-fields-wrap {
  display: flex;
}

#nf-field-28 {
  height: 48px;
}

#nf-field-29 {
  background-color: #9E852E !important;
  height: 48px;
}

@media (max-width: 500px) {
  .new-league-top-image-mobile {
    display: block;
    width: 100%;
    height: 219px;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 64px;
    background-position: bottom center;
  }
  .new-league-top-image-tablet,
  .new-league-top-image-desktop {
    display: none;
  }
}
@media (min-width: 501px) and (max-width: 1200px) {
  .new-league-top-image-tablet {
    display: block;
    width: 100%;
    height: 225px;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 64px;
    background-position: center;
  }
  .new-league-top-image-mobile,
  .new-league-top-image-desktop {
    display: none;
  }
}
@media (min-width: 1200px) {
  .new-league-top-image-desktop {
    display: block;
    width: 100%;
    height: 296px;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 64px;
    background-position: center;
  }
  .new-league-top-image-mobile,
  .new-league-top-image-tablet {
    display: none;
  }
}
.boxzilla-center-container #boxzilla-8814 {
  background-image: url("https://insidersbettingdigest.com/wp-content/uploads/2023/10/Pop-Up_IBD_Image_desktop.webp") !important;
  display: inline-block;
  text-align: left;
  position: relative;
  line-height: normal;
  background-position: center;
  background-repeat: no-repeat;
  width: 715px;
  height: 422px;
  border-radius: 20px;
  color: white;
}

.boxzilla {
  background: none !important;
}

.boxzilla-close-icon {
  position: absolute !important;
  text-align: center !important;
  padding: 6px !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  line-height: 20px !important;
  color: #ccc !important;
  top: 35px !important;
  opacity: 1 !important;
  right: 25px !important;
  font-size: 55px !important;
  font-weight: 300 !important;
}

#mc_embed_signup_scroll h3 {
  color: white;
  margin: 0 !important;
}

#mc_embed_signup_scroll h2 {
  color: #9E852E;
}

#mc_embed_signup_scroll nf-fields-wrap {
  display: block;
}

#mc_embed_signup_scroll ninja-forms-field nf-element {
  width: 245px;
  height: 40px;
}

#mc_embed_signup_scroll ninja-forms-field subscribe-btn nf-element {
  background-color: #9E852E;
  color: white;
}

#boxzilla-8814 {
  padding-left: 70px;
  padding-top: 54px;
  padding-right: 25px;
  padding-bottom: 25px;
}

#mc_embed_signup_scroll #nf-field-28_2-container,
#mc_embed_signup_scroll #nf-field-29_2-container {
  width: 245px;
}

#mc_embed_signup_scroll #nf-field-29_2-container {
  background-color: #9E852E !important;
  color: white !important;
}

#nf-field-29_2 {
  background-color: #9E852E !important;
  color: white !important;
}

@media (max-width: 600px) {
  #boxzilla-8814 {
    padding-left: 25px;
    padding-top: 54px;
    padding-right: 25px;
    padding-bottom: 25px;
    max-width: 315px;
  }
  .boxzilla-content {
    max-width: 256px;
  }
  .ninja-form-block {
    text-align: center !important;
  }
  .boxzilla-close-icon {
    font-size: 48px !important;
    right: 6px !important;
    top: 2px !important;
  }
  .boxzilla-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 20px;
    color: white;
    top: 35px;
    opacity: 1 !important;
    right: 25px !important;
    font-size: 55px !important;
    font-weight: 300 !important;
  }
}
.nf-field-element {
  text-align: center;
}

#nf-field-29_1-container .nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
  background-color: #9E852E !important;
}

.sticky-banner-desktop__brand-item {
  text-align: center;
  font: normal normal 600 41px/45px Poppins;
  letter-spacing: 0;
  color: #e6e6e6;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 15px;
  overflow-wrap: break-word;
}

.sticky-banner-mobile__image-container {
  font: normal normal 600 27px/32px Poppins;
  letter-spacing: 0;
  color: #e6e6e6;
  text-transform: uppercase;
  display: block;
  margin: 0;
  text-align: center;
}

.custom-featured-image {
  margin-right: 25px;
  border-radius: 10px;
  min-width: 270px;
  height: 170px;
  object-fit: cover;
}

.search-results .image-excerpt-div {
  display: flex;
}

.search-results article.post {
  border-radius: 10px;
  background-color: rgba(247, 247, 247, 0.6352941176);
  margin-bottom: 50px;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 20px;
  box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
  -webkit-box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
  -moz-box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
}

article.post .entry-header .entry-title a {
  font-size: 18px;
  font-weight: 600;
}

.search-results .content-info-full {
  max-width: 1000px;
  margin: 0 auto;
}

.search-results .nav-links {
  margin-bottom: 100px;
}

.search-results .nav-links a {
  background-color: rgba(247, 247, 247, 0.6352941176);
  padding: 15px;
  border-radius: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .search-results .image-excerpt-div {
    flex-direction: column;
  }
  .search-results .featured-image-div {
    text-align: center;
  }
  .search-results .excerpt-div {
    margin-top: 20px;
  }
}
@media screen and (min-width: 376px) and (max-width: 767px) {
  .search-results .custom-featured-image {
    width: 100%;
    height: 260px;
  }
}
@media screen and (max-width: 360px) {
  .search-results .custom-featured-image {
    width: 100% !important;
  }
}
.search-results .nav-links a {
  box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
  -webkit-box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
  -moz-box-shadow: 9px 14px 11px -10px rgba(102, 102, 102, 0.11);
}

.news-show-more__grid-item {
  cursor: pointer;
}

.news-show-more__grid-item:hover {
  text-decoration: none;
}

.news-show-more__title {
  cursor: pointer;
}

.table-adjustment {
  table-layout: fixed;
  width: 100%;
}

.wpcr3_respond_1,
.wpcr3_respond_2 {
  display: none;
}

.matchup-text-center-title {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.matchup-widget-item-treads {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
}

.matchup-widget-item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  display: flex;
  flex-direction: column;
  padding: 30px 0 15px 0;
}
.matchup-widget-item__title {
  display: block;
  text-align: center;
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.matchup-widget-item__title-color {
  color: #9E852E;
}
.matchup-widget-item__widget-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.matchup-widget-item-stats {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  display: flex;
  flex-direction: column;
  padding: 30px 0 0 0;
}
.matchup-widget-item-stats__title {
  display: block;
  text-align: center;
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.matchup-widget-item-stats__title-color {
  color: #9E852E;
}
.matchup-widget-item-stats__widget-container {
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}

.matchup-widget-item-ranked {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  display: flex;
  flex-direction: column;
  padding: 30px 0 15px 0;
}
.matchup-widget-item-ranked__title {
  display: block;
  text-align: center;
  font: normal normal 600 22px/23px Poppins;
  letter-spacing: -0.44px;
  color: #2C2E32;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.matchup-widget-item-ranked__title-color {
  color: #9E852E;
}
.matchup-widget-item-ranked__widget-container {
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}

.matchup-widget-injuries__item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1215686275);
  padding: 15px;
}

.show-more-top-sportsbooks {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.show-more-top-sportsbooks .view-full-sportsbooks-list {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #9e852e;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #9E852E;
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
  letter-spacing: 0px;
  color: #9E852E;
  opacity: 1;
  padding: 6px;
  font-size: 13px;
}

.review-template__toc-list a {
  text-decoration: none;
  color: white;
  width: 100%;
  padding: 6px;
  display: block;
  font-weight: 500;
}

.review-template__toc-list a:hover {
  background-color: #0c0c0c;
}

.review-template__toc-list li {
  list-style-type: none;
  width: 100%;
}

.review-template__toc-list {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 40px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
.review-template__toc-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.review-template__toc-list a.active {
  background-color: #000000;
}

.review-template__toc-list li ul {
  height: 0;
  overflow: hidden;
  margin: 0;
}

.review-template__toc-list li ul li {
  margin: 0;
}

.review-template__toc-list li.open ul {
  height: auto;
}

.review-template__toc-title {
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  font: normal normal 600 19px/23px Poppins;
  letter-spacing: -0.38px;
}

.sticky-banner-table-content-desktop__breadcrumbs-anchors:not(:last-child)::after {
  content: "";
  background-image: url("https://insidersbettingdigest.com/wp-content/themes/ibdthemev2/core-assets/images/triangle_right.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.9);
  transform: translateY(-50%) scale(0.9);
}

.sticky-banner-table-content-desktop__breadcrumbs-anchors {
  position: relative;
  padding-right: 30px;
}

.category-bonus-title {
  text-transform: capitalize;
}

.sqr {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 192px;
  height: auto;
  margin-left: 50px;
  text-decoration: none !important;
}
.sqr__title {
  position: absolute;
  top: 25px;
  font: normal normal 600 18px/27px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media screen and (min-width: 0) and (max-width: 1279px) {
  .sqr__title {
    font: normal normal 600 12px/16px Poppins;
    top: 10px;
  }
}
.sqr__bg {
  width: 100%;
}
.sqr__logo {
  position: absolute;
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 0) and (max-width: 1279px) {
  .sqr__logo {
    width: 70px;
    height: 70px;
    top: 58%;
  }
}

.line {
  margin-left: 50px;
  margin-bottom: 30px;
  width: 192px;
  border: 1px solid #cccccc;
}

.error-404.not-found {
  max-width: 580px;
}
.error-404.not-found .page-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.error-404.not-found .page-content p {
  font-size: 20px;
  line-height: normal;
}
.error-404.not-found .page-content a {
  color: #2B2E32;
  text-decoration: underline;
  font-weight: 600;
  line-height: 36px;
  font-size: 17px;
}

.error404 header.page-header {
  margin-top: 25px;
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .error404 .main-wrapper {
    min-height: auto;
  }
}
.error404 .error-404.not-found a.home-link {
  background: #99853D;
  font: normal normal 600 16px/24px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  border: none;
  width: 130px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
  border-radius: 3px;
  text-decoration: none;
  padding: 8px 0;
}
.error404 section.content-info-full {
  background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/404_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media only screen and (max-width: 600px) {
  .error404 section.content-info-full {
    background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/360X600-404_banner.png);
    background-position: center right;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .error404 section.content-info-full {
    background-image: url(/wp-content/themes/ibdthemev2/core-assets/images/800X675-404_banner.png);
    height: 680px;
  }
}
@media only screen and (max-width: 600px) {
  .error404 section.error-404.not-found {
    margin: 0;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .error404 section.error-404.not-found {
    margin: 30px 0 0px 30px;
  }
}
@media only screen and (min-width: 993px) {
  .error404 section.error-404.not-found {
    margin: 60px 0 0px 60px;
  }
}

.slider-top-sportsbooks__item-container-white {
  background-color: white;
  height: 7px;
}

.sportsbooks-bonuses-banner__label-item .sportsbooks-bonuses-banner__label-anchor:hover {
  background: #73632E;
}

a.sportsbook-card__item-title-anchor-mobile:hover {
  background: #73632E;
}

.top-sportsbooks-container.open .books-wrapper .sportsbook-card:nth-child(n+6) {
  display: flex;
}

.mobile-breadcrumbsNew {
  line-height: 30px;
}
@media screen and (min-width: 640px) {
  .mobile-breadcrumbsNew {
    line-height: 18px;
  }
}

.mobile-breadcrumbsNew span {
  color: #ab964b;
  margin-left: 5px;
  margin-right: 0px;
  font-size: 21px;
  line-height: 8px;
}

.mobile-breadcrumbsNew .mobile-breadcrumbs__anchors {
  text-transform: uppercase;
  text-decoration: none;
  font: normal normal normal 18px/17px Poppins;
}

/*# sourceMappingURL=style.css.map */