@font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+0370-03FF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb9lecyVC4A.woff2) format('woff2');
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(/wp-content/themes/maintheme/assets/images/customimages/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      .cookies[_ngcontent-jpx-c133] {
        position: fixed;
        z-index: 101;
        bottom: 58px;
        left: 50%;
        width: 100%; 
        background-color: rgb(var(--darkBg));
        padding: 9px 20px;
        transform: translateX(-50%);
        color: rgb(var(--whiteColor));
        font-family: var(--heading-font-family);
        font-size: 14px;
        
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: center; 
        pointer-events: auto
      }

      @media screen and (min-width:768px) {
        .cookies[_ngcontent-jpx-c133] {
          bottom: 32px;
          max-width: 440px;
          box-shadow: 0 4px 40px rgba(var(--primaryColor), .6)
        }
      }

      .stb-button[_ngcontent-jpx-c133] {
        flex-shrink: 0;
        margin-left: 10px
      }

      [_ngcontent-jpx-c300]:root {
        --textShadow: 37, 30, 11
      }

      .entrance[_ngcontent-jpx-c300] {
        position: relative;
        z-index: 12
      }

      .new-games[_ngcontent-jpx-c300] {
        text-align: center
      }

      .new-games--row[_ngcontent-jpx-c300] {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--games-gap);
        margin-bottom: 20px
      }

      @media screen and (min-width:1024px) {
        .new-games--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(10, 1fr)
        }
      }

      @media screen and (min-width:1280px) {
        .new-games--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(12, 1fr)
        }
      }

      .new-games--box[_ngcontent-jpx-c300] {
        grid-column: span 6;
        display: none
      }

      @media screen and (min-width:320px) {
        .new-games--box[_ngcontent-jpx-c300]:nth-child(-n+3) {
          display: block
        }
      }

      @media screen and (min-width:540px) {
        .new-games--box[_ngcontent-jpx-c300]:nth-child(-n+4) {
          display: block;
          grid-column: span 4
        }
      }

      @media screen and (min-width:768px) {
        .new-games--box[_ngcontent-jpx-c300]:nth-child(-n+5) {
          display: block;
          grid-column: span 3
        }
      }

      @media screen and (min-width:1024px) {
        .new-games--box[_ngcontent-jpx-c300]:nth-child(-n+6) {
          display: block;
          grid-column: span 2
        }
      }

      @media screen and (min-width:1280px) {
        .new-games--box[_ngcontent-jpx-c300]:nth-child(-n+18) {
          display: block;
          grid-column: span 2
        }

        .new-games--box[_ngcontent-jpx-c300]:nth-child(13),
        .new-games--box[_ngcontent-jpx-c300]:nth-child(14),
        .new-games--box[_ngcontent-jpx-c300]:nth-child(15),
        .new-games--box[_ngcontent-jpx-c300]:nth-child(16),
        .new-games--box[_ngcontent-jpx-c300]:nth-child(17),
        .new-games--box[_ngcontent-jpx-c300]:nth-child(18) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      .even-grid[_ngcontent-jpx-c300] {
        text-align: center
      }

      .even-grid--row[_ngcontent-jpx-c300] {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--games-gap);
        margin-bottom: 20px
      }

      .even-grid--row._has-shadow[_ngcontent-jpx-c300] {
        position: relative
      }

      .even-grid--row._has-shadow[_ngcontent-jpx-c300]:after {
        width: 100%;
        height: 94px;
        background: linear-gradient(180deg, rgba(var(--blackColor), 0), rgb(var(--blackColor)));
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 3
      }

      @media screen and (min-width:1024px) {
        .even-grid--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(10, 1fr)
        }
      }

      @media screen and (min-width:1280px) {
        .even-grid--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(12, 1fr)
        }
      }

      .even-grid--box[_ngcontent-jpx-c300] {
        grid-column: span 4;
        display: none
      }

      .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+15) {
        display: block
      }

      .even-grid--box[_ngcontent-jpx-c300]:nth-child(13),
      .even-grid--box[_ngcontent-jpx-c300]:nth-child(14),
      .even-grid--box[_ngcontent-jpx-c300]:nth-child(15) {
        display: block;
        height: 94px;
        overflow: hidden;
        pointer-events: none
      }

      @media screen and (min-width:768px) {
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+20) {
          display: block;
          grid-column: span 3
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(13),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(14),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(15),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(16) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(17),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(18),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(19),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(20) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1024px) {
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+25) {
          display: block;
          grid-column: span 2
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(16),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(17),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(18),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(19),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(20) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(21),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(22),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(23),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(24),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(25) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1280px) {
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+30) {
          display: block;
          grid-column: span 2
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(21),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(22),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(23),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(24) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .even-grid--box[_ngcontent-jpx-c300]:nth-child(25),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(26),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(27),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(28),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(29),
        .even-grid--box[_ngcontent-jpx-c300]:nth-child(30) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      .even-grid--box._favorite-default[_ngcontent-jpx-c300] {
        display: grid
      }

      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+30) {
        display: block
      }

      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(13),
      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(14),
      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(15) {
        height: auto;
        overflow: unset;
        pointer-events: unset
      }

      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(28),
      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(29),
      .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(30) {
        display: block;
        height: 94px;
        overflow: hidden;
        pointer-events: none
      }

      @media screen and (min-width:768px) {
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+40) {
          display: block;
          grid-column: span 3
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(17),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(18),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(19),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(20),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(28),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(29),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(30) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(37),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(38),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(39),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(40) {
          display: block;
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1024px) {
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+50) {
          display: block;
          grid-column: span 2
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(21),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(22),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(23),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(24),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(25),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(37),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(38),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(39),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(40) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(46),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(47),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(48),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(49),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(50) {
          display: block;
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1280px) {
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(-n+60) {
          display: block;
          grid-column: span 2
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(21),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(22),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(23),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(24),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(25),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(26),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(27),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(46),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(47),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(48),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(49),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(50) {
          height: auto;
          overflow: unset;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(55),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(56),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(57),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(58),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(59),
        .all-games[_ngcontent-jpx-c300] .even-grid--box[_ngcontent-jpx-c300]:nth-child(60) {
          display: block;
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      .continue-games[_ngcontent-jpx-c300] {
        padding-top: 5px
      }

      @media screen and (min-width:540px) {
        .continue-games[_ngcontent-jpx-c300] {
          padding-top: 10px
        }
      }

      @media screen and (min-width:1024px) {
        .continue-games[_ngcontent-jpx-c300] {
          padding-top: 20px
        }
      }

      .continue-games[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300] {
        border: 2px solid rgb(var(--primaryColor))
      }

      .favorite-games[_ngcontent-jpx-c300] {
        padding-top: 10px
      }

      @media screen and (min-width:1024px) {
        .favorite-games[_ngcontent-jpx-c300] {
          padding-top: 20px
        }
      }

      .continue-games[_ngcontent-jpx-c300],
      .favorite-games[_ngcontent-jpx-c300] {
        padding-bottom: 10px
      }

      .continue-games--slider[_ngcontent-jpx-c300],
      .favorite-games--slider[_ngcontent-jpx-c300] {
        position: relative
      }

      @media screen and (min-width:1024px) {

        .continue-games[_ngcontent-jpx-c300],
        .favorite-games[_ngcontent-jpx-c300] {
          padding-bottom: 20px
        }
      }

      .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300],
      .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] {
        grid-template-columns: repeat(12, 1fr);
        margin: 0
      }

      @media screen and (min-width:1024px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300],
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(10, 1fr)
        }
      }

      @media screen and (min-width:1280px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300],
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] {
          grid-template-columns: repeat(12, 1fr)
        }
      }

      .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300],
      .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300] {
        grid-column: span 6;
        display: none
      }

      .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+2),
      .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+2) {
        display: block
      }

      @media screen and (min-width:540px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+3),
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+3) {
          display: block;
          grid-column: span 4
        }
      }

      @media screen and (min-width:768px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+4),
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+4) {
          display: block;
          grid-column: span 3
        }
      }

      @media screen and (min-width:1024px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+5),
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+5) {
          display: block;
          grid-column: span 2
        }
      }

      @media screen and (min-width:1280px) {

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300],
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300] {
          grid-column: span 2
        }

        .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+6),
        .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item[_ngcontent-jpx-c300]:nth-child(-n+6) {
          display: block
        }
      }

      .continue-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item._favorite-default[_ngcontent-jpx-c300],
      .favorite-games[_ngcontent-jpx-c300] .new-games--row[_ngcontent-jpx-c300] .grid-games--item._favorite-default[_ngcontent-jpx-c300] {
        display: grid
      }

      .more-game[_ngcontent-jpx-c300] {
        position: absolute;
        top: 20px;
        right: 20px;
        text-decoration: none
      }

      @media screen and (min-width:768px) {
        .more-game[_ngcontent-jpx-c300] {
          right: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .more-game[_ngcontent-jpx-c300] {
          right: 44px
        }
      }

      @media screen and (min-width:1280px) {
        .more-game[_ngcontent-jpx-c300] {
          right: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .more-game[_ngcontent-jpx-c300] {
          right: 84px
        }
      }

      .show-btn[_ngcontent-jpx-c300] {
        margin-top: -26px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        z-index: 4
      }

      .main-section[_ngcontent-jpx-c300] {
        padding-top: var(--stb-padding-top);
        padding-bottom: var(--stb-padding-bot)
      }

      .main-section[_ngcontent-jpx-c300] .section-title[_ngcontent-jpx-c300] {
        margin-top: 0
      }

      .main-section._categories[_ngcontent-jpx-c300] {
        padding-bottom: 0
      }

      .main-section._jupiter-bn[_ngcontent-jpx-c300] {
        padding-top: 0
      }

      .arrow-button[_ngcontent-jpx-c300] {
        position: absolute;
        top: calc(50% - 15px);
        z-index: 10;
        display: none
      }

      .arrow-button._left[_ngcontent-jpx-c300] {
        left: -40px
      }

      .arrow-button._right[_ngcontent-jpx-c300] {
        right: -40px
      }

      @media screen and (min-width:1024px) {
        .arrow-button[_ngcontent-jpx-c300] {
          display: block
        }
      }

      .arrow-button.swiper-button-disabled[_ngcontent-jpx-c300] {
        display: none
      }

      .table-games--btn[_ngcontent-jpx-c300] {
        position: relative;
        bottom: 22px;
        z-index: 3
      }

      .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .famous-section-elem:after,
      .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .live-games--elem:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, #1e1e1e, rgba(30, 30, 30, .85) 30.34%, rgba(30, 30, 30, .6) 128.14%, rgba(30, 30, 30, 0) 156.07%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
      }

      .header[_ngcontent-jpx-c106] {
        position: relative;
        z-index: 102;
        width: 100%;
        background: rgb(var(--darkBg));
        pointer-events: auto
      }

      @media screen and (min-width:1280px) {
        .header[_ngcontent-jpx-c106] {
          position: sticky;
          top: 0;
          left: 0
        }
      }

      @media screen and (min-width:1440px) {
        .header[_ngcontent-jpx-c106] {
          padding: 12px 40px
        }
      }

      @media screen and (min-width:1680px) {
        .header[_ngcontent-jpx-c106] {
          padding: 12px 60px
        }
      }

      .header--logo[_ngcontent-jpx-c106] {
        display: block;
        width: 120px
      }

      @media screen and (min-width:1024px) {
        .header--logo[_ngcontent-jpx-c106] {
          width: 136px
        }
      }

      .header--inner[_ngcontent-jpx-c106] {
        position: relative;
        padding: 12px 26px
      }

      @media screen and (min-width:1280px) {
        .header--inner[_ngcontent-jpx-c106] {
          height: 106px;
          padding: 12px 20px
        }
      }

      .header--back[_ngcontent-jpx-c106] {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%)
      }

      .header--title[_ngcontent-jpx-c106] {
        font-size: 20px;
        line-height: 120%;
        font-weight: 700;
        font-family: var(--heading-font-family);
        display: block;
        text-align: center;
        
        color: rgb(var(--whiteColor));
        padding-top: 6px
      }

      .header._entrance[_ngcontent-jpx-c106] {
        background: none;
        position: absolute
      }

      @media screen and (min-width:1280px) {
        .header._entrance[_ngcontent-jpx-c106] {
          background: rgb(var(--darkBg));
          position: fixed
        }
      }

      @media screen and (max-width:1023.98px) {
        .header._disabled[_ngcontent-jpx-c106] {
          padding: 0
        }

        .header._disabled[_ngcontent-jpx-c106] .header--logo[_ngcontent-jpx-c106] {
          display: none
        }
      }

      .header--menu[_ngcontent-jpx-c106] {
        position: fixed;
        left: 0;
        padding: 0;
        top: 0;
        bottom: 58px;
        width: 100%;
        background: rgb(var(--darkBg));
        z-index: 100;
        transform: translateY(100vh);
        transition: var(--transitionTime) transform ease, var(--transitionTime) opacity ease;
        height: 100%;
        max-height: calc(100% - 58px);
        opacity: 0
      }

      @media screen and (min-width:540px) {
        .header--menu[_ngcontent-jpx-c106] {
          height: 820px;
          top: unset
        }
      }

      @media screen and (min-width:768px) {
        .header--menu[_ngcontent-jpx-c106] {
          padding-top: 40px;
          bottom: 58px;
          padding-bottom: 0
        }
      }

      @media screen and (min-width:768px) and (min-height:600px) {
        .header--menu[_ngcontent-jpx-c106] {
          height: auto
        }
      }

      @media screen and (min-width:1280px) {
        .header--menu[_ngcontent-jpx-c106] {
          transition: none;
          opacity: 1
        }
      }

      .header--menu[_ngcontent-jpx-c106]:after {
        display: none;
        content: "";
        background: url(/cdn-static/images/casinoly/header/menu-angel-pic.png) no-repeat 0 0/100% auto;
        width: 355px;
        height: 872px;
        position: absolute;
        bottom: -22px;
        right: 0;
        z-index: 1
      }

      @media screen and (min-width:540px) {
        .header--menu[_ngcontent-jpx-c106]:after {
          width: 380px;
          bottom: -232px
        }
      }

      @media screen and (min-width:768px) {
        .header--menu[_ngcontent-jpx-c106]:after {
          width: 355px;
          bottom: -390px
        }
      }

      .header--menu._active[_ngcontent-jpx-c106] {
        transform: translateY(0);
        opacity: 1
      }

      .header--menu._active[_ngcontent-jpx-c106]:after {
        display: block
      }

      @media screen and (min-width:1280px) {
        .header--menu._active[_ngcontent-jpx-c106]:after {
          display: none
        }
      }

      @media screen and (min-width:1280px) {
        .header--menu[_ngcontent-jpx-c106] {
          display: block;
          position: static;
          background: none;
          height: auto;
          max-height: unset;
          padding: 0;
          transform: translateY(0)
        }

        .header--menu[_ngcontent-jpx-c106]:after {
          display: none
        }
      }

      .header--toolbar[_ngcontent-jpx-c106] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 101;
        background: rgb(var(--darkBg));
        padding: 3px 12px;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1)) drop-shadow(0 4px 50px rgba(175, 142, 94, .6));
        display: grid;
        grid-template-columns: 1fr 52px
      }

      @supports (padding-bottom:env(safe-area-inset-bottom)) {
        .header--toolbar[_ngcontent-jpx-c106] {
          padding-bottom: env(safe-area-inset-bottom)
        }
      }

      @media screen and (min-width:540px) {
        .header--toolbar[_ngcontent-jpx-c106] {
          padding: 3px 16px
        }
      }

      @media screen and (min-width:768px) {
        .header--toolbar[_ngcontent-jpx-c106] {
          padding: 3px 24px
        }
      }

      @media screen and (min-width:1280px) {
        .header--toolbar[_ngcontent-jpx-c106] {
          display: block;
          position: static;
          padding: 0;
          filter: none
        }
      }

      .header--toolbar-btn[_ngcontent-jpx-c106] {
        background: url(/wp-content/themes/maintheme/assets/images/customimages/star-hover.png) no-repeat 50% 45%;
        width: 52px;
        height: 52px;
        display: block;
        position: relative
      }

      .header--toolbar-line[_ngcontent-jpx-c106] {
        height: 2px;
        width: 20px;
        background: rgb(var(--primaryBg));
        position: absolute;
        top: 19px;
        left: calc(50% - 10px);
        transition: var(--transitionTime) transform ease, var(--transitionTime) opacity ease
      }

      .header--toolbar-line._active[_ngcontent-jpx-c106] {
        transform: rotate(45deg) translateY(-50%);
        top: 50%
      }

      .header--toolbar-line[_ngcontent-jpx-c106]:nth-child(2) {
        top: 25px
      }

      .header--toolbar-line[_ngcontent-jpx-c106]:nth-child(2)._active {
        transform: translateX(-100%);
        opacity: 0
      }

      .header--toolbar-line[_ngcontent-jpx-c106]:nth-child(3) {
        top: 31px
      }

      .header--toolbar-line[_ngcontent-jpx-c106]:nth-child(3)._active {
        top: 50%;
        transform: rotate(-45deg) translateY(-50%)
      }

      .header--content[_ngcontent-jpx-c106] {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-direction: column
      }

      @media screen and (min-width:1280px) {
        .header--content[_ngcontent-jpx-c106] {
          display: grid;
          grid-gap: 20px;
          grid-template-columns: 136px 1fr auto
        }
      }

      @media screen and (min-width:1680px) {
        .header--content[_ngcontent-jpx-c106] {
          grid-gap: 34px
        }
      }

      .header--wrap[_ngcontent-jpx-c106] {
        display: grid;
        align-items: end;
        height: 100%;
        overflow-y: auto;
        z-index: 2;
        position: relative;
        padding-top: 25px
      }

      @media screen and (min-width:1280px) {
        .header--wrap[_ngcontent-jpx-c106] {
          display: block;
          overflow: visible;
          height: unset;
          padding-top: 0
        }
      }

      .header--nav[_ngcontent-jpx-c106] {
        display: grid
      }

      @media screen and (min-width:540px) {
        .header--nav[_ngcontent-jpx-c106] {
          grid-template-columns: repeat(2, minmax(200px, 1fr))
        }
      }

      @media screen and (min-width:768px) {
        .header--nav[_ngcontent-jpx-c106] {
          grid-template-columns: repeat(3, minmax(250px, 300px))
        }
      }

      @media screen and (min-width:1280px) {
        .header--nav[_ngcontent-jpx-c106] {
          display: block
        }
      }

      .header--nav-inner[_ngcontent-jpx-c106] {
        order: 1;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        border-bottom: 2px solid rgb(var(--dangerColor))
      }

      @media screen and (min-width:540px) {
        .header--nav-inner[_ngcontent-jpx-c106] {
          padding-bottom: 0;
          border: none;
          grid-row-start: 1;
          grid-row-end: 3
        }
      }

      @media screen and (min-width:1280px) {
        .header--nav-inner[_ngcontent-jpx-c106] {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(40px, auto));
          grid-gap: 19px;
          justify-content: start;
          margin-bottom: 0;
          padding-left: 0
        }

        .header--nav-inner[_ngcontent-jpx-c106]:lang(pt) {
          grid-gap: 14px
        }
      }

      @media screen and (min-width:1440px) {
        .header--nav-inner[_ngcontent-jpx-c106] {
          grid-gap: 22px
        }
      }

      @media screen and (min-width:1680px) {
        .header--nav-inner[_ngcontent-jpx-c106] {
          grid-gap: 40px
        }
      }

      .header--nav-top[_ngcontent-jpx-c106] {
        order: 2;
        margin-bottom: 16px;
        padding-left: 20px
      }

      @media screen and (min-width:1280px) {
        .header--nav-top[_ngcontent-jpx-c106] {
          display: grid;
          grid-gap: 10px;
          grid-template-columns: repeat(auto-fit, minmax(20px, auto));
          justify-content: start;
          padding-left: 0
        }
      }

      @media screen and (min-width:1440px) {
        .header--nav-top[_ngcontent-jpx-c106] {
          grid-gap: 24px
        }
      }

      @media screen and (min-width:1680px) {
        .header--nav-top[_ngcontent-jpx-c106] {
          grid-gap: 36px
        }
      }

      .header--nav-top-link[_ngcontent-jpx-c106] {
        font-size: 20px;
        line-height: 160%;
        font-weight: 700;
        color: rgb(var(--whiteColor));
        text-decoration: none;
        
        margin-bottom: 15px;
        display: flex;
        grid-auto-flow: column;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        z-index: 2;
        cursor: pointer;
        font-family: Roboto Condensed, sans-serif
      }

      @media screen and (min-width:1280px) {
        .header--nav-top-link[_ngcontent-jpx-c106] {
          font-size: 12px;
          line-height: 183%;
          font-weight: 700;
          font-family: Roboto, sans-serif;
          color: rgba(var(--whiteColor), .6);
          width: auto;
          margin-bottom: 0;
          white-space: nowrap;
          text-overflow: ellipsis
        }

        .header--nav-top-link[_ngcontent-jpx-c106]:hover {
          color: rgb(var(--whiteColor))
        }
      }

      .header--nav-top-link[_ngcontent-jpx-c106]>*[_ngcontent-jpx-c106] {
        margin-right: 10px
      }

      .header--nav-top-link[_ngcontent-jpx-c106]:last-child {
        margin-bottom: 0
      }

      .header--nav-top-link._holiday[_ngcontent-jpx-c106] {
        position: relative;
        width: auto
      }

      @media screen and (min-width:1280px) {
        .header--nav-top-link._holiday[_ngcontent-jpx-c106] {
          justify-content: center;
          padding: 2px 0
        }

        .header--nav-top-link._holiday[_ngcontent-jpx-c106]>*[_ngcontent-jpx-c106] {
          margin-right: 0
        }
      }

      .header--nav-top-link._holiday[_ngcontent-jpx-c106] .holiday-link--text[_ngcontent-jpx-c106] {
        display: flex;
        align-items: center
      }

      .header--nav-top-link._holiday[_ngcontent-jpx-c106] .holiday-link--text[_ngcontent-jpx-c106]:after {
        font-size: 10px;
        line-height: 100%;
        font-weight: 700;
        content: "New";
        
        color: rgb(var(--whiteColor));
        background: linear-gradient(270deg, #8a000e .27%, #d31e23 50.34%, #8a000e);
        margin-left: 10px;
        padding: 2px 4px
      }

      @media screen and (min-width:1280px) {
        .header--nav-top-link._holiday[_ngcontent-jpx-c106] .holiday-link--text[_ngcontent-jpx-c106]:after {
          margin-top: -3px;
          margin-left: 7px
        }
      }

      .header--nav-top-link._holiday[_ngcontent-jpx-c106] .holiday-link--icon[_ngcontent-jpx-c106] {
        animation: beer 4s ease-in-out infinite;
        transform: rotate(0)
      }

      @media screen and (min-width:1280px) {
        .header--nav-top-link._holiday[_ngcontent-jpx-c106] .holiday-link--icon[_ngcontent-jpx-c106] {
          margin: -3px 4px 0 0
        }
      }

      .header--nav-top-link._active[_ngcontent-jpx-c106] {
        color: rgb(var(--primaryColor))
      }

      @media screen and (min-width:540px) {
        .header--nav-top-link[_ngcontent-jpx-c106] {
          line-height: 1
        }
      }

      @media screen and (min-width:1280px) {
        .header--nav-top-link[_ngcontent-jpx-c106] {
          line-height: 160%
        }
      }

      .header--nav-top._mobile[_ngcontent-jpx-c106] {
        padding-left: 20px;
        order: 3;
        border-top: 2px solid rgb(var(--dangerColor));
        padding-top: 20px
      }

      @media screen and (min-width:540px) {
        .header--nav-top._mobile[_ngcontent-jpx-c106] {
          border: none;
          padding: 0 0 0 20px
        }
      }

      @media screen and (min-width:768px) {
        .header--nav-top._mobile[_ngcontent-jpx-c106] {
          margin: 0
        }
      }

      .header--nav-top-count[_ngcontent-jpx-c106] {
        display: flex;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: rgb(var(--primaryColor));
        font-size: 12px;
        line-height: 14px;
        margin: -2px 0 0 4px;
        flex-shrink: 0
      }

      .header--nav-link[_ngcontent-jpx-c106],
      .header--nav-top-count[_ngcontent-jpx-c106] {
        align-items: center;
        text-align: center;
        font-weight: 700;
        color: rgb(var(--whiteColor))
      }

      .header--nav-link[_ngcontent-jpx-c106] {
        font-size: 20px;
        line-height: 160%;
        text-decoration: none;
        letter-spacing: .05em;
        
        display: grid;
        grid-auto-flow: column;
        grid-gap: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-family: Roboto Condensed, sans-serif
      }

      .header--nav-link[_ngcontent-jpx-c106]:not(:last-child) {
        margin-bottom: 15px
      }

      @media screen and (min-width:1280px) {
        .header--nav-link[_ngcontent-jpx-c106] {
          font-size: 14px;
          line-height: 137%;
          font-weight: 700;
          font-family: Roboto, sans-serif;
          width: auto
        }

        .header--nav-link[_ngcontent-jpx-c106]:not(:last-child) {
          margin-bottom: 0
        }

        .header--nav-link[_ngcontent-jpx-c106]:hover {
          color: rgb(var(--primaryColor))
        }
      }

      @media screen and (min-width:1440px) {
        .header--nav-link[_ngcontent-jpx-c106] {
          font-size: 16px;
          line-height: 157%
        }
      }

      .header--nav-link._active[_ngcontent-jpx-c106] {
        color: rgb(var(--primaryColor));
        position: relative
      }

      .header--nav-link._active[_ngcontent-jpx-c106]:after {
        content: "";
        display: block;
        width: 152px;
        height: 152px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(/wp-content/themes/maintheme/assets/images/customimages/star-hover.png) no-repeat 50% 50%;
        filter: brightness(1.5);
        z-index: -1;
        pointer-events: none
      }

      @media screen and (min-width:540px) {
        .header--nav-link[_ngcontent-jpx-c106] {
          text-align: start;
          line-height: 1
        }
      }

      @media screen and (min-width:1280px) {
        .header--nav-link[_ngcontent-jpx-c106] {
          text-align: center;
          line-height: 137%
        }
      }

      .header--actions-btns[_ngcontent-jpx-c106] {
        display: grid;
        align-items: center;
        grid-template-columns: minmax(90px, auto) 1fr;
        grid-gap: 8px
      }

      @media screen and (min-width:375px) {
        .header--actions-btns[_ngcontent-jpx-c106] {
          grid-template-columns: minmax(110px, auto) 1fr
        }
      }

      @media screen and (min-width:540px) {
        .header--actions-btns[_ngcontent-jpx-c106] {
          justify-content: center;
          grid-template-columns: 110px 240px
        }
      }

      @media screen and (min-width:768px) {
        .header--actions-btns[_ngcontent-jpx-c106] {
          grid-gap: 12px;
          grid-template-columns: 140px 300px
        }
      }

      @media screen and (min-width:1024px) {
        .header--actions-btns[_ngcontent-jpx-c106] {
          grid-template-columns: 180px 1fr
        }
      }

      @media screen and (min-width:1280px) {
        .header--actions-btns[_ngcontent-jpx-c106] {
          grid-gap: 9px;
          padding-right: 0;
          align-items: end;
          grid-auto-flow: column;
          grid-template-columns: 1fr
        }
      }

      .header--actions-btns._active[_ngcontent-jpx-c106]>[_ngcontent-jpx-c106]:first-child,
      .header--actions-btns._unlogged[_ngcontent-jpx-c106]>[_ngcontent-jpx-c106]:first-child {
        margin-left: auto
      }

      .header--actions-btns._active[_ngcontent-jpx-c106] {
        grid-template-columns: repeat(2, 1fr)
      }

      .header--actions-btns._unlogged[_ngcontent-jpx-c106] {
        grid-template-columns: repeat(auto-fit, minmax(100px, auto))
      }

      @media screen and (min-width:1280px) {
        .header--actions-btns._unlogged.zimpler-btns[_ngcontent-jpx-c106] {
          grid-template-columns: repeat(auto-fit, minmax(147px, 40px));
          grid-template-columns: repeat(auto-fit, minmax(100px, auto))
        }
      }

      .header--actions-top[_ngcontent-jpx-c106] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 18px
      }

      .header--actions-top[_ngcontent-jpx-c106] .header--nav-top-link[_ngcontent-jpx-c106] {
        margin-right: 20px
      }

      .header--actions-bot[_ngcontent-jpx-c106] {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, minmax(90px, auto));
        align-items: center
      }

      .header--actions-lang[_ngcontent-jpx-c106] {
        display: flex;
        align-items: center
      }

      .header--actions-lang-flag[_ngcontent-jpx-c106] {
        margin-right: 4px
      }

      .header--actions-lang-title[_ngcontent-jpx-c106] {
        font-size: 12px;
        line-height: 100%;
        font-weight: 700;
        color: rgb(var(--lightColor));
        display: block;
        text-transform: uppercase
      }

      .header--btn[_ngcontent-jpx-c106] {
        width: 100%;
        max-width: 336px
      }

      .header--btn.stb-button._custom[_ngcontent-jpx-c106] {
        min-height: 40px
      }

      .header--btn.stb-button._custom[_ngcontent-jpx-c106] .custom-button {
        min-height: 40px;
        padding-top: 10px;
        padding-bottom: 10px
      }

      .header--btn.stb-button._custom[_ngcontent-jpx-c106] .custom-button .custom-button__title {
        font-size: 14px
      }

      .header--btn-lang[_ngcontent-jpx-c106] {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: initial;
        width: 100%;
        max-width: 336px;
        min-width: 82px;
        min-height: 40px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: rgb(var(--primaryColor));
        
        position: relative
      }

      @media screen and (min-width:375px) {
        .header--btn-lang[_ngcontent-jpx-c106] {
          min-width: 120px
        }
      }

      .header--btn-lang[_ngcontent-jpx-c106]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        -webkit-clip-path: var(--customBtnBorderClip);
        clip-path: var(--customBtnBorderClip);
        background: rgb(var(--primaryBg))
      }

      .header--btn-lang-flag[_ngcontent-jpx-c106] {
        width: 20px;
        height: 20px;
        margin-right: 4px
      }

      .header--btn-lang-flag[_ngcontent-jpx-c106] img[_ngcontent-jpx-c106] {
        height: 100%;
        object-fit: cover
      }

      .header--btn-lang-title[_ngcontent-jpx-c106] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: calc(100% - 40px)
      }

      @media screen and (min-width:1280px) {
        .header--btn._no-icon[_ngcontent-jpx-c106] {
          display: none;
          display: flex
        }
      }

      .header--btn_only-icon[_ngcontent-jpx-c106] {
        display: none
      }

      @media screen and (min-width:1280px) {
        .header--btn_only-icon[_ngcontent-jpx-c106] {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: rgb(var(--primaryColor));
          border: 2px solid rgb(var(--primaryColor));
          display: none
        }
      }

      .header--live[_ngcontent-jpx-c106] {
        position: fixed;
        z-index: 16;
        right: 10px;
        width: 50px;
        height: 50px;
        bottom: 75px;
        border-radius: 50%;
        background-color: rgba(var(--dangerColor));
        transition: transform .2s ease
      }

      .header--live[_ngcontent-jpx-c106]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 26px;
        height: 28px;
        filter: brightness(100);
        transform: translate(-50%, -50%);
        background: url(/wp-content/themes/maintheme/assets/images/customimages/chat-icon.svg) no-repeat 50%/19px 20px
      }

      @media screen and (min-width:1280px) {
        .header--live[_ngcontent-jpx-c106] {
          bottom: 20px;
          right: 20px
        }

        .header--live[_ngcontent-jpx-c106]:hover {
          background-color: rgba(var(--primaryColor))
        }
      }

      .header--up-btn[_ngcontent-jpx-c106] {
        opacity: 0;
        bottom: 132px;
        transition: opacity .5s ease;
        border: 2px solid #fff;
        border-radius: 12px;
        pointer-events: none
      }

      @media screen and (min-width:1280px) {
        .header--up-btn[_ngcontent-jpx-c106] {
          bottom: 76px
        }
      }

      .header--up-btn.shown[_ngcontent-jpx-c106] {
        opacity: 1;
        pointer-events: all
      }

      .header--up-btn[_ngcontent-jpx-c106] .icon-button--wrap[_ngcontent-jpx-c106] {
        transform: rotate(-90deg)
      }

      .header--right[_ngcontent-jpx-c106] {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 8px;
        align-items: center
      }

      .header--profile[_ngcontent-jpx-c106] {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 40px;
        height: 40px;
        background: linear-gradient(.762turn, #a87a03 -8.24%, #e9c016 47.18%, #f8e18e 107.53%);
        border-radius: 100%;
        order: -1;
        margin-right: 14px
      }

      @media screen and (min-width:1280px) {
        .header--profile[_ngcontent-jpx-c106] {
          order: 1;
          margin-right: 0
        }
      }

      .header--drop[_ngcontent-jpx-c106] {
        display: none;
        top: calc(100% + 15px);
        background-color: rgb(var(--mainBg));
        width: 260px;
        padding: 13px 0 24px
      }

      .header--drop[_ngcontent-jpx-c106],
      .header--drop[_ngcontent-jpx-c106]:before {
        position: absolute;
        transform: translateX(-50%);
        left: 50%
      }

      .header--drop[_ngcontent-jpx-c106]:before {
        content: "";
        top: -15px;
        border-left: 13px solid transparent;
        border-bottom: 15px solid rgb(var(--mainBg));
        border-right: 13px solid transparent;
        border-top: 0 solid transparent
      }

      .header--drop[_ngcontent-jpx-c106]:after {
        position: absolute;
        content: "";
        top: -15px;
        left: 0;
        width: 100%;
        height: 15px;
        background: transparent
      }

      .header--drop-item[_ngcontent-jpx-c106] {
        font-size: 14px;
        line-height: 171%;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 20px;
        border-bottom: 2px solid #342f24;
        color: rgb(var(--whiteColor));
        text-decoration: none;
        white-space: normal
      }

      .header--drop-btn[_ngcontent-jpx-c106] {
        margin: 20px auto 16px;
        filter: drop-shadow(0 4px 40px rgba(175, 142, 94, .35)) drop-shadow(0 4px 4px rgba(0, 0, 0, .1))
      }

      .header--drop-btn[_ngcontent-jpx-c106],
      .header--drop-link[_ngcontent-jpx-c106] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: block
      }

      .header--drop-link[_ngcontent-jpx-c106] {
        font-size: 16px;
        line-height: 140%;
        font-weight: 400;
        margin: 0 auto;
        letter-spacing: .03em;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: rgb(var(--whiteColor))
      }

      .header--drop-link[_ngcontent-jpx-c106]:hover {
        text-decoration: none
      }

      .header--right-info[_ngcontent-jpx-c106] {
        display: flex;
        align-items: center
      }

      .header--right-icon[_ngcontent-jpx-c106] {
        margin: -2px 0 0 4px
      }

      .header--balance[_ngcontent-jpx-c106] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 42px;
        padding: 0 3px 0 18px;
        position: relative;
        width: 100%;
        text-decoration: none
      }

      .header--balance-val[_ngcontent-jpx-c106] {
        font-size: 16px;
        line-height: 100%;
        font-weight: 700;
        display: flex;
        align-items: center;
        height: 100%;
        color: rgb(var(--whiteColor));
        margin-right: 4px;
        white-space: nowrap;
        text-overflow: ellipsis
      }

      .header--balance-val[_ngcontent-jpx-c106]:hover .header--drop[_ngcontent-jpx-c106] {
        display: block
      }

      .header--balance-val[_ngcontent-jpx-c106]:hover .header--arrow[_ngcontent-jpx-c106] {
        transform: rotate(180deg)
      }

      .header--balance-val._real[_ngcontent-jpx-c106] {
        max-width: calc(100% - 46px);
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap
      }

      .header--balance-val._main-real[_ngcontent-jpx-c106] .header--arrow[_ngcontent-jpx-c106] {
        margin-left: 3px;
        transition: transform var(--transitionTime) ease
      }

      .header--balance._coins[_ngcontent-jpx-c106] {
        justify-content: center;
        padding: 0;
        font-size: 14px;
        order: -1
      }

      .header--balance._coins[_ngcontent-jpx-c106] svg[_ngcontent-jpx-c106] {
        color: rgb(var(--blackColor))
      }

      .header--balance._coins[_ngcontent-jpx-c106]:active {
        text-decoration: none
      }

      .header--balance._coins[_ngcontent-jpx-c106] .header--balance-val[_ngcontent-jpx-c106] {
        font-size: 14px
      }

      @media screen and (min-width:375px) {
        .header--balance._coins[_ngcontent-jpx-c106] .header--balance-val[_ngcontent-jpx-c106] {
          font-size: 16px
        }
      }

      @media screen and (min-width:1280px) {
        .header--balance._coins[_ngcontent-jpx-c106] {
          order: unset;
          padding-left: 12px
        }

        .header--balance._coins[_ngcontent-jpx-c106] .header--balance-val[_ngcontent-jpx-c106] {
          font-size: 16px
        }
      }

      @media screen and (min-width:1280px) {
        .header--balance[_ngcontent-jpx-c106] {
          width: auto
        }
      }

      .header--balance[_ngcontent-jpx-c106]:after,
      .header--balance[_ngcontent-jpx-c106]:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1
      }

      .header--balance[_ngcontent-jpx-c106]:after {
        background: rgb(var(--mainBg));
        -webkit-clip-path: var(--customBtnClip);
        clip-path: var(--customBtnClip);
        z-index: -2
      }

      .header--balance[_ngcontent-jpx-c106]:before {
        background: rgb(var(--dangerBg));
        -webkit-clip-path: var(--customBoxBorderClip);
        clip-path: var(--customBoxBorderClip)
      }

      .header--balance-coin[_ngcontent-jpx-c106] {
        margin-right: 4px;
        width: 24px;
        height: 24px
      }

      .header--balance._panel[_ngcontent-jpx-c106] {
        justify-content: flex-start;
        height: 56px;
        max-width: 580px;
        margin-left: auto;
        margin-right: auto
      }

      .header--balance._panel[_ngcontent-jpx-c106]:not(:last-child) {
        margin-bottom: 20px
      }

      .header--balance._panel[_ngcontent-jpx-c106] .header--profile[_ngcontent-jpx-c106] {
        margin-right: 8px;
        width: 44px;
        height: 44px
      }

      .header--balance-icon[_ngcontent-jpx-c106],
      .header--bonus[_ngcontent-jpx-c106] {
        color: rgb(var(--whiteColor))
      }

      .header--bonus[_ngcontent-jpx-c106] {
        display: grid;
        text-align: center;
        padding-bottom: 18px;
        margin-bottom: 18px;
        border-bottom: 2px solid rgb(var(--dangerColor));
        grid-template-areas: "title""name""get""terms";
        grid-gap: 18px
      }

      @media screen and (min-width:768px) {
        .header--bonus[_ngcontent-jpx-c106] {
          grid-template-areas: "title get""title get""name get""name get""terms get""terms get";
          grid-gap: 16px;
          align-items: center;
          min-height: 200px
        }
      }

      .header--bonus-title[_ngcontent-jpx-c106] {
        font-size: 20px;
        line-height: 100%;
        font-weight: 400;
        
        grid-area: title
      }

      .header--bonus-title-text[_ngcontent-jpx-c106] {
        position: relative
      }

      .header--bonus-title-text[_ngcontent-jpx-c106]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4px;
        width: calc(100% + 16px);
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(var(--primaryColor));
        height: 1px
      }

      .header--bonus-name[_ngcontent-jpx-c106] {
        font-size: 27px;
        line-height: 120%;
        font-weight: 700;
        text-shadow: 0 4px 20px #251e0b;
        grid-area: name
      }

      @media screen and (min-width:768px) {
        .header--bonus-name[_ngcontent-jpx-c106] {
          font-size: 30px
        }
      }

      .header--bonus-terms[_ngcontent-jpx-c106] {
        grid-area: terms
      }

      .header--bonus-get[_ngcontent-jpx-c106] {
        grid-area: get;
        position: relative
      }

      .header--bonus-get[_ngcontent-jpx-c106]:after {
        content: "";
        width: 221px;
        height: 221px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: -1;
        transform: translate(-50%, -50%);
        background: url(/wp-content/themes/maintheme/assets/images/customimages/star-glow.png) no-repeat 50% 50%
      }

      .header--bonus-login[_ngcontent-jpx-c106] {
        grid-area: login
      }

      .header--user[_ngcontent-jpx-c106] {
        margin-bottom: 25px;
        padding-top: 8px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: rgb(var(--whiteColor));
        font-size: 14px;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
        
        letter-spacing: .05em;
        margin-left: 20px
      }

      @media screen and (min-width:540px) {
        .header--user[_ngcontent-jpx-c106] {
          width: 540px;
          max-width: 90vw;
          margin-left: auto;
          margin-right: auto
        }
      }

      .header--user-name[_ngcontent-jpx-c106] {
        font-size: 28px;
        font-weight: 900;
        font-family: Roboto, sans-serif;
        letter-spacing: 0;
        text-transform: capitalize;
        text-shadow: 0 4px 20px #251e0b;
        background: var(--primaryGradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
      }

      .header--panel[_ngcontent-jpx-c106] {
        padding: 0 20px 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid rgb(var(--dangerColor))
      }

      .header--panel-btn[_ngcontent-jpx-c106] {
        margin-left: auto
      }

      .header--panel-heading[_ngcontent-jpx-c106] {
        font-size: 22px;
        line-height: 22px;
        font-weight: 900;
        font-family: Roboto, sans-serif;
        color: rgb(var(--whiteColor));
        display: block;
        margin-bottom: 4px
      }

      .header--panel-stat[_ngcontent-jpx-c106] {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        font-family: Roboto Condensed, sans-serif;
        color: rgb(var(--lightColor));
        display: block;
        text-transform: uppercase
      }

      .header--panel-stat._yellow[_ngcontent-jpx-c106] {
        color: rgb(var(--primaryColor))
      }

      .header--panel-aside[_ngcontent-jpx-c106] {
        margin-left: auto;
        padding-right: 24px
      }

      .header--panel-progress[_ngcontent-jpx-c106] {
        font-size: 16px;
        line-height: 117%;
        font-weight: 700;
        color: rgb(var(--whiteColor));
        display: block
      }

      .header--panel-progress-val[_ngcontent-jpx-c106] {
        color: rgb(var(--primaryColor))
      }

      .header--icon[_ngcontent-jpx-c106] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        width: 55px;
        margin-right: 5px;
        margin-left: -4px
      }

      .header._hide-live-chat[_ngcontent-jpx-c106] .header--live[_ngcontent-jpx-c106] {
        display: none
      }

      .header--balance-btn._mobile[_ngcontent-jpx-c106] {
        width: 46px
      }

      .header.hide-header-toolbar[_ngcontent-jpx-c106] .header--live[_ngcontent-jpx-c106],
      .header.hide-header-toolbar[_ngcontent-jpx-c106] .header--toolbar[_ngcontent-jpx-c106] {
        opacity: 0;
        visibility: hidden
      }

      @media screen and (min-width:1024px) {

        .header.hide-header-toolbar[_ngcontent-jpx-c106] .header--live[_ngcontent-jpx-c106],
        .header.hide-header-toolbar[_ngcontent-jpx-c106] .header--toolbar[_ngcontent-jpx-c106] {
          opacity: 1;
          visibility: visible
        }
      }

      .lamborghini--wrapper[_ngcontent-jpx-c106] {
        padding: 20px;
        border-top: 2px solid rgb(var(--dangerColor));
        order: 2
      }

      @media screen and (min-width:540px) {
        .lamborghini--wrapper[_ngcontent-jpx-c106] {
          border-top: unset
        }
      }

      .lamborghini--button[_ngcontent-jpx-c106] {
        display: block;
        min-width: 150px;
        background: url(/wp-content/themes/maintheme/assets/images/customimages/logo-header.svg) no-repeat 0;
        background-size: auto 100%;
        color: rgb(var(--whiteColor));
        font-weight: 700;
        line-height: 120%;
        
        text-decoration: none
      }

      .lamborghini--button._mobile[_ngcontent-jpx-c106] {
        height: 56px;
        padding: 36px 0 0 54px;
        font-size: 16px
      }

      .lamborghini--button._header[_ngcontent-jpx-c106] {
        height: 40px;
        padding: 24px 0 0 39px;
        font-size: 12px
      }

      @media screen and (min-width:1280px) {
        .lamborghini--button._header[_ngcontent-jpx-c106] {
          width: 30px;
          min-width: auto;
          overflow: hidden
        }
      }

      @media screen and (min-width:1680px) {
        .lamborghini--button._header[_ngcontent-jpx-c106] {
          min-width: 150px;
          overflow: visible;
          width: auto
        }
      }

      @media screen and (max-width:1279.98px) {
        .hide-logo.header[_ngcontent-jpx-c106] {
          padding: 0
        }

        .hide-logo[_ngcontent-jpx-c106] .header--logo[_ngcontent-jpx-c106] {
          display: none
        }

        .hide-logo[_ngcontent-jpx-c106] .header--content[_ngcontent-jpx-c106] {
          grid-template-columns: 1fr auto
        }
      }

      @keyframes beer {
        0% {
          transform: rotate(0)
        }

        50% {
          transform: rotate(-80deg)
        }

        to {
          transform: rotate(0)
        }
      }

      .footer[_ngcontent-jpx-c112] {
        display: grid;
        grid-row-gap: 20px;
        position: relative;
        padding: 20px 20px 84px;
        background-color: rgb(var(--grey));
        overflow: hidden;
        margin-top: 20px;
        z-index: 5
      }

      .footer._no-margin[_ngcontent-jpx-c112] {
        margin-top: 0
      }

      @media screen and (min-width:540px) {
        .footer[_ngcontent-jpx-c112] {
          padding-bottom: 122px
        }
      }

      @media screen and (min-width:768px) {
        .footer[_ngcontent-jpx-c112] {
          padding-left: 26px;
          padding-right: 26px;
          margin-top: 40px
        }
      }

      @media screen and (min-width:1280px) {
        .footer[_ngcontent-jpx-c112] {
          grid-row-gap: 40px;
          padding: 20px 32px 22px
        }
      }

      @media screen and (min-width:1440px) {
        .footer[_ngcontent-jpx-c112] {
          padding-bottom: 100px
        }
      }

      @media screen and (min-width:1680px) {
        .footer[_ngcontent-jpx-c112] {
          padding-left: 46px;
          padding-right: 46px
        }
      }

      .footer[_ngcontent-jpx-c112]:after,
      .footer[_ngcontent-jpx-c112]:before {
        display: block;
        position: absolute;
        pointer-events: none;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
      }

      .footer[_ngcontent-jpx-c112]:before {
        content: "";
        top: 168px;
        left: 0;
        width: 500px;
        height: 420px;
        background-image: url(/cdn-static/images/casinoly/footer/footer-img@2x.png)
      }

      @media screen and (min-width:1280px) {
        .footer[_ngcontent-jpx-c112]:after {
          content: "";
          top: 108px;
          right: 24px;
          width: 300px;
          height: 200px;
          background-image: url(/cdn-static/images/casinoly/footer/footer-hand@2x.png)
        }
      }

      .footer--top[_ngcontent-jpx-c112] {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 16px;
        margin-bottom: 20px
      }

      @media screen and (min-width:540px) {
        .footer--top[_ngcontent-jpx-c112] {
          grid-template-columns: 160px 160px
        }
      }

      .footer--live-chat[_ngcontent-jpx-c112] {
        font-size: 14px;
        line-height: 100%;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        width: 100%;
        min-height: 40px;
        padding: 8px;
        background-color: rgb(var(--mainBg));
        color: rgb(var(--whiteColor));
        text-transform: uppercase
      }

      .footer--live-chat[_ngcontent-jpx-c112]:before {
        content: "";
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 2px;
        width: 16px;
        height: 18px;
        filter: brightness(100);
        background: 50%/contain no-repeat url(/wp-content/themes/maintheme/assets/images/customimages/chat-icon.svg)
      }

      .footer--category-chapters[_ngcontent-jpx-c112] {
        display: grid;
        grid-row-gap: 8px;
        margin: 20px 0
      }

      @media screen and (min-width:1280px) {
        .footer--category-chapters[_ngcontent-jpx-c112] {
          width: 100%;
          margin: 20px auto;
          max-width: 1824px;
          grid-column-gap: 12px;
          grid-template-rows: repeat(3, auto);
          grid-template-columns: repeat(5, 1fr)
        }
      }

      .footer--chapter[_ngcontent-jpx-c112] {
        position: relative;
        z-index: 1
      }

      @media screen and (max-width:1023.98px) {

        .footer--chapter[_ngcontent-jpx-c112]:nth-child(2) .footer--category[_ngcontent-jpx-c112],
        .footer--chapter[_ngcontent-jpx-c112]:nth-child(3) .footer--category[_ngcontent-jpx-c112] {
          grid-template-columns: 1fr 1fr
        }
      }

      @media screen and (min-width:1280px) {
        .footer--chapter[_ngcontent-jpx-c112]:first-child {
          grid-row: 1/2
        }

        .footer--chapter[_ngcontent-jpx-c112]:nth-child(2),
        .footer--chapter[_ngcontent-jpx-c112]:nth-child(3) {
          grid-row: 1/4
        }

        .footer--chapter[_ngcontent-jpx-c112]:nth-child(4) {
          grid-row: 1/2
        }

        .footer--chapter[_ngcontent-jpx-c112]:nth-child(5) {
          grid-row: 1/4
        }

        .footer--chapter[_ngcontent-jpx-c112]:nth-child(6) {
          grid-row: 2/4;
          grid-column: 4/5
        }
      }

      .footer--licenses-toggle[_ngcontent-jpx-c112] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        font-size: 12px;
        line-height: 100%;
        font-weight: 700;
        color: rgb(var(--whiteColor));
        cursor: pointer
      }

      .footer--licenses-toggle[_ngcontent-jpx-c112] .arrow[_ngcontent-jpx-c112] {
        margin-left: 4px;
        transition: transform .2s ease-out
      }

      .footer--licenses-toggle._open[_ngcontent-jpx-c112] .arrow[_ngcontent-jpx-c112] {
        transform: rotate(180deg)
      }

      .footer--chapter-title[_ngcontent-jpx-c112] {
        font-size: 14px;
        line-height: 130%;
        font-weight: 700;
        position: relative;
        padding: 12px 40px 12px 16px;
        color: rgb(var(--whiteColor));
        background-color: rgb(var(--blackGrey));
        text-decoration: none
      }

      @media screen and (min-width:1280px) {
        .footer--chapter-title[_ngcontent-jpx-c112] {
          padding: 0;
          font-size: 16px;
          background-color: initial
        }
      }

      .footer--chapter-title[_ngcontent-jpx-c112] .arrow-toggler[_ngcontent-jpx-c112] {
        position: absolute;
        top: 16px;
        right: 16px
      }

      .footer--chapter-title._open[_ngcontent-jpx-c112] {
        background-color: rgb(var(--dangerColor))
      }

      .footer--chapter-title._open[_ngcontent-jpx-c112] .arrow-toggler[_ngcontent-jpx-c112] {
        transform: rotate(180deg)
      }

      .footer--chapter-title._is-link[_ngcontent-jpx-c112] {
        position: relative;
        z-index: 1;
        cursor: pointer;
        transition: color .4s ease
      }

      .footer--chapter-title._is-link[_ngcontent-jpx-c112]:hover {
        color: rgb(var(--primaryColor))
      }

      .footer--category[_ngcontent-jpx-c112] {
        display: none;
        padding: 24px 32px;
        background-color: rgb(var(--blackGrey))
      }

      @media screen and (min-width:1280px) {
        .footer--category[_ngcontent-jpx-c112] {
          display: grid;
          justify-content: start;
          grid-row-gap: 24px;
          padding: 24px 0;
          background-color: initial
        }
      }

      .footer--category._open[_ngcontent-jpx-c112] {
        display: block
      }

      .footer--category-item[_ngcontent-jpx-c112] {
        margin-bottom: 24px
      }

      @media screen and (min-width:1280px) {
        .footer--category-item[_ngcontent-jpx-c112] {
          margin-bottom: 0
        }
      }

      .footer--category-item[_ngcontent-jpx-c112]:last-child {
        margin-bottom: 0
      }

      .footer--category-link[_ngcontent-jpx-c112] {
        font-size: 14px;
        line-height: 130%;
        font-weight: 500;
        color: rgb(var(--whiteColor));
        text-decoration: underline;
        letter-spacing: .03em;
        transition: color .4s ease
      }

      @media screen and (min-width:1280px) {
        .footer--category-link[_ngcontent-jpx-c112] {
          cursor: pointer;
          text-decoration: none
        }
      }

      .footer--category-link[_ngcontent-jpx-c112]:hover {
        color: rgb(var(--primaryColor))
      }

      .footer--payments[_ngcontent-jpx-c112] {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(4, 1fr);
        margin: 20px 0
      }

      @media screen and (min-width:540px) {
        .footer--payments[_ngcontent-jpx-c112] {
          grid-template-columns: repeat(4, 88px);
          justify-content: center
        }
      }

      .footer--payments-item[_ngcontent-jpx-c112],
      .footer--payments-more[_ngcontent-jpx-c112] {
        transition: opacity .7s ease
      }

      @media screen and (min-width:1280px) {

        .footer--payments-item[_ngcontent-jpx-c112]:hover,
        .footer--payments-more[_ngcontent-jpx-c112]:hover {
          cursor: pointer;
          opacity: .8
        }
      }

      .footer--payments-item[_ngcontent-jpx-c112] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap
      }

      .footer--payments-more[_ngcontent-jpx-c112] {
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 100%;
        font-weight: 700;
        grid-auto-flow: column;
        grid-column-gap: 4px;
        color: rgb(var(--whiteColor));
        text-decoration: none
      }

      .footer--payments-more[_ngcontent-jpx-c112]:after {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        background: 50%/contain no-repeat url(/wp-content/themes/maintheme/assets/images/customimages/arrow-accordion.svg);
        transform: rotate(-90deg)
      }

      .footer--licenses[_ngcontent-jpx-c112] {
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        margin: 20px 0
      }

      .footer--license-item[_ngcontent-jpx-c112],
      .footer--licenses[_ngcontent-jpx-c112] {
        display: flex;
        justify-content: center
      }

      .footer--license-item._curacao[_ngcontent-jpx-c112] {
        display: none;
        height: 34px;
        width: 34px
      }

      .footer--license-item._curacao._show-license[_ngcontent-jpx-c112] {
        display: block
      }

      .footer--license-img[_ngcontent-jpx-c112] {
        color: rgb(var(--whiteColor))
      }

      .footer--text[_ngcontent-jpx-c112] {
        display: grid;
        grid-row-gap: 12px;
        margin: 20px 0
      }

      .footer--text-brandname[_ngcontent-jpx-c112] {
        text-transform: capitalize
      }

      .footer--text-item[_ngcontent-jpx-c112] {
        font-size: 12px;
        line-height: 180%;
        font-weight: 400;
        color: rgb(var(--whiteColor));
        letter-spacing: .06em
      }

      .footer--text-item._center[_ngcontent-jpx-c112] {
        text-align: center
      }

      .footer--licenses-text[_ngcontent-jpx-c112] {
        display: grid;
        grid-row-gap: 14px;
        padding-bottom: 20px;
        text-align: center
      }

      @media screen and (min-width:1024px) {
        .footer--licenses-text[_ngcontent-jpx-c112] {
          max-width: 900px;
          margin: 0 auto
        }
      }

      @media screen and (min-width:1280px) {
        .footer--licenses-text[_ngcontent-jpx-c112] {
          max-width: 1128px
        }
      }

      @media screen and (min-width:1680px) {
        .footer--licenses-text[_ngcontent-jpx-c112] {
          max-width: 1480px
        }
      }

      @media screen and (min-width:1920px) {
        .footer--licenses-text[_ngcontent-jpx-c112] {
          max-width: 1692px
        }
      }

      .footer--licenses-text[_ngcontent-jpx-c112] .footer--text-item[_ngcontent-jpx-c112] {
        display: none
      }

      .footer--licenses-text._open[_ngcontent-jpx-c112] .footer--text-item[_ngcontent-jpx-c112],
      .footer--licenses-text[_ngcontent-jpx-c112] .footer--text-item.is-visible[_ngcontent-jpx-c112] {
        display: block
      }

      .footer--copyright[_ngcontent-jpx-c112] {
        max-width: 750px;
        margin: 0 auto
      }

      .main-bn[_ngcontent-jpx-c269] {
        background-image: url(/cdn-static/images/casinoly/entrance/entrance-page-baner-mob.jpg);
        height: calc(60vh - 138px);
        min-height: 625px;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
        transition: height 1s
      }

      .main-bn._unlogged[_ngcontent-jpx-c269] {
        min-height: 550px
      }

      @media screen and (min-width:1024px) {

        .main-bn[_ngcontent-jpx-c269],
        .main-bn._unlogged[_ngcontent-jpx-c269] {
          height: calc(70vh - 138px);
          min-height: 850px
        }

        .main-bn[_ngcontent-jpx-c269] {
          background-image: url(/cdn-static/images/casinoly/entrance/entrance-page-baner.jpg);
          overflow: unset
        }
      }

      .main-bn[_ngcontent-jpx-c269]:after {
        position: absolute;
        height: 50%;
        bottom: 0;
        left: 0;
        width: 100%;
        content: "";
        display: block;
        background: linear-gradient(180deg, rgba(var(--blackColor), 0) 70%, rgb(var(--blackColor)));
        transform: var(--transformMobile);
        transition: var(--transitionTime) transform ease
      }

      .main-bn._zimpler[_ngcontent-jpx-c269] {
        margin-bottom: 60px;
        height: unset
      }

      .main-bn--cards[_ngcontent-jpx-c269],
      .main-bn--gods[_ngcontent-jpx-c269] {
        position: relative;
        transform: scale(.5)
      }

      @media screen and (min-width:1024px) {

        .main-bn--cards[_ngcontent-jpx-c269],
        .main-bn--gods[_ngcontent-jpx-c269] {
          height: 200px;
          transform: scale(.65)
        }
      }

      @media screen and (min-width:1280px) {

        .main-bn--cards[_ngcontent-jpx-c269],
        .main-bn--gods[_ngcontent-jpx-c269] {
          height: 140px
        }
      }

      @media screen and (min-width:1440px) {

        .main-bn--cards[_ngcontent-jpx-c269],
        .main-bn--gods[_ngcontent-jpx-c269] {
          transform: scale(.8);
          height: 200px
        }
      }

      .main-bn--bot[_ngcontent-jpx-c269] {
        display: flex;
        flex-direction: column
      }

      .main-bn--cards[_ngcontent-jpx-c269] {
        margin-bottom: 10px;
        filter: drop-shadow(0 6px 60px rgba(166, 131, 57, .9))
      }

      @media screen and (min-width:1280px) {
        .main-bn--cards[_ngcontent-jpx-c269] {
          height: 250px;
          margin-bottom: 40px
        }
      }

      @media screen and (min-width:1440px) {
        .main-bn--cards[_ngcontent-jpx-c269] {
          margin-bottom: 80px
        }
      }

      .main-bn--card[_ngcontent-jpx-c269],
      .main-bn--god[_ngcontent-jpx-c269] {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        transition: transform 1s
      }

      .main-bn--card[_ngcontent-jpx-c269]:after,
      .main-bn--god[_ngcontent-jpx-c269]:after {
        content: "";
        position: absolute;
        width: 75%;
        height: 300px;
        background: linear-gradient(180deg, #b29555 19.7%, rgba(178, 149, 85, .15) 75%, transparent);
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -2;
        filter: blur(15px);
        transform-origin: top;
        opacity: 0;
        transition: opacity var(--transitionTime)
      }

      .main-bn--card[_ngcontent-jpx-c269] {
        z-index: 5
      }

      .main-bn--card[_ngcontent-jpx-c269]:after {
        height: 260px;
        background: linear-gradient(136.67deg, #b29555 23.58%, rgba(178, 149, 85, .15) 82.52%)
      }

      .main-bn--box[_ngcontent-jpx-c269] {
        position: absolute;
        left: 0;
        bottom: -20px;
        padding-bottom: 145px;
        width: 100%;
        z-index: 12;
        transition: opacity .6s ease, transform .6s ease;
        text-align: center;
        color: rgb(var(--whiteColor));
        pointer-events: none;
        opacity: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: calc(100% - 60px)
      }

      @media screen and (min-width:1024px) {
        .main-bn--box[_ngcontent-jpx-c269] {
          max-width: 325px;
          padding-bottom: 0;
          width: unset;
          height: unset;
          display: block;
          left: 12%;
          bottom: unset;
          top: 45%
        }
      }

      @media screen and (min-width:1280px) {
        .main-bn--box[_ngcontent-jpx-c269] {
          max-width: 480px;
          top: 50%
        }
      }

      @media screen and (min-width:1440px) {
        .main-bn--box[_ngcontent-jpx-c269] {
          max-width: 800px
        }
      }

      .main-bn--box-img[_ngcontent-jpx-c269] {
        position: relative
      }

      .main-bn--box-img._lightning[_ngcontent-jpx-c269] {
        position: absolute;
        top: 0;
        width: 70px
      }

      @media screen and (min-width:1280px) {
        .main-bn--box-img._lightning[_ngcontent-jpx-c269] {
          width: unset
        }
      }

      .main-bn--box-img._lightning[_ngcontent-jpx-c269]:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 250px;
        background: linear-gradient(180deg, #b29555 19.7%, rgba(178, 149, 85, .15) 75%, transparent);
        top: 35%;
        left: 50%;
        z-index: -2;
        filter: blur(15px);
        transform-origin: top;
        opacity: 0;
        transform: translateX(-42%) rotate(30deg)
      }

      .main-bn--box-img._lightning-left[_ngcontent-jpx-c269] {
        left: 0;
        transform: scaleX(-1) translateY(-100vh)
      }

      .main-bn--box-img._lightning-right[_ngcontent-jpx-c269] {
        right: 0;
        transform: translateY(-100vh)
      }

      .main-bn--box-img._eagle[_ngcontent-jpx-c269] {
        display: block;
        width: var(--eagle-size);
        height: var(--eagle-size);
        margin: 0 auto 45px
      }

      @media screen and (min-width:1440px) {
        .main-bn--box-img._eagle[_ngcontent-jpx-c269] {
          margin: 0 auto 104px
        }
      }

      @media (min-width:1440px) and (max-height:900px) {
        .main-bn--box-img._eagle[_ngcontent-jpx-c269] {
          margin: 0 auto 70px
        }
      }

      .main-bn--box-img._eagle[_ngcontent-jpx-c269] img[_ngcontent-jpx-c269] {
        position: relative;
        z-index: 2
      }

      .main-bn--box-img._eagle[_ngcontent-jpx-c269]:after {
        content: "";
        display: block;
        width: var(--eagle-size);
        height: var(--eagle-size);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-55%, -55%);
        z-index: 1;
        background-image: url(/cdn-static/images/casinoly/entrance/bn-ellipse.png);
        background-repeat: no-repeat;
        background-size: cover;
        pointer-events: none
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .main-bn--box-img._eagle[_ngcontent-jpx-c269]:after {
          background-image: url(/cdn-static/images/casinoly/entrance/bn-ellipse@2x.png)
        }
      }

      .main-bn--box-img._eagle[_ngcontent-jpx-c269]:before {
        content: "";
        position: absolute;
        width: 75%;
        height: 175px;
        background: linear-gradient(180deg, #b29555 19.7%, rgba(178, 149, 85, .15) 75%, transparent);
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -2;
        filter: blur(15px);
        transform-origin: top;
        opacity: 0
      }

      .main-bn--box-title[_ngcontent-jpx-c269] {
        font-size: 16px;
        line-height: 137%;
        font-weight: 700;
        margin: 24px 6px 50px;
        text-shadow: 0 4px 20px #251e0b;
        font-family: var(--heading-font-family);
        position: relative;
        text-transform: uppercase
      }

      .main-bn--box-title[_ngcontent-jpx-c269]:after {
        content: "";
        display: block;
        width: 203px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        bottom: -25px;
        position: absolute;
        background-color: rgb(var(--primaryBg))
      }

      @media screen and (min-width:1024px) {
        .main-bn--box-title[_ngcontent-jpx-c269] {
          font-size: 36px;
          line-height: 42px;
          font-weight: 900;
          font-family: var(--font-family-base);
          text-transform: capitalize
        }
      }

      @media screen and (min-width:1280px) {
        .main-bn--box-title[_ngcontent-jpx-c269] {
          font-size: 56px;
          line-height: 136%;
          font-weight: 900
        }
      }

      .main-bn--box-title._bn-title[_ngcontent-jpx-c269] {
        margin-bottom: 28px;
        transform: var(--transformMobile);
        transition: transform .6s ease
      }

      .main-bn--box-title._bn-title[_ngcontent-jpx-c269]:after {
        bottom: -14px;
        transition: transform .9s ease
      }

      @media screen and (min-width:1024px) {
        .main-bn--box-title._bn-title[_ngcontent-jpx-c269] {
          transition: unset
        }
      }

      @media screen and (min-width:1280px) {
        .main-bn--box-title._bn-title[_ngcontent-jpx-c269] {
          font-size: 56px;
          margin-bottom: 50px
        }

        .main-bn--box-title._bn-title[_ngcontent-jpx-c269]:after {
          bottom: -25px
        }
      }

      .main-bn--box-prize[_ngcontent-jpx-c269] {
        font-size: 28px;
        line-height: 171%;
        font-weight: 500;
        margin: 0 auto 16px;
        text-shadow: 0 4px 20px #251e0b;
        transform: var(--transformMobile);
        transition: transform 1.2s ease;
        padding: 0 46px
      }

      @media screen and (min-width:1024px) {
        .main-bn--box-prize[_ngcontent-jpx-c269] {
          order: 2;
          padding: 0
        }
      }

      @media screen and (min-width:1280px) {
        .main-bn--box-prize[_ngcontent-jpx-c269] {
          font-size: 40px
        }
      }

      @media (min-width:1280px) and (max-height:900px) {
        .main-bn--box-prize[_ngcontent-jpx-c269] {
          font-size: 30px
        }
      }

      .main-bn--box-btn[_ngcontent-jpx-c269] {
        pointer-events: auto
      }

      .main-bn--box-btn._bn-btn[_ngcontent-jpx-c269] {
        transform: var(--transformMobile);
        transition: transform 1.5s ease;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
      }

      @media screen and (min-width:1024px) {
        .main-bn--box-btn._bn-btn[_ngcontent-jpx-c269] {
          order: 3
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] {
        opacity: 1;
        visibility: visible
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-btn._bn-btn[_ngcontent-jpx-c269],
      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-prize[_ngcontent-jpx-c269],
      .main-bn--box._show[_ngcontent-jpx-c269]:after {
        transform: var(--transformMobileShow)
      }

      @media screen and (min-width:1024px) {
        .main-bn--box._show[_ngcontent-jpx-c269] {
          transform: translateY(-50%)
        }
      }

      @media screen and (min-width:1280px) {
        .main-bn--box._show[_ngcontent-jpx-c269] {
          transform: translateY(-44%)
        }
      }

      @media screen and (min-width:1440px) {
        .main-bn--box._show[_ngcontent-jpx-c269] {
          transform: translateY(-50%)
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-title._bn-title[_ngcontent-jpx-c269] {
        transform: var(--transformMobileShow)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:after {
        opacity: .8
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:first-child {
        transform: translate(-308px, 150px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:first-child:after {
        transform: translateX(-100%) rotate(-55deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(7) {
        transform: translate(calc(-50% + 279px), 150px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(7):after {
        transform: translateX(38%) rotate(60deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(2) {
        transform: translate(-249px, 89px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(2):after {
        transform: translateX(-100%) rotate(-50deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(6) {
        transform: translate(calc(-50% + 207px), 89px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(6):after {
        transform: translateX(-15%) rotate(45deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(3) {
        transform: translate(-158px, 44px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(3):after {
        transform: translateX(-68%) rotate(-30deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(5) {
        transform: translate(calc(-50% + 118px), 44px)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--god[_ngcontent-jpx-c269]:nth-child(5):after {
        transform: translateX(-40%) rotate(20deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:after {
        opacity: .8
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:first-child {
        z-index: 3;
        transform: translate(-155%, 47%) scale(.75)
      }

      @media screen and (min-width:1280px) {
        .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:first-child {
          transform: translate(-187%, 69%)
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:first-child:after {
        transform: translate(-37%, 20%) rotate(-25deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(2) {
        z-index: 4;
        transform: translate(-100%, 18%)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(2):after {
        transform: translateX(-45%) rotate(-10deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(4) {
        z-index: 4;
        transform: translate(1%, 18%)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(4):after {
        transform: translateX(-48%) rotate(7deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(5) {
        z-index: 3;
        transform: translate(57%, 47%) scale(.75)
      }

      @media screen and (min-width:1280px) {
        .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(5) {
          transform: translate(87%, 69%)
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--card[_ngcontent-jpx-c269]:nth-child(5):after {
        transform: translateX(-53%) rotate(20deg)
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-img._eagle[_ngcontent-jpx-c269]:before,
      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-img._lightning[_ngcontent-jpx-c269]:before {
        animation: var(--transitionTime) .6s show-light forwards ease
      }

      @keyframes show-light {
        0% {
          opacity: 0
        }

        to {
          opacity: .8
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-img._lightning-left[_ngcontent-jpx-c269] {
        animation: var(--transitionTime) var(--transitionTime) lightning-left-anim forwards linear
      }

      @keyframes lightning-left-anim {
        0% {
          transform: scaleX(-1) translate(100px, -20vh)
        }

        to {
          transform: scaleX(-1) translate(calc(-50% - 15px))
        }
      }

      .main-bn--box._show[_ngcontent-jpx-c269] .main-bn--box-img._lightning-right[_ngcontent-jpx-c269] {
        animation: var(--transitionTime) var(--transitionTime) lightning-right-anim forwards linear
      }

      @keyframes lightning-right-anim {
        0% {
          transform: translate(100px, -20vh)
        }

        to {
          transform: translate(calc(-50% - 15px))
        }
      }

      .main-bn--box._second[_ngcontent-jpx-c269] {
        justify-content: flex-end
      }

      @media screen and (min-width:1024px) {
        .main-bn--box._second[_ngcontent-jpx-c269] {
          right: 12%;
          left: auto
        }
      }

      .main-bn--box._third[_ngcontent-jpx-c269] {
        justify-content: flex-end
      }

      .main-bn--canvas[_ngcontent-jpx-c269] {
        height: 100vh;
        transform: translateY(-80px);
        overflow: hidden;
        min-height: 500px
      }

      @media screen and (min-width:1024px) {
        .main-bn--canvas[_ngcontent-jpx-c269] {
          transform: translateY(-100px);
          min-height: 600px
        }
      }

      .main-bn--canvas-arrow[_ngcontent-jpx-c269] {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translate(-50%);
        z-index: 15;
        color: rgb(var(--whiteColor));
        pointer-events: none;
        animation: bounce 1s linear infinite
      }

      @media screen and (min-width:1024px) {
        .main-bn--canvas-arrow[_ngcontent-jpx-c269] {
          bottom: 48px
        }
      }

      .main-bn--canvas-arrow._hidden[_ngcontent-jpx-c269] {
        display: none
      }

      @keyframes bounce {
        0% {
          transform: translateY(-5px)
        }

        50% {
          transform: translateY(5px)
        }

        to {
          transform: translateY(-5px)
        }
      }

      .main-bn--back[_ngcontent-jpx-c269] {
        height: 100%;
        width: 100%;
        text-align: center;
        pointer-events: none
      }

      @media screen and (min-width:1024px) {
        .main-bn--back[_ngcontent-jpx-c269] {
          background: unset
        }
      }

      .main-bn--back[_ngcontent-jpx-c269]:after {
        position: absolute;
        height: 50%;
        bottom: 0;
        left: 0;
        width: 100%;
        content: "";
        display: block;
        background: linear-gradient(180deg, rgba(var(--blackColor), 0) -.19%, rgb(var(--blackColor)) 91.34%);
        z-index: 10
      }

      @media screen and (min-width:1024px) {
        .main-bn--back[_ngcontent-jpx-c269] {
          padding-bottom: 0
        }

        .main-bn--back[_ngcontent-jpx-c269]:after {
          display: none
        }
      }

      .main-bn--back-pic[_ngcontent-jpx-c269] {
        position: relative;
        display: block;
        margin-bottom: 45px
      }

      .main-bn--back-pic[_ngcontent-jpx-c269]:after,
      .main-bn--back-pic[_ngcontent-jpx-c269]:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%)
      }

      .main-bn--back-pic[_ngcontent-jpx-c269]:after {
        background: url(/cdn-static/images/casinoly/summon-god/glow.png) no-repeat 50% 50%;
        width: 300px;
        height: 150px;
        z-index: -3;
        opacity: .8;
        top: 20%
      }

      .main-bn--back-pic[_ngcontent-jpx-c269]:before {
        width: 60px;
        height: 300px;
        background: linear-gradient(180deg, #b29555 19.7%, rgba(178, 149, 85, .15) 75%, transparent);
        z-index: -2;
        filter: blur(15px);
        transform-origin: top
      }

      .main-bn--back-img[_ngcontent-jpx-c269] {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        max-height: 120px
      }

      @media screen and (min-width:1024px) {
        .main-bn--back-img[_ngcontent-jpx-c269] {
          max-height: 156px
        }
      }

      .main-bn--back-container[_ngcontent-jpx-c269] {
        display: flex;
        height: 100%;
        align-items: center;
        padding-bottom: 11px
      }

      @media screen and (min-width:1024px) {
        .main-bn--back-container[_ngcontent-jpx-c269] {
          padding-bottom: 0;
          align-items: center;
          padding-top: 100px
        }
      }

      .main-bn--back-form[_ngcontent-jpx-c269] {
        max-width: 600px;
        margin: 0 auto;
        position: relative;
        z-index: 12
      }

      @media screen and (min-width:1024px) {
        .main-bn--back-form[_ngcontent-jpx-c269] {
          margin: 0
        }
      }

      @media screen and (min-width:1440px) {
        .main-bn--back-form[_ngcontent-jpx-c269] {
          padding-left: 8.25%;
          box-sizing: initial
        }
      }

      .main-bn--back-title[_ngcontent-jpx-c269] {
        color: rgb(var(--whiteColor));
        text-align: center;
        margin-bottom: 32px
      }

      .main-bn--back-title[_ngcontent-jpx-c269]:after {
        display: none
      }

      .main-bn--back-password[_ngcontent-jpx-c269] {
        position: relative;
        max-width: 248px;
        margin: 0 auto
      }

      .main-bn--back-password[_ngcontent-jpx-c269]:lang(el) {
        max-width: 300px
      }

      .main-bn--back-password-box[_ngcontent-jpx-c269] {
        position: relative;
        margin-bottom: 20px
      }

      .main-bn--back-password-box[_ngcontent-jpx-c269]:after,
      .main-bn--back-password-box[_ngcontent-jpx-c269]:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2
      }

      .main-bn--back-password-box[_ngcontent-jpx-c269]:before {
        -webkit-clip-path: var(--customBtnBorderClip);
        clip-path: var(--customBtnBorderClip);
        background: rgb(var(--primaryBg))
      }

      .main-bn--back-password-box[_ngcontent-jpx-c269]:after {
        -webkit-clip-path: var(--customBtnClip);
        clip-path: var(--customBtnClip);
        z-index: 1
      }

      .main-bn--back-password-tooltip[_ngcontent-jpx-c269] {
        position: absolute;
        bottom: calc(100% + 7px);
        left: 2px;
        width: calc(100% - 4px);
        padding: 2px;
        z-index: 4;
        background-color: #f5cbcc
      }

      .main-bn--back-password-tooltip[_ngcontent-jpx-c269]:after {
        content: "";
        position: absolute;
        width: 26px;
        height: 26px;
        left: 50%;
        top: 100%;
        transform: translate(-50%, -50%) rotate(45deg);
        background-color: #f5cbcc
      }

      .main-bn--back-password-tooltip-inner[_ngcontent-jpx-c269] {
        padding: 10px 14px;
        background-color: rgb(var(--whiteColor))
      }

      .main-bn--back-password-tooltip-inner[_ngcontent-jpx-c269]:after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        left: 50%;
        top: calc(100% - 2px);
        transform: translate(-50%, -50%) rotate(45deg);
        background-color: rgb(var(--whiteColor));
        z-index: 1
      }

      .main-bn--back-password-tooltip-error[_ngcontent-jpx-c269] {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 120%;
        font-weight: 400;
        letter-spacing: .03em
      }

      .main-bn--back-password-tooltip-error[_ngcontent-jpx-c269]:before {
        content: "";
        display: inline-block;
        margin-right: 8px;
        width: 12px;
        height: 12px;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
      }

      .main-bn--back-password-tooltip-error._success[_ngcontent-jpx-c269] {
        color: rgb(var(--blackColor))
      }

      .main-bn--back-password-tooltip-error._success[_ngcontent-jpx-c269]:before {
        background-image: url(/assets/icons/success.svg);
        filter: invert(90%) sepia(51%) saturate(2111%) hue-rotate(35deg) brightness(91%) contrast(82%)
      }

      .main-bn--back-password-tooltip-error._error[_ngcontent-jpx-c269] {
        color: rgb(var(--lightColor))
      }

      .main-bn--back-password-tooltip-error._error[_ngcontent-jpx-c269]:before {
        background-image: url(/assets/icons/error-icon.svg);
        filter: invert(46%) sepia(96%) saturate(2760%) hue-rotate(330deg) brightness(95%) contrast(93%)
      }

      .main-bn--back-btn[_ngcontent-jpx-c269] {
        margin: 0 auto 30px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
      }

      .main-bn--back-btn[_ngcontent-jpx-c269],
      .main-bn--back-link[_ngcontent-jpx-c269] {
        pointer-events: auto
      }

      .main-bn--back-intro[_ngcontent-jpx-c269] {
        font-size: 14px;
        line-height: 157%;
        font-weight: 700;
        font-family: var(--heading-font-family);
        
        color: rgb(var(--whiteColor));
        position: absolute;
        top: 75px;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
        z-index: 99;
        pointer-events: auto
      }

      @media screen and (min-width:540px) {
        .main-bn--back-intro[_ngcontent-jpx-c269] {
          top: 20px;
          left: unset;
          right: 20px;
          transform: none
        }
      }

      @media screen and (min-width:1024px) {
        .main-bn--back-intro[_ngcontent-jpx-c269] {
          top: 88%;
          left: 62%;
          right: unset
        }
      }

      .main-bn--back-play[_ngcontent-jpx-c269] {
        display: block;
        border: 1px solid rgb(var(--whiteColor));
        border-radius: 50%;
        margin-right: 8px;
        padding: 6px
      }

      .dashboard-canvas[_ngcontent-jpx-c269] {
        height: 100%;
        position: absolute;
        overflow-y: scroll;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10
      }

      .dashboard-canvas--wrap[_ngcontent-jpx-c269] {
        height: 3000px
      }

      #dashboard-canvas[_ngcontent-jpx-c269] {
        position: relative;
        z-index: 9;
        width: 100%;
        transition: transform 2s linear
      }

      [_nghost-jpx-c269] .main-bn--back-password-box .input-password-control__input:lang(el)::placeholder {
        font-size: 13px
      }

      [_ngcontent-jpx-c287]:root {
        --textShadow: 37, 30, 11
      }

      .top-games-section[_ngcontent-jpx-c287] {
        padding: 0 0 56px;
        margin-bottom: -26px
      }

      @media screen and (min-width:1280px) {
        .top-games-section[_ngcontent-jpx-c287] {
          padding: 45px 0 56px
        }
      }

      .top-games-section._unlogged[_ngcontent-jpx-c287] {
        margin-top: -70px
      }

      @media screen and (min-width:1280px) {
        .top-games-section[_ngcontent-jpx-c287] .swiper-container[_ngcontent-jpx-c287]:before {
          width: 53px
        }
      }

      @media screen and (min-width:1440px) {
        .top-games-section[_ngcontent-jpx-c287] .swiper-container[_ngcontent-jpx-c287]:before {
          width: 60px
        }
      }

      @media screen and (min-width:2500px) {
        .top-games-section[_ngcontent-jpx-c287] .swiper-container[_ngcontent-jpx-c287]:before {
          width: 278px
        }
      }

      .top-games-section--slider[_ngcontent-jpx-c287] {
        position: relative
      }

      .top-games-section--slider._mobile[_ngcontent-jpx-c287] {
        overflow: hidden;
        width: calc(100% + 40px);
        transform: translateX(-20px)
      }

      .top-games-section--scroll[_ngcontent-jpx-c287] {
        display: grid;
        grid-template-columns: repeat(17, 164px) 16px;
        grid-column-gap: 16px;
        overflow-x: scroll;
        padding: 0 16px
      }

      .top-games-section--scroll[_ngcontent-jpx-c287]:after {
        content: ""
      }

      .top-games-section--arrow[_ngcontent-jpx-c287] {
        position: absolute;
        top: calc(50% - 15px);
        z-index: 10;
        display: none
      }

      @media screen and (min-width:1280px) {
        .top-games-section--arrow[_ngcontent-jpx-c287] {
          display: block
        }
      }

      .top-games-section--arrow._left[_ngcontent-jpx-c287] {
        left: -40px
      }

      .top-games-section--arrow._right[_ngcontent-jpx-c287] {
        right: -40px
      }

      .top-games-section--title[_ngcontent-jpx-c287] {
        margin: 0 0 12px;
        line-height: 100%
      }

      .top-games-section--elem[_ngcontent-jpx-c287] {
        display: grid
      }

      [_nghost-jpx-c287] .top-games-section--slider {
        position: relative
      }

      [_nghost-jpx-c287] .top-games-section--slider .swiper-container {
        margin: 0 -20px;
        padding: 0 20px
      }

      @media screen and (min-width:1280px) {
        [_nghost-jpx-c287] .top-games-section--slider .swiper-container {
          padding: 0;
          margin: 0 auto
        }
      }

      [_nghost-jpx-c287] .swiper-slide {
        height: auto
      }

      [_nghost-jpx-c287] .arrow-button.swiper-button-disabled {
        display: none
      }

      [_nghost-jpx-c287] .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .top-games-section--elem:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, #1e1e1e, rgba(30, 30, 30, .85) 30.34%, rgba(30, 30, 30, .6) 128.14%, rgba(30, 30, 30, 0) 156.07%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
      }

      @media screen and (min-width:540px) {
        .grid-games--item[_ngcontent-jpx-c287] {
          grid-column: unset
        }
      }

      [_ngcontent-jpx-c288]:root {
        --textShadow: 37, 30, 11
      }

      [_nghost-jpx-c288] {
        display: block
      }

      .top[_ngcontent-jpx-c288] {
        background-image: url(/cdn-static/images/casinoly/entrance/top-events-bg.jpg);
        background-repeat: no-repeat;
        background-position-x: center;
        background-size: 150%;
        padding-top: 40%
      }

      @media screen and (min-width:540px) {
        .top[_ngcontent-jpx-c288] {
          background-size: 100%;
          padding-top: 136px
        }
      }

      @media screen and (min-width:1024px) {
        .top[_ngcontent-jpx-c288] {
          padding-top: 100px
        }
      }

      @media screen and (min-width:1280px) {
        .top[_ngcontent-jpx-c288] {
          padding-top: 160px
        }
      }

      @media screen and (min-width:1440px) {
        .top[_ngcontent-jpx-c288] {
          padding-top: 195px;
          background-position-y: -50px
        }
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .top[_ngcontent-jpx-c288] {
          background-image: url(/cdn-static/images/casinoly/entrance/top-events-bg@2x.jpg)
        }
      }

      .top-events[_ngcontent-jpx-c288] {
        margin: 0 -20px;
        display: flex;
        overflow-x: auto
      }

      .top-events[_ngcontent-jpx-c288]:after {
        min-width: 20px;
        min-height: 1px;
        content: "";
        display: block
      }

      @media screen and (min-width:768px) {
        .top-events[_ngcontent-jpx-c288] {
          margin: 0 -32px
        }

        .top-events[_ngcontent-jpx-c288]:after {
          min-width: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .top-events[_ngcontent-jpx-c288] {
          margin: 0 -44px
        }

        .top-events[_ngcontent-jpx-c288]:after {
          min-width: 44px
        }
      }

      @media screen and (min-width:1280px) {
        .top-events[_ngcontent-jpx-c288] {
          margin: 0 -76px
        }

        .top-events[_ngcontent-jpx-c288]:after {
          min-width: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .top-events[_ngcontent-jpx-c288] {
          margin: 0 -84px
        }

        .top-events[_ngcontent-jpx-c288]:after {
          min-width: 84px
        }
      }

      @media screen and (min-width:1680px) {
        .top-events[_ngcontent-jpx-c288] {
          margin: 0;
          overflow-x: unset;
          display: grid;
          grid-gap: 24px;
          grid-template-columns: repeat(auto-fit, minmax(283px, 1fr))
        }

        .top-events[_ngcontent-jpx-c288]:after {
          display: none
        }
      }

      .top-events--elem[_ngcontent-jpx-c288] {
        margin-right: 24px;
        display: grid;
        grid-template-areas: "title date""league league""team-a team-a""team-b team-b""bet bet";
        height: 230px;
        width: 283px;
        background: rgb(var(--mainBg));
        padding: 16px;
        color: rgb(var(--whiteColor))
      }

      .top-events--elem[_ngcontent-jpx-c288]:last-child {
        margin-right: 0
      }

      .top-events--elem[_ngcontent-jpx-c288]:first-child {
        margin-left: 20px
      }

      @media screen and (min-width:768px) {
        .top-events--elem[_ngcontent-jpx-c288]:first-child {
          margin-left: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .top-events--elem[_ngcontent-jpx-c288]:first-child {
          margin-left: 44px
        }
      }

      @media screen and (min-width:1280px) {
        .top-events--elem[_ngcontent-jpx-c288]:first-child {
          margin-left: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .top-events--elem[_ngcontent-jpx-c288]:first-child {
          margin-left: 84px
        }
      }

      @media screen and (min-width:1680px) {
        .top-events--elem[_ngcontent-jpx-c288] {
          width: auto;
          margin: 0
        }

        .top-events--elem[_ngcontent-jpx-c288]:first-child {
          margin-left: 0
        }
      }

      .top-events--title[_ngcontent-jpx-c288] {
        font-size: 20px;
        line-height: 140%;
        font-weight: 900;
        display: flex;
        align-items: flex-start;
        font-family: var(--heading-font-family-secondary);
        text-transform: capitalize;
        grid-area: title
      }

      .top-events--title[_ngcontent-jpx-c288]:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        transform: translateY(12px);
        background: linear-gradient(310.52deg, #7c6a37 -2.86%, #7c6a37 12.16%, #b69e59 36.41%, #dec98c 60.73%, #b69e59);
        box-shadow: 0 4px 4px rgba(0, 0, 0, .1), 0 4px 50px rgba(175, 142, 94, .6);
        margin-left: 3px;
        border-radius: 100%
      }

      .top-events--date[_ngcontent-jpx-c288] {
        font-size: 20px;
        line-height: 160%;
        font-weight: 700;
        text-transform: capitalize;
        text-align: right;
        display: block;
        grid-area: date
      }

      .top-events--date-hours[_ngcontent-jpx-c288] {
        color: rgba(var(--whiteColor), .5)
      }

      .top-events--date-hours[_ngcontent-jpx-c288],
      .top-events--league[_ngcontent-jpx-c288] {
        font-size: 14px;
        line-height: 143%;
        font-weight: 400;
        display: block
      }

      .top-events--league[_ngcontent-jpx-c288] {
        margin-bottom: 8px;
        grid-area: league
      }

      .top-events--team[_ngcontent-jpx-c288] {
        font-size: 18px;
        line-height: 100%;
        font-weight: 700;
        margin-bottom: 8px;
        display: block;
        text-transform: unset
      }

      .top-events--team._a[_ngcontent-jpx-c288] {
        grid-area: team-a
      }

      .top-events--team._b[_ngcontent-jpx-c288] {
        grid-area: team-b
      }

      .top-events--bet[_ngcontent-jpx-c288] {
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(3, 1fr);
        grid-area: bet
      }

      .top-events--bet-factor[_ngcontent-jpx-c288] {
        color: rgba(var(--whiteColor), .5)
      }

      .top-events--bet-val[_ngcontent-jpx-c288] {
        font-size: 18px;
        line-height: 100%;
        font-weight: 700;
        border: 2px solid rgb(var(--dangerColor));
        padding: 2px 11px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1)) drop-shadow(0 4px 40px rgba(175, 142, 94, .35))
      }

      .top-events--bet-val[_ngcontent-jpx-c288]:hover {
        background: var(--primaryGradient);
        color: rgb(var(--blackColor));
        cursor: pointer
      }

      .top-events--bet-val[_ngcontent-jpx-c288]:hover .sports-slider--bet-factor[_ngcontent-jpx-c288] {
        color: rgb(var(--dangerColor))
      }

      .top-widgets[_ngcontent-jpx-c288] {
        display: grid;
        grid-template-columns: minmax(300px, 1fr);
        grid-gap: 20px;
        margin: 40px -20px 0
      }

      @media screen and (min-width:540px) {
        .top-widgets[_ngcontent-jpx-c288] {
          margin: 40px 0 0
        }
      }

      @media screen and (min-width:1024px) {
        .top-widgets[_ngcontent-jpx-c288] {
          grid-template-columns: repeat(2, minmax(340px, 1fr))
        }
      }

      @media screen and (min-width:1440px) {
        .top-widgets[_ngcontent-jpx-c288] {
          grid-gap: 24px;
          grid-template-columns: repeat(3, minmax(340px, 1fr))
        }

        .top-widgets[_ngcontent-jpx-c288]>[_ngcontent-jpx-c288]:first-child {
          grid-column: span 1
        }
      }

      .top-widgets--btn[_ngcontent-jpx-c288] {
        margin: 0 auto
      }

      @media screen and (min-width:768px) {
        .top-widgets--btn[_ngcontent-jpx-c288] {
          grid-column: span 2
        }
      }

      @media screen and (min-width:1440px) {
        .top-widgets--btn[_ngcontent-jpx-c288] {
          grid-column: span 3
        }
      }

      .widgetLiveNow[_ngcontent-jpx-c288] {
        background: #38352c;
        padding: 10px
      }

      [_ngcontent-jpx-c289]:root {
        --textShadow: 37, 30, 11
      }

      [_nghost-jpx-c289] {
        display: block
      }

      [_nghost-jpx-c289] .scrollable-container {
        position: relative
      }

      [_nghost-jpx-c289] .scrollable-container .content {
        justify-content: center;
        position: relative
      }

      .games-categories[_ngcontent-jpx-c289] {
        position: relative;
        z-index: 6;
        margin: 0 auto;
        overflow-x: auto
      }

      .games-categories.game-hall--categories[_ngcontent-jpx-c289] {
        margin: 0 auto 20px
      }

      @media screen and (min-width:1024px) {
        .games-categories.game-hall--categories[_ngcontent-jpx-c289] {
          margin: 0 auto 32px
        }
      }

      .games-category-list[_ngcontent-jpx-c289] {
        position: relative;
        display: flex;
        margin: 0 -20px;
        justify-content: center
      }

      @media screen and (min-width:1024px) {
        .games-category-list[_ngcontent-jpx-c289] {
          margin: 0
        }
      }

      .games-category-list--container[_ngcontent-jpx-c289] {
        display: flex;
        align-items: flex-start;
        padding: 0 10px
      }

      @media screen and (min-width:1440px) {
        .games-category-list--container[_ngcontent-jpx-c289] {
          margin: 0 auto;
          justify-content: center
        }
      }

      .games-category-list--container._mobile[_ngcontent-jpx-c289] {
        overflow-x: auto;
        position: relative;
        z-index: 5
      }

      .games-category-list--arrow[_ngcontent-jpx-c289] {
        position: absolute;
        z-index: 3;
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
        background-size: 100% 100%
      }

      .games-category-list--arrow[_ngcontent-jpx-c289]:before {
        width: 80px;
        height: 132px;
        z-index: 2;
        content: "";
        display: block;
        background: linear-gradient(90deg, rgba(30, 30, 30, 0), rgba(30, 30, 30, .6) 46.66%, #1e1e1e);
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(180deg)
      }

      .games-category-list--arrow.hidden[_ngcontent-jpx-c289] {
        display: none
      }

      .games-category-list--arrow._left[_ngcontent-jpx-c289] {
        left: 0
      }

      @media screen and (min-width:1024px) {
        .games-category-list--arrow._left[_ngcontent-jpx-c289]:before {
          transform: scaleX(-1) translateY(-50%);
          left: 0
        }
      }

      .games-category-list--arrow._right[_ngcontent-jpx-c289] {
        right: 0;
        left: auto
      }

      .games-category-list--arrow._right[_ngcontent-jpx-c289]:before {
        right: 0;
        transform: translateY(-50%) rotate(0)
      }

      @media screen and (min-width:1024px) {
        .games-category-list--arrow[_ngcontent-jpx-c289]:hover:after {
          opacity: 1
        }
      }

      .games-category-list--text[_ngcontent-jpx-c289] {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        display: block;
        text-align: center;
        color: rgb(var(--whiteColor))
      }

      .games-category-list--pic[_ngcontent-jpx-c289] {
        width: 72px;
        height: 72px;
        display: block;
        margin: 0 auto 15px;
        position: relative;
        z-index: 1
      }

      .games-category-list--pic[_ngcontent-jpx-c289]:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 120px;
        height: 120px;
        transform: translate(-50%, -50%) scale(0);
        z-index: -2;
        background: url(/cdn-static/images/casinoly/categories/category-active-star.svg) no-repeat 50% 50%/cover
      }

      .games-category-list--pic[_ngcontent-jpx-c289]:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 72px;
        height: 72px;
        background: url(/cdn-static/images/casinoly/categories/category-icon-mask.png) no-repeat 50% 50%/cover;
        filter: brightness(.9) sepia(1) grayscale(.6);
        z-index: -1
      }

      .games-category-list--img[_ngcontent-jpx-c289] {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        filter: brightness(.9) sepia(1) grayscale(.6);
        transform: translateY(-10px) scale(1.1)
      }

      .games-category-list--item[_ngcontent-jpx-c289] {
        padding: 12px 0;
        margin-right: 40px;
        position: relative
      }

      .games-category-list--item.active[_ngcontent-jpx-c289] .games-category-list--text[_ngcontent-jpx-c289] {
        color: rgb(var(--primaryColor))
      }

      .games-category-list--item.active[_ngcontent-jpx-c289] .games-category-list--img[_ngcontent-jpx-c289] {
        filter: none
      }

      .games-category-list--item.active[_ngcontent-jpx-c289] .games-category-list--pic[_ngcontent-jpx-c289]:before {
        transform: translate(-50%, -50%) scale(1)
      }

      .games-category-list--item.active[_ngcontent-jpx-c289] .games-category-list--pic[_ngcontent-jpx-c289]:after {
        filter: none
      }

      @media screen and (min-width:1024px) {
        .games-category-list--item[_ngcontent-jpx-c289]:not(.active):hover .games-category-list--img[_ngcontent-jpx-c289] {
          filter: none
        }

        .games-category-list--item[_ngcontent-jpx-c289]:not(.active):hover .games-category-list--text[_ngcontent-jpx-c289] {
          color: rgb(var(--primaryColor))
        }
      }

      .games-category-list--item[_ngcontent-jpx-c289]:first-of-type {
        margin-left: 20px
      }

      @media screen and (min-width:1024px) {
        .games-category-list--item[_ngcontent-jpx-c289]:first-of-type {
          margin-left: 0
        }
      }

      .games-category-list--item[_ngcontent-jpx-c289]:last-of-type {
        margin-right: 20px
      }

      @media screen and (min-width:1024px) {
        .games-category-list--item[_ngcontent-jpx-c289]:last-of-type {
          margin-right: 0
        }
      }

      .games-category-list--link[_ngcontent-jpx-c289] {
        display: block;
        text-decoration: none
      }

      .games-category-list._mobile[_ngcontent-jpx-c289] .games-category-list--item[_ngcontent-jpx-c289]:first-of-type {
        margin-left: 20px
      }

      .games-category-list._mobile[_ngcontent-jpx-c289] .games-category-list--item[_ngcontent-jpx-c289]:last-of-type {
        padding-right: 20px
      }

      @media screen and (min-width:1680px) {
        .games-category-list._logged[_ngcontent-jpx-c289] .games-category-list--container[_ngcontent-jpx-c289] {
          justify-content: flex-start
        }
      }

      @media screen and (min-width:1920px) {
        .games-category-list._logged[_ngcontent-jpx-c289] .games-category-list--container[_ngcontent-jpx-c289] {
          justify-content: center
        }
      }

      [_nghost-jpx-c290] {
        display: block;
        padding: 0 20px
      }

      @media screen and (min-width:768px) {
        [_nghost-jpx-c290] {
          padding: 0 32px
        }
      }

      @media screen and (min-width:1024px) {
        [_nghost-jpx-c290] {
          padding: 0 44px
        }
      }

      @media screen and (min-width:1280px) {
        [_nghost-jpx-c290] {
          padding: 0 76px
        }
      }

      @media screen and (min-width:1440px) {
        [_nghost-jpx-c290] {
          padding: 0 84px
        }
      }

      @media screen and (min-width:1920px) {
        [_nghost-jpx-c290] {
          margin: 0 auto;
          max-width: 1920px
        }
      }

      .jupiter-banner[_ngcontent-jpx-c290] {
        position: relative;
        display: block;
        text-align: center;
        color: rgb(var(--whiteColor));
        overflow: hidden
      }

      .jupiter-banner[_ngcontent-jpx-c290]:after,
      .jupiter-banner[_ngcontent-jpx-c290]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 195px;
        left: 2px
      }

      .jupiter-banner[_ngcontent-jpx-c290]:before {
        z-index: 0;
        background: linear-gradient(180deg, rgba(30, 30, 30, 0) -.19%, #1e1e1e 76.56%);
        height: 241px;
        left: 0;
        right: 0;
        bottom: -85px
      }

      .jupiter-banner[_ngcontent-jpx-c290]:after {
        top: 2px;
        background: linear-gradient(180deg, #1e1e1e, rgba(30, 30, 30, 0));
        z-index: -2
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner[_ngcontent-jpx-c290] {
          padding-top: 70px;
          text-align: left
        }

        .jupiter-banner[_ngcontent-jpx-c290]:after {
          background: unset
        }

        .jupiter-banner[_ngcontent-jpx-c290]:before {
          background: linear-gradient(90deg, #1e1e1e, rgba(30, 30, 30, 0));
          top: 45px;
          left: 0;
          height: 100%;
          width: 520px;
          z-index: -1
        }
      }

      .jupiter-banner--inner[_ngcontent-jpx-c290] {
        position: relative;
        padding: 16px 15px 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 350px
      }

      .jupiter-banner--inner-img[_ngcontent-jpx-c290] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover
      }

      @media screen and (min-width:540px) {
        .jupiter-banner--inner[_ngcontent-jpx-c290] {
          min-height: 488px;
          padding-bottom: 40px
        }
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--inner[_ngcontent-jpx-c290] {
          overflow: hidden;
          padding: 40px;
          min-height: 252px
        }
      }

      @media screen and (min-width:1440px) {
        .jupiter-banner--inner[_ngcontent-jpx-c290] {
          padding: 50px 100px
        }
      }

      .jupiter-banner--inner[_ngcontent-jpx-c290]:before {
        content: "";
        pointer-events: none;
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        background-repeat: no-repeat;
        max-width: var(--max-border-width);
        --border-box-size: 34px
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--inner[_ngcontent-jpx-c290]:before {
          z-index: -1
        }
      }

      .jupiter-banner--inner[_ngcontent-jpx-c290]:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -2;
        background-image: var(--mobileBackground);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--inner[_ngcontent-jpx-c290]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-05.jpg);
          background-position: 0
        }
      }

      @media screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),
      screen and (min-width:1024px) and (min-resolution:192dpi) {
        .jupiter-banner--inner[_ngcontent-jpx-c290]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-05_2x.jpg)
        }
      }

      .jupiter-banner--img[_ngcontent-jpx-c290] {
        position: absolute;
        z-index: -1;
        pointer-events: none;
        width: 264px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
      }

      @media screen and (min-width:540px) {
        .jupiter-banner--img[_ngcontent-jpx-c290] {
          width: 390px
        }
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--img[_ngcontent-jpx-c290] {
          height: 100%;
          right: -10%;
          left: unset
        }
      }

      @media screen and (min-width:1440px) {
        .jupiter-banner--img[_ngcontent-jpx-c290] {
          width: 490px
        }
      }

      .jupiter-banner--title[_ngcontent-jpx-c290] {
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
        font-family: var(--font-family-base);
        position: relative;
        margin-bottom: 28px;
        padding: 0 16px
      }

      .jupiter-banner--title[_ngcontent-jpx-c290]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 203px;
        background-color: rgb(var(--primaryColor))
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--title[_ngcontent-jpx-c290] {
          font-size: 20px;
          line-height: 23px;
          font-weight: 700;
          margin-bottom: 16px;
          padding: 0
        }

        .jupiter-banner--title[_ngcontent-jpx-c290]:after {
          display: none
        }
      }

      @media screen and (min-width:1440px) {
        .jupiter-banner--title[_ngcontent-jpx-c290] {
          font-size: 32px;
          line-height: 37px;
          font-weight: 700
        }
      }

      .jupiter-banner--subtitle[_ngcontent-jpx-c290] {
        font-size: 28px;
        line-height: 33px;
        font-weight: 500;
        font-family: var(--font-family-base);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--subtitle[_ngcontent-jpx-c290] {
          font-size: 36px;
          line-height: 42px;
          font-weight: 900;
          justify-content: flex-start;
          width: unset;
          margin: unset
        }
      }

      @media screen and (min-width:1440px) {
        .jupiter-banner--subtitle[_ngcontent-jpx-c290] {
          font-size: 56px;
          line-height: 76px;
          font-weight: 700
        }
      }

      @media screen and (max-width:1023.98px) {
        .jupiter-banner--subtitle._mob-lg[_ngcontent-jpx-c290] {
          font-size: 28px;
          font-weight: 700
        }
      }

      .jupiter-banner--subtitle[_ngcontent-jpx-c290]:last-of-type {
        margin-bottom: 136px
      }

      @media screen and (min-width:540px) {
        .jupiter-banner--subtitle[_ngcontent-jpx-c290]:last-of-type {
          margin-bottom: 260px
        }
      }

      @media screen and (min-width:1024px) {
        .jupiter-banner--subtitle[_ngcontent-jpx-c290]:last-of-type {
          margin-bottom: 24px
        }
      }

      .jupiter-banner--coin[_ngcontent-jpx-c290] {
        width: 24px;
        height: 24px;
        margin: 0 3px
      }

      .jupiter-banner--price[_ngcontent-jpx-c290] {
        font-size: 40px;
        font-weight: 700
      }

      @media screen and (min-width:540px) {
        .jupiter-banner--price[_ngcontent-jpx-c290] {
          font-size: 60px
        }
      }

      .jupiter-banner--button[_ngcontent-jpx-c290] {
        margin-top: auto
      }

      [_nghost-jpx-c291] {
        display: block;
        padding: 0 20px
      }

      @media screen and (min-width:768px) {
        [_nghost-jpx-c291] {
          padding: 0 32px
        }
      }

      @media screen and (min-width:1024px) {
        [_nghost-jpx-c291] {
          padding: 0 44px
        }
      }

      @media screen and (min-width:1280px) {
        [_nghost-jpx-c291] {
          padding: 0 76px
        }
      }

      @media screen and (min-width:1440px) {
        [_nghost-jpx-c291] {
          padding: 0 84px
        }
      }

      @media screen and (min-width:1920px) {
        [_nghost-jpx-c291] {
          margin: 0 auto;
          max-width: 1920px
        }
      }

      .shop-banner[_ngcontent-jpx-c291] {
        position: relative;
        display: block;
        text-align: center;
        color: rgb(var(--whiteColor));
        overflow: hidden
      }

      @media screen and (min-width:1024px) {
        .shop-banner[_ngcontent-jpx-c291] {
          padding-top: 40px;
          text-align: left
        }

        .shop-banner[_ngcontent-jpx-c291]:hover .shop-banner--inner[_ngcontent-jpx-c291]:after {
          transform: scale(1.2)
        }

        .shop-banner[_ngcontent-jpx-c291]:hover .shop-banner--img[_ngcontent-jpx-c291] {
          transform: translateX(-3%)
        }
      }

      .shop-banner--inner[_ngcontent-jpx-c291] {
        position: relative;
        padding: 16px 15px 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 350px
      }

      @media screen and (min-width:540px) {
        .shop-banner--inner[_ngcontent-jpx-c291] {
          padding-bottom: 36px;
          min-height: 488px
        }
      }

      @media screen and (min-width:1024px) {
        .shop-banner--inner[_ngcontent-jpx-c291] {
          overflow: hidden;
          padding: 85px 40px;
          min-height: 380px;
          justify-content: center
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--inner[_ngcontent-jpx-c291] {
          padding: 85px 100px
        }
      }

      .shop-banner--inner[_ngcontent-jpx-c291]:before {
        content: "";
        pointer-events: none;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        background-repeat: no-repeat;
        max-width: var(--max-border-width);
        --border-box-size: 34px
      }

      .shop-banner--inner[_ngcontent-jpx-c291]:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -2;
        background-image: url(/cdn-static/images/casinoly/banners/banner-bg-02.jpg);
        background-size: cover;
        background-position: 50%;
        transition: transform 3s
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .shop-banner--inner[_ngcontent-jpx-c291]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-02_2x.jpg)
        }
      }

      .shop-banner--img[_ngcontent-jpx-c291] {
        position: absolute;
        z-index: -1;
        pointer-events: none;
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        width: 278px;
        bottom: -91px
      }

      @media screen and (min-width:540px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          width: 378px;
          left: auto;
          right: 20px;
          bottom: -112px;
          transform: rotate(5deg)
        }
      }

      @media screen and (min-width:1024px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          transition: transform 3s;
          bottom: auto;
          top: 0;
          right: -20%;
          transform: rotate(0);
          height: auto;
          width: 738px
        }
      }

      @media screen and (min-width:1280px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          right: 2%
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          right: -20%
        }
      }

      @media screen and (min-width:1680px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          right: 0
        }
      }

      @media screen and (min-width:1920px) {
        .shop-banner--img[_ngcontent-jpx-c291] {
          right: 13%
        }
      }

      .shop-banner--title[_ngcontent-jpx-c291] {
        font-size: 24px;
        font-weight: 900;
        font-family: var(--font-family-base);
        position: relative;
        margin-bottom: 28px
      }

      .shop-banner--title[_ngcontent-jpx-c291]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 203px;
        background-color: rgb(var(--primaryColor))
      }

      @media screen and (min-width:1024px) {
        .shop-banner--title[_ngcontent-jpx-c291] {
          margin-bottom: 12px;
          font-size: 20px
        }

        .shop-banner--title[_ngcontent-jpx-c291]:after {
          display: none
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--title[_ngcontent-jpx-c291] {
          font-size: 32px
        }
      }

      .shop-banner--subtitle[_ngcontent-jpx-c291] {
        font-family: var(--font-family-base);
        font-size: 18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
      }

      @media screen and (min-width:1024px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291] {
          justify-content: flex-start;
          width: unset;
          margin: unset;
          font-size: 26px
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291] {
          font-size: 48px
        }
      }

      .shop-banner--subtitle[_ngcontent-jpx-c291]:lang(el) {
        font-size: 15px
      }

      @media screen and (min-width:768px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291]:lang(el) {
          font-size: 18px
        }
      }

      @media screen and (min-width:1024px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291]:lang(el) {
          font-size: 26px
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291]:lang(el) {
          font-size: 48px
        }
      }

      @media screen and (max-width:1023.98px) {
        .shop-banner--subtitle._mob-lg[_ngcontent-jpx-c291] {
          font-size: 28px;
          font-weight: 700
        }
      }

      .shop-banner--subtitle[_ngcontent-jpx-c291]:last-of-type {
        margin-bottom: 80px
      }

      @media screen and (min-width:540px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291]:last-of-type {
          margin-bottom: 216px
        }
      }

      @media screen and (min-width:1024px) {
        .shop-banner--subtitle[_ngcontent-jpx-c291]:last-of-type {
          margin-bottom: 24px
        }
      }

      .shop-banner--coin[_ngcontent-jpx-c291] {
        width: 29px;
        height: 29px;
        margin: 0 3px
      }

      @media screen and (min-width:1024px) {
        .shop-banner--coin[_ngcontent-jpx-c291] {
          width: 40px;
          height: 40px;
          margin: 0 12px
        }
      }

      @media screen and (min-width:1440px) {
        .shop-banner--coin[_ngcontent-jpx-c291] {
          width: 72px;
          height: 72px;
          margin: 0 16px
        }
      }

      .shop-banner--coin[_ngcontent-jpx-c291] img[_ngcontent-jpx-c291] {
        width: 100%;
        height: 100%
      }

      .shop-banner--price[_ngcontent-jpx-c291] {
        font-size: 40px;
        font-weight: 700
      }

      @media screen and (min-width:540px) {
        .shop-banner--price[_ngcontent-jpx-c291] {
          font-size: 60px
        }
      }

      .live-games[_ngcontent-jpx-c292] {
        text-align: center;
        padding-bottom: 10px
      }

      .live-games[_ngcontent-jpx-c292] .swiper-container[_ngcontent-jpx-c292] {
        margin-bottom: 20px
      }

      @media screen and (min-width:1280px) {
        .live-games[_ngcontent-jpx-c292] .swiper-container[_ngcontent-jpx-c292]:before {
          width: 53px
        }
      }

      @media screen and (min-width:1440px) {
        .live-games[_ngcontent-jpx-c292] .swiper-container[_ngcontent-jpx-c292]:before {
          width: 60px
        }
      }

      @media screen and (min-width:2500px) {
        .live-games[_ngcontent-jpx-c292] .swiper-container[_ngcontent-jpx-c292]:before {
          width: 278px
        }
      }

      .live-games--slider[_ngcontent-jpx-c292] {
        position: relative
      }

      .live-games--slider._mobile[_ngcontent-jpx-c292] {
        overflow: hidden;
        width: calc(100% + 40px);
        transform: translateX(-20px)
      }

      .live-games--scroll[_ngcontent-jpx-c292] {
        display: grid;
        grid-template-columns: repeat(17, 168px) 1px;
        grid-gap: 16px;
        overflow-x: scroll;
        padding: 0 20px
      }

      .live-games--scroll[_ngcontent-jpx-c292]:after {
        content: ""
      }

      .live-games--title[_ngcontent-jpx-c292] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 40px
      }

      .live-games--elem[_ngcontent-jpx-c292] {
        display: grid
      }

      .live-games--arrow[_ngcontent-jpx-c292] {
        position: absolute;
        top: 50%
      }

      .live-games--arrow._left[_ngcontent-jpx-c292] {
        left: -38px
      }

      .live-games--arrow._right[_ngcontent-jpx-c292] {
        right: -38px
      }

      .live-games--button[_ngcontent-jpx-c292] {
        padding-top: 12px
      }

      [_nghost-jpx-c292] .arrow-button.swiper-button-disabled {
        display: none
      }

      [_nghost-jpx-c292] .swiper-slide {
        height: auto
      }

      @media screen and (min-width:540px) {
        .grid-games--item[_ngcontent-jpx-c292] {
          grid-column: unset
        }
      }

      [_nghost-jpx-c293] {
        display: block;
        margin-bottom: 150px
      }

      @media screen and (min-width:1440px) {
        [_nghost-jpx-c293] {
          margin-bottom: 200px
        }
      }

      .jackpot[_ngcontent-jpx-c293] {
        position: relative;
        text-align: center;
        margin: 0 auto;
        padding-top: 15px;
        background-image: url(/cdn-static/images/casinoly/jackpot/jackpot-banner-bg.png);
        background-size: cover;
        background-position: 50%
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .jackpot[_ngcontent-jpx-c293] {
          background-image: url(/cdn-static/images/casinoly/jackpot/jackpot-banner-bg_2x.png)
        }
      }

      @media screen and (min-width:1024px) {
        .jackpot[_ngcontent-jpx-c293] {
          z-index: 3;
          padding: 20px 0 0
        }
      }

      .jackpot[_ngcontent-jpx-c293]:before {
        content: "";
        pointer-events: none;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        background-repeat: no-repeat;
        max-width: var(--max-border-width);
        --border-box-size: 34px
      }

      @media screen and (min-width:1024px) {
        .jackpot[_ngcontent-jpx-c293]:before {
          z-index: -1
        }
      }

      .jackpot[_ngcontent-jpx-c293]:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(180deg, rgb(var(--blackColor)), rgba(var(--blackColor), 0)), linear-gradient(0deg, rgb(var(--blackColor)), rgba(var(--blackColor), 0));
        background-size: 100% 100px;
        background-position: 50% 0, 50% 100%;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none
      }

      @media screen and (min-width:1024px) {
        .jackpot[_ngcontent-jpx-c293]:after {
          z-index: -2
        }
      }

      .jackpot--title[_ngcontent-jpx-c293] {
        position: relative;
        text-align: center;
        color: rgb(var(--whiteColor));
        text-shadow: 0 4px 20px #251e0b;
        letter-spacing: .05em;
        font-weight: 700;
        font-size: 24px
      }

      @media screen and (min-width:1024px) {
        .jackpot--title[_ngcontent-jpx-c293] {
          font-size: 36px
        }
      }

      .jackpot--title[_ngcontent-jpx-c293]:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        width: 157px;
        height: 1px;
        background: rgb(var(--primaryBg));
        transform: translateX(-50%)
      }

      .jackpot--prize[_ngcontent-jpx-c293] {
        position: relative;
        z-index: 3
      }

      .jackpot--prize-text[_ngcontent-jpx-c293] {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.3;
        color: rgb(var(--primaryColor));
        text-shadow: 0 4px 20px #251e0b
      }

      @media screen and (min-width:375px) {
        .jackpot--prize-text[_ngcontent-jpx-c293] {
          font-size: 44px
        }
      }

      @media screen and (min-width:1024px) {
        .jackpot--prize-text[_ngcontent-jpx-c293] {
          font-size: 80px
        }
      }

      .jackpot--subtitle[_ngcontent-jpx-c293] {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        display: block;
        
        color: rgb(var(--whiteColor));
        margin-bottom: 55px
      }

      @media screen and (min-width:1024px) {
        .jackpot--subtitle[_ngcontent-jpx-c293] {
          margin-bottom: 40px
        }
      }

      @media screen and (min-width:1280px) {
        .jackpot--subtitle[_ngcontent-jpx-c293] {
          margin-bottom: 60px
        }
      }

      @media screen and (min-width:1440px) {
        .jackpot--subtitle[_ngcontent-jpx-c293] {
          margin-bottom: 54px
        }
      }

      @media screen and (min-width:1680px) {
        .jackpot--subtitle[_ngcontent-jpx-c293] {
          margin-bottom: 34px
        }
      }

      @media screen and (min-width:1920px) {
        .jackpot--subtitle[_ngcontent-jpx-c293] {
          margin-bottom: 16px
        }
      }

      .jackpot--btn[_ngcontent-jpx-c293] {
        margin-top: 20px
      }

      .jackpot--games[_ngcontent-jpx-c293] {
        position: relative;
        z-index: 4;
        transform: translateY(calc(50% + 36px))
      }

      @media screen and (min-width:1280px) {
        .jackpot--games[_ngcontent-jpx-c293] {
          padding: 0 100px
        }
      }

      @media screen and (min-width:1440px) {
        .jackpot--games[_ngcontent-jpx-c293] {
          padding: 0 108px
        }
      }

      @media screen and (min-width:1680px) {
        .jackpot--games[_ngcontent-jpx-c293] {
          padding: 0 138px
        }
      }

      .jackpot--row[_ngcontent-jpx-c293] {
        overflow-x: auto;
        position: relative;
        z-index: 4;
        margin: 0 -20px;
        padding-left: 30px;
        display: grid;
        grid-gap: 8px;
        grid-template-columns: repeat(16, 158px) 30px
      }

      @media screen and (min-width:768px) {
        .jackpot--row[_ngcontent-jpx-c293] {
          margin: 0 -32px;
          padding-left: 42px
        }
      }

      @media screen and (min-width:1024px) {
        .jackpot--row[_ngcontent-jpx-c293] {
          grid-template-columns: repeat(5, 1fr);
          grid-gap: 24px;
          overflow-x: unset;
          margin: 0;
          padding-left: 0
        }
      }

      .jackpot--row[_ngcontent-jpx-c293]:after {
        content: "";
        width: 22px;
        height: 1px;
        min-width: 22px
      }

      @media screen and (min-width:768px) {
        .jackpot--row[_ngcontent-jpx-c293]:after {
          min-width: 35px;
          width: 35px
        }
      }

      @media screen and (min-width:1024px) {
        .jackpot--row[_ngcontent-jpx-c293]:after {
          display: none
        }
      }

      @media screen and (min-width:1024px) {
        .jackpot[_ngcontent-jpx-c293] ._jackpot[_ngcontent-jpx-c293] {
          grid-column: span 1
        }

        .jackpot[_ngcontent-jpx-c293] ._jackpot[_ngcontent-jpx-c293]:last-child {
          padding-right: 0
        }

        .jackpot[_ngcontent-jpx-c293] ._jackpot[_ngcontent-jpx-c293]:last-child .games--content[_ngcontent-jpx-c293] {
          width: 100%
        }
      }

      @media screen and (min-width:540px) {
        .grid-games--item[_ngcontent-jpx-c293] {
          grid-column: span 1
        }
      }

      [_ngcontent-jpx-c294]:root {
        --textShadow: 37, 30, 11
      }

      .recent-wins[_ngcontent-jpx-c294] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        margin: 20px 0
      }

      .recent-wins--holder[_ngcontent-jpx-c294] {
        overflow-x: auto
      }

      .recent-wins--list[_ngcontent-jpx-c294] {
        display: flex;
        padding-left: 20px
      }

      @media screen and (min-width:768px) {
        .recent-wins--list[_ngcontent-jpx-c294] {
          padding-left: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .recent-wins--list[_ngcontent-jpx-c294] {
          padding-left: 44px
        }
      }

      @media screen and (min-width:1280px) {
        .recent-wins--list[_ngcontent-jpx-c294] {
          padding-left: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .recent-wins--list[_ngcontent-jpx-c294] {
          padding-left: 84px
        }
      }

      @media screen and (min-width:2500px) {
        .recent-wins--list[_ngcontent-jpx-c294] {
          max-width: 1920px
        }
      }

      .recent-wins--pic[_ngcontent-jpx-c294] {
        overflow: hidden;
        border: 1px solid rgb(var(--primaryColor))
      }

      .recent-wins--img[_ngcontent-jpx-c294] {
        width: 78px;
        min-width: 78px;
        height: 78px;
        object-position: top;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1)) drop-shadow(0 4px 50px rgba(175, 142, 94, .6))
      }

      @media screen and (min-width:1024px) {
        .recent-wins--img[_ngcontent-jpx-c294] {
          transition: transform var(--transitionTime) ease
        }
      }

      .recent-wins--item[_ngcontent-jpx-c294] {
        width: 260px;
        min-width: 260px;
        position: relative;
        display: flex
      }

      .recent-wins--item[_ngcontent-jpx-c294]+.recent-wins--item[_ngcontent-jpx-c294] {
        margin-left: 20px
      }

      .recent-wins--item[_ngcontent-jpx-c294]:last-child:before {
        width: calc(100% - 20px)
      }

      .recent-wins--item[_ngcontent-jpx-c294]:last-child:after {
        content: "";
        min-width: 20px;
        display: inline-block
      }

      @media screen and (min-width:768px) {
        .recent-wins--item[_ngcontent-jpx-c294]:last-child:after {
          min-width: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .recent-wins--item[_ngcontent-jpx-c294]:last-child:after {
          min-width: 44px
        }
      }

      @media screen and (min-width:1280px) {
        .recent-wins--item[_ngcontent-jpx-c294]:last-child:after {
          min-width: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .recent-wins--item[_ngcontent-jpx-c294]:last-child:after {
          min-width: 84px
        }
      }

      @media screen and (min-width:1024px) {
        .recent-wins--item[_ngcontent-jpx-c294]:hover:before {
          background: none
        }
      }

      .recent-wins--player[_ngcontent-jpx-c294] {
        font-size: 14px;
        line-height: 140%;
        font-weight: 400;
        display: block;
        color: rgb(var(--whiteColor))
      }

      .recent-wins--amount[_ngcontent-jpx-c294] {
        font-size: 18px;
        line-height: 120%;
        font-weight: 700;
        color: rgb(var(--primaryColor));
        white-space: nowrap;
        display: block
      }

      .recent-wins--text[_ngcontent-jpx-c294] {
        font-size: 14px;
        line-height: 140%;
        font-weight: 400;
        display: flex;
        align-items: center;
        width: 100%;
        white-space: nowrap;
        max-width: 148px;
        color: rgb(var(--whiteColor))
      }

      .recent-wins--name[_ngcontent-jpx-c294] {
        color: rgb(var(--primaryColor));
        max-width: calc(100% - 12px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        text-decoration: underline
      }

      .recent-wins--container[_ngcontent-jpx-c294] {
        display: grid;
        grid-template-columns: 80px auto;
        grid-gap: 8px;
        align-items: center;
        width: 100%;
        padding: 12px;
        text-decoration: none;
        background: rgb(var(--mainBg));
        position: relative
      }

      @media screen and (min-width:1024px) {
        .recent-wins--container[_ngcontent-jpx-c294] {
          transition: background .3s ease
        }

        .recent-wins--container[_ngcontent-jpx-c294]:hover {
          cursor: pointer;
          background: rgb(var(--warningColor))
        }
      }

      [_nghost-jpx-c295] {
        display: block;
        padding: 0 20px
      }

      @media screen and (min-width:768px) {
        [_nghost-jpx-c295] {
          padding: 0 32px
        }
      }

      @media screen and (min-width:1024px) {
        [_nghost-jpx-c295] {
          padding: 0 44px
        }
      }

      @media screen and (min-width:1280px) {
        [_nghost-jpx-c295] {
          padding: 0 76px
        }
      }

      @media screen and (min-width:1440px) {
        [_nghost-jpx-c295] {
          padding: 0 84px
        }
      }

      @media screen and (min-width:1920px) {
        [_nghost-jpx-c295] {
          margin: 0 auto;
          max-width: 1920px
        }
      }

      .challenges-banner[_ngcontent-jpx-c295] {
        position: relative;
        display: block;
        text-align: center;
        color: rgb(var(--whiteColor));
        overflow: hidden
      }

      @media screen and (min-width:1024px) {
        .challenges-banner[_ngcontent-jpx-c295] {
          padding-top: 40px;
          text-align: left
        }

        .challenges-banner[_ngcontent-jpx-c295]:hover .challenges-banner--inner[_ngcontent-jpx-c295]:after {
          transform: scale(1.2)
        }

        .challenges-banner[_ngcontent-jpx-c295]:hover .challenges-banner--img._left[_ngcontent-jpx-c295] {
          transform: translate(calc(-50% + 30px), -30px)
        }

        .challenges-banner[_ngcontent-jpx-c295]:hover .challenges-banner--img._right[_ngcontent-jpx-c295] {
          transform: translateX(-30px)
        }
      }

      .challenges-banner--inner[_ngcontent-jpx-c295] {
        position: relative;
        padding: 16px 15px 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 350px
      }

      @media screen and (min-width:540px) {
        .challenges-banner--inner[_ngcontent-jpx-c295] {
          min-height: 522px;
          padding-bottom: 40px
        }
      }

      @media screen and (min-width:768px) {
        .challenges-banner--inner[_ngcontent-jpx-c295] {
          min-height: 704px
        }
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--inner[_ngcontent-jpx-c295] {
          min-height: unset;
          overflow: hidden;
          padding: 85px 40px
        }
      }

      @media screen and (min-width:1440px) {
        .challenges-banner--inner[_ngcontent-jpx-c295] {
          padding: 85px 100px
        }
      }

      .challenges-banner--inner[_ngcontent-jpx-c295]:before {
        content: "";
        pointer-events: none;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        background-repeat: no-repeat;
        max-width: var(--max-border-width);
        --border-box-size: 34px
      }

      .challenges-banner--inner[_ngcontent-jpx-c295]:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -2;
        background-image: url(/cdn-static/images/casinoly/banners/banner-bg-03.jpg);
        background-size: cover;
        background-position: 50%;
        transition: transform 3s
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .challenges-banner--inner[_ngcontent-jpx-c295]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-03_2x.jpg)
        }
      }

      .challenges-banner--title[_ngcontent-jpx-c295] {
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        font-family: var(--font-family-base);
        position: relative;
        margin-bottom: 28px;
        padding: 0 18px
      }

      .challenges-banner--title[_ngcontent-jpx-c295]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 203px;
        background-color: rgb(var(--primaryColor))
      }

      @media screen and (min-width:540px) {
        .challenges-banner--title[_ngcontent-jpx-c295] {
          font-size: 36px
        }
      }

      @media screen and (min-width:768px) {
        .challenges-banner--title[_ngcontent-jpx-c295] {
          font-size: 56px
        }
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--title[_ngcontent-jpx-c295] {
          margin-bottom: 10px;
          font-size: 20px;
          padding: 0
        }

        .challenges-banner--title[_ngcontent-jpx-c295]:after {
          display: none
        }
      }

      @media screen and (min-width:1280px) {
        .challenges-banner--title[_ngcontent-jpx-c295] {
          font-size: 30px
        }
      }

      @media screen and (min-width:1920px) {
        .challenges-banner--title[_ngcontent-jpx-c295] {
          font-size: 32px
        }
      }

      .challenges-banner--subtitle[_ngcontent-jpx-c295] {
        font-size: 20px;
        line-height: 110%;
        font-weight: 700;
        font-family: var(--heading-font-family);
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295] {
          justify-content: flex-start;
          font-size: 26px
        }
      }

      @media screen and (min-width:1280px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295] {
          font-size: 42px
        }
      }

      @media screen and (min-width:1920px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295] {
          font-size: 48px
        }
      }

      .challenges-banner--subtitle[_ngcontent-jpx-c295]:lang(el) {
        font-size: 17px
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295]:lang(el) {
          font-size: 26px
        }
      }

      @media screen and (min-width:1280px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295]:lang(el) {
          font-size: 42px
        }
      }

      @media screen and (min-width:1920px) {
        .challenges-banner--subtitle[_ngcontent-jpx-c295]:lang(el) {
          font-size: 48px
        }
      }

      .challenges-banner--coin[_ngcontent-jpx-c295] {
        width: 24px;
        height: 24px;
        margin: 0 3px
      }

      .challenges-banner--img[_ngcontent-jpx-c295] {
        position: absolute;
        bottom: 0;
        pointer-events: none;
        z-index: -2
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--img[_ngcontent-jpx-c295] {
          z-index: -1;
          transition: transform 3s
        }
      }

      .challenges-banner--img._left[_ngcontent-jpx-c295] {
        left: 15%;
        width: 210px;
        bottom: -110px;
        transform: translateX(-50%)
      }

      @media screen and (min-width:375px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          left: 20%
        }
      }

      @media screen and (min-width:540px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          width: 345px;
          bottom: -243px;
          left: 23%
        }
      }

      @media screen and (min-width:768px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          width: 420px;
          bottom: -335px;
          left: 20%
        }
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          width: 450px;
          bottom: -382px;
          left: 56%
        }
      }

      @media screen and (min-width:1440px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          left: 52%
        }
      }

      @media screen and (min-width:1680px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          left: 50%
        }
      }

      @media screen and (min-width:1920px) {
        .challenges-banner--img._left[_ngcontent-jpx-c295] {
          left: 48%
        }
      }

      .challenges-banner--img._right[_ngcontent-jpx-c295] {
        width: 420px;
        bottom: -100px;
        right: -270px
      }

      @media screen and (min-width:540px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          width: 750px;
          bottom: -246px;
          right: -520px
        }
      }

      @media screen and (min-width:768px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          bottom: -258px;
          right: -435px
        }
      }

      @media screen and (min-width:1024px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          top: 0;
          right: -510px
        }
      }

      @media screen and (min-width:1280px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          right: -415px
        }
      }

      @media screen and (min-width:1440px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          right: -315px
        }
      }

      @media screen and (min-width:1680px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          right: -190px
        }
      }

      @media screen and (min-width:1920px) {
        .challenges-banner--img._right[_ngcontent-jpx-c295] {
          right: -50px
        }
      }

      .seo-block {
        margin: 40px auto 0
      }

      .seo-block--title,
      .seo-block-wrap {
        position: relative
      }

      .seo-block-wrap {
        margin-bottom: 24px;
        width: 100%;
        display: inline-block
      }

      .seo-block-wrap h1,
      .seo-block-wrap h2 {
        font-size: 16px;
        line-height: 125%;
        font-weight: 400;
        color: rgb(var(--whiteColor));
        
        padding: 24px 40px 24px 69px;
        letter-spacing: .03em;
        flex: 1;
        position: relative;
        background-color: rgb(var(--blackColor));
        -webkit-clip-path: var(--customBtnClip);
        clip-path: var(--customBtnClip);
        background-size: 120px;
        background-repeat: no-repeat;
        background-position: -25px 45%
      }

      .seo-block-wrap h1:hover,
      .seo-block-wrap h2:hover {
        cursor: pointer
      }

      .seo-block-wrap h1:before,
      .seo-block-wrap h2:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-clip-path: var(--customBtnBorderClip);
        clip-path: var(--customBtnBorderClip);
        background: rgba(var(--warningColor))
      }

      @media screen and (min-width:540px) {

        .seo-block-wrap h1,
        .seo-block-wrap h2 {
          white-space: normal;
          padding: 24px 45px 24px 84px;
          background-position: -15px 45%
        }
      }

      @media screen and (min-width:1024px) {

        .seo-block-wrap h1,
        .seo-block-wrap h2 {
          font-size: 20px;
          line-height: 100%
        }
      }

      .seo-block-wrap h1:after,
      .seo-block-wrap h2:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        background-image: url(/wp-content/themes/maintheme/assets/images/customimages/arrow-accordion.svg);
        background-repeat: no-repeat;
        width: 18px;
        height: 12px;
        background-size: contain;
        background-position: 50%;
        filter: var(--filterWhite)
      }

      .seo-block-wrap h1.icon-medal,
      .seo-block-wrap h2.icon-medal {
        background-image: url(/cdn-static/images/casinoly/seo/seo-icon-1.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {

        .seo-block-wrap h1.icon-medal,
        .seo-block-wrap h2.icon-medal {
          background-image: url(/cdn-static/images/casinoly/seo/seo-icon-1@2x.png)
        }
      }

      .seo-block-wrap h1.icon-star,
      .seo-block-wrap h2.icon-star {
        background-image: url(/cdn-static/images/casinoly/seo/seo-icon-2.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {

        .seo-block-wrap h1.icon-star,
        .seo-block-wrap h2.icon-star {
          background-image: url(/cdn-static/images/casinoly/seo/seo-icon-2@2x.png)
        }
      }

      .seo-block-wrap h1.icon-cherry,
      .seo-block-wrap h2.icon-cherry {
        background-image: url(/cdn-static/images/casinoly/seo/seo-icon-2.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {

        .seo-block-wrap h1.icon-cherry,
        .seo-block-wrap h2.icon-cherry {
          background-image: url(/cdn-static/images/casinoly/seo/seo-icon-3@2x.png)
        }
      }

      .seo-block-wrap p {
        font-size: 16px;
        line-height: 150%;
        font-weight: 400;
        color: rgb(var(--whiteColor));
        padding: 18px 28px 0;
        display: none
      }

      @media screen and (min-width:540px) {
        .seo-block-wrap p {
          padding: 18px 43px 0
        }
      }

      @media screen and (min-width:768px) {
        .seo-block-wrap p {
          padding: 18px 84px 0
        }
      }

      .seo-block-wrap img {
        width: 100%;
        object-fit: cover;
        padding: 37px 28px 0;
        height: 150px;
        display: none
      }

      @media screen and (min-width:540px) {
        .seo-block-wrap img {
          padding: 37px 43px 0
        }
      }

      @media screen and (min-width:768px) {
        .seo-block-wrap img {
          padding: 37px 84px 0
        }
      }

      .seo-block-wrap--content {
        position: relative;
        margin: 45px auto 0
      }

      .seo-block-wrap--content._hidden {
        display: none
      }

      @media screen and (min-width:1024px) {
        .seo-block-wrap--content div {
          display: flex;
          align-items: flex-start
        }
      }

      .seo-block-wrap._open {
        padding-bottom: 40px
      }

      .seo-block-wrap._open:before {
        display: block;
        left: 0;
        width: 95%;
        height: 68px;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .1)) drop-shadow(0 4px 50px rgba(175, 142, 94, .6));
        margin-left: 10px
      }

      .seo-block-wrap._open:after,
      .seo-block-wrap._open:before {
        position: absolute;
        content: "";
        z-index: -1;
        background: rgb(var(--mainBg))
      }

      .seo-block-wrap._open:after {
        top: 34px;
        height: calc(100% - 34px);
        width: 100%
      }

      .seo-block-wrap._open img,
      .seo-block-wrap._open p {
        display: block;
        filter: none
      }

      .seo-block-wrap._open h1:after,
      .seo-block-wrap._open h2:after {
        transform: translateY(-50%) rotate(-180deg)
      }

      .seo-icon {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 1
      }

      .seo-icon--ball {
        background-image: url(/cdn-static/images/casinoly/seo/ball.png)
      }

      .seo-icon--roullette {
        background-image: url(/cdn-static/images/casinoly/seo/roullete.png)
      }

      .seo-icon--card {
        background-image: url(/cdn-static/images/casinoly/seo/card.png)
      }

      .seo-icon--medal {
        background-image: url(/cdn-static/images/casinoly/seo/medal.png)
      }

      .lamborghini[_ngcontent-jpx-c298] {
        position: relative;
        max-width: 1920px;
        height: 350px;
        margin: 16px auto;
        padding: 0 20px;
        background-image: url(/wp-content/themes/maintheme/assets/images/customimages/lamborgini_mobile.jpg);
        background-repeat: no-repeat;
        background-color: rgb(var(--blackColor));
        background-position: 50% 15px;
        background-size: cover;
        overflow: hidden
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .lamborghini[_ngcontent-jpx-c298] {
          background-image: url(/wp-content/themes/maintheme/assets/images/customimages/lamborgini_mobile_2x.jpg);
          background-size: cover
        }
      }

      @media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1024px),
      screen and (min-resolution:192dpi) and (min-width:1024px) {
        .lamborghini[_ngcontent-jpx-c298] {
          background-image: url(/wp-content/themes/maintheme/assets/images/customimages/banner-bg-lamba_2x.jpg)
        }
      }

      @media screen and (min-width:768px) {
        .lamborghini[_ngcontent-jpx-c298] {
          padding: 0 32px
        }
      }

      @media screen and (min-width:1024px) {
        .lamborghini[_ngcontent-jpx-c298] {
          height: 315px;
          padding: 0 98px;
          background-image: url(/wp-content/themes/maintheme/assets/images/customimages/banner-bg-lamba.jpg);
          background-size: 190%;
          background-position: 45% bottom
        }
      }

      @media screen and (min-width:1280px) {
        .lamborghini[_ngcontent-jpx-c298] {
          background-size: 150%
        }
      }

      @media screen and (min-width:1440px) {
        .lamborghini[_ngcontent-jpx-c298] {
          margin-top: 62px;
          background-size: 115%;
          overflow: unset
        }
      }

      .lamborghini[_ngcontent-jpx-c298]:before {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: var(--max-border-width);
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        background-repeat: no-repeat;
        content: "";
        pointer-events: none;
        --border-box-size: 34px
      }

      .lamborghini--inner[_ngcontent-jpx-c298] {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 28px 0;
        color: rgb(var(--whiteColor));
        text-align: center
      }

      @media screen and (min-width:1024px) {
        .lamborghini--inner[_ngcontent-jpx-c298] {
          align-items: flex-end;
          padding: 52px 0;
          text-align: right
        }
      }

      .lamborghini--title[_ngcontent-jpx-c298] {
        font-size: 24px;
        line-height: 120%;
        font-weight: 700;
        position: relative;
        margin-bottom: 8px;
        text-shadow: 0 4px 20px #251e0b;
        z-index: 5;
        letter-spacing: .05em
      }

      @media screen and (min-width:1024px) {
        .lamborghini--title[_ngcontent-jpx-c298] {
          font-size: 32px;
          letter-spacing: 0
        }
      }

      .lamborghini--line[_ngcontent-jpx-c298] {
        width: 200px;
        height: 1px;
        margin: 0 auto 8px;
        background: #e9c016
      }

      @media screen and (min-width:1024px) {
        .lamborghini--line[_ngcontent-jpx-c298] {
          display: none
        }
      }

      .lamborghini--subtitle[_ngcontent-jpx-c298] {
        font-size: 28px;
        line-height: 120%;
        font-weight: 700;
        margin-bottom: 4px
      }

      @media screen and (min-width:1024px) {
        .lamborghini--subtitle[_ngcontent-jpx-c298] {
          color: rgb(var(--primaryColor));
          font-size: 56px;
          line-height: 140%
        }
      }

      .lamborghini--huracan[_ngcontent-jpx-c298] {
        display: none
      }

      @media screen and (min-width:1024px) {
        .lamborghini--huracan[_ngcontent-jpx-c298] {
          display: block;
          position: absolute;
          top: 0;
          left: 35%;
          transform: translateX(-50%);
          width: 646px;
          height: 292px;
          background-image: url(/wp-content/themes/maintheme/assets/images/customimages/lamborgini.png);
          background-size: contain;
          z-index: 1
        }
      }

      @media screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),
      screen and (min-width:1024px) and (min-resolution:192dpi) {
        .lamborghini--huracan[_ngcontent-jpx-c298] {
          background-image: url(/wp-content/themes/maintheme/assets/images/customimages/lamborgini_2x.png)
        }
      }

      @media screen and (min-width:1440px) {
        .lamborghini--huracan[_ngcontent-jpx-c298] {
          width: 787px;
          height: 356px;
          top: unset;
          bottom: 25px
        }
      }

      .lamborghini--button[_ngcontent-jpx-c298] {
        margin-top: auto
      }

      [_nghost-jpx-c297] {
        display: block;
        padding: 0 20px
      }

      @media screen and (min-width:768px) {
        [_nghost-jpx-c297] {
          padding: 0 32px
        }
      }

      @media screen and (min-width:1024px) {
        [_nghost-jpx-c297] {
          padding: 0 44px
        }
      }

      @media screen and (min-width:1280px) {
        [_nghost-jpx-c297] {
          padding: 0 76px
        }
      }

      @media screen and (min-width:1440px) {
        [_nghost-jpx-c297] {
          padding: 0 84px
        }
      }

      @media screen and (min-width:1920px) {
        [_nghost-jpx-c297] {
          margin: 0 auto;
          max-width: 1920px
        }
      }

      .pantheon-banner[_ngcontent-jpx-c297] {
        position: relative;
        display: block;
        text-align: center;
        color: rgb(var(--whiteColor));
        overflow: visible
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner[_ngcontent-jpx-c297] {
          padding-top: 70px;
          text-align: left
        }
      }

      .pantheon-banner--inner[_ngcontent-jpx-c297] {
        position: relative;
        padding: 16px 15px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 350px
      }

      @media screen and (min-width:540px) {
        .pantheon-banner--inner[_ngcontent-jpx-c297] {
          padding-bottom: 40px;
          min-height: 488px
        }
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--inner[_ngcontent-jpx-c297] {
          overflow: hidden;
          padding: 31px 40px;
          justify-content: center;
          min-height: 314px
        }
      }

      @media screen and (min-width:1440px) {
        .pantheon-banner--inner[_ngcontent-jpx-c297] {
          padding: 31px 100px
        }
      }

      .pantheon-banner--inner[_ngcontent-jpx-c297]:before {
        pointer-events: none;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-image: url(/cdn-static/images/casinoly/banners/border-top-left.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-top-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-right.svg), linear-gradient(90deg, #c19517, #c19517), url(/cdn-static/images/casinoly/banners/border-bot-left.svg), linear-gradient(90deg, #c19517, #c19517);
        background-size: var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2)), var(--border-box-size), calc(100% - calc(var(--border-box-size) * 2)) 2px, var(--border-box-size), 2px calc(100% - calc(var(--border-box-size) * 2));
        background-position: 0 0, var(--border-box-size) 0, 100% 0, 100% var(--border-box-size), 100% 100%, var(--border-box-size) 100%, 0 100%, 0 var(--border-box-size);
        max-width: var(--max-border-width);
        --border-box-size: 34px
      }

      .pantheon-banner--inner[_ngcontent-jpx-c297]:after,
      .pantheon-banner--inner[_ngcontent-jpx-c297]:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat
      }

      .pantheon-banner--inner[_ngcontent-jpx-c297]:after {
        right: 0;
        left: 0;
        z-index: -2;
        background-image: var(--mobileBackground);
        background-size: cover;
        background-position: 50%
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--inner[_ngcontent-jpx-c297]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-04.jpg);
          background-position: 81%
        }
      }

      @media screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),
      screen and (min-width:1024px) and (min-resolution:192dpi) {
        .pantheon-banner--inner[_ngcontent-jpx-c297]:after {
          background-image: url(/cdn-static/images/casinoly/banners/banner-bg-04_2x.jpg)
        }
      }

      .pantheon-banner--inner-img[_ngcontent-jpx-c297] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover
      }

      .pantheon-banner--img[_ngcontent-jpx-c297] {
        position: absolute;
        z-index: -1;
        pointer-events: none;
        top: 116px;
        width: 256px;
        left: 50%;
        transform: translateX(-50%)
      }

      @media screen and (min-width:540px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          width: 385px;
          left: 55%
        }
      }

      @media screen and (min-width:768px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          width: 554px;
          top: 100px
        }
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          bottom: auto;
          top: 6px;
          left: unset;
          right: -7px;
          transform: unset;
          height: 190%;
          width: 600px
        }
      }

      @media screen and (min-width:1280px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          top: 0;
          right: 35px
        }
      }

      @media screen and (min-width:1440px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          right: 60px
        }
      }

      @media screen and (min-width:1680px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          right: 100px
        }
      }

      @media screen and (min-width:1920px) {
        .pantheon-banner--img[_ngcontent-jpx-c297] {
          right: 190px
        }
      }

      .pantheon-banner--title[_ngcontent-jpx-c297] {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
        font-family: var(--font-family-base);
        position: relative;
        margin: 0 auto 10px;
        padding: 0 18px
      }

      .pantheon-banner--title[_ngcontent-jpx-c297]:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -7px;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 203px;
        background-color: rgb(var(--primaryColor))
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--title[_ngcontent-jpx-c297] {
          font-size: 20px;
          line-height: 23px;
          font-weight: 700;
          margin: 0 0 8px;
          padding: 0
        }

        .pantheon-banner--title[_ngcontent-jpx-c297]:after {
          display: none
        }
      }

      @media screen and (min-width:1440px) {
        .pantheon-banner--title[_ngcontent-jpx-c297] {
          font-size: 32px;
          line-height: 37px;
          font-weight: 700
        }
      }

      .pantheon-banner--subtitle[_ngcontent-jpx-c297] {
        font-size: 28px;
        line-height: 33px;
        font-weight: 500;
        font-family: var(--font-family-base);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--subtitle[_ngcontent-jpx-c297] {
          font-size: 36px;
          line-height: 42px;
          font-weight: 700;
          justify-content: flex-start;
          width: unset;
          margin: unset
        }
      }

      @media screen and (min-width:1440px) {
        .pantheon-banner--subtitle[_ngcontent-jpx-c297] {
          font-size: 56px;
          line-height: 136%;
          font-weight: 900
        }
      }

      @media screen and (max-width:1023.98px) {
        .pantheon-banner--subtitle._mob-lg[_ngcontent-jpx-c297] {
          font-size: 28px;
          font-weight: 700
        }
      }

      .pantheon-banner--subtitle[_ngcontent-jpx-c297]:last-of-type {
        margin-bottom: 116px
      }

      @media screen and (min-width:540px) {
        .pantheon-banner--subtitle[_ngcontent-jpx-c297]:last-of-type {
          margin-bottom: 172px
        }
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--subtitle[_ngcontent-jpx-c297]:last-of-type {
          margin-bottom: 24px
        }
      }

      .pantheon-banner--coin[_ngcontent-jpx-c297] {
        width: 24px;
        height: 24px;
        margin: 0 3px
      }

      .pantheon-banner--price[_ngcontent-jpx-c297] {
        font-size: 40px;
        font-weight: 700
      }

      @media screen and (min-width:540px) {
        .pantheon-banner--price[_ngcontent-jpx-c297] {
          font-size: 60px
        }
      }

      .pantheon-banner--button[_ngcontent-jpx-c297] {
        margin-top: auto
      }

      @media screen and (min-width:1024px) {
        .pantheon-banner--button[_ngcontent-jpx-c297] {
          margin-top: unset
        }
      }

      .scrollable-container,
      .scrollable-container .scrollable {
        display: flex
      }

      .scrollable-container .content {
        display: flex;
        width: 100%;
        overflow: hidden
      }

      .scrollable-container .controlLeft.hidden,
      .scrollable-container .controlRight.hidden {
        pointer-events: none;
        visibility: hidden
      }

      .scrollable-container .controlLeft.visible,
      .scrollable-container .controlRight.visible {
        pointer-events: auto;
        visibility: visible
      }

      swiper {
        display: block;
      }

      [_nghost-jpx-c285] {
        display: block;
        border: 2px solid rgb(var(--primaryBg));
        background: linear-gradient(310.52deg, #7c6a37 -2.86%, #7c6a37 12.16%, #b69e59 36.41%, #dec98c 60.73%, #b69e59);
        height: 100%;
        
        font-size: 20px;
        font-weight: 900;
        color: rgb(var(--blackColor));
        cursor: pointer
      }

      .grid-games--item[_ngcontent-jpx-c285] {
        display: grid;
        justify-content: center;
        align-content: center;
        grid-gap: 8px;
        z-index: 1
      }

      .grid-games--item[_ngcontent-jpx-c285]:after {
        z-index: -1
      }

      .grid-games--item._is-small[_ngcontent-jpx-c285] {
        font-size: 16px;
        font-weight: 700;
        padding: 6px
      }

      .grid-games--item-icon[_ngcontent-jpx-c285] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap
      }

      [_nghost-jpx-c100] svg[_ngcontent-jpx-c100],
      [_nghost-jpx-c100] use[_ngcontent-jpx-c100] {
        fill: currentColor
      }

      .lang-switcher[_ngcontent-jpx-c109] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        background-color: rgb(var(--mainBg));
        width: 100%;
        min-height: 40px;
        padding: 8px
      }

      .lang-switcher--flag[_ngcontent-jpx-c109] {
        margin-right: 8px;
        margin-bottom: 2px;
        width: 16px;
        height: 16px;
        object-fit: cover
      }

      .lang-switcher--title[_ngcontent-jpx-c109] {
        font-size: 14px;
        line-height: 100%;
        font-weight: 700;
        padding-right: 15px;
        color: rgb(var(--whiteColor));
        
        display: block;
        background: url(/wp-content/themes/maintheme/assets/images/customimages/arrow-down.png) no-repeat 100% 50%/10px 10px
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .lang-switcher--title[_ngcontent-jpx-c109] {
          background: url(/wp-content/themes/maintheme/assets/images/customimages/arrow-down@2x.png) no-repeat 100% 50%/10px 10px
        }
      }

      [_ngcontent-jpx-c286]:root {
        --textShadow: 37, 30, 11
      }

      .new-games--label[_ngcontent-jpx-c286] {
        font-size: 10px;
        font-weight: 700;
        z-index: 10;
        background: rgba(var(--blackColor));
        padding: 8px 16px 8px 8px;
        color: rgba(var(--whiteColor));
        
        -webkit-clip-path: var(--customTriangleClip);
        clip-path: var(--customTriangleClip)
      }

      .new-games--label[_ngcontent-jpx-c286],
      .new-games--label[_ngcontent-jpx-c286]:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block
      }

      .new-games--label[_ngcontent-jpx-c286]:after {
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(var(--primaryColor));
        -webkit-clip-path: var(--customTriangleBorderClip);
        clip-path: var(--customTriangleBorderClip)
      }

      ._bordered-game[_ngcontent-jpx-c286] .new-games--label[_ngcontent-jpx-c286] {
        top: -2px;
        left: -2px
      }

      .games-label-icon[_ngcontent-jpx-c286] {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4
      }

      [_ngcontent-jpx-c303]:root {
        --textShadow: 37, 30, 11
      }

      .payments-list--main {
        background-image: url(/cdn-static/images/casinoly/payments-list/payments-bg.jpg);
        background-size: auto;
        background-position: top;
        background-repeat: no-repeat;
        color: rgb(var(--whiteColor));
        padding-top: 38px
      }

      @media screen and (min-width:1920px) {
        .payments-list--main {
          background-size: 100vw
        }
      }

      .payments-list--container {
        margin: 0 auto;
        max-width: 712px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px
      }

      .payments-list--title {
        text-shadow: 0 4px 20px #251e0b
      }

      .payments-list--text {
        font-size: 14px;
        line-height: 157%;
        font-weight: 700;
        font-family: var(--heading-font-family);
        padding-top: 18px;
        
        text-align: center
      }

      .payments-list--selects {
        margin-top: 36px;
        grid-gap: 16px;
        margin-bottom: 30px;
        justify-content: normal;
        display: grid;
        grid-template-columns: repeat(2, minmax(150px, 1fr));
        width: 100%
      }

      @media screen and (min-width:768px) {
        .payments-list--selects {
          margin-bottom: 54px;
          justify-content: center;
          grid-template-columns: repeat(2, minmax(0, 320px))
        }
      }

      .payments-list--subtitle {
        text-align: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 18px
      }

      .payments-list--heading {
        font-size: 26px;
        line-height: 120%;
        font-weight: 700;
        text-align: center;
        color: rgb(var(--succesColor));
        margin-bottom: 20px
      }

      @media screen and (min-width:1024px) {
        .payments-list--heading {
          font-size: 28px
        }
      }

      @media screen and (min-width:1440px) {
        .payments-list--heading {
          font-size: 32px
        }
      }

      .payments-list--wrap {
        display: block;
        width: 100%;
        margin: 0 auto
      }

      @media screen and (min-width:768px) {
        .payments-list--wrap {
          max-width: 704px
        }
      }

      @media screen and (min-width:1024px) {
        .payments-list--wrap {
          max-width: 100%
        }
      }

      @media screen and (min-width:1440px) {
        .payments-list--wrap {
          max-width: 1272px
        }
      }

      @media screen and (min-width:1680px) {
        .payments-list--wrap {
          max-width: 1514px
        }
      }

      @media screen and (min-width:1920px) {
        .payments-list--wrap {
          max-width: 1752px
        }
      }

      .payments-list--content {
        background: var(--blackColor)
      }

      .payments-list--items {
        display: grid;
        grid-gap: 20px;
        justify-items: center
      }

      @media screen and (min-width:540px) {
        .payments-list--items {
          grid-template-columns: repeat(1, 1fr)
        }
      }

      @media screen and (min-width:768px) {
        .payments-list--items {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 20px 16px
        }
      }

      @media screen and (min-width:1024px) {
        .payments-list--items {
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 20px 24px
        }
      }

      @media screen and (min-width:1680px) {
        .payments-list--items {
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 20px 22px
        }
      }

      @media screen and (min-width:1920px) {
        .payments-list--items {
          grid-gap: 20px 24px
        }
      }

      .payments-list--item {
        overflow: hidden;
        background-image: url(/cdn-static/images/casinoly/payments-list/payments-item-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        min-width: 287px;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 30px 60px
      }

      @media screen and (min-width:1024px) {
        .payments-list--item {
          min-width: 296px
        }
      }

      .payments-list--pic {
        display: flex;
        width: 200px;
        height: 57px
      }

      .payments-list--info,
      .payments-list--pic img {
        width: 100%
      }

      .payments-list--info li {
        font-size: 20px;
        line-height: 120%;
        font-weight: 400;
        display: grid;
        grid-template-columns: 1fr auto;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0
      }

      .payments-list--info li:not(:last-child) {
        border-bottom: 1px solid rgba(180, 164, 200, .3)
      }

      .payments-list--info-title {
        color: rgb(var(--blackColor));
        font-weight: 700;
        font-family: var(--heading-font-family)
      }

      .payments-list--info-value {
        color: rgb(var(--blackColor));
        text-align: end;
        font-weight: 400;
        font-size: 16px;
        word-break: break-all
      }

      .payments-list--no-result {
        position: relative;
        display: flex;
        margin: 68px 0;
        padding: 21px 32px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        color: rgb(var(--lightColor));
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: 1px;
        
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
        -webkit-clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50%);
        clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50%)
      }

      @media screen and (min-width:768px) {
        .payments-list--no-result {
          width: 90vw;
          left: calc(-45vw + 50%)
        }
      }

      @media screen and (min-width:1024px) {
        .payments-list--no-result {
          max-width: 900px;
          left: unset
        }
      }

      .payments-list--no-result:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50%, 2px 50%, 22px calc(100% - 2px), calc(100% - 22px) calc(100% - 2px), calc(100% - 2px) 50%, calc(100% - 22px) 2px, 22px 2px, 2px 50%);
        clip-path: polygon(0 50%, 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50%, 2px 50%, 22px calc(100% - 2px), calc(100% - 22px) calc(100% - 2px), calc(100% - 2px) 50%, calc(100% - 22px) 2px, 22px 2px, 2px 50%);
        background: #b29555
      }

      .tabs .tab-group__header {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-auto-flow: column;
        grid-column-gap: 12px;
        padding-bottom: 32px
      }

      .tabs .tab-group__tab.tab .custom-button {
        width: 150px
      }

      @media screen and (min-width:375px) {
        .tabs .tab-group__tab.tab .custom-button {
          width: 164px
        }
      }

      @media screen and (min-width:540px) {
        .tabs .tab-group__tab.tab .custom-button {
          width: 234px
        }
      }

      .tabs .tab-group__tab.tab.active .custom-button--secondary:after {
        background-color: rgb(var(--dangerColor))
      }

      .tabs .tab-group__tab.tab.active .custom-button__title {
        color: rgb(var(--whiteColor))
      }

      [_ngcontent-jpx-c309]:root {
        --textShadow: 37, 30, 11
      }

      .game-hall[_ngcontent-jpx-c309] {
        padding-top: 64px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(/cdn-static/images/casinoly/gamehall/gamehall-bg-sm.jpg)
      }

      @media screen and (min-width:540px) {
        .game-hall[_ngcontent-jpx-c309] {
          padding-top: 80px
        }
      }

      @media screen and (min-width:1024px) {
        .game-hall[_ngcontent-jpx-c309] {
          background-image: url(/cdn-static/images/casinoly/gamehall/gamehall-bg-lg.jpg);
          padding-top: 88px
        }
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .game-hall[_ngcontent-jpx-c309] {
          background-image: url(/cdn-static/images/casinoly/gamehall/gamehall-bg-sm@2x.jpg)
        }
      }

      @media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1024px),
      screen and (min-resolution:192dpi) and (min-width:1024px) {
        .game-hall[_ngcontent-jpx-c309] {
          background-image: url(/cdn-static/images/casinoly/gamehall/gamehall-bg-lg@2x.jpg)
        }
      }

      .game-hall--section[_ngcontent-jpx-c309] {
        position: relative
      }

      @media screen and (min-width:1024px) {
        .game-hall--section[_ngcontent-jpx-c309] {
          padding: 0 52px
        }
      }

      @media screen and (min-width:1440px) {
        .game-hall--section[_ngcontent-jpx-c309] {
          padding: 0 68px
        }
      }

      @media screen and (min-width:1920px) {
        .game-hall--section[_ngcontent-jpx-c309] {
          padding: 0
        }
      }

      .game-hall--item[_ngcontent-jpx-c309] {
        margin-right: 20px
      }

      @media screen and (min-width:1024px) {
        .game-hall--item[_ngcontent-jpx-c309] {
          margin-right: 0
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 20px var(--games-gap)
      }

      @media screen and (min-width:1024px) {
        .game-hall--holder[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(10, 1fr);
          grid-gap: 20px 24px
        }
      }

      @media screen and (min-width:1440px) {
        .game-hall--holder[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(12, 1fr)
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309] {
        grid-column: span 6
      }

      @media screen and (min-width:540px) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309] {
          grid-column: span 4
        }
      }

      @media screen and (min-width:768px) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309] {
          grid-column: span 3
        }
      }

      @media screen and (min-width:1024px) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309] {
          grid-column: span 2
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309] {
        grid-column: unset;
        background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg1.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309] {
          background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg1@2x.png)
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:nth-child(2):after {
        background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg2.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:nth-child(2):after {
          background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg2@2x.png)
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:nth-child(3):after {
        background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg3.png)
      }

      @media (-webkit-min-device-pixel-ratio:2),
      (min-resolution:192dpi) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:nth-child(3):after {
          background-image: url(/cdn-static/images/casinoly/gamehall/card-shadow-lg3@2x.png)
        }
      }

      .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:last-child {
        padding-right: var(--indent-wide-box);
        width: calc(100% + var(--indent-wide-box))
      }

      @media screen and (min-width:1024px) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item._wide[_ngcontent-jpx-c309]:last-child {
          width: auto
        }
      }

      @media screen and (min-width:1280px) {
        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309] {
          transform: translateX(-100vw);
          animation: translateAnimation .5s ease forwards
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:first-child {
          animation-delay: .1s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(2) {
          animation-delay: .2s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(3) {
          animation-delay: .3s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(4) {
          animation-delay: .4s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(5) {
          animation-delay: .5s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(6) {
          animation-delay: .6s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(7) {
          animation-delay: .7s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(8) {
          animation-delay: .8s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(9) {
          animation-delay: .9s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(10) {
          animation-delay: 1s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(11) {
          animation-delay: 1.1s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(12) {
          animation-delay: 1.2s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(13) {
          animation-delay: 1.3s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(14) {
          animation-delay: 1.4s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(15) {
          animation-delay: 1.5s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(16) {
          animation-delay: 1.6s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(17) {
          animation-delay: 1.7s
        }

        .game-hall--holder[_ngcontent-jpx-c309] .grid-games--item[_ngcontent-jpx-c309]:nth-child(18) {
          animation-delay: 1.8s
        }
      }

      .game-hall--top[_ngcontent-jpx-c309] {
        display: grid;
        grid-column: span 12;
        grid-gap: var(--games-gap);
        grid-template-columns: repeat(3, minmax(300px, 1fr));
        overflow-x: scroll;
        position: relative;
        z-index: 5;
        margin-right: calc(var(--indent-wide-box) * -1);
        margin-left: calc(var(--indent-wide-box) * -1);
        padding-left: var(--indent-wide-box)
      }

      @media screen and (min-width:540px) {
        .game-hall--top[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(3, minmax(380px, 1fr))
        }
      }

      @media screen and (min-width:768px) {
        .game-hall--top[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(3, minmax(420px, 1fr))
        }
      }

      @media screen and (min-width:1024px) {
        .game-hall--top[_ngcontent-jpx-c309] {
          grid-column: span 10;
          grid-template-columns: repeat(3, 1fr);
          overflow-x: unset
        }
      }

      @media screen and (min-width:1440px) {
        .game-hall--top[_ngcontent-jpx-c309] {
          grid-column: span 12
        }
      }

      .game-hall--arrow[_ngcontent-jpx-c309] {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        z-index: 2;
        width: 44px;
        height: 48px;
        background-size: 100% 100%
      }

      @media screen and (min-width:1440px) {
        .game-hall--arrow[_ngcontent-jpx-c309] {
          width: 60px;
          height: 65px
        }
      }

      .game-hall--arrow._left[_ngcontent-jpx-c309] {
        left: 0
      }

      @media screen and (min-width:1920px) {
        .game-hall--arrow._left[_ngcontent-jpx-c309] {
          left: -68px
        }
      }

      .game-hall--arrow._right[_ngcontent-jpx-c309] {
        right: 0;
        transform: translateY(-50%) scaleX(-1);
        left: auto
      }

      @media screen and (min-width:1920px) {
        .game-hall--arrow._right[_ngcontent-jpx-c309] {
          right: -68px
        }
      }

      .game-hall--provider-content[_ngcontent-jpx-c309] {
        flex-wrap: wrap;
        padding: 0 10px;
        height: 70px;
        background-color: rgb(var(--warningColor))
      }

      .game-hall--provider-content[_ngcontent-jpx-c309],
      .game-hall--provider-pic[_ngcontent-jpx-c309] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center
      }

      .game-hall--provider-pic[_ngcontent-jpx-c309] {
        flex-wrap: nowrap;
        height: 62px;
        margin: 0 auto;
        filter: var(--filterBlack) invert(18%) sepia(2%) saturate(4894%) hue-rotate(7deg) brightness(95%) contrast(88%)
      }

      .game-hall--provider-img[_ngcontent-jpx-c309] {
        max-height: 100%;
        height: 100%
      }

      @media screen and (min-width:1024px) {
        .game-hall--provider-img[_ngcontent-jpx-c309] {
          transition: transform var(--transitionTime) ease
        }
      }

      .game-hall--provider-title[_ngcontent-jpx-c309] {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        font-size: 12px;
        line-height: 120%;
        font-weight: 400;
        color: rgb(var(--mainBg))
      }

      .game-hall--provider-arrow[_ngcontent-jpx-c309] {
        margin-left: 6px
      }

      .game-hall--games[_ngcontent-jpx-c309] {
        display: block
      }

      .game-hall--btn[_ngcontent-jpx-c309] {
        display: table;
        margin: 20px auto 0
      }

      .even-grid[_ngcontent-jpx-c309] {
        text-align: center
      }

      .even-grid--row[_ngcontent-jpx-c309] {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--games-gap);
        margin-bottom: 20px
      }

      @media screen and (min-width:1024px) {
        .even-grid--row[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(10, 1fr)
        }
      }

      @media screen and (min-width:1280px) {
        .even-grid--row[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(12, 1fr)
        }
      }

      .even-grid--row._has-shadow[_ngcontent-jpx-c309] {
        position: relative
      }

      .even-grid--row._has-shadow[_ngcontent-jpx-c309]:after {
        width: 100%;
        height: 94px;
        background: linear-gradient(180deg, rgba(var(--blackColor), 0), rgb(var(--blackColor)));
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3
      }

      .even-grid--box[_ngcontent-jpx-c309] {
        grid-column: span 6;
        display: none
      }

      .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+6) {
        display: block
      }

      @media screen and (min-width:540px) {
        .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+9) {
          display: block;
          grid-column: span 4
        }
      }

      @media screen and (min-width:768px) {
        .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+12) {
          display: block;
          grid-column: span 3
        }
      }

      @media screen and (min-width:1024px) {
        .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+15) {
          display: block;
          grid-column: span 2
        }
      }

      @media screen and (min-width:1280px) {
        .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+18) {
          display: block;
          grid-column: span 2
        }
      }

      .games[_ngcontent-jpx-c309] {
        padding: 0 0 36px;
        text-align: center
      }

      .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
        margin-right: -44px;
        padding-right: 44px;
        margin-bottom: 20px
      }

      .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309]:before {
        position: absolute;
        content: "";
        height: 100%;
        top: 0;
        right: 0;
        width: 44px;
        z-index: 2;
        background: linear-gradient(270deg, rgb(var(--blackColor)), rgba(var(--blackColor), .85) 30.34%, rgba(var(--blackColor), .6) 128.14%, rgba(var(--blackColor), 0) 156.07%)
      }

      @media screen and (min-width:1280px) {
        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
          margin-right: -76px;
          padding-right: 76px
        }

        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309]:before {
          width: 53px
        }
      }

      @media screen and (min-width:1440px) {
        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
          margin-right: -84px;
          padding-right: 84px
        }

        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309]:before {
          width: 60px
        }
      }

      @media screen and (min-width:2500px) {
        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
          margin-right: -300px;
          padding-right: 300px
        }

        .games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309]:before {
          width: 278px
        }
      }

      .games--title[_ngcontent-jpx-c309] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
      }

      .games--elem[_ngcontent-jpx-c309] {
        display: grid;
        height: auto
      }

      .section-games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
        margin-right: -20px;
        padding-right: 20px
      }

      @media screen and (min-width:768px) {
        .section-games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
          margin-right: -32px;
          padding-right: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .section-games[_ngcontent-jpx-c309] .swiper-container[_ngcontent-jpx-c309] {
          margin-right: 0;
          padding-right: 0
        }
      }

      .section-games[_ngcontent-jpx-c309] .section-title[_ngcontent-jpx-c309]:lang(el) {
        font-size: 16px
      }

      @media screen and (min-width:540px) {
        .section-games[_ngcontent-jpx-c309] .section-title[_ngcontent-jpx-c309]:lang(el) {
          font-size: 22px
        }
      }

      .famous-section--row[_ngcontent-jpx-c309] {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--games-gap)
      }

      @media screen and (max-width:767.98px) {
        .famous-section--row[_ngcontent-jpx-c309] {
          padding-right: 0
        }
      }

      .famous-section--box[_ngcontent-jpx-c309] {
        grid-column: span 6
      }

      @media screen and (min-width:768px) {
        .famous-section--box[_ngcontent-jpx-c309] {
          grid-column: span 3
        }
      }

      .famous-section--videos[_ngcontent-jpx-c309] {
        display: grid;
        grid-column: span 12;
        grid-gap: var(--games-gap);
        grid-template-columns: repeat(3, minmax(278px, 1fr));
        overflow-x: scroll
      }

      @media screen and (min-width:540px) {
        .famous-section--videos[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(3, minmax(387px, 1fr))
        }
      }

      @media screen and (min-width:768px) {
        .famous-section--videos[_ngcontent-jpx-c309] {
          grid-template-columns: repeat(12, 1fr);
          overflow-x: unset
        }
      }

      .famous-section--videos[_ngcontent-jpx-c309] .games--footer[_ngcontent-jpx-c309] {
        bottom: 16px
      }

      .famous-section--videos[_ngcontent-jpx-c309] .famous-section--box[_ngcontent-jpx-c309] {
        grid-column: unset
      }

      @media screen and (min-width:768px) {
        .famous-section--videos[_ngcontent-jpx-c309] .famous-section--box[_ngcontent-jpx-c309] {
          grid-column: span 4
        }
      }

      .famous-section--videos[_ngcontent-jpx-c309] .famous-section--box[_ngcontent-jpx-c309]:nth-child(2) .games--poster[_ngcontent-jpx-c309] {
        animation-delay: 3s
      }

      .famous-section--videos[_ngcontent-jpx-c309] .famous-section--box[_ngcontent-jpx-c309]:nth-child(3) .games--poster[_ngcontent-jpx-c309] {
        animation-delay: 6s
      }

      .new-games--label[_ngcontent-jpx-c309] {
        font-size: 10px;
        font-weight: 700;
        z-index: 10;
        background: rgba(var(--blackColor));
        padding: 8px 16px 8px 8px;
        color: rgba(var(--whiteColor));
        
        -webkit-clip-path: var(--customTriangleClip);
        clip-path: var(--customTriangleClip)
      }

      .new-games--label[_ngcontent-jpx-c309],
      .new-games--label[_ngcontent-jpx-c309]:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block
      }

      .new-games--label[_ngcontent-jpx-c309]:after {
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(var(--primaryColor));
        -webkit-clip-path: var(--customTriangleBorderClip);
        clip-path: var(--customTriangleBorderClip)
      }

      .grid-games--item.provider-games--elem[_ngcontent-jpx-c309] {
        width: auto
      }

      .grid-games--item.provider-games--elem[_ngcontent-jpx-c309]:after {
        display: none
      }

      .more-game[_ngcontent-jpx-c309] {
        position: absolute;
        top: 0;
        text-decoration: none;
        right: 20px;
        line-height: 26px
      }

      @media screen and (min-width:768px) {
        .more-game[_ngcontent-jpx-c309] {
          right: 32px
        }
      }

      @media screen and (min-width:1024px) {
        .more-game[_ngcontent-jpx-c309] {
          right: 44px;
          top: 5px
        }
      }

      @media screen and (min-width:1280px) {
        .more-game[_ngcontent-jpx-c309] {
          right: 76px
        }
      }

      @media screen and (min-width:1440px) {
        .more-game[_ngcontent-jpx-c309] {
          right: 84px
        }
      }

      .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+12) {
        display: block;
        height: unset;
        overflow: visible;
        pointer-events: unset
      }

      .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(11),
      .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(12) {
        display: block;
        height: 94px;
        overflow: hidden;
        pointer-events: none
      }

      @media screen and (min-width:540px) {
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+15) {
          display: block;
          height: unset;
          overflow: visible;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+18) {
          grid-column: span 4
        }

        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(16),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(17),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(18) {
          display: block;
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:768px) {
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+24) {
          grid-column: span 3;
          display: block;
          height: unset;
          overflow: visible;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(21),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(22),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(23),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(24) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1024px) {
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+30) {
          grid-column: span 2;
          display: block;
          height: unset;
          overflow: visible;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(26),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(27),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(28),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(29),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(30) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      @media screen and (min-width:1280px) {
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(-n+36) {
          grid-column: span 2;
          display: block;
          height: unset;
          overflow: visible;
          pointer-events: unset
        }

        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(31),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(32),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(33),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(34),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(35),
        .all-games[_ngcontent-jpx-c309] .even-grid--box[_ngcontent-jpx-c309]:nth-child(36) {
          height: 94px;
          overflow: hidden;
          pointer-events: none
        }
      }

      .show-btn[_ngcontent-jpx-c309] {
        margin-top: -26px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        z-index: 4
      }

      .section-title-top[_ngcontent-jpx-c309] {
        width: 100%;
        text-align: center
      }

      [_nghost-jpx-c309] .games--slider {
        position: relative
      }

      [_nghost-jpx-c309] .games--slider._mobile {
        overflow: hidden
      }

      [_nghost-jpx-c309] .games--scroll {
        display: grid;
        grid-auto-flow: column;
        grid-column-gap: 16px;
        overflow-x: scroll
      }

      [_nghost-jpx-c309] .games--arrow {
        position: absolute;
        top: calc(50% - 15px);
        z-index: 10
      }

      [_nghost-jpx-c309] .games--arrow._left {
        left: -41px
      }

      [_nghost-jpx-c309] .games--arrow._right {
        right: -41px
      }

      [_nghost-jpx-c309] .games--arrow.swiper-button-disabled {
        display: none
      }

      [_nghost-jpx-c309] .swiper-slide {
        height: auto
      }

      @media screen and (max-width:1023.98px) {
        [_nghost-jpx-c309] .grid-games--item {
          width: 160px
        }
      }

      .search[_ngcontent-jpx-c305] {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-gap: 0 8px;
        margin: 0 auto 20px;
        justify-content: center;
        position: relative;
        z-index: 12
      }

      @media screen and (min-width:540px) {
        .search[_ngcontent-jpx-c305] {
          grid-template-columns: 68% 32%
        }
      }

      @media screen and (min-width:1024px) {
        .search[_ngcontent-jpx-c305] {
          grid-template-columns: minmax(200px, 872px) minmax(100px, 360px);
          grid-gap: 0 24px
        }
      }

      @media screen and (min-width:1920px) {
        .search[_ngcontent-jpx-c305] {
          grid-template-columns: minmax(200px, 1010px) minmax(100px, 412px);
          grid-gap: 0 25px
        }
      }

      .search--box[_ngcontent-jpx-c305] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        height: 52px;
        border-radius: 6px;
        font-size: 16px;
        color: rgba(var(--whiteColor), .5);
        padding: 0 16px;
        line-height: 52px;
        position: relative
      }

      .search--box[_ngcontent-jpx-c305]:after,
      .search--box[_ngcontent-jpx-c305]:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1
      }

      .search--box[_ngcontent-jpx-c305]:after {
        background-color: rgb(var(--blackColor));
        -webkit-clip-path: var(--customBtnClip);
        clip-path: var(--customBtnClip);
        z-index: -2
      }

      .search--box[_ngcontent-jpx-c305]:before {
        background: rgb(var(--dangerBg));
        -webkit-clip-path: var(--customBoxBorderClip);
        clip-path: var(--customBoxBorderClip)
      }

      .search--box-icon[_ngcontent-jpx-c305] {
        color: rgb(var(--primaryColor))
      }

      .search--box-text[_ngcontent-jpx-c305] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 60px
      }

      @media screen and (min-width:1024px) {
        .search--box-text[_ngcontent-jpx-c305] {
          max-width: calc(100% - 45px)
        }
      }

      [_ngcontent-jpx-c304]:root {
        --textShadow: 37, 30, 11
      }

      .provider--pic[_ngcontent-jpx-c304] {
        width: 22px;
        height: 22px;
        padding: 3px 2px;
        display: flex;
        margin-right: 12px;
        align-items: center;
        justify-content: center;
        background-color: rgba(var(--primaryColor), .5)
      }

      .provider--image[_ngcontent-jpx-c304] {
        filter: var(--filterBlack) invert(18%) sepia(2%) saturate(4894%) hue-rotate(7deg)
      }

      .provider--icon[_ngcontent-jpx-c304] {
        display: flex;
        align-items: center
      }

      .provider--icon[_ngcontent-jpx-c304] .provider--pic[_ngcontent-jpx-c304] {
        background: none;
        margin-right: 6px
      }

      .provider--icon[_ngcontent-jpx-c304] .provider--image[_ngcontent-jpx-c304] {
        filter: invert(1) var(--filterPrimary)
      }
    </style>