/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZJhiI2B.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZthiI2B.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZNhiI2B.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZxhiI2B.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZBhiI2B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZFhiI2B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  /* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZJhiI2B.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZthiI2B.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZNhiI2B.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZxhiI2B.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZBhiI2B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZFhiI2B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZJhiI2B.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZthiI2B.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZNhiI2B.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZxhiI2B.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZBhiI2B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZFhiI2B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZJhiI2B.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZthiI2B.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZNhiI2B.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZxhiI2B.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZBhiI2B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZFhiI2B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  /* Root styles */
:root {
    --bs-primary: #FFDF57;
    --bs-secondary:#000091;
    --bs-bg: #F8F8F8;
    --bs-headings: #141414;
    --bs-paragraph: #656565;
    --bs-primary-font:'Oswald';
    --bs-secondary-font:'Inter';
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--bs-primary-font);
    color:var(--bs-headings);
}
h1{
    font-size: 76px;
    line-height: 44px;
    font-weight: 700;
}
h2{
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
}
h3{
    font-size: 28px;
    line-height: 35px;
    font-weight: 600;
}
h4{
    font-size: 23px;
    line-height: 30px;
    font-weight: 600;
}
h5{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
h6{
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
}
p{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-paragraph);
}
.dt-section{
   /* padding-top: 100px;*/
    padding-bottom: 100px;
}
.dt-section + .dt-section{
  padding-top: 0;
}
.dt-section + .next-event-style-1.dt-section,
.dt-section + .amazing-artists-style-1.dt-section{
  padding-top: 100px;
}
.bg-image{
    background-repeat: no-repeat;
    background-size: cover;
}
img{
    width:100%;
    object-fit:contain;
}
[class *="form-type"].mb-3, [class *="form-actions"].mb-3  {
  margin-bottom: 0 !important;
}
a{
    font-family: var(--bs-primary-font);
    color: var(--bs-headings);
    text-decoration: none;
    font-weight: 400;
    transition: all .3s ease-in-out;
}
a:hover{
    color: var(--bs-primary);
}
hr{
    width: 100%;
    height: 0px !important;
    background-color: transparent;
    border-top: 1px solid #0000002E;
    opacity: 1;
}
ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style: none;
}
a:focus{
  color: unset;
}

/* codeblock */
.code-block {
    font-size: 20px;
    background-color: #000000;
    padding: 20px 55px;
    color: #FFF;
    border-radius: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 500;
  }
  .code-block {
    background-color: #f8f9fa;
    color: #333;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    padding: 1rem 1.5rem;
    display: inline-block;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: scroll;
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .code-block pre {
    padding: 0;
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
    white-space: pre;
    background-color: transparent;
    border: 0;
  }
  .code-block {
    position: relative;
  }
  .code-block .clipboard {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #ccc;
  }
  .code-block .clipboard:before {
    content: "\f0ea";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    vertical-align: middle;
  }
  code[class*="language-"],
  pre[class*="language-"] {
    color: #393a34;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
      monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    font-size: 0.95em;
    line-height: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  pre[class*="language-"]::-moz-selection,
  pre[class*="language-"] ::-moz-selection,
  code[class*="language-"]::-moz-selection,
  code[class*="language-"] ::-moz-selection {
    background: #b3d4fc;
  }
  pre[class*="language-"]::selection,
  pre[class*="language-"] ::selection,
  code[class*="language-"]::selection,
  code[class*="language-"] ::selection {
    background: #b3d4fc;
  }
  code[class*="language-"],
  pre[class*="language-"] {
    line-height: 1.4em;
  }
  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #c1c1c1;
  }
  pre[class*="language-"] {
    padding: 0;
    margin: 0;
    overflow: auto;
    border: none;
  }
  :not(pre) > code[class*="language-"] {
    padding: 0.2em;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #f8f8f8;
    border: 1px solid #dddddd;
  }

  .headings h1,
  .headings h2,
  .headings h3,
  .headings h4,
  .headings h5,
  .headings h6{
      margin-bottom: 35px;
  }
  .headings .container .code-block:last-of-type{
      margin-bottom: 0;
  }

  /* Page banner */
  .page-banner{
    min-height:340px;
    position: relative;
  }
  .container{
    padding: 12px 12px;
  }
  .page-banner .heading{
    text-align: center;
    padding-top: 158px;
    padding-bottom: 129px;
  }
  .page-banner .heading h1{
    color:#fff;
    text-transform: uppercase;
  }
  .page-banner .overlay-svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: max-content;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
}
  .page-banner .overlay-svg svg{
    width:100%;
    height: auto;
    opacity: 0.7;
  }
  .page-banner .breadcrumb{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color: rgba(20, 20, 20, 0.35);
    margin-bottom: 0;
    padding:7px;
    justify-content: center;
    z-index: 2;
    font-family: var(--bs-secondary-font);
    font-size: 15px;
  }
  .page-banner .breadcrumb .breadcrumb-item a{
    color:#fff;
    font-family: var(--bs-secondary-font);
    font-size: 15px;
  }
  .page-banner  .breadcrumb .breadcrumb-item.active{
    color:#fff;
  }
  .breadcrumb-item+.breadcrumb-item::before{
    color:#fff;
  }
  /* footer */
  .pt-footer .row{
    justify-content: space-between;
  }
  .pt-footer a{
    color:var(--bs-bg);
    font-family: var(--bs-secondary-font);
    display: inline
  }
  .pt-footer .footer-copyrights a{
    display: unset;
    color:var(--bs-bg);
    opacity: 1;
  }
  .pt-footer .footer-copyrights{
    padding:25px 0;
  }
  .pt-footer .call-mail-address{
    display: flex;
    flex-direction: column;
  }
  .pt-footer .call-mail-address p{
    color:var(--bs-bg);
    font-size: 16px;
    opacity:0.7;
    margin-bottom: 14px;
  }
  .pt-footer .call-mail-address a{
    margin-bottom: 14px;
    color:rgb(248, 248, 248, 0.7);
    width: max-content;
  }
  .pt-footer .call-mail-address a:hover{
    color:var(--bs-primary);
  }
  .pt-footer .footer-copyrights p{
    margin-bottom: 0;
    color:var(--bs-bg);
  }
  .pt-footer .footer-copyrights p a:hover{
    color:var(--bs-primary);
  }
  .pt-footer{
    position: relative;
    z-index: 2;
    padding-top: 188px;
  }
  .pt-footer::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../assets/images/wave.svg");
    background-position: center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    z-index: -1;
  }
  .pt-footer .background-svg{
    position:absolute;
    bottom:0;
    left:0; 
    width: 100%;
    z-index: 2;
   }
   .pt-footer .background-svg svg{
    width:100%;
    height: auto;
    display: none;
   }
  .pt-footer h3,
  .pt-footer h4{
    color:#fff;
    margin-bottom: 28px;
  }
  .pt-footer .dt-get-help-links ul li a{
    font-size: 16px;
    color:rgb(248, 248, 248, 0.7)
  }
  .pt-footer .dt-get-help-links ul li a:hover{
    color:var(--bs-primary);
  }
  .pt-footer .dt-get-help-links ul li{
    margin-bottom: 14px;
  }
  .pt-footer .dt-get-help-links ul li:last-of-type{
    margin-bottom: 0;
  }
  .pt-footer .social-media-platforms{
    border-bottom: 1px solid var(--bs-bg);
  }
  .pt-footer .social-media-platforms ul{
    display: flex;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 40px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }
  .pt-footer .social-media-platforms ul li a:hover{
    color:var(--bs-primary);
    opacity: 1;
  }
  .pt-footer .social-media-platforms ul li a:hover i{
    color:var(--bs-primary);
    opacity: 1;
    transition: 0.3s ease-in-out;
  }
  .pt-footer .social-media-platforms ul li a{
    display: flex;
    align-items: center;
    color:var(--bs-bg);
    opacity: 70%;
    font-size: 15px;
  }
  .pt-footer .social-media-platforms ul li i{
    font-size: 20px;
    margin-right: 8px;
    color:var(--bs-bg);
    opacity: 1;
    transition: 0.3s ease-in-out;
  }
  .pt-footer{
    padding-bottom: 0;
  }
  .pt-footer .footer-subscription-form form{
    display: flex;
    position: relative;
  }
  .pt-footer .footer-subscription-form form input{
    height:64px;
    background-color: transparent;
    border-radius: 0;
    font-family: var(--bs-secondary-font);
    color:var(--bs-bg);
    padding-left: 25px;
    padding-right: 156px;
  }
  .pt-footer .footer-subscription-form form input::placeholder{
    color:var(--bs-bg);
    font-size: 15px;
  }
  .pt-footer .footer-subscription-form form .btn{
    height: 54px;
    min-width: 145px;
    color:#000;
    background-color: var(--bs-primary);
    border: 1px solid transparent;
    font-family: var(--bs-primary-font);
    font-weight: 600;
    font-size: 15px;
    position: absolute;
    width:max-content;
    right:5px;
    bottom:0;
    top:0;
    margin: auto;
  }
  /* Accordion */
.accordion-style-1 .item {
  padding-top: 27px;
  padding-bottom: 27px;
  border-bottom: 1px solid rgb(20, 20, 20, 20%);
}
.accordion-style-1 .item:first-of-type {
  padding-top: 0px;
}
.accordion-style-1 .item p {
  padding-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 7px;
}
.accordion-style-1 button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%;
  font-size: 23px;
  line-height: 30px;
  font-weight: 600;
  font-family: var(--bs-primary-font);
  color: var(--bs-headings);
  background-color: transparent;
  padding: 0px;
  border: none;
}
.accordion-style-1 button .icon{
  position: relative;
  height:30px;
  width:30px;
  border-radius: 50%;
  background-color: var(--bs-primary);
}
.accordion-style-1 button svg {
  width: 14px;
  height: auto;
  transition: .5s ease-in-out;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  margin: auto;
}
.accordion-style-1 button svg path {
  fill: var(--bs-headings)
}
.accordion-style-1 button[aria-expanded="true"] svg {
  transition: .5s ease-in-out;
  transform: rotateX(180deg) rotateY(180deg);
}
.accordion-style-1.accordion-style-2 .item{
  padding: 34px 36px;
  background-color: var(--bs-bg);
  border: unset;
  margin-bottom: 28px;
}
.accordion-style-1.accordion-style-2 .item:last-of-type{
  margin-bottom: 0;
}
.accordion-style-1.accordion-style-2 .item p{
  padding:3px 0;
  border-left: 3px solid var(--bs-headings);
  padding-left: 18px;
  margin-top: 22px;
}
.accordions h2{
  margin-bottom: 35px;
}
.accordions .code-block:last-of-type {
  margin-bottom: 0px;
}
/* Alerts */
[class*="alert-style-"] .alert-dismissible .close {
  position: static;
  padding: 0px;
  padding-left: 15px;
}
[class*="alert-style-"] .alert button {
  font-size: 30px;
  padding: 0px;
  line-height: 0px;
  color:var(--bs-secondary-heading);
  border: none;
  background-color: transparent;
  margin-left: auto;
}
[class*="alert-style-"] .alert {
  color: var(--bs-secondary-heading) !important;
  font-size: 23px;
  line-height: 30px;
  background-color: var(--bs-secondary-bg);
  font-family: var(--bs-secondary-font);
  font-weight: 600;
  color:var(--bs-headings);
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 25px;
}
[class*="alert-style-"] .alert>i {
  font-size: 30px !important;
  color: var(--bs-primary) !important;
  margin-right: 40px;
}
[class*="alert-style-"] .alert button i {
  font-size: 26px !important;
  color: var(--bs-primary-heading) !important;
}
[class*="alert-style-"] .alert .icon {
  margin-right: 20px;
}
[class*="alert-style-"] .alert .icon i {
  font-size: 16px;
  color: #FFF !important;
  background-color: var(--bs-secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-style-1 .alert {
  padding: 24px 30px;
  border-radius: 0px;
  margin-bottom: 22px;
  background-color: var(--bs-bg);
}
.alert-style-1 .alert .icon {
  margin-right: 22px;
}
.alert-style-1 .alert .icon i {
  width: 34px;
  height: 34px;
}
.alert-style-2 .alert {
  position: relative;
  padding: 22px 40px 22px 33px;
  padding-left: 30px;
  border-radius: 0px;
  margin-bottom: 25px;
  border-left: 3px solid var(--bs-secondary);
  background-color: var(--bs-bg);
}
.alert-style-2 .alert .icon {
  margin-right: 20px;
}
.alert-style-2 .alert .icon i {
  width: 34px;
  height: 34px;
}
.alert-style-3 .alert {
  padding: 23px 32px;
  border-radius: 999px;
  background-color: var(--bs-bg);
  margin-bottom: 22px;
}
.alert-style-3 .alert .icon i {
  width: 34px;
  height: 34px;
}
.alerts .container:last-of-type .code-block {
  margin-bottom: 0px;
}
.alerts h2{
  margin-bottom: 35px;
}
/* Blockquotes */
.blockquote-style-1{
  padding:8px 0;
  padding-left: 30px;
  border-left: 3px solid var(--bs-headings);
}
.blockquote-style-1 .icon svg {
  width: 52px;
  height: auto;
  margin-right: 20px;
}
.blockquote-style-1 .icon svg path {
  fill: var(--bs-primary);
}
.blockquote-style-1 p {
  font-family: var(--bs-secondary-font);
  margin-bottom: 0px;
  position: relative;
  margin-bottom: 16px;
}
.blockquote-style-1 h4{
  color:var(--bs-headings);
  padding-left: 86px;
  font-family: var(--bs-secondary-font);
  font-size: 22px;
  line-height: 28px;
}
.blockquote-style-1 .icon svg{
  width: 36px;
  height: 25px;
  margin-bottom: 18px;
}
.blockquote-style-1 p svg path{
  fill:var(--bs-primary);
}
.blockquote-style-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 50px;
  position: relative;
  background-color: var(--bs-bg);
}
.blockquote-style-2 .icon-wrapper{
  position: absolute;
  top:0;
  right:0;
}
.blockquote-style-2 .icon{
  width:84px;
  height:84px;
  background-color: var(--bs-headings);
  position: relative;
  clip-path: ellipse(76px 76px at 92% 8%);
}
.blockquote-style-2 .icon svg {
  width: 36px;
  height: 36px;
  position: absolute;
  top:-10px;
  bottom: 0;
  left: 8px;
  right: 0;
  margin:auto;
}
.blockquote-style-2 .icon svg path{
  fill:#fff;
}
.blockquote-style-2 h3 {
  margin-bottom: 22px;
}
.blockquote-style-2 span {
  display: block; 
  font-size: 18px;
  line-height: 24px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  color:var(--bs-paragraph);
}
.blockquotes .code-block:last-of-type {
  margin-bottom: 0px;
}
.blockquotes h2{
  margin-bottom: 35px;
}
/* Buttons */
.btn {
  font-family: var(--bs-primary-font);
  /*color: #fff;*/
  padding: 0px;
  background-color: transparent;
  /*border: none;*/
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
  font-size: 15px;
  letter-spacing: 0.15px;
  font-weight: 700;
  min-width: 100px;
  height: 39px;
}
.btn-primary:active,
.btn-primary:focus {
  box-shadow: none !important;
}
.btn-primary:focus {
  background-color: var(--bs-secondary-heading);
  border: var(--bs-secondary-heading);
}
/*.btn-primary {
  background-color: var(--bs-primary);
  border: 2px solid var(--bs-primary);
  color:var(--bs-headings);
}*/
.btn-secondary {
  background-color:var(--bs-headings);
  border: 2px solid var(--bs-headings);
}
.btn-dark {
  background-color: var(--bs-secondary);
  border: 2px solid var(--bs-secondary);
}
.btn-dark:hover {
  color: var(--bs-secondary);
  background-color: transparent;
  border: 2px solid var(--bs-secondary)
}
.btn-primary:hover,
.btn-primary:focus {
  color: var(--bs-headings);
  background-color: transparent;
  border: 2px solid var(--bs-primary);
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: var(--bs-headings);
  background-color: transparent;
  border: 2px solid var(--bs-headings);
}
.btn-dark:hover,
.btn-dark:focus {
  color: var(--bs-secondary);
  background-color: transparent;
  border: 2px solid var(--bs-secondary);
}
.btn-sm {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
  font-weight: 700;
  min-width: 130px;
  height: 46px;
}
.btn-lg {
  font-size: 15px;
  letter-spacing: 0.16px;
  font-weight: 700;
  min-width: 165px;
  height: 54px;
}
.btn:focus {
  box-shadow: none;
}
.btn-style-1 {
  position: relative;
  border-radius: 50px;
  padding: 0px 32px !important;
  border-radius: 0;
}
.btn-style-2 {
  border-radius: 999px
}
.btn-style-3{
  border-radius: 0
}
.btn-style-4{
  border-radius: 30px;
}
.btn-outline-primary {
  color: var(--bs-headings);
  background-color: transparent;
  border: 2px solid var(--bs-primary);
}
.btn-outline-primary:hover {
  color:var(--bs-headings);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-secondary {
  color: var(--bs-headings);
  background-color: transparent;
  border: 2px solid var(--bs-headings);
}
.btn-outline-secondary:hover {
  background-color: var(--bs-headings);
  border-color: var(--bs-headings);
}
.btn-outline-dark {
  color: var(--bs-secondary);
  background-color: transparent;
  border: 2px solid var(--bs-secondary);
}
.btn-outline-dark:hover {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-link {
  position: relative;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: unset;
  padding: 0px !important;
  min-width: unset;
  width: max-content;
  height: unset;
  background-color: transparent !important;
  border: transparent !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: underline;
}
.btn-link-primary{
  color:var(--bs-headings);
}
.btn-link-secondary{
  color:var(--bs-paragraph);
}
.btn-link-dark{
  color:var(--bs-secondary);
}
.btn-link-primary:hover {
  color: var(--bs-secondary);
}
.btn-link-secondary:hover {
  color: var(--bs-secondary)
}
.btn-link-dark:hover {
  color: var(--bs-headings)
}
.btn-link.btn-sm{
  font-size: 15px;
}
.btn-link.btn-lg{
  font-size: 23px;
}
.buttons h2{
  margin-bottom: 35px;
}
[class *= 'button-style-'] .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.buttons [class *= 'btn-style-']{
  width:unset;
}
[class *= 'btn-style-'] {
  font-family:var(--bs-primary-font);
  padding: 0px 20px !important;
  z-index: 1;
  width:max-content;
  transition: all .3s ease-in-out;
}
[class*="button-style-"] .item a {
  margin-bottom: 26px;
}
[class*="button-style-"] .item a:last-of-type {
  margin-bottom: 0px;
}
.buttons .container:last-of-type .code-block {
  margin-bottom: 0px;
}
/* Dividers */
.dividers p {
  font-size: 22px;
  font-weight: 600;
  color: var(--bs-headings);
  font-family: var(--bs-primary-font);
  margin-bottom: 20px;
}
.divider-style-1 {
  background-color: transparent;
  opacity: 1;
  border-top: 2px solid var(--bs-headings)
}
.divider-style-2 {
  background-color: transparent;
  opacity: 1;
  border-top: 2px dashed var(--bs-headings);
}
.divider-style-3 {
  background-color: var(--bs-headings);
  opacity: 1;
  height: 4px !important;
  border-radius: 50px;
}
.divider-style-4 {
  background-color: transparent;
  opacity: 1;
  border-top: 5px dotted var(--bs-headings);
}
.dividers .row>div:last-child .code-block {
  margin-bottom: 0px;
}
.dividers h2{
  margin-bottom: 35px;
}
/* Drop Caps */
.dropcaps-style-1::first-letter {
  font-size: 34px;
  font-family: var(--bs-secondary-font);
  color: var(--bs-headings);
  font-weight:700;
  float: left;
  line-height: 34px;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  margin-top: 7px;
}
.dropcaps-style-2::first-letter {
  font-size: 34px;
  font-family: var(--bs-secondary-font);
  color: #FFF;
  font-weight: 700;
  float: left;
  line-height: 25px;
  padding: 7.5px 13px;
  border-radius: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-headings);
  margin-right: 8px;
  margin-top: 3px;
}
.dropcaps .code-block:last-of-type {
  margin-bottom: 0px;
}
.dropcaps h2{
  margin-bottom: 35px;
}
/* Grids */
.grids .container:last-of-type .code-block {
  margin-bottom: 0px;
}
.grids h2{
  margin-bottom: 35px;
}
/* Highlights */
.highlights p {
  margin-bottom: 0px;
}
.highlight-style-1 {
  font-weight: 700;
  font-family: var(--bs-secondary-font);
  color: var(--bs-headings);
}
.highlight-style-2 {
  padding: 1px 4px;
  color: #FFF;
  background-color: var(--bs-headings);
  font-family: var(--bs-secondary-font);
  border-radius: 0px;
  margin-left: -3px;
  margin-right: -3px;
}
.highlights .code-block:last-of-type {
  margin-bottom: 0px;
}
.highlights h2{
  margin-bottom: 35px;
}
/* Icons */
.icons>.container {
  overflow: hidden;
}
.icons h2{
  margin-bottom: 35px;
}
.icons-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -33.5px;
  margin-right: -33.5px;
}
.icon-style {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  border-radius: 50%;
  background-color: var(--bs-headings);
  margin-left: 33.5px;
  margin-right: 33.5px;
}
.icon-style svg {
  width: 24px;
  height: 24px;
  fill: #FFF;
}
.icon-style svg path {
  fill: #FFF; 
}
.icon-style img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.icons .icon-style {
  margin-bottom: 50px;
}
.icons-wrapper .container:last-of-type .code-block {
  margin-top: 0px;
  margin-bottom: 0px;
}
.social-icon-list .icons-list .icon-style{
  margin-bottom: 50px;
}
.social-icon-list h2{
  margin-bottom: 35px;
}
/* Tooltips */
[id*="tooltips-style-"] p span {
  color: var(--bs-headings);
  cursor: pointer;
  font-weight: 600;
}
.tooltip-1{
  margin-bottom: 5px !important;
}
.tooltip {
  opacity: 1 !important;
  z-index: 1;
}
.tooltips h2{
  margin-bottom: 35px;
}
[class*="tooltip-"] > .tooltip-inner {
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  font-weight: 400;
  background: var(--bs-headings);
  padding: 6px 8px;
  display: flex;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  z-index: -1 !important;
}
[class*="tooltip-"] .tooltip-arrow::before {
  border-top-color: var(--bs-headings);
  border-bottom-color: var(--bs-headings);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  border-color: transparent;
  border-left-color: var(--bs-primary);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  border-color: transparent;
  border-right-color: var(--bs-headings)
}
.bs-tooltip-start .tooltip-inner,
.bs-tooltip-end .tooltip-inner {
  margin-top: 8px;
}
.tooltips .container .code-block:last-of-type {
  margin-bottom: 0px;
}
/* Images */
.images .row {
  justify-content: space-between;
}
.images img {
  width: 100%;
}
.images .code-block {
  padding-left: 20px;
}
.img-style-1 img {
  height: auto;
}
.img-style-2 img {
  height: auto;
  border-radius: 10px;
}
.img-style-3 img {
  height: auto;
}
.images .code-block {
  margin-bottom: 0px;
}
.images h2{
  margin-bottom: 35px;
}
/* Lists */
.lists h2 {
  margin-bottom: 35px;
}
[class*="list-style-"] li {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  color: var(--bs-paragraph);
  margin-bottom: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
[class*="list-style-"] li:last-child {
  margin-bottom: 0px;
}
.list-style-1 .icon svg {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  margin-top: -4px;
}
.list-style-1 .icon svg path {
  fill: var(--bs-headings);
}
.list-style-2 li svg {
  width: 24px;
  height: auto;
  margin-right: 12px;
  margin-top: -4px;
}
.list-style-1 li svg path,
.list-style-2 li svg path {
  fill: var(--bs-headings);
}
.lists .code-block:last-of-type {
  margin-bottom: 0px;
}
 /* Maps */
 .map-style-1 iframe {
  display: block;
  width: 100%;
  height: 500px;
}
.map .code-block {
  margin-bottom: 0px;
}
.map h2{
  margin-bottom: 35px;
}
/* Progress Bar */
.progress-bars h2{
  margin-bottom: 35px;
}
.progress-bars h4 {
  margin-bottom: 18px;
}
.progress {
  border-radius: 50px;
  overflow: visible;
  background-color:rgb(20, 20, 20, 8%);
  height: 8px;
}
.progress h6 {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--bs-primary-font);
  transform: translateY(6px);
}
.progress-bar {
  background-color: var(--bs-headings);
  overflow: unset;
}
.progress-bar h5 {
  font-weight: 700;
  color: var(--bs-secondary-heading);
}
.progress-bar-style-1 h5 {
  font-size: 23px;
  text-align: right;
  margin-right: 0px;
  font-weight: 700;
  color: var(--bs-secondary-heading);
}
.progress-bar-style-1 .progress-bar-title{
  display: flex;
  justify-content: space-between;
}
.progress-bar-style-1 .progress {
  border-radius: 0px;
  background-color: rgb(20, 20, 20, 8%);
}
.progress-bar-style-1 .progress-bar {
  border-radius: 0px;
  background-color: var(--bs-headings);
}
.progress-bar-style-1.progress-bar-style-2 .progress{
  border-radius: 999px;
}
.progress-bar-style-1.progress-bar-style-2 .progress .progress-bar{
  border-radius: 999px;
}
.progress-bar-style-1.progress-bar-style-3 .progress .progress-bar{
  position: relative;
}
.progress-bar-style-1.progress-bar-style-3 .progress .progress-bar::before{
  position: absolute;
  content:"";
  width:16px;
  height:16px;
  right:-5px;
  background-color: var(--bs-headings);
  border-radius: 50%;
}
.progress-bar-style-1.progress-bar-style-4 .progress .progress-bar{
  position: relative;
}   
.progress-bar-style-1.progress-bar-style-4 .progress .progress-bar::before{
  position: absolute;
  content:"";
  width:5px;
  height:16px;
  right:-5px;
  background-color: var(--bs-headings);
}
.progress-bars .container .code-block:last-of-type{
  margin-bottom: 0;
}
/* Tables */
.tables h2{
  margin-bottom: 35px;
  font-weight: 800;
}
[class*="table-style-"] .table {
  border-radius: 5px;
}
[class*="table-style-"] table tr {
  display: flex;
}
[class*="table-style-"] table th,
[class*="table-style-"] table td {
  flex: 1;
  text-align: center;
  border: none;
}
[class*="table-style-"] .table th {
  font-size: 18px;
  font-family: var(--bs-primary-font);
  font-weight: 700 !important;
  padding: 20px 15px;
  border-left: 2px solid #FFF !important;
}
[class*="table-style-"] table td {
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  font-weight: 400;
  padding: 24px 15px;
  color: var(--bs-paragraph);
}
.table-2-style.table-style-1 .table th{
  font-weight: 600 !important;
}
.table-style-1 .table th{
  font-weight: 500 !important;
}
[class*="table-style-"] .table th:first-of-type {
  border-left: 2px solid transparent !important;
}
[class*="table-style-"] .table thead tr:not([class*="table-style-3"] .table thead tr) {
  color: #FFF;
  background-color: var(--bs-headings);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
[class*="table-style-"] table tr:not([class*="table-style-3"] table tr) {
  border-top: 2px solid #0000002E;
}
[class*="table-style-"] table tbody tr:last-child:not([class*="table-style-3"] table tbody tr:last-child) {
  border-bottom: 2px solid #0000002E;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
[class*="table-style-"] table th:not([class*="table-style-3"] table th),
[class*="table-style-"] table td:not([class*="table-style-3"] table td) {
  border-left: 2px solid #0000002E;
}
[class*="table-style-"] table th:last-child:not([class*="table-style-3"] table th:last-child),
[class*="table-style-"] table td:last-child:not([class*="table-style-3"] table td:last-child) {
  border-right: 2px solid #0000002E;
}
[class*="table-style-"] table th:first-of-type:not([class*="table-style-3"] table th:first-of-type) {
  border-left: none;
}
[class*="table-style-"] table th:last-of-type:not([class*="table-style-3"] table th:last-of-type) {
  border-right: none;
}
[class*="table-style-"] .table thead:not([class*="table-style-3"] .table thead) {
  border-radius: 5px !important;
}
[class*="table-style-"] .table tbody:not([class*="table-style-3"] .table tbody) {
  border-radius: 5px !important;
}
[class*="table-style-"] .table tbody tr:last-of-type td:first-of-type:not([class*="table-style-3"] .table tbody tr:last-of-type td:first-of-type) {
  border-bottom-left-radius: 5px;
}
[class*="table-style-"] .table tbody tr:last-of-type td:last-of-type:not([class*="table-style-3"] .table tbody tr:last-of-type td:last-of-type) {
  border-bottom-right-radius: 5px;
}
.table-style-1 .table tr,
.table-style-1 .table td {
  border-radius: 0px !important;
}
.tables>.container:last-child .code-block {
  margin-bottom: 0px;
}
.table-2-style.table-style-1 thead tr{
  background-color: transparent !important;
  color:var(--bs-headings) !important;
}
.table-2-style.table-style-1 tbody td{
  border-left:0 !important;
  border-right:0 !important;
}
/* Tabs */
[class*="tabs-style-"] .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  max-width: 100%;
  margin-bottom: 30px;
}
[class*="tabs-style-"] .nav-link {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--bs-secondary-font);
  color: var(--bs-headings);
  padding: 4px 17.5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 3px;
  margin-right: 3px;
  cursor: pointer;
}
[class*="tabs-style-"] .tab-pane {
  font-size: 15px;
  font-weight: 400;
  font-family: var(--bs-secondary-font);
  color: var(--bs-paragraph);
}
.tabs-style-1 ul .nav-link {
  padding: 1px 0px;
  margin: 0px 25px;
  position: relative;
  transition: 0.3s ease-in-out;
}
.tabs-style-1 ul .nav-link::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-18px;
  margin:auto;
  background-color: var(--bs-primary);
  opacity: 50%;
  width: 1px;
  height:1px;
  border-radius: 50%;
  opacity: 0;
  z-index: -2;
  transition: 0.3s ease-in-out;
}
.tabs-style-1 ul .nav-link.active::before{
  opacity: 0.5;
  width:38px;
  height:38px;
  transition: 0.3s ease-in-out;
}
.tabs-style-1 ul .nav-link:hover::before{
  opacity:0.5;
  width:38px;
  height:38px;
  transition: 0.3s ease-in-out;
}
.tabs-style-1 ul .nav-link.active {
  color: var(--bs-headings);
}
.tabs-style-1 ul .nav-link:hover{
  color:var(--bs-headings);
}
.tabs-style-2 .nav {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
}
.tabs-style-2 ul .nav-link {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  line-height: normal;
  margin: 0px 7px;
  padding: 7px 18px;
  color:var(--bs-headings);
  border: 1px solid transparent;
  border-radius: 50px;
  transition: .3s ease-in-out;
}
.tabs-style-2 ul .nav-link.active {
  color: var(--bs-headings);
  background-color: var(--bs-primary);
}
.tabs-style-2 ul .nav-link.active:hover {
  color: var(--bs-headings);
}
.tabs-style-2 ul .nav-link:hover {
  color: var(--bs-headings);
}
.tabs-style-3 .nav {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.tabs-style-3 ul .nav-link::before{
  position: absolute;
  content:"";
  left:0;
  bottom:0;
  width:1px;
  height:3px;
  background-color: var(--bs-headings);
  opacity: 0;
}
.tabs-style-3 ul .nav-item{
  padding: 0 20px;
}
.tabs-style-3 ul .nav-link {
  position: relative;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  line-height: normal;
  margin: 0px 7px;
  border-radius: 50px;
  transition: .3s ease-in-out;
  padding: 0;
  padding-bottom: 5px;
  transition: 0.3s ease-in-out;
}
.tabs-style-3 ul .nav-link.active::before{
  width:100%;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.tabs-style-3 ul .nav-link.active {
  color: var(--bs-headings);
  transition: 0.3s ease-in-out;
}
.tabs-style-3 ul .nav-link:hover::before{
  width:100%;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.tabs-style-3 ul .nav-link:hover {
  color: var(--bs-headings);
  transition: 0.3s ease-in-out;
}
.tabs .code-block:last-of-type {
  margin-bottom: 0px;
}
.tabs h2{
  margin-bottom: 39px;
}
/* Forms */
[class*="form-style-"] input,
[class*="form-style-"] textarea,
[class*="form-style-"] .nice-select,
.form-style-1 select{
    font-size: 15px;
    color: var(--bs-paragraph);
    font-weight: 400;
    line-height: 22px;
    font-family: var(--bs-secondary-font);
}
.form-style-1 textarea,
.form-style-2 textarea{
    margin-bottom: 0 !important;
}
.form-style-1 input,
.form-style-1 textarea,
.form-style-1 .nice-select,
.form-style-1 select {
    border: 1px solid #14141433;
    border-radius: 0px;
    padding: 18px 22px;
    margin-bottom: 20px;
    height: 64px;
}
.form-style-1 textarea {
    padding: 20px 26px;
    height: 140px;
}
.buy-tickets .form-style-1 textarea{
  margin-bottom: 30px !important;
}
.form-style-1 .nice-select:after {
 display: none;
}
.form-style-1 .nice-select{
  width:100%;
  color: var(--bs-paragraph);

}
.form-style-1 .nice-select.open .list {
    border-radius: 0px;
    transform: scale(1.0044);
    width:100%;
    max-height:200px;
    overflow-y: scroll;
}
.form-select:focus{
  box-shadow: unset !important;
  border-color:var(--bs-primary) !important;
}
.buy-tickets #edit-agree{
  width:15px;
  height: 15px;
  padding:0;
} 
#edit-agree--description{
  font-family: var(--bs-secondary-font);
}
.buy-tickets .form-style-1 .btn-primary{
  margin-right: auto;
  margin-left: unset;
  margin-top: 10px;
}

.buy-tickets h2{
  text-align: center;
  margin-bottom: 50px;
}

.form-style-1 .btn-primary {
    margin-top: 52px;
    margin-left: auto;
    margin-right: auto;
}
.form-style-2 input,
.form-style-2 textarea,
.form-style-2 .nice-select {
    border: 1px solid #14141433;
    padding: 16px 22px;
    margin-bottom: 30px;
    height: 62px;
}
.form-style-2 textarea {
    padding: 20px 26px;
    height: 130px;
}
.form-style-2 .btn-primary {
    margin-top: 42px;
    margin-right: auto;
    margin-left: unset;
}
.form-style-2 label{
    font-family: var(--bs-secondary-font);
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
}
.forms .code-block:last-of-type {
    margin-bottom: 0px;
}
.forms h2{
    margin-bottom: 35px;
}
.form-style-1.form-style-2{
  padding:0 40px;
}
/* .events */
.events-style-1 .content{
  padding:78px 0;
  text-align: center;
  background-color: var(--bs-secondary);
  height: 100%;
}
.events-style-1 .content h4{
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 35px;
}
.events-style-1 .content h4 a{
  color:var(--bs-primary);
  margin-bottom: 16px;
  font-weight: 700;
}
.events-style-1 .content h4 a:hover{
  color:#fff;
}
.events-style-1 .content span{
  display: block;
  font-family: var(--bs-primary-font);
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: 600;
  color:#fff;
  text-transform: uppercase;
}
.events-style-1 .content .time{
  margin-bottom: 30px;
}
.events-style-1 .content p{
  color:#fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 0;
}
.events-style-1 img{
  height: 330px;
}
.events-style-1 .image{
  position: relative;
}
.events-style-1 .image > a:last-of-type{
  position: absolute;
  bottom:0;
  right:0;
}
.events-style-1 .image > a:last-of-type:hover{
  background-color: var(--bs-secondary);
  color:#fff;
  border:2px solid var(--bs-secondary);
}
.events-style-2 .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.events-style-2 .content .main-details img{
  width:85px;
  height:85px;
  border-radius: 6px;
}
.events-style-2 .content .main-details .date{
  padding-left: 20px;
  padding-right: 30px;
  border-right: 1px solid #0000003D;
  text-align: center;
}
.events-style-2 .content .main-details .date span{
  display: block;
  font-family: var(--bs-primary-font);
  color:var(--bs-headings);
}
.events-style-2 .content .main-details .date span:first-of-type{
  font-weight: 700;
  font-size: 34px;
  line-height: 45px;
}
.events-style-2 .content .main-details .date span:last-of-type{
  font-weight: 500;
  font-size: 23px;
  text-transform: uppercase;
}
.events-style-2 .content .main-details .title{
  padding-left: 30px;
  min-width: 317px;
}
.events-style-2 .content .main-details .title h3{
  margin-bottom: 6px;
}
.events-style-2 .content .main-details .title h3 a{
  font-weight: 700;
}
.events-style-2 .content .main-details .title span{
  font-size: 14px;
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  line-height: 20px;
}
.events-style-2 .content .main-details{
  display: flex;
  align-items: center;
}
.events-style-2 .content .location svg{
  width:14px;
  height:14px;
  margin-right: 6px;
}
.events-style-2 .content .location p{
  font-size: 14px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  min-width: 350px;
}
.events-style-3 .item .image{
  position: relative;
}
.events-style-3 .item .image img{
  height: 350px;
}
.concerts-grid-3-column .events-style-3 .item .image .date{
  padding:8px 21.8px;
}
.concerts-grid-3-column .events-style-3 .item .image .date span:last-of-type{
  text-transform: uppercase;
}
.events-style-3 .item .image .date{
  padding:9px 22px;
  background-color: var(--bs-headings);
  text-align: center;
  width: max-content;
  position: absolute;
  top:22px;
  right:22px;
  border:1px solid #FFFFFF;
}
.events-style-3 .item .image:hover .overlay a{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.events-style-3 .item .image .date span:first-of-type{
  font-size: 23px;
  font-weight: 600;
  color:#fff;
  display: block;
  font-family: var(--bs-primary-font);
  width: max-content;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
}
.events-style-3 .item .image .date span:last-of-type{
  font-size: 15px;
  font-weight: 600;
  color:#fff;
  display: block;
  font-family: var(--bs-primary-font);
  width: max-content;
  line-height: 21px;
}
.events-style-3 .item .image .overlay a{
  text-align: center;
  padding:16px;
  background-color: var(--bs-headings);
  color:#fff;
  font-size: 18px;
  font-weight: 600;
  display: block;
  position: absolute;
  bottom:0;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.events-style-3 .item .image .overlay a:hover{
  background-color: var(--bs-secondary);
  color:#fff;
}
.events-style-3 .item > p{
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-weight: 500;
}
.events-style-3 .item > p svg{
  width:14px;
  height: 14px;
  margin-right: 6px;
}
.events-style-3 .item h4{
  margin-top: 28px;
  margin-bottom: 9px;
}
.events-style-3 .item h4 a{
  font-weight: 700;
}
.events h2{
  margin-bottom: 35px;
}
.events .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* Pricing */
.strike-out{
  text-decoration: line-through;
}
.pricing-style-1 .item{
  text-align: center;
  padding:30px 30px 50px 30px;
  border:1px solid #14141426;
}
.pricing-style-1 .item h3{
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bs-headings);
  margin-bottom: 0;
}
.pricing-style-1 .item .price{
  font-size: 50px;
  color:var(--bs-headings);
  font-family: var(--bs-primary-font);
  font-weight: 700;
  margin-top: 30px;
}
.pricing-style-1 .item span{
  color:var(--bs-headings);
  font-family: var(--bs-primary-font);
  font-size: 23px;
  line-height: 30px;
  font-weight: 700;
  display: block;
  margin-bottom: 35px;
}
.pricing-style-1 .item .benefits{
  margin-bottom: 46px;
}
.pricing-style-1 .item .benefits li{
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  color:var(--bs-paragraph);
  margin-bottom: 20px;
  line-height: 21px;
}
.pricing-style-1 .item a{
  margin-left: auto;
  margin-right: auto;
}
.pricing-style-1 .item .benefits li:last-of-type{
  margin-bottom: 0;
}
.pricing-style-1 .item.recommended{
  background-color: var(--bs-bg);
}
.pricing-style-1 .item.recommended .btn{
  background-color: var(--bs-primary);
  border:2px solid var(--bs-primary);
}
.pricing-style-1 .item.recommended .btn:hover{
  background-color: transparent;
  color:unset;
  border:2px solid var(--bs-headings);
}
.pricing h2{
  margin-bottom: 35px;
}
.pricing-style-2 .item{
  padding:40px 40px;
  border:1px solid #14141438;
}
.pricing-style-2 .item h4{
  font-size: 22px;
  font-family: var(--bs-secondary-font);
  line-height: 28px;
  margin-bottom: 4px;
}
.pricing-style-2 .item .price{
  font-family: var(--bs-primary-font);
  font-size: 34px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom:1px solid #14141438;
}
.pricing-style-2 .item .price span{
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.pricing-style-2 .item .benefits{
  margin:30px 0;
}
.pricing-style-2 .item .benefits li{
  font-family: var(--bs-secondary-font);
  font-size: 14px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  color:var(--bs-paragraph);
}
.pricing-style-2 .item .benefits li:last-of-type{
  margin-bottom: 0;
}
.pricing-style-2 .item .benefits .icon{
  margin-right: 10px;
}
.pricing-style-2 .item .benefits svg{
  width:14px;
  height:14px;
}
.pricing-style-2 .item .benefits svg path{
  fill:var(--bs-headings);
}
.pricing-style-2 .item.recommended{
  position: relative;
}
.pricing-style-2 .item.recommended .recommended-label{
  position: absolute;
  top:80px;
  right:-36px;
  transform: rotate(270deg);
}
.pricing-style-2 .item.recommended .recommended-label span{
  font-family: var(--bs-primary-font);
  font-size: 14px;
  font-weight: 600;
  padding:4px 8px;
  color:var(--bs-headings);
  background-color: var(--bs-primary);
}
.pricing .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* .pricing-style-2 .item {
  background-color: teal;
  -webkit-mask: radial-gradient(var(--size) at 50% 2px,#0000 101%,red 101%) 50% var(--size)/calc(2.5*var(--size)) 100% repeat-x;
  --size: 8px;
  border: 1px solid #14141426;
} */
/* Team */
.team-style-1 .col-lg-4{
  margin-bottom: 42px;
}
.team-style-1 .item .image{
  position: relative;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item img{
  height:380px;
}
.team-style-1 .item .social-icons{
  display: flex;
  align-items: center;
  padding: 16px 15px;
  background-color:var(--bs-bg);
  position: absolute;
  bottom:50px;
  left:0;
  width: max-content;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item .image:hover .social-icons{
  
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item .social-icons li{
  padding:0 15px;
}
.team-style-1 .item .social-icons li i{
  font-size: 20px;
  font-weight: 500;
}
.team-style-1 .item .profile span{
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
  margin-top: 30px;
}
.team-style-1 .item .profile h4 a{
  font-weight: 700;
}
.team-style-1 .item .profile h4 a:hover{
  color:var(--bs-secondary);
}
.team-style-2 .col-lg-4{
  margin-bottom: 60px;
}
.team-style-2 .item img{
  height:330px;
  border-radius: 50%;
}
.team-style-2 .item h4{
  margin-top: 30px;
}
.team-style-2 .item h4 a{
  font-weight: 700;
}
.team-style-2 .item h4 a:hover{
  color:var(--bs-secondary);
}
.team-style-2 .item span{
  color:var(--bs-paragraph);
  font-size: 15px;
  font-family: var(--bs-secondary-font);
}
.team-style-2 .item .profile{
  text-align: center;
}
.team-style-2 .item .image{
  position: relative;
}
.team-style-2 .item .overlay{
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  margin:auto;
  width: max-content;
  height: max-content;
}
.team-style-3 .col-lg-4{
  margin-bottom: 45px;
}
.team-style-3 .item .overlay{
  position: absolute;
  top:40px;
  right:0px;
  left:0;
  margin:auto;
  width: max-content;
  height: max-content;
}
.team-style-2 .item .social-icons,
.team-style-3 .item .social-icons{
  display: flex;
  align-items: center;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.team-style-2 .item .image:hover .social-icons,
.team-style-3 .item .image:hover .social-icons{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.team-style-2 .item .social-icons li,
.team-style-3 .item .social-icons li{
  margin:0 5px;
}
.team-style-2 .item .social-icons li a,
.team-style-3 .item .social-icons li a{
  position: relative;
  width:44px;
  height:44px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
}
.team-style-2 .item .social-icons li a i,
.team-style-3 .item .social-icons li a i{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width: max-content;
  height: max-content;
  font-size: 18px;
  font-weight: 500;
}
.artists-classic .team-style-3 .item .social-icons li:first-of-type{
  margin-left: 0;
}
.artists-classic .team-style-3 .item .social-icons li:last-of-type{
  margin-right: 0;
}
.team-style-3 .item img{
  height:370px;
  padding:10px;
}
.team-style-3 .item .image{
  position: relative;
}
.team-style-3 .item .image > span{
  display: block;
  height: 120px;
  width:120px;
  background-color: var(--bs-primary);
  z-index: -1;
}
.team-style-3 .item .image > .bottom-right-box{
  position: absolute;
  bottom:0;
  right:0
}
.team-style-3 .item .image > .top-left-box{
  position: absolute;
  top:0;
  left:0;
}
.team-style-3 .item .social-icons li span{
  display: none;
}
.team-style-3 .item .profile h4 a:hover{
  color:var(--bs-secondary);
}
.team-style-3 .item .profile h4{
  margin-top: 20px;
}
.team-style-3 .item .profile h4 a{
  font-weight: 700;
}
.team-style-3 .item .profile{
  text-align: center;
}
.team-style-3 .item .profile span{
  color:var(--bs-paragraph);
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 21px;
  display: block;
}
.team .container:last-of-type .code-block{
  margin-bottom: 0px;
}
.team h2{
  margin-bottom: 35px;
}
/* Testimonials */
.slider-template-1 .content{
  text-align: center;
  background-color: var(--bs-bg);
  position: relative;
  margin-bottom: 30px;
  padding:40px 55px 0 55px;
}
.slider-template-1 .content svg{
  width:40px;
  height:40px;
}
.slider-template-1 .content svg path{
  fill:var(--bs-primary)
}
.slider-template-1 .content svg {
  margin-bottom: 22px;
}
.slider-template-1 .content .name{
  font-family: var(--bs-primary-font);
  font-weight: 600;
  color:var(--bs-secondary);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 3px;
}
.slider-template-1 .content span{
  display: block;
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 18px;
}
.slider-template-1 .content p{
  margin-bottom: 5px;
  color:var(--bs-headings);
  font-weight: 500;
}
.slider-template-1 .content img{
  width:60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  bottom:-30px;
}
.slider-template-2 .content svg{
  width:57px;
  height: 57px;
  margin-bottom: 17px;
}
.slider-template-2 .content svg path{
  fill:var(--bs-primary)
}
.slider-template-2 .content p{
  font-size: 18px;
  font-family: var(--bs-secondary-font);
  font-weight: 600;
  color:var(--bs-headings);
  margin-bottom: 33px;
  line-height: 26px;
}
.slider-template-2 .content .profile h5{
  margin-bottom: 3px;
}
.slider-template-2 .content .profile{
display: flex;
}
.slider-template-2 .content .profile img{
  width:50px;
  height:50px;
  border-radius: 50%;
  margin-right: 15px;
}
.slider-template-2 .content .profile span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
  display: block;
  line-height: 21px;
}
.slider-template-3 .item{
  background-color: var(--bs-secondary);
  margin-top: 124px;
}
.slider-template-3 .item .p-wrapper svg{
  width:50px;
  height: 50px;
}
.slider-template-3 .item .p-wrapper svg path{
  fill:var(--bs-primary);
}
.slider-template-3 .item .p-wrapper{
  position: relative;
  padding:25px 70px;
  padding-bottom: 20px;
  margin-bottom: 22px;
}
.slider-template-3 .item .p-wrapper p {
  color:#fff;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.slider-template-3 .item .p-wrapper svg:first-of-type{
  position: absolute;
  left:0;
  top:0;
}
.slider-template-3 .item .p-wrapper svg:last-of-type{
  position: absolute;
  right:0;
  bottom:-7px;
}
.slider-template-3 .item .name{
  font-family: var(--bs-primary-font);
  color:#fff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 4px;
  padding-left: 70px;
}
.slider-template-3 .item span{
  color:#fff;
  opacity: 70%;
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 21px;
  display: block;
  padding-left: 70px;
}
.slider-template-3 .item .image{
  position: absolute;
  left:12px;
  bottom:0;
}
.slider-template-3 .item .container{
  position: relative;
}
.testimonials h2{
  margin-bottom: 35px;
}
.testimonials .container:last-of-type .code-block{
  margin-bottom: 0;
}

/* Blog */
.blog-style-1 img{
  height:360px;
  padding-left: 29px;
}
.blog-style-1 .image{
  position: relative;
}
.blog-style-1 .image .overlay{
  position: absolute;
  top:39px;
  left:-41px;
  transform: rotate(270deg);
  min-width: 110px;
}
.blog-style-1 .image .overlay span a:hover{
  background-color: transparent;
  border:1px solid var(--bs-primary);
}
.blog-style-1 .image .overlay span a{
  color:var(--bs-headings);
  font-family: var(--bs-primary-font);
  font-size: 15px;
  line-height: 21px;
  padding:4px 10px;
  background-color: var(--bs-primary);
  font-weight: 600;
  border:1px solid transparent;
  text-align: center;
  display: block;
}
.blog-style-1 .content .comments-and-date{
  display: flex;
  align-items: center;
}
.blog-style-1 .content .comments-and-date svg{
  width:16px;
  height:16px;
  margin-right: 4px;
}
.blog-style-1 .content .comments-and-date svg path{
  fill:var(--bs-paragraph);
}
.blog-style-1 .content .comments-and-date span{
  font-size: 15px;
  line-height: 21px;
  color:var(--bs-paragraph);
  display: block;
  font-family: var(--bs-secondary-font);
}
.blog-style-1 .content{
  padding-left: 29px;
  padding-top: 30px;
}
.blog-style-1 .content .comments-and-date .comments{
  margin-right: 15px;
  padding-right: 15px;
  position: relative;
}
.blog-style-1 .content .comments-and-date .comments:before{
  content:"";
  position: absolute;
  right:0;
  top:0;
  bottom:0;
  background-color: var(--bs-paragraph);
  height:16px;
  width:1px;
  margin:auto;
}
.blog-style-1 .content .comments-and-date{
  margin-bottom: 22px;
}
.blog-style-1 .content .comments-and-date .date svg{
  margin-bottom: 1px;
}
.blog-style-1 .content h4 a:hover{
  color:var(--bs-secondary);
}
.blog-style-1 .content h4 a{
  font-weight: 700;
}
.blog-style-1 .content h4{
  margin-bottom: 18px;
}
.blog-style-1 .content p{
  margin-bottom: 24px;
}
.blog-style-2 .image{
  position: relative;
}
.blog-style-2 .image img{
  height: 380px;
  padding-bottom: 80px;
}
.blog-style-2 .image .overlay .date span{
  font-family: var(--bs-primary-font);
  color:#fff;
  display: block;
  font-weight: 600;
  text-align: center;
}
.blog-style-2 .image .overlay .date span:first-of-type{
  font-size: 23px;
  line-height: 30px;
}
.blog-style-2 .image .overlay .date span:last-of-type{
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}
.blog-style-2 .image .overlay .date{
  padding:6px 17.4px 6px;
  background-color: var(--bs-headings);
  width: max-content;
  position: absolute;
  top:0;
  right:0;
}
.blog-style-2 .image .content{
  padding:22px 20px;
  background-color: #fff;
  position: absolute;
  bottom:0;
  right:0;
  width:88.5%
}
.blog-style-2 .image .content h5 a{
  font-weight: 700;
}
.blog-style-2 .image .content h5 a:hover{
  color:var(--bs-secondary);
}
.blog-style-2 .image .content h5{
  margin-bottom: 16px;
}
.blog-style-2 .image .content .btn:before{
  position: absolute;
  content: "";
  width:45px;
  background-color: var(--bs-headings);
  height: 1px;
  top:0;
  left:80px;
  bottom:0;
  margin: auto;
    transition: 0.3s ease-in-out;
}
.blog-style-2 .image .content .btn{
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
    transition: 0.3s ease-in-out;
}
.blog-style-2 .image .content:hover .btn::before{
  width:70%;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.blog-style-2 .image .content span{
  color:var(--bs-paragraph);
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  font-family: var(--bs-secondary-font);
}
.blog-style-3 .image img{
  height:360px
}
.blog-style-3 .content span{
  font-size: 18px;
  line-height: 24px;
  font-family: var(--bs-secondary-font);
  display: block;
  margin-bottom: 12px;
  color:var(--bs-paragraph)
}
.blog-style-3 .content  h3 a{
  font-weight: 700;
}
.blog-style-3 .content  h3 a:hover{
  color:var(--bs-secondary);
}
.blog-style-3 .content h3{
  margin-bottom: 22px;
}
.blog-style-3 .content p{
  margin-bottom: 36px;
}
.blog h2{
  margin-bottom: 35px;
}
.blog .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* Carousels */
.container .container{
  padding:0;
  max-height:100%;
  max-width: 100%;
}
.slider-style-1 .discography-style .image{
  position: relative;
}
.slider-style-1 .discography-style .image:before{
  position: absolute;
  content:"";
  width:100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.discography-style-02 .swiper-slide-active .image::before{
  background-color: rgba(20, 20, 20, 0);
}
.slider-style-2 .slider-template-1 .content img{
  margin-left: auto;
  margin-right: auto;
}
.slider-style-2 .slider-template-1 .content{
  background-color: unset;
  padding:35px;
  padding-top: 40px;
  padding-bottom: 0;
}
.slider-style-2 .slider-template-1 .content p{
  margin-bottom: 10px;
}
.slider-style-2 .owl-item.center .slider-template-1 .content{
  background-color: var(--bs-bg);
}
.owl-dots{
  margin-top: 70px !important;
}
.owl-theme .owl-dots .owl-dot span{
  width: 12px;
  height: 12px;
  background-color: rgb(20, 20, 20,25%);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
  background-color:var(--bs-headings) !important;
}
.slider-style-4 .slider-template-3 .style-4-slider .item{
  margin-top: 0;
}
.discography-style .image{ 
  position: relative;
  transition: 0.3s ease-in-out;
}
.discography-style .image img{
  width: 100%; /* Задает ширину изображения по ширине контейнера */
  height: auto; /* Сохраняет пропорции изображения */
  display: block; /* Избегает лишнего пространства снизу */
}
.discography-style .image .overlay .stream-on > li:first-of-type{
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-primary-font);
  line-height: 26px;
  color:#fff;
  display: block;
  margin-right: 10px;
}
.discography-style .image .overlay .stream-on li a span{
  display: none;
}
.discography-style .image .overlay .stream-on{
  display: flex;
  position: absolute;
  align-items: center;
  top:32px;
  right:32px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.discography-style .image:hover .overlay .stream-on{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.discography-style .image .overlay .stream-on li{
  color:#fff;
  font-size: 15px;
  margin-right: 16px;
}
.discography-style .image .overlay .stream-on li:last-of-type{
  margin-right: 0;
}
.discography-style .image .overlay .stream-on li i{
  color:#fff;
  font-size: 16px;
}
.discography-style .image > a{
  position: relative;
  width:100%;
  height:100%;
  display: block;
}
.discography-style .image > a::before{
position: absolute;
top:0;
content:"";
background-color: rgba(20, 20, 20, 0);
left:0;
width:100%;
height: 100%;
z-index:0;
display: block;
}
.discography-style .image .overlay .stream-on li i:hover{
  color:var(--bs-primary);
}
.discography-style .image .overlay .discography-details .title{
  margin-bottom: 8px;
}
.discography-style .image .overlay .discography-details .title a{
  color:#fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0,0,0,10), 0 0 2px rgba(0,0,0,10);
}
.discography-style .image .overlay .discography-details .title a:hover{
  color:var(--bs-primary);
}
.discography-style .image .overlay .discography-details{
  position: absolute;
  bottom:35px;
  left:40px;
  text-shadow: 0 2px 8px rgba(0,0,0,10), 0 0 2px rgba(0,0,0,10);
}
.discography-style .image .overlay .discography-details span{
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  color:#fff;
  line-height: 21px;
  display: block;
}
.slider-style-5 .arrows button{
  box-shadow: unset;
  border:unset;
  background-color: unset;
}
.swiper-button-next::after,
.swiper-button-prev::after{
  display: none;
}
.swiper-button-next, .swiper-button-prev{
  position: static !important;
  width:max-content !important;
  height:100% !important;
  display: block !important;
  margin:0 !important;
}
.swiper-pagination{
  position: static !important;
  width: max-content !important;
  margin:0 50px
}
.swiper-controls{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 30px;
}
.swiper-controls svg{
  width:40px;
  height: auto;
  display: flex;
}
.swiper-controls .icon{
  position: relative;
}
.swiper-controls .icon::before{
  position: absolute;
  content:"";
  width:42px;
  height: 42px;
  border-radius: 50%;
  top:0;
  bottom:0;
  z-index: -1;
  margin:auto;
  background-color: var(--bs-primary);
  opacity: 35%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 1 !important;
}
.swiper-controls svg path{
  fill:var(--bs-headings)
}
.swiper-pagination > span{
  width:12px !important;
  height:12px !important;
  margin:0 8px !important;
}
.swiper-pagination > span.swiper-pagination-bullet-active,
.swiper-pagination > span.swiper-pagination-bullet:hover{
  background-color:var(--bs-headings) !important;
  opacity: 1;
}
.swiper-button-next .icon::before{
  right:-18px;
}
.swiper-button-prev .icon::before{
  left:-18px;
}
.swiper-button-next:hover .icon::before, .swiper-button-prev:hover .icon::before{
  opacity: 1 !important;
}
.discography-style-02 .image img{
  height:100%;
} 
.discography-style-02 .discography-details{
  text-align: center;
  opacity: 0;
  right:0;
  left:0 !important;
  margin: auto;
}
.discography-style-02 .swiper-slide-active .image img{
  opacity: 1 !important;
}
.discography-style-02 .swiper-slide-active  .discography-details{
  opacity: 1;
}
.discography-style-02 .discography-style .image .overlay .discography-details .title a{
  font-size: 23px;
  margin-bottom: 6px;
}
.discography-style-02 .swiper-slide-prev .image img,
.discography-style-02 .swiper-slide-next .image img{
  opacity: 80%;
}
.discography-style-02 .swiper-slide-prev .discography-style .image .overlay,
.discography-style-02 .swiper-slide-next .discography-style .image .overlay{
  background-color: rgb(0, 0, 0,0)
}
.discography-style-02 .discography-style .image .overlay{
  background-color: rgb(255, 255, 255,0)
}
.discography-style-02 .swiper-slide-active .discography-style .image .overlay{
  background-color: rgba(20,20,20,0);
}
.carousels h2{
  padding-bottom: 35px;
}
.carousels .container:last-of-type .code-block{
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .discography-style .image img {
    height: auto; /* Убирает фиксированную высоту на мобильных устройствах */
  }
}
/* Audio and Video */
.audio-player {
  --player-button-width: 3em;
  --sound-button-width: 2em;
  --space: .5em;
  display: flex;
}
.audio-player .icon-container img{
  width:80px;
  height:80px;
  border-radius: 6px;
  margin-right: 24px;
}
.audio-player h6{
  margin-bottom: 4px;
}
.audio-player .controls span{
  font-family: var(--bs-secondary-font);
  font-size: 14px;
  line-height: 17px;
  display: block;
  color:var(--bs-paragraph);
  margin-bottom: 6px;
}
.dt-audio-player-tool{
  display: flex;
  align-items: center;
}
.audio-icon {
   width: 90%;
   height: 90%;
}
.player-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 0 12px;
}
.audio-player .player-button svg{
  width:28px;
  height:28px
}
.audio-player .rewind-button,
.audio-player .forward-button {
  box-shadow: unset;
  border:unset;
  background-color: unset;
  padding:0;
  display: flex;
}
.audio-player .forward-button{
  margin-right: 24px;
}
.audio-player .rewind-button svg,
.audio-player .forward-button svg{
  width:14px;
  height: 14px;
}

.audio-style-1.audio-style-2 .audio-player .sound-button,
.audio-style-1.audio-style-2 .audio-player .reload-button,
.audio-style-1.audio-style-2 .audio-player .repeat-button{
  width:unset;
}
.audio-style-1.audio-style-2 .audio-player .repeat-button{
  margin:0 20px;
  padding:0 10px;
}

.audio-style-1.audio-style-2 .audio-player .sound-button svg,
.audio-style-1.audio-style-2 .audio-player .reload-button svg,
.audio-style-1.audio-style-2 .audio-player .repeat-button svg{
  width:20px;
  height: 20px;
  display: block;

}
.audio-player .sound-button svg{
  width:18px;
  height:18px;
  display: block;
}
.audio-player .sound-button svg path{
  background-color: var(--bs-headings);
}
.audio-player span.my-audio-time{
  display: block;
  color:var(--bs-headings);
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 0;
  font-family: var(--bs-secondary-font);
  padding-left: 24px;
  padding-right: 29px;
}

.timeline {
  -webkit-appearance: none;
  width:200px;
  height: 2px;
  background-color:rgba(20, 20, 20, .4);
  border-radius: 99px;
  background-size: 0% 100%;
  background-image: linear-gradient(#141414, #141414);
  background-repeat: no-repeat;
  margin-right: var(--space);
}
.audio-style-1.audio-style-2 .song-and-singer{
  width:180px;
}
.audio-style-1.audio-style-2 .song-and-singer h5{
  margin-bottom: 3px;
}
.audio-style-1.audio-style-2 .audio-player .rewind-button svg, .audio-style-1.audio-style-2 .audio-player .forward-button svg {
  width:20px;
  height: 20px;
}
.audio-style-1.audio-style-2 .audio-player .player-button svg{
  width:36px;
  height: 30px;
}
.timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  background-color: var(--bs-headings);
}
.timeline::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  background-color: var(--bs-headings);
}

.timeline::-ms-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: all .1s;
  background-color: var(--bs-headings)
}

.timeline::-webkit-slider-thumb:hover {
  background-color: var(--bs-headings);
}

.timeline:hover::-webkit-slider-thumb {
  opacity: 1;
}

.timeline::-moz-range-thumb:hover {
  background-color: var(--bs-headings);
}

.timeline:hover::-moz-range-thumb {
  opacity: 1;
}

.timeline::-ms-thumb:hover {
  background-color: var(--bs-headings);
}

.timeline:hover::-ms-thumb {
  opacity: 1;
}

.timeline::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.sound-button,
.repeat-button,
.reload-button {
  background-color: transparent;
  border: 0;
  width: var(--sound-button-width);
  height: var(--sound-button-width);
  cursor: pointer;
  padding: 0;
}
.audio-videos h2{
  margin-bottom: 35px;
}
















/* .contact */
.contact-style-1 .location-on-map iframe,
.contact-style-2 .location-on-map iframe{
  width:100%;
  height:540px;
}
.contact-style-1 .location-on-map p,
.contact-style-2 .location-on-map p{
  margin-bottom: 0;
  line-height: 0;
}
.contact-style-1 .dt_form{
  padding:100px;
  background-color: var(--bs-bg);
  margin-top: -130px;
  position: relative;
  z-index: 1;
}
.contact-style-1 .dt_form h2{
  text-align: center;
  margin-bottom: 65px;
}
.contact-style-1 .contact-details{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-style-1 .contact-details h4{
  margin-bottom: 10px;
}
.contact-style-1 .contact-details a,
.contact-style-2 .contact-details a{
  font-size: 15px;
  line-height: 22px;
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
}
.contact-style-1 .contact-details a:hover,
.contact-style-2 .contact-details a:hover{
  color:var(--bs-secondary);
}
.contact-style-2 .dt_form.form-style-1 h2{
  margin-bottom: 32px;
}
.contact-style-2 .dt_form.form-style-1 .col-lg-6{
  width:100%
}
.contact-style-2 .dt_form.form-style-1 .btn{
  margin-left:unset;
  margin-right: auto;
}
.contact-style-2 .content h3 + p{
  margin-bottom: 32px;
}
  .contact-style-2 .content h3{
  margin-bottom: 32px;
}
.contact-style-2 .form-style-1 textarea{
  height:130px;
}
.contact-style-2 .form-style-1 input{
  height:62px;
}
.contact-style-2 .form-style-1 input, 
.contact-style-2 .form-style-1 textarea, 
.contact-style-2 .form-style-1 .nice-select{
  margin-bottom: 20px;
}
.contact-style-2 .content .title-value{
  margin-bottom: 24px;
}
.contact-style-2 .content .contact-details .title-value:last-of-type{
  margin-bottom: 0;
}
.contact-style-2 .content .title-value h5{
  margin-bottom: 5px;
}
.blog-featured-page-banner{
  min-height:560px;
  text-align: center;
}
.blog-featured-page-banner .items .comment-created span{
  display: block;
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin:0 15px;
  position: relative;
}
.blog-featured-page-banner .items .comment-created span:first-of-type::before{
  position: absolute;
  content: "";
  width:6px;
  height:6px;
  background-color: #fff;
  border-radius: 50%;
  right:-18px;
  top:0;
  bottom:0;
  margin: auto;
}
.blog-featured-page-banner .items .comment-created{
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.blog-featured-page-banner .items .btn{
  margin-left: auto;
  margin-right: auto;
  height: 29px;
  min-width: 80px !important;
  font-size: 15px;
  padding:3px 10px !important;
  display: flex;
  line-height: 1;
}
.blog-featured-page-banner .items .btn:hover{
  color:#fff;
}
.audio-videos .container:last-of-type .code-block{
  margin-bottom: 0;
}
.blog-featured-page-banner .items h1{
  color:#fff;
  margin-bottom: 26px;
}
.blog-featured-page-banner .items{
  padding-top: 220px;
  padding-bottom: 150px;
}
.blog-details-featured .main-content p,
.blog-details-standard .main-content p{
  margin-bottom: 25px;
}
.blog-details-featured .main-content-wrapper{
  padding:60px;
  padding-bottom: 100px;
  background-color: #fff;
}
.blog-details-featured .main-content h3{
  margin-bottom: 28px;
  margin-top: 50px;
}
.blog-details-featured .main-content .blog-gallery-images{
  padding-top: 25px;
  padding-bottom: 60px;
}
.blog-details-featured .main-content .blog-gallery-images img{
  height: 400px;
}
.blog-details-featured{
  margin-top: -90px;
  position: relative;
  z-index: 1;
}
.blog-sharing-options{
  display: flex;
  align-items: center;
  padding-bottom: 13px;
}
.blog-sharing-options svg{
  width:20px;
  height: 20px;
  margin-right: 8px;
}
.blog-sharing-options .addtoany-category h5{
  margin-bottom: 0;
  margin-right: 14px;
}
.blog-sharing-options a:hover{
  color:var(--bs-secondary)
}
.blog-sharing-options a:hover svg path{
  fill:var(--bs-secondary);
  transition: 0.3s ease-in-out;
}
.blog-sharing-options a{
  font-size: 15px !important;
  font-weight: 400;
  color:var(--bs-paragraph);
  line-height: 22px;
  font-family: var(--bs-secondary-font);
  margin-right: 22px;
  display: flex;
  align-items: center;
}
.blog-sharing-options svg path{
  fill:var(--bs-paragraph);
  transition: 0.3s ease-in-out;
}
.blog-sharing-options span{
  line-height: 0 !important;
  display: flex;
}
.blog-sharing-options .content{
  display: flex !important;
}
.blog-comments{
  padding:60px 0 0;
  border-top: 1px solid rgba(20, 20, 20, 0.25);
  /* border-bottom: 1px solid rgba(20, 20, 20, 0.25); */
}
.blog-comments .comment-lists{
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.25);
}
.blog-comments .comment-list img{
  width:120px;
  height: 120px;
  border-radius: 9999px;
  margin-right: 20px;
}
.blog-comments .comment-list {
  display: flex;
}
.blog-comments .comment-list {
  margin-bottom: 40px;
}
.blog-comments .comment-list:last-of-type {
  margin-bottom: 0;
}
.blog-comments .comment-list .details p{
  margin-bottom:0;
}
.blog-comments .comment-list:last-of-type + .indented {
  margin-bottom: 0;
}
.blog-comments .comment-list h6 {
  font-family: var(--bs-secondary-font);
  font-weight: 600;
  font-size: 14px;
}
.blog-comments .comment-list + .indented:last-of-type {
  margin-bottom: 0;
}
.blog-comments .comment-list + .indented {
  margin-bottom: 40px;
}
.blog-comments h3{
  margin-bottom: 35px;
}
.blog-comments .inline__links span{
  padding:0;
  padding-top: 20px;
  margin-right: 20px;
}
.blog-comments .no-comments{
  margin-bottom: 0;
}
.blog-comments .inline__links span a{
  font-weight: 600;
  text-decoration: underline;
  text-transform: uppercase;
}
.blog-text-for-comment a:hover{
  color:var(--bs-secondary);
}
.blog-text-for-comment a{
  color:var(--bs-primary);
  font-weight: 700;
}
.blog-text-for-comment{
  text-align: center;
  padding-top: 50px;
  margin-bottom: 0;
}
.blog-details-standard .main-content .comments-created{
  display: flex;
  margin-bottom: 28px;
  align-items: center;
}
.blog-details-standard .main-content .comments-created h5:last-of-type{  
  margin-left: 14px;
  display: flex;
  align-items: center;
}
.blog-details-standard .main-content .comments-created h5:first-of-type{  
  margin-right: 14px;
}
.blog-details-standard .main-content .comments-created h5{
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
}
.blog-details-standard .main-content .comments-created h5:first-of-type svg{
  margin-right: 4px;
}
.blog-details-standard .main-content .comments-created h5 svg{
  width:16px;
  height:16px;
  margin-right: 7px;
}
.feed-icons{
  display: none;
}
.blog-details-standard .main-content .comments-created h5{
  margin-bottom: 0;
}
.blog-details-standard .main-content .image img{
  margin-top: 35px;
  margin-bottom: 60px;
  height: 560px;
}
.blog-additional-content{
  margin-bottom: 64px;
}
.blog-additional-content h3{
  margin-bottom: 28px;
}
.blog-sharing-options .addtoany-category{
  display: flex;
}
.blog-details-standard .main-content .blog-sharing-options h5 a:hover{
  color:var(--bs-secondary);
}
.blog-details-standard .main-content .blog-sharing-options h5 a{
  font-weight: 600;
  color:var(--bs-headings);
  font-family: var(--bs-primary-font);
  font-size: 18px !important;
  line-height: 24px;
  margin-right: 0;
}
.blog-details-standard .content-details h3,
.blog-details-standard .content-details h4,
.blog-details-standard .content-details h2{
  margin-bottom: 35px;
}
.blog-details-standard .blog-gallery-images{
  padding-bottom: 64px;
}
.blog-details-standard .main-content .blog-sharing-options{
  justify-content: space-between;
}
.blog-grid-2-column .blog-style-1 .col-lg-6{
  margin-bottom: 62px;
}
.blog-grid-3-column .blog-style-1 .image img{
  height:240px;
  padding-left: 23px;
}
.blog-grid-3-column .blog-style-1 h5{
  margin-bottom: 16px;
}
.blog-grid-3-column .blog-style-1 h5 a{
  font-weight: 600;
}
.blog-grid-3-column .blog-style-1 h5 a:hover{
  color:var(--bs-secondary);
}
.blog-grid-3-column .blog-style-1 p{
  margin-bottom: 20px;
}
.blog-grid-3-column .blog-style-1 .image .overlay span a{
  font-size: 13px;
  line-height: 21px;
  padding: 0 8px;
}
.blog-grid-3-column .blog-style-1 .image .overlay{
  top: 35px;
  left: -34px;
  min-width: 92px;
}
.blog-grid-3-column .blog-style-1 .content .comments-and-date{
  margin-bottom: 16px;
}
.blog-grid-3-column .blog-style-1 .content {
  padding-top: 25px;
  padding-left:23px;
}
.blog-grid-3-column .blog-style-1 .col-lg-4{
  margin-bottom: 50px;
}
.blog-grid-3-column.blog-grid-sidebar .col-lg-6{
  margin-bottom: 50px;
}
.dt-sidebar h3{
  margin-bottom: 28px;
}
.blog-recent-posts .item{
  display: flex;
  margin-bottom: 28px;
}
.blog-recent-posts .item:last-of-type{
  margin-bottom: 0;
}
.blog-recent-posts .item img{
  width:68px;
  height: 68px;
  border-radius: 4px;
  margin-right: 15px;
}
.blog-recent-posts .item h6 a{
  font-weight: 700;
}
.blog-recent-posts .item h6 a:hover{
  color:var(--bs-secondary);
}
.blog-recent-posts .item .content span{
  font-size: 14px;
  line-height: 20px;
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  display: block;
}
.sidebar-page .sidebar > nav{
  margin-bottom: 60px;
}
.sidebar-page .sidebar > nav:last-of-type{
  margin-bottom: 0px !important;
}
#block-blogtags{
  margin-bottom: 48px;
}
.sidebar .blog-categories li a{
  font-size: 18px;
  color:var(--bs-paragraph);
  line-height: 24px;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
}
.sidebar .blog-categories li a:hover{
  color:var(--bs-secondary);
}
.sidebar .blog-categories li{
  margin-bottom: 20px;
}
.sidebar .blog-categories li:last-of-type{
  margin-bottom: 0;
}
.sidebar .blog-tags li a{
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  color:var(--bs-headings);
  display: flex;
  padding:3px 10px;
  background-color: var(--bs-primary);
  border:1px solid var(--bs-primary);
}
.sidebar .blog-tags li a:hover{
  background-color: transparent;
  border:1px solid var(--bs-primary)
}
.sidebar .blog-tags{
  display: flex;
  flex-wrap: wrap;
}
.sidebar .blog-tags li{
  margin-right: 12px;
  margin-bottom: 12px;
}
.cta-sidebar{
  height:500px;
  text-align: center;
}
.cta-sidebar span{
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  display: block;
  margin-top: 18px;
  margin-bottom: 52px;
  font-size: 18px;
}
.cta-sidebar .btn{
  margin-left: auto;
  margin-right: auto;
}
.cta-sidebar h3{
  color:#fff;
}
.cta-sidebar .content-wrapper{
  height: 100%;
  padding:14px
}
.cta-sidebar .content .btn:hover{
  color:#fff;
}
.cta-sidebar .content{
  padding:0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border:3px solid #fff;
}
.blog-list-full-width .blog-style-3 .row{
  margin-bottom: 60px;
}
.blog-list-full-width .blog-style-3 .row:last-of-type{
  margin-bottom: 0px;
}
/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
.pagination .page-link {
  font-size: 20px;
  font-family: var(--bs-secondary-font);
  font-weight: 600;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--bs-headings);
  border: 1px solid #171717;
  background-color: #FFF;
  border-radius: 50% !important;
  margin: 0px 8px !important;
}
.pagination .page-link svg {
  width: 10px;
  height: auto;
}
.pagination .page-link svg path {
  fill: #000;
}
.pagination .page-link:hover,
.pagination .page-link.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color:var(--bs-headings);
}
.page-item.active .page-link{
  background-color: var(--bs-primary);
  border:1px solid var(--bs-primary);
  color:var(--bs-headings);
}
.pagination .page-link:hover svg path,
.pagination .page-link.active svg path {
  fill:var(--bs-headings);
}
.blog-list-sidebar .blog-style-2 .image img{
  height:617px;
  padding-bottom:120px;
}
.blog-list-sidebar .blog-style-2 .image .content{
  padding:40px;
  padding-bottom: 0;
}
.blog-list-sidebar .blog-style-2 .image .content h3{
  margin-bottom: 24px;
}
.blog-list-sidebar .blog-style-2 .image .content h3 a{
  font-weight: 600;
}
.blog-list-sidebar .blog-style-2 .image .content h3 a:hover{  
  color:var(--bs-secondary)
}
.blog-list-sidebar .blog-style-2 .image .content span{
  font-size: 18px;
  line-height: 24px;
  width: max-content;
  transition: 0.2s ease-in-out;
}
.blog-style-2 .image .content span:hover{
  transition: 0.2s ease-in-out;
  color:var(--bs-primary);
}
.blog-list-sidebar .blog-style-2 .image .content .btn:before{
  width:65px;
  left:95px;
}
.blog-list-sidebar .blog-style-2 .image .overlay .date {
  padding:9px 24px
}
.blog-list-sidebar .blog-style-2 .image .overlay .date span:first-of-type {
  font-size: 28px;
  line-height: 35px;
}
.blog-list-sidebar .blog-style-2 .image .overlay .date span:last-of-type {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.blog-list-sidebar .blog-style-2 .col-lg-12{
  margin-bottom: 60px;
}
.blog-list-sidebar .blog-style-2 .col-lg-12:last-of-type{
  margin-bottom: 0;
}
.sidebar-page .pagination{
  padding-top: 80px;
  padding-bottom: 0;
}
.sidebar-page.dt-section .dt-section{
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar-page .blog-details-standard .for-sidebar-variation{
  display: flex;
  flex-direction: column-reverse;
}
.sidebar-page .blog-details-standard .for-sidebar-variation .image img{
  margin-top: 0;
  margin-bottom: 50px;
  height:470px;
}
.sidebar-page .blog-details-standard .for-sidebar-variation .content-details{
  margin-bottom: 40px;;
}
.sidebar-page .blog-details-standard .blog-additional-content{
  margin-bottom: 40px;
}
.sidebar-page .blog-details-standard .blog-gallery-images{
  padding-bottom: 55px;
}
.sidebar-page .blog-gallery-images img{
  height:320px !important;
}
.sidebar-page .blog-details-featured .main-content-wrapper{
  padding:0;
}
.sidebar-page .blog-details-featured{
  margin-top: 0;
}
.team-style-1 .item .social-icons li span{
  display: none;
}
.management .main-person img{
  height:560px;
}
.management .main-person .content h2{
  font-family: var(--bs-secondary-font);
  font-weight: 700;
  margin-bottom: 12px;
  font-family: var(--bs-primary-font);
  text-transform: uppercase;
}   
.management .main-person .content span{
  color:var(--bs-paragraph);
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 28px;
  display: block;
}
.management .main-person .content .social-icons li span{
  display: none;
}
.management .main-person .content .social-icons{
  display: flex;
  margin-top:38px;
}
.management .main-person .content .social-icons .soc-link{
  width: 50px;
  height: 50px;
  margin-right: 22px;
  border: 1px solid #00000029;
  background-color:var(--bs-headings);
  color:#fff;
  border-radius: 50%;
  position: relative;
  transition: 0.3S ease-in-out;
  font-size: 20px;
}
.management .main-person .content .social-icons .soc-link i{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:max-content;
  height:max-content;
  color:#fff;
  transition: 0.3S ease-in-out;
}
.management .main-person .content .social-icons .soc-link:hover{
  background-color: var(--bs-primary);
  border:1px solid var(--bs-primary);
  transition: 0.3S ease-in-out;
}
.management .main-person .content .social-icons .soc-link:hover i{
  color:#FFF;
  transition: 0.3S ease-in-out;
}
.management .main-person{
  padding-bottom: 100px;
}
.management .management-persons{
  padding-top: 80px;
  text-align: center;
}
.management .management-persons .content h4{
  padding-top: 27px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
}
.management .management-persons .content span{
  font-family: var(--bs-primary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
}
.management .management-persons img{
  height:380px;
}
.artists-details-page .image img{
  position: relative;
}
.artists-details-page .image .overlay::before{
  content:"";
  position: absolute;
  top:0;
  left:0;
  background-color: rgba(20, 20, 20, .5);
  width:100%;
  height: 100%;
} 
.artists-details-page .artists-albums-details h2{
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 65px;
}
.artists-details-page .timeline{
  display: none;
}
.artists-details-page .my-audio-time{
  display: none;
}
.artists-details-page .artists-albums-details .dt-audio-player-tool svg path{
  fill:#fff;
}
.artists-details-page .artists-albums-details .audio-style-1{
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  margin:auto;
  width:max-content;
  height:fit-content;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.artists-details-page .artists-albums-details .discography-style .image:hover .audio-style-1{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.dt-play-icon .svg-pause,
.dt-pause-icon .svg-play{
  display: none
}
.dt-play-icon .svg-play,
.dt-pause-icon .svg-pause{
  display:block;
}
.concerts-grid-2-column.dt-section{
  padding-top: 65px;
}
.concerts-grid-2-column .events-style-3 .item .image img{
  height:533px
}
.concerts-grid-2-column .events-style-3 .item h3 a{
  font-weight: 700;
}
.concerts-grid-2-column .events-style-3 .item h3{
  margin-top: 34px;
  margin-bottom: 12px;
}
.concerts-grid-2-column .events-style-3 .item .image .date span:first-of-type{
  font-size: 28px;
  line-height: 35px;
}
.concerts-grid-2-column .events-style-3 .item .image .date span:last-of-type{
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.concerts-grid-2-column .events-style-3 .item > p{
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.concerts-grid-2-column .events-style-3 .item .image .date {
  padding: 7.5px 23px;  
  top:28px;
  right:28px;
}
.concerts-grid-2-column .events-style-3 .item > p svg{
  width:16px;
  height:16px;
}
.concerts-grid-2-column .events-style-3 .item .image .overlay a{
  font-size: 23px;
  padding:18px;
}
.concerts-grid-2-column .events-style-3 .col-lg-6{
  margin-bottom: 62px;
}
.concerts-filter{
  padding-top:100px;
}
.concerts-filter .d-flex.flex-wrap{
  justify-content: center;
}
.concerts-filter ul{
  display: flex;
  justify-content: center;
}
.concerts-filter ul li{
  margin:0 25px;
  position: relative;
}
.concerts-filter ul li a:hover{
  color:unset;
}
.concerts-filter ul li a{
  font-family: var(--bs-secondary-font);
  font-size: 18px;
  font-weight: 600;
}
.concerts-filter ul li:hover::before{
  opacity: 50%;
  z-index: -1;
  transition: 0.3s ease-in-out;
}
.concerts-filter a.bef-link--selected::before{
  position: absolute;
  content:"";
  width:38px;
  height:38px;
  border-radius:50%;
  background-color: var(--bs-primary);
  opacity:50%;
  top:0;
  left:-20px;
  bottom:0;
  margin:auto;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.concerts-filter ul li::before{
  position: absolute;
  content:"";
  width:38px;
  height:38px;
  border-radius:50%;
  background-color: var(--bs-primary);
  opacity:0%;
  top:0;
  left:-20px;
  bottom:0;
  margin:auto;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.concerts-grid-3-column.dt-section{
  padding-top: 50px;
}
.concerts-grid-3-column .col-lg-4{
  margin-bottom: 52px;
}
.events-list-style.dt-section{
  padding-top: 50px;
}
.events-list-style .content{
  padding:34px 0;
  border-bottom: 1px solid #0000003D;
}
.events-list-style .content:first-of-type{
  padding-top: 0;
}
.events-detail-page .image img{
  height:480px;
  margin-bottom: 60px;
}
.events-detail-page h2{
  margin-bottom: 28px;
}
.events-detail-page p{
  margin-bottom: 22px;
}
.events-detail-page .btn{
  margin-top: 48px;
  margin-bottom: 60px;
}
.events-detail-page .col-lg-8 h4{
  margin-bottom: 25px;
}
.events-detail-page .blog-sharing-options{
  padding-bottom:0;
}
.events-detail-page .blog-sharing-options svg path{
  fill:var(--bs-headings);
}
.events-detail-page iframe{
  width:100%;
  height:340px;
  margin-bottom: 18px;
}
.repeat-button.loop-true{
  background-color: lightgray;
  border-radius: 5px;
}
.events-detail-page .col-lg-4 h4{
  margin-bottom: 20px;
}
.events-detail-page .details-of-concert{
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.events-detail-page .details-of-concert h6{
  margin-right: 4px;
  margin-bottom: 3px !important;
}
.events-detail-page .details-of-concert h6,
.events-detail-page .details-of-concert p{
  margin-bottom: 0;
}
.discography-standard-minimal .item .image{
  position: relative;
}
.discography-standard-minimal .item .image img{
  height:400px;
  padding-bottom: 45px;
}
.discography-standard-minimal .item .overlay h5 a{
  font-weight: 600;
}
.discography-standard-minimal .item .overlay p {
  margin-bottom: -2px;
}
.discography-standard-minimal .item .overlay h5{
  margin-top: 4px;
  margin-bottom: 10px;
}
.discography-standard-minimal .item .overlay ul li{
  margin:0 8px;
}
.discography-standard-minimal .item .overlay ul li:hover i{
  color:var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.discography-standard-minimal .item .overlay .streaming-platforms {
  display: flex;
  align-items: center;
}
.discography-standard-minimal .item .streaming-platforms li a{
  color:var(--bs-paragraph);
}
.discography-standard-minimal .item .streaming-platforms li a span{
  display: none;
}
.discography-standard-minimal .item .streaming-platforms ul{
  display: flex;
  align-items: center;
}
.discography-standard-minimal .item .overlay{
  padding:22px;
  padding-bottom: 0;
  background-color: #fff;
  position: absolute;
  bottom:0;
  right:0;
  width:85%;
}
.discography-standard-minimal .col-lg-4,
.discography-standard-simple .col-lg-4{
  margin-bottom: 60px;
}
.discography-standard-simple .item .image{
  position: relative;
}
.discography-standard-simple .item .image:hover .overlay{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.discography-standard-simple .item .image img{
  height:100%;
}
.discography-standard-simple .item .overlay{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.discography-standard-simple .item .overlay .streaming-platforms h5{
  color:#fff;
  margin-bottom: 0;
  margin-right: 10px;
}
.discography-standard-simple .item .overlay ul li{
  margin-right: 16px;
}
.discography-standard-simple .item .overlay ul li:last-of-type{
  margin-right: 0;
}
.discography-standard-simple .item .overlay ul li a{
  color:#fff;
}
.discography-standard-simple .item .overlay ul li a span{
  display: none;
}
.discography-standard-simple .item .overlay ul li:hover i{
  color:var(--bs-primary);
}
.discography-standard-simple .item .overlay .streaming-platforms{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:17px 0;
  background-color: var(--bs-headings);
}
.discography-standard-simple .item .overlay .streaming-platforms ul{
  display: flex;
  align-items: center;
}
.discography-standard-simple .item p{
  margin-bottom: 6px;
  margin-top: 26px;
}
.discography-standard-simple .item h5 a{
  font-weight: 600;
}
.discography-standard-simple.simple-boxed .item p{
  margin-top: 20px;
}
.discography-standard-simple.simple-boxed .item p,
.discography-standard-simple.simple-boxed .item h5{
  margin-left: 22px;  
}
.discography-standard-simple.simple-boxed .item .overlay{
  background-color: rgb(20, 20, 20, 0.5);
  width: 100%;
  height: 100%;
}
.discography-standard-simple.simple-boxed .col-lg-4{
  margin-bottom: 40px;
} 
.discography-standard-simple.simple-boxed .row > .col-lg-4:last-of-type{
  margin-bottom: 0;
}
.discography-standard-simple.simple-boxed .item .overlay .streaming-platforms{
  padding:0;
  background-color: unset;
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
}
.discography-standard-simple.simple-boxed .item{
  padding-bottom: 20px;
  background-color: var(--bs-bg);
}
.discography-grid-2-column .image img{
  height:530px;
}
.discography-grid-2-column .col-lg-6{
  margin-bottom: 50px;
}
.discography-grid-2-column .discography-style .image .overlay .stream-on li:first-of-type{
  font-size: 23px;
  margin-bottom: 4px;
}
.discography-grid-2-column .discography-style .image .overlay .stream-on li:last-of-type{
  margin-right: 0;
}
.discography-grid-2-column .discography-style .image .overlay .stream-on li{
  margin-right: 18px;
}
.discography-grid-2-column .discography-style .image .overlay .stream-on{
  top:40px;
  right:50px
}
.discography-grid-2-column .discography-style .image .overlay .stream-on li i{
  font-size: 20px;
}
.discography-grid-2-column .discography-style .image .overlay .discography-details .title a {
  font-size: 23px;
  margin-bottom: 6px;
  line-height: 30px;
  display: block;  
}
.discography-grid-2-column .discography-style .image .overlay .discography-details{
  bottom:40px;
  left:50px;
}
.discography-grid-2-column .discography-style .image .overlay .discography-details span{
  font-size: 18px;  
}
.discography-grid-3-column .discography-style .image .overlay .stream-on{
  top:32px;
}
.discography-grid-3-column .col-lg-4{
  margin-bottom: 30px;
}
.discography-grid-4-column .image img{
  height:270px;
}
.discography-grid-4-column .col-lg-3{
  margin-bottom: 24px;
}
.discography-grid-4-column .discography-style .image .overlay .discography-details .title,
.discography-grid-3-column .discography-style .image .overlay .discography-details .title{
  margin-bottom: 3px;
}
.discography-grid-4-column .discography-style .image .overlay .discography-details .title a{
  font-size: 15px;
  line-height: 21px;
}
.discography-grid-4-column .discography-style .image .overlay .discography-details{
  bottom:26px;
  left:32px;
}
.discography-grid-4-column .discography-style .image .overlay .discography-details span{
  font-size: 14px;
}
.discography-grid-4-column .discography-style .image .overlay .stream-on li{
  font-size: 15px;
  line-height: 21px;
  margin-right: 10px;
}
.discography-grid-4-column .discography-style .image .overlay .stream-on{
  right:32px;
  top:22px;
}
.discography-grid-4-column .discography-style .image .overlay .stream-on li i{
  font-size: 14px;
}
.discography-grid-4-column .discography-style .image .overlay .stream-on li{
  margin-right: 15px;
}
.discography-grid-4-column .discography-style .image .overlay .stream-on li:last-of-type{
  margin-right: 0;
}
.discography-details .container > h2{
  margin-bottom: 65px;
}
.discography-details .image img{
  height:100%;
  border-radius: 12px;
}
.discography-details .main-content{
  margin-top: 20px;
}
.discography-details .main-content h3{
  margin-bottom: 28px;
}
.discography-details .discography-track-details .details-of-concert{
  display: flex;
}
.discography-details .discography-track-details .details-of-concert h6{
  margin-right: 5px;
}
.discography-details .discography-track-details .details-of-concert p,
.discography-details .discography-track-details .details-of-concert h6{
  margin-bottom: 0;
}
.discography-details .discography-track-details .details-of-concert{
  margin-bottom: 6px;
}
.discography-details .discography-track-details{
  margin-top: 28px;
}
.discography-details .buy-album-btn{
  margin-top: 40px;
  margin-bottom: 50px;
}
.discography-details h4{
  margin-bottom: 25px;
}
.discography-details .soc-link i{
  font-size: 20px;
  color:#20882b;
  margin-right: 8px;
}
.discography-details .blog-sharing-options{
  padding-bottom: 0px;
}
.discography-details .available-services{
  padding-top: 80px;
}
.discography-details .available-services > h3{
  margin-bottom: 32px;
}
.discography-details h2{
  margin-bottom: 32px;
}
.discography-details.style-1 .audio-style-1 .timeline{
  width:100%;
}
.discography-details .discography-playlist .audio-style-1{
  padding:27px 0;
  border-bottom: 1px solid rgb(20, 20, 20,0.18);
}
.discography-details .discography-playlist .audio-style-1:first-of-type{
  padding-top: 0;
}
.discography-details .discography-playlist .audio-style-1:last-of-type{
  border-bottom: unset;
  padding-bottom: unset;
}
.discography-details.style-3 .discography-playlist{ 
  height:unset;
  overflow: unset;
}
.discography-details.style-2 .row{
  padding-bottom: 60px;
}
.discography-details.style-2 .available-services{
  padding-top: 60px;
}
.discography-details.style-2 h3{
  margin-bottom: 32px;
}
.audio-style-1.audio-style-2 .audio-player{
  justify-content: space-between;
  align-items: center;
}
.audio-style-1.audio-style-2 .audio-player .song-and-singer p{
  margin-bottom: 0;
  font-size: 14px;
}
.discography-details .discography-playlist .audio-style-1.audio-style-2:last-of-type{
  border-bottom: 1px solid rgba(20, 20, 20, 0.18);
  padding-bottom:32px;
}
/* .discography-details.style-2 .discography-playlist{
  height: 653px; 
  overflow-y: scroll;
} */
.discography-details.style-2 .audio-player .icon-container img{
  width:70px;
  height:70px;
  margin-right: 22px;
}
.discography-details.style-3 .image img{
  border-radius: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.discography-details.style-3 .dark-playlist p{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 52px;
  color:rgb(255, 255, 255,0.7);
}
.discography-details.style-3 .dark-playlist{
  padding:50px 60px;
  padding-bottom: 32px;
}
.our-discography-style-3 .discography-details.style-3 .dark-playlist p{
  font-size: 15px;
}
.our-discography-style-3 .discography-details.style-3 .dark-playlist h2{
  font-size: 28px;
  margin-bottom: 8px;
}
.discography-details.style-3 .dark-playlist h2{
  margin-bottom: 7px;
  color:#fff;
}
.discography-details.style-3 .dark-playlist .discography-playlist li{
  margin-bottom: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 20px;
}
.discography-details.style-3 .dark-playlist .discography-playlist li .song-time{
  color:#fff;
  font-size: 18px;
  font-family: var(--bs-secondary-font);
}
.discography-details.style-3 .dark-playlist .discography-playlist li svg{
  width:16px;
  height:16px;
  margin-right: 20px;
}
.discography-details.style-3 .dark-playlist .discography-playlist li svg path{
  fill:var(--bs-primary);
} 
.discography-details.style-3 .dark-playlist .discography-playlist li a{
  color:#fff;
  font-family:var(--bs-secondary-font);
  font-size: 18px;
  line-height: 24px; 
}
.discography-details.style-3 .row{
  background-color: var(--bs-headings);
  border-radius: 12px;
}
.discography-details .blog-sharing-options a{
  margin-right: 40px;
}
.discography-details .blog-sharing-options .addtoany-category > li:last-of-type a{
  margin-right: 0px;
}
.gallery-items .image img{
  height:500px
}
.gallery-items .image{
  position: relative;
}
.gallery-items .image .overlay{
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  margin:auto;
  width:max-content;
  height:fit-content;
}
.gallery-items .image .overlay .for-video{
  background-color: transparent !important;
  cursor: pointer;
}
.gallery-items .image .overlay .for-video svg{
  width:80px;
  height:80px;
}
.gallery-items .image .overlay .for-video svg path{  
  fill:#fff;
}
.gallery-items .image .overlay .icon{
  width:80px;
  height:80px;
  position: relative;
  border-radius: 50%;
  background-color: var(--bs-primary);
}
.gallery-items .image .overlay .icon svg{
  width:26px;
  height:26px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.gallery-items .image .overlay .icon.for-image{
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.gallery-items .image:hover .overlay .icon.for-image{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.gallery-items .image.with-video:before{
  background-color: rgba(20, 20, 20, 0.45);
}
.gallery-items .image:hover::before{
  background-color: rgba(20, 20, 20, 0.45);
  transition: 0.3s ease-in-out;
}
.gallery-items .image::before{
  position: absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color: rgba(20, 20, 20, 0);
  transition: 0.3s ease-in-out;
}
.gallery-grid-2-column .col-lg-6{
  margin-bottom: 50px;
}
.gallery-tabs.dt-section
{
  padding-bottom: 35px;
}
.gallery-tab.dt-section{
  padding-top: 0;
  padding-bottom: 50px;
}
.gallery-grid-3-column .gallery-items .image img{
  height:340px;
} 
.gallery-grid-3-column .col-lg-4{
  margin-bottom: 30px;
}
.gallery-grid-3-column .gallery-items .image .overlay .for-video svg{
  width:70px;
  height:70px;
}
.gallery-grid-3-column .gallery-items .image .overlay .icon
{
  width:70px;
  height:70px
}
.gallery-grid-3-column.gallery-tab.dt-section{
  padding-bottom: 70px;
}
.gallery-grid-4-column .gallery-items .image img{
  height:245px;
}
.gallery-grid-4-column .col-lg-3{
  padding-bottom: 18px;
}
.gallery-grid-4-column.gallery-tab.dt-section{
  padding-bottom: 82px;
}
.gallery-grid-4-column .gallery-items .image .overlay .icon svg{
  width:20px;
  height:20px;
}
.gallery-grid-4-column .gallery-items .image .overlay .for-video svg{
  width:54px;
  height:54px;
}
.gallery-grid-4-column .gallery-items .image .overlay .icon{
  width:54px;
  height:54px;
}
.gallery-masonry-classic .h-large img{
  height:612px;
}
.gallery-masonry-classic .h-small img{
  height:300px
}
.gallery-masonry-classic .row > div{
  margin-bottom: 12px;
}
.gallery-masonry-classic.gallery-tab-masonry.dt-section{
  padding-top: 0;
  padding-bottom: 88px;
}
.gallery-items.h-small .image .overlay .for-video svg{
  width:70px;
  height:70px;
}
.gallery-items.h-small .image .overlay .icon.for-image{
  width:70px;
  height: 70px;
}
.gallery-masonry-modern .h-large img{
  height:645px;
}
.gallery-masonry-modern .h-small img{
  height:320px
}
.gallery-masonry-modern .row > div{
  margin-bottom: 5px;
}
.gallery-masonry-modern.gallery-tab-masonry.dt-section{
  padding-top: 0;
  padding-bottom: 95px;
}
.home-slider-1 .item{
  min-height: 710px;
}
.home-slider-1 .audio-style-1 .timeline{
  background-color: rgba(255, 255, 255, .4);
  background-image: linear-gradient(#fff, #fff);
}
.home-banner-style-1 .audio-style-1 .timeline{
  background-color: rgba(20, 20, 20, .4);
  background-image: linear-gradient(#141414,#141414)
}
.home-slider-1 .item .slide-date span{
  display: block;
  color:#fff;
  font-weight:600;
  text-transform: uppercase;
  font-family: var(--bs-primary-font);
}
.home-slider-1 .item .slide-date{
  margin-right: 32px;
}
.home-slider-1 .item .slide-date span:first-of-type{
  font-size: 60px;
  line-height: 77px;
}
.home-slider-1 .item .slide-date span:last-of-type{
  font-size: 38px;
  line-height: 56px;
}
.home-slider-1 .item .content{
  display: flex;
  padding:189px 0;
}
.home-slider-1 .item .content .slide-event-details .singer-name{
  font-size: 50px;
  background-color: transparent;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  -webkit-text-stroke: 2px white;
  text-transform: uppercase;
  color:transparent;
}
.home-slider-1 .item .content .slide-event-details .title{
  font-size: 45px;
  line-height: 62px;
  color:#fff;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  margin-bottom: 20px;
}
.home-slider-1 .item .content p{
  color:#fff;
  margin-bottom: 35px;
}
.home-slider-1 .item .overlay-svg{
  position: absolute;
  bottom:40px;
  left:0;
  width: 100%;
}
.home-slider-1 .item .overlay-svg svg{
  width:100%;
  height:auto;
  opacity: 0.6;
}
.home-slider-1 .item{
  position: relative;
}
.home-slider-1 .owl-dots button{
  box-shadow: unset;
  background-color: unset;
  border:unset;
}
.home-slider-1 .owl-dots{
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:0 !important;
  bottom:0;
  margin-top: auto !important;
  margin-bottom: auto !important;
  width: 1116px;
  height: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.home-slider-1 .owl-dots .owl-dot.active button{
  font-size: 45px;
  line-height: 70px;
  transition: 0.3s ease-in-out;
  z-index: 2;
  position: relative;
}
.home-slider-1 .owl-dots .owl-dot{
  width:max-content;
  margin-bottom: 8px;
  transition: 0.3s ease-in-out;
}
.home-slider-1 .owl-dots button{
  font-size: 25px;
  color:#fff;
  font-weight: 600;
  font-family: var(--bs-primary-font);
    transition: 0.3s ease-in-out;
}
.home-slider-1 .item .container{
  position: relative;
}
.home-slider-1 .slide-song{
  position: absolute;
  bottom:40px;
  right:0;
  z-index: 2;
}
.home-slider-1 .slide-song .audio-style-1 .controls h6{
  color:#fff;
  font-weight: 400;
  font-size: 16px;
}
.home-slider-1 .slide-song .audio-style-1 .controls span{
  color:#fff
}
.home-slider-1 .slide-song .audio-style-1 .controls svg path{
  fill:#fff;
}
.home-slider-1 .slide-song .audio-style-1 .controls span{
  color:#fff !important;
}
body.home-2 .header .navbar-brand svg .cls-1{
  fill:#fff;
}
.get-our-album-style-1 .image img{
  height:550px;
}
.get-our-album-style-1 .content h3{
  margin-bottom: 25px;
}
.get-our-album-style-1 .content h2{
  margin-bottom: 34px;
}
.get-our-album-style-1 .content p{
  margin-bottom: 38px;
}
.get-our-album-style-1 .content .album-streaming-platforms{
  margin-top: 54px;
}
.get-our-album-style-1 .content .album-streaming-platforms h4{
  margin-bottom: 25px;
}
.get-our-album-style-1 .content .album-streaming-platforms i{
  color:var(--bs-headings);
  font-size: 19px;
  margin-right: 8px;
}
.get-our-album-style-1 .content .blog-sharing-options{
  padding-bottom: 0;
}
.get-our-album-style-1 .content .blog-sharing-options a{
  margin-right: 40px;
}
.get-our-album-style-1 .content .blog-sharing-options li:last-of-type a {
  margin-right: 0
}
.title-1{
  text-align: center;
  margin-bottom: 15px;
}
.title-1-btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}
.discography-home-style-1 .discography-standard-simple .col-lg-4{
  margin-bottom: 50px;
}
.discography-home-style-1 .discography-standard-simple .streaming-platforms a{
  color:#fff;
}
.discography-home-style-1 .discography-standard-simple .streaming-platforms a:hover{
  color:var(--bs-primary);
}
.next-event-style-1 .content{
  padding-bottom: 15px;
}
.next-event-style-1 .content .section-label{
  font-size: 90px;
  font-weight: 700;
  line-height: 92px;
  text-transform: uppercase;
  -webkit-text-stroke: 1px white;
  color:transparent;
  font-family: var(--bs-primary-font);
  writing-mode:vertical-lr;
  transform: rotate(180deg);
  position: absolute;
  left:90px; 
  top:0;
  bottom:0;
  margin:auto;
}

.next-event-timer{
  padding-top: 20px;
}
.next-event-style-1 .next-event-timer .cs-counter{
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
.next-event-style-1 .next-event-timer .cs-counter .cs-date{
  margin-right: 100px;
  min-width: 80px;
}
.next-event-style-1 .next-event-timer .cs-counter .cs-date:last-of-type{
  margin-right: 0;
}
.next-event-style-1 .next-event-timer .cs-counter .cs-date span{
  font-family: var(--bs-primary-font);
  font-weight: 700;
  font-size: 70px;
  color:#fff;
}
.next-event-style-1 .next-event-timer .cs-counter .cs-date .counting-title {
  font-family: var(--bs-secondary-font);
  font-size: 23px;
  line-height: 32px;
  color:#fff;
  font-weight: 500;
  text-align: center;
}
.next-event-style-1{
  text-align: center;
  position: relative;
}
.next-event-style-1 h2{
  color:#fff;
  margin-bottom:21px;
}
.next-event-style-1 p{
  font-size: 23px;
  color:#fff;
  line-height: 35px;
  margin-bottom: 34px;
}
.next-event-style-1 .btn{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}
.next-event-style-1 .btn:hover{
  color:#fff;
}
.upcoming-concerts-style-1 .events-style-1{
  margin-bottom: 40px;
}
.upcoming-concerts-style-1 .events-style-1:last-of-type{
  margin-bottom: 0;
}
.amazing-artists-style-1{
  position: relative;
}
.amazing-artists-style-1::before{
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:420px;
  background-color: var(--bs-secondary);
  z-index: -1;
}
.amazing-artists-style-1 h2{
  color:var(--bs-primary);
}
.home-banner-style-1{
  background-color: var(--bs-primary);
  height:710px;
  text-align: center;
}
.home-banner-style-1 .image-wrapper{
  padding-top: 100px;
}
.home-banner-style-1 .image{
  width:630px;
  height:630px;
  background-color: #fff;
  border-radius: 9999px;
  margin-left: auto;
  margin-right: auto;
}
.home-banner-style-1 .image img{
  height:580px;
  width:416px;
  position: relative;
}
.home-banner-style-1{
  position: relative;
}
.home-banner-style-1 .title{
  font-size: 150px;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  color:var(--bs-headings);
  opacity: 5%;
  position: absolute;
  top:0;
  bottom:100px;
  left:0;
  right:0;
  margin: auto;
  height: fit-content;
  z-index: 0;
}
.home-banner-style-1 .overlay-svg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  height: fit-content;
  z-index: 0;
}
.home-banner-style-1 .audio-style-1.audio-style-2 img{
  width:70px;
  height: 70px;
  margin-right: 10px;
}
.home-banner-style-1 .audio-style-1.audio-style-2 .player-button{
  margin:0 14px;
}
.home-banner-style-1 .audio-style-1.audio-style-2 .song-and-singer h5{
  margin-bottom: 3px;
}
.home-banner-style-1 .audio-style-1.audio-style-2 .audio-player .forward-button{
  margin-right: 40px;
}
.home-banner-style-1 .audio-style-1.audio-style-2 .audio-player .player-button svg{
  width:30px;
  height: 36px;
}
.audio-player span.my-audio-time{
  padding-left: 37px;
}
.home-banner-style-1 .overlay-svg svg{
  height: auto;
  width:100%;
}
.home-banner-style-1 .overlay-svg svg path{
  stroke:#fff
}
.home-banner-style-1 .home-banner-song{
  position: absolute;
  bottom:0;
  width:100%;
  padding:25px 0;
  text-align: left;
  background:rgb(255, 255, 255,0.4);
  backdrop-filter: blur(6px);
}
.dt-section + .get-our-album-style-2.dt-section{
  padding-top: 100px;
  background-attachment: fixed;
}
.get-our-album-style-2 .album-image{
  padding:34px 50px;
  border:4px solid #fff;
  border-top: none;
  position: relative;
}
.get-our-album-style-2 .album-image::after{
  position: absolute;
  content:"";
  background-color: #fff;
  width:110px;
  height:4px;
  top:0;
  left:0;
}
.get-our-album-style-2 .album-image::before{
  position: absolute;
  content:"";
  background-color: #fff;
  width:110px;
  height:4px;
  top:0;
  right:0;
}
.get-our-album-style-2 .album-image .album-available-text{
  font-family: var(--bs-primary-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color:#fff;
  position: absolute;
  top:-8px;
  left:0;
  right:0;
  margin: auto;
  width: max-content;
}
.get-our-album-style-2 .album-image-wrapper{
  padding:38px;
  background-color: rgb(12, 18, 34, 5%);
}
.get-our-album-style-2 .album-image img{
  height:426px;
}
.get-our-album-style-2 .album-image .image{
  position: relative;
}
.get-our-album-style-2 .album-image .image::before{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-color: rgba(0,0,0,35%);
}
.get-our-album-style-2 .album-image .image .overlay{
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
.get-our-album-style-2 .album-image .overlay .social-icons{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 26px;
  font-size: 15px;
}
.get-our-album-style-2 .album-image .overlay .social-icons .soc-link a i{
  font-size: 18px;
}

.get-our-album-style-2 .album-image .overlay .social-icons .soc-link a{
  display: flex;
  color:#fff;
  font-family: var(--bs-secondary-font);
}
.get-our-album-style-2 .album-image .overlay .social-icons .soc-link span{
  margin-left: 8px;
}
.get-our-album-style-2 .album-image .overlay .social-icons .soc-link{
  margin-right: 40px;
}
.get-our-album-style-2 .album-image .overlay .social-icons .soc-link:last-of-type{
  margin-right: 0;
}
.get-our-album-style-2 .album-image .overlay .btn{
  margin-left: auto;
  margin-right: auto;
  min-width: 120px;
  padding:0 19px;
}
.get-our-album-style-2 .content .title{
  font-family: var(--bs-primary-font);
  color:#fff;
  font-weight: 700;
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 12px;
} 
.get-our-album-style-2 .content .singer-name{
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--bs-secondary-font);
  margin-bottom: 26px;
} 
.get-our-album-style-2 .content p{
  margin-bottom: 36px;
  color:#fff;
  opacity: 60%;
}
.get-our-album-style-2 + .dt-section{
  padding-top: 100px;
}
.events-list-style .content .btn:hover{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color:var(--bs-headings);
}
.upcoming-concerts-style-2 .container > .btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
}
.get-our-album-style-2 .image .btn:hover,
.get-our-album-style-2 .content .btn:hover{
  color:#fff;
}
.next-event-style-2 .content{
  padding:60px 40px;
  background-color: var(--bs-primary);
  height:100%;  
  border: none;
  position: relative;
}
.next-event-style-2 .content::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 10px;
  background-size: 19px 10px;
  background-image: radial-gradient(circle at 12px 9px, #fff 7px, transparent 1px);
}
.next-event-style-2 .content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 5px;
  background-size: 10px 20px;
  background-image: radial-gradient(circle at 12px -2px, transparent 14px, #fff 13px);
}
.next-event-style-2 .content .title{
  font-family: var(--bs-primary-font);
  font-size: 28px;
  line-height: 40px;
  color:var(--bs-headings);
  font-weight: 600;
  padding-bottom: 18px;
  border-bottom: 1px dashed #00000052;
  margin-bottom: 50px;
}
.next-event-style-2 .content .event-name{
  font-family: var(--bs-primary-font);
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 4px;
  color:var(--bs-headings);
  font-weight: 600;
}
.next-event-style-2 .content .singer-name{
  font-family: var(--bs-primary-font);
  margin-bottom: 22px;
}
.next-event-style-2 .content .event-location,
.next-event-style-2 .content .event-date{
  font-size: 14px;
  line-height: 20px;
  color:var(--bs-headings);
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.next-event-style-2 .content svg{
  width:14px;
  height:14px;
  margin-right: 7px;
}
.next-event-style-2 .content svg path{
  fill:var(--bs-headings)
}
.next-event-style-2 .content p{
  margin-bottom: 30px;
}
.next-event-style-2 .image img{
  height: 584px;
}
.next-event-style-2 .image .overlay .image-title{
  width:294px;
  color:#fff;
  font-family: var(--bs-primary-font);
  font-size: 45px;
  line-height: 62px;
  margin-bottom: 30px;
  font-weight: 600;
}
.next-event-style-2 .image{
  position: relative;
}
.next-event-style-2 .image:before{
  position: absolute;
  content:"";
  width:100%;
  height: 100%;
  top:0;
  left:0;
  background-color: rgba(0,0,0,30%);
}
.next-event-style-2 .image .overlay{
  position: absolute;
  right:60px;
  bottom:60px;
}
.amazing-artists-style-2 .social-icons li span{
  display: none;
}
.video-style-1{
  min-height:580px;
  background-attachment: fixed;
}
.video-style-1 .container{
  position: relative;
}
.video-style-1 .content{
  color:#fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  margin-left: auto;
  padding:164px 0;
  padding-right: 80px;
}
.video-style-1 .content .title{
  color:#fff;
  font-size: 60px;
  line-height: 48px;
  font-family: var(--bs-secondary-font);
}
.video-style-1 .content .highlighted-text-title{
  font-size: 80px;
  background-color: transparent;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  -webkit-text-stroke: 1px white;
  text-transform: uppercase;
  color: transparent;
  line-height: 80px;
  margin-bottom: 44px;
}
.video-style-1 .content .icon svg{
  width:80px;
  height: 80px;
}
.video-style-1 .content .icon svg path{
  fill:#fff;
}
.gallery-home-style-2 .discography-style .image.h-height img{
  height:538px;
}
.gallery-home-style-2 .discography-style .image.h-width img{
  height:260px;
}
.gallery-home-style-2 .discography-style .image img{
  height:260px;
}
.gallery-home-style-2 .col-lg-3,
.gallery-home-style-2 .col-lg-6{
  margin-bottom: 18px;
}
.gallery-home-style-2 .discography-style .image .overlay {
  background-color: unset;
}

.gallery-home-style-2 .discography-style .image.h-normal .overlay .icon{
  width:54px;
  height: 54px;
}
.gallery-home-style-2 .discography-style .image.h-normal svg{
  width:20px;
  height: 20px;
}
.home-slider-2 .item{
  min-height: 620px;
}
.home-slider-2 .item .tagline{
  font-size: 28px;
  line-height: 35px;
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  margin-bottom: 22px;
}
.home-slider-2 .item .title{
  font-size: 50px;
  line-height: 65px;
  font-weight: 700;
  font-family: var(--bs-primary-font);
  color:#fff;
}
.home-slider-2 .item .content{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:180px 0 96px;
}
.home-slider-2 .item .content .btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 42px;
  position: relative;
  z-index: 22;
}
.home-slider-2 .item .content .btn:hover{
  color:#fff;
}
.home-slider-2 .item .streaming-platform .streaming-title{
  color:#fff;
  font-size: 23px;
  line-height: 30px;
  font-family: var(--bs-primary-font);
  font-weight: 700;
  margin-bottom: 26px;
}
.home-slider-2 .item .streaming-platform .soc-link{
  font-size: 15px;
  color:#fff;
}
.home-slider-2 .item .streaming-platform .soc-link{
  font-size: 15px;
  color:#fff;
}
.home-slider-2 .item .streaming-platform .soc-link a:hover{
  color:var(--bs-primary);
}
.home-slider-2 .item .streaming-platform-links{
  display: flex;
  align-items: center;
  color:#fff;
  justify-content: center;
}
.home-slider-2 .item .streaming-platform-links a{
  display: flex;
  align-items: center;
  color:#fff;
  margin-right: 40px;
}
.home-slider-2 .item .streaming-platform-links a span{
  margin-left: 8px;
  font-family: var(--bs-secondary-font);
}
.home-slider-2 .item .streaming-platform .soc-link i{
  font-size: 20px;
}
.home-slider-2 .item .streaming-platform{
  text-align: center;
  padding-bottom: 60px;
}
.home-slider-2{
  position: relative;
}
.home-slider-2 .arrows button{
  background-color: unset;
  border:unset;
  box-shadow: unset;
  padding:0
}
.home-slider-2 .arrows{
  position: absolute;
  top:0;
  right: 0;
  left:0;
  bottom:0;
  margin: auto;
  z-index: 1;
  width:1140px;
  padding:0 12px;
  height: fit-content;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  
}
.home-slider-2 .arrows svg{
  width:17px;
  height: 17px;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
}
.home-slider-2 .arrows .next .arrow-icon{
  width:44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: relative;
  transform: rotate(90deg);
}
.home-slider-2 .arrows .prev{
  margin-bottom: 20px;
  position: absolute;
  right: 12px;
  top:-90px;
  bottom:0px;
  margin: auto;
  width: max-content;
  height: max-content;
}
.home-slider-2 .arrows .next{
  position: absolute;
  top:20px;
  bottom:0px;
  right:12px;
  margin: auto;
  width: max-content;
  height: max-content;
}
.home-slider-2 .arrows .prev .arrow-icon{
  width:44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: relative;
  transform: rotate(90deg);
}
.home-slider-2 .arrows .prev:hover .arrow-icon{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows .next:hover .arrow-icon{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.home-slider-2 .slider-counter{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  margin:auto;
  z-index: 1;
  color:#fff;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  height: max-content;
}
.home-slider-2 .slider-counter span{
  font-size: 23px;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  position: relative;
  margin-bottom: 80px;
  margin-top: 100px;
}
.home-slider-2 .slider-counter span:first-of-type::before{
  position: absolute;
  content:"";
  top:40px;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
  width:2px;
  height:150px;
  background-color: #fff;
}
.next-event-style-3 .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.next-event-style-3 .content .event-details{
  width:340px;
}
.next-event-style-3 .content h2{
  margin-bottom: 28px;
}
.next-event-style-3 .content p{
  font-size: 18px;
  line-height: 24px;
  font-size: 500;
  margin-bottom: 35px;
}
.next-event-style-3 .content .event-timer .cs-date{
  margin-right: 100px;
  min-width: 80px;
}
.next-event-style-3 .content .event-timer .cs-counter > .cs-date:last-of-type{
  margin-right: 0;
}
.next-event-style-3 .content .event-timer span{
  font-size: 70px;
  line-height: 104px;
  font-weight: 700;
  font-family: var(--bs-primary-font);
  display: inline-block;
}
.next-event-style-3 .content .event-timer .counting-title{
  font-size: 23px;
  font-weight: 500;
  line-height: 32px;
  color:var(--bs-headings);
  font-family: var(--bs-secondary-font);
}
.next-event-style-3 .content .event-timer .cs-counter{
  display: flex;
  text-align: center;
  margin-bottom: 35px;
}
.title-3{
  text-align: center;
}
.title-3 .title .background-title{
  font-size: 100px;
  line-height: 100px;
  color:var(--bs-headings);
  opacity: 5%;
  font-family: var(--bs-primary-font);
  font-weight: 700;
}
.title-3 .title h2{
  opacity: 1;
  margin-bottom: 0;
}
.title-3 .title{
  position: relative;
}
.title-3 .title .overlay{
  position: absolute;
  top:7px;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width: max-content;
  height: max-content;
}
.title-3 .music-spikes{
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 65px;
}
.title-3 .music-spikes span{
  content:"";
  display: block;
  height:18px;
  width:2px;
  background-color: #000;
  margin-right: 10px;
}
.title-3 .music-spikes span.big-line{
  height:26px;
}
.upcoming-concerts-style-3 .item h3 a{
  font-weight: 700;
}
.upcoming-concerts-style-3 .item{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.upcoming-concerts-style-3 .item p{
  margin-bottom: 6px;
}
.upcoming-concerts-style-3 .item{
  padding:21px 0 24px;
  border-bottom: 1px solid #00000038;
}
.upcoming-concerts-style-3 .col-lg-9 > .item:first-of-type{
  padding-top: 0;
}
.upcoming-concerts-style-3 .cta-sidebar{
  height:630px;
}
.upcoming-concerts-style-3 .cta-sidebar h2{
  color:#fff;
}
.upcoming-concerts-style-3 .cta-sidebar h2 a{
  color:#fff;
  font-weight: 700;
}
.upcoming-concerts-style-3 .cta-sidebar .content{
  justify-content: flex-end;
}
.upcoming-concerts-style-3 .cta-sidebar span{
  margin-bottom: 93px;
}
.upcoming-concerts-style-3 .cta-sidebar .btn{
  margin-bottom: 64px;
}
.upcoming-concerts-style-3 > .container{
  position: relative;
}
.upcoming-concerts-style-3 > .container > .btn{
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
}
.upcoming-concerts-style-3 .book-ticket-button .btn:hover{
  background-color: var(--bs-primary);
  color:var(--bs-headings);
  border-color: var(--bs-primary);
}
.video-style-2 .content{
  text-align: center;
}
.video-style-2 .content .icon{
  width:max-content;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.video-style-2 .content .title{
  color:#fff;
  font-family: var(--bs-primary-font);
  font-size: 45px;
  line-height: 62px;
  font-weight: 600;
}
.video-style-2 .content .icon svg{
  width:90px;
  height: 90px;
  margin-bottom: 26px;
}
.video-style-2 .content .icon svg path{
  fill:#fff;
}
.video-style-2{
  min-height:500px;
  background-attachment: fixed;
}
.video-style-2 .content{
  padding:160px 0;
}
.dt-section + .testimonials-home-style-3{
  padding-top: 100px;
}
.testimonials-home-style-3{
  background-color: #F8F8F8;
}
.testimonials-home-style-3 .slider-style-2 .owl-item.center .slider-template-1 .content{
  background-color: #fff;
}
.home-slider-2 .item .streaming-platform-links li:last-of-type a{
  margin-right: 0;
}
.next-event-style-3.dt-section{
  padding-bottom: 0;
}
.about-us-history .item .content h3{
  margin-bottom: 30px;
}
.about-us-history .item .content{
  width:77.4%;
}
.about-us-history .item .year{
  width:22.6%;
  position: relative;
}
.about-us-history .item{
  display: flex;
  align-items: center;
  padding-bottom: 38px;
  border-right: 1px solid #141414;
}
.about-us-history .item .year h3{
  text-align: right;
  margin-right: 50px;
  margin-bottom: 0;
  position: relative;
}
.about-us-history .item .year::before{
  position: absolute;
  top:0;
  right:-1px;
  bottom:0;
  margin:auto;
  content:"";
  background-color: var(--bs-headings);
  width:20px;
  height:1px;
}
.about-us-history h2{
  margin-bottom: 65px;
}
.about-us-history .item:last-of-type{
  padding-bottom: 0;
}
.call-to-action-2.call-to-action-3 .video-style-2{
  min-height: 580px;
}
.call-to-action-2.call-to-action-3 .video-style-2 .content .icon svg{
  margin-bottom:0;
  width:120px;
  height:120px;
}
.call-to-action-2.call-to-action-3 .video-style-2 .content{
  padding:230px 0;
}
.about-me-style .content img{
  height:620px;
  margin-bottom: 100px;
}
.about-me-style .content{
  text-align: center;
}
.about-me-style .content h2{
  margin-bottom: 35px;
}
.about-me-style .content .social-icons .soc-link span{
  display: none;
}
.about-me-style .content .social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.about-me-style .content .social-icons li .fontawesome-icons{
  display: flex;
  font-size: 19px;
}
.about-me-style .content .social-icons .soc-link:hover i{
  color:var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.about-me-style .content .social-icons .soc-link {
  position: relative;
  width:50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--bs-headings);
  margin-right: 18px;
}
.about-me-style .content .social-icons > .soc-link:last-of-type{
  margin-right:0;
}
.about-me-style .content .social-icons .soc-link a {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  color:#fff;
  width: max-content;
  height: max-content;
}
.simp-volume.flex.flex-align{
  width:15px;
}
.testimonials-page-style .col-lg-6{
  margin-bottom: 80px;
}
.user-form-style small{
  display: none;
}
.forget-sign-up{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.forget-sign-up p{
  color:var(--bs-headings);
  font-weight: 600;
  font-family: var(--bs-primary-font);
}
.forget-sign-up p a{
  font-weight: 600;
}
.forget-sign-up p a:hover{
  text-decoration: underline;
  color:var(--bs-headings);
}
.dt-form-content{
  position: relative;
}
.dt-form-content h2{
  position: absolute;
  top:-20px;
  left:0;
  right:0;
  margin:auto;
  width: max-content;
}
.dt-form-content::after{
  position: absolute;
  content:"";
  left:0;
  top:0;
  width:25%;
  background-color: var(--bs-headings);
  height: 3px;
}
.dt-form-content::before{
  position: absolute;
  content:"";
  right:0;
  top:0;
  width:25%;
  background-color: var(--bs-headings);
  height: 3px;
}
.dt-form-content input{
  margin-bottom: 14px;
}
.dt-form-content .form-group{
  margin-bottom: 32px;
}
.dt-form-content .form-group p{
  margin-bottom: 0;
}
.error-pages-style .content .title{
  font-size: 50px;
  line-height: 65px;
  font-family: var(--bs-primary-font);
  color:transparent;
  font-weight: 600;
  background-color: transparent;
  -webkit-text-stroke: 1px var(--bs-headings);
}
.error-pages-style .content .number{
  font-size: 150px;
  line-height: 222px;
  font-family: var(--bs-primary-font);
  font-weight: 700;
}
.error-pages-style .content p{
  font-size: 18px;
  line-height: 24px;
}
.maintenance.bg-image,
.coming-soon.bg-image{
  height:100vh;
}
.maintenance .content .title,
.coming-soon .content .title{
  color:transparent;
  background-color: transparent;
  font-size: 50px;
  font-weight: 600;
  -webkit-text-stroke: 1px #fff;
  font-family: var(--bs-primary-font);
  margin-bottom: 26px;
}
.maintenance .content p,
.coming-soon .content p{
  color:#fff;
  font-size: 23px;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  line-height: 30px;
}
.maintenance-page .item,
.coming-soon .item{
  height:100%;
}
.maintenance-page .content,
.coming-soon .content{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.maintenance-page .container,
.coming-soon .container{
  height: 100%;
} 
.coming-soon .cs-counter span{
  color:#fff;
  display: inline-block;
  font-size: 60px;
  line-height: 48px;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  margin-bottom: 20px;
}
.coming-soon .cs-counter{
  display: flex;
  justify-content: space-between;
}
.coming-soon .cs-counter .counting-title{
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-size: 23px;
  line-height: 32px;
  font-weight: 500;
}
.coming-soon .cs-counter .cs-date{
  text-align: center;
  min-width:65px
}
.coming-soon .content p{
  margin-bottom: 62px;
}
/* Back-to-top */
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 40px;
  bottom: 50px;
  z-index: 996;
  background-color: var(--bs-primary);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  opacity: 1;
}
.back-to-top.back-to-top-hide {
  opacity: 0 !important;
  z-index: -1;
  transform: scale(.1);
}
.back-to-top:hover {
  background-color: #FFF;
  box-shadow: 0px 0px 8px -2px var(--bs-primary);
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
.back-to-top svg {
  width: 10px;
  height: 10px;
  fill: #000;
  line-height: 0;
}
.back-to-top:hover svg {
  fill: var(--bs-headings);
}
.audio-player span.my-audio-time{
  padding-left: 5px;
}
.get-our-album-style-1 .audio-player span.my-audio-running-time{
  margin-left: 0;
}
.audio-style-1.audio-style-2 .audio-player span.my-audio-running-time{
  margin-left: 20px;
}
.audio-style-1.audio-style-2 .audio-player .forward-button {
  margin-right: 30px;
}
.audio-player span.my-audio-running-time{
  display: block;
  color: var(--bs-headings);
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 20px;
  padding-right: 5px;
  font-family: var(--bs-secondary-font);
  width:48px;
}
/* Search Box */
.search-overlay {
  background-color: rgba(0, 0, 0, .4);
  }
  .search-overlay .modal-dialog {
  max-width: unset;
  }
  .search-overlay .content {
  width: 100%;
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  border: none;
  }
  .search-overlay form {
  display: flex;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  }
  .search-overlay form input[type=text] {
  font-size: 18px;
  color: #000;
  background-color: white;
  border: none;
  border-radius: 0px !important;
  width: 100%;
  padding: 0px 24px;
  border-radius: 50px !important;
  outline: none !important;
  border: 1px solid whitesmoke;
  font-family: var(--bs-secondary-font);
  }
  .search-overlay form button {
  padding: 24px;
  border-radius: 50px;
  margin-left: 30px;
  color: #FFF;
  background-color: var(--bs-primary);
  border: none;
  outline: none !important;
  cursor: pointer;
  border: 2px solid var(--bs-primary);
  transition: .3s ease-in-out;
  }
  .search-overlay button svg {
  width: 15px;
  height: 15px;
  transform: scale(1.2);
  }
  .search-overlay form button svg path {
  fill: var(--bs-headings);
  }
  .search-overlay form button:hover {
  transform: scale(1.2);
  }
  .search-overlay button {
  display: flex;
  justify-content: center;
  align-items: center;
  }
  #search-form,
  #search-form + h2{
    display: none;
  }
  .dt-search-form.form-style-1 form{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 80px;
  }
  .dt-search-form.form-style-1 form .btn{
    margin-top: 0;
    background-color: var(--bs-headings);
    border-color:var(--bs-headings);
    position: absolute;
    min-width:49px;
    height: 49px;
    border-radius: 999px;
    right:10px;
    top:0;
    bottom:0;
    margin:auto;
  }
  .dt-search-form.form-style-1 form .btn svg{
    width:15px;
    height: 15px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
  }
  .dt-search-form.form-style-1 form .btn svg path{
    stroke:#fff;
  }
  .dt-search-form.form-style-1 form input{
    margin-bottom: 0;
    border:unset;
    background-color: var(--bs-bg);
    border-radius: 999px;
    padding-right: 60px;
  }
  .dt-search-form.form-style-1 .container > h2{
    margin-bottom: 13px;
  }
  .dt-search-form.form-style-1 .container > h2,
  .dt-search-form.form-style-1 .container > p{
    text-align: center;
  }
  .dt-search-form.form-style-1 .container > p{
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .search-results .item:first-of-type{
    border-top: 1px solid rgba(20, 20, 20, 18%)
  }
  .search-results .item{
    padding:35px 0;
    border-bottom: 1px solid rgba(20, 20, 20, 18%)
  }
  .search-results .item h3{
    margin-bottom: 28px;
  }
  .search-results .item h3 a{
    font-weight: 700;
  }
  .dt-search-form > h3{
    text-align: center;
  }
  .style-3-audio-player .simp-source{
    color:#ffff;
    font-size: 18px;
    font-family: var(--bs-secondary-font);
    margin-left: 34px;
  }
  .style-3-audio-player .simp-source:hover{
    cursor:pointer;
  }
  .dark-playlist .simp-cover{
    display: none;
  }
  .dark-playlist .simp-others{
    display: none;
  }
  .dark-playlist .simp-v-slider{
    display: none;
  }
  .dark-playlist .simp-controls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .dark-playlist .simp-player{
    display: flex;
    align-items: center;
    margin-top: 85px;
  }
  .dark-playlist .simp-info{
    min-width: 200px;
  }
  .dark-playlist .simp-info .simp-playing-title{
    color:#fff;
    opacity: 0.7;
    font-size: 14px;
    font-family: var(--bs-secondary-font);
  }
  .dark-playlist .simp-info .simp-title{
    font-family: var(--bs-secondary-font);
    color:#fff;
    font-size: 15px;
    line-height: 21px;
  }
  .dark-playlist .simp-time{
    color:#fff;
    font-size: 15px;
    line-height: 21px;
    font-family: var(--bs-secondary-font);
  }
  .dark-playlist .simp-tracker{
    position: absolute;
    left:0;
    bottom:100px;
    width: 100%;
  }
  .dark-playlist .simp-tracker .simp-progress{
    width:100%;
    height: 3px;
    background-color: #fff;
  }
  .dark-playlist{
    position: relative;
  }
  .dark-playlist .simp-controls button{
    background-color: unset;
    border:unset;
    box-shadow: unset;
  }
  .dark-playlist .simp-controls .fa{
    color:#fff;
    font-size: 14px;
  }
  .dark-playlist .simp-controls .fa-play,
  .dark-playlist .simp-plauseward .fa-pause{
    font-size: 27px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .dark-playlist .simp-plauseward{
    display: flex;
    align-items: center;
  }
  .dark-playlist .songs-list{
    height:293px;
    overflow-y: scroll;
  }
  .dark-playlist .songs-list::-webkit-scrollbar,
  .discography-details .discography-playlist::-webkit-scrollbar{
    width:2px;
    margin-left: 10px;
  }
  .dark-playlist .songs-list::-webkit-scrollbar-track{
    background-color: transparent;
    border-radius: 999px;
  }
  .dark-playlist .songs-list::-webkit-scrollbar-thumb {
    background-color: gray;
  }
  .dark-playlist .simple-audio-player ul li.song-wrapper.simp-active:before{
    content: "\f04c";
  }
  .dark-playlist .simple-audio-player ul li{
    position: relative;
  }
  .dark-playlist .simple-audio-player ul li.song-wrapper:before {
    content: '\f04b';
    position: absolute;
    cursor: pointer;
    font-family: 'Font Awesome 5 Free';
    color: var(--bs-primary);
    font-weight: 900;
    margin-right: 20px;
}
.testimonials-home-style-3 + .dt-section{
  padding-top: 100px;
}
.artists-details-page .discography-style-1 .discography-style .timeline,
.artists-details-page .discography-style-1 .discography-style .reload-button,
.artists-details-page .discography-style-1 .discography-style .my-audio-time,
.artists-details-page .discography-style-1 .discography-style .my-audio-running-time,
.artists-details-page .discography-style-1 .discography-style .repeat-button{
  display: none;
}
.dark-playlist .simp-load + .simp-plauseward{
  opacity: 0.3;
}
.dark-playlist .simp-prev:disabled,
.dark-playlist .simp-next:disabled{
  opacity: 0.5;
}
.dark-playlist input[type='range'] {
  overflow: hidden;
  -webkit-appearance: none;
  background-color: rgba(255, 255, 255, .4) !important;
}

.dark-playlist input[type='range']::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #fff;
  margin-top: -1px;
}

.dark-playlist input[type='range']::-webkit-slider-thumb {
  width: 0px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #fff;
  box-shadow: -2000px 0 0 2000px #fff;
}
/** FF*/
.dark-playlist input[type="range"]::-moz-range-progress {
background-color: #fff;
}
.dark-playlist input[type="range"]::-moz-range-track {  
background-color: rgba(255, 255, 255, .4) !important;
}
/* IE*/
.dark-playlist input[type="range"]::-ms-fill-lower {
background-color: #fff;
}
.dark-playlist input[type="range"]::-ms-fill-upper {  
background-color: rgba(255, 255, 255, .4) !important;
}
.next-event-style-2 .overlay .btn:hover{
  color:#fff;
}
.home-slider-1 .slide-event-details .btn:hover{
  color:#fff;
}
.home-slider-1 .dt-audio-player-tool{
  color:#fff;
}
.path-comment #block-music-plus-content .comment-list{
  max-width: 1140px;
  padding:200px 12px 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
.path-comment #block-music-plus-content .comment-list .details h6{
  font-family: var(--bs-secondary-font);
}
.path-comment #block-music-plus-content form{
  max-width: 1140px;
  padding:0 12px 100px;
  margin-left: auto;
  margin-right: auto;
}
.path-comment #block-music-plus-content img{
  width:120px;
  height:120px;
  border-radius: 50%;
  margin-bottom: 30px;
}
.path-comment .comment-reply.nav-link{
  display: none;
}
.path-comment .header{
  background-color: var(--bs-headings);
}
body.toolbar-fixed .header{
  margin-top: 39px;
}
body.toolbar-fixed.toolbar-tray-open .header{
  margin-top: 78px;
}
body.toolbar-fixed.page-node-type-dt-home-page .header{
  margin-top: 100px;
}
body.toolbar-fixed.page-node-type-dt-home-page .header.fixed-top{
  margin-top: 78px;
}
body.toolbar-fixed.toolbar-tray-open.page-node-type-dt-home-page .header{
  margin-top: 78px;
}
body.toolbar-fixed.scrolled .header.fixed-top{
  margin-top: 39px;
}
body.toolbar-fixed.toolbar-tray-open.scrolled .header.fixed-top{
  margin-top: 78px;
}
body.toolbar-fixed.toolbar-tray-open.scrolled.page-node-type-dt-home-page .header.fixed-top{
  margin-top: 78px;
}
#main [aria-label="Status message"].alert,
#main [aria-label="Error message"].alert
{
  position: fixed;
  bottom:0;
  z-index: 5;
  left:0;
  right:0;
  margin-bottom: 0;
}
.header .navbar .navbar-collapse .contextual-region{
  position: unset;
}
.get-our-album-style-1 .image{
  position: relative;
}
.get-our-album-style-1 .audio-style-1{
  padding:92px 75px 45px;
  background-color: rgba(20, 20, 20, .75);
}
.get-our-album-style-1 .audio-style-1 .audio-player svg path{
  fill:#fff;
}
.get-our-album-style-1 .overlay{
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
}
.get-our-album-style-1 .audio-player .controls{
  width:100%;
  position: relative;
}
.get-our-album-style-1 .audio-player .sound-button{
  display: none;
}
.see-more-link{
  display: inline-block;
  font-family: var(--bs-secondary-font);
  font-size: 12px;
  color:blue;
}
.buy-tickets .checkbox{
  display: inline-block;
}
.buy-tickets .checkbox input{
  margin-top: 6px;
}
#edit-agree--description{
  display: inline-block;
}
.get-our-album-style-1 .rewind-button{
  position: absolute;
  top:-100px;
  left:-90px;
  right:0;
  bottom:0;
  margin:auto;
  width:max-content;
  height:max-content;
}
.get-our-album-style-1 .player-button{
  position: absolute;
  top:-100px;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:max-content;
  height:max-content;
}
.get-our-album-style-1 .forward-button{
  position: absolute;
  top:-100px;
  left:0;
  right:-90px;
  bottom:0;
  margin:auto;
  width: max-content;
  height:max-content;
}
.get-our-album-style-1 .dt-audio-player-tool{
  display: flex;
  flex-direction: column;
}
.get-our-album-style-1 .dt-audio-player-tool .my-audio-time{
  color:#fff;
  padding:0;
  position: absolute;
  right:0;
  top:9px;
  font-size: 13px;
}
.get-our-album-style-1 .dt-audio-player-tool .timeline{
  background-color: rgba(255, 255, 255, .4);
  background-image: linear-gradient(#fff, #fff);
  width:100%;
  margin-bottom: 9px;
  margin-right: 0;
}
.get-our-album-style-1 .my-audio-running-time{
  margin-bottom: 0 !important;
  font-size: 13px !important;
  color:#fff !important;
  position: absolute;
  left:0;
  top:9px;
}
.user-image-in-user-page img{
  width:150px;
  height: 150px;
  border-radius: 50%;
}
.path-taxonomy .header{
  background-color: var(--bs-headings);
}
.blog-grid-3-column.dt-taxonomy{
  margin-top: 80px;
}
.dt_form.form-style-1.dt-section + .contact-details.dt-section{
  padding-top: 100px;
} 
.management .main-person .content .social-icons .soc-link:last-of-type{
  margin-right: 0;
}
.blog-sharing-options span a:last-of-type{
  margin-right: 0;
}
.blog-sharing-options span{
  flex-wrap: wrap;
}
.blog-sharing-options span a{
  margin-bottom: 10px;
}
.dt-hamburger-content{
  position: relative;
}
.dt-hamburger-content .overlay-btn{
    position: absolute;
    top:30px;
    right:30px;
}
.dt-hamburger-content .offcanvas{
  background-color: var(--bs-headings);
}
.dt-hamburger-content .overlay-btn button{
  border:unset;
  box-shadow: unset;
  background-color: unset;
}
.dt-hamburger-content .overlay-btn button svg{
  width:20px;
  height:20px;
}
.dt-hamburger-content .overlay-btn button svg path{
  fill:#fff;
}
.dt-hamburger-content .hamburger-logo{
  text-align: center;
}
.dt-hamburger-content .hamburger-logo img,
.dt-hamburger-content .hamburger-logo svg{
  width:200px;
  height: 100px;
}
.dt-hamburger-content .hamburger-logo svg path,
.dt-hamburger-content .hamburger-logo svg rect,
.dt-hamburger-content .hamburger-logo svg polygon{
  fill:#fff;
}
.dt-hamburger-content .hamburger-logo svg .cls-1{
  fill:var(--bs-primary);
}
.dt-hamburger-content .contact-details{
  text-align: center;
}
.dt-hamburger-content .contact-details li:hover a{
  color:var(--bs-primary);
}
.dt-hamburger-content .social-icons li:hover{
  background-color: var(--bs-primary);
}
.dt-hamburger-content .contact-details li,
.dt-hamburger-content .contact-details li a{
  color:#fff;
  font-family: var(--bs-primary-font);
  font-size: 20px;
  line-height: 60px;
}
.dt-hamburger-content .social-icons{
  display: flex;
  justify-content: center;
}
.dt-hamburger-content .social-icons li{
  position: relative;
  width:50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 20px;
}
.dt-hamburger-content .content{
  height: 100%;
}
.dt-hamburger-content .content-items {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
.dt-hamburger-content .social-icons li:last-of-type{
  margin-right: 0;
}
.dt-hamburger-content .social-icons a i{
  font-size: 20px;
  line-height: 40px;
  color:var(--bs-headings);
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:max-content;
  height:max-content;
}
.dt-hamburger-content .social-icons li:hover{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.dt-hamburger-content .social-icons li:hover i{
  color:var(--bs-headings);
  transition: 0.3s ease-in-out;
}
.home-2 .header .nav-link{
  color:#000;
}
.home-2 .header svg path.cls-1{
  fill:#fff !important;
}
.home-2 .header .dt-language-block .lang-dropdown-item > a{
  color:#000;
}
.home-2 .header svg path,
.home-2 .header svg path,
.home-2 .header svg rect,
.home-2 .header svg polygon{
  fill:#000 !important;
}
.home-2.scrolled .header svg path.cls-1{
  fill:var(--bs-primary) !important;
}
.home-2.scrolled .header .dt-language-block .lang-dropdown-item > a{
  color:#fff;
}
.home-2.scrolled .header svg path,
.home-2.scrolled .header svg path,
.home-2.scrolled .header svg rect,
.home-2.scrolled .header svg polygon{
  fill:#fff !important;
}
.home-3 .home-slider-2{
  margin-top: 76.5px;
}
.home-3 .header{
  background-color: #fff;
}
.home-3 .header .nav-link{
  color:#000;
}
.home-3 .header svg path.cls-1{
  fill:var(--bs-primary) !important;
}
.home-3 .header .dt-language-block .lang-dropdown-item > a{
  color:#000;
}
.home-3 .header svg path,
.home-3 .header svg path,
.home-3 .header svg rect,
.home-3 .header svg polygon{
  fill:#000 !important;
}
body.home-3.scrolled .header.fixed-top{
  background-color:#fff;
  box-shadow: 0 1px 2px lightgray;
}
.privacy-t-and-c h2{
  margin-bottom: 35px;
}
.form-control:focus{
  border-color:var(--bs-primary) !important;
  box-shadow: unset !important;
}
.control-panel .fa-cog:before{
  color:var(--bs-headings);
}
.control-panel .fa-times:before{
  color:var(--bs-headings);
}
.audio-countdowns{
  display: flex;
  align-items: center;
}
@media (min-width: 400px) and (max-width:767.9px){
  .get-our-album-style-2 .album-image::after{
    width:50px !important;
  }
  .get-our-album-style-2 .album-image::before{
    width: 50px !important;
  }
}

  @media (min-width: 576px) and (max-width:767.9px){
    .header .res-header{
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
    .header .navbar-nav > li{
      max-width: 540px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
    }
  }

  @media (max-width: 767.98px){
    @media(orientation:landscape){
      /* .header .navbar-nav{
        height:250px !important;
      } */
      .header .container{
        max-width: 100%;
      }
      .concerts-filter ul{
        justify-content: center !important;
        flex-direction: row !important;
        align-items: unset !important;
      }
      .concerts-filter ul li{
        margin:0;
        margin: 0 15px !important;
      }
      .breadcrumb-item{
        max-width:390px;    
      }
      .breadcrumb{
        padding-left: 40px !important;
        padding-right: 40px !important;
      }
      .home-slider-1 .item .content{
        padding: 140px 0 290px !important;
      }
      .home-slider-1 .item{
        min-height: 800px !important;
      }
      .audio-player{
        flex-direction: row !important;
      }
      .timeline{
        display: block !important;
        width:100px !important;
      }
      .audio-player span.my-audio-running-time{
        margin-left: 15px !important;
      }
      .audio-style-2 .dt-audio-player-tool{
        display: flex !important;
      }
      .home-banner-style-1 .audio-style-1.audio-style-2 .icon-container{
        margin-bottom: 0 !important;
      }
      .audio-style-1.audio-style-2 .audio-player .forward-button{
        margin-right: 20px !important;
      }
      .audio-style-1.audio-style-2 .audio-player span.my-audio-running-time {
        margin-left: 20px !important;
      }
      .get-our-album-style-1 .dt-audio-player-tool .timeline{
        display: none !important;
      }
      .get-our-album-style-2 .album-image::after{
        width:100px !important;
      }
      .get-our-album-style-2 .album-image::before{
        width: 100px !important;
      }
      .events-style-2 .content .main-details{
        flex-direction: row !important;
      }
      .events-style-2 .content .main-details .title{
        min-width: max-content !important;
      }
      .coming-soon .content p{
        margin-bottom: 20px;
      }
      .audio-style-1.audio-style-2 .audio-player .controls > span,
      .audio-style-1.audio-style-2 .audio-player .song-and-singer > p{
          position: absolute !important;
      }
      .audio-style-1.audio-style-2 .audio-player .controls > h6,
      .audio-style-1.audio-style-2 .audio-player .song-and-singer > h5 {
          position: absolute !important;
      }
      .audio-style-1 .audio-player .controls > span,
      .audio-style-1 .audio-player .song-and-singer > p{
          position: static !important;
      }
      .audio-style-1 .audio-player .controls > h6,
      .audio-style-1 .audio-player .song-and-singer > h5 {
          position: static !important;
      }
    }
    .audio-style-1.audio-style-2 .player-button{
      margin:15px 16px !important;
    }
    .get-our-album-style-1 .content .blog-sharing-options a{
      margin-right: 30px;
    }
    .home-3 .home-slider-2{
      margin-top: 60.7px;
    }
    
    .pt-footer .social-media-platforms ul{
      flex-wrap: wrap;
    }
    .pt-footer .social-media-platforms ul li{
      margin:10px;
    }
    .pt-footer .row .col-lg-4{
      margin-bottom: 40px;
    }
    .pt-footer .row .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .accordion-style-1 button span{
      width:87%;
    }
    .accordion-style-1 button {
      font-size: 20px;
    }
    .accordion-style-2 button .icon {
        padding-left: 5px;
    }
  
    .accordion-style-2 .item .item-content {
        padding: 20px 28px;
    }
    .alert {
        font-size: 16px;
    }
    [class*="alert-style-"] .alert {
        padding: 15px;
        font-size: 18px;
    }
    [class*="alert-style-"] .alert .icon {
        margin-right: 15px;
    }
    [class*="alert-style-"] .alert i {
        font-size: 18px !important;
    }
    [class*="alert-style-"] .alert .icon i {
        font-size: 14px !important;
        width: 30px;
        height: 30px;
    }
    .alert-style-2 .alert {
        padding-left: 30px;
    }
    .icons-list {
        justify-content: center;
    }
    [class *= 'button-style-'] .item {
      align-items: center;
    }
    [class*="button-style-"] .row>div {
      margin-bottom: 50px;
    }
    [class*="button-style-"] .row>div:last-of-type {
        margin-bottom: 0px;
    }
    .events-style-2 .content{
      flex-direction: column;
    }
    .events-style-2 .content .main-details{
      flex-direction: column;
    }
    .events-style-2 .content .main-details .date{
      border:unset;
    }
    .events-style-2 .content .main-details .date{
      padding:30px;
    }
    .events-style-2 .content .location p{
      padding:20px 0;
      min-width: unset;
    }
    .events-style-2 .content .main-details .title{
      text-align: center;
      padding: 0;
    }
    .events-style-3 .col-lg-4{
      margin-bottom: 40px;
    }
    .events-style-3 .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .tabs-style-1 ul .nav-link{
      margin-bottom: 20px;
    }
    [class*="table-style-"] table th,
    [class*="table-style-"] table td {
        font-size: 12px !important;
        padding: 8px !important;
    }
    .pricing-style-1 .item{
      padding-left: 12px;
      padding-right: 12px;
    }
    .pricing-style-1 .col-lg-4,
    .pricing-style-2 .col-lg-4{
      margin-bottom: 40px;
    }
    .pricing-style-1 .col-lg-4:last-of-type,
    .pricing-style-2 .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .pricing-style-2 .item{
      padding-left: 20px;
      padding-right: 20px;
    }
    [class*="team-style-"] .col-lg-4{
      margin-bottom: 40px;
    }
    [class*="team-style-"] .col-lg-4:last-of-type{
      margin-bottom: 0px;
    }
    .slider-template-3 .item .image{
      position:static;
    }
    .slider-template-3 .col-lg-8{
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .slider-template-3 .item .p-wrapper{
      padding:50px 12px;
      padding-top: 60px;
    }
    .slider-template-3 .item .name,
    .slider-template-3 .item span{
      padding-left: 12px;
    }
    [class*="blog-style-"] .col-lg-6,
    [class*="blog-style-"] .col-lg-4{
      margin-bottom: 40px;
    }
    [class*="blog-style-"] .col-lg-6:last-of-type,
    [class*="blog-style-"] .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .swiper-pagination{
      margin:0 15px;
    }
    .swiper-button-prev .icon::before{
      left:0;
    }
    .swiper-button-next .icon::before{
      right:0;
    }
    .blog-grid-3-column.blog-grid-sidebar .col-lg-6:last-of-type{
      margin-bottom: 60px;
    }
    .blog-list-sidebar .blog-style-2 .image .content{
      padding:30px 20px;
      padding-bottom: 0;
    }
    .blog-list-sidebar .blog-style-2 .image .content h3{
      font-size: 22px;
      line-height: 30px;
    }
    .sidebar-page .pagination{
      padding-bottom: 80px;
    }
    .page-banner .heading h1{
      font-size: 28px;
      line-height: 35px;
    }
    .blog-sharing-options{
      flex-direction: column;
    }
    .blog-sharing-options>h5{
      margin-top: 20px;
    }
    .blog-gallery-images .col-lg-6{
      margin-bottom: 30px;
    }
    .blog-gallery-images .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .sidebar-page .blog-text-for-comment{
      padding-bottom: 70px;
    }
    .blog-details-featured .main-content-wrapper{
      padding:60px 20px 100px;
    }
    .contact-style-1 .dt_form{
      padding:100px 12px;
    }
    .contact-style-1 .contact-details{
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .contact-style-1 .contact-details .title-value{
      margin-bottom: 40px;
    }
    .contact-style-1 .contact-details .title-value:last-of-type{
      margin-bottom: 0;
    }
    .contact-style-2 .container > .row > .col-lg-6{
      margin-bottom: 50px;
    }
    .contact-style-2 .container .row > .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .concerts-grid-2-column .events-style-3 .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .concerts-grid-3-column .col-lg-4:last-of-type{
      margin-bottom: 0px;
    }
    .concerts-filter ul{
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
    }
    .concerts-filter ul li{
      margin:0;
      margin-bottom: 10px;
    }
    .discography-standard-minimal .col-lg-4:last-of-type,
    .discography-standard-simple .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .discography-grid-2-column .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .discography-grid-4-column .col-lg-3:last-of-type{
      margin-bottom: 0;
    }
    .timeline{
      display: none;
    }
    .discography-details.style-1 .image img{
      margin-bottom: 50px;
    }
    .audio-style-2 .audio-player .my-audio-time{
      padding: 0px 0 0px;
      margin-left: 5px;
    }
    .audio-style-2 .audio-player{
      display: block;
    }
    .audio-style-2 .dt-audio-player-tool{
    display: block;
    }
    .discography-details .image img {
      height:400px;
    }
    /* .audio-style-1.audio-style-2 .song-and-singer{
      margin-top: 10px;
      margin-bottom: 10px;
    } */
    .home-slider-1 .owl-dots{
      width: max-content;
      top:unset;
      bottom:30px;
      flex-direction: row;
    }
    .home-slider-1 .item .content{
      flex-direction: column;
    }
    .home-slider-1 .slide-song{
      left:0;
      margin: auto;
      width: max-content;
    }
    .home-slider-1 .item{
      min-height: 1060px;
    }
    .get-our-album-style-1 .image img{
      margin-bottom: 40px;
    }
    .next-event-style-1 .content .section-label{
      position: static;
      writing-mode: unset;
      transform: unset;
    }
    .next-event-style-1 .next-event-timer .cs-counter{
      flex-direction: column;
    }
    .next-event-style-1 .next-event-timer .cs-counter .cs-date{
      margin-right: 0;
    }
    .home-banner-style-1 .image{
      width:100%;
    }
    .home-banner-style-1 .image img{
      width:100%;
    }
    .get-our-album-style-2 .album-image-wrapper {
      padding:30px 15px;
    }
    .get-our-album-style-2 .album-image {
      padding: 30px 15px;
    }
    .get-our-album-style-2 .album-image::after{
      width:20px;
    }
    .get-our-album-style-2 .album-image::before{
      width:20px;
    }
    .get-our-album-style-2 .row .col-lg-6:first-of-type{
      margin-bottom: 30px;
    }
    .video-style-1 .content{
      padding-right: 0px;
      margin-left: unset;
      position: relative;
      z-index: 2;
    }
    .slider-template-3 .item{
      margin-top: 0;
    }
    .home-banner-style-1 .title{
      font-size: 50px;
    }
    .get-our-album-style-2 .album-image .overlay .social-icons {
      flex-direction: column;
      align-items: center;
    }
    .get-our-album-style-2 .album-image .overlay .social-icons .soc-link{
      margin-right: 0;
      margin-bottom: 10px;
    }
    .next-event-style-2 .image .overlay{
      left:0;
      right: 0;
      bottom: 0;
      top:0;
      margin: auto;
      height: max-content;
      text-align: center;
    }
    .next-event-style-2 .image .overlay .btn{
      margin-left: auto;
      margin-right: auto;
    }
    .next-event-style-2 .image .overlay .image-title{
      margin-left: auto;
      margin-right: auto;
    }
    .video-style-1{
      position: relative;
    }
    .video-style-1::after{
      content:"";
      position: absolute;
      top:0;
      left:0;
      background-color: rgba(0,0,0,30%);
      width:100%;
      height: 100%;
    }
    .home-slider-2 .arrows{
      position: static;
    }
    .next-event-style-3 .content{
      flex-direction: column; 
    }
    .next-event-style-3 .content .event-timer .cs-counter{
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .next-event-style-3 .content .event-timer .cs-date{
      margin-right: 25px;
      margin-left: 25px;
    }
    .next-event-style-3 .content .event-timer .cs-counter > .cs-date:last-of-type{
      margin-right: 25px;
      margin-left: 25px;
    }
    .next-event-style-3 .content .event-details{
      width: 100%;
      margin-bottom: 30px;
    }
    .title-3 .title .background-title{
      font-size: 50px;
      line-height: 50px;
    }
    .home-slider-2 .slider-counter{
      writing-mode: unset;
      transform: unset;
      top:unset;
      width: 100%;
      justify-content: space-between;
      display: flex;
      padding:0 12px 10px;
    }
    .home-slider-2 .slider-counter span:first-of-type::before{
      display: none;
    }
    .home-slider-2 .slider-counter span{
      margin:0;
      justify-content: space-between;
    }
    .discography-details.style-3 .image img{
      border-radius: 12px;
      margin-top: 12px;
      margin-bottom: 30px;
    }
    .discography-details.style-3 .dark-playlist{
      padding:0px 12px;
      padding-bottom: 50px;
    }
    .upcoming-concerts-style-3 .col-lg-3{
      margin-bottom: 30px;
    }
    .upcoming-concerts-style-3 .item{
      flex-direction: column;
      align-items: center;
    }
    .upcoming-concerts-style-3 .item .concert-details{
      text-align: center;
      margin-bottom: 20px;
    }
    .upcoming-concerts-style-3 > .container > .btn{
      margin-top: 30px;
      position: static;
    }
    .about-us-history .item{
      flex-direction: column-reverse;
      border-right: unset;
    }
    .about-us-history .item .content{
      width:100%;
    }
    .about-us-history .item .year h3 {
      margin-bottom: 30px;
      margin-right: 0;
    }
    .about-us-history .item .year::before{
      display: none;
    }
    .testimonials-page-style .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .coming-soon .cs-counter span{
      font-size: 40px;
      margin-bottom: 10px;     
    }
    .coming-soon .content .counting-title{
      font-size: 20px;
    }
    .pagination{
      flex-wrap: wrap;
    }
    .pagination > li{
      margin-bottom: 10px;
    }
    .dark-playlist .simp-player{
      display: block;
    }
    .dark-playlist .simp-info{
      margin-bottom: 20px;
    }
    .dark-playlist .simp-tracker {
      bottom:185px;
    }
    .get-our-album-style-1 .overlay {
      bottom:40px;
    }
    .pt-footer::before{
      background-image: none;
      background-color: var(--bs-headings);
    }
    .pt-footer{
      padding-top: 100px;
    }
    .home-banner-style-1 .audio-style-1.audio-style-2 .song-and-singer{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .next-event-style-2 .col-lg-3{
      margin-bottom: 30px;
    }
    .dt-form-content::after{
      display: none;
    }
    .dt-form-content::before{
      display: none;
    }
    .dt-form-content h2{
      position: static;
      margin-bottom: 50px;
    }
    .back-to-top{
      right:10px;
      bottom:10px;
    }
    .audio-player span.my-audio-time{
      padding-left: 5px;
      padding-right: 10px;
    }
    .concerts-filter .d-flex.flex-wrap{
      flex-direction: column;
    }
    .events-detail-page .col-lg-8{
      margin-bottom: 50px;
    }
    .management .main-person img{
      margin-bottom: 50px;
    }
    .management .main-person .content .social-icons{
      justify-content: center;
      flex-wrap: wrap;
    }
    .blog-comments .comment-list{
      display: flex;
      flex-direction: column;
    }
    .blog-comments .comment-list img{
      margin-right: 0;
      margin-bottom: 20px;
    }
    .icons-list{
      margin-left: 0;
      margin-right: 0;
    }
    .video-style-1 .content .highlighted-text-title {
      font-size: 60px;
    }
    .get-our-album-style-1 .audio-style-1 {
      padding-left: 12px;
      padding-right: 12px;
    } 
    .team-style-2 .item img{
      height: auto;
     }
     .home-slider-1 .item .content {
       padding:140px 0 370px;
     }
     .home-slider-1 .slide-song{
       bottom:150px;
     }
     .audio-player{
       flex-direction: column;
     }
     .audio-player .icon-container img {
      margin-bottom: 10px;
    }
    .audio-style-1 .audio-player .icon-container img{
      margin-bottom: 20px;
    }
    .audio-style-1.audio-style-2 .audio-player .icon-container img{
      margin-bottom: 10px;
    }
    .audio-player .controls > span{
      margin-bottom: 10px;
    }
    .audio-style-2 .audio-player .my-audio-time{
      display: inline-block;
    }
    .audio-player span.my-audio-running-time{
      display:inline-block;
      margin-left: 0 !important;
    }
    .home-banner-style-1 .audio-style-1.audio-style-2 .song-and-singer{
      display: inline-block;
    }
    .home-banner-style-1 .audio-style-1.audio-style-2 .icon-container{
      display: inline-block;
      margin-bottom: 0px;
    }
    .audio-style-1.audio-style-2 .audio-player .audio-countdowns {
      width:55%;
      display: inline-block;
    }
    .swiper-controls svg{
      width:25px;
    }
    .swiper-controls .swiper-button-prev  svg{
      margin-left: 8px;
    }
    .swiper-controls .swiper-button-next  svg{
      margin-right: 8px;
    }
    .grids .col-md-12{
      margin-bottom: 30px;
    }
    .images .col-lg-4{
      margin-bottom: 30px;
    }
    .images .row .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .team-style-2 .item img{
      width:296px;
      height: 296px;
      margin-left: auto;
      margin-right: auto;
    }
    .team-style-2 .item .image{
      width:max-content;
      margin-left: auto;
      margin-right: auto;
    }
    .management .main-person .content .social-icons .soc-link{
      margin-right:10px;
      margin-left: 10px;
      margin-bottom: 10px;
    }
    .blog-style-1 .content .comments-and-date span{
      font-size: 13px;
    }
    .path-comment #block-music-plus-content .comment-list{
      max-width: 540px;
      padding:150px 12px 0;
    }
    .path-comment #block-music-plus-content form{
      max-width: 540px;
    }
    .sidebar .blog-comments{
      padding:60px 0;
    }
    .audio-player .rewind-button, .audio-player .forward-button{
      display: inline-block;
    }
    .home-banner-style-1{
      height:818px;
    }
    .home-banner-style-1 .image img {
      width:100%;
      height: unset;
    }
    .title-3 .title .overlay{
      top:1px;
    }
    .style-3-audio-player .simp-source{
      font-size: 15px;
    }
    .dark-playlist .discography-playlist li .song-time{
      font-size: 15px !important;
    }
    .discography-details.style-3 .dark-playlist .discography-playlist li{
      margin-right: 0;
    }
    .audio-player .controls > h6,
    .audio-player .song-and-singer > h5{
      position: absolute;
      top:0;
      left:100px;
    }
    .audio-player{
      position: relative;
    }
    .audio-player .controls > span,
    .audio-player .song-and-singer > p{
      position: absolute;
      top:30px;
      left:100px;
    }
    .discography-details .blog-sharing-options a {
      margin-right: 25px;
    }
    .blog-comments .comment-comment-form{
      margin-bottom: 65px;
    }
    .buy-tickets{
      margin-bottom: 80px;
    } 
  }

  @media (min-width: 768px) and (max-width: 991.98px){
    .header .dt-language-block ul.dropdown-menu{
      background-color: #fff;
      padding:8px;
      min-width: max-content;
      top:17px !important;
    }

    .header .dt-language-block ul.dropdown-menu li{
      padding:5px;
    }
    .header .dt-language-block{
      position: relative;
    }
    .header .res-header .others-in-header svg{
      width:22px;
      height: 22px;
    }
    .header .res-header .others-in-header svg path{
      fill:#fff;
    }
    .header .res-header{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding:15px 35px;
    }
    .header .res-header .others-in-header{
      display: flex;
      align-items: center;
    }
    .header .navbar-brand svg{
      width:104px;
    }
    .header .navbar-brand{
      padding: 0;
      margin: 0;
    }
    .navbar-toggler:focus{
      box-shadow: unset;
      background-color: unset;
    }
    .navbar-toggler{
      padding:0;
      margin: 0;
    }
    .header .dt-language-block{
      margin:0 30px;
    }
    .header .nav-link{
      padding: 10px 35px !important;
      color:#000;
    }
    .header .nav-link.show{
      padding-bottom: 5px !important;
      color:var(--bs-primary);
    }
    .dropdown-item:focus, .dropdown-item:hover{
      background-color: unset;
      color:var(--bs-primary);
    }
    .header .dropdown-menu{
      background-color: unset;
      border: unset;
      padding:0 0 10px 40px;
    }
    .header .dropdown-submenu .dropdown-menu{
      padding-left: 10px;
    }
    .header .container{
      padding:0;
      max-width: 100%;
    }
    .header .navbar-nav{
      background-color: #fff;
      padding:30px 0;
      height:90vh;
      overflow: scroll;
    }
    .header .nav-item-icon{
      display: none;
    }
    .header .res-header .others-in-header button{
      line-height: 0;
    }
    .pt-footer .social-media-platforms ul{
      flex-wrap: wrap;
    }
    .pt-footer .social-media-platforms ul li{
      margin:10px;
    }
    .pt-footer .row .col-lg-4{
      margin-bottom: 40px;
    }
    .pt-footer .row .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .events-style-2 .content .main-details .date{
      border-right: unset;
      padding-right: 0;
    }
    .events-style-3 .col-lg-4{
      margin-bottom: 40px;
    }
    .events-style-3 .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .pricing-style-1 .col-lg-4,
    .pricing-style-2 .col-lg-4{
      margin-bottom: 24px;
    }
    .pricing-style-1 .col-lg-4:last-of-type,
    .pricing-style-2 .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .slider-template-3 .item .image{
      position:static;
    }
    .slider-template-3 .col-lg-8{
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .slider-template-3 .item .p-wrapper{
      padding:50px 12px;
      padding-top: 60px;
    }
    .slider-template-3 .item .name,
    .slider-template-3 .item span{
      padding-left: 12px;
    }
    .slider-template-3 .item .image img {
      width:250px
    }
    [class*="blog-style-"] .col-lg-6,
    [class*="blog-style-"] .col-lg-4{
      margin-bottom: 40px;
    }
    [class*="blog-style-"] .col-lg-6:last-of-type,
    [class*="blog-style-"] .col-lg-4:last-of-type{
      margin-bottom: 0;
    }
    .blog-grid-3-column .blog-style-1 .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .sidebar-page .pagination{
      padding-bottom: 80px;
    }
    .blog-details-featured .main-content .blog-gallery-images img{
      height:300px;
    }
    .contact-style-2 .container > .row > .col-lg-6{
      margin-bottom: 50px;
    }
    .contact-style-2 .container .row > .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .concerts-grid-2-column .events-style-3 .col-lg-6:last-of-type{
      margin-bottom: 0;
    }
    .concerts-grid-3-column .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0px;
    }
    .events-style-2 .content .location p{
      min-width: unset;
    }
    .events-style-2 .content .main-details .title{
      min-width: unset;
    }
    .discography-standard-minimal .col-lg-4:nth-last-of-type(-n+2),
    .discography-standard-simple .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .discography-grid-2-column .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .discography-grid-4-column .col-lg-3:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .audio-style-2 .audio-player{
      display: block;
    }
    .home-slider-1 .owl-dots{
      width: max-content;
      bottom:60px;
      top:unset;
      flex-direction: row;
    }
    .home-slider-1 .item .content{
      flex-direction: column;
    }
    .home-slider-1 .slide-song{
      left:0;
      margin: auto;
      width: max-content;
    }
    .home-slider-1 .item{
      min-height: 920px;
    }
    .get-our-album-style-1 .image img{
      margin-bottom: 40px;
    }
    .next-event-style-1 .content .section-label{
      position: static;
      writing-mode: unset;
      transform: unset;
    }
    .get-our-album-style-2 .row .col-lg-6:first-of-type{
      margin-bottom: 30px;
    }
    .team-style-2 .col-lg-4{
      margin-bottom: 30px;
    }
    .team-style-2 .row > .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .video-style-1{
      position: relative;
    }
    .video-style-1::after{
      content:"";
      position: absolute;
      top:0;
      left:0;
      background-color: rgba(0,0,0,30%);
      width:100%;
      height: 100%;
    }
    .video-style-1 .content{
      position: relative;
      z-index: 2;
    }
    .home-slider-2 .arrows{
      width:100%;
    }
    .next-event-style-3 .content{
      flex-direction: column; 
    }
    .next-event-style-3 .content .event-timer .cs-counter{
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .next-event-style-3 .content .event-timer .cs-date{
      margin-right: 50px;
      margin-left: 50px;
    }
    .next-event-style-3 .content .event-timer .cs-counter > .cs-date:last-of-type{
      margin-right: 50px;
      margin-left: 50px;
    }
    .next-event-style-3 .content .event-details{
      width: 100%;
      margin-bottom: 30px;
      text-align: center;
    }
    .next-event-style-3 .event-details .btn{
      margin-left: auto;
      margin-right: auto;
    }
    .title-3 .title .background-title{
      font-size: 100px;
    }
    .home-slider-2 .slider-counter{
      writing-mode: unset;
      transform: unset;
      top:unset;
      width: 100%;
      justify-content: space-between;
      display: flex;
      padding: 0px 12px 10px;
    }
    .home-slider-2 .slider-counter span:first-of-type::before{
      display: none;
    }
    .home-slider-2 .slider-counter span{
      margin:0;
      justify-content: space-between;
    }
    .discography-details.style-3 .image img{
      border-radius: 12px;
      margin-top: 12px;
      margin-bottom: 30px;
    }
    .discography-details.style-3 .dark-playlist{
      padding:0px 12px;
    }
    .upcoming-concerts-style-3 .col-lg-3{
      margin-bottom: 30px;
    }
    .upcoming-concerts-style-3 .item .concert-details{
      text-align: left;
      margin-bottom: 20px;
    }
    .upcoming-concerts-style-3 > .container > .btn{
      margin-top: 30px;
      position: static;
    }
    .latest-gallery-style-3 .s-2-5{
      margin-left: -2.5px;
      margin-right: -2.5px;
    }
    .latest-gallery-style-3 .s-2-5>div{
      padding-left: 2.5px;
      padding-right: 2.5px;
    }
    .testimonials-page-style .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .pagination > li{
      margin-bottom: 10px;
    }
    .discography-details.style-3 .dark-playlist{
      padding-bottom: 50px;
    }
    .dark-playlist .simp-tracker {
      bottom:145px;
    }
    /* .home-banner-style-1 .audio-style-1.audio-style-2 .song-and-singer{
      margin-top: 20px;
      margin-bottom: 20px;
    } */
    .next-event-style-2 .col-lg-3{
      margin-bottom: 30px;
    }
    .get-our-album-style-1 .overlay {
      bottom:40px;
    }
    .gallery-masonry-modern .s-2-5{
      margin-left: -2.5px;
      margin-right: -2.5px;
    }
    .gallery-masonry-modern .s-2-5>div{
      padding-left: 2.5px;
      padding-right: 2.5px;
    }
    .gallery-masonry-classic .s-6{
      margin-left: -6px;
      margin-right: -6px;
    }
    .gallery-masonry-classic .s-6>div{
      padding-left: 6px;
      padding-right: 6px;
    }
    .dt-form-content::after{
      display: none;
    }
    .dt-form-content::before{
      display: none;
    }
    .dt-form-content h2{
      position: static;
      margin-bottom: 50px;
    }
    .discography-details.style-1 .image img{
      margin-bottom: 50px;
    }
    .concerts-grid-2-column .events-style-3 .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .events-style-2 .content .main-details{
      flex-direction: column;
      width:33.33%
    }
    .events-style-2 .content .location{
      width:33.33%;
    }
    .events-style-2 .content .main-details .title{
      padding-left: 0;
      text-align: center;
    }
    .events-style-2 .content .main-details .date{
      padding-left: 0;
      margin:15px 0;
    }
    .events-detail-page .col-lg-8{
      margin-bottom: 50px;
    }
    [class*="team-style-"] .col-lg-4:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .management .main-person img{
      margin-bottom: 50px;
    }
    .sidebar-page .blog-text-for-comment{
      margin-bottom: 60px;
    }
    .home-3 .home-slider-2{
      margin-top: 61px;
    }
    .slider-template-3 .item{
      margin-top: 0px;
    }
    .grids .col-md-12{
      margin-bottom: 30px;
    }
    .sidebar .blog-comments{
      padding:60px 0;
    }
    .events-style-2 .content .main-details{
      display: inline-block;
      text-align: center;
    }
    .events-style-2 .content .main-details .date{
      display: inline-block;
    }
    .events-style-2 .content .main-details img{
      margin-bottom: 50px;
      margin-right: 20px;
    }
    .events-style-2 .content .main-details .title{
      margin-top: -28px;
    }
    .gallery-grid-2-column .col-lg-6{
      margin-bottom: 24px;
    }
    .gallery-grid-4-column .col-lg-3{
      padding-bottom: 24px;
    }
    /* .discography-details.style-2 .song-and-singer{
      margin-top: 20px;
      margin-bottom: 20px;
    } */
    .audio-style-1.audio-style-2 .audio-player .controls > h6,
    .audio-style-1.audio-style-2 .audio-player .song-and-singer > h5{
      position: absolute;
      top:0;
      left:100px;
    }
    .audio-style-1.audio-style-2 .audio-player{
      position: relative;
    }
    .audio-style-1.audio-style-2 .audio-player .controls > span,
    .audio-style-1.audio-style-2 .audio-player .song-and-singer > p{
      position: absolute;
      top:30px;
      left:100px;
    }
    .audio-style-1.audio-style-2 .audio-player img{
      margin-bottom: 20px;
    }
    .discography-grid-2-column .col-lg-6{
      margin-bottom: 24px;
    }
    .blog-comments .comment-comment-form{
      margin-bottom: 50px;
    }
    .buy-tickets{
      margin-bottom: 80px;
    } 
}
  @media (max-width: 992px){
    .sidebar-page .col-lg-4{
      max-width: 320px;
    }
  }
  @media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .dropdown-menu
  .s-9 {
    margin-left: -9px;
    margin-right: -9px;
  }
  .header .navbar-brand{
    margin-top: 9px;
    display: block;
  }
  .s-9>div {
      padding-left: 9px;
      padding-right: 9px;
  }
    .container{
        max-width: 1140px;
    }
    .header .navbar-expand-lg .navbar-collapse{
        justify-content: center;
    }
    #header-2 .navbar-expand-lg .navbar-collapse,
    #header-3 .navbar-expand-lg .navbar-collapse{
      justify-content: end;
    }
    #header-1 .nav-item-icon,
    #header-2 .nav-item-icon{
      display: none;
    }
    body.home-3 #header-1 .nav-link:before,
    body.home-3 #header-2 .nav-link:before{
      top:0;
    }
    #header-1 .nav-link:before{
      position: absolute;
      content:"";
      width:34px;
      height:0px;
      background-color: var(--bs-primary);
      opacity: 50%;
      border-radius: 50%;
      left:-20px;
      top:8px;
      bottom:0;
      margin: auto;
      opacity: 0;
      z-index: -1;
    }
    #header-2 .nav-link:before{
      position: absolute;
      content:"";
      width:34px;
      height:0px;
      background-color: var(--bs-primary);
      opacity: 50%;
      border-radius: 50%;
      left:-20px;
      top:8px;
      bottom:0;
      margin: auto;
      opacity: 0;
      z-index: -1;
    }

    #header-1 .nav-link:hover:before{
      width:34px;
      height:34px;
      opacity: 0.5;
      transition: 0.3s ease-in-out;
      transform: rotateX('180deg'),rotatez('180deg');
    }
    #header-2 .nav-link:hover:before{
      width:34px;
      height:34px;
      opacity: 0.5;
      z-index: -1;
      transition: 0.3s ease-in-out;
      transform: rotateX('180deg'),rotatez('180deg');
    }
    #header-1 .nav-link.show:before{
      width:34px;
      height:34px;
      opacity: 0.5;
      transition: 0.3s ease-in-out;
      transform: rotateX('180deg'),rotatez('180deg');
    }
    #header-2 .nav-link.show:before{
      width:34px;
      height:34px;
      opacity: 0.5;
      transition: 0.3s ease-in-out;
      transform: rotateX('180deg'),rotatez('180deg');
    }
    .header .dropdown-item a:hover{
      color:unset;
    }
    .header .dropdown-item a{
      font-size: 15px;
      font-weight: 500;
      text-transform: uppercase;
      display: block;
      padding:8px 10px
    }
    .header .dropdown-item{
      padding:0px 15px;
      background-color: unset;
      min-width: 204px;
    }
    .header .dropdown-menu{
      padding:15px 0;
      border: unset;
      box-shadow: 0 1px 4px lightgray;
      background-color: #fff;
      margin-top: 0;
    }
    .header .dropdown-menu.show{
      z-index: -1;
    }
    .header .dt-language-block{
      padding: 27px 0;
      position: relative;
    }
    #header-3 .dt-language-block{
      margin:0 45px;
    }
    #header-2 .dt-language-block{
      margin: 0;
    }
    #header-2 .search-btn{
      margin: 0 40px;
    }
    #header-3 .search-btn{
      margin-left: 45px;
    }
    #header-2 .hamburger-menu-btn svg,
    #header-3 .hamburger-menu-btn svg{
      width:22px;
      height: 22px;
    }
    #header-2 .hamburger-menu-btn svg path,
    #header-3 .hamburger-menu-btn svg path{
      fill:#ffff;
    }
    #header-2 .hamburger-menu-btn{
      margin-left: 40px;
    }
    .header .dt-language-block .dropdown-menu li{
      padding:8px 10px;
    }
    .header .dt-language-block .dropdown-menu li:hover{
      background-color: var(--bs-primary);
    }
    .header .dt-language-block .dropdown-menu{
      min-width: max-content;
      padding:8px;
    }
    .header .dt-language-block .dropdown-menu a:hover{
      color:unset;
    }
    .header .dropdown-item:hover > a{
      background-color: var(--bs-primary);    
    }
    .header .nav-item:hover > ul.dropdown-menu{
      display: block;
    }
    .header .nav-item .dropdown-submenu:hover > ul.dropdown-menu{
        display: block;
    }
    .header .dropdown-item.dropdown-submenu{
      position: relative;
    }  
    .header .dropdown-item.dropdown-submenu:hover > ul.dropdown-menu,
    .header .dropdown-item.dropdown-submenu > ul.dropdown-menu.show{
      top:-15px;
      left:100%;
    }
    .header .nav-item.mega-menu{
      position: unset;
    }
    .header .nav-item.mega-menu:hover > ul.dropdown-menu,
    .header .nav-item.mega-menu > ul.dropdown-menu.show{
      display: flex;
      left:0;
      width: 100%;
      justify-content: space-between;
      padding: 50px;
      padding-bottom: 42px;
    }
    .header .nav-item.mega-menu .dropdown-item{
      padding: 0;
      width: max-content;
      min-width: max-content;
    }
    
    #header-3 .nav-item-icon{
      margin-left: 6px;
      line-height: 0;
    }
    #header-3 .nav-link{
      display: flex;
      align-items: center;
    }
    #header-3 .nav-item-icon svg{
      width:12px;
      height: 7px;
      display: block;
      transition: 0.3s ease-in-out;
    }
    #header-3 .nav-link:hover svg,
    #header-3 .nav-link.show svg{
      transform: rotateX(180deg);
      transition: 0.3s ease-in-out;
    }
    #header-3 .nav-item-icon svg path{
      fill:#fff;
    }
    .pt-footer .col-lg-4{
      width: max-content;
    }
    .pt-footer .container .subscription-form{
      width:400px;
    }
    .pt-footer .social-media-platforms ul{
      width:708px;
    }
    [class*="button-style-"] .row {
      justify-content: space-between;
    }
    [class*="button-style-"] .row>div {
        width: max-content;
    }
    .tooltip-2 .tooltip-arrow::before {
      top: -1px;
      border-width: 11px 8px;
      transform: unset;
      padding-left: -4px;
      padding-right: -9px;
      margin-left: 6px;
      border-left: 0;
      border-bottom-color: transparent;
      }
      .tooltip-2  .tooltip-inner {
      border-radius: 0;
      padding: 6px 8px;
      transform: translateX(76px);
      border-radius: 0;
      }
    .slider-template-3 .col-lg-4{
      width:36%;
    }
    .slider-template-3 .col-lg-8{
      width:64%;
      height:476px;
      position: relative;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }
    .testimonials .slider-template-3 .item{
      margin-top: 160px;
    }
    .blog-style-3 .col-lg-6:first-of-type{
      width:47.74%;
    }
    .blog-style-3 .col-lg-6:last-of-type{
      width:52.26%;
    }
    .contact-style-2 .col-lg-6:first-of-type{
      width:47.74%;
    }
    .contact-style-2 .col-lg-6:last-of-type{
      width:52.26%;
    }
    .blog-featured-page-banner .items h1{
      width:768px;
      margin-left: auto;
      margin-right: auto;
    }
    .blog-details-featured{
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
    }
    .blog-grid-2-column .blog-style-1 .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .blog-grid-3-column .blog-style-1 .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0;
    }
    .blog-grid-3-column .blog-style-1 .col-lg-6:nth-last-of-type(-n+2) {
      margin-bottom: 0;
    }
    .sidebar-page .col-lg-4{
      width:30%;
    }
    .sidebar-page .col-lg-8{
      width:70%
    }
    .concerts-grid-2-column .events-style-3 .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .concerts-grid-3-column .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0px;
    }
    .discography-standard-minimal .col-lg-4:nth-last-of-type(-n+3),
    .discography-standard-simple .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0;
    }
    .discography-grid-2-column .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .discography-grid-4-column .col-lg-3:nth-last-of-type(-n+4){
      margin-bottom: 0;
    }
    /* .discography-details .discography-playlist{
      height:622px;
      overflow-y: scroll;
    } */
    .discography-details.style-2 .main-content{
      margin-top: 0;
    }
    .discography-details.style-2 .image{
      height:100%;
    }
    .discography-details.style-2 .image img{
      border-radius: 0;
      min-height: Auto;
      width:100%;
      display: block;
    }
    .discography-details.style-2 .blog-sharing-options{
      padding-bottom: 0;
    }
    .audio-style-1.audio-style-2 .timeline{
      width:400px;
    }
    .discography-details.style-3 .row > .col-lg-6:first-of-type{
      width:43.25%;
    }
    .discography-details.style-3 .row > .col-lg-6:last-of-type{
      width:56.75%;
    }
    .s-9{
      margin-left: -9px;
      margin-right: -9px;
    }
    .s-9>div{
      padding-left: 9px;
      padding-right: 9px;
    }
    .s-6{
      margin-left: -6px;
      margin-right: -6px;
    }
    .s-6>div{
      padding-left: 6px;
      padding-right: 6px;
    }
    .s-2-5{
      margin-left: -2.5px;
      margin-right: -2.5px;
    }
    .s-2-5>div{
      padding-left: 2.5px;
      padding-right: 2.5px;
    }
    .gallery-masonry-modern .col-lg-6{
      width:42%
    }
    .gallery-masonry-modern .col-lg-3{
      width:29%
    }
    .discography-details .accordion-style-1{
      width:760px;
    }
    .home-slider-1 .item .content{
      width:539px;
    }
    .discography-home-style-1 .discography-standard-simple .row > div:nth-child(3n+2) {
      margin-top: 50px;
    }
    .upcoming-concerts-style-1 .events-style-1 .row .col-lg-3{
      width:29%;
    }
    .upcoming-concerts-style-1 .events-style-1 .row .col-lg-9{
      width:71%;
    }
    .get-our-album-style-2 .col-lg-6:first-of-type{
      width:55.22%;
    }
    .get-our-album-style-2 .col-lg-6:last-of-type{
      width:44.78%;
    }
    .next-event-style-2 .col-lg-3:first-of-type{
      width:30.6%;
    }
    .next-event-style-2 .col-lg-9:last-of-type{
      width:69.4%;
    }
    .upcoming-concerts-style-3 .col-lg-3{
      width:32.7%;
    }
    .upcoming-concerts-style-3 .col-lg-9{
      width:67.3%;
    }
    .upcoming-concerts-style-3 > .container > .btn{
      left:-230px;
    }
    .about-me-style .content p{
      width:860px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 28px;
    }
    .about-me-style .content p:last-of-type{
      margin-bottom: 0;
    }
    .testimonials-page-style .col-lg-6:nth-last-of-type(-n+2){
      margin-bottom: 0;
    }
    .dt-form-content {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      padding:68px 80px 52px;
      border:3px solid var(--bs-headings);
      border-top:none;
    }
    .error-pages-style .content{
      width:540px;
      margin-left: auto;
      margin-right: auto;
    }
    .maintenance-page .item,
    .coming-soon .item{
      height:100%;
    }
    .maintenance-page .content,
    .coming-soon .content{
      width:530px;
      margin-left: auto;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .maintenance-page .container,
    .coming-soon .container{
      height: 100%;
    } 
    .dt-search-form.form-style-1 form{
      width:640px;
      margin-left: auto;
      margin-right: auto;
    }
    .team-style-1 .row > .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0px;
    }
    .team-style-3 .row > .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0px;
    }
    .team-style-2 .row > .col-lg-4:nth-last-of-type(-n+3){
      margin-bottom: 0px;
    }
    .dark-playlist .simp-time{
      margin-left: 60px;
    }
    .get-our-album-style-1 .col-lg-6:first-of-type{
      width:51.35%;
    }
    .get-our-album-style-1 .col-lg-6:last-of-type{
      width:48.65%;
    }
    body.home-2 #header-1 .nav-link:before{
      background-color: #fff;
      opacity: 1;
      z-index: -1;
    }
    body.home-2 #header-2 .nav-link:before{
      background-color: #fff;
      opacity: 1;
      z-index: -1;
    }
    body.home-2.scrolled #header-1 .nav-link:before{
      background-color:var(--bs-primary);
      opacity: 0.5;
      z-index: -1;
    }
    body.home-2.scrolled #header-2 .nav-link:before{
      background-color:var(--bs-primary);
      opacity: 0.5;
      z-index: -1;
    }
    .home-2.scrolled .nav-link{
      color:#fff;
    }
    #header-1 .social-platform-links ul{
      margin-top: 10px;
    }
    .header .dt-language-block{
      padding:36px 0 27px;
    }
    .search-btn.d-none.d-lg-block{
      margin-top: 10px;
    }
    #header-2 .search-btn{
      margin-top: 10px;
    }
    .header .hamburger-menu-btn {
      margin-top: 7px;
      background-color: unset;
      box-shadow: unset;
      border:unset;
    }
    .header .navbar-nav .nav-item:last-of-type{
      margin-right: 0;
    }
    body.home-3 .header .nav-link{
      padding:29px 0 !important;
    }
    body.home-3 .header .navbar-brand{
      margin-top: 0;
    }
    body.home-3 .header .search-btn{
      margin-top: 0;
    }
    body.home-3 .header .dt-language-block{
      padding:29px 0 !important;
    }
    body.home-3 .header .hamburger-menu-btn{
      margin-top: 0;
    }
    body.home-3 #header-2 .search-btn{
      margin-top: 0;
    }
    body.home-3 #header-1 .social-platform-links ul{
      margin-top: 0;
    }
    .discography-details.style-2 .audio-style-1.audio-style-2 .audio-player .forward-button{
      margin-right: 50px;
    }
    .discography-details.style-2 .audio-style-1.audio-style-2 .audio-player span.my-audio-running-time{
      margin-left: 45px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px){
    .header .navbar-nav .nav-item:nth-child(6) .dropdown-menu .dropdown-menu{
      left:unset;
      right:100%;
    }
    .header .nav-item:hover > ul.dropdown-menu{
      display: none;
    }
    .header .nav-item > ul.dropdown-menu.show{
      display: block;
    }
    .header .nav-item.mega-menu:hover > ul.dropdown-menu{
      display: none;
    }
    .header .nav-item.mega-menu > ul.dropdown-menu.show{
      display: flex;
    }
    #header-3 .nav-item:last-of-type{
      margin-right: 0;
    }
    #header-3 .nav-item {
        margin-right: 30px;
    }
    #header-3 .dt-language-block{
      margin: 0 30px;
    }
    #header-3 .search-btn{
      margin-left: 30px;
    }
    .events-style-1 .row{
      margin-left: 0;
      margin-right: 0;
    }
    .events-style-1 .row > div{
      padding-left: 0;
      padding-right: 0;
    }
    .home-slider-1 .owl-dots{
      width:unset;
    }
    .upcoming-concerts-style-3 > .container > .btn{
      left:-200px;
    }
    .home-slider-2 .arrows{
      width:100%;
    }
    .our-discography-style-3 .s-0{
      margin-left: 0px;
      margin-right: 0px;
    }
    .our-discography-style-3 .s-0>div{
      padding-left: 0px;
      padding-right: 0px;
    }
    .dark-playlist .simp-player {
      margin-top: 38px;
      display: block;
    }
    .dark-playlist .simp-tracker {
      bottom:140px;
    }
    .dark-playlist .simp-info{
      margin-bottom: 20px;
    }
    .icon-style {
      margin-left: 30px;
      margin-right: 30px;
    }
    .icons-list{
      margin-left: 0;
      margin-right: 0;
    }
    .header .navbar-nav .nav-item:nth-child(6) .dropdown-menu .dropdown-menu{
      left:unset;
      right:100%;
    }
    .audio-style-1.audio-style-2 .timeline {
      width:250px;
    }
    
  }
  @media (min-width: 1200px){
    .s-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .s-0>div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .s-10 {
      margin-left: -10px;
      margin-right: -10px;
  }
  .s-10>div {
      padding-left: 10px;
      padding-right: 10px;
  }
    .s-12-5 {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .s-12-5>div {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .s-15 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .s-15>div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .s-17-5 {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }
    .s-17-5>div {
        padding-left: 17.5px;
        padding-right: 17.5px;
    }
    .s-20 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .s-20>div {
        padding-left: 20px;
        padding-right: 20px;
    }
    .s-22-5 {
        margin-left: -22.5px;
        margin-right: -22.5px;
    }
    .s-22-5>div {
        padding-left: 22.5px;
        padding-right: 22.5px;
    }
    .s-24 {
        margin-left: -24px;
        margin-right: -24px;
    }
    .s-24>div {
        padding-left: 24px;
        padding-right: 24px;
    }
    .s-25 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .s-25>div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .s-30 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .s-30>div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .s-39 {
        margin-left: -39px;
        margin-right: -39px;
    }
    .s-39>div {
        padding-left: 39px;
        padding-right: 39px;
    }
    .s-35 {
      margin-left: -35px;
      margin-right: -35px;
    }
    .s-35>div {
        padding-left: 35px;
        padding-right: 35px;
    }
    .s-40 {
        margin-left: -40px;
        margin-right: -40px;
    }
    .s-40>div {
        padding-left: 40px;
        padding-right: 40px;
    }
    .s-50{
        margin-left: -50px;
        margin-right: -50px;
    }
    .s-50>div {
        padding-left: 50px;
        padding-right: 50px;
    }
    .s-55 {
        margin-left: -55px;
        margin-right: -55px;
    }
    .s-55>div {
        padding-left: 55px;
        padding-right: 55px;
    }
    .s-60 {
        margin-left: -60px;
        margin-right: -60px;
    }
    .s-60>div {
        padding-left: 60px;
        padding-right: 60px;
    }
    .s-72 {
        margin-left: -72px;
        margin-right: -72px;
    }
    .s-72>div {
        padding-left: 72px;
        padding-right: 72px;
    }
}
@media (min-width: 1400px) and (max-width: 1600.98px){
  .home-slider-2 .slider-counter{
    left:200px;
  }
}
/* preloader */
@keyframes music-first{
  0% {
      height: 20px;
  }
  100% {
      height: 40px;
  }
}
@keyframes music-sec{
  0% {
      height: 20px;
  }
  100% {
      height: 60px;
  }
}
@keyframes music-third{
  0% {
      height: 20px;
  }
  100% {
      height: 70px;
  }
}
@keyframes blink{
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
.pre-overlay {
  position: fixed;
  width: 100%;
  height: 50%;
  background-color: var(--bs-headings);
  z-index: 50;
  transition: 0s ease-in-out;
}
.pre-overlay.o-1 {
  left: 0;
  top: 0;
  transition: 1s ease-in-out;
}
.pre-overlay.o-2 {
  right: 0;
  bottom: 0;
  transition: 1s ease-in-out;
}
#preloader {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 100;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: max-content;
}
#preloader p {
  font-size: 18px;
  color: var(--bs-primary);
  font-family: var(--bs-primary-font);
  margin: 25px auto auto auto;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}
#preloader.animation p {
  animation-name: blink;
  animation-duration: .85s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-direction: alternate;
}
#preloader .decor {
  width: 20px;
  height: 80px;
  margin: auto auto 0 auto;
  position: relative;
}
#preloader .decor .bar {
  height: 80px;
  background-color: var(--bs-primary);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
#preloader.animation .decor .bar {
  animation-name: music-sec;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-direction: alternate;
  max-height: 70px;
}
#preloader .decor::before {
  display: block;
  content: "";
  width: 20px;
  height: 50px;
  position: absolute;
  left: -30px;
  bottom: 0px;
  background-color: var(--bs-primary);
}
#preloader.animation .decor::before {
  animation-name: music-first;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-direction: alternate;
}
#preloader .decor::after {
  display: block;
  content: "";
  width: 20px;
  height: 50px;
  background-color: var(--bs-primary);
  left: 30px;
  bottom:  0;
  position: absolute;
}
#preloader.animation .decor::after {
  animation-name: music-third;
  animation-duration: .75s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: alternate;
}
#preloader.over {
  display: none;
}

.navbar.scrolled {
  background: transparent !important; /* Убирает затемнение */
  box-shadow: none !important; /* Убирает тень */
}

/* Extend style_2 (discography-style-02) behavior for additional discography sections */
.discography-canned,
.discography-frozen,
.discography-other,
.discography-recommended {
  /* Use same base style as style_2 */
  position: relative;
}

.discography-canned .discography-style,
.discography-frozen .discography-style,
.discography-other .discography-style,
.discography-recommended .discography-style {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.discography-canned .image,
.discography-frozen .image,
.discography-other .image,
.discography-recommended .image {
  position: relative;
  width: 100%;
  height: 100%;
}

.discography-canned .image img,
.discography-frozen .image img,
.discography-other .image img,
.discography-recommended .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
  opacity: 0.4;
}

.discography-canned .discography-details,
.discography-frozen .discography-details,
.discography-other .discography-details,
.discography-recommended .discography-details {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.discography-canned .swiper-slide-active .discography-details,
.discography-frozen .swiper-slide-active .discography-details,
.discography-other .swiper-slide-active .discography-details,
.discography-recommended .swiper-slide-active .discography-details {
  opacity: 1;
}

.discography-canned .swiper-slide-active .image img,
.discography-frozen .swiper-slide-active .image img,
.discography-other .swiper-slide-active .image img,
.discography-recommended .swiper-slide-active .image img {
  opacity: 1;
}

.discography-canned .discography-style .image .overlay,
.discography-frozen .discography-style .image .overlay,
.discography-other .discography-style .image .overlay,
.discography-recommended .discography-style .image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  transition: background-color 0.3s ease-in-out;
}

.discography-canned .swiper-slide-active .discography-style .image .overlay,
.discography-frozen .swiper-slide-active .discography-style .image .overlay,
.discography-other .swiper-slide-active .discography-style .image .overlay,
.discography-recommended .swiper-slide-active .discography-style .image .overlay {
  background-color: rgba(20, 20, 20, 0);
}

.discography-canned .swiper-slide-prev .discography-style .image .overlay,
.discography-canned .swiper-slide-next .discography-style .image .overlay,
.discography-frozen .swiper-slide-prev .discography-style .image .overlay,
.discography-frozen .swiper-slide-next .discography-style .image .overlay,
.discography-other .swiper-slide-prev .discography-style .image .overlay,
.discography-other .swiper-slide-next .discography-style .image .overlay,
.discography-recommended .swiper-slide-prev .discography-style .image .overlay,
.discography-recommended .swiper-slide-next .discography-style .image .overlay {
  background-color: rgba(0, 0, 0, 0.01);
}

/* 6) Контрастные подписи (как мы делали): белые с лёгким тенью */
.discography-style-02 .discography-details,
.discography-style-02 .discography-details .title a,
.discography-style-02 .discography-details span {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,10), 0 0 2px rgba(0,0,0,10);
}


/* === Banner height controller (append at the VERY end of style.css) === */

/* 1) дефолтные высоты для разных экранов (можешь менять цифры) */
#dynamic-banner.page-banner.bg-image {
  --banner-h-mobile: 160px;   /* телефоны */
  --banner-h-tablet: 220px;   /* планшеты */
  --banner-h-desktop: 300px;  /* десктопы */

  /* делаем секцию компактной и центрируем контент по вертикали */
  display: flex;
  align-items: center;
  min-height: var(--banner-h-desktop);
  padding-block: 16px;
  background-size: cover;
  background-position: center;
  position: relative; /* на всякий */
}

/* 2) убираем старые большие отступы заголовка для именно этого баннера */
#dynamic-banner.page-banner .heading {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

/* заголовок компактнее, адаптивный размер */
#dynamic-banner .heading h1 {
  margin: 0 0 8px;
  color: #fff;
  text-transform: uppercase;
  font-size: clamp(22px, 5vw, 52px);
  line-height: 1.15;
}

/* 3) волнистый SVG только снизу, не влияет на высоту секции */
#dynamic-banner .overlay-svg {
  position: absolute;
  inset: auto 0 0 0; /* только bottom */
  width: 100%;
  height: auto;
  margin: 0;         /* убираем auto-центрирование по вертикали */
  pointer-events: none;
}
#dynamic-banner .overlay-svg svg {
  width: 100%;
  height: auto;
  opacity: 0.7;
  display: block;
}

/* 4) хлебные крошки — оставляем прижатые к низу, как у тебя */
#dynamic-banner .breadcrumb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(20, 20, 20, 0.35);
  margin-bottom: 0;
  padding: 7px;
  justify-content: center;
  z-index: 2;
  font-family: var(--bs-secondary-font);
  font-size: 15px;
}

/* 5) адаптив по брейкпоинтам */
@media (max-width: 1199.98px) {
  #dynamic-banner.page-banner.bg-image {
    min-height: var(--banner-h-tablet);
  }
}
@media (max-width: 767.98px) {
  #dynamic-banner.page-banner.bg-image {
    min-height: var(--banner-h-mobile);
  }
}



.auth-links .sep { margin: 0 10px; opacity: .6; }

.auth-links {
  display: flex;
  justify-content: center;
  gap: 24px;            /* аккуратный зазор между ссылками */
  margin-top: 16px;
  font-weight: 700;
}
.auth-links a {
  text-decoration: none;
}
.auth-links a:hover { text-decoration: underline; }


/* ===== Утопленные (LCD) поля на страницах авторизации ===== */
.user-form-style .form-style-1 input[type="text"],
.user-form-style .form-style-1 input[type="email"],
.user-form-style .form-style-1 input[type="password"],
.user-form-style .form-style-1 input[type="tel"],
.user-form-style .form-style-1 textarea,
.user-form-style .form-style-1 select {
   /* база */
   background: #f4f7fb;                   /* чуть светлее белого для объёма */
   border: 1px solid #cfd7e3;
   border-radius: 6px;
   color: #111;
   font-size: 16px;                       /* чтобы iOS не зумил */
   line-height: 22px;
   padding: 14px 14px;
   height: 52px;

  /* главная магия — двойная внутренняя тень (inset) */
  box-shadow:
  inset 3px 3px 6px rgba(0, 0, 0, 0.14),     /* тёмная снизу-справа */
  inset -3px -3px 6px rgba(255, 255, 255, .85); /* светлая сверху-слева */
}

/* плейсхолдеры чуть темнее, чтобы не «таяли» */
.user-form-style .form-style-1 ::placeholder {
   color: #8a93a5;
   opacity: 1;
}

/* hover — едва заметное усиление */
.user-form-style .form-style-1 input:hover,
.user-form-style .form-style-1 textarea:hover,
.user-form-style .form-style-1 select:hover {
   box-shadow:
   inset 3px 3px 7px rgba(0, 0, 0, 0.16),
   inset -3px -3px 7px rgba(255, 255, 255, .9);
}

/* focus — контрастнее плюс мягкое внешнее свечение для доступности */
.user-form-style .form-style-1 input:focus,
.user-form-style .form-style-1 textarea:focus,
.user-form-style .form-style-1 select:focus {
   outline: none;
   border-color: #7c8db3; /* или var(--bs-secondary) */
   box-shadow:
   inset 4px 4px 8px rgba(0, 0, 0, 0.2),
   inset -4px -4px 8px rgba(255, 255, 255, .95),
   0 0 0 3px rgba(0, 0, 145, 0.12); /* слабый внешний ring */
}

/* текстовые области повыше; тень та же */
.user-form-style .form-style-1 textarea {
   height: auto;
   min-height: 110px;
   resize: vertical;
}

/* ===== СИЛЬНЫЙ inset (вдавленные) поля ===== */
.user-form-style .form-style-1 input[type="text"],
.user-form-style .form-style-1 input[type="email"],
.user-form-style .form-style-1 input[type="password"],
.user-form-style .form-style-1 input[type="tel"],
.user-form-style .form-style-1 textarea,
.user-form-style .form-style-1 select {
   /* базовый светло-серый, чтобы тени читались */
   background: #eef2f7;
   /* лёгкий «металлический» градиент для кромки */
   background-image: linear-gradient(180deg,#f7f9fc 0%, #eef2f7 100%);
   border: none;               /* рамку убираем — мешает иллюзии */
   border-radius: 10px;        /* можно 6–12px; 0 даст «олдскул LCD» */
   color: #111;
   font-size: 16px;
   padding: 14px 14px;
   height: 54px;

/* мощная двойная внутренняя тень + лёгкая внешняя смазка */
   box-shadow:
   inset 2px 2px 1px rgba(0, 0, 0, 0.18),   /* тёмная снизу-справа */
   inset -2px -2px 2px rgba(255,255,255,0.2),/* светлая сверху-слева */
   0 1px 0 rgba(255,255,255,0.6);            /* тонкая верхняя «кайма» */
}

/* hover — чуть сильнее рельеф */
.user-form-style .form-style-1 input:hover,
.user-form-style .form-style-1 textarea:hover,
.user-form-style .form-style-1 select:hover {
   box-shadow:
   inset 7px 7px 12px rgba(0, 0, 0, 0.2),
   inset -7px -7px 13px rgba(255,255,255,0.98),
   0 1px 0 rgba(255,255,255,0.65);
}

/* focus — добавим мягкое внешнее свечение для доступности */
.user-form-style .form-style-1 input:focus,
.user-form-style .form-style-1 textarea:focus,
.user-form-style .form-style-1 select:focus {
   outline: none;
   box-shadow:
   inset 7px 7px 12px rgba(0, 0, 0, 0.22),
   inset -7px -7px 14px rgba(255,255,255,1),
   0 0 0 3px rgba(0, 0, 145, 0.12);  /* внешний ring (можно убрать) */
}

/* плейсхолдер темнее, чтобы не «таял» */
.user-form-style .form-style-1 ::placeholder {
  color: #7e889a;
  opacity: 1;
}

/* мобильные — немного плотнее, чтобы не выглядели «пухло» */
@media (max-width: 575.98px) {
   .user-form-style .form-style-1 input,
   .user-form-style .form-style-1 textarea,
   .user-form-style .form-style-1 select {
     border-radius: 8px;
     height: 52px;
     box-shadow:
     inset 5px 5px 10px rgba(0,0,0,.18),
     inset -5px -5px 11px rgba(255,255,255,.96),
     0 1px 0 rgba(255,255,255,.6);
   }
}

/* === Discography → Commerce block === */
.block-discography-commerce {
  max-width: 480px;
}

/* Делаем общий контейнер флексом, чтобы управлять порядком элементов */
.block-discography-commerce .contextual-region {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Поднимем SKU и Price над формой выбора */
.block-discography-commerce [class*="product--variation-field--variation_sku__"],
.block-discography-commerce [class*="product--variation-field--variation_price__"] {
  order: -1;                 /* выше формы */
  margin: 0;
}

/* Под iOS/нейтрал: инпуты и селекты */
.block-discography-commerce .form-select,
.block-discography-commerce .form-number,
.block-discography-commerce input[type="number"],
.block-discography-commerce input[type="text"],
.block-discography-commerce select {
  display: block;
  width: 20%;
  border: 1px solid #E5E7EB;          /* neutral-200 */
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.03) inset;
}

/* Лейблы полей */
.block-discography-commerce .field__label {
  font-weight: 600;
  color: #111827;                         /* neutral-900 */
  margin-bottom: 4px;
}

/* Кнопка «Добавить в корзину» во всю ширину, c iOS-нажатием */
.block-discography-commerce .button--add-to-cart {
  width: 100%;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0,0,0,.06);
  transition: transform .05s ease, box-shadow .2s ease;
}
.block-discography-commerce .button--add-to-cart:active {
  transform: scale(.99);
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Карточка должна быть позиционируема */
.discography-style .image { position: relative; }

/* ===== Новинка: базовая лента ===== */
.badge-new{
  position:absolute;
  top:10px;         /* подгони при желании */
  right:0;          /* примыкаем к правому краю без скругления */
  z-index:5;
  display:inline-block;
  padding:6px 12px 6px 14px;
  line-height:1;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#fff;

  /* фон и форма */
  background:#ef3d3d;               /* ярко-красный акцент */
  border-top-left-radius:3px;       /* слева скругление */
  border-bottom-left-radius:40px;    /* слева скругление */
  border-top-right-radius:40;         /* справа ровно */
  border-bottom-right-radius:3;      /* справа ровно */

  /* старт: свернуто и невидимо */
  transform-origin:right center;
  transform:scaleX(0);
  opacity:0;

  /* лёгкая тень, чтобы читалось на светлом/тёмном */
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}

/* "рулончик", который прокатывается поверх и исчезает */
.badge-new::after{
  content:"";
  position:absolute;
  inset:0;
  /* тот же цвет, но с градиентом для ощущения блеска/объёма */
  background:linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,0) 38%) ,
              #ef3d3d;
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  pointer-events:none;
  opacity:0;
}

/* ===== Активный слайд: лента видима и проигрывает вход ===== */
.swiper-slide-active .badge-new{
  opacity:1 !important;
  transform:scaleX(1) !important;
  animation: badge-unfurl 650ms cubic-bezier(.2,.85,.2,1) forwards;
}
.swiper-slide-active .badge-new::after{
  animation: badge-roll 650ms cubic-bezier(.2,.85,.2,1) forwards;
}

/* Неактивный слайд: спрятать и остановить анимации */
.swiper-slide:not(.swiper-slide-active) .badge-new{
  animation:none;
  opacity:0;
  transform:scaleX(0);
}
.swiper-slide:not(.swiper-slide-active) .badge-new::after{
  animation:none;
  opacity:0;
}

/* ===== Ключевые кадры ===== */
@keyframes badge-unfurl{
  0%   { transform:scaleX(0);   opacity:0; }
  12%  { transform:scaleX(.05); opacity:1; }
  60%  { transform:scaleX(1.08); opacity:1; } /* лёгкий “перераскат” */
  100% { transform:scaleX(1);    opacity:1; } /* остаётся видимой */
}

@keyframes badge-roll{
  0%   { opacity:0; transform:translateX(12px); }
  20%  { opacity:1; }
  60%  { transform:translateX(2px); }
  100% { opacity:0; transform:translateX(0); } /* рулончик исчез */
}

/* ===== Контраст для тёмных карточек (не обязательно) ===== */
@media (prefers-color-scheme: dark){
  .badge-new{ box-shadow:0 2px 8px rgba(0,0,0,.35); }
}

/* ===== Доступность: без анимаций для тех, кто отключил ===== */
@media (prefers-reduced-motion: reduce){
  .badge-new,
  .badge-new::after{
    animation:none !important;
    transition:none !important;
  }
  .swiper-slide-active .badge-new{
    opacity:1 !important;
    transform:scaleX(1) !important;
  }
}

/* Грид: проиграть анимацию один раз на загрузке, без свайпера */
.badge-new--grid{
  opacity:1;
  transform:scaleX(1);
  animation: badge-unfurl 650ms cubic-bezier(.2,.85,.2,1) both;
}
.badge-new--grid::after{
  animation: badge-roll 650ms cubic-bezier(.2,.85,.2,1) both;
}

/* (необязательно) легкая рассинхронизация по колонкам для красоты */
.discography-grid-3-column .col-md-6:nth-child(3n+1) .badge-new--grid{ animation-delay: 40ms; }
.discography-grid-3-column .col-md-6:nth-child(3n+2) .badge-new--grid{ animation-delay: 90ms; }
.discography-grid-3-column .col-md-6:nth-child(3n+3) .badge-new--grid{ animation-delay: 140ms; }


/* Контейнер формы добавить в корзину */
.commerce-product-add-to-cart .commerce-add-to-cart-form {
  display: flex;
  align-items: center;
  gap: 8px; /* расстояние между инпутом и кнопкой */
}

/* Обёртка поля количества — убираем стандартные отступы */
.commerce-product-add-to-cart .commerce-add-to-cart-form .form-item-quantity {
  margin: 0;
  flex: 0 0 76px; /* ширина инпута; подстрой при желании */
}

/* Сам инпут количества — компактный */
.commerce-product-add-to-cart .commerce-add-to-cart-form input[name="quantity"] {
  width: 100%;
  height: 34px;
  padding: 4px 6px;
  text-align: center;
  box-sizing: border-box;
}

/* Кнопка «Добавить в корзину» в линию и такой же высоты */
.commerce-product-add-to-cart .commerce-add-to-cart-form .form-actions {
  margin: 0;
}

.commerce-product-add-to-cart .commerce-add-to-cart-form input[type="submit"] {
  height: 34px;
  padding: 0 14px;
  line-height: 34px;
  white-space: nowrap;
}

/* Блок со SKU/остатком над формой */
.mp-atc-meta {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.3;
}
.mp-atc-meta .mp-sku,
.mp-atc-meta .mp-stock { color: #333; }

/* Одна строка: количество + кнопка */
.mp-atc-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Компактный quantity */
.mp-atc-row .form-item-quantity,
.mp-atc-row .form-item--quantity {
  width: 110px;
  min-width: 110px;
}

/* Кнопка рядом */
.mp-atc-row .form-actions .button {
  white-space: nowrap;
  height: 40px;
  line-height: 38px;
  padding: 0 16px;
}

.mp-atc-meta { margin: 10px 0 6px; font-size: 14px; line-height: 1.3; }
.mp-atc-meta span { color: #666; margin-right: 6px; }

.mp-atc-row { display: flex; gap: 8px; align-items: center; }
.mp-atc-row .form-item-quantity { flex: 0 0 120px; margin: 0; }
.mp-atc-row .form-actions { flex: 1 1 auto; margin: 0; }


.discography-style-02 .swiper-slide { width: 360px; }
@media (max-width: 1023px) { .discography-style-02 .swiper-slide { width: 300px; } }
@media (max-width: 639px)  { .discography-style-02 .swiper-slide { width: 260px; } }

.slider-style-1 .swiper-pagination { position: relative; margin-top: 12px; }
.slider-style-1 .swiper-pagination-bullet { opacity: .4; }
.slider-style-1 .swiper-pagination-bullet-active { opacity: 1; }

.swiper-ui-hints{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.hint-arrows{display:flex;justify-content:center;gap:16px;font-size:24px;opacity:.5;user-select:none;pointer-events:none;transition:opacity .3s}
.hint-arrows:hover{opacity:.7}
.swiper-pagination{margin-top:6px}

/* Вертикально и по центру */
.slider-style-1 .swiper-controls{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.4rem; /* расстояние между стрелками и буллетами */
}

/* Стрелочки-хинт */
.slider-style-1 .hint-arrows{
  line-height:1;
  user-select:none;
  pointer-events:none; /* немые: не кликаются */
  opacity:.7;
  font-size:1rem; /* можно увеличить при желании */
}
.slider-style-1 .hint-arrows .arrow-left,
.slider-style-1 .hint-arrows .arrow-right{
  display:inline-block;
  margin:0 .35rem;
}

/* Вертикально и по центру */
.slider-style-1 .swiper-controls{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.4rem; /* расстояние между стрелками и буллетами */
}

/* Стрелочки-хинт */
.slider-style-1 .hint-arrows{
  line-height:1;
  user-select:none;
  pointer-events:none; /* немые: не кликаются */
  opacity:.7;
  font-size:1.3rem; /* можно увеличить при желании */
}
.slider-style-1 .hint-arrows .arrow-left,
.slider-style-1 .hint-arrows .arrow-right{
  display:inline-block;
  margin:0 .35rem;
}


/* iOS стиль для поля ввода */
[data-drupal-selector="edit-panes-custom-maplink-require-location"] {
  /* Основные стили */
  width: 100%;
  height: 44px;
  padding: 0 16px;
  font-size: 17px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 10px;
  outline: none;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  
  /* iOS специфичные стили */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Состояние фокуса */
[data-drupal-selector="edit-panes-custom-maplink-require-location"]:focus {
  border-color: #007aff;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

/* Placeholder стиль */
[data-drupal-selector="edit-panes-custom-maplink-require-location"]::placeholder {
  color: #8e8e93;
  font-weight: 400;
  opacity: 1;
}

/* Состояние disabled */
[data-drupal-selector="edit-panes-custom-maplink-require-location"]:disabled {
  background-color: #f2f2f7;
  border-color: #e5e5ea;
  color: #8e8e93;
  opacity: 0.7;
}

/* Состояние invalid/error */
[data-drupal-selector="edit-panes-custom-maplink-require-location"]:invalid {
  border-color: #60dc47;
  box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.1);
}

/* Темная тема поддержка */
@media (prefers-color-scheme: dark) {
  [data-drupal-selector="edit-panes-custom-maplink-require-location"] {
    background: #e6e4be4d;
    border-color: #38383a;
    color: #ffffff;
  }
  
  [data-drupal-selector="edit-panes-custom-maplink-require-location"]:focus {
    border-color: #0a84ff;
    box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.1);
  }
  
  [data-drupal-selector="edit-panes-custom-maplink-require-location"]::placeholder {
    color: #8e8e93;
  }
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  [data-drupal-selector="edit-panes-custom-maplink-require-location"] {
    height: 48px;
    font-size: 16px; /* Предотвращает zoom на iOS */
  }
}

/* Убираем стандартные браузерные стили */
[data-drupal-selector="edit-panes-custom-maplink-require-location"]::-webkit-search-decoration,
[data-drupal-selector="edit-panes-custom-maplink-require-location"]::-webkit-search-cancel-button,
[data-drupal-selector="edit-panes-custom-maplink-require-location"]::-webkit-search-results-button,
[data-drupal-selector="edit-panes-custom-maplink-require-location"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/* Строгий Glass стиль для кнопки в белых тонах - исправленная версия */
[data-drupal-selector="edit-actions-next"] {
  /* Сбрасываем стандартные стили */
  all: unset;
  box-sizing: border-box;
  
  /* Основные стили */
  width: 100%;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Строгий glass эффект в белых тонах */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  color: #2c2c2e;
  
  /* Сдержанная тень */
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  
  cursor: pointer;
  outline: none;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.1px;
  
  /* Отступ снизу */
  margin-bottom: 10px;
}

/* Тонкий градиентный оверлей */
[data-drupal-selector="edit-actions-next"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.1) 100%);
  border-radius: 12px;
  z-index: -1;
  transition: all 0.25s ease;
}

/* Состояние ховера - легкое затемнение */
[data-drupal-selector="edit-actions-next"]:hover {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 6px 24px rgba(0, 0, 0, 0.12),
    0 2px 6px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
  color: #1c1c1e;
}

[data-drupal-selector="edit-actions-next"]:hover::before {
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.15) 100%);
}

/* Состояние фокуса - тонкая рамка */
[data-drupal-selector="edit-actions-next"]:focus {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.05),
    0 4px 20px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  color: #000000;
}

/* Состояние активного нажатия */
[data-drupal-selector="edit-actions-next"]:active {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.06),
    inset 0 1px 2px rgba(0, 0, 0, 0.05);
  transform: translateY(0);
}

/* Состояние disabled */
[data-drupal-selector="edit-actions-next"]:disabled {
  background: rgba(248, 248, 248, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  
  border: 1px solid rgba(220, 220, 220, 0.6);
  color: #8e8e93;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

[data-drupal-selector="edit-actions-next"]:disabled::before {
  background: rgba(248, 248, 248, 0.6);
}

/* Фолбэк для браузеров без поддержки backdrop-filter */
@supports not (backdrop-filter: blur(20px)) {
  [data-drupal-selector="edit-actions-next"] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
  }
}

/* Темная тема - адаптация */
@media (prefers-color-scheme: dark) {
  [data-drupal-selector="edit-actions-next"] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #000000c9;
    box-shadow:
      0 2px 9px rgba(0, 0, 0, 0.5),
      0 -2px 2px rgba(0, 0, 0, 0.1),
      inset 0 9px 0 rgba(255, 255, 255, 0.1);
  }
  
  [data-drupal-selector="edit-actions-next"]:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
  }
  
  [data-drupal-selector="edit-actions-next"]:focus {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  [data-drupal-selector="edit-actions-next"] {
    height: 48px;
    font-size: 16px;
    border-radius: 12px;
    margin-bottom: 10px;
    /* Убрано fixed positioning */
  }
}

/* Убедимся, что текст читаем */
[data-drupal-selector="edit-actions-next"] span {
  position: relative;
  z-index: 1;
}


/* Строгий Glass стиль для кнопок корзины */
[data-drupal-selector="edit-submit"],
[data-drupal-selector="edit-checkout"] {
  /* Сбрасываем стандартные стили */
  all: unset;
  box-sizing: border-box;
  
  /* Основные стили */
  width: 100%;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Строгий glass эффект в белых тонах */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  color: #2c2c2e;
  
  /* Сдержанная тень */
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  
  cursor: pointer;
  outline: none;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.1px;
  
  /* Отступ снизу */
  margin-bottom: 10px;
}

/* Тонкий градиентный оверлей */
[data-drupal-selector="edit-submit"]::before,
[data-drupal-selector="edit-checkout"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.1) 100%);
  border-radius: 12px;
  z-index: -1;
  transition: all 0.25s ease;
}

/* Состояние ховера - легкое затемнение */
[data-drupal-selector="edit-submit"]:hover,
[data-drupal-selector="edit-checkout"]:hover {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 6px 24px rgba(0, 0, 0, 0.12),
    0 2px 6px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
  color: #1c1c1e;
}

[data-drupal-selector="edit-submit"]:hover::before,
[data-drupal-selector="edit-checkout"]:hover::before {
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.15) 100%);
}

/* Состояние фокуса - тонкая рамка */
[data-drupal-selector="edit-submit"]:focus,
[data-drupal-selector="edit-checkout"]:focus {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.05),
    0 4px 20px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  color: #000000;
}

/* Состояние активного нажатия */
[data-drupal-selector="edit-submit"]:active,
[data-drupal-selector="edit-checkout"]:active {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.06),
    inset 0 1px 2px rgba(0, 0, 0, 0.05);
  transform: translateY(0);
}

/* Состояние disabled */
[data-drupal-selector="edit-submit"]:disabled,
[data-drupal-selector="edit-checkout"]:disabled {
  background: rgba(248, 248, 248, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  
  border: 1px solid rgba(220, 220, 220, 0.6);
  color: #8e8e93;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

[data-drupal-selector="edit-submit"]:disabled::before,
[data-drupal-selector="edit-checkout"]:disabled::before {
  background: rgba(248, 248, 248, 0.6);
}

/* Фолбэк для браузеров без поддержки backdrop-filter */
@supports not (backdrop-filter: blur(20px)) {
  [data-drupal-selector="edit-submit"],
  [data-drupal-selector="edit-checkout"] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
  }
}

/* Темная тема - адаптация */
@media (prefers-color-scheme: dark) {
  [data-drupal-selector="edit-submit"],
  [data-drupal-selector="edit-checkout"] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #000000c9;
    box-shadow:
      0 2px 9px rgba(0, 0, 0, 0.5),
      0 -2px 2px rgba(0, 0, 0, 0.1),
      inset 0 9px 0 rgba(255, 255, 255, 0.1);
  }
  
  [data-drupal-selector="edit-submit"]:hover,
  [data-drupal-selector="edit-checkout"]:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
  }
  
  [data-drupal-selector="edit-submit"]:focus,
  [data-drupal-selector="edit-checkout"]:focus {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  [data-drupal-selector="edit-submit"],
  [data-drupal-selector="edit-checkout"] {
    height: 48px;
    font-size: 16px;
    border-radius: 12px;
    margin-bottom: 10px;
  }
}

/* Убедимся, что текст читаем */
[data-drupal-selector="edit-submit"] span,
[data-drupal-selector="edit-checkout"] span {
  position: relative;
  z-index: 1;
}

/* Контейнер для кнопок - добавляем отступы между кнопками */
.form-actions.js-form-wrapper.form-wrapper.mb-3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}