/* Fonts */
/* vietnamese */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_A8s52Hs.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: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.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: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6FospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6FospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6VospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51os.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6FospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.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: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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 */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.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 */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.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 */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.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 */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.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: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.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 {
    --bs-primary: #E4A853;
    --bs-secondary:#333239;
    /* --body-bg-color: #EDEBE5; */
    /* --heading-font: 'Playfair Display', serif; */
    --heading-font: 'Barlow', sans-serif;
    --paragraph-font: 'Open Sans', sans-serif;
    --menu-font:'Barlow', sans-serif;
    --heading-text-color: #111111;
    --paragraph-text-color: #686868;
    --info-background-color: #CDE8F5;    
    --warning-background-color: #F8F3D6;
    --error-background-color:#ECC8C5;
    --success-background-color: #DEF2D6;
    --elements-background-color:#edece5;
  }
  .container {
    padding: 0 12px;
  }
  h1,h2,h3,h4,h5,h6{
    font-family: var(--heading-font);
  }
  h1{
    font-size: 32px;
    line-height: 34px;
    font-weight: bold;
  }
  h2{
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
  }
  h3{
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
  }
  h4{
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
  }
  h5{
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    font-family: sans-serif;
  }
  h6{
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
  }
  p{
    font-family: var(--paragraph-font);
    margin-bottom: 0;
    font-size: 15px;
    line-height: 27px;
    color: var(--paragraph-text-color);
  }
body{
    background-color: var(--elements-background-color);
}
.navbar-nav svg{
    height: 8px;
    width: 9px;
    transform: rotate(90deg);
    margin-left: 2px;
    margin-top: 2px;
}
.navbar-nav svg path{
    fill: #fff;
}
.dropdown-menu .navbar-nav svg {
    height: 9px;
    width: 9px;
}
.header.active{
    display: block;
}
.container{
    max-width: 1140px;
}
/* Header-1 start */
.nav-sticky{
    position: absolute;
    width: 100%;
    z-index: 3;
    background: linear-gradient(to right, rgba(255, 215, 0, 0.5), rgba(255, 255, 255, 0.5));
}
#header-1 .nav-link {
    color: #fff;
    font-family: var(--menu-font);
    font-weight: 700;
}
#header-3 {
    background-color: #fff;
}
#header-3 .nav-link {
    color: #111111;
    font-family: var(--menu-font);
    letter-spacing: .5px;
    font-weight: 600;
}
.nav-sticky.sticky{
    background-color: var(--heading-text-color);
    transition: .5s background-color ease;
}
.nav-sticky nav.navbar{
    padding: 0;
}
.nav-sticky nav.navbar .container-fluid{
    align-items: baseline;
    padding: 0;
}
.navbar-brand svg{
    height: 60px;
    filter: brightness(0.9);
}
#header-2 .navbar-brand {
    padding: 28px 0 28px;
}
#header-2 .navbar-brand svg {
    height: 57px;
}
.navbar-brand svg path, .navbar-brand svg .cls-1{
    fill: white;
}
.navbar-brand svg .cls-2{
    fill: white;
}
#header-3 .navbar-brand svg path, .navbar-brand svg .cls-1{
    fill: black;
}
#header-3 .navbar-brand svg .cls-2{
    fill: black;
}
@media(min-width:992px){
    .navbar-expand-lg .navbar-collapse {
        display: unset !important;
    }
    .navbar-collapse .header-seach-form form {
        display: none;
    }
    #header-3 .nav-sticky-3 a#searchdropdown3 {
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu.show{
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        padding: 35px 45px;
        z-index: 1000;
    }
    li.nav-item:hover > ul.dropdown-menu {
        display: block;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    li.nav-item > ul.dropdown-menu.show {
        display: block;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    li.element:hover .dropdown-menu{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 35px 45px !important;
        position: absolute;
    }
    li.nav-item.element:hover ul.dropdown-menu {
        position: absolute;
        left: 0;
    }
    #header-2 .navbar-nav svg {
        visibility: hidden;
     }
}
.search-language{
    display: flex;
    align-items: center;
}
#header-search {
    height: 17px;
    max-width: 20px;
    fill: #ffff;
}
.header1 #header-search {
    height: 15px;
}
#header-search path{
    fill: #fff;
}
.search-language .callnow{
    display: flex;
    margin-right: 20px;
    align-items: center;
}
.navbar-nav a {
    text-transform: uppercase;
}
.search-language .callnow .svg-wrapper{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-secondary);
    border-radius: 4px;
    margin-right: 10px;
}
.search-language .callnow .call-wrapper p{
    font-size: 12px;
    line-height: 14px;
    color: white;
    margin-bottom: 4px;
}
.search-language .callnow .call-wrapper a{
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-weight: 700;
}
.search-language .callnow .svg-wrapper svg{
    width: auto;
    height: 20px;
}
.search-language .callnow .svg-wrapper svg path{
    fill: white;
}
.navbar-collapse{
    justify-content: center;
}
.navbar-collapse .navbar-nav{
    width: max-content;
    max-width: unset;
    margin-left: auto;
}
.navbar-expand-lg .navbar-nav .nav-item, .language, .navbar-nav .dropdown-menu a, .submenu-1{
    position: relative;
}
.submenu-1 .dropdown-menu{
    left: 100%;
    top: 0;
    background: #EDEBE5 0% 0% no-repeat padding-box;
}
.navbar-expand-lg .navbar-nav .nav-item.element{
    position: unset;
}
.navbar-expand-lg .navbar-nav .nav-link, .language a{
    position: relative;
    padding: 30px 0;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    align-items: center;
}
#header-1 .navbar-expand-lg .navbar-nav .nav-link{
    padding-bottom: 19px;
}
.nav-link{
    margin-right: 30px;
    letter-spacing: 1.4px;
}
.language a{
    color: white;
}

.navbar-nav .nav-item.active .nav-link::after{
    background-color: var(--bs-secondary);
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .language a:hover{
    color: var(--bs-primary);
    transition: .3s color ease;
}
.navbar-expand-lg .navbar-nav .nav-link:hover::after, .language a:hover::after{
    background-color: var(--bs-primary);
    transition: .3s background-color ease;
}
.language a{
    text-decoration: none;
}
.language .dropdown-menu{
    margin: 0;
    padding: 0;
    min-width: 80px;
    left: unset;
    right: 0;
    box-shadow: 0px 4px 6px #00000008;
    background: #EDEBE5 0% 0% no-repeat padding-box;
    border-radius: 0;
}
.language ul a{
    padding: 0;
}
.language ul a::after{
    display: none;
}
.dnone{
    display: none;
}
.navbar-nav .dropdown-menu{
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: 0px 2px 8px 3px #00000008;
}
.dropdown-menu{
    border: unset;
}
.navbar-nav .dropdown-menu a:hover{
    color: #ffffff;
    background-color: var(--bs-primary);
    background-color: var(--bs-primary);
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.navbar-nav .dropdown-menu a:hover.dropdown-item svg path{
    fill: #FFFFFF;
}
.dropdown-menu .about-menu .show {
    display: block !important;
}
.navbar-nav .dropdown-menu .dropdown-item, .search-language .dropdown-menu .dropdown-item{
    font-size: 13px;
    font-family: var(--menu-font);
    padding: 7px 20px;
    font-weight: 600;
    letter-spacing: 0.65px;
}
.search-language .dropdown-menu .dropdown-item{
    color: var(--heading-text-color);
}
.navbar-nav .dropdown-menu a{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.navbar-expand-lg .navbar-nav .nav-item.element .element-div .dropdown-item{
    width: 125px;
    align-items: center;
}
.hamber-icon{
    width: 20px;
    height: 15px;
}
.hamber-btn path{
    fill: white;
}
.close-icon{
    width: 16px;
    height: 16px;
}
#header-3 .close-icon{
    width: 24px;
    height: 24px;
}
.hamber-btn, .hamber-btn:focus{
    padding: 0;
    box-shadow: unset;
}
.nav-sticky .sidebar{
    position: absolute;
    top: 35px;
    left: 39px;
    padding: 0;
    display: none;
}
.nav-sticky .sidebar:focus{
    box-shadow: unset;
}
.nav-sticky .sidebar svg{
    width: 22px;
    height: 22px;
}
.navbar-brand{
    padding: 35px 0 20px;
}
#header-3 .navbar-brand {
    padding: 26px 0;
}
#header-3 .top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    list-style: none;
}
.top-header h5 a {
    text-decoration: none;
    color: #fff;
}
/* #header-3 .bottom-header-bar .header-book-link {
    padding: 14px 60px;
    padding-bottom: 16px;
} */
.nav-sticky .side-footer.collapsing{
    height: 100vh;
}
.nav-sticky .side-footer{
    position: fixed;
    top: 0;
    left: -550px;
    max-width: 550px;
    height: 100vh;
    /* overflow-y: scroll; */
    background-color: var(--bs-primary);
    color: white;
    padding: 75px 87px;
    transition: .4s left linear;
}
.nav-sticky .side-footer.show{
    left: 0px;
}

.nav-sticky .side-footer .side-close{
    position: absolute;
    top: 32px;
    left: 32px;
}
.nav-sticky .side-footer .about, .nav-sticky .side-footer .Contact{
    margin-bottom: 55px;
}
.nav-sticky .side-footer .Contact p, .nav-sticky .side-footer .Contact a{
    text-decoration: none;
    opacity: .6;
    color: white;
}
.nav-sticky .side-footer .Contact p{
    max-width: 250px;
}
.nav-sticky .side-footer .Contact ul li{
    display: flex;
    margin-bottom: 20px;
}
.nav-sticky .side-footer .Contact ul li svg{
    height: 15px;
    width: auto;
    margin-right: 15px;
    margin-top: 8px;
}
.nav-sticky .side-footer .Contact ul li svg path{
    fill: white;
}
.nav-sticky .side-footer .side-close button, .nav-sticky .side-footer .side-close button:focus{
    padding: 0;
    box-shadow: unset;
}
.nav-sticky .side-footer .side-close svg{
    width: 32px;
    height: 32px;
}
.nav-sticky .side-footer h3{
    margin-bottom: 24px;
}
.nav-sticky .side-footer .product h3{
    margin-bottom: 30px;
}
.top-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header .header-book-link{
      background-color: var(--bs-primary);
      color: #ffff;
      height: 50px;
      font-weight: 600;
      font-family: var(--menu-font);
      text-decoration: none;
      letter-spacing: 0.9px;
      font-size: 15px;
      width: 156px;
      display: flex;
      align-items: center;
      justify-content: center;
}
#header-3 .top-header .header-book-link{
    width: 220px;

}
.services h3 a:hover {
    color: var(--bs-primary);
}
.header-book-link {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
#header-1 #header-search path,#header-3 #header-search path {
    stroke: #ffff;
    stroke-width: 7px;
}
#header-1 .header-fixed #header-search path{
    stroke-width: unset;
}
.top-header {
    position: relative;

}
.top-header::after {
   
    position: absolute;
    content: '';
    background-color: #111111;
    opacity: .5;
}
#header-2 .nav-sticky {
    background-color: #ffff;
}
#header-2 a.nav-link {
    color: black;
    font-family: var(--menu-font);
    font-weight: 600;
    letter-spacing: .75px;
}
.nav-item.active a.nav-link {
    color: var(--bs-primary) !important;
    font-family: var(--menu-font);
}
.nav-item.active a.nav-link svg path {
    fill: var(--bs-primary) !important;
}
#header-2 .navbar-brand svg path, #header-2 .navbar-brand svg .cls-1{
    fill: black ;
}
#header-2 .navbar-brand svg .cls-2{
    fill: black !important;
}
.navbar-brand svg path, .navbar-brand svg #Icon_material-star{
    fill: var(--bs-primary) !important;
}
#header-2 #header-search path {
    fill: #111111;
}
.top-header-wrapper{
    background-color: #353536f7;
}
.top-header h5 {
    margin-bottom: unset;
    color: #fff;
    letter-spacing: 0.32px;
    font-family: 'Open Sans';
    font-weight: 600;
}

.top-header-contat {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-contact {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffff;
    z-index: 999;
}
.top-fixed{
    background-color: #ffff;
    z-index: 999;
}
/* .submenu-1 .dropdown-item:active .dropdown-menu {
    display: block;
} */
 /* .header .navbar-nav > .nav-item:last-of-type .dropdown-menu::after {
    right: 20px;
    left: unset;
    }
.header .navbar-nav > .nav-item:last-of-type .dropdown-menu:hover {
    right: 20px;
    left: unset;
}
.header .navbar-nav > .nav-item:last-of-type:hover > ul.dropdown-menu {
    display: block;
    right: 0;
} */
.submenu-1 .dropdown-item:focus{
    display: flex;

}
#header-1 .header-fixed .navbar-brand svg .cls-1 {
    fill: black;
}
#header-1 .header-fixed .navbar-brand svg .cls-2 {
    fill: black;
}
#header-1 .header-fixed .nav-link{
    color: black !important;
}
#header-1 .header-fixed 
.nav-item.active a.nav-link {
    color: var(--bs-primary) !important;
}
.bottom-header-bar{
    background-color: #353536f7;
}
.bottom-header-bar h5{
    color: #fff;
    position: relative;
    padding: 11px 35px;
}
.bottom-header-bar h5::after{
    position: absolute;
    content: "";
    width: 2px;
    background: #fff;
    height: 49px;
    z-index: 999;
    margin: 0;
    bottom: 0;
    top: 0;
    margin-left: 50px;
}
.bottom-header-bar .header-ph::before{
    position: absolute;
    content: "";
    width: 2px;
    background: #fff;
    height: 49px;
    z-index: 999;
    margin: 1px -32px;
    bottom: 0;
    top: 0;
}
#header-3 .container-fluid{
    padding: 0;
}
.langu {
    display: flex;
}
#languagedropdown1 {
    padding: 12px 0;
    padding: 12px 0;
    margin-right: 50px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.16px;
    font-size: 16px;
    font-family: var(--paragraph-font);
}
.language ul a {
    color: var(--bs-secondary);
    padding: 0 5px;
    justify-content: center;
    margin: auto;
    font-family: var(--menu-font);
    font-size: 15px;
    letter-spacing: .96px;
    text-transform: uppercase;
    font-weight: 600;
    justify-content: flex-start;
    padding-left: 12px;
}
.language ul a:first-of-type {
    padding-top: 10px;
}
.language ul a:last-of-type {
    padding-bottom: 10px;
}
.language {
    position: relative;
}
.language::before {
    position: absolute;
    content: "";
    width: 2px;
    background: #fff;
    height: 49px;
    z-index: 999;
    bottom: 0;
    top: 0;
    margin: 0 100px;
}
a#searchdropdown3 {
    display: inline-block;
    width: max-content;
    height: 14px;
    line-height: 24px;
    margin-left: 17px;
}
a#searchdropdown2 {
    display: inline-block;
    width: max-content;
    height: 14px;
    line-height: 24px;
    margin-left: 17px;
}
a#searchdropdown1 {
    display: inline-block;
    width: max-content;
    height: 14px;
    line-height: 24px;
    margin-left: 17px;
}
.bottom-header-bar #header-search {
    padding-left: 27px;
}
#header-3 #header-search {
    padding-left: 5px;
}
.header-ph h5 {
    padding-left: 20px;
}
.header-address h5 {
    padding-left: 22px;
}
#header-3 .navbar-nav svg path {
    fill: black;
}
#header-3 .navbar-nav .dropdown-menu a:hover.dropdown-item svg path {
    fill: #FFFFFF;
}
#header-3 .navbar .navbar-nav .nav-item:last-child .nav-link{
    margin: 0;
}
.header3 .language svg{
    height: 7px;
    width: max-content;
    padding-left: 5px;
}
#header-2 .language svg{
    height: 5px;
    width: 13px;
    padding-left: 5px;
}
#header-3 .language {
    padding-left: 30px;
}
.header3 .language svg path{
    fill: #fff;
}
#header-3 .nav-link {
    margin-right: 0;
    padding-bottom: 38px;
    padding-top: 38px;
}
#header-3 .nav-item{
    margin-right: 30px;
}
#header-3 nav.navbar.navbar-expand-lg {
    padding-bottom: 0;
    padding-top: 0;
}
#header-3 .nav-item.active a.nav-link svg path {
    fill: var(--bs-primary) !important;
}
#header-3 a#searchdropdown3 {
    margin-left: 0;
}
.header {
    display: none;
}
.node__content { 
margin: unset;
}

#header-1 .nav-sticky:not(.header-fixed) .navbar-brand svg .cls-1 {
    fill: white;
}
#header-1 .nav-item {
    margin-right: 25px;
}
#header-1 .nav-link {
    margin-right: 0;
}
#header-2.active {
    display: block;
}
#header-3.active {
    display: block;
}

#header-3 .language svg{
    height: 5px;
    width: 14px;
    margin-top: 3px;
    padding-left: 5px;
}
#header-2 .nav-item {
    margin-right: 30px;
}
#header-2 .nav-link {
    margin-right: 0px;
    padding-bottom: 46px;
}
#header-2 #header-search {
    padding-left: 0;

}
#header-3 .language svg path{
    fill: #fff;
} 
.language svg path {
    fill: var(--bs-primary);
}
.top-header svg path {
    stroke: var(--bs-primary);
}
.top-header svg circle {
    stroke: var(--bs-primary);
}
/* FOOTER */
footer{
    background-color: var(--bs-secondary);
}
#block-subscribeournewsletter{
    padding-bottom: 25px;
}
.footer-form h2.subscribe-title {
    color: #FFFFFF;
    font-family: 'Playfair Display';
    letter-spacing: 1.2px;
    font-weight: bold;
}
#block-subscribeournewsletter .footer-subscribe {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn {
    transition: 1s;
}
.footer-form {
    padding-top: 85px;
    padding-bottom: 36px;
}
#edit-your-mail::placeholder{
    letter-spacing: 0.15px;
    color: #FFFFFF;
    opacity: 0.4;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--menu-font);
    padding-left: 14px;
}
#edit-your-mail {
    background-color: unset;
    width: 430px;
    height: 65px;
    border-radius: 0;
    color: #fff;
}
.footer-form .webform-button--submit{
    width: 225px;
    height: 65px;
    background: var(--bs-primary);
    outline: unset;
    border: unset;
    border-radius: 0;
    font-family: var(--menu-font);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1.44px;
    color: #FFFFFF;
    text-transform: uppercase;
    border-left: 1px solid;
}
.footer-form .btn-primary:hover {
    background-color: var(--bs-primary) !important;
}
.footer-form hr {
    color: #fff;
}
footer .navbar-brand svg .cls-1 {
    fill: #fff;
}
.social-icons .field--name-field-paragraph {
    display: flex;
    justify-content: space-between;
    width: 175px;
}
.social-icons{
display: flex;
}
.social-icons .social-icon{
    margin-right: 50px;
}
.footer-block .social-icons .social-icon svg {
    width: 25px;
    height: 20px;
    filter: invert(.7);
}
.footer-block .social-icons .social-icon svg#default_facebook {
    width: 11px;
    height: 20px;
}
.footer-block .social-icons .social-icon svg#default_instagram {
    width: 20px;
    height: 20px;
}
.social-icon a:hover svg path {
    fill: var(--bs-primary);
}
.footer-block .social-icons a:hover svg{
    filter: unset;
}
#block-footerfirst p{
    margin-top: 35px;
    margin-bottom: 20px;
    max-width: 307px;
    color: #FFFFFF99;
    font-weight: normal;
    opacity: 1;
}
.quick-links-title {   
    font-family: var(--menu-font);
    font-size: 18px;
    color: var(--bs-primary);
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1.44px;
}
.quick-links{
    padding-left: 0
}
.quick-links li{
    padding: 7px 0;
    line-height: 18px;
}
.quick-links a {
    font-size: 15px;
    font-family: var(--paragraph-font);
    letter-spacing: 0.3px;
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
    font-weight: 400;
}
.quick-links a:hover {
    color: var(--bs-primary);
    opacity: 1;
}
.footer-block .footer-address{
    max-width: 207px;
}
.footer-block .row{
    justify-content: space-between;
}
.footer-block .col-md-3{
    width: max-content;
}
.footer-block p {
    letter-spacing: 0.3px;
    color: #FFFFFF;
    opacity: 0.6;
    font-weight: 400;
}
.footer-block p a {
    text-decoration: none;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    font-weight: 400;
}
.footer-block .footerReserve p:hover {
    opacity: 1;
   
}
.footer-block p a:hover {
    color: var(--bs-primary);
    opacity: 1;
}
.footer-block .col-md-3{
    padding-bottom: 25px;
}
.footer-block hr{
    color: #fff;
}
.footer-copy-right {
    font-family: var(--paragraph-font);
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
    color: #FFFFFF;
    opacity: 1 !important;
    letter-spacing: 0px !important;
    padding-bottom: 17px;
    padding-top: 3px;

}
.footer-copy-right a{
color: var(--bs-primary);
text-decoration: none;
font-weight: 100;
}
.header .header-fixed .hamber-icon path{
    fill: black;
}
.header .header-fixed .close-icon path {
    fill: black;
}
.header .header-fixed .nav-link svg path {
    fill: black;
}
.header .header-fixed .navbar-nav svg path {
    fill: black;
}
.header .header-fixed #header-search path {
    fill: black;
}
 
.footer-form .input-group {
    width: max-content;
}
.footer-form .col-md-8 {
    display: flex;
    justify-content: end;
}
#header-2 .language::before {
   display: none;
}
.dropdown-menu.header-seach-form.show {
    top: 85px !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    display: flex !important;
    justify-content: end;
    background-color: unset;
    transform: unset !important;
}
#header-2 .dropdown-menu.header-seach-form.show {
    top: 103px !important;
}
#header-3 .dropdown-menu.header-seach-form.show {
    top: 43px !important;
}

.header-seach-form .input-group{
    outline: unset;
    border: unset;
    width: 298px;
}
.header-seach-form .input-group input {
    border-radius: unset;
}
.header-seach-form .btn{
    background-color: var(--bs-primary);
    border: unset;
    padding: 0 25px;
    font-weight: 600;
    font-size: 15px;
    border-radius: unset; 
}

#header-2 .dropdown-item svg {
    visibility: unset;
}
.submenu-1:hover > .dropdown-item svg {
    transform: rotate(0);
    transition: .5s;
}
/* .submenu-1:hover > .dropdown-menu{
    display: block;
} */
li.nav-item > ul.dropdown-menu  {
    min-width: 175px;
    background: #EDEBE5 0% 0% no-repeat padding-box;
    z-index: 1001;
}
li.nav-item > ul.dropdown-menu::after {
    position: absolute;
    content: "";
    left: 20px;
    top: -9px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #EDEBE5;

}
.navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu::after{
    right: 180px;
    left: unset;
    margin: auto;
}
li.nav-item > ul.dropdown-menu a.dropdown-item {
    height: 36px;
    z-index: 2;
    display: flex;
    align-items: center;
}
li.nav-item > ul.dropdown-menu a.dropdown-item:first-of-type {
    padding-top: 16px;
}
li.nav-item > ul.dropdown-menu a.dropdown-item:last-of-type{
    padding-bottom: 16px;
}
#header-2 li.nav-item > ul.dropdown-menu a.dropdown-item:first-of-type {
    padding-top: 16px;
}
#header-2 li.nav-item > ul.dropdown-menu a.dropdown-item:last-of-type{
    padding-bottom: 16px;
}
#header-3 li.nav-item > ul.dropdown-menu a.dropdown-item:first-of-type {
    padding-top: 16px;
}
#header-3 li.nav-item > ul.dropdown-menu a.dropdown-item:last-of-type{
    padding-bottom: 16px;
}
.submenu-1 .dropdown-item svg path {
    fill: black;
}
.panel-skins-content a {
    text-decoration: unset;
}
.element-div a{
   padding: 10px 0 !important;
}
.element:hover .contextual-region {
    position: relative ;
}

.dropdown-menu .element-div h3 {
    letter-spacing: 1.44px;
    color: #000000;
    font-size: 18px;
}
/* .dropdown-menu[data-bs-popper] {
    top: unset;
} */
/* .element:hover .navbar-expand-lg .navbar-nav .nav-item.element {
    position: unset ;
} */
.heading {
    padding: 60px 0;
}
.heading-block p {
    padding: 10px 0;
}
.heading-block h1,.heading-block h2,.heading-block h3,.heading-block h4,.heading-block h5,.heading-block h6 {
    font-weight: 600;
}
.heading-block h1{
letter-spacing: 0.64px;
}
.heading-block h2{
    letter-spacing: 0.6px;
}
.heading-block h3{
letter-spacing: 0.4px;
}
.heading-block h4{
    letter-spacing: 0.36px;
}
.heading-block h5{
    letter-spacing: 0.32px;
}
.heading-block h6 {
    letter-spacing: 0.28px;
}
/* Header-Modify */
.top-bar {
    display: block;
    background-color: rgba(0, 0, 0, .5);
}
#header-1 .nav-sticky{
    /* position: unset; */
}
#header-1 {
    position: absolute;
}
#page_content.header-2 .page-banner {
    margin-top: 110px;
}
#page_content.header-2 .page-banner2 {
    margin-top: 110px;
}
/* BUTTONS PAGE */
.buttons {
    padding: 100px 0;
    padding-bottom: 35px;
}
.buttons-block h2{
    margin-bottom: 35px;
    font-weight: 600;
}
.buttons-block .row{
    justify-content: space-between;
}
.buttons-block .row .col-md-4{
    width: max-content;
}
.buttons-block .button-block .btn-primary:hover{
    border: 1px solid var(--bs-secondary);
}
.btn-sm, .buttons-block .button-block1 .btn-sm, .buttons-block .button-block2 .btn-sm{
    max-width: 144px;
    height: 50px;
}
.btn-md, .buttons-block .button-block1 .btn-md, .buttons-block .button-block2 .btn-md{
    max-width: 160px;
    height: 54px;
}
.btn-lg, .buttons-block .button-block1 .btn-lg, .buttons-block .button-block2 .btn-lg{
    width: 180px;
    height: 56px;
}
.btn-dark{
    background-color: var(--heading-text-color);
    color: white;
}
.btn-dark path{
    fill: white;
}
.btn-dark:hover{
    background-color: white;
    color: var(--heading-text-color);
}
.btn-dark:hover path{
    fill: var(--heading-text-color);
}
.buttons-block .button-block a:nth-last-child(n+2), .buttons-block .button-block1 a:nth-last-child(n+2),
.buttons-block .button-block2 a:nth-last-child(n+2){
    margin-bottom: 24px;
}
a.btn-br1{
    border-radius: 7px;
}
.buttons3 .btn,.buttons5 .btn{
    border-radius: 9999px;
}
.buttons4 .btn-primary{
    background-color: white;
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    border-radius: unset;
}
.buttons4 .btn-primary:hover{
    background-color: var(--bs-primary);
    color: white;
}
.buttons4 .btn-primary path{
    fill: var(--bs-secondary);
}
.buttons4 .btn-primary:hover path{
    fill: white;
}
.buttons4 .btn-secondary{
    background-color: white;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
    border-radius: unset;
}
.buttons4 .btn-secondary:hover{
    background-color: var(--bs-secondary);
    color: #fff;
}
.buttons4 .btn-secondary path{
    fill: var(--bs-primary);
}
.buttons4 .btn-secondary:hover path{
    fill: white;
}
.buttons4.primary{
    color: #fff;
    display: block;
    width: max-content;
    background-color: var(--bs-primary);
}
.buttons4 .btn-success{
    background-color: white;
    color: #198754;
    border: 1px solid #198754; 
    border-radius: unset;
}
.buttons4.primary:first-child, .buttons4.secondary:first-child,
.buttons4.dark:first-child{
    font-size: 15px;
    line-height: 17px;
    font-family: var(--heading-font);
}
.buttons4.primary:first-child svg, .buttons4.secondary:first-child svg,
.buttons4.dark:first-child svg{
    width: 12px;
    height: 8px;
}
.buttons4.primary:nth-child(2), .buttons4.secondary:nth-child(2),
.buttons4.dark:nth-child(2){
    font-size: 15px;
    line-height: 20px;
    font-family: var(--heading-font);
}
.buttons4.primary:nth-child(2) svg, .buttons4.secondary:nth-child(2) svg,
.buttons4.dark:nth-child(2) svg{
    width: 15px;
    height: 10px;
}
.buttons4.primary:last-child, .buttons4.secondary:last-child,
.buttons4.dark:last-child{
    font-size: 15px;
    line-height: 22px;
    font-family: var(--heading-font);
}
.buttons4.primary:last-child svg, .buttons4.secondary:last-child svg,
.buttons4.dark:last-child svg{
    width: 18px;
    height: 12px;
}
.buttons4.secondary{
    color: #fff;
    display: block;
    width: max-content;
}
.buttons4.dark{
    color: var(--heading-text-color);
    display: block;
    width: max-content;
}
.buttons4.primary path{
    fill: #fff;
}
.buttons4.secondary path{
    fill: #fff;
}
.buttons4.dark path{
    fill: var(--heading-text-color);
}
.buttons4.primary, .buttons4.secondary, .buttons4.dark{
    position: relative;
}
.buttons4.primary::after, .buttons4.secondary::after, .buttons4.dark::after{
    content: "";
    position: absolute;
    background-color: var(--bs-secondary);
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    transition: .3s width linear;
}
.buttons4.secondary::after{
    background-color: var(--bs-primary);
}
.buttons4.dark::after{
    background-color: var(--heading-text-color);
}
.buttons4.primary:hover::after, .buttons4.secondary:hover::after, .buttons4.dark:hover::after{
    width: 100%;
}
.button-block {
    display: flex;
    flex-direction: column;
}
.buttons5 .btn-primary{
    background-color: var(--bs-primary);
}
.btn {
    border: unset;
    font-size: 15px;
    font-family:var(--menu-font);
    display: flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}
.button-block .btn-primary {
    background-color: var(--bs-primary);
   
}
.btn-secondary {
    background-color: var(--bs-secondary);
}
.buttons1 .btn {
    border-radius: unset;
}
.buttons5 .btn-sm{
    max-width: 144px;
    width: 100%;
}
.buttons5 .btn-md{
    max-width: 160px;
    width: 100%;
}
.buttons5 .btn-lg{
    max-width: 180px;
    width: 100%;
}
.buttons5 .btn-sm svg{
    width: 12px;
    height: 8px;
    margin-left: 5px;
}
.buttons5 .btn-md svg{       
    width: 15px;
    height: 10px;
    margin-left: 7px;
}
.buttons5 .btn-lg svg{ 
    width: 18px;
    height: 12px;
    margin-left: 8px;
 }
 .buttons5  svg path{
    fill: #fff;
 }
 .code-block {
    margin-top: 35px;
}
.button-block .btn {
    font-weight: 600;
}
.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%;
    overflow-x: auto;
    word-wrap: break-word;
    word-break: break-word;
    max-height: 150px;
    margin-top: 50px;
    margin-bottom: 60px;
}
.code-block::-webkit-scrollbar, .code-block .language-markup::-webkit-scrollbar{
    width: 1vh;
}
.code-block .language-markup::-webkit-scrollbar{
    height: 1vh;
}
.code-block::-webkit-scrollbar-thumb, .code-block .language-markup::-webkit-scrollbar-thumb{
    background-color: var(--bs-secondary);
    border-radius: 4px;
}
.code-block::-webkit-scrollbar-track, .code-block .language-markup::-webkit-scrollbar-track{
    background-color: rgb(223, 223, 223);
    border-radius: 4px;
}
.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;
    z-index: 1;
}
.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;
}
.btn-primary:hover{
    background-color: var(--bs-secondary) !important;
}
.btn-secondary:hover{
    background-color: var(--bs-primary);
}
.btn-success:hover{
    background-color: var(--bs-secondary);
}
.buttons4 .btn-primary:hover{
    background-color: var(--bs-primary) !important;
    color: #fff;
}
.button4 .btn-secondary:hover{
    background-color: var(--bs-primary);
    color: #fff;
}
.botton4 .btn-success:hover{
    background-color: #198754;
    color: #fff;
}
.buttons4 .btn-success:hover{
    background-color: #198754;
    color: #fff;
}
.btn:focus, .btn:active{
    outline: none;
    box-shadow: none;
    border: unset;
}
.buttons4 .btn {
    font-weight: 600;
}
/* Accordion Style 1 */
.accordion-style{
    padding: 100px 0;
    background-color:#EDEBE5 ;
}
.accordion-style .accordion-block h2{
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom: 35px;
}
.accordion {
    --bs-accordion-border-color: unset !important;
    --bs-accordion-bg: unset !important;
    --bs-accordion-active-bg: #fff;
    border-color: unset !important;
    --bs-accordion-btn-focus-box-shadow: unset;
}
.accordion-button {
    color: var(--bs-secondary);
}
.accordion-button:not(.collapsed) {
    color: var(--bs-secondary);
}
.accordion-block .collapse:not(.show) {
    display: none;
}
.accordion-item {
    border: unset;
}
.accordion-1 .accordion-body {
    background-color: #EDEBE5 ;
}
.accordion-1 .accordion-button {
    background-color: #F5F5F5 ;
    box-shadow: unset;
}
.accordion-1 .accordion-item,.accordion-2 .accordion-item {
    margin-bottom: 28px;
}
.accordion-button::after {
    background-image: url(./img/Icon\ ionic-ios-arrow-forward-2.svg);
    filter:  brightness(.2);
    width: 24px;
    background-size: 24px;
    height: 14px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(./img/Icon\ ionic-ios-arrow-forward-2.svg);
    filter:  brightness(.2);
    width: 24px;
    background-size: 24px;
    height: 14px;
}
.accordian-2 .accordion-button::after {
    background-image: url(./img/Icon\ ionic-ios-arrow-forward-2.svg);
    filter:  brightness(.2);
    width: 32px;
    width: 18px;
    height: 20px;
    background-size: 18px;
    height: 10px;
}
.accordian-2 .accordion-button:not(.collapsed)::after {
    background-image: url(./img/Icon\ ionic-ios-arrow-forward-2.svg);
    filter:  brightness(.2);
    width: 32px;
    width: 18px;
    height: 20px;
    background-size: 18px;
    height: 10px;
}
.accordian-2 .accordion-button{
    background-color:  #EDEBE5;
}
.accordian-2 .accordion-body {
    background-color: #EDEBE5 ;
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 30px;
    margin-right: 30px;
    border-top: 1px solid #00000040;;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 24px;
    padding-top: 24px;
}
.accordian-2 .accordion-item{
    border: 1px solid #00000040;;
    margin-bottom: 20px;
    border-radius: 8px;
    background: var(--elements-background-color);
}
.accordian-2 .accordion-button:not(.collapsed) {
    box-shadow: unset;
}
.accordian-3 .accordion-body {
    background-color: #EDEBE5 ;
}
.accordian-3 .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: unset;
}
.accordian-  .accordion-button {
    box-shadow: unset !important;
}
.accordian-3 .accordion-button{
background-color:  #EDEBE5;
}
.accordian-3 .accordion-button::after {
    background-image:url(./img/down-arrow.png);
    background-color: var(--bs-primary);
    padding: 20px;
    background-position: center;
    border-radius: 20px;
    display: none;

}    
.accordion-block    .code-block {
    margin-top: 35px;
}
.accordion-block .code-block:last-of-type {
    margin-bottom: 0;
}
button.accordion-button {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 22px;
    padding-bottom: 22px;
    align-items: center;
}
.accordion-button {
    font-weight: 600;
    font-size: 20px;
    font-family: var(--menu-font);
    color: #333239;
    line-height: 40px;
    margin-bottom: 0;
}
.alert svg{
    height: 30px;
    width: 30px;
    margin-right: 31px;
}
.alert .fa-check {
    height: 35px;
    width: 35px;
}
.alert1 .alert-warning {
    border: 1px solid #967132;
}
 .alert-warning::before{
    display: none !important;
}

 .alert-success::before{
    display: none !important;
}
.btn-close {
    padding: 47px 35px !important;
}
.alert {
    display: flex;
    margin: 40px 0;
    justify-content: space-between;
}
.alert_wrapper {
    display: flex;
}
.alert h3{
    font-size: 24px;
    font-family: 'Open Sans';
    font-weight: 600;
}
.alert1 .alert-info {
    border: 1px solid #A3CFE7;
    border-radius: 7px;
}
.alert-info h3{
    color: #3D75A3;
}
.alert-info path{
    stroke: #3d75a3;
    fill: #3D759F;
}
.alert-close {
    border: unset;
    background-color: unset;
}
.alert-close .fa-xmark {
    font-size: 30px;
}
.alert-info {
    background-color: var(--info-background-color);
}
.alert-warning{
    background-color: var(--warning-background-color) !important;
}
.alert-warning h3,.alert-warning path {
    color: #967132;
    fill: #967132;
}
.alert-error {
    background-color: var(--error-background-color);
}
.alert1 .alert-error {
    border: 1px solid #B32F2D;
}
.alert-error h3,.alert-error path{
    color: #B32F2D;
    fill:#B32F2D;
}
.alert-success{
    background-color: var(--success-background-color) !important;
}
.alert1 .alert-success{
   border: 1px solid #5A7052 !important;
}
.alert-success h3,.alert-success path{
    color: #5A7052;
    
}
/* Alerts Style 2 */
.alerts{
    padding: 100px 0;
    padding-bottom: 40px;
}
.alerts h2 {
    font-weight: 600;
}
.alert2 .alert-info {
    border-bottom: 7px solid #3374ad;
}
.alert2 .alert-warning{
    border-bottom: 7px solid #a47d45;
    border-left: unset !important;
}
.alert2 .alert-error {
    border-bottom: 7px solid #9b1212;
}
.alert2 .alert-success{
    border-bottom: 7px solid #145014;
    border-left: unset !important;
}
/* Alerts Style 3 */
.alert3 .alert{
    border-radius: 100px;
    padding: 27px 45px;
}
.alert3 .btn-close {
    padding: 40px 35px !important;
}
.alert3 .alert-success{
    border-left: unset !important;
}
/* Alerts Style 4 */
.alert4 .alert{
    border-radius: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    height: 90px;
}
.alert4 .btn-close {
    padding: 31px 35px !important;
}
.alert4 .alert-success{
    border-left: unset !important;
}
.alert4 .alert svg {
    height: 30px;
    width: 30px;
    margin-right: 0;
    
}
.alert_4svg {
    height: 84px;
    border-radius: 50%;
    width: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}
.alert4 .alert-success .alert_4svg{
    background: #596d4f;
}
.alert4 .alert-info .alert_4svg {
    background-color: #0a6ea2ed ;
}
.alert4 .alert-warning .alert_4svg {
    background-color: #a47d45;
}
.alert4 .alert-error .alert_4svg {
    background-color:  #9b1212;
}
.alert4 .alert svg path {
    fill:  #fff;
}
.alert3 .alert-warning, .alert4 .alert-warning {
    border-left: 0;
}
.alert2 .alert {
    display: flex;
    padding: 25px 27px;
}
.alert4 .alert_wrapper {
    align-items: center;
}
.alert4 .alert-close {
    padding-right: 40px;
}
.shortcodes-video-bg {
    background-image: url(../img/Group\ 1886.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 530px;
    position: relative;
}
.video-block .svg-wrapper{
    width: max-content;
    margin: auto;
    /* position: absolute; */
    top: 285px;
    left: 0;
    right: 0;
}
.video-block .svg-wrapper svg{
    vertical-align: middle;
    background: var(--bs-primary);
    border-radius: 50%;
    height: 93px;
    width: 93px;
   
}.video-block .svg-wrapper svg path{
    fill: var(--bs-primary);
}
.video-block .svg-wrapper .video-icon{
    fill: #ffff !important;
}
.video-title{
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    font-size: 50px;
    color: #ffff;
    text-align: center;
    text-transform: uppercase;
}
.audio-video h2 {
    text-align: center;
    margin-bottom: 30px;    
}
/* .audioWrapper {
    height: 122px;
    width: 620px;
    background-color: #fff;
} */
.audio-video{
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.audio-block{
    margin: auto;
    width: max-content;
}
.quotes-content svg {
    height: 28px;
    width: 28px;
    margin-right: 20px;
}

.quotes-content {
    display: flex;
    margin-top: 35px;
    align-items: baseline;
}
.content-quotes h3 {
    font-weight: 600;
    letter-spacing: .6px;
}
.blockquotes-block h2 {
    font-weight: 600;
}
.blockquotes-block {
    margin: 30px 0;
}
.blockquotes .blockquotes-block {
    margin:  0;
}
.blockquotes-2 .quotes-content {
    display: flex;
    margin-top: 35px;
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    padding: 35px 0;
}
.blockquotes-2 .quotes-content svg {
    height: 25px;
    width: 25px;
    margin-right: 20px;
    margin-left: 100px;
}
.blockquotes{
    padding-top: 100px;
    padding-bottom: 35px;
    background-color: var(--elements-background-color);
}
/* Dividers */
.dividers{
    padding: 100px 0 60px 0;
    background-color: #8080802e;
}
.dividers-block h2 {
    margin-bottom: 30px;
    font-weight: 600;
}
.dividers-block .divider1 .diff-border {
    border-top: 1px solid #263238;
    height: 0;
}
.dividers-block .divider2 .diff-border {
    border-top: 2px dashed #263238;
    border-spacing: 9px;
    height: 0;
    mask-border-outset: 10px;
}
.dividers-block .divider3 .diff-border {
    border: 3px solid #263238;
    background-color: #263238;
    border-radius: 30px;
    height: 0;
}
.dividers-block .divider4 .diff-border {
    border-top: 4px dotted #263238;
    height: 0;
}
.dividers-block span {
    line-height: 26px;
    font-family: 'Open Sans';
    /* font-weight: 500; */
    margin-bottom: 22px;
    display: inline-block;
    letter-spacing: 0.2px;
    font-size: 20px;
    color: #000000;
}
.images {
    padding: 100px 0;
    padding-bottom: 30px;
}
.images-block-2 img {
    border-radius: 10px;
}
.images-block-3 img {
    border-radius: 50%;
}
.images-block h2 {
    margin-bottom: 30px;
    font-weight: 600;
}
/* Drop-cap */
.drop-caps{
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.drop-caps h2{
    margin-bottom: 25px;
    font-weight: 600;
}
.myDropcap{
    float: left;
    font-size: 45px;
    line-height: 24px;
    color: var(--bs-primary);
    padding: 9px 10px;
    padding-top: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 50px;
    padding-left: 0;
}
.dropcaps-2 p::first-letter{
    float: left;
    font-size: 26px;
    line-height: 24px;
    color: white;
    padding: 12px 16px;
    height: 47px;
    width: 47px;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 1px;
}
/* Grids */
.grid {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.grid h2 {
    margin-bottom: 21px;
    font-weight: 600;
    line-height: 36px;
}
/* Highlights */
.highlights{
    padding-top: 100px;
    padding-bottom: 30px;
    background-color: var(--elements-background-color);
}
.highlights h2{
    margin-bottom: 25px;
    letter-spacing: 0.6px;
    font-weight: 600;
}
.highlights-1 span{
    font-style: italic;
    font-weight: 700;
    font-size: 14px;
}
.highlights-2 span{
    background: var(--bs-primary);
    color: #fff;
    font-weight: 700;
    padding: 4px 2px;
    font-size: 14px;
}
/* List */
.lists .lists-block h2 {
    letter-spacing: 0.6px;
    font-weight: 600;
    margin-bottom: 30px;
}
.lists {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.lists li {
    padding: 15px 0;
    font-size: 21px;
    padding-top: 0;
}
.list-icon svg {
    height: 20px;
    width: max-content;
    margin-right: 16px;
}
.list-style-2 .list-icon svg ,.list-style-4 .list-icon svg{
    margin-right: 18px;
}
.list-3 svg {
    height: 11px;
    width: 11px;
}
.list-unstyled.list-2 .list-icon {
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-4 svg {
    height: 8px;
    width: 6px;
}
.lists .list-1 {
    padding-left: 20px;
}
.list-2 li,.list-3 li, .list-4 li{
    display: flex;
}
.list-3 li {
    align-items: baseline;
}
.list-4 li{
    align-items: baseline;
}
.list-unstyled.list-2 li {
    align-items: flex-start;
}
.list-style-4 svg path {
    fill:var(--bs-primary);
}
.list-style-2 svg path {
    stroke: var(--bs-secondary);
    stroke-width: 4px;
    fill: var(--bs-primary);
}
.list-style-3 svg path {
    fill: var(--bs-primary);
}

.lists-block .packages.list-unstyled li {
    align-items: baseline;
}
.lists-block .packages.list-unstyled li svg {
    width: 6px;
    height: 6px;
    margin-right: 0;
}
.lists-block .packages li p {
    font-size: 16px;
    letter-spacing: 0.16px;
    padding-left: 14px;
}
.list-unstyled.list-2 svg {
    width: 18px;
    height: 14px;
}
.lists .lists-block .packages li{
    padding-top:0 ;
    font-size: unset;
    padding-bottom: 18px;
}
/* Map */
.map{
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.map h2 {
    margin-bottom: 35px;
    font-weight: 600;
}
.map-style-1 iframe,.map-style-2 iframe {
    width: 100%;
    height: 600px;
    border: 0;
}
/* Progress Bar  */
/* Prgress Bar Style 1 */
.progress-bars{
    padding: 100px 0 40px 0;
    background-color: var(--elements-background-color);
}
.progress1 .progress {
    position: relative;
    overflow: unset;
    background-color: #fff;
    border-radius: 50px
}

.progress1 .progress-bar {
    position: relative;
    overflow: unset;
    border-radius: 50px;
    background-color:rgb(236 64 64);
}
.progress1 .rangevalue {
    position: absolute;
    right: 0;
    top: -40px;
}
.progress1 .rangevalue1{
    font-size: 20px;
    font-weight: 700;
    color: black;
}
/* Progress Bar Style 2 */
.progress2 .progress {
    position: relative;
    overflow: unset;
}
.progress2 .progress-bar {
    position: relative;
    overflow: unset;
    border-radius: 50px;
    background-color:rgb(236 64 64);
}
.progress2 .progress-bar::after {
    content: "";
    position: absolute;
    display: block;
    right: -5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgb(236 64 64);
    box-shadow: 0px 0px 0px 5px white;
}
.progress2 .rangevalue {
    position: absolute;
    right: 0;
    top: -51px;
    font-size: 20px;
    font-weight: 700;
    color: black;
}
/* Progress Bar Style 3 */
.progress-wrapper {
    position: relative;
    overflow: unset;
    padding: 30px 12px 12px 12px;
    background-color: #ffff;
}
.progress3 .progress {
    position: relative;
    overflow: unset;
    border-radius: 50px;
}
.progress3 .progress-bar{
    position: relative;
    overflow: unset;
    border-radius: 50px;
    background-color: #382fbe;
}
.progress3 .rangevalue {
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 18px;
    font-family: 'Barlow';
    color: black;
}
/* Progress Bar Style 4 */
.progress {
    background-color: #fff;
}
.progress4 .progress {
    position: relative;
    overflow: unset;
    background-color: #e7e7e7c9;
    background-color: #e5e3e382;
}
.progress4 .rangevalue{
    position: absolute;
    right: 0;
    top: -45px;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 600;
    letter-spacing: 0.16px;
    color: var(--bs-secondary);
}
.progress4 .progress-bar{
    background-color: rgb(236 64 64);
    z-index: 3;
}
.progress4:first-child p {
    color: red;
}
.progress-bars h2 {
    margin-bottom: 70px;
    font-weight: 600;
}
.progress3 h2 {
    margin-bottom: 50px;
}
.progress4 h2 {
    margin-bottom: 40px;
}
.progress4 .tag {
    margin-bottom: 20px;
    color: black;
}
.progress3 .progress {
    background-color:  #e8ecef;
}
/* Tabs */
/* Tab Style 1 */
.tab {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.tab .tab1 .nav-tabs .nav-link {
    border: unset;
    text-transform: uppercase;
    color: #322f2f;
    font-weight: 700;
    font-size: 18px;
    font-family: var(--menu-font);
    letter-spacing: 0.36px;
    color: var(--bs-secondary);
    font-weight: bold;
}
.tab .nav-tabs {
    border-bottom: unset;
}
.tab1 .nav-link.active {
    background-color: unset !important;
    border: unset;
    color:var(--bs-primary) !important;
    position: relative;
}
.tab1 .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 4px;
    background-color: var(--bs-primary);
}

.tab .nav-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.tab h2 {
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0.6px;
    color: var(--bs-secondary);
    font-weight: 600;
}
.tab .tab-block .nav-link {
    margin-right: 40px;
}
.tab1 .nav-link{
    padding-bottom: 14px;
    font-family: var(--menu-font);
    letter-spacing: .36px;
    
}
/* Tab Style 2 */
.tab .tab2 .nav-tabs .nav-link {
    border: unset;
    text-transform: uppercase;
    color: var(--bs-secondary);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .36px;
    font-family: var(--menu-font);
}
.tab .tab2 .nav-link.active {
    background-color: unset !important;
    border: unset;
    color:var(--bs-primary);
}
/* Tab Style 3 */
.tab .tab3 .nav-tabs .nav-link {
    border: unset;
    color: var(--bs-secondary);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .36px;
    font-family: var(--menu-font);
}
.tab .tab3 .nav-link.active {
    background-color:var(--bs-primary);
    border: unset;
    color:#fff;
    border-radius: 0;
    width: 98px;
    height: 45px;
}
/* Tab Style 4 */
.tab .tab4 .nav-tabs .nav-link {
    border: unset;
    color: #322f2f;
    font-weight: 700;
    font-size: 18px;
    border: unset;  
    border-radius: 30px;
    width: 98px;
    height: 45px;
    letter-spacing: .36px;
    font-family: var(--menu-font);
}
.tab .tab4 .nav-link.active {
    background-color:var(--bs-primary);
    color:#fff;
}
.tab .tab-block .tab4 .nav-link,.tab .tab-block .tab3 .nav-link {
    margin-right: 35px;
}
.tab .tab-block .tab3 .nav-link {
    margin-right: 22px;
    width: 98px;
    height: 45px;
    transition: 1s;
}
.tab-block .tab-content>.active {
    display: block;
    font-size: 15px;
    color: var(--paragraph-text-color);
    line-height: 27px;
    font-family: var(--paragraph-font);
    transition: 1s;
}
/* Blog */
.blogs {
    padding: 100px 0;
    background-color: var(--elements-background-color);
}
.blogs .pagination {
    margin: auto;
    width: max-content;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 45px;
}

.blogs h2 {
    margin-bottom: 20px;
}
.blog-blocks h2 {
    letter-spacing: 0.6px;
    color:var(--bs-secondary);
    font-weight: 600;
    margin-bottom: 35px;
}
.blog1 img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    padding-bottom: 20px;
}
.blog1 .date {
    margin-left: 25px;
    font-size: 15px;
    font-family: var(--menu-font);
    color: var(--bs-primary);
    font-weight: 600;
    text-align: left;
    letter-spacing: 1.12px;

}
.blog1 h5 {
    margin-left: 25px;
    padding-right: 15px;
    padding-top: 10px;
    font-family: 'Playfair Display';
    margin-bottom: 30px;
    letter-spacing: 0.16px;
}
.blog1 a {
    position: absolute;
    right: 0;
    bottom: 20px;
    background: var(--bs-primary);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog1 a svg {
    width: 18px;
    height: 18px;
} 
.blog1 a svg path{
    stroke: #fff;
    stroke-width: 7px;
}
.elements .blog1 h5 a {
    position: unset;
    background: unset;
    height: unset;
    width: unset;
    display: unset;
    text-decoration: none;
    color: var(--bs-secondary);
} 
.elements .blog2 h3 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.elements .blog3 h3 a {
    font-size: 20px;
   font-family:  'Playfair Display';
    letter-spacing: 0.2px;
    color: var(--bs-secondary);
}
.elements .blog3 h5 a {
    font-size: 16px;
   font-family:  'Playfair Display';
   letter-spacing: 0.16px;
    color: var(--bs-secondary);
}
.blog1 .blog-item {
    position: relative;
    padding-bottom: 50px;
}

.blog1 .row .col-md-4:nth-child(1)  {
    padding-left: 15px;
}
.blog1 .row .col-md-4:nth-child(3)  {
    padding-right: 15px;
}

/* Blog Style 2 */
.blog2 img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    padding-bottom: 20px;
}
.blog2 .date {
    font-size: 15px;
    font-family: var(--paragraph-font);
    color: var(--bs-primary);
    font-weight: 700;
 }
 .blog2 h3 {
    padding-top: 10px;
    font-family: 'Playfair Display';
    padding-bottom: 7px;
}
.blog2 .row .col-md-4:nth-child(1)  {
    padding-left: 15px;
}
.blog2 .row .col-md-4:nth-child(3)  {
    padding-right: 15px;
}
/* Blog Style 3 */
.blog3 img {
    width: 100%;
    padding-bottom: 20px;
}
.blog3 .col-md-6:nth-child(1) {
    padding-left: 15px;
    padding-right: 23px;
}
.blog3 .col-md-6:nth-child(2) {
    padding-left: 23px;
    padding-right: 15px;
}
.blog3 svg {
    height: 15px;
    width: 15px;
    filter: brightness(.2);
    margin-left: 5px;
}
.blog3 svg path {
    stroke-width: 6px;
}
.blog3 a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Barlow';
    display: flex;
    align-items: center;
    letter-spacing: 0.9px;
    color: #000000;
}
.blog3 a:hover{
    color: var(--bs-primary);
}
.blog3 a:hover svg {
    filter: unset;
}
.blog3 a:hover svg path{
    fill: var(--bs-primary);
    stroke: var(--bs-primary);
}
.blog3 .blog-detail {
    margin-left: 30px;
}
.blog3 .blog-item .date {
    color: var(--bs-primary);
    font-size: 15px;
    letter-spacing: 1.12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--menu-font);
}
.blog3 .blog-detail p {
    margin: 20px 0;
}
.blog3 .blog-items .date {
    display: flex;
    flex-direction: column;
    background-color: var(--bs-primary);
    width: max-content;
    padding: 7px 13px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .32px;
    color: #fff;
    justify-content: center;
    font-weight: 600;
    margin-right: 20px;
    text-transform: uppercase;
    align-items: center;
}
.blog3 .date span {
    line-height: 20px;
    text-transform: uppercase;
}
.blog3 .blog-created {
    display: flex;
}
.blog3 .blog-items {
    margin-bottom: 30px;
    border-bottom:2px solid #c8c4c4;
    padding-bottom: 30px;
}
.blog3 .col-md-6 .blog-items:nth-child(3) {
    border-bottom: unset;
}
.blog3 .blog-items p {
    margin-bottom: 10px;
}
.blog3 h3{
    margin-top: 10px;
}
.blog3 h3, .blog3 h5 {
    font-family: 'Playfair Display';
    letter-spacing: 0.16px;
}

/* Tables */
 .tables {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
 }
.table-block h2{
    margin-bottom: 35px;
}
.table-block .table1 thead {
    background-color: var(--bs-primary);
}
  .table-block .table1 *, .table-block .table-2 *{
    border: unset;
  }
  .table-block .table1 tbody tr, .table-block .table-2 tbody tr{
    border-bottom: 1px solid #00000040;
  }
  .table-block .table2 tbody tr:last-child{
      border: unset;
  }
  .table-block .table1 tbody tr:last-child{
    border-bottom: unset;
  }
  .table-block .table1 thead tr th, .table-block .table-2 thead tr th{
    color: white;
    font-family: var(--heading-font);
  }
  .table-block .table1 tbody tr td{
    background-color: #fff;
    color: var(--paragraph-text-color);
    font-family: var(--paragraph-font);
  }
.table-block .table-2 tbody tr td{
    background-color: var(--elements-background-color);
    color: var(--paragraph-text-color);
    font-family: var(--paragraph-font);
}
.table-block .table-2 thead tr td{
    background-color: var(--elements-background-color);
}

.table-2 tbody{
    background-color: #ffff;
    opacity: .2;
}
.table-2 tbody{
z-index: 999;
    opacity: 1;
    font-size: 20px;
    font-weight: 700;
    color: black;
}
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td, .table-block .table-2 thead tr th, .table-block .table2 tbody tr td{
    border-right: 1px solid #00000040;
  }
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td,
  .table-block .table-2 thead tr th, .table-block .table-2 tbody tr td{
    padding: 24px;
  } 
  .table-block .table1 thead tr th, .table-block .table2 thead tr th{
    border-color: white;
    font-size: 18px;
  }
  .table-block .table1 thead tr th:last-child, .table-block .table1 tbody tr td:last-child{
    border-right: unset;
  }
  .table-block .table1 thead tr th, .table-block .table1 tbody tr td, 
  .table-block .table-2 thead tr th, .table-block .table-2 tbody tr td{
    width: 270px;
    text-align: center;
  }
.table-2 td {
    width: 270px;
}
.table-2 thead{
    border-bottom: 1px solid #00000040 !important;
    border-top: 1px solid #00000040 !important;
}
.table-block .table-2 thead tr th {
    border-right: unset;
    font-weight: 600;
    font-size: 19px;
    color: black !important;
} 

.table-2 tr {
    background-color: var(--elements-background-color);
}
.table-2 tbody{
    font-size: 16px;
    font-weight: 500;
}
/* Team */
.team {
    padding: 100px 0;
    background-color: var(--elements-background-color);
}
.team.shortcodes {
    padding-bottom: 30px;
}
.shortcodes.team img {
    width: 100%;
}
.team .container {
    padding: 0 12px;
}
.team h2 {
    margin-bottom: 35px;
    font-weight: 600;
}
.team .image-wrapper{
    position: relative;
}
.team .social-media{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #283233 0% 0% no-repeat padding-box;
    opacity: 0;
    transition: .75s;
    padding-top: 8px;
    height: 50px;
}
.image-wrapper:hover .social-media{
    opacity: 1;
}
.team .social-media a {
    margin: 0 12px;
}
.team .social-media svg {
    height: 15px;
    width: 20px;
}
.team .team-content-wrapper h4 {
    letter-spacing: 0.54px;
    color: #283233;
    font-weight: 600;
}
.team.shortcodes .team-content-wrapper h4 {
    letter-spacing: 0.54px;
    color: #283233;
    font-weight: 600;
}
.team .social-media svg path{
    fill: #fff;
}
.team .social-media a:hover svg path {
    fill: var(--bs-primary);
}
.team .team-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;   
}
.team-content-wrapper p {
    font-size: 16px;
}

/* tooltips */
.tooltips {
    padding-top: 100px;
    padding-bottom: 30px;
}
.tooltip-inner {
    max-width: 200px;
    /* padding: 12px; */
    color: #fff;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 0.25rem;
    font-size: 16px;
    font-family: var(--paragraph-font);
    font-weight: 700;
    height: 52px;
    width: 200px;
    align-items: center;
    justify-content: center;
    display: flex;

}
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: var(--bs-primary);
}
.tooltip  {
    z-index: unset;
}
.tooltip-2 > .tooltip-inner {
    max-width: 200px;
    padding: 8px 15px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 50px;
    font-size: 16px;
    font-family: var(--paragraph-font);
    font-weight: 700;
    height: 52px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tooltips h2 {
    margin-bottom: 40px;
    font-weight: 600;

}
.chef-social-icons a:hover svg path {
    fill: var(--bs-primary);
}
.elements .blog1 h5 a:hover{
    color: var(--bs-primary);
}
/* Menu Grid - 3 */
.menu-grid-list {
    padding: 100px 0 ;
    background-color: var(--elements-background-color);
}
.menu-grid-list.shortcodes{
    padding-bottom: 40px;
}
.menu-grid-list .container {
    padding: 0 12px;
}
.menu-grid-list h2 {
    margin-bottom: 35px;
    font-weight: 600;
}
.menu-grid-3 {
    padding-right: 8px;
}
.menu-grid-3:nth-child(3){
    padding-right: 0;
}
.menu-block .col-md-4:last-child .menu-grid-3{
    padding-right: 0;
}
.menu-grid-3 h4 {
    text-align: center;
    margin: 25px 0;
    letter-spacing: 0.36px;
    color: var(--bs-secondary);
    
}
.menu-grid-3 img {
    height: 315px;
    width: 100%;
    object-fit: cover;
}
.menu-grid-1-wrapper {
    display: flex;
    padding: 22px;
    background: white;
    margin-bottom: 30px;
}
.menu-grid-detail {
    margin-left: 20px;
}
.menu-grid-detail p {
    word-break: break-all;
}
.menu-grid-1 .menu-price p {
    background: var(--bs-primary);
    padding: 0 12px;
    font-size: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    min-width: max-content;
    letter-spacing: 0.3px;

}
.menu-grid-1 .menu-price p::first-letter {
    font-size: 11px;
    line-height: 20px;
}
.menu-grid-1 h4 {
    margin-top: -7px;
    font-family: 'Playfair Display';
    letter-spacing: 0.32px;
    color: #000000;
    font-size: 16px;
}
.menu-grid-1 h5 a {
    font-family:'Playfair Display';
    text-decoration: none;
    color: var(--bs-secondary);
}
/* Menu List */
.menu-list-wrapper {
    display: flex;
    justify-content: space-between;
    background: #fff;
}
.menu-list-wrapper .menu-grid-detail {
    margin-left: 35px;
}
.menu-list-wrapper .img-text {
    display: flex;
    padding:30px;
}
.menu-list-wrapper .menu-price {
    display: flex;
    align-items: center;
    width: max-content;
    padding-right: 75px;
    padding-left: 75px;
    justify-content: center;
    border-left: 1px solid #00000059;
}
.menu-list-wrapper .menu-grid-detail p {
    max-width: 525px;
    word-break: break-word;
}
.menu-list-wrapper  .menu-grid-detail {
    margin-top: 15px;
}
.menu-list-wrapper  .menu-grid-detail h3{
    font-family: 'Playfair Display';
    color: black;
    margin-bottom: 26px;
}
.menu-list-wrapper .menu-price h3{
    color: var(--bs-primary);
}
.menuListSidebar .menu-list-wrapper .menu-price h3 {
    font-size: 18px;
    letter-spacing: 0.54px;
}
.menuListSidebar {
    padding-left: 0;
}
.menuListSidebar .col-md-12 {
    margin-bottom: 30px;
}
.menuListSidebar img {
    width: 175px;
    height: 154px;
    object-fit: cover;
}
.menuListSidebar .menu-list-wrapper .menu-grid-detail {
    margin-left: 26px;
}
.menuListSidebar .menu-list-wrapper .menu-grid-detail h3 {
    margin-bottom: 18px;
    letter-spacing: 0.36px;
    font-size: 18px;
}
.menuListSidebar .menu-list-wrapper .menu-price {
    padding-right: 40px;
    padding-left: 40px;
}
.menuListSidebar .menu-list-wrapper .img-text {
    padding: 18px;
}
.menuListSidebar .menu-list-wrapper .menu-grid-detail {
    margin-top: 10px;
}
#sidebar-pages .menu-grid-list {
    padding-top: 100px;
    padding-bottom: 100px;
}
.view-id-menu.view-display-id-block_10 .views-exposed-form ul li {
    padding: 0 25px;
}
.view-id-menu.view-display-id-block_10 .views-exposed-form ul li a {
    font-size: 18px;
    letter-spacing: 1.08px;
}
.menu-grid-list .menu-block  .menu-grid-1-wrapper img {
    width: 90px;
    height: 84px;
}
/* Testimonial */
.testimonials {
    padding: 100px 0 30px 0;
    background-color: var(--elements-background-color);
}
.testimonials h1 {
    margin-top: 20px;
    margin-bottom: 35px;
    font-family: 'Playfair Display';
    font-weight: bold;
    max-width: 450px;
    font: normal normal bold 30px/45px Playfair Display;
    letter-spacing: 1.2px;
    color: var(--bs-secondary);
}
.testimonials h2{
    margin-bottom: 30px;
}
.testimonials .customer {
    display: flex;
    margin-bottom: 30px;
}
.testimonials .customer img {
    width: 55px;
    height: 55px;
    margin-right: 14px;
    border-radius: 50px;
}
.customer .designation h4{
    margin-bottom: 0;
}
.customer .designation p{
text-transform: uppercase;
letter-spacing: 0.84px;
}
.tagline {
    text-transform: uppercase;
    color: var(--bs-primary);
    font-weight: bold;
    letter-spacing: 1.8px;
    font-family: var(--menu-font);
    font-size: 30px;
}
.testimonials .content-wrapper svg {
    margin-top: 28px;
    height: 35px;
    width: 42px;
}
.testimonials .carousel-1 .owl-nav {
    position: absolute;
    bottom: 23px;
    left: 30.5%;
    margin: auto;
    width: max-content;
    height: max-content;
    margin-bottom: 0;
    margin-left: 0;
}
.testimonials .owl-nav svg {
    width: 18px;
    height: 15px;
}
.testimonials svg path {
    fill: var(--bs-primary);
}
.testimonials .owl-nav svg path{
    fill: var(--bs-secondary);
} 
.testimonials .carousel-1 .owl-nav .owl-prev {
    margin: 0 40px;
    border-radius: 0;
}
.slider-arrow {
    border: 1px solid;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {
    background: unset;
}
.slider-arrow:hover {
    background: var(--bs-primary);
 
}
.slider-arrow:hover.slider-arrow svg path {
    fill: #fff;
}
.testimonials .carousel-1 .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
.testimonials .carousel-1 .owl-dots {
    position: absolute;
    bottom: 30px;
    width: max-content;
    left: -10px;
}
.testimonials .owl-dots .owl-dot{
    margin: 3px;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #161717;
    width: 12px;
    height: 12px;
}
 .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background-color:#9f9f9f;
}
/* Testimonial Style 2 */
.testimonial-slider-2 .owl-stage-outer {
    padding-top: 50px;
    
}
.testimonials .carousel-2 img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 50px;
    position: absolute;
    top: -29px;
    right: 0;
    z-index: 1099;
    left: 0;
    opacity: 1;
    margin: auto;

}
.testimonials .carousel-2 .content-wrapper {
    background: #fff;
    position: relative;
    padding: 35px;
    border-radius: 5px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 12px #0000001F;
}
.testimonials .carousel-2 .content-wrapper svg{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 19px;
    top: 50px;
    right: 0;
    height: 16px;
    left: 0;
    margin: auto;
    margin-top: 14px;
}
.testimonials .carousel-2 .content{
    margin-top: 55px;
    text-align: center;
    margin-bottom: 15px;
}
.testimonials .carousel-2 .designation {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.testimonials .carousel-2 .designation h3 {
    margin-bottom: 0;
    letter-spacing: 0.6px;
} 
.testimonials .carousel-2 .designation p {
    font-size: 14px;
    letter-spacing: .84px;
}
/* Testimonial Style 3 */

.testimonials .carousel-3 img {
    width: 70px;
    border-radius: 50%;
    margin: auto;
    height: 70px;
}
.testimonials .carousel-3 h3{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 3px;
}
.testimonials .carousel-3 .designation {
    padding-bottom: 23px;
}
.our-testimonials h2 {
    margin-bottom: 9px;
}
.star-rating {
    display: flex;
    margin: auto;
    width: max-content;
    margin-bottom:20px;
}
.star-rating span {
    color: var(--bs-primary);
    font-size: 15px;
    letter-spacing: 1.9px;
}
.star-rating .star1-on {
    width: 24px;
}
.testimonials .carousel-3 .designation p {
    text-align: center;
    letter-spacing: 0.84px;
    font-size: 14px;
    line-break: 19px;
}
.testimonials .carousel-3 svg {
    display: flex;
    margin: auto;
}
.testimonials .carousel-3 .owl-nav {
    width: 100%;
    position: absolute;
    right: 0;
    top: 202px;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    height: max-content;
}
.testimonials .carousel-3 .owl-next     {
    margin-right: -6px;
}
.testimonials .carousel-3 .content {
    text-align: center;
    margin: 0 110px;
    padding-bottom: 30px;
}
.carousel-3 .owl-dots{
    margin-top: 25px;
}
.carousel-3 .owl-theme .owl-nav [class*=owl-] {
    margin: 5px 0;
}
.testimonial-slider-3 .degignation p {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 0.84px;
}
.testimonial-slider-3 .slider-arrow {
    border: 1px solid;
    height: 36px;
    width: 36px;
}
.testimonial-slider-3 .owl-nav svg {
    width: 13px;
    height: 13px;

}
.testimonial-slider-3 .owl-nav svg path {
    stroke: black;
    stroke-width: 4px;
}
.testimonial-slider-3 .slider-arrow:hover.slider-arrow svg path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 4px;
}
.rating_icon svg {
    height: 16px !important;
    width:100px !important;
    margin-bottom: 25px !important;
}
.rating_icon svg path {
    fill: var(--bs-primary);
}
/* Carousels */
.carousels {
    padding: 100px 0;
    background-color: var(--elements-background-color);
}
.carousels h2 {
    margin-bottom: 35px;
    font-weight: 600;
}
.carousels .carousel1 .content-wrapper {
    background: #fff;
    padding: 45px 28px;
    width: 100%;
    min-height: 330px;
}
.carousels .carousel1 .services-icon {
    background: var(--bs-primary);
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 50px;
    padding: 15px;
}
.carousels .carousel1 .services-icon svg{
    height: 35px;
    width: 35px;
}
.carousels .carousel1 .services-icon svg path {
    fill: #fff;
}
.carousels .carousel1 h3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 18px;
    letter-spacing: 0.6px;
    color: #000000;
    font-weight: 600;
}
.carousels .carousel1 p {
    text-align: center;
}
.carousels .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: black;
}

.carousels .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
/* Carousels Style 2 */
.carousels .carousel2 img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 430px;
    object-fit: cover;
}
.carousels .carousel2 h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    width: max-content;
    z-index: 3;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Barlow';
}
.carousels .carousel2 .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.carousels .carousel2 .content-wrapper::before {
    content: '';
    position: absolute;
    background-color: black;
    width: 100%;
    z-index: 1;
    height: 100%;
    opacity: .5;
}
.carousels .carousel2 .owl-nav.disabled+.owl-dots {
    margin-top: 35px;
}
/* Carousel Style 3 */
.carousels .carousel3 img {
    height: 630px;
    width: 100%;
    object-position: bottom;
    object-fit: cover;
}
.carousels-5 img {
    height: 380px;
    object-fit: cover;
}
/* Forms */
.form {
    background-color: var(--elements-background-color);
}
.name_wrapper {
    position: relative;
}
.name_wrapper svg {
    position: absolute;
    top: 0;
    right: 15px;
    width: 14px;
    height: 14px;
    bottom: 0;
    margin: auto;
}
.form .input-wrapper  {
    position: relative;
}
.form .input-wrapper svg {
    position: absolute;
    right: 15px;
    top: 0;
    width: 18px;
    height: 18px;
    bottom: 0;
    margin-top: auto;
    width: 14px;
    height: 14px;
    margin-bottom: auto;
}
.reservation1 .form .input-wrapper svg{
    top: 20px;
}
.service-list h3 a:hover{
    color: var(--bs-primary);
}
.form .input-wrapper.ph-svg svg {
    width: 19px;
    height: 19px;
}
.form .input-wrapper.mail-svg svg {
    width: 17px;
    height: 14px;
}
.form svg path {
    fill: var(--bs-primary);
}
.form .input-wrapper.mail-svg svg path,.form .input-wrapper.ph-svg svg path {
    stroke: var(--bs-primary);
    fill: #fff;
}
.form .form1 input{
    margin-bottom: 20px;
    height: 55px;
    border-radius: 0;
    padding-right: 35px;
    padding-left: 18px;
}
#checkInDate,#checkOutDate {
    padding-right: 12px;
}
.form1 .form-select {
    margin-bottom: 20px;
    height: 55px;
    border-radius: 0;
    background-image: unset;
}
.form1 {
    padding: 50px;
    background-color: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}
.btn-reserve {
    width: max-content;
    margin: auto;
    background: var(--bs-primary);
    padding: 15px 101px;
    font-size: 15px;
    border-radius: 0;
    letter-spacing: .9px;
    color: #fff;
    margin-top: 8px;
    font-weight: 700;
}
.form1 input::placeholder{
    font-size: 15px;
    letter-spacing: 0.28px;
    color: #686868;
    font-family: var(--menu-font);
    font-weight: 500;
}
.form1 select {
    font-size: 15px;
    letter-spacing: 0.28px;
    color: #686868;
    font-family: var(--menu-font);
    font-weight: 500;
}
/* Form Style 2 */
.form {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}

.form h2 {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600
}
.form2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 530px;
}
.form .form2 input{
    margin-bottom: 20px;
    height: 60px;
    border-radius: 0;
    border: unset;
    color: black;
    padding-left: 20px;
}
.form2 .form-control::placeholder{
    color: #333239;
    font-weight: 600;
    color: var(--bs-secondary);
    font-family: 'Open sans';
    font-size: 14px;
    letter-spacing: 0;
    
}
.form .form2 textarea{
    margin-bottom: 20px;
    border-radius: 0;
    border: unset;
    color: black;
    height: 160px;
    padding-left: 20px;
    padding-top: 20px;
}
.form2 .btn-reserve {
    margin: unset;
    padding: 20px 60px;
    margin-top: 27px;
    font-size: 15px;
    letter-spacing: 0.9px;
    font-weight: 600;
}
/* Icons */
.icons {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}

.icons-block .icons-area {
    display: flex;
    flex-wrap: wrap;
}
.icons-block .svg-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--bs-secondary);
    margin-bottom: 50px;
    margin-right: 67px;
    padding: 27px;
}
/* .icons-block .icon1 {
    margin-bottom: 0;
    margin-right: 0;
} */
.icons-block .svg-wrapper svg {
    width: 100%;
    display: flex;
    height: 100%;
}
.icons-block .svg-wrapper svg path ,.icons-block .svg-wrapper svg rect{
    fill: #fff;
    stroke: #fff;
}

.icons .svg-wrapper:first-of-type svg path{
    fill: unset;
}
.icons .svg-wrapper:nth-child(4) svg path,.icons .svg-wrapper:nth-child(11) svg path  {
    fill: var(--bs-secondary);
}
.icons .svg-wrapper:nth-child(4) svg circle {
    stroke: #fff;
}
.icons .svg-wrapper:nth-child(6) svg path {
    fill: var(--bs-secondary);
}.icons-block .svg-wrapper:nth-child(29) ,.icons-block .svg-wrapper:nth-child(30) ,.icons-block .svg-wrapper:nth-child(31) ,.icons-block .svg-wrapper:nth-child(37) {
    padding: 20px;
}
.icons-block .tooltip-inner {
    max-width: 200px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    background-color: var(--bs-primary);
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    height: 20px !important;
    width: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow';
}
.tooltip-3 > .tooltip-inner{
    height: 35px !important;
    width: max-content !important;
}
/* Pricing */
.pricing {
    padding: 100px 0 60px 0;
    background-color: var(--elements-background-color);
}
.pricing h2 {
    margin-bottom: 30px;
    margin-bottom: 55px;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 32px;
}
.pricing .container {
    padding: 0 12px;
}
.pricing .pricing-wrapper {
    padding: 50px;
    background-color: #fff;
    min-height: 425px;
    margin-bottom: 15px;
    padding-bottom: 45px;
}
.pricing h4 {
    text-align: center;
    color: black;
    font-weight: 600;
}
.pricing .price {
    text-align: center;
    font-size: 44px;
    color: black;
    margin: 20px 0;
    font-weight: 70;
    font-family: 'Open Sans';
    font-weight: 600;
    letter-spacing: 1.5px;
}
.pricing p{
    text-align: center;
}
.pricing .pricing-features {
    list-style: none;
    margin: 20px 0;
    text-align: center;
    padding:0;
}
.pricing .pricing-features li {
    margin: 12px 0;
    font-size: 15px;

}
.buyPlan {
    font-family: var(--paragraph-font);
    text-align: center;
    padding: 15px 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: auto;
    border: 2px solid var(--bs-primary);
    text-decoration: none;
    color: var(--bs-primary);
    margin-top: 30px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
}
.popular-pack {
    border-top: 4px solid var(--bs-primary);
    margin-top: -20px;
    height: 510px;
}
.pricing-block .code-block {
    margin-top: 10px;
}
.pricing-block .code-block:last-of-type{
    margin-top: 40px;
}
/* Pricing Style 2 */
.price-tag {
    display: flex;
    align-items: self-start;
    justify-content: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #bab5b573;
    flex-direction: column;
}
.price-tag .price {
    display: flex;
    align-items: baseline;
    margin: unset;
}
.pricing-style-2 .price-tag .price h3{ 
    margin-top: 8px;
    margin-right: 5px;
}
.pricing-style-2  h4 {
    color: var(--bs-primary);
}
.pricing .pricing-style-2 .pricing-features {
    text-align: unset;
}
.pricing-style-2 .buyPlan {
    margin: unset;
    margin-top: 30px;
}
.pricing-style-2 .pricing-wrapper {
    border-radius: 10px;
}
.featured-pack {
    position: relative;
    overflow: hidden;
}
.featured-price {
    position: absolute;
    right: -34px;
    top: 0px;
    background: var(--bs-primary);
    transform: rotate(46deg);
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 40px;
    padding-right: 38px;
}
.featured-price svg {
    width: 15px;
    height: 13px;
}
.featured-price svg path{
    fill: #fff;
}
.recomended-pack .featured-price span {
    padding-right: 5px;
}
.recomended-pack {
    position: relative;
    overflow: hidden;
}
.pricing-style-3 .pricing-wrapper {
    padding: unset;
    border-radius: 10px;
    border: 1px solid #d8d4d4;
    padding-bottom: 45px;
}
.pricing-style-3 .price-tag {
    align-items: center;
    padding-bottom: unset;
    padding: 20px;
    background-color: var(--bs-primary);
    border-radius: 5px;
}
.pricing-style-3 .price-tag p, .pricing-style-3 .price-tag h4 {
    color: #fff;
    font-weight: 500;
}
.pricing-style-3 .price-tag .price {
    margin: 12px 0;
    color: #fff;
}
.recomended-pack .featured-price{
    padding: 0 20px;
    background: #fff;
    top: 26px;
    right: -30px;
    font-size: 13px;
    color: black;
}
.recomended-pack {
    margin-top: -25px;
    min-height: 495px !important;
    background-color: hsl(280deg 100% 98% / 96%);
}
.pricing-style-1,.pricing-style-2,.pricing-style-1{
    padding-bottom: 50px;
}
.pricing-style-3 .buyPlan {
    border-radius: 50px;
}
.pricing-style-3 .pricing-features {
    list-style: none;
    margin: 45px 0;
}
.pricing-style-3 .pricing-wrapper.recomended-pack {
    background-color: #fcf6ff;
}
.buyPlan:hover{
    background-color: var(--bs-secondary);
    color: #fff;
    border: 2px solid var(--bs-secondary);
}
/* Contact us */
.contact {
    padding: 100px 0;
    background-color: var(--elements-background-color);
}
.contact-style-2.contact {
    padding-bottom: 0;
}
.contact-style-2 .contact-us-map .mapouter ,.contact-style-2 .contact-us-map .gmap_canvas {
    width: 100%;
    height: 460px;
}
.icon-wrapper {
    width: 59px;
    height: 58px;
    background:var(--bs-primary);
    padding: 12px;
    border-radius: 50px;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 15px;
}
.icon-wrapper img {
    width: 20px;
    height: 20px;
    filter: invert(1);
}
.contact h4{
    font-family: 'Playfair Display';
}
.contact .contact-icon-wrapper p {
    font-weight: 600;
    letter-spacing: .5px;
    max-width: 230px;
}
.contact .contact-icon-wrapper p a {
    text-decoration: none;
    color: var(--paragraph-text-color);
}
.contact .contact-icon-wrapper p a:hover{
    color: var(--bs-primary);
}
.contact .contact-icon-wrapper p, .contact h4 {
    text-align: center;
    margin-bottom: 15px;
}
.contact .row {
    justify-content: space-between;
}
.contact .col-md-4 {
    width: max-content;
}
.contact-icon-wrapper {
    padding-bottom: 65px;
}
.contact-details h1 {
    font-family:  'Playfair Display';
    margin-bottom: 28px;
    font-size: 30px;
}
.contact-details p {
    text-align: start;
    margin-bottom: 35px;
}
.contact input {
    height: 60px;
    border-radius: 0;
    border: unset;
    color: black;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
    color: var(--bs-secondary);
    font-size: 14px;
    padding-left: 8px;
    letter-spacing: 0px;
    font-weight: 600;
    font-family: 'Open Sans';

}
.contact-form textarea::placeholder{
    padding-top: 20px;
    padding-left: 20px;
}
.contact-form textarea {
    border: unset;
    border-radius: 0;
}
.contact .webform-button--submit {
        margin: unset;
        padding: 20px 60px;
        margin-top: 43px;
        width: max-content;
        background: var(--bs-primary);
        font-size: 15px;
        border-radius: 0;
        letter-spacing: 0.9px;
        color: #FFFFFF;
        font-weight: 600;
}
.contact .map-wrapper iframe {
    width: 100%;
    height: 623px;
}
.contact-style-2 .icon-wrapper {
    margin: unset;
    background-color: unset;
    display: unset;
    width: max-content;
    padding: 0;
    margin-right: 12px;
}
.contact-style-2 h4 {
    text-align: start;
    font-weight: 700;
}
.contact-style-2 .icon-wrapper img {
    filter: unset;
}
.contact-style-2 .icon-title {
    display: flex;
    align-items: baseline;
    height: 40px;
}

.contact-style-2 .icon-wrapper svg {
    height: 18px;
    width: 18px;
}
.contact .contact-icon-wrapper svg path,.contact .contact-icon-wrapper svg circle {
    stroke: #fff;
}
.contact .contact-icon-wrapper svg{
    width: 19px;
    height: 19px;
}

.contact-style-2 iframe {
    width: 100%;
}
.contact-style-2 .contact-items p {
    margin-left: 32px;
    letter-spacing: .5px;
    font-weight: 600 ;
    max-width: 230px;
}
.contact-style-2 .contact-items p a {
    text-decoration: none;
    color: var(--paragraph-text-color);
}
.contact-style-2 .contact-items p a:hover{
    color: var(--bs-primary);
}
.contact-style-2 .contact-form {
    padding-left: 18px;
}
/* MENU PAGES */
.menus {
    background-color: var(--elements-background-color);
}
.menu-grid-column-2 img {
    width: 90px;
    height: 84px;
}
.menu-grid-column-2 h4 a {
    color: var(--bs-secondary);
    text-decoration: none;
}
.menus h5 {
    font-family: 'Playfair Display';
    font-weight: 700;
}
.menus h5  a {
    color: #000000;
    text-decoration: none;
}
.menus h5 a:hover{
    color: var(--bs-primary);
}

.menu-grid-detail h3 a:hover{
    color: var(--bs-primary);
}
 .views-exposed-form ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin-bottom: 30px;
}
.views-exposed-form ul li {
    padding: 5px 40px;
}
.views-exposed-form ul li a {
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    font-family: var(--menu-font);
    font-weight: 600;
    letter-spacing: 1.2px;
}
.menu-grid-column-3 h5 {
    letter-spacing: 0.32px;
    color: #000000;
}
.views-exposed-form ul li a.bef-link--selected {
    color: var(--bs-primary);
}
 .views-exposed-form .form-select  {
    border: unset;
    background-color: var(--elements-background-color);
    background-image: unset;
}
.menus {
    background-color: var(--elements-background-color);
}
.menus .pager-show-more {
    margin-top: 60px;
    padding-left: 0;
}
.pager-show-more {
    width: max-content;
    margin: auto;
    list-style: none;
    margin-top: 70px;
}
.pager-show-more li {
    width: 156px;
    height: 60px;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager-show-more a{
    padding: 20px 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    font-weight: 600;
    font-family: var(--menu-font);
}
li.pager-show-more {
    width: 156px;
    height: 60px;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.menus .js-pager__items.pager {
    padding-left: 0;
}
/* Menu-grid-2 */
.menus .views-exposed-form ul {
    margin-bottom: 45px;
}

.menu-title-price {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffff;
}
.menu-title-price p {
    font-size: 20px;
    color: var(--bs-primary);
    font-weight: 700;
    font-family: var(--menu-font);
}
.menu-title-price p::first-letter {
    font-size: 15px;
} 
.menu-grid-column-3 .image-wrapper img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.view-menu.view-display-id-block_4 .pager-show-more {
    margin-top: 43px;
    padding-left: 0;
}
.menu-grid-column-3 .menu-grid {
    margin-bottom: 50px;
}
.menu-grid-3:nth-child(3) .menu-grid {
    padding-right: 0;
}
.menu-grid-column-3 .row {
    justify-content: flex-start;
}
/* menu grid 4 column */

.menu-grid-column-4 .menu-grid {
    margin-bottom: 40px;
}
.menu-grid-column-4 .image-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
/* Menu List */
.menu-list-full-width .menu-list {
    margin-bottom: 40px;
}
.menu-list-full-width .menu-list img {
    width:240px;
    height:220px;
}
.menu-grid-detail h3 a {
    text-decoration: none;
    color: black;
}
/* .sidebar-top {
    padding-top: 85px;
} */
.sidebar_second {
    padding-top: 85px;
    width: 100%;
    margin-bottom: 50px;
}
.sidebar .block {
    background-color: var(--elements-background-color);
    border: unset;
    padding-right: 0;
    margin-left: 10px;
    max-width: 312px;
}
.sidebarLabel {
    background: #fff;
    padding: 30px;
    padding-bottom: 10px;
}
.sidebarLabel h3 {
    border-bottom: 1px solid #a2a1a1;
    padding-bottom: 15px;
    font-family: 'Playfair Display';
}
.menu-sidebar img{ 
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.menu-sidebar h6 {
    text-align: center;
    font-family: 'Playfair Display';
    margin-top: 15px;
}
.menu-sidebar h6 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.menu_sidebar_label h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 26px;
    border: unset;
}
.menu-list-sidebar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #00000033;
    padding-top: 24px;
    margin: 0 20px;
}

.menu-list-sidebar {
    padding: 10px;
    background-color: #fff;
    padding-bottom: 0;
}
.view-id-menu .view-display-id-block_7 ul .menu-list-sidebar:nth-child(4) {
    padding-bottom: 10px;
}
.sidebars li:last-of-type .menu-list-sidebar {
    padding-bottom:15px;
}
/* menu Full Width */
.menu_detail_page{
    padding: 100px 0;
}
.menu-full-width h3 {
    padding-bottom: 19px;
    position: relative;
    letter-spacing: 0.2px;
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    width: max-content;
    margin-bottom: 0;
}
.menu-full-width .image-wrapper img {
    width: 100%;
    height: 485px;
    object-fit: cover;
}
.menu-full-width .content-title{
    margin-bottom: 34px;
    border-bottom: 1px solid #00000033;
}
.menu-full-width .content{
    margin-top: 50px;
    margin-bottom: 42px;
}
.menu-full-width h3::after {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    width: 100%;
    height: 5px;
    display: flex;
    width: 100%;
    bottom: -3px;
} 
.menu_detail_page .packages{
    padding-top: 22px;
    margin-bottom: 0;
}
.menu_detail_page .packages li {
    font-size: 22px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.menu_detail_page .packages li:last-of-type {
    padding-bottom: 0;
}
.menu-features li{
    font-size: 24px;
}
.menu-features li p{
    font-size: 16px;
}
.menu-features {
    margin-top: 15px;
    padding-left: 22px;
}
#sidebar-pages .menu-full-width .content {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* Rooms */

.rooms-grid-1-wrapper {
    background-color: #fff;
    height: 100%;

}
.rooms-grid-1-wrapper img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.rooms-title {
    display: flex;
    justify-content: space-between;
    color: var(--bs-secondary);
}
.rooms-title h3 {
    text-transform: uppercase;
    letter-spacing: .4px;
}
.rooms-title a {
    color: var(--bs-secondary);
    text-decoration: none;
}

.rooms-title a:hover{
    color: var(--bs-primary);
}
.roms-price {
    display: flex;
    color: var(--bs-primary);
    font-weight: 700;
    font-size: 19px;
    align-items: baseline;
}

.roms-price p {
    font-size: 12px;
    letter-spacing: 0.72px;
    color: var(--bs-primary);
    font-family: var(--menu-font);
    font-weight: 200;
}
.roms-price span {
    font-size: 18px;
    font-family: var(--menu-font);
    letter-spacing: 0.36px;
}
.roms-price span:first-of-type::first-letter {
    font-size: 14px;
}
.rooms-detail {
    padding: 30px;
}
.guest-feet {
    display: flex;
    padding-bottom: 20px;
    padding-top: 10px;
}
.guest-feet p {
    padding-right: 22px;
    letter-spacing: 0.14px;
    color: #5F5C68;
    font-size: 14px;
}
.guest, .feet {
    display: flex;
    align-items: center;
    height: max-content;
}
.guest-feet svg {
    height: 13px;
    width: 13px;
    margin-right: 8px;
}
.guest-feet .feet svg {
    width: 12px;
}
.read {
    padding-top: 15px;
    width: max-content;
}
.read a {
    text-decoration: none;
    color: var(--bs-secondary);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--menu-font);
    font-size: 15px;
    margin-right: 4px;
    letter-spacing: .9px;
}

.read:hover a {
    color: var(--bs-primary);
}
.read svg {
    width: 15px;
    height: 17px;
    filter: brightness(.1);
}
.read svg path{
    stroke-width: 7px;
}
.blog-grid-2 .read svg path{
    stroke-width: 6px;
}
.read:hover.read svg path {
    stroke: var(--bs-primary);
}
.rooms-grid-column-2 {
    margin-bottom: 60px;
}
.rooms .pagination {
    margin: auto;
    width: max-content;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 45px;
}
/* Rooms Grid Column 3 */
.rooms-grid-column-3 .rooms-grid-1-wrapper img {
    height: 240px;
    object-fit: cover;
}
.rooms-grid-column-3 {
    margin-bottom: 52px;
}
.rooms-grid-column-3 .read a {
    font-size: 14px;
    letter-spacing: 0.84px;
}

.rooms-title h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--menu-font);
}
.rooms-grid-column-3 .read {
    padding-top: 0;
}
.rooms-grid-column-3  .guest-feet {
    padding-bottom: 13px;
    padding-top: 0;
}
/* Rooms Grid column 4 */
.rooms-grid-column-4 {
    margin-bottom: 40px;
}
.rooms-grid-column-4 .rooms-grid-1-wrapper img {
    height: 200px;
}
.guest-price {
     display: flex;
     justify-content: space-between;
}
.rooms-grid-column-4 .guest-feet {
    display: unset;
    padding-bottom: 0;
    padding-top: 0;
}
.rooms-grid-column-4 .guest {
    margin-bottom: 5px;
}
.rooms-grid-column-4 .rooms-detail {
    padding: 20px;
    padding-top: 16px;
}
.rooms-grid-column-4 .rooms-title h5 {
    font-size: 14px;
    letter-spacing: 0.28px;
    color: var(--bs-secondary);
}
.rooms-grid-column-4 .rooms-title h5 a {
    color: var(--bs-secondary);
}

.rooms-grid-column-4 .rooms-title h5 a:hover{
    color: var(--bs-primary);
}
.pagination {
    margin: auto;
    width: max-content;
    margin-bottom: 20px;
    padding-bottom: 70px;
}
.pagination .page-item {
    margin: 0 7px;
}
.pagination .page-link{
    width: 65px;
    height: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bs-secondary);
    font-family: var(--menu-font);
    background-color: var(--elements-background-color);
    border: 1px solid var(--bs-secondary);
}
.pagination .page-item:first-child .page-link {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.page-item:last-child .page-link {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: unset;
}
.page-item .page-link svg {
    width: 20px;
    height: 20px;
}

/* Rooms List */
.room-list-full .room-lists {
    margin-bottom: 55px;
    background-color: #fff;
}
.room-list .rooms-detail {
    padding: 55px 0;
    padding-right: 55px;
    padding-left: 15px;
}
.room-list .guest-feet {
    display: flex;
    padding-bottom: 28px;
    padding-top: 10px;
}
.room-lists .rooms-grid-1-wrapper, .room-lists .rooms-grid-1-wrapper img {
    height: 100%;
}  
.room-lists .rooms-grid-1-wrapper img {
    height: 100%;
    width: 100%;

}
.room-lists .price-read {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 20px;
}
.room-list .discription {
    padding-bottom: 35px;
    border-bottom: 1px solid #00000033;
}
.second .img {
    order: 2;
}
.even .img {
    order: 2;
}
.second .room-lists .rooms-grid-1-wrapper img {
    padding-left: 16px;
    width: 100%;
}
.second .room-list .rooms-detail {
       padding-left: 55px;
       padding-right: 22px;
       margin-left: 10px;
}
.room-list-full .roms-price span {
    font-size: 20px;
}
/* Rooms List Sidebar */
.roomsideBar {
    padding-top: unset;
}
.room-list-sidebar .room-list .rooms-detail {
    padding: 32px 29px 32px 5px;
}
.room-sidebar .rooms-grid-1-wrapper img {
    width: 85px;
    height: 75px;
}
.room-list-sidebar .room-list .discription {
    padding-bottom: 30px;
}
.room-list-sidebar .read  {
    padding-top: 0;
}
.rooms-sidebar {
    background-color: #fff;
}
.room-sidebar {
    display: flex;
    align-items: flex-start;
    padding: 10px 30px;
}
.room-list-sidebar.room-lists {
    background-color: #ffff;
    margin-bottom: 40px;
}
.room-list-sidebar .rooms-title h3 {
    letter-spacing: 0.36px;
    font-size: 18px;
}
.room-title-sidebar {
    margin-left: 12px;
}
.room-title-sidebar h5 {
    margin-bottom: 0;
    font-family: var(--menu-font);
    letter-spacing: unset;
    text-transform: unset;
    letter-spacing: 0.28px;
    color: #333239;
    font-weight: 600;
    font-size: 14px;
}
.room-list-sidebar .read a {
    font-size: 14px;
    letter-spacing: 0.84px;
}
.room-list-sidebar .read svg {
    width: 13px;
    height: 11px;
}
.services-list .room-lists .row {
    height: 385px;
    overflow: hidden;
}
.news .room-lists .row {
    height: 422px;
    overflow: hidden;
}
.room-sidebar .roms-price span {
    font-size: 16px;
    font-weight: bold;
}
.rooms-sidebar .room-sidebar:last-of-type{
    padding-bottom: 30px;
}
#sidebar-pages .check-availability-form form {
    padding-top: 10px;
}
.directReserve {
    background-color: #fff;
    padding: 30px;
    padding-top: 10px;
}
.directReserve p {
    line-height: 34px;
    font-size: 16px;
}
.directReserve p a {
    text-decoration: none;
    color: var(--paragraph-text-color);
}
#block-300x250 .sidebarLabel h3,#block-300x600 .sidebarLabel h3 {
    font-size: 14px;
    font-family: 'Open Sans';
    border: unset;
    font-weight: 600;
}
#block-300x250 .sidebar-content {
    height: 250px;
    background: #fff;
}
#block-300x250 .sidebar-content .directReserve p,#block-300x600 .directReserve p {
    font-size: 16px;
    letter-spacing: 0.64px;
    color: #333239;
    opacity: 0.4;
    font-weight: bold;
}
#block-300x600 .sidebar-content {
    height: 600px;
    background: #fff;
}
.slider-nav {
    margin: auto;
    margin-top: -25px;
}
.slider-for img {
    width: 100%;
    object-fit: cover;
    height: 620px;
}
.roomDetails .slick-dots { 
    display: none !important;
}
.roomDetails .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.roomDetails .room-suites {
    margin: unset;
    margin-right: 40px;
}
.roomDetails .roomPrice {
    display: flex;
    align-items: center;
    margin-top: 36px;
}
.rooms_amount {
    display: flex;
    align-items: baseline;
}
.roomDetails .roomPrice h3{
    font-size: 30px;
    letter-spacing: 1.5px;
    color: var(--bs-secondary);
}
.roomDetails .roomPrice h3::first-letter {
    font-size: 20px;
    letter-spacing: 1px;
}
.roomDetails .roomPrice span {
    font-size: 20px;
    font-weight: 300;
    font-family: var(--menu-font);
    color: #333239;
    letter-spacing: 1px;
}
.roomDetails .room-suites a {
    border: unset;
}
.room-amenities {
    margin-top: 60px;
}
.room-amenities ul{
    padding-left: 0;
    margin-bottom: 0;
}
.room-amenities li {
    font-size: 24px;
}
.room-amenities .packages svg circle  {
    fill: var(--bs-secondary);
}
.room-amenities .packages li:last-of-type{
    padding-bottom: 0;
}
.room-amenities p {
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #686868;
    font-weight: 600;
}
.room-amenities h3 {
    font-family: 'Playfair Display';
    letter-spacing: 0.2px;
    text-transform: capitalize;
    border-bottom: 1px solid #00000033;
    padding-bottom: 22px;
    margin-bottom: 27px;
    color: var(--bs-secondary);
}
.slider-nav  img {
    margin: 10px;
    width: 272px;
    height: 240px;
    margin-left: 0;
}
.slider-nav  img:nth-child(4) {
    margin-right: 0;
}
.slick-prev {
    left: 0;
    opacity: 1;
    z-index: 10;
    height: 50px;
    width: 50px;
    background-color: #00000080;
}
.slick-next {
    right: 0;
    height: 50px;
    width: 50px;
    opacity: 1;
    z-index: 10;
    background-color: #00000080;
}

.slick-prev:before {
    content: "";
    background-image: url(./img/left-arrow.png);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 22px;
    background-position: center;
    opacity: .8;
    filter: invert(56);
}
 .slick-next:before {
    content: "";
    background-image: url(./img/icons8-right-arrow-48.png);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 22px;
    background-position: center;
    opacity: .8;
    filter: invert(56);
}
.slick-prev:hover,.slick-next:hover{
    background-color:var(--bs-primary);
    filter: unset;
}
.slider-nav button,.slider-nav button {
    display: none !important;
}
.pricing-plan {
    padding: 25px 60px;
    border-right: 1px solid #333239;
}
.pricing-plan:last-of-type {
    border: unset;
}
#sidebar-pages .pricing-plan {
    padding: 20px 35px;
}
.room-pricing {
    display: flex;
    border: 1px solid #333239;
    justify-content: space-between;
    overflow: hidden;
} 
.roomDetails .tab .tab1 .nav-tabs .nav-link  {
    padding-bottom: 22.5px;
    padding-left: 0;
    font-family: 'Playfair Display';
    letter-spacing: 0.2px;
    font-size: 20px;
    text-transform: capitalize;
    margin-right: 120px;
}
.rooms-detail .nav-tabs {
    border-bottom: 1px solid #00000033;
    margin-bottom: 42.5px;
}
.rooms-detail .tab {
    padding-top: 40px;
    padding-bottom: 0;
}
.rooms-detail .tab1 .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    width: 115px;
    height: 5px;
    background-color: var(--bs-primary);
}
.rooms-detail .tab .nav-tabs {
    justify-content: flex-start;
}
.roomDetails {
    padding: 100px 0;
}
.roomDetails .comment-lists {
    padding-top: 15px;
}
.pricing-plan h4 {
    font-family: 'Playfair Display';
    letter-spacing: 0.18px;
}
.pricing-plan p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.14px;
    color: #686868;
}
#sidebar-pages .slider-for img {
    height: 520px;
}
#sidebar-pages .slider-nav img {
    width: 182px;
    height: 164px; 
    margin: 5px; 
    margin-top: 10px;
}
/* News Events*/
.news-events .pagination {
    margin: auto;
    width: max-content;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 30px;
}
.news-grid-2 {
    padding-top: unset;
}
#sidebar-pages.news-grid-2 {
    padding-top: unset !important;
}
.news-grid-2 img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}
.event-detail{
    padding: 25px;
    background-color: #fff;
}
.event-date {
    border: 1px solid var(--bs-primary);
    width: max-content;
    display: flex;
    flex-direction: column;
    padding: 7px 15px;
    align-items: center;
    height: max-content;
}
.event-date p {
    color: var(--bs-primary);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}
.date-time {
    display: flex;
}
.date-time h3 {
    margin-left: 15px;
    font-family: 'Playfair Display';
}
.date-time h3 a {
    color: var(--bs-secondary);
    text-decoration: none;
}
.title {
    display: flex;
    flex-direction: column;
}
.news-grid-2 .news-grid {
    margin-bottom: 60px;
    height: 100%;
}
.event-detail .read{
    margin-left: 15px;
}
.news-grid-2 .read {
    padding-top: 13px;
}
/*Rooms Grid 3 */
.news-grid-3 img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.news-grid-3 .news-grid {
    margin-bottom: 50px;
}
.news-grid h5 {
    font-family: 'Playfair Display';
}
.news-grid h5 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.news-grid-3 .event-date p {
    font-size: 14px;
    line-height: 18px;
}
.news-grid-3 .event-date {
    padding: 4px 12px;
}
.news-grid-3 .read {
    padding-top: unset;
    margin-left: 13px;
}
.news-grid-3 .read a {
    font-size: 14px;
}
.news-grid-3 .event-detail {
    padding: 22px;
    min-height: 130px;
}
.news-grid-3 .title h5 {
    font-size: 14px;
    letter-spacing: 0.14px;
    margin-left: 12px;
    margin-top: -4px;
}
/* News Grid 4 */
.news-grid-4 .img-date {
    position: relative;
}
.news-grid-4 .event-date {
    position: absolute ;
    bottom: 20px;
    padding: 5px 10px;
    background: var(--bs-primary);
}
.news-grid-4 .news-grid {
    margin-bottom: 42px;
}
.news-grid-4 .news-grid img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}
.news-grid-4 .event-date p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.news-grid-4 .event-detail {
    padding: 15px;
}
.news-grid-4 .news-grid h5 {
    margin-left: unset;
    font-size: 14px;
    letter-spacing: 0.14px;
}
.news-grid-4 .read {
    padding-top: unset;
    margin-left: 0;
}
.news-grid-4 .read a {
    font-size: 14px;    
    letter-spacing: 0.84px;
    color: #000000;
}
.news-grid-4 .read svg {
    width: 12px;
    height: 10px;
}
/* News List Full Width */
.news-lists {
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
}
.news-lists .rooms-grid-1-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsEventDetail{
    padding: 60px 0;
    padding-right: 55px;
    padding-left: 15px;
}
.even .news-lists .rooms-grid-1-wrapper img {
    padding-left: 16px;
    width: 100%;
}
.even .newsEventDetail {
    padding-left: 55px;
    padding-right: 22px;
    margin-left: 10px;
}
.date-title {
    display: flex;
    padding-bottom: 25px;
    align-items: center;
}
.date-title h3 {
    text-transform: unset;
    margin-left: 20px;
    font-family: 'Playfair Display';
    letter-spacing: 0;
    line-height: 32px;
    letter-spacing: 0.2px;
}
.date-title h3 a {
    color: var(--bs-secondary);
    text-decoration: none;
} 
.news-list .event-date {
    padding: 7px 14px;
}
.news-lists .price-read {
    display: unset;
}

.news-list .rooms-detail {
    padding: 55px 32px;
    padding-right: 55px;
}
.news-lists .read {
    padding-top: 35px;
}
.news-list .read a {
    color: black;
}
.news-list .read:hover a{
    color: var(--bs-primary);
}
.news-list-pager {
    margin-top: 90px;
}
/* News List Sidebar */
.news-list-side .room-list .rooms-detail {
    padding: 32px 29px 32px 0px;
}
.news-list-side .read {
    padding-top: 23px;
}
.news-list-side .discription {
    padding-bottom: 23px;
}
.news-list-sidebars .room-list-full .room-lists {
    margin-bottom: 40px;
    margin-left: 0;
    background-color: #fff;
}
.news-list-sidebars .rooms-grid-1-wrapper img {
    width: 330px;
}
#sidebar-pages .room-lists {
    margin-left: 0;
    margin-right: 0;
}
.newsEventDetail-sidebar {
    padding-top: 38px;
    padding-bottom: 38px;
    padding-left: 0;
    padding-right: 10px;
}
/* Event sidebars */
.newsEventDetail-sidebar .rooms-title h3 {
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 27px;
}
.newsEventDetail-sidebar .event-date p {
    font-size: 14px;
    line-height: 20px;
}
.newsEventDetail-sidebar .event-date {
    padding: 6px 13px;
}
.events-sidebar {
    padding: 10px 30px;
}
.newsEventDetail-sidebar .date-title {
    padding-bottom: 18px;
}
.news-list-sidebars .news-lists {
    margin-bottom: 40px;
}
.newsEventDetail-sidebar .read a {
    letter-spacing: .9px;
}
.events-image-wrapper img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
#sidebar-pages .views-exposed-form .form-select {
    padding-top: 0;
}
#sidebar-pages .news-events .views-exposed-form .form-select {
    padding-top: unset;
}
.events-title  {
    padding-top: 14px;
}
.events-title h5 a {
    text-decoration: none;
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
}
.rooms-sidebar .events-title h5 {
    font-size: 14px;
    letter-spacing: 0.14px;
}
/* News Events Details Page */
.events-detail {
    padding: 100px 0;
}
.events-detail img {
    width: 100%;
    height: 640px;
    object-fit: cover;
}
.events-detail .image-wrapper {
    padding-bottom: 50px;
}
.events-detail h3 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa6a6;
    margin-bottom: 30px;
    font-family: 'Playfair Display';
}
.events-detail h3::after {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    width: 161px;
    height: 5px;
    bottom: -3px;
    left: 0;
}
.event-date-time {
    display: flex;
    margin-top: 17px;
    padding-bottom: 40px;
    border-bottom: 1px solid #00000033;
    margin-bottom: 65px;
}
.events-date,.event-time,.location {
    display: flex;
    align-items: flex-start;
    margin-right: 50px;
}
.event-date-time svg {
    width: 20px;
    height: 19px;
    margin-right: 13px;
}
.event-date-time svg path{
    stroke-width: 7px;
}
.event-time svg path {
    fill: var(--bs-primary);
}
.event-date-time .location svg path, .event-date-time .location svg circle,.events-date svg path{
    stroke: var(--bs-primary);
}
.event-date-time  h5 {
    font-size: 16px;
    font-family: 'open sans';
    letter-spacing: 0.64px;
    color: #333239;
    font-weight: 600;
    line-height: 18px;
}
.event-date-time .events-date  h5 {
    text-transform: uppercase;
}
.events-detail .button-link {
    width: max-content;
    margin: auto;
    display: flex;
}
.events-detail .login-wrapper {
    margin-top: 32px;
}
.events-detail .login-wrapper h4 {
    text-align: center;
    letter-spacing: 1px;
    letter-spacing: 0.2px;
    color: #333239;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans';
}
.events-detail .login-wrapper h4 a {
    color: var(--bs-primary);
    text-decoration: none;
    font-weight: 700;
}
.events-detail .events-content p {
    padding-bottom: 17px;
}
.events-detail .events-content p:empty{
    padding-bottom: 0;
}
/* Events Details-Sidebar */
#sidebar-pages .events-detail img {
    height: 480px;
}
#sidebar-pages .event-date-time h5 {
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 16px;
}
#sidebar-pages .event-date-time svg {
    width: 14px;
    height: 15px;
    margin-right: 10px;
}
#sidebar-pages .events-date svg{
    height: 14px;
}
#sidebar-pages .event-date-time .location {
    margin-right: 7px;
}
#sidebar-pages .events-date, #sidebar-pages .event-time, #sidebar-pages .location {
    margin-right: 30px;
}
#sidebar-pages .event-date-time {
    margin-top: 17px;
    padding-bottom: 35px;
    margin-bottom: 42px;
}
/* Blogs Grid 2 */
.blog-grid {
    margin-bottom: 60px;
}
.blog-grid img {
    width: 100%;
    object-fit: cover;
    height: 350px;
}
.blog-detail {
    background: #fff;
    padding: 30px;
}
.blog-date p {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Barlow';
    text-transform: uppercase;
    color: var(--bs-primary);
    letter-spacing: .5px;
}
.blog-grid h3 {
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    padding-top: 8px;
    padding-bottom: 8px;
}
.blog-grid h3 a {
    color: var(--bs-secondary);
    text-decoration: none;
    font-family: 'Playfair Display';

}
.blog-grid .read a {
    color: #000000;
    letter-spacing: .9px;
    font-weight: 600;
}
.news-grid h5 a:hover{
    color: var(--bs-primary);
}
.blog-grid h3 a:hover{
    color: var(--bs-primary);
}
.blog-grid h5 a:hover{
    color: var(--bs-primary);
}

.blog-grid h6 a:hover{
    color: var(--bs-primary);
}
/* Blog Grid 3 */
.blog-grid h5 {
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    padding-top: 8px;
    letter-spacing: 0.16px;
}
.blog-grid h5 a {
    color: var(--bs-secondary);
    text-decoration: none;
    font-family: 'Playfair Display';
    letter-spacing: 0.16px;
}
.blog-grid-3 .read a {
    letter-spacing: 0.84px;
}
.blog-grid-3 .read svg {
    width: 13px;
    height: 7px;
}
.read:hover.read a {
    color: var(--bs-primary);
}
.read:hover.read svg {
    filter: unset;
}
.blog-grid-3 .blog-grid .read {
    padding-top: 6px;
}
.blog-grid-3 .blog-detail {
    padding: 25px;
    padding-top: 20px;
}
.blog-grid-3 .blog-grid img {
    height: 240px;
}
/* Blog Grid 4 */
.blog-grid h6 {
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    padding-top: 7px;
    letter-spacing: 0.14px;
}
.blog-grid h6 a {
    color: var(--bs-secondary);
    text-decoration: none;
    font-family: 'Playfair Display';
    letter-spacing: 0.14px;
}
.blog-grid-4 .read {
    padding-top: 0;
}
.blog-grid-4 .read svg {
    width: 13px;
}
.blog-grid-4 .blog-grid img {
    height: 200px;
}
.blog-grid-4 .blog-grid {
    margin-bottom: 40px;
}
.blog-grid-4 .blog-detail {
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 16px;
}
/* Blog List */
/* .blogs .blog-lists .row {
    height: 424px;
} */
.blogs .blog-lists .rooms-grid-1-wrapper {
    background-color: #fff;
    height: 100%;
}
.blog-lists {
    margin-bottom: 55px;
    background-color: #fff;
}
.blogs .blog-lists .img img {
    width: 100%;
    height: 100%;
}
.blogs .blog-list-sidebar .blog-lists  .img img {
    width: 320px;
    height: 100%;
}
.blog-list .blog-date p {
    letter-spacing: 0.96px;
    color:var(--bs-primary);
    font-weight: 600;
    text-transform: uppercase;
    opacity: 1;
    font-size: 16px;
}
.blog-list {
    height: 100%;
}
.blog-detail {
    padding: 30px;
    padding-bottom: 35px;
}
.blogs .blog-lists .blog-detail {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 55px;
}
.blog-title h3 {
    padding-bottom: 10px;
}
.blog-title h3 a {
    text-decoration: none;
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    
}
.blog-list .blog-date {
    padding-bottom: 12px;
}
.blog-list .read{
    padding-top: 30px;
}
.blog-list .read a {
    letter-spacing: 0.9px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--menu-font);
    opacity: 1;
}
.blog-list .read svg path{
    stroke-width: 6px;
}
.blog-lists .rooms-grid-1-wrapper img {
    height: 100%;
}
#sidebar-pages .blog-detail {
    height: 100%;
    padding-top: 39px;
    padding-bottom: 39px;
    padding-left: 0;
    padding-right: 10px;
}
.rooms.blogs {
    padding: 85px 0 40px 0;
}
.blog-list-sidebar .blog-lists {
    margin-bottom: 40px;
    margin-left: 5px;
}
.blogs .blog-list-sidebar .rooms-grid-1-wrapper {
    background-color: #fff;
    height: 100%;
}
.blog-list-sidebar .blog-title h3 {
    text-align: left;
    letter-spacing: 0.16px;
    color: var(--bs-secondary);
    opacity: 1;
    font-size: 16px;
    font-family: 'Playfair Display';
    line-height: 27px;
    padding-bottom: 9px;
}
.blog-list-sidebar .blog-title h3 a {
    text-align: left;
    font-family: 'Playfair Display';
    line-height: 27px;
    letter-spacing: 0.16px;
    color: var(--bs-secondary);
    opacity: 1;
    font-size: 16px;
    font-weight: 700;
    
}
.blog-list-sidebar .blog-list .blog-date {
    padding-bottom: 5px;
}
.blog-list-sidebar .blog-list .read {
    padding-top: 18px;
}
.rooms.blog-list-sidebar {
    padding-left: 0;
}
.blogs-details.blogs{
    padding-bottom: 0;
}
.blogs-details .carousels-3 img {
    height: 630px !important;
    width: 100%;
    object-fit: cover;
}
#sidebar-pages .blogs-details .carousels-3 img {
    height: 432px !important;
}
.blogs-details .content {
    padding-bottom: 40px;
}
.blogs-details .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
.blogs-details .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: black;
}
.blogs-details .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 65px;
}
#sidebar-pages .blogs-details .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
.blogs-details h3 {
    padding-bottom: 15px;
    padding-top: 30px;
    font-weight: 600;
}
.blockquate p{
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: var(--bs-secondary);
    word-spacing: 5px;
    padding: 50px 125px;
    line-height: 35px;
    font-family: 'Playfair Display';
}
#sidebar-pages .blockquate p{
    padding: 40px;
    letter-spacing: 0.54px;
    font-weight: 400;
    line-height: 30px;
    font-size: 18px;
}
.tags {
    display: flex;
    align-items: baseline;
}
.tags p {
    margin-left: 30px;
    font-size: 15px;
    font-weight: 500;
}
.tags a {
    color: var(--paragraph-text-color);
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}
.tags h3 {
    padding: 0;
}
.tag-addtoany {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid #00000033;;
    border-bottom: 1px solid #00000033;;
    border-bottom: 1px solid #00000033;
    overflow: hidden;
}
.addToany  {
    display: flex;
    align-items: center;
}
.addToany .addtoany_list a {
    filter: invert(.5);
}
.addToany .addtoany_list a:hover {
    filter: unset;
}
.addToany .addtoany_list a:hover .a2a_svg svg path {
    fill: var(--bs-primary);
}
.addToany .addtoany_list a:hover .a2a_svg svg path {
    fill: var(--bs-primary);
}
.addToany .addtoany_list a:hover .a2a_svg svg path {
    fill: var(--bs-primary);
}
.a2a_svg { 
    background-color: unset !important;
}
.addToany .a2a_svg svg{
    width: 30px;
    height: 30px;
}
.tag-addtoany h3 {
    padding: 0;
    margin-bottom: 0;
    padding-right: 20px;
}
.addtoany_list.a2a_kit_size_32 > a {
    font-size: 32px;
    padding: 0px 15px;
}
.a2a_button_instagram {
    padding-right: 0 !important;
}
#sidebar-pages .addToany .a2a_svg svg {
    width: 23px;
    height: 22px;
}
#sidebar-pages .addToany span {
    filter: unset;
}
/* #sidebar-pages .addToany .a2a_svg svg path {
    fill: #686868;
} */
#sidebar-pages .a2a_button_facebook svg {
    width: 20px !important;
    height: 20px !important;
}
#sidebar-pages .a2a_button_instagram svg {
    width: 20px !important;
}
#sidebar-pages .addToany {
    align-items: baseline;
}
#sidebar-pages .tag-addtoany h3 {
    padding-right: 30px;
    letter-spacing: 0.54px;
    font-size: 18px;
}
#sidebar-pages .tags  a{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .42px;
    line-height: 35px;
}
#sidebar-pages .tags p {
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .42px;
    line-height: 35px;
}
#sidebar-pages .tags .tag-hover:first-of-type p{
    margin-left: 0;
}
.tag-hover {
    display: flex;
    align-items: baseline;
}
.tag-hover:hover.tag-hover p,.tag-hover:hover.tag-hover a {
    color: var(--bs-primary);
}
.latest-blogs {
    padding-bottom: 40px;
}
.latest-blog-title {
    text-align: center;
    padding-top: 15px;
    font-family: 'Playfair Display';
    padding-bottom: 40px;
}
.blog-grid-3.latest-blogs .latest-blog-title{
    padding-top: 50px;
}
.blog-grid-3.latest-blogs .row {
    justify-content: space-between;
}

#sidebar-pages .blogs-details .login-wrapper {
    padding-bottom: 70px;
    border-bottom: unset;
}
.svg-quote svg path{
    fill: var(--bs-primary);
}
/* Comments */
.comment-wrapper {
    padding: 35px;
    background: #fff;
    margin-bottom: 20px;
}
.img-wrapper {
    display: flex;
}
h2.comment-count {
    padding-top: 50px;
    font-family: 'Playfair Display';
    color: black;
}
h2.comment-count::first-letter {
    font-family: var(--menu-font);
}
.comment-detail {
    display: flex;
    margin-left: 16px;
}
.comment-detail span{
    font-size: 14px;
    font-weight: 300;
    padding-right: 10px;
    padding-left: 6px;
    color: #686868;
    font-family: 'Open Sans';
}
.comment-detail  span:nth-child(1){
    position: relative;
    padding-right: 6px;
    color: #333239;
}
.comment-detail  span:nth-child(1)::after {
    position: absolute;
    content: "";
    background-color: var(--paragraph-text-color);
    height: 15px;
    width: 1px;
    top: 4px;
    right: 0;
    bottom: 0;
}
.login-wrapper {
    margin-top: 50px
}
.login-wrapper h3 {
    text-align: center;
}
.login-wrapper h3 a {
    color: var(--bs-primary);
    text-decoration: none;
}
.blogs-details .login-wrapper {
    border-bottom: 1px solid #00000033;
    padding-bottom: 35px;
    margin-top: 25px;
}
.latest-blogs .blog-date p {
    font-weight: 700;
}
.comment p {
    padding-left: 94px;
    padding-bottom: 10px;
    margin-top: -35px;
}
.comment-lists {
    padding-top: 30px;
}
.child-comment {
    margin-left: 80px;
}
.comment-lists .form-submit {
    background-color: var(--bs-primary);
    padding: 15px;
    margin-right: 35px;
}
.blogs-comments img {
    height: 70px;
    width: 70px;
}
.comment-lists .comment-comment-form label{
    display: none;
}
.comment-lists .form-actions {
    display: flex;
}
.path-comment #main.container-fluid {
    max-width: 1140px;
}
.path-comment .child-comment {
    margin-left: 0;
    margin-top: 100px;
}
.path-comment .comment-form {
    padding-bottom: 100px;
}
.path-comment .comment-wrapper {
    margin-top: 100px;
}
.path-comment .form-submit {
    background-color: var(--bs-primary);
    padding: 15px;
    margin-right: 35px;
}
/* .form-control {
    border: unset;
} */
.form-control:focus {
    /* border-color: #fff; */
    box-shadow: unset;
}
.comment-lists .inline__links {
    padding-left: 85px;
}
.comment-wrapper .inline__links {
    padding-left: 80px;
}
/* ###### Home Page 01 #####*/
/* Home slider-01 */
.header-slider-1 {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
}
#page_content.header-1 .header-slider-1 {
    bottom: 110px;
}

.item-wrapper {
    width: max-content;
    margin: auto;


}
.header1.home-slide-02 .item-wrapper {
    max-width: 650px;
    margin: auto;
    width: 100%;
}
.home-slide-01 .item-wrapper {
    max-width: 615px;
    margin: auto;
    width: 100%;
}
.item-wrapper h1 {
    font-size: 50px;
    text-align: center;
    font-family: 'Playfair Display';
    line-height: 74px;
    z-index: 144;
    letter-spacing: 4px;
    color: #FFFFFF;
    padding-bottom: 25px;
    width: 100%;
    word-break: break-word;
}
.room-suites {
    width: max-content;
    margin: auto;
    margin-top: 40px;
    width: 225px;
    height: 65px;
    background: var(--bs-primary);
    display: flex;
    align-items: center
}
.room-suites a {
    letter-spacing: 1.44px;
    margin: auto;
    font-size: 18px;
    width: max-content;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    font-family: var(--menu-font);
    padding: 20px 60px;
    border: 2px solid #fff;
}
.home-slider-1 .room-suites a:hover{
    background: var(--bs-secondary);
    color: #fff;
    transition: .75s;
    border: 2px solid var(--bs-secondary);
}
.slides {
    position: relative;
}
.header-slider-1  .owl-nav {

    position: absolute;
    top: 110px;
    bottom: 0;
    flex: 1;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    z-index: 8;

}
.arrows-left p,.arrows-right p {
    font-size: 16px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    font-family: var(--menu-font);
}
.arrows-right p {
    align-items: baseline;
}
.arrows-left p {
    align-items: flex-end;
}
.arrows-left p span, .arrows-right p span{
    margin-bottom: 25px;
    letter-spacing: 1.2px;
    font-weight: 600;
    font-size: 20px;
    font-family: var(--menu-font);
}
.arrows-left p::after {
    position: absolute;
    content: "";
    background-color: #fff;
    height: 4px;
    width: 120px;
    right: 0;
    bottom: 35px;
    top: 38px;
}
.arrows-right p::before {
    position: absolute;
    content: "";
    background-color: #fff;
    height: 4px;
    width: 120px;
    left: 0;
    bottom: 35px;
    top: 38px;
}
.home-slider-1 .owl-stage-outer {
    z-index: 5;
}
.home-slider-1 .owl-nav .owl-next,.home-slider-1 .owl-nav .owl-prev {
    z-index: 6;
}

.header-slider-1 .owl-theme .owl-nav [class*=owl-]:hover {
    background: unset;
}
.rooms_check {
    background-color: #00000080;
    opacity: .8;
    width: 100%;
    margin-top: 75px;
    height: 90px;
}
.rooms_check .form.check-availability-form{
    background-color: #00000080;
}
.rooms_check  form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rooms_check .check-availability-form form input, .rooms_check .check-availability-form form select {
    height: 60px;
    border-radius: 0;
    color: var(--paragraph-text-color);
    width: 185px;
}
.rooms_check .check-availability-form form {
    padding: 30px;
    padding-bottom: 30px;
}
.rooms_check .check-availability-form .btn-reserve .btn-primary {
    padding: 15px 41px;
    border-radius: 0;
}
.rooms_check .check-availability-form .btn-reserve {
    width: max-content;
    margin: unset;
    height: 60px;
    display: flex;
    align-items: center;
}
.check-availability-form .btn-reserve:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
.check-availability-form .btn-primary:hover {
    background-color: var(--bs-primary) !important;
}
.rooms_check .mb-3 {
    margin-bottom:0 !important;
}
.home-slider-1 .room-suites {
    width: max-content;
    margin: auto;
    background: unset;
    margin-top: 25px;
}
.home-slider-1 .room-suites a{
    padding: 0;
    width: 225px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;

}
#page_content.header-3 .home-slide-01 {
    height: 650px !important;
} 
#page_content.header-2 .home-slide-01 {
    height: 720px !important;
}
/* About us style 1 */
.about-us {
    padding: 100px 0;
    background-color: #fff;
}
.section-title {
    font-family: 'Playfair Display';
    max-width: 313px;
    padding: 15px 0;
    letter-spacing: 0.9px;
}
.button-link {
    padding: 21px 43px;
    background: var(--bs-primary);
    text-decoration: none;
    font-family: var(--menu-font);
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.9px;
    line-height: 18px;
}
.button-link:hover{
    background-color: var(--bs-secondary);
    color: #fff;
}
.about-us .discription {
    padding-bottom: 60px;
}
.about-us .img-wrapper img {
    width: 100%;
    height: 530px;
    object-fit: cover;
}
/* Services */

.services {
    padding: 100px 0;
}
.services .carousels {
    padding-top: 40px;
    padding-bottom: 0;
}
.shortcodes.services .carousels {
    padding-top: 0;
}
.service-grid-bg img {
    width: 35px !important;
    height: 35px !important;
    filter: brightness(10);
}
.services h3 a {
    color: var(--bs-secondary);
    text-decoration: none;
    
}
/* rooms */
section.rooms {
    padding: 100px 0;
}
#sideba-pages section.rooms {
    padding-top: unset;
}
.rooms_ {
    background-color: #fff;
}
.rooms_ .bg {
    padding: 100px 0;
}
.rooms_ .room-title h3{
    font-size: 16px;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}
.bg .section-title {
    color: #fff;
    margin-bottom: 49px;
}
.bg .rooms {
    padding-top: 40px;
    padding-bottom: 70px;
}
.bg h3 a {
    color: var(--bs-secondary);
    text-decoration: none;
}
.bg h3 a:hover{
    color: var(--bs-primary);
}
.video a:hover{
    cursor: pointer;
}
.menu-list-home h5 a:hover{
    color: var(--bs-primary);
}
.home1-btn {
    margin: auto;
    width: max-content;
    background: none;
    color: var(--bs-secondary);
    border: 2px solid black;
    margin-top: 70px;
    height: 60px;
    padding: 0;
    width: 156px;
    display: flex;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}
.bg .rooms-grid-1-wrapper img {
    height: 240px;
}
.multiple-icons img {
    width: 15px !important;
    height: 12px !important;
    margin-right: 16px;

}
.multiple-icons {
    padding-bottom: 15px;
    padding-top: 8px;
}
.bg .roms-price {
    width: max-content;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
}
.bg .roms-price span::first-letter{
    font-size: 15px;
    font-weight: 700;
}
.rooms-detail-wrap {
    border: 1px solid #d8d4d4;
}
.room-title {
    padding: 30px;
}
.room-title {
    padding: 26px;
    border-bottom: 1px solid #d8d4d4;
    padding-top: 18px;
    padding-bottom:0;
}
.rooms_ .roms-price span {
    font-size: 30px;
    font-family: var(--paragraph-font);
    letter-spacing: 0.6px;
    font-weight: 600;
}
.rooms_ .roms-price span::first-letter {
    font-family: var(--menu-font);
}
/* Testompnials */
.home-1-testimonials .carousel-1 .owl-dots {
    bottom: -60px;
}

.home-1-testimonials .carousel-1 .owl-nav {
    left: 63.5%;
    bottom: -53px;

}
.home-1-testimonials .content {
    padding-right: 15px;
}
.home-1-testimonials.testimonials{
    padding-top:0;
}
.home-1-testimonials.testimonials .img-wrapper img  {
    height: 527px;
}
.home-1-testimonials {
    background-color: #fff;
    padding-bottom: 100px;
}
.home-1-testimonials h4 a {
    color: var(--bs-secondary);
    text-decoration: none;
}
.testimonials .img-wrapper img {
    width: 100%;
}
.home-1-testimonials .section-title {
    max-width: unset;
}
/* .video h1 {
    position: absolute;
    right: 0;
    left: auto;
    top: 100px;
    left: 0;
} */
.video-block .video-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;

}
/* Menu */
.menu-list-style1 {
    padding: 100px 0 ;
    background-color: #fff;
}
.menu-list-style1 .section-title {
    max-width: 500px;
    color: black;
}
.menu-list-style1 .menu-block{
    padding-top: 40px;
}
.menu-list-home {
    display: flex;
    margin-bottom: 35px;
    align-items: center;
}
.menu-list-home img{
    width: 100px;
    height: 84px;
    border-radius: 8px;
}
.price-wrapp {
    display: flex;
    justify-content: space-between;
}
.menu-list-home h5 a {
    color: var(--bs-secondary);
    text-decoration: none;
    font-family: 'Playfair Display';
}
.menu-list-style1 .home1-btn {
    margin-top: 30px;
}
/* Call to Action */
.call-to-action {
    padding: 100px 0;
    height: 400px;
}
.call-to-action-wrapper span{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    font-family: var(--menu-font);
}
.call-to-action-wrapper{ 
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.call-to-action-title h2 {
    font-size: 50px;
    color: #fff;
    font-family: 'Playfair Display';
    max-width: 682px;
    word-spacing: 1.5px;
    line-height: 72px;
    font-weight: 700;
    padding-top: 12px;
    text-transform: capitalize;
}
.link {
    height: max-content;
    background: var(--bs-primary);
    border-radius: 50px;
    text-decoration: none;
    /* position: relative; */
}
/* .link::after{
    content: "";
    position: absolute;
    background-color: var(--bs-secondary);
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50px;
    width: 0;
    transition: 1s;
}
.link:hover.link::after{
    width: 100%; */
/* } */
.link a {
    text-decoration: none;
    color: #FFFFFF;
    align-items: center;
    font-weight: 600;
    height: 65px;
    letter-spacing: 1.44px;
    font-size: 18px;
    display: flex;
    align-items: center;
    width: 225px;
    font-family: var(--menu-font);
    justify-content: center;
    transition: .7s;
}
.link:hover{
    background-color: var(--bs-secondary);
    transition: 1s;
}
.link svg{ 
    width: 18px;
    height: 20px;
    margin-left: 9px;
    margin-top: 4px;
}
.link svg path{
    stroke: #fff;
} 
/* Blogs */
.blog-style1 {
    background-color: #fff;
}
.blog-style1 .blog-item {
    background-color: var(--elements-background-color);

}
.blog-style1 .section-title {
    max-width: 306px;
}
.blog-style1 .blog1 a {
    bottom: 0;

}
/* Discounter Counter  */
.discount-counter {
    padding: 100px 0;
}
.overlay {
    padding: 8px 17px;
    border: 2px solid #fff;
    font-size: 32px;
    color: #fff;
    align-items: center;
    margin-right: 25px;
    text-align: center;
}
.cs-counter {
    display: flex;
    justify-content: center;
}
.time {
    font-size: 60px;
    letter-spacing: 6px;
    font-family: var(--paragraph-font);
    line-height: 65px;
}
.counting-title {
    font-size: 18px;
    letter-spacing: 0.72px;
}
.discount-counter h2 {
    text-align: center;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
    padding-top: 55px;
    padding-bottom: 30px;
}
.offer h4{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    font-family: var(--paragraph-font);
    line-height: 44px;
}
.discount-counter .offer a {
    text-decoration: none;
}
.offer span {
    color: var(--bs-primary);
    font-size: 20px;
    letter-spacing: 1px;
    font-family: var(--menu-font);
    line-height: 44px;
}

.offer span a {
    color: var(--bs-primary);
    text-decoration: none;
}

.discount-counter .button-link {
       margin: auto;
       height: 65px;
       margin-top: 45px;
       width: 225px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 18px;
       font-weight: 600;
       letter-spacing: .56px;
}
.discount-counter .button-link:hover{
    border: 2px solid ;
}
/* news */
.news-style1{
    padding: 100px 0;
    background-color: #ffff;
}
.news-style1 .section-title {
    max-width: 315px;
    color: black;
}
.news-style1 .news-grid-4 {
    padding-top: 35px;
}
.news-style1 .news-grid {
    margin-bottom: 35px;
}
.news-style1 .news-grid img {
    height: 265px;
}
.news-style1 .news-grid-4 .news-grid h5 {
    font-size: 16px;
    letter-spacing: 0.16px;
}
.news-style1 .news-grid-4 .event-detail {
    padding: 25px;
    padding-bottom: 25px;
}
.news-style1 .news-grid-4 .event-date {
    padding: 7px 14px;
}
.news-style1 .news-grid-4 .event-date p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.32px;
}
.news-style1 .news-grid-4 .event-detail {
    background-color: var(--elements-background-color);
}
.news-style1 .news-grid-4 .read {
    padding-top: 5px;
}
.news-style1 .button-link {
    margin-top: 45px;
}
/* Gallery */
.gallery .img{
    position: relative;
    padding: 0;
    width: 100%;
}
.gallery .img:hover.img::before {
    position: absolute;
    content: "";
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: .7;
    transition: .75s;
}
.gallery .img img {
    width: 100%;
    object-fit: cover;
    height: 330px
}

/* ##### Home Page 02 ##### */
/* Home Slider 02 */
.owl-nav svg {
    width: 20px;
    height: 20px;
}

.owl-nav {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    height: max-content;
}

.home-slide-02 .item-wrapper h1 {
    text-transform: unset;
    padding-bottom: 0;
} 
.link-btn {
    height: max-content;
    background: var(--bs-primary);
    border-radius: 50px;
    width: max-content;
    margin: auto;
    margin-top: 40px;
}
.home-slide-02 p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1.44px;
    font-family: var(--menu-font);
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-bottom: 24px;
    line-height: 24px;
}
.home-slide-02 .slider-arrow {
    border: unset;
    padding: 0;
    background: #0000009C;
    height: 48px;
    width: 48px;
}
.home-slide-02 .slider-arrow:hover{
    background-color: var(--bs-primary);
}
.home-slide-02 .slider-arrow svg path{
    fill:#fff
}
.home-slider-2 .owl-nav {
    top: 100px;
}
.home-slider-2 .owl-nav svg {
    width: 19px;
    height: 17px;
}
.home-slider-2 .owl-prev {
    margin-left: 0 !important;
}
.home-slider-2 .owl-next {
    margin-right: 0 !important;
}
.header-slider-2 {
    position: absolute;
    bottom: 110px;
    left: 0;
    right: 0;

}
#page_content.header-2 .header-slider-2 {
    bottom: 80px;
}
#page_content.header-2 .home-slide-02 {
    height: 730px !important;
}
#page_content.header-1 .home-slide-02 {
    height: 740px !important;
}
/* About us style -2 */
.about-style-2 img{
    width: 100%;
    height: 460px; 
    object-fit: cover;
}
.about-img-2 {
    margin-top: 40px;
}
.tag-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 55px;
}
.tag-title h2  {
    padding-top: 20px;
    font-family: 'Playfair Display';
    color: var(--bs-secondary);
}
.about-style-2 .content {
    padding-left: 20px;
}
.about-style-2 .content p {
    padding-bottom: 18px;
}
.about-style-2 .content p:empty{
    padding-bottom: 0;
}
.about-style-2 .link-btn {
    margin: unset;
    margin-left: 20px;
    margin-top: 40px;
}
/* Services */
.services-with-icon {
    background-color: #fff;
    padding-top: 0;
}
.services.services-with-icon {
    padding-bottom: 40px;
}
.services-with-icon .services-icon img {
    width: max-content;
    height: 45px;
}
.services-with-icon .content-wrapper {
    margin-bottom: 50px;
    padding-right: 21px;
}
.services-with-icon .content-wrapper h3 {
    margin: 12px 0;
    letter-spacing: 0.6px;
    color: #000000;
    font-weight: 600;
}
.carousels .carousel1 .services-icon #gym-icon {
    width: 35px;
    height: 35px;
}
.shortcodes.services {
    padding-bottom: 30px;
}
/* Room Style 2 */
.rooms-style2 {
    padding: 100px 0;
}
.rooms-style-2 img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    position: relative;
}
.rooms-style-2 h4 {
    margin-bottom: 0;
    letter-spacing: 0.54px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}
.rooms-style-2 h4 a {
    text-decoration: none;
    color: #fff;
}
.rooms-style-2 {
    position: relative;
    margin-bottom: 17px;
}
.rooms-style-2::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .44;
}
.room-title-price {
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 2;
}
.rooms-style-2 .roms-price span {
    font-size: 18px;
    font-family: var(--menu-font);
    letter-spacing: 0.36px;
    font-weight: bold;
}

.rooms-style-2 .read a {
    color: #fff;
}
.rooms-style-2 .read  svg{
    filter: unset;
}
.rooms-style-2:hover.rooms-style-2 .read path{
    stroke: #fff;
    fill: #fff;
}
.rooms-style-2 .read {
    position: absolute;
    bottom: 30px;
    left: 30px;
    opacity: 0;
    z-index: 2;
}
.rooms-style-2:hover.rooms-style-2 .read {
    position: absolute;
    bottom: 30px;
    left: 30px;
    opacity: 1;
}
.rooms-style-2:hover .room-title-price {
    top: 20px;
}
.rooms-style2 .link-btn {
    margin-top: 50px;
}
/* Testimonials */
.testimonials-style-3 {
    background-color: #fff;
}
.testimonials.testimonials-style-3  {
    padding-bottom: 100px;
}
.testimonials.testimonials-style-3.with-bg h2{
    margin-bottom: 62px;
}
.testimonials.testimonials-style-3.with-bg .tag-title {
    padding-bottom: 0;
}
.testimonial-slider-3 .owl-dots {
    margin-top: 32px;
}
.designation a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.testimonials.testimonials-style-3 h2 {
    margin-bottom: 62px;
}
.testimonials.testimonials-style-3 .tag-title{
    padding-bottom: 0;
}
/* Menu List */
.menu-list-1{
    padding: 100px 0;
}
.menu-list-1 .menu-grid-1-wrapper img {
    width: 90px;
    height: 84px;
}
.menu-list-1 .menu-grid-list {
    padding: unset;
}
.menu-list-1 .row {
    justify-content: space-between;
}

/* Blog */
.blog-featured {
    background-color: #fff;
}
.blog3 .blog-detail {
    padding: unset;
    background-color: unset;
}
.blog-featured .blog-detail {
    background-color: var(--elements-background-color);
    margin-left: unset;
    padding: 30px;
}
.blog-featured .blog3 img {
    padding-bottom: unset;
    height: 350px;
    object-fit: cover;

}
.blog-featured .blog-detail h3 a {
    font-size: unset;
    font-family:  'Playfair Display';
}
.news-grid h5 a:hover{
    color: var(--bs-primary);
}
.title h3 a:hover{
    color: var(--bs-primary);
}
.menu-grid-3 h4 a:hover{
    color: var(--bs-primary);
}
.featured-room h5 a:hover{
    color: var(--bs-primary);
}
.blog-featured .blog-created h5 {
    font-size: 20px;
    line-height: 30px;
}
.blog-featured .read{
    display: flex;
    align-items: center;
    padding-top: 9px
}
.blog-featured .link-btn {
    margin-top: 15px;
}
/* Booking/offers */
.discount-counter-2 h2 {
    padding-top: unset;
}
/* Latest News */
.latest-news .event-detail  {
    background-color: var(--elements-background-color);
}
.latest-news .read {
    padding-top: 7px;
}
.latest-news{
    padding: 100px 0;
    background: #fff;
}
.latest-news .news-events {
    padding-top: unset;
}
.latest-news .news-grid-3 {
    padding-bottom: unset;
}

/* ##### Home Page 03 ##### */
.home-slide-03 span {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    font-family: var(--menu-font);
}
.home-slide-03 .item-wrapper h1 {
    text-transform: unset;
    text-align: left;
    padding-bottom: 20px;
    font-size: 50px;
    letter-spacing: 1.5px;
    margin-top: 5px;
    max-width: 640px;
    word-break: break-word;
}
.home-slide-03 .slider-wrapper {
    padding: 100px 0;
}
.home-slide-03 .item-wrapper {
    margin: unset;
    margin-top: 75px;
    width: 100%;
}
.home-slide-03 .room-suites {
    width: max-content;
    margin: unset;
    margin-top: 0;
    border: unset;
   
}
.home-slide-03 .room-suites a {
    background: var(--bs-primary);
    border: unset;
    padding: 0;
    width: 225px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form.check-availability-form {
    padding-top: 0;
    background-color: #fff;
    padding-bottom: 0;
}
.check-availability-form form {
    padding: 35px;
    padding-bottom: 25px;
}
.check-availability-form form input,.check-availability-form form select{
    height: 60px;
    border-radius: 0;
    color: var(--paragraph-text-color);
}
.check-availability-form form input{
    padding-right: 35px;
}
.check-availability-form form input::webkit-calendar-picker-indicator {
    display: none;
  }
.check-availability-form form select{
    background-image: unset;
}
.btn-reserve .btn-primary {
    background-color: var(--bs-primary);
    width: 100%;
    padding: 15px 100px;
    font-weight: 600;
}
.btn-act.btn-reserve {
    padding: 0;
}
.reservation .btn-reserve:hover {
    background-color: var(--bs-primary);
}
.reservation .btn-primary:hover {
    background-color: var(--bs-primary) !important;
}
.check-availability-form .btn-reserve {
    width: 100%;
}
.check-availability-form .btn-reserve .btn-primary {
    padding: 15px 0;
    letter-spacing: .9px;
}
.home-slide-03 .owl-theme .owl-dots .owl-dot.active span, .home-slide-03 .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffff;
}
.our-testimonials {
    padding-bottom: 5px;
}
#edit-check-in-date::placeholder,#edit-check-out-date::placeholder,.check-availability-form select,.check-availability-form input{
    font-size: 15px;
    letter-spacing: 0.28px;
    color: #686868;
    font-family: var(--menu-font);
    font-weight: 500;
    padding: 0px;
}
.check-availability-form select,.check-availability-form input{
    padding-left: 18px;
}
.header-slider-3 #edit-check-in-date::placeholder, .header-slider-3 #edit-check-out-date::placeholder {
    padding-left: 1px;
}
.header-slider-3 .check-availability-form select,.header-slider-3 .check-availability-form input{
    padding-left: 22px;
}
/* About us style 03 */
.about-style-3 img{
    width: 100%;
    position: relative;
    z-index: 10;
}
.about-style-3 h2 {
    color: black;
    font-family: 'Playfair Display';
    margin-bottom: 0;
    padding-bottom: 25px;
}
.about-style-3 .content {
    margin-top: 100px;
    background: var(--elements-background-color);
    padding: 27px;
    position: relative;
    padding-left: 25px;
    padding-top: 90px;
    padding-bottom: 100px;
}
.about-style-3 .content::before {
    position: absolute;
    content: "";
    background-color: var(--elements-background-color);
    width: 182px;
    height: 100%;
    z-index: 1;
    left: -175px;
    top: 0;
}
.about-style-3 .content p {
    padding-bottom: 16px;
}
.about-style-3 .content:empty{
    padding-bottom: unset;
}

.btn-link {
    margin-top: 55px;
    text-decoration: none;
}
.btn-link a{
    background: var(--bs-primary);
    padding: 20px 35px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.9px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: var(--heading-font);

}
.about-style-3 .btn-link {
    margin-top: 42px;
}
/* Rooms */
.rooms.rooms-featured{
    padding-top: 0;
}
.rooms-featured {
    background-color: #fff;
    padding-bottom: 50px;
}
.title-description h2{
    font-family: 'Playfair Display';
    color: #000000;
    text-align: center;
    letter-spacing: 0.9px;
    text-transform: capitalize;
}
.title-description p {
    text-align: center;
    padding: 3px 215px;
    font-size: 18px;
    letter-spacing: 0;
    font-family: var(--menu-font);
    color: var(--bs-secondary);
    font-weight: 500;
    padding-top: 10px;
    line-height: 30px;
}
.featured-room img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.featured-room h5 {
    text-align: center;
    padding: 15px;
    background: var(--elements-background-color);
}
.featured-room h5 a {
    color: var(--bs-secondary);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.32px;
    font-family: var(--menu-font);
}
.featured-room {
    margin-bottom: 11px;
}
.feaured-room1 {
    padding-right: 6px;

}
.rooms-featured .guest-feet {
    padding-bottom: 12px;
    padding-top: 5px;
}
.feaured-room1 .rooms-detail {
    background: var(--elements-background-color);
}
.feaured-room1 p {
    text-align: left;
}
.featured-room-wrapper {
    padding-top: 5px;
}
.btn-links {
    margin: auto;
    width: max-content;
    margin-top: 40px;
    margin-bottom: 18px;
}
.rooms-featured .featured-room-link {
    font-size: 15px;
    letter-spacing: 0.84px;
    text-decoration: none;
    color: var(--bs-secondary);
    font-weight: 700;
    font-family: var(--menu-font);
}
.rooms-featured .con {
    margin-bottom: 16px;
}
.rooms-featured .featured-room-link:hover{
    color: var(--bs-primary);
    text-decoration: underline;
}
.rooms-featured .read {
    padding-top: 13px;
}
/* Services */
.services-style-3 {
    padding: 100px 0;
}
.services-style-3 .carousels {
    padding: unset;
    padding-top: 55px;
}
.services-style-3 h3 a {
  color: #fff;
  text-decoration: none;  
}
/* Our Testimonials */
.our-testimonials {
    background-color: #fff;
}
.our-testimonials .carousel-2 {
    padding-top: 5px;
}
.our-testimonials .content-block{
/* box-shadow: 0 0px 10px rgb(0 0 0 / 10%), 0 0px 0px rgb(0 0 0 / 12%); */
box-shadow: 0px 0px 12px #0000001F;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 35px;
}
.our-testimonials .owl-item {
    padding-left: 3px;
    padding-right: 3px;
}
/* Menu */
.our-menu {
    padding: 100px 0;
    background-color: #fff;
}
.our-menu .menu-grid-list {
    padding: unset;
    background-color: unset;
    padding-top: 55px;
}
.our-menu .image-wrapper {
    padding-bottom: unset;
}

.menu-grid-3 h4 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.our-menu .btn-links {
    margin-top: -40px;
}

/* Latest Blog Style 2 */
.latest-blog-2 {
    padding: 100px 0;
    background-color: #fff;
}
.latest-blog-2 .blog-detail {
    padding-left: 0;
}

.latest-blog-2 .blog-grid {
    margin-bottom: 20px;
}
.latest-blog-2 .latest-blogs{
    padding-bottom: 0;
    padding-top: 55px;
}
.blog-style1

/* Offers /Booking  */
.offer-style-3  .offers-title{
    font-size: 30px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-family: 'Playfair Display';
}
.offer-style-3 h3 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 1.5px;
    color: #fff;
    font-weight: bold;
    font-family: var(--menu-font);
    text-transform: uppercase;
    padding-bottom: 26px;
}

.offer-style-3 .button-link {
    margin-top: 45px;
}
.offer-style-3 .offers-title {
    font-size: 30px;
    letter-spacing: 2.4px;
    padding-top: 0;
    font-family: 'Playfair Display';
}
/* Latest News  */
.news-events {
    padding-top: 100px;
    padding-bottom: 100px;
}
.latest-news-2 {
    padding: 100px 0;
    background-color: #fff;
}
.event-details {
    padding: 15px 0;
}
.event-details .title h3 {
    padding-top: 7px;
}
.title h3 a {
    text-decoration: none;
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
}
.latest-news-2 .news-grid-3 {
    padding-bottom: 0;
    padding-top: 55px;
}
.latest-news-2 .news-grid-3 img{
    height: 265px;
}
.latest-news-2 .news-grid-3 .news-grid {
    margin-bottom: 20px;
}
/* ##### The Resort ##### */
.about-style-4 {
    padding: 100px 0;
    background-color: var(--elements-background-color);
}
.masonry-1 img {
    width: 100%;
    height: 267px;
    margin-bottom: 15px;
    object-fit: cover;
}
.masonry-3 img {
    width: 100%;
    height: 267px;
    margin-bottom: 15px;
    object-fit: cover;
}
.masonry-2 img {
    height: 550px;
    width: 100%;
    margin-bottom: 15px;
    object-fit: cover;
}
.col-md-4.masonry-3 {
    padding-left: 3px;
}
.col-md-4.masonry-1 {
    padding-right: 3px;
}
.masonry {
    padding-top: 30px;
}
.content-1 {
    padding-right: 30px;
}
.content-2 {
    padding-left: 30px;
}
.about-style-4 .content-1 p,.about-style-4 .content-2 p {
    padding-bottom: 20px;
}
.about-style-4 .content-1 p:empty,.about-style-4 .content-2 p:empty{
    padding-bottom: 0;
}
.backgound {
    padding-top: 100px;
    padding-bottom: 40px;
}
.services .tag-title {
    padding-bottom: 60px;
}
.with-bg {
    background-color: var(--elements-background-color);
}
/* Reservation */
.reservation {
    overflow: hidden;
}
.reservation img {
    width: 100%;
    height: 575px;
}
.reservation .container-fluid {
    padding-right: 0;
    padding-left: 0;
    position: relative;
}
.reservation .item-wrapper {
    width: 100%;
    height: 100%;
   
}
.reservation .content .col-md-5 {
    position: absolute;
    top: 42%;
    left: 234px;
}
.reservation .content .col-md-5 h2{
    color: #fff;
    max-width: 432px;
    padding-top: 5px;
    font-family: 'Playfair Display';
    font-size: 40px;
}
.reservation .content .col-md-7 {
    position: absolute;
    top: -110px;
    right: -167px;
}

.reservation .col-md-5,.reservation .col-md-7 {
    padding: 0;
}
.reservation .form {
    background-color: unset;
}
.reservation .mb-3 {
    margin-bottom: 0 !important;
}

.reservation .form .form1 input {
    margin-bottom: 20px;
}
.reservation .form .form1 input {
    height: 45px;
}
.reservation .form1 {
    padding: 30px 20px 30px 20px;
}
.reservation .form .input-wrapper svg {
    bottom: 18px;
    margin-top: auto;
    width: 14px;
    height: 14px;
    margin-bottom: auto;
}
.reservation .input-wrapper.ph svg {
    width: 20px;
    height: 19px;
}
.reservation .input-wrapper.mail svg {
    width: 18px;
    height: 14px;
}
.reservation .form-select {
    background-image:unset;
    background-size: 15px;
}
.btn-primary { 
    background-color: var(--bs-primary);
}
.btn-reserve:hover {
    background-color: var(--bs-secondary);
    color: #fff;
}
.reservation .form1 { 
    max-width: 665px;
}




/* Offers */
.offers {
  padding: 100px 0;  
}
.offers img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.offer-image-1 img {
    padding-right: 13px;
}
.offer-image-2 img {
    padding-left: 13px;
}
.offer-image-1 {
    position: relative;
    margin-bottom: 20px;
}
.offer-image-2 {
    position: relative;
}
.offer-overlay {
    position: absolute;
    top: 90px;
    bottom: 3px;
    margin: auto;
    left: 0;
    right: 0;
}
.offer-overlay-1 {
    position: absolute;
    top: 120px;
    bottom: 3px;
    margin: auto;
    left: 60px;
    right: 0;
}
.offer-overlay h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    padding-bottom: 18px;
}
.offer-overlay-1 .offer-overflay-title {
    max-width: 190px;
}
.offer-overlay-1 .offer-overflay-title p{
    text-align: center;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: capitalize;
}
.offer-overlay-1 .offer-overflay-title span{
    color: #fff;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1.4px;
    line-height: 17px;
    text-transform: uppercase;
    font-family: var(--menu-font);
    font-weight: 600;
}
.offer-overlay-1 a {
    text-transform: uppercase;
    text-align: center;
    color: var(--bs-primary);
    font-size: 14px;
    line-height: 17px;
    font-family: var(--menu-font);
    text-decoration: none;
    margin-left: 45px;
    letter-spacing: 1.4px;
    font-weight: 600;
}
.offer-overflay-title p:last-of-type {
    padding-top: 8px;
    padding-bottom: 10px;
}
.offers .tag-title { 
    padding-bottom: 52px;
}
/* Services Grid */
.services-grids .carousels .carousel2 .content-wrapper {
    display: block;
    position: relative;
    margin-bottom: 25px;
}
.services-grids .carousels .carousel2 img {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 6px;
}
.services-grids .carousels {
    padding-top: unset;
}
.services-grids  .carousel2 .content-wrapper::before {
    width: 98.5%;
}
/* Services Details */
.picture{
    padding-bottom: 50px;
}
.picture img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}
.sub-title h3 {
    border-bottom: 1px solid grey;
    margin-bottom: 35px;
    padding-top: 40px;
    padding-bottom: 20px;
    font-family: 'Playfair Display';

}
.sub-title h3 {
    position: relative;
}
.sub-title h3::before {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    height: 5px;
    width: 185px;
    left: 0;
    bottom: -3px;
}
.service-details .carousel2 .owl-nav.disabled+.owl-dots {
    margin-top: 55px;
}
.service-details .carousel2 {
    margin-top: 30px;
}
.service-details .carousel2 img {
    height: 380px;
}
/* Amenities */
.amenities {
    padding-top: 100px;
    padding-bottom: 75px;
}

.amenity {
    background: #fff;
    padding: 55px 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    height: 220px;
    display: flex;
    flex-direction: column;
}
.svg{
    margin: auto;
    width: max-content;
}
.svg svg {
    width: 80px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.amenity svg path {
    stroke: var(--bs-primary);
    fill: var(--bs-primary);
}
.amenity #gym-icon rect {
    stroke: var(--bs-primary);
}
.svg svg #Icon_material-wifi {
    fill: var(--bs-primary);
    stroke: var(--bs-primary);
    stroke-width: 1px;
    opacity: 1;
}
.amenity h4 {
    text-align: center;
    text-transform: uppercase;
    padding-top: 18px;
    letter-spacing: 0.63px;
    font-weight: 600;
}
/* Offers Details */
.offer-details {
    padding-top: 100px;
}
.offer-details .tag-title h2 {
    letter-spacing: 1.2px;
}
.offer-detail h3 {
    font-family: 'Playfair Display';
    margin-bottom: 20px;
    letter-spacing: 0.2px;
}
.offer-detail .col-md-7 {
    padding-right: 35px;
}
.offer-details .btn-links {
    margin: unset;
    width: max-content;
    margin-top: 50px;
    margin-bottom: 18px;
}
.offer-detail {
    padding-bottom: 75px;
    margin-bottom: 75px;
    border-bottom: 2px solid #dad6d6;
}
.packages  {
    padding-left: 0;
}
.packages li {
    font-size: 22px;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}
.offer-detail .packages li {
    align-items: baseline;
}
.packages svg {
    width: 7px;
    height: 7px;
}
.packages svg path, .packages svg circle {
    stroke: var(--bs-primary);
    fill: var(--bs-primary);
}
.packages li p {
    font-size: 16px;
    letter-spacing: 0.16px;
    padding-left: 11px;
}
.offer-grid {
    padding-bottom: 100px;
}
.offer-grid img {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    object-fit: cover;
}
/* About us style 5 */
.about-style-5 {
    padding: 100px 0;
    padding-bottom: 65px;
}
.masonry-style-2 img{
    margin-bottom: 30px;
    height: 400px;
}
.masonry-style-2 {
    position: relative;
}
.masonry-style-2 h2 span{
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 30%;
    bottom: 0;
    background: #fff;
    padding: 40px;
    margin: auto;
    margin-top: 0;
    border-radius: 50%;
    color: var(--bs-secondary);
    font-family: 'Playfair Display';
    text-transform: uppercase;
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 1.05px;
}
/* Menu list with background */
.menu-with-background {
    background-color: #fff;
}
.menu-with-background .menu-grid-list{
    background-color: #fff;
}
.menu-with-background .views-exposed-form .form-select {
    border: unset;
    background-color: #fff;
}
.menu-with-background .menu-grid-1-wrapper {
    border: 1px solid #b1a7a7;
}
/* Chef */
.chef img {
    width: 100%;
}
.team .social-media img {
    height: 18px;
    width: 20px;
}
.chef .social-media {
    bottom: 0;
}
.chef .tag-title {
    padding-bottom: 35px;
}
/* SPA & Wellness */
.about-style-6 {
    padding: 100px 0;
}
.about-style-6 .tag-title h2 {
    max-width: 700px;
    text-align: center;
    letter-spacing: 0.9px;
    line-height: 48px;
}
.about-style-6 h3 {
    text-transform: uppercase;
    color: black;
    text-align: center;
    letter-spacing: .5px;
   
}
.about-style-6 .picture img {
    height: 580px;
}
.about-style-6 .picture {
    padding-bottom: 20px;
}
.about-service {
    position: relative;
    padding: 45px;
    background-color: #fff;
    margin-bottom: 10px;
}
.about-service-details {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 45px;
    background-color: var(--bs-primary);
    left: 0;
    opacity: 0;
}
.about-style-6 svg {
    width: 60px;
    height: 60px;
    display: flex;
    margin: auto;
    margin-bottom: 20px;
}
.about-service-details p {
    text-align: center;
    color: #fff;
    padding-top: 10px;
}
.about-service-details h3 {
    color: #fff;
}
.about-service:hover .about-service-details {
    opacity: 1;
}
/* Portfolio */
.portfolio {
    padding: 100px 0;
    background-color: #fff;
}
.portfolio img {
    width: 100%;
    height: 250px;
    margin-bottom: 25px;
    object-fit: cover;
}

/* SPA & Wellness */
.spa img {
    width: 100px;
    height: 85px;
    border-radius: 2px;
    object-fit: cover;
}
.spa-special li.nav-item {
    width: max-content;
}
.reservation.spa-special .item-wrapper img {
    width: 100%;
    height: 520px;
}
.spa-special .menu-grid-detail h3 {
    letter-spacing: 0.32px;
    color: #000000;
    font-size: 16px;
    font-family: 'Playfair Display';
    line-height: 26px;
}
.spa-tab {
    margin: 100px 0;
}
.spa-tab .tab-pane {
    padding: 40px;
    background: #fff;
    width: 83%;
}
.spa-special .col-md-4,.spa-special .col-md-8 {
    padding: 0;
}
.spa-special .nav-tabs {
    padding: 20px 0;
    background: var(--bs-primary);
    justify-content: space-around;
    margin-left: 0;
    width: 83%;
}
.spa-special .menu-grid-1-wrapper {
    padding: 17px 15px;
    margin-bottom: 0;
}
.spa-special .nav-link {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1.08px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--menu-font);
}
.spa-tab .nav-link.active {
    color: #fff ;
    background-color: unset ;
    border-color: unset ;
    border: unset ;
} 

.spa-tab .nav-link {
    position: relative;
}
.spa-tab .nav-link::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    bottom: -27px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    background: var(--bs-primary);
    opacity: 0;
    z-index: 2;
}
.spa-tab .nav-link.active::after{
    opacity: 1;
}
.spa-special .col-md-10 {
    padding-left: 50px;
}
.spa-special .nav-link {
    margin-right: 0;
    border: unset;
}
.spa-special .content .col-md-7 {
    right: 77px;
}
.spa-special .menu-price {
    margin-left: 55px;
}
.spa-special .tab-content {
    background-color: #fff;
}
/* Careers */
.careers {
    padding-top: 100px;
    padding-bottom:0;
}
.careers .tag-title {
    border-bottom: 2px dashed #b4b4b4;
}
.careers .btn-links {
    margin: unset;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
}
.career {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 0;
    border-bottom: 2px dashed #b4b4b4;
    border-left: none;
    border-right: none;
    padding-bottom: 35px;
}
.career-grid h3 {
    color: var(--bs-secondary);
    letter-spacing: 0.2px;
    font-weight: 600;
}
.career_detail {
    display: flex;
    padding-top: 3px;
}
.jobtype {
    display: flex;
    align-items: center;
    margin-right: 40px;
}
.jobtype img {
    width: 15px;
    margin-right: 5px;
    filter: brightness(.4);
    height: 14px;
}
.jobtype.full img {
    filter:unset;
    width: 8px;
    height: 12px;
}
.jobtype p {
    color: #686868;
    letter-spacing: 0.49px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
}
.careers .row .career:nth-child(5) {
    border-bottom: 2px dashed #b4b4b4; 
}
.career-wrapper {
    padding-bottom: 100px;
}

/* CAREERS DETAILS */
.careers-details {
    padding-top: 100px;
    padding-bottom: 110px;
}
.careers-details h2 {
    margin: auto;
    display: flex;
    width: max-content;
    padding-bottom: 25px;
    font-family: 'Playfair Display';
}
.careers-details .addToany {
    display: flex;
    justify-content: center;
    align-items: center;
}
.career-title p {
    font-size: 20px;
    line-height: 44px;
    letter-spacing: 0.8px;
    color: #686868;
    font-weight: 500;
    font-family: var(--menu-font);
}
.career-title {
    padding-bottom: 70px;
}
.career-title .addToany .a2a_svg svg {
    width: 27px;
    height: 25px;
}
.a2a_kit.a2a_kit_size_32 {
    line-height: 27px !important;
}
.careers-details .caree h3 {
    font-family: 'Playfair Display';
    padding-bottom: 25px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 0.2px;
    color: var(--bs-secondary);
    width: max-content;
}
.careers-details .caree h3::after {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    width: 100%;
    height: 5px;
    display: flex;
    width: 100%;
    bottom: -3px;
}
.border-bottom {
    border-bottom: 1px solid #00000033 !important;
}

.careers-details .addtoany_list.a2a_kit_size_32 a > span {
    border-radius: 4px;
    height: 25px;
    line-height: 22px;
    opacity: 1;
    width: 25px;
}
.careers-details svg path {
    fill: #6a6666;
}
.careers-details .addToany span {
    filter: unset;
}
.careers-details ul {
    padding-left: 2px;
    padding-top: 35px;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.careers-details li {
    font-size: 25px;
}
.careers-details li p {
    font-size: 16px;
}
.caree {
    padding-bottom: 20px;
}
.caree h3 {
    margin-bottom: 35px;
}
.careers-details .content {
    padding-top: 38px;
}
.job-details h3{
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #333239;
    font-family: var(--menu-font);
    text-transform: capitalize;
    line-height: 38px;
}
.job-details h3 span {
    padding-right: 12px;
}
/* FAQ */
.faq {
    padding-bottom: 110px;
}
.accordian-3 button  p {
    font-size: 20px;
    color: var(--bs-secondary);
    font-family: var(--menu-font);
}
.accordian-3 .accordion-button {
    background: #fff;
    padding-right: 0;
    display: unset;
    letter-spacing: .2px;
    width: max-content;
}
.accordian-button-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordian-3 .accordion-item {
    margin-bottom: 28px;
}
.accordian-3 .i-accordian-3-icons {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.faq-svg {
    padding: 12px;
    background: var(--bs-primary);
    border-radius: 50%;
    transition: 1s;
}
.faq-svg svg,.faq-svg-2 svg{
    height: 15px;
    width: 15px;
    display: flex;
}
.faq-svg svg path {
    padding: auto;
    fill: #fff;
}
.faq-svg-2 path {
    padding: auto;
    fill: #fff;
}
.faq-svg-2 {
    padding: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    display: flex;
    align-items: center; 
    transition: 1s;

}
.accordion-button.collapsed .faq-svg-2 {
    display: flex;
    align-items: center;
    /* display: none; */
}

.accordion-button:focus {
    z-index: 3;
    border-color: unset !important;
    outline: unset;
    box-shadow:none;
  }
.accordion-body {
    padding-top: 30px;
    padding-bottom: 15px;
    padding-right: 30px;
    padding-left: 30px;
}
.faq-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 75px;
}
.faq-title h1 {
    font-family: 'Playfair Display';
    font-size: 30px;
    letter-spacing: 0.3px;
}
.form-submission {
    padding: 100px 0;
}
/* Services List */
.services-list .room-lists .rooms-grid-1-wrapper, .services-list .room-lists .rooms-grid-1-wrapper img {
    height: 390px;
}
.services-list .second .img {
    display: unset;
}
.services-list .read {
    padding-top: 37px;
}    
.services-list  .discription {
    padding-top: 15px;
}
.services-list {
    background-color: #ffffff;
    margin-bottom: 50px;
}
.services-list img {
     width: 100%;
     object-fit: cover;
     height: 100%;
}

.services-list .service-list {
    padding: 55px 0;
    padding-right: 55px;
    padding-left: 15px;
}
.even .services-list img {
    padding-left: 29px;
    width: 100%;
}
.even .services-list .service-list {
    padding-left: 55px;
    padding-right: 22px;
}
.gallery-details {
    padding: 100px 0;
}
.gallery-details .content {
    padding-top: 20px;
}
.gallery-grid {
    padding: 100px 0;
}
.gallery-grid .content-wrapper {
    position: relative;
    margin-bottom: 25px;
    transition: 2s;
}
.gallery-grid .content-wrapper::before{
    position: absolute;
    content: "";
    background-color: black;
    opacity: .6;
    width: 100%;
    height: 100%;
    transition: 2s;
    opacity: 0;
}
.gallery-grid .content-wrapper:hover::before{
    opacity: .6;
    transition: 1s;
}
.gallery .content-wrapper::before{
    position: absolute;
    content: "";
    background-color: black;
    opacity: .6;
    width: 100%;
    height: 100%;
    transition: 2s;
    opacity: 0;
}
.gallery .img:hover::before{
    opacity: .6;
    transition: 1s;
}
.up .popup1 {
    position: absolute;
    top: 40px;
    right: 40px;
    height: 35px;
    width: 35px;
    opacity: 0;
}
.up .popup-link {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 30px;
    height: 30px;
    opacity: 0;
}
.up svg path {
    fill: #fff;
}
.gallery-grid .content-wrapper:hover .up svg {
    opacity: 1;
    transition: 1s;
}
.gallery .img:hover .up svg {
    opacity: 1;
    transition: 1s;
}
.gallery-grid h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    right: 0;
    left: 0;
    margin: auto;
    width: max-content;
    font-family: 'Playfair Display';
    opacity: 0;
}
.gallery-grid .content-wrapper:hover h2{
    opacity: 1;
    transition: 1s;
}
.gallery-grid h2 a{
    text-decoration: none;
    color: #ffff;
    font-family: 'Playfair Display';
}
.gallery-grid img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
/* Page Banner */
.page-banner {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.page-banner::before {
    position: absolute;
    content: "";
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: .46;
}
.page-banner2 {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.page-banner2::before {
    position: absolute;
    content: "";
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: .46;
}
.page-banner2 h1 {
    text-align: center;
    font: normal normal 600 32px/43px Barlow;
    letter-spacing: 0.64px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    width: 684px;
    z-index: 2;
}
.page-banner2 .banner-detail h4:first-of-type {
    text-align: left;
    letter-spacing: 0.96px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 600;
    position: relative;
    font-size: 16px;
    margin-right: 25px;
    font-family: 'Open Sans';
}
.page-banner2 .banner-detail h4{
    color: #FFFFFF;
    opacity: 1;
    font-weight: 600;
    letter-spacing: 0.96px;
    position: relative;
    font-size: 16px;
    margin-right: 25px;
    font-family: 'Open Sans';
}
.page-banner2 .banner-detail h4:first-of-type::after {
    position: absolute;
    content: "";
    background-color: #fff;
    height: 6px;
    width: 6px;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    margin: auto;
    margin-left: 9px;
    margin-right: 11px;
}
.page-banner h1 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2.56px;
    font-weight: 600;
    z-index: 2;
    margin: 0 5px;
}
.page-banner2 .banner-detail {
    color: #ffffff;
    margin-top: 15px;
    width: max-content;
    height: max-content;
    display: flex;    
    align-items: baseline;
}
.page-banner .page-title-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 4;
}
.page-banner2 .page-title-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}
.page-banner .banner-detail h4 {
    font-family: var(--menu-font);
    letter-spacing: 1px;
}
.dot {
    font-size: 50px;
    margin: 0 10px;
    line-height: 0;
    display: none;
}
.blog-uid {
    color: var(--bs-primary);
    margin-left: 5px;
letter-spacing: .9px;
text-transform: capitalize;
}
/* Chef Grid & List */
.chef-gridList {
    padding-top: 100px;
    padding-bottom: 50px;

}
.chef-gridList img {
    height: 193px;
    width: 193px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.chef-gridList .col-md-4 {
    margin-bottom: 87px;
}
.chef-gridList .grid-list-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.chef-gridList .grid-list-wrapper h3 {
    margin-top: 25px;
    letter-spacing: .12rem;
    font-weight: 500;
}
.chef-gridList .grid-list-wrapper p {
    letter-spacing: .2rem;
}
.about-chef {
    text-align: center;
    margin-top: 22px;
}
.chef-title {
    padding-bottom: 68px;
}
.chef-title h1 {
    text-align: center;
    letter-spacing: .32em;
    font-family: Raleway,sans-serif;
    font-weight: 400;margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}
.chef-title h1::after {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    width: 35px;
    height: 3px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    top: 60px;
}
.chef-title p {
    text-align: center;
    font-family: alex brush,cursive;
    font-family: 'Playfair Display';
    font-size: 18px;
    letter-spacing: 1px;
}
.chef-social-icons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.chef-social-icons svg {
    height: 15px;
    width: 15px;
    margin-right: 15px;
}
.about-chef p{
    text-align: center;
    margin-top: 22px;
}
.chef_social_media .social-icons .social-icon {
    margin-right: unset;
}
.chef-gridList h3 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.chef-gridList h3 a:hover{
    color: var(--bs-primary);
}
.chef_social_media .social-icons svg {
    height: 15px;
    width: 15px;
    margin-right: 15px;
}
.chef_social_media .social-icons {
    filter: unset;
    display: flex;
    justify-content: center;
}

.chef-list .row{
    background-color: #fff;
    height: 420px;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
}
.chef-list .col-md-4 {
    margin-bottom: unset;
    padding-left: 0;
}
.chef-list img {
    height: 420px;
    width: 100%;
    border-radius: unset;
    object-fit: cover;
    object-position: center;
}
.chef-list-wrapper {
    padding: 40px;
    padding-left: 0;
}
.chef_content {
    padding-bottom: 16px;
    padding-top: 25px;
}
/* Search Page */
.page-search {
    padding: 100px 0;
}
.search-title-padd h1{
    color: #fff;
    position: absolute;
    text-align: center;
    top: 40%;
    bottom: 0;
    right: 0;
    left: 0;

}
.page-search-block .search-form input {
    height: 65px;
    background: unset;
    border: 1px solid black;
    border-radius: 0;
    width: 600px;
}

.page-search-block .form-search {
    position: relative;
    max-width: 720px;
    margin: auto;
    margin-bottom: 60px;
}
.page-search-block .form-search .form-control {
    height: 65px;
    background-color: var(--body-bg-color);
    font-size: 15px;
    font-family: var(--paragraph-font);
    padding: 25px 95px 25px 32px;
    border: unset;
    border-radius: 0;
    color: var(--paragraph-text-color);
}
.page-search-block .form-search button {
    padding: 0;
    border: unset;
    background: transparent;
    line-height: 0;
    position: absolute;
    top: 25px;
    right: 32px;
}
.page-search-block .container-inline  {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-search-block .btn-primary {
    background-color: var(--bs-primary);
    width: max-content;
    height: 65px;
    margin-top: 0;
    padding: 10px 80px;
    margin-left: 20px;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing:  1.44px;
}
.search-form-resort h4 {
    font-weight: 600;
    letter-spacing: 0.72px;
    padding-top: 0;
}
.page-search-block fieldset label {
    display: none;
}
.page-search-block fieldset {

    margin-top: 10px;
}
.page-search-block .searchResult{
    font-size: 30px;
    font-family: 'Playfair Display';
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}
.page-search-block .text-center p {
    color: var(--bs-secondary);
}
.page-search-block .show-content {
    padding: 45px 0;
    border-top: 2px solid #c3bcbcf2;
}
.page-search-block .show-content h3 {
    font-size: 30px;
    font-family: var(--menu-font);
    padding-bottom: 22px;
    letter-spacing: 1.2px;
}
.page-search-block .show-content h3 a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.page-search-block .show-content h3 a:hover {
    color: var(--bs-primary);
}
.page-search h2 {
    display: none;
}
.page-search-block .search-help-link {
    display: none;
}
.search-form-resort {
    padding-top: 50px;
    padding-bottom: 65px;
}
.serach-content .show-content:last-of-type {
    border-bottom: 2px solid #c3bcbcf2;
}
.page-search .pagination {
    margin: auto;
    width: max-content;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 85px;
}

/* Common Pages */
.common_pageTitle h1 {
    text-transform: uppercase;
}
.page-login{
    padding-top: 100px;
    padding-bottom: 20px;
}
.page-login .form {
    padding: 60px 0;
}
.page_title {
    font-family: 'Playfair Display';
    text-align: center;
}
.common_pages_form {
    max-width: 690px;
    margin: auto;
}
.common_pages_form input {
    height: 70px;
    border: unset;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}
.registerName input {
    margin-bottom: 0;
}
.common_pages_form input::placeholder {
    font-size: 15px;
    opacity: .6;
    padding-left: 10px;
}
.common_pages_form .text-muted {
    display: none;
}
.login-btn .btn-primary {
    margin: auto;
    border-radius: 0;
    margin-top: 30px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.9px;
    height: 60px;
    width: 156px;
}
.page-register .login-btn .btn-primary {
    margin-top: 50px;
}
.commen_page_link-wrapper h4{
    text-align: center;
    letter-spacing: .5px;
    padding-top: 10px;
    font-weight: 600;
}
.commen_page_link-wrapper a {
    text-decoration: none;
    color: var(--bs-primary);
}
.page-forgot .form-group p {
    display: none;
}
.page-Coming {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}
.page-Coming{
    position: relative;
}
.page-Coming::after {
    position: absolute;
    content: "";
    background-color: #00000099;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.page-Coming .container {
    z-index: 3;
}
.maintanence-wrapper {
    max-width: 715px;
    margin: auto;
}
.maintanence-wrapper h1 {
    margin-bottom: 30px;
}
.maintanence-wrapper p {
    color: #ffffff;
    font-size: 18px;    
    font-weight: 500;
    text-align: center;
}
.alert-wrapper .alert {
    overflow-y: auto;
    margin-bottom: 0;
    display: block;
}
/* 4003 & 404  */
.page-error {
    padding: 100px 0;
}
.page-error .content-wrapper {
    width: max-content;
    margin: auto;
}
.page-error .content-wrapper h2 {
    text-align: center;
    color: var(--paragraph-text-color);
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 2.1px;

}
.page-error .content-wrapper span {
    font-size: 250px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 15px;
    font-family: 'Open Sans';
    color: black;
    opacity: .8;
    line-height: normal;
}
.page-error .content-wrapper .login-btn {
    text-align: center;
    margin-top: 25px;
}
.page-error .content-wrapper .login-btn a {
    text-decoration: none;
    text-decoration: none;
    padding: 21px 55px;
    text-transform: uppercase;
    font-family: var(--menu-font);
}

.coming-wrapper .list-unstyled {
    display: flex;
    margin-top: 30px;
}
.coming-wrapper .list-unstyled .time {
    font-size: 40px;
    letter-spacing: 5px;
    font-weight: unset;
}
.coming-wrapper .list-unstyled .cs-date {
    margin: 0 35px;
    color: #ffff;
    font-size: 14px;
    font-weight: 300;
}
.coming-wrapper .list-unstyled .counting-title {
    font-size: 16px;
    color: #fff;
    font-family: 'Barlow';
    font-weight: normal;
    opacity: 1;
    letter-spacing: 0.16px;
    color: #FFFFFF;
}
.page-Coming-block h1 {
    text-align: center;
    color: #FFFFFF;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 50px;
}


.accordian-1 button {
    margin-bottom: 30px;
}
.accordian-1 .accordion-button:focus {
    z-index: 3;
    border-color: unset !important;
    outline: unset;
    margin-bottom: 0;
    box-shadow: none;
}
.accordian-1 .accordion-body {
    background-color: var(--elements-background-color);
}
.accordian-2 .accordion-button {
    background-color: #EDEBE5;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.shortcodes .services-with-icon {
    background-color: unset;
    padding-top: 0;
}
.shortcodes .service-grid-bg img {
    width: 100% !important;
    height: 430px !important;
    filter: unset;
    
}

.shortcodes h1 {
    margin-bottom: 30px;
    letter-spacing: 0.6px;
    color: var(--bs-secondary);
    font-weight: 600;
}
.shortcodes .servicesStyle-2 .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.shortcodes .servicesStyle-2 h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    width: max-content;
    z-index: 3;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Barlow';
    letter-spacing: 1.6px;
}

.shortcodes .servicesStyle-2 .content-wrapper::before{
    position: absolute;
    content: "";
    background-color: black;
    opacity: .45;
    height: 100%;
    width: 100%;
}
.shortcodes-video-bg .video-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;    
}
.shortcodes-video-bg .video-title {
    font-size: 50px;
    color: #ffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 70px;
    top: 24%;
    letter-spacing: 5px;
    font-family: 'Playfair Display';
}
.shortcodes-video-bg .svg-wrapper {
    width: max-content;
    margin: auto;
    position: absolute;
    top: 312px;
    left: 0;
    right: 0;
}
.services-icon svg {
    width: 47px;
    height: 47px;
}
.services-icon svg  path ,.services-icon svg  rect{
    fill: var(--bs-primary);
}
.services-icon svg  rect{
    stroke: var(--bs-primary);
    fill: #fff;
}
.services-with-icon .col-md-4:last-of-type svg path {
    stroke: var(--bs-primary);
    fill: #fff;
}
.services-with-icon .col-md-4:last-of-type svg {
    width: 70px;
    height: 40px;
}
#gym-icon {
    width: 70px;
    height: 40px;
}
#gym-icon path {
    stroke: var(--bs-primary);
    fill: #fff;
}
.shortcodes.team .social-media {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #283233 0% 0% no-repeat padding-box;
    opacity: 0;
    transition: .75s;
    padding-top: 8px;
    height: 50px;
}
.image-wrapper:hover .social-media {
    opacity: 1;
}
/* #page_content.header-1 .page-banner {
    margin-top: 50px;
} */

#page_content.header-1 .page-banner h1 {
    padding-top: 104px;
}
#page_content.header-1 section.page-banner {
    height: 372px !important;
}

#page_content.header-1 .page-banner2 h1 {
    padding-top: 104px;
}
#page_content.header-1 section.page-banner2 {
    height: 372px !important;
}
/* Events Calendar */
.events-calendar {
    padding: 100px 0;
}
.events-calendar table tr th {
    background: var(--bs-primary);
    padding: 10px;
    font-size: 18px;
    letter-spacing: .5px;
}
.events-calendar .fc-day-top.fc-other-month {
    opacity: 1;
}.events-calendar td a {
    text-decoration: none;
    color: var(--bs-secondary);
}
.events-calendar .fc-dayGrid-view .fc-day-number{
    padding: 0 10px;
}
.events-calendar tr {
    border-bottom: 1px solid #00000029;
    padding: 0.1em 0.6em;
    background: #efefef;
    z-index: 1;
}
.events-calendar  .fc .fc-row .fc-content-skeleton td {
    background: 0 0;
    border: 1px solid #00000029;
}
.events-calendar table {
    margin: 0;
}
.events-calendar .fc-unthemed td.fc-today {
    background: #fbe2be;
    color: black;
    font-family: 'Barlow';
    text-align: center;
    font-weight: 600
}
.events-calendar .fc-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.events-calendar .fc-day-grid-event {
    background-color: var(--bs-primary) !important;
    color: #fff;
    height: 80px;
    padding: 10px;
    border: unset;
    font-weight: 600;
    font-family: var(--paragraph-font);
    font-size: 16px;
}
.events-calendar button {
    font-family: 'Barlow';
    text-transform: capitalize;
    font-weight: 600;
}

    /* Responsive Style */

@media(min-width:768px) {
    .home-slide-03 .col-md-4 {
        padding-left: 0;
    }
    
    .room-column-2 .col-md-6 {
        width: 49%;
    }
    .room-column-2 .row {
        justify-content: space-between;
    }
    .news-grid-2 .col-md-6 {
        width: 49%;
    }
    .news-grid-2 .row {
        justify-content: space-between;
    }
    .blog-grid-2 .blog-grid {
        padding-right: 25px;
    }
    .blog-grid-4 .col-md-3 {
        padding-right: 5px;
    }
    .blog-grid-4 .row {
        margin-left: -10px;
        margin-right: -4px;
    }
    
    .gallery .col-md-3 {
        flex: 0 0 auto;
        width: 20%;
        padding: 0;
    }
    .dropdown-menu.show {
        display: block ;
    }
    .contact .contact-details {
        padding-right: 19px;
    }
    .contact-us-map {
        padding-left: 5px;
    }
    .contact-style-2 .contact-us-map {
        padding-left: unset;
        padding-top: 85px;
    }
    .blog-list-sidebar .col-md-6.img {
        width: 46%;
    }
    .blog-grid-3.latest-blogs .row {
        justify-content: space-between;
    }
    
    
}
/* ##### End of min-width 768 px ##### */

@media(max-width:991px) {
    .masonry-style-2 img {
        width: 100%;
    }
    .menu-list-1 .row {
        justify-content: space-between;
    }
    #header-2 .hamber-btn path {
        fill: black;
    }
    #header-2 .nav-link {
        margin-left: 0;
        margin-right: 3px;
        padding: 12px 0;
        justify-content: space-between;
    }
    #header-2 .container-fluid {
        padding: 0px;
    }
    #header-2 .navbar-brand {
        padding: 15px;
    }
    #header-2 .hamber-btn, #header-2.hamber-btn:focus {
        padding: 15px;
    }
    #header-3 .hamber-btn path {
        fill: black;
    }
    #header-3 .header-book-link {
        display: none;
    }
    #header-3 .nav-link {
        margin-left: 0;
        margin-right: 3px;
        padding: 12px 15px;
        justify-content: space-between;
    }
    #header-3 .top-header {
        padding: 0;
    }
    #header-3 .header-ph h5 {
        padding-left: 0;
    }
    #header-3 .language::before {
        position: absolute;
        display: none;
    }
    #header-3 .bottom-header-bar .header-ph::before {
       display: none;
    }
    #languagedropdown1 {
        padding: 12px 0;
        padding: 12px 0;
        margin-right: 15px;
    }
    .sidebar .block {
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
    }
    .news-list-side .room-list .rooms-detail {
        padding-left: 20px;
    }
    .views-exposed-form ul {
        padding-left: 0;
    }
    .menu .views-exposed-form ul {
        flex-wrap: wrap;
    }
    .room-list-full .room-lists {
        margin-left: 0;
        margin-right: 0;
    }
    .services-list .room-lists .row {
        height: 385px;
        overflow: hidden;
    }
    .room-lists .rooms-grid-1-wrapper img {
        height: 100%;
        width: 100%;
    }
    .room-list .rooms-detail {
        padding: 55px 12px;
    }
    .services-list .room-list .rooms-detail {
        padding: 25px 12px;
    }
    .second .room-lists .rooms-grid-1-wrapper img {
        padding-left: 15px;
    }   
    .menu-grid-3 {
        padding-right: 12px;
        padding-left: 12px;
    }
    .menu-block .menu-grid-3 {
        padding-right: 0;
        padding-left: 0;
    }
    .title-description p {
        text-align: center;
        padding: 5px 5px;
    }
    .gallery .img img {
        width: 100%;
        height: 230px;
    }
    .gallery .row {
        margin: 0 -35px;
        overflow: hidden;
    }
    .gallery-grid img {
        width: 100%;
        height: 375px;
    }
    .careers-details h2 {
        width: 100%;
        text-align: center;
    }
    .alert_wrapper {
        display: flex;
        align-items: center;
    }
    .blogs .blog-lists .img img {
        width: 100%;
        height: 400px;
    }
    .blogs .blog-lists .blog-detail {
        padding-right: 20px;
    }
    
    .icons-area {
        justify-content: center;
    }
    .images-block img {
        width: 100%;
    }
    .menu-block .menu-grid-1-wrapper {
        min-height: 222px;
    }   
    .menu-grid-1-wrapper {
        min-height: 210px;
    }
   .menu-grid-list.shortcodes .menu-block .menu-grid-1-wrapper {
    min-height: unset;
}
    .menu-list-wrapper .menu-price {
        padding-right: 50px;
        padding-left: 50px;
    }
    .pricing .pricing-wrapper {
        padding: 30px;
        background-color: #fff;
        min-height: 425px;
        margin-bottom: 15px;
        padding-bottom: 30px;
    }
    .popular-pack {
        height: 100%;
        min-height: 463px !important;
    }
    .pricing-style-3 .pricing-wrapper {
        padding: unset;
        padding-bottom: 30px;
    }
    .shortcodes .service-grid-bg img {
        width: 100% !important;
        object-fit: cover;
    }
    .owl-next .slider-arrow {
        margin-right: 12px;
    }
    .testimonial-slider-3 .owl-next .slider-arrow {
        margin-right: 0;
    }
    .menu-grid-list {
        padding: 60px 0;
    }
    #sidebar-pages .menu-grid-list {
        padding-top: 60px;
    }
    .menu_detail_page {
        padding: 60px 0;
    }
    .menu-grid-list .pager-show-more {
        margin-top: 32px;
    }
    .menuListSidebar .menu-list-wrapper .menu-grid-detail {
        margin-left: 22px;
    }
    .menuListSidebar .menu-list-wrapper .menu-grid-detail h3 {
        margin-bottom: 10px;
    }
    .sidebar .block {
        max-width: unset;
    }
    #sidebar-pages .menu_detail_page .container,#sidebar-pages .menu-grid-list .container {
        padding: 0;
    }
    .sidebar_second {
        padding-top: 45px;
    }
    .blogs {
        padding: 60px 0;
    }
    .rooms.blogs {
        padding: 60px 0 40px 0;
    }
    section.rooms {
        padding: 60px 0;
    }
    #sidebar-pages .rooms .container {
        padding-left: 0;
        padding-right: 0;
    }
    .roomDetails {
        padding: 60px 0;
    }
    #sidebar-pages .roomDetails .container {
        padding: 0;
    }
    .news-events {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #sidebar-pages .news-events .container {
        padding: 0;
    }
    .news-list-sidebars .rooms-grid-1-wrapper img {
        width: 100%;
    }
    .events-image-wrapper {
        width: 100%;
    }
    #sidebar-pages .events-detail .container {
        padding: 0;
    }
    .services-grids .carousel2 .content-wrapper::before {
        width: 100%;
    }
    .services-grids .carousels .carousel2 img {
        padding-right: 0;
    }
    .offer-grid .offer-style {
        margin-bottom: 40px;
    }
    .offer-grid {
        padding-bottom: 65px;
    }
    .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #9f9f9f;
    }
    .owl-theme .owl-dots .owl-dot.active span {
        background-color: black;
    }
    .about-service h3 {
        font-size: 18px;
    }
    a#searchdropdown3 {
        position: absolute;
        right: 64px;
        top: 28px;
        margin: auto;
    }
    a#searchdropdown2 {
        position: absolute;
        right: 64px;
        top: 28px;
        margin: auto;
    }
    a#searchdropdown1 {
        position: absolute;
        right: 64px;
        top: 28px;
        margin: auto;
    }
    .header-seach-form .input-group {
        right: 15px;
    }
    li.nav-item > ul.dropdown-menu::after {
        display: none;
    }
    #header-1 .top-bar {
        display: none;
    }
    #header-1 .navbar.navbar-expand-lg{
        background-color: rgba(0, 0, 0, .5);
    }
    
    #header-1 .header-fixed .navbar.navbar-expand-lg{
        background-color: unset;
    }
    .navbar.navbar-expand-lg .navbar-collapse {
        background: #EDEBE5 0% 0% no-repeat padding-box;
    }
    .navbar-collapse .header-seach-form form {
        padding-bottom: 60px;
        margin: auto;
        width: max-content;
        padding-top: 35px;
    }
    #header-2 .top-header-wrapper {
       display: none;
    }
    #header-3 .bottom-header-bar {
       display: none;
    }
    #header-2 .nav-link {
    color: black !important;
    font-family: var(--menu-font);
    padding: 12px;
    justify-content: space-between;
    margin-right: 0;
    }
    .nav-sticky-3 .container {
        padding: 0;
    }
    .navbar-collapse .navbar-nav {
        width: unset;
        max-width: unset;   
        padding: 12px 0;
        margin-left: unset;
    }
    #header-3 #header-search path {
        fill: black;
    }
    li.nav-item > ul.dropdown-menu {
        margin-left: 25px;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu {
        
        padding: 10px 40px;
        margin-left: 12px;
    }
    .submenu-1 .dropdown-menu {
        margin-left: 30px;
    }
    .navbar-collapse {
        max-height: 400px;
        overflow-y: scroll;
    }
    #header-1 .nav-item {
        margin-right: 0;
    }
    #header-1 .navbar-expand-lg .navbar-nav .nav-link {
        padding-bottom: 12px;
    }
    .navbar-brand svg {
        height: 45px;
    }
    #header-2 .navbar-brand svg {
        height: 45px;
    }
    #header-3 .dropdown-menu.header-seach-form.show {
        top: 65px !important;
    }
    #page_content.header-2 .page-banner {
        margin-top: 66px;
    }
    #page_content.header-2 .page-banner2 {
        margin-top: 72px;
    }
    #header-2 .dropdown-menu.header-seach-form.show {
        top: 65px !important;
    }
    #page_content.header-1 .page-banner h1 {
        padding-top: 50px;
    }
    #page_content.header-3 .header-slider-2 {
        bottom: 0;
        top: 72px;
    }
    #page_content.header-2 .header-slider-2 {
        bottom: 0;
        top: 140px;
    }
    #page_content.header-1 .header-slider-2 {
        bottom: 0;
        top: 130px;
    }
    #page_content.header-1 .home-slide-02 {
        height: 775px !important;
    }
    .menus.menu-list-1 .link-btn {
        margin-top: -50px;
    }
    .row.region.region-featured-bottom-first {
        margin: 0;
        padding: 0;
    }
    .blog-grid-3 .blog-detail {
        min-height: 197px;
    }
    .row.region.region-featured-bottom-first .blog-grid-3.latest-blogs .container{
        padding: 0;
    }
    .blog-grid-3 .blog-grid img {
        height: 350px;
    }
    #sidebar-pages .news-events {
        padding-top: 55px;
    }
    .menu-with-background .row {
        margin: 0;
    }
    #header-3 .nav-item {
        margin-right: unset;
    }
    #header-2 .nav-item {
        margin-right: unset;
    }
    #header-3 #header-search path {
        stroke: #ffff;
        stroke-width: unset;
    }
    #header-1 #header-search path {
        stroke: #ffff;
        stroke-width: 3px;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .element-div .dropdown-item {
        width: max-content;
    }
    #header-1 .dropdown-menu.header-seach-form.show {
        top: 62px !important;
    }
    .path-comment .comment-wrapper {
        margin-top: 100px;
    }
    #page_content.header-2 .home-slide-01, #page_content.header-3 .home-slide-01, #page_content.header-1 .home-slide-01 {
        height: unset !important;
        padding: 10px;
    }
    .home-slide-01 .slider-wrapper {
        padding-top: 10px;
    }
}    

/* ### End of Max-width 991 px ### */
@media(min-width:1024px){
    .menu-list-style1 .menu-block .col-md-6 {
        width: 45%;
    }
    .menu-list-style1 .row {
        justify-content: space-between;
    }
    .blogs .col-md-4 {
        padding: 0 22px;
    }
    .menu-block .col-md-6 {
        flex: 0 0 auto;
        width: 48.9%;
    }
    .menu-block .row {
        justify-content: space-between;
    }   
    .menu-grid-column-4 .row {
        justify-content: flex-start;
    }
    .menu-block.menu-grid-column-4 .row {
        margin-left: 3px;
    }
    .menu-block.menu-grid-column-4 .col-lg-3 {
        padding-right: 18px;
        padding-left: 0;
    }
    .spa-special .col-md-4 {
        width: 30.51%;
    }    
    .spa-special .col-md-8 {
        width: 68.666667%;
    }
    .dropdown-menu.show {
        display: block !important;
    }
    .nav-item:hover> .myDropdown {
        display: block;
    }
    .images .images-block .code-block {
        max-width: 300px;
    }
    .chef_details img {
        height: 630px;
    }

    .shortcodes.team .team-block .col-md-3 {
        padding-right: 20px;
    }
    #sidebar-pages .col-md-8 {
        flex: 0 0 auto;
        width: 69.666667%;
    }
    #sidebar-pages .col-md-4 {
        flex: 0 0 auto;
        width: 30.333333%;
    }
    .rooms .col-md-4.col-lg-3 {
        padding-right: 6px;
    }
    .room-column-4 .row {
        margin-right: -5px;
    }
    .services-grids .services-list .row {
        height: 420px;
        overflow: hidden;
    }
    .home-slide-03 .col-md-5 {
        max-width: 410px;
    }
    .home-slide-03 .row {
        justify-content: space-between;
    }
    #page_content.header-1 .header-slider-2 {
        bottom: 94px;
    }
    #page_content.header-3 .home-slide-02 {
        height: 700 !important;
    }
    #page_content.header-3 .header-slider-2 {
        bottom: 115px;
    }
    .header-slider-2 .rooms_check {
        margin-top: 35px;

    }
    #page_content.header-2 .home-slide-03 .slider-wrapper {
        padding: 110px 0;
        padding-bottom: 0;
    }
    #page_content.header-2 .home-slide-03 {
        height: 780px !important;
    }
    #page_content.header-1 .home-slide-03 .slider-wrapper {
        padding: 200px 0;
    }
    #page_content.header-1 .home-slide-03 {
        height: 735px !important;
    }
    #sidebar-pages .addtoany_list.a2a_kit_size_32 a > span {
        border-radius: 4px;
        height: 29px;
        line-height: 32px;
        opacity: 1;
        width: max-content;
    }
    #sidebar-pages .addtoany_list.a2a_kit_size_32 > a {
        font-size: 32px;
        padding: 0;
        padding-left: 24px;
    }
    #sidebar-pages .addtoany_list.a2a_kit_size_32 a:first-of-type {
        padding-left: 0;
        margin-left: -6px;
    }
    .overlay { 
        width: max-content;
        height: 120px;
    }
    .menus.menu-list-1 .link-btn {
        margin-top: -30px;
    }
    .btn-reserve {
        padding: 0;
        width: 300px;
        height: 55px;
    }
   
    .blog-grid-3.latest-blogs .row .col-md-4 {
        width: 32.01%;
    }
    .images-block .col-lg-4 {
        width: 31%;
    }
    .images-block .row {
        justify-content: space-between;
    }
    .menu-with-background .row {
        margin: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .element-div .dropdown-item {
        width: 140px;
    }
    .header-fixed .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-fixed .navbar-brand svg {
        height: 42px;
    }
    #header-2 .header-fixed .navbar-brand {
        padding-top:  0 ;
        padding-bottom: 0;
    }
    #header-2 .header-fixed .navbar-brand svg {
        height: 42px;
    }
    #header-2 .header-fixed .nav-link {
        margin-right: 0px;
        padding-bottom: 22px;
    }
    #header-3  .header-fixed .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    #header-3 .header-fixed .nav-link {
        margin-right: 0;
        padding-bottom: 22px;
        padding-top: 22px;
    }
    /* .dropdown-menu[data-bs-popper] {
        top: 0;
    } */
    /* .header .navbar-nav > .nav-item:last-of-type .dropdown-menu  {
        left: -140px;
    }
    .header .navbar-nav > .nav-item:last-of-type .dropdown-menu::after {
        position: absolute;
        content: "";
        left: unset;
        right: 20px;
        top: -9px;
        z-index: 1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #EDEBE5;
    } */
    /* .header .navbar-nav > .nav-item:nth-child(6) .dropdown-menu{
        left: -140px;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .dropdown-menu::after {
        position: absolute;
        content: "";
        left: unset;
        right: 68px;
        top: -9px;
        z-index: 1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #EDEBE5;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .about-menu   {
        left: 100%;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .about-menu::after{
        display: none;
    } */
    #header-3 .navbar-nav > .nav-item:last-of-type {
        margin-right: 10px;
    }
    /* .header .navbar-nav > .nav-item:nth-child(2) .dropdown-menu{
        max-height: 400px;
        overflow-y: scroll;
    }
    li.nav-item.element:hover ul.dropdown-menu {
        max-height: 400px;
        overflow-y: scroll;
    } */

    li.nav-item.element ul.dropdown-menu,
    li.nav-item.element ul.dropdown-menu.show {
        top:95%;
    }
    #header-1 li.nav-item.element ul.dropdown-menu, #header-1 li.nav-item.element ul.dropdown-menu.show {
        top: 84%;
    }
    .accordian-3 .accordion-button {
        width: 100%;
    }
    #header-2 .header-fixed .dropdown-menu.header-seach-form.show {
        top: 75px !important;
    }
    .path-comment .comment-wrapper {
        margin-top: 215px;
    }
}
/* ### End of Min-width 1024 px ### */
@media(min-width:1440px) {
    .blog_taxonomy-terms-page .blog-detail {
        min-height: 598px;
    }
    .spa-special .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    .header .navbar-nav > .nav-item:last-of-type .dropdown-menu {
        left: -100px;
    }
    .header .navbar-nav > .nav-item:last-of-type .dropdown-menu::after {
        position: absolute;
        content: "";
        left: unset;
        right: 20px;
        top: -9px;
        z-index: 1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #EDEBE5;
    }
    .gallery .col-md-3 {
        flex: 0 0 auto;
        width: 20%;
    }
    .gallery .row {
        margin: 0 -35px;
        overflow: hidden;
    }
    .news-style1 .row {
        margin-right: -25px;
    }
    .home-slide-01 .owl-prev {
        margin-left: 80px !important;
    }
    .home-slide-01 .owl-next {
        margin-right: 79px !important;
    }
    .nav-item:hover> .myDropdown{
        display: block;
    }
    .langu {
        display: flex;
        padding-left: 165px;
    }
    .blog-grid-2 .row {
        margin-left: -10px;
        margin-right: -35px;
    }
    .blog-grid-3 .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    li.nav-item:hover > ul.dropdown-menu {
        display: block;
        
       }
    li.nav-item.element:hover ul.dropdown-menu {
        position: absolute;
        display: flex;
        left: 0;
    }
    li.submenu-1:hover > ul.dropdown-menu {
        display: block;
    }
    .chef-gridList .row {
        justify-content: space-between;
    }
    .chef-gridList .col-md-4 {
        flex: 0 0 auto;
        width: 31.333333%;
    }
    .svg-wrapper.icon1 {
        margin: 0;
    }
    .shortcodes .servicesStyle-2 .col-md-4 {
        padding-right: 15px;
    }
    .menu-grid-column-3 .row {
        margin-right: -22px;
    }
    .menu-grid-column-3 .menu-grid {
        padding-right: 10px;
    }
    .menu-full-width .image-wrapper img {
        height: 560px;
    }
    #sidebar-pages .menu-full-width .image-wrapper img {
        height: 460px;
    }
    #sidebar-pages .col-md-8 {
        padding-right: 0;
    }
    #sidebar-pages .menu_detail_page .container {
        padding-left: 0;
    }
    .room-lists .rooms-grid-1-wrapper img {
        width: 530px;
    }
    .services-list img {
        width: 530px;
    }
    .blogs .blog-lists .img img {
        width: 500px;
        height: 429px;
    }
    .blog-lists .col-md-6 {
        padding-left: 0;
    }
    .blog-lists .img {
        padding-left: 12px;
        padding-right: 0;
        width: 49.5%;
    }
    .room-list-full .room-lists .row {
        height: 470px;
        overflow: hidden;
    }
    .room-list-sidebar .row {
        height: 330px;
        overflow: hidden;
    }
    .room-list-sidebar .rooms-grid-1-wrapper img {
        width: 340px;
        height: 331px;
    }
    .room-list-sidebar .room-list .rooms-detail {
        padding-right: 0;
    }
    .room-list-sidebar .img {
    width: 47%;
    }
    .news-grid-4 .col-md-4{
        padding-right: 6px;
    }
    .news-grid-4 .row {
        margin-right: -7px;
    }
    .news-lists {
        height: 436px;
        background: #fff;
        overflow: hidden;
    }
    .news-list-sidebars .news-lists {
        height: 302px;
        background: #fff;
        overflow: hidden;
    }
    .news-list-sidebars .news-lists .rooms-grid-1-wrapper img{
        width: 330px;
        height: 302px;
    }
    .news-lists .rooms-grid-1-wrapper img{
        width: 530px;
        height: 436px;
        object-fit: cover;
    }
    #sidebar-pages .news-events .container {
        padding-left: 0;
    }
    .news-list-sidebars  .img {
        width: 46%;
    }
    #sidebar-pages .events-detail .container {
        padding-left: 0;
    }
    .services-with-icon .row {
        margin-right: -63px;
    }
    .services-grids .row {
        margin-left: -10px;
        margin-right: -20px;    
    }
    .services-grids .services-list .row {
        margin-left: 0;
        margin-right: 0;    
        height: 420px;
        overflow: hidden;
    }
    .services-listing-page .img {
        padding: 0;
    }
    .amenities .col-md-3 {
        padding-right: 5px;
    }
    .amenities .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .offer-grid img {
        width: 340px;
    }
    .offer-grid .row{
    margin-right: -33px;
    }
    .spa-special .nav-tabs {
        padding: 20px 35px;
    }   
    .portfolio .col-lg-3 {
        padding-right: 0;
    }

    .portfolio .row {
        margin-right: 0;
    }
    .portfolio img {
        width: 100%;
        margin-bottom: 10px;
    }
    .rooms_ .col-md-4 {
        width: 30.8%;
        padding: 0;
    }
    .rooms_ .row {
        margin: 0;
        justify-content: space-between;
    }
    .news-style1 .news-grid-4 .row {
        margin-right: -29px;
    }
    .news-style1 .news-grid {
        margin-bottom: 35px;
        padding-right: 25px;
    }
    .rooms-grid-column-3 {
        padding-right: 23px;
    }
    .room-column-3 .row {
        margin-right: -33px;
    }
    .rooms-style2 .col-lg-3 {
        padding-right: 5px;
    }
    .rooms-style2 .row {
        margin-right: -5px;
    }
    .our-menu .menu-grid-3 {
        padding-right: 5px;
        margin-bottom: 50px;
    }
    .featured-room {
        padding-right: 7px;
    }
    .blog-list-sidebar .blog-lists {
        max-height: 305px;
        overflow: hidden;
    }
    .reservation1 .col-md-5 {
        width: 37.5%;
    }
    .reservation1 .col-md-7 {
        width: 62.333333%;
    }
    .reservation .content .col-md-7 {
        right: 74px;
    }
    .home-slide-03 .room-suites {
        margin-top: 15px;
    }
    .blockquotes-2 h3 {
        margin-right: 100px;
    }
    .region-featured-bottom-first .blog-grid-3.latest-blogs .row {
        margin-left: 0;
        margin-right: -22px;
    }
   
}
/* ### End of Min Width Of 1440 px ### */
@media (min-width:991px) and (max-width:1024px){
    .our-menu .row {
        overflow: hidden;
    }
    .menu-grid-3 {
        padding-right: 12px;
        padding-left: 12px;
    }
    .menu-block .menu-grid-3 {
        padding-right: 0;
        padding-left: 0;
    } 
    .our-menu .menu-grid-3 {
        padding-right: unset;
        padding-left: unset;
    }
    .masonry-style-2 img {
        width: 100%;
    }
    .alert_wrapper {
        display: flex;
        align-items: center;
    }
    .blog-grid-4 .blog-detail {
        min-height: 170px;
    }
    .blogs .blog-lists .img img {
        width: 100%;
    }
    #sidebar-pages .blog-detail {
        padding-left: 20px;
        padding-right: 10px;
    }
    .svg-wrapper.icon2 {
        margin: 0;
    }
    .chef-list img {
        height: 100%;
    }
    .chef-list img {
        height: 100%;
    }
    .chef-list .row {
        background-color: #fff;
        height: 450px;
    }
    .chefImage {
        height: 100%;
    }
    .shortcodes .service-grid-bg img {
        width: 100% !important;
    }
    .owl-next .slider-arrow {
        margin-right: 12px;
    }
    .view-id-menu.view-display-id-block_10 .views-exposed-form ul li {
        padding: 0 18px;
    }
    .menuListSidebar {
        padding: 0;
    }
    .rooms.blog-list-sidebar {
        padding-right: 0;
    }
    .home-1-testimonials.testimonials .img-wrapper img {
        height: 556px;
    }
    .testimonials .carousel-1 .owl-dots {
        position: absolute;
        bottom: -53px;
    }
    .sidebar .block {
        margin-left: 0;
    }
    #sidebar-pages .menu_detail_page .container {
        padding-left: 0;
    }
    .blogs .blog-lists .blog-detail {
        padding-left: 12px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 30px;
    }
    .slider-nav .slick-slide img {
        width: 243px;
        height: 200px;
    }
    .pricing-plan {
        padding: 20px 47px;
    }
    #sidebar-pages .slider-nav .slick-slide img {
        width: 155px;
        height: 110px;
    }
   #sidebar-pages .roomDetails .tab .tab1 .nav-tabs .nav-link {
    margin-right: 60px;
   }
   #sidebar-pages .pricing-plan {
    padding: 20px 28px;
    }
    #sidebar-pages .roomDetails .container {
        padding: 0;
    }
    .news-grid-3 .event-detail {
        min-height: 155px;
    }
    .even .newsEventDetail {
        padding-left: 40px;
    }
    #sidebar-pages .news-events .container {
        padding: 0;
    }
    .newsEventDetail-sidebar .rooms-title h3 {
        line-height: 23px;
    }
    .newsEventDetail-sidebar {
        padding-top: 38px;
        padding-bottom: 38px;
        padding-left: 14px;
        padding-right: 20px;
    }
    .date-title {
        align-items: flex-start;
    }
    #sidebar-pages .events-detail .container {
        padding: 0;
    }
    .services-grids .carousel2 .content-wrapper::before {
        width: 100%;
    }
    .services-grids .carousels .carousel2 img {
        padding-right: 0;
    }
    .about-service h3 {
        font-size: 18px;
    }
    .rooms-style-2 {
        margin-bottom: 24px;
    }
    .our-menu .btn-links {
        margin-top: 40px;
    }
    .rooms_check .check-availability-form .btn-reserve {
        height: 60px;
    }
    .blog-grid-3 .blog-detail {
        min-height: 197px;
    }
    .row.region.region-featured-bottom-first {
        margin: 0;
        padding: 0;
    }
    .icons-block .icons-area {
        justify-content: center;
    }
    .slider-nav img {
        margin: 10px;
        width: 242px;
        height: 183px;
        margin-left: 0;
    }
    #sidebar-pages .slider-nav img{ 
        margin: 10px;
        width: 161px;
        height: 119px;
        margin-left: 0;
    }
    
}
@media(min-width:991px) and (max-width:1200px){
    .masonry-style-2 img {
        width: 100%;
    }
    .news-grid-4 .event-detail {
        padding: 15px;
        min-height: 150px;
    }
    .menu-with-background .row {
        margin: 0;
    }
    .menu-list-1 .row {
        justify-content: space-between;
    }
    .header-slider-1 .owl-nav {
        left: unset;
        right: unset;
    }
    .reservation .content .col-md-5 {
        left: 20px;
    }
    .reservation .form1 {
        width: 95%;
    }
    .reservation .content .col-md-7 {
        right: 0;
    }
    .reservation1 .content .col-md-7 {
        right: -4px;
    }
    .reservation .content .col-md-5 h2 {
        max-width: 355px;
    }
    .spa-special .nav-tabs {
        width: 100%;
    }
    .spa-tab .tab-pane {
        padding: 40px;
        background: #fff;
        width: 100%;
    }
    .spa-special .content .col-md-7 {
        right: 18px;
    }
    .spa-special .nav-link {
        padding: 0;
    }
    .spa-special .menu-price {
        margin-left: 12px;
    }
    #header-search {
        padding-left: 0;
        margin-right: 3px;
    }
    #header-2 .nav-item {
        margin-right: 20px;
    }
    .home-slide-01 .owl-prev {
        margin-left: 78px !important;
    }
    .home-slide-01 .owl-next {
        margin-right: 78px !important;
    }
    #header-3 .language::before {
        margin: 0 65px;
    }
    #header-3 .bottom-header-bar .header-book-link {
        padding: 14px 60px;
        padding-bottom: 16px;
        width: max-content;
    }
    #header-3 .language-switcher-language-url {
        padding-right: 0;
    }
    #header-3 .header-ph h5 {
        padding-left: 0;
    }
    #header-3 .top-header {
        padding-left: 0;
    }
    .blog-grid-2 .blog-grid {
        padding-right: 0;
    }
    .blog-grid-2 .col-md-6 {
        width: 49%;
    }
    .blog-grid-2 .row { 
         margin-right: unset;
        justify-content: space-between;
    }
    .blog-grid-3 .blog-grid {
        margin-bottom: 27px;
    }
    .blog-grid-3 .row {
        margin-right: unset;
        margin-left: unset;
        justify-content: space-between;
    }
    .room-list-full .room-lists {
        overflow: hidden;
    }
    .room-list .rooms-detail {
        padding: 55px 32px;
        padding-right: 40px;
    }
    .gallery .row {
        margin: 0 -35px;
        overflow: hidden;
    }
    .chef-gridList .row {
        justify-content: space-between;
    }
    .chef-gridList .col-md-4 {
        flex: 0 0 auto;
        width: 31.333333%;
    }
    .svg-wrapper.icon2 {
        margin: 0;
    }
    .menu-grid-list {
        padding: 60px 0;
    }
    .menu-grid-list .pager-show-more {
        margin-top: 32px;
    }
    .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #9f9f9f;
    }
    .owl-theme .owl-dots .owl-dot.active span {
        background-color: black;
    }
}
@media(min-width:1200px) and (max-width:1335px) {
.spa-tab .nav-link {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
}
@media(min-width:1024px) and (max-width:1300px) {
    .rooms_check .check-availability-form form input, .rooms_check .check-availability-form form select {
        width: 160px;
    }
    .home-slide-03 .item-wrapper h1 {
        font-size: 47px;
    }
    .header .navbar-nav > .nav-item:last-of-type .dropdown-menu  {
        left: -126px;
    }
    .header .navbar-nav > .nav-item:last-of-type .dropdown-menu::after {
        position: absolute;
        content: "";
        left: unset;
        right: 20px;
        top: -9px;
        z-index: 1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #EDEBE5;
    }
    
    .header .navbar-nav > .nav-item:nth-child(6) .dropdown-menu  {
        left: -140px;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .dropdown-menu::after {
        position: absolute;
        content: "";
        left: unset;
        right: 20px;
        top: -9px;
        z-index: 1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #EDEBE5;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .about-menu   {
        left: 100%;
    }
    .header .navbar-nav > .nav-item:nth-child(6) .about-menu.dropdown-menu::after {
        position: absolute;
        display: none;
    }
    
    .home-1-testimonials.testimonials .carousel-1 .owl-dots {
        position: absolute;
        bottom: -53px;
    }

    #header-1 .nav-item {
        margin-right: 20px;
    }
    li.nav-item > ul.dropdown-menu {
        width: 193px;
    }
    
}
@media(min-width:1300px) and (max-width:1440px){
   
    #header-3 .navbar-nav > .nav-item:last-of-type .dropdown-menu  {
        width: 200px;
    }
    .reservation .content .col-md-5 {
        left: 130px;
    }
    .reservation .content .col-md-7 {
        right: 0;
    }
    .spa-special .nav-tabs {
        width: 86%;
    }
    .spa-tab .tab-pane {
        width: 86%;
    }
    .blog-grid-2 .row {
        margin-left: -10px;
        margin-right: -35px;
    }
    .blog-grid-3 .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    .room-list-full .room-lists {
        margin-left: 0;
        margin-right: 0;
    }
    .header-slider-3 .owl-dots {
        right: 0;
        width: max-content;
        left: 0;
        margin: auto;
        margin-right: 113px;
        margin-top: 117px;
    }
    .news-grid-3 .row {
        margin-left: 0;
        margin-right: -40px;
    }
    .blog-grid-3 .col-md-4 {
        width: 32.333333%;
        padding-right: 12px;
        padding-left: 0;
    }
    .latest-blog-2 .blog-grid-3 .blog-grid img {
        height: 265px;
        width: 350px;
        padding-right: 10px;
    }
    .gallery .row {
        margin: 0 -35px;
        overflow: hidden;
    }
    .masonry-style-2 img {
        width: 100%;
    }
    .chef-gridList .row {
        justify-content: space-between;
    }
    .chef-gridList .col-md-4 {
        flex: 0 0 auto;
        width: 31.333333%;
    }
    .svg-wrapper.icon1 {
        margin: 0;
    }
    .news-grid-3 .row {
        margin-right: -30px;
    }
    .news-grid-3 .news-grid {
        padding-right: 18px;
    }
    .services-with-icon .row {
        margin-right: -63px;
    }
    .offer-grid img {
        width: 340px;
    }
    .offer-grid .row{
    margin-right: -33px;
    }   
       
    .portfolio .col-lg-3 {
        padding-right: 0;
    }

    .portfolio .row {
        margin-right: 0;
    }
    .portfolio img {
        width: 100%;
        margin-bottom: 10px;
    }
    .rooms-style2 .col-lg-3 {
        padding-right: 5px;
    }
    .rooms-style2 .row {
        margin-right: -5px;
    }
    .featured-room {
        padding-right: 7px;
    }
    .blog-list-sidebar .blog-lists {
        height: 305px;
        overflow: hidden;
    }
    .reservation1 .col-md-5 {
        width: 37.5%;
    }
    .reservation1 .col-md-7 {
        width: 62.333333%;
    }
    .reservation .content .col-md-7 {
        right: 33px;
    }
    .home-slide-01 .owl-prev {
        margin-left: 80px !important;
    }
    .home-slide-01 .owl-next {
        margin-right: 79px !important;
    }
    .region-featured-bottom-first .blog-grid-3.latest-blogs .row {
        margin-left: 12px;
    }
   
}
@media(min-width:1441px) {
    .header-slider-3 .owl-dots {
        right: 0;
        width: max-content;
        left: 0;
        margin: auto;
        margin-right: 113px;
        margin-top: 117px !important;
    }
    .latest-blog-2 .blog-grid-3 .blog-grid img {
        height: 265px;
        width: 350px;
        padding-right: 10px;
    }
    .news-grid-3 .news-grid {
        padding-right: 18px;
    }
    .latest-news-2 .news-grid-3 .news-grid {
        padding-right: 20px;
    }
    .news-grid-3 .row {
        margin-right: -30px;
    }
    
}

@media (max-width:768px) {
    .myHeader {
        display: block !important;
    }
    .sidebar-top {
        padding-top: 0;
    }
    .views-exposed-form ul li a, .view-id-menu.view-display-id-block_10 .views-exposed-form ul li a {
        font-size: 17px;
    }
    .blockquotes {
        padding: 100px 0;
    }
    .blockquotes-2 .quotes-content svg {
        margin-left: 0;
    }
    .button-block {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .blog3 .col-md-6:nth-child(1) {
        margin-bottom: 30px;
    }
    
}

@media(max-width:767.98px) {
    .contact .col-md-4 {
        width: unset;
    }
    .contact-style-2 .contact-form {
        padding-left: unset;
    }
    .testimonials .carousel-3 .content {
        text-align: center;
        margin: 0 15px;
        margin-bottom: 15px;
    }    
    .reservation .content .col-md-5 {
        position: absolute;
        top: 60px;
        left: 15px;
        width: max-content;
    }
    .reservation .content .col-md-7 {
        position: absolute;
        top: 120px;
        right: 0;
        bottom: 0;
    }
    .reservation .form1 {
        width: 100%;
    }
    .form1 {
        width: 100%;
        padding: 30px;

    }
    .form .form1 input {
        height: 50px;
    }
    .btn-reserve {
        padding: 12px 65px;
    }
    .reservation img {
        height: 490px;
    }
    .offer-image-2 img {
        padding-left: unset;
    }
    .offer-image-1 img {
        padding-right: unset;
    }
    .spa-special .nav-tabs {
        width: 100%;
    }
    .spa-special .menu-grid-1-wrapper {
        width: 100%;
    }
    .coming-wrapper .list-unstyled .cs-date {
        margin: 0 10px;
    }
    .testimonials .col-md-6 {
        margin-bottom: 30px;
    }
    .blog1 .blog-item {
        position: relative;
        padding-bottom: 50px;
        margin-bottom: 30px;
    }
    .room-list-full .room-lists .row {
        height: 100% !important;
        width: 100%;
        margin: 0;
    }
    .room-list-full .second .col-md-6:last-of-type {
        padding-left: 12px;
    }
    .second .room-lists .rooms-grid-1-wrapper img {
        padding-left: 0 !important;
    }
    .content-2 {
        padding-left: 12px;
    }
    .amenities .col-md-3 {
        padding-right: 12px;
    }
    .offer-grid img {
        margin-bottom: 30px;
        height: auto;
    }
    .contact .webform-button--submit {
        margin-top: 25px;
    }
    .contact-details {
        margin-bottom: 45PX;
    }
    #edit-your-mail {
        background-color: unset;
        width: 383px;
    }
    .contact-style-2 .contact-us-map {
        margin-top: 30px;
    }
    .contact-style-2 .contact-form {
        padding-top: 10px;
    }
    .blog-grid-4 .blog-grid img {
        height: 355px;
    }
    .page-banner2 h1 {
        width: 100%;
    }
    .addToany {
        margin-top: 15px;
    }
    .tag-addtoany {
        flex-direction: column;
    }
    .blog-grid-3.latest-blogs .row .col-md-4 {
        width: 100%;
    }
    .blogs .blog-lists .blog-detail {
        padding-right: 20px;
        padding-left: 20px;
    }
    .blogs .blog-lists .blog-detail {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .pagination .page-link {
        width: 40px;
        height: 40px;
    }
    .blogs .pagination {
        margin-top: 0;
    }
    .blogs .blog-list-sidebar .blog-lists .img img {
        width: 100%;
        height: 300px;
    }
    #sidebar-pages .blog-detail {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 25px;
        padding-right: 15px;
    }
    .sidebar_second {
        padding-top: 10px;
    }
    .blockquate p {
        word-spacing: 4px;
        padding: 15px 10px;
    }
    #sidebar-pages .blockquate p {
        padding: 20px;
    }
    .blog2 .blog-item {
        margin-bottom: 30px;
    }
    .button-block1 ,.button-block2{
        margin-bottom: 30px;
    }
    .site-add {
        display: none;
    }
    .link_sarch {
        display: none;
    }
    .bottom-header-bar h5::after {
        display: none;
    }
    .navbar-collapse .navbar-nav {
        width: unset;
        max-width: unset;
        margin-left: unset;
        background: #EDEBE5 0% 0% no-repeat padding-box;
    }
    #header-1 .nav-link {
        color: black !important;
        font-family: var(--menu-font);
        padding: 12px 15px;
        justify-content: space-between;
        margin-right: 0;
    }
    .grid-block .col-md-3 .grid-block .col-sm-6,.grid-block .col-sm-4,.grid-block .col-sm-6, .grid-block.col-sm-4,.grid-block .col-sm-8,.grid .col-md-3,.grid .col-md-2 {
        margin-bottom: 30px;
    }
    .svg-wrapper.icon5.icon7 {
        margin: 0;
    }
    .svg-wrapper.icon1.icon3 {
        margin: 0;
    }
    .svg-wrapper:last-of-type {
        margin-left: 46px !important;
    }
    .chef-list .row {
        background-color: #fff;
        height: auto;
    }
    .chef-list-wrapper {
        padding: 20px;
    }
    .menu-list-wrapper {
        flex-direction: column;
    }
    .menu-list-wrapper .menu-price {
        padding-left: 30px !important;
        border: unset;
    }
    .menu-list-wrapper .menu-price {
        padding-bottom: 15px;
        margin-top: 0;
    }
    .pricing-style-1, .pricing-style-2, .pricing-style-1 {
        padding-bottom: 0;
    }
    .pricing .col-md-4 {
        margin-bottom: 30px;
    }
    .popular-pack {
        margin-top: unset;
    }
    .recomended-pack {
        margin-top: unset;
    }
    .shortcodes .servicesStyle-2 .content-wrapper {
        margin-bottom: 30px;
    }
    .tab .tab-block .tab4 .nav-link, .tab .tab-block .tab3 .nav-link {
        margin-right: 15px;
    }
    .tab .tab-block .tab3 .nav-link {
        margin-right: 0;
    }
    .tab .tab-block .nav-link {
        margin-right: 25px;
    }
    .team-block .col-md-3 {
        margin-bottom: 35px;
    }
    .testimonial-slider-3 .owl-nav {
        display: none !important;
    }
    .testimonials .carousel-1 .owl-nav {
        position: absolute;
        bottom: -21px;
    }
    .tooltips h2 {
        margin-bottom: 50px;
    }
    .menus .views-exposed-form ul li ,.view-id-menu.view-display-id-block_10 .views-exposed-form ul li{
        padding: 5px 10px;
    }
    .menu-grid-1-wrapper {
        min-height: unset;
    }
    .menu-grid-column-3 .row {
        margin: -5px;
    }
    .menu-grid-column-4 .row {
        margin: -5px;
    }
    .menus .views-exposed-form ul {
        margin-bottom: 17px;
    }
    .menu-grid-column-4 .image-wrapper img {
        height: 270px;
    }
    .comment-wrapper {
        padding: 25px;
    }
    .blog-list-sidebar .blog-lists {
        margin-left: 0;
    }
    #sidebar-pages .col-md-8,#sidebar-pages .col-md-4 {
        padding: 0;
    }
    .blogs-sidebar .events-image-wrapper {
        width: 100%;
    }
    .menuListSidebar {
        padding: 0;
    }
    .menuListSidebar .row {
        margin: 0;
    }
    .rooms.blog-list-sidebar {
        padding-left: 0;
        padding-right: 0;
    }
    .menu_detail_page {
        padding: 60px 0;
    }
    .footer-form .col-md-8 {
        margin-top: 12px;
    }
    .footer-form .col-md-8 {
        justify-content: center;
    }
    .rooms-grid-column-4 .rooms-grid-1-wrapper img {
        height: 315px;
    }
    .room-list-full .img {
        padding:0;
    }
    .second .room-list .rooms-detail {
        padding-left: unset;
        padding-right: unset;
    }
    .rooms .pagination  {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pagination .page-item {
        margin: 7px 7px;
    }
    .room-lists .rooms-grid-1-wrapper img {
        height: 315px;
        width: 100%;
    }
    .room-list-sidebar .room-list .rooms-detail {
        padding: 20px;
    }
    .slider-nav .slick-slide img,#sidebar-pages .slider-nav .slick-slide img {
        margin: 10px;
        width: 65px;
        height: 65px;
    }
    .slider-nav  .slick-track {
        display: flex !important;
        justify-content: center !important;
        margin: auto !important;
        width: 100% !important;
        transform: unset !important;
    }
    .slider-for img,#sidebar-pages .slider-for img{
        width: 100%;
        object-fit: cover;
        height: 445px;
    }
    .rooms-detail .tab .nav-tabs {
        justify-content: space-between;
    }
    .roomDetails .tab .tab1 .nav-tabs .nav-link {
        padding-bottom: 20px;
        font-size: 16px;
        margin-right: 0px;
        padding-right: 0;
    }
    .room-amenities {
        margin-top: 30px;
    }
    #sidebar-pages .roomDetails .container {
        padding: 0;
    }
    .roomDetails {
        padding-bottom: 35px;
    }
    .pricing-plan,#sidebar-pages .pricing-plan {
        padding: 13px 21px;
    }
    .rooms-detail .tab1 .nav-link.active::after {
        width: 98px;
    }
    .news-grid-3 img {
        height: 400px;
    }
    .news-grid-3 .title h5 {
        font-size: 17px;
    }
    .views-exposed-form ul li {
        padding: 5px 20px;
    }
    .news-grid-4 .news-grid h5 {
        font-size: 18px;
    }
    .news-grid-4 .read a {
        font-size: 15px;
    }
    .news-grid-4 .news-grid img {
        height: 370px;
    }
    .news-lists .rooms-grid-1-wrapper img {
        height: 370px;
    }
    .even .news-lists .rooms-grid-1-wrapper img {
        padding-left: 0;
    }
    .newsEventDetail {
        padding: 25px;
    }
    .even .newsEventDetail {
        padding: 25px;
        margin-left: 0;
    }
    .newsEventDetail-sidebar {
        padding: 30px 22px;
    }
    .event-date-time {
        padding-bottom: 25px;
        margin-bottom: 42px;
        flex-direction: column;
    }
    .events-date, .event-time, .location {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .events-detail img {
        width: 100%;
        height: 370px;
        object-fit: cover;
    }
    button.accordion-button,.accordion-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    button.accordion-button{
        justify-content: space-between;
    }
    .accordian-2 .accordion-body {
        margin-left: 20px;
        margin-right: 20px;
    }
    button.accordion-button h3 {
        line-height: 30px;
    }
    button.accordion-button h3 {
        font-size: 18px;
    }
    .reservation .form1 {
        padding: 30px;
    }
    .btn-reserve .btn-primary {
        padding: 15px 68px;
    }
    .picture img {
        height: 400px;
    }
    .services-list .service-list,.even .services-list .service-list {
        padding: 30px 25px;
    }
    .even .services-list img {
        padding-left: 0;
    }
    .services-list img {
        height: 400px;
    }
    .offer-details .btn-links {
        margin-bottom: 45px;
    }
    .masonry-style-2 h2 span {
        left: 0;
        top: 29.5%;
        width: 250px;
        height: 250px;
        font-size: 25px;
        line-height: 38px;
    }
    .spa-special .content .col-md-7 {
        top: 80px;
    }
    .spa-tab .tab-pane {
        padding: 10px 5px;
        background: #fff;
        width: 100%;
    }
    .spa-special .col-md-8 .item-wrapper img {
        display: none;
    }
    .spa img {
        width: 100px;
        height: 100px;
    }
    .spa-special .nav-link {
        font-size: 16px;
    }
    .spa-special .col-md-8 {
        margin-bottom: 50px;
    }
    .page-search-block .btn-primary {
        margin-top: 7px;
        padding: 10px 65px;
    }
    .page-search-block .search-form input {
        width: 350px;
    }
    .chef-list .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
    .rooms-style-1 {
        margin-bottom: 40px;
    }
    .home1-btn {
        margin-top: 20px;
    }
    .about-us-content {
        margin-bottom: 50px;
    }
    .cs-counter .cs-date:last-of-type .overlay {
        margin: 0;
    }
    .call-to-action-title h2 {
        font-size: 43px;
        word-spacing: 0;
        line-height: 50px;
        letter-spacing: 1px;
    }
    .services-with-icon .content-wrapper {
        padding-right: 0;
    }
    .about-style-2 .content {
        padding-left: 0;
        margin-top: 30px;
    }
    .about-style-2 .link-btn {
        margin-left: 0;
        margin-top: 20px;
    }
    .blog3 .col-md-6:nth-child(1) {
        padding-left: 12px;
        padding-right: 12px;
    }
    .blog3 .col-md-6:nth-child(2) {
        padding-left: 12px;
        padding-right: 12px;
    }
    .blog3 .col-md-6 .blog-items:nth-child(3) {
        padding-bottom: 0;
    }
    .gallery .col-md-3 {
        padding: 0;
    }
    .about-style-2 img {
        object-position: bottom;
        height: 425px;
    }
    .home-slide-03 .item-wrapper h1 {
        text-transform: unset;
        text-align: left;
        padding-bottom: 25px;
        font-size: 44px;
        letter-spacing: 1.5px;
        margin-top: 10px;
        line-height: 50px;
    }
    .about-style-3 .content::before {
        display: none;
    }
    .feaured-room1 {
        padding-right: 12px;
    }
    .home-slide-03 {
        height: 1000px !important;
    }
    .home-slide-03 .check-availability-form form {
        padding: 35px;
        padding-bottom: 25px;
        margin-top: 15px;
    }
    .about-style-3 .btn-links {
        margin-top: 40px;
    }
    .about-style-3 .content {
        margin-top: 0;
    }
    .home-slide-03 .slider-wrapper {
        padding: 60px 0;
    }
    .our-menu .btn-links {
        margin-top: -40px;
    }
    #block-subscribeournewsletter .footer-subscribe {
        flex-direction: column;
    }
    .footer-form h2.subscribe-title {
        margin-bottom: 15px;
    }
    .nav-sticky .container {
        padding: 0;
	background: linear-gradient(to right, rgba(255, 215, 0, 0.5), rgba(255, 255, 255, 0.5));
backdrop-filter: blur(10px);
    }
    .navbar-brand {
        padding: 15px;
    }
    .hamber-btn, .hamber-btn:focus {
        padding: 15px;
    }
    .navbar-nav svg path {
        fill: black;
    }
    .nav-sticky nav.navbar .container-fluid {
        align-items: center;
    }
    a#searchdropdown3 {
        top: 28px;
    }
    a#searchdropdown2 {
        top: 28px;
    }
    a#searchdropdown1 {
        top: 28px;
    }
    #header-search {
        height: 16px;
    }
    #header-3 .navbar-brand {
        padding: 15px;
    }
    #header-3 a#searchdropdown3 {
        top: 28px;
    }
    #page_content.header-1 .home-slide-03 .slider-wrapper {
        padding: 75px 0;
    }
    #page_content.header-1 .home-slide-03 {
        height: 545px !important;
    }
    #page_content.header-2 .home-slide-03 .slider-wrapper ,#page_content.header-3 .home-slide-03 .slider-wrapper ,#page_content.header-1 .home-slide-03 .slider-wrapper {
        padding: 0 !important;
    }
    .rooms_check .check-availability-form form input, .rooms_check .check-availability-form form select {
        height: 50px;
        border-radius: 0;
        color: var(--paragraph-text-color);
        width: 100% !important;
        margin-bottom: 15px;
    }
    .check-availability-form form input, .check-availability-form form select {
        height: 50px;
    }
    .rooms_check .check-availability-form form select {
        height: 50px;
    }
    .rooms_check .check-availability-form .form .input-wrapper svg {
        bottom: 10px;
    }
    .rooms_check .check-availability-form .btn-reserve {
        width: max-content;
        margin: unset;
        height: 50px;
    }
    .rooms_check .form.check-availability-form {
        display: block;
    }
    .rooms_check form {
        flex-direction: column;
    }
    #page_content.header-3 .home-slide-01 {
        height: 880px !important;
    }
    .form .input-wrapper {
        position: relative;
        width: 100%;
    }
    .header-slider-1 {
        bottom: 0;
        top: 45px;
    }
    .rooms_check {
        margin-top: 25px;
        height: auto;
    }
    #page_content.header-2 .header-slider-1 {
        bottom: 0;
        top: 122px;
    }
    #page_content.header-1 .home-slide-01 {
        height: 965px !important;
    }
    #page_content.header-2 .home-slide-01 {
        height: 950px !important;
    }
    #page_content.header-1 .header-slider-1 {
        bottom: unset;
        top: 145px;
    }
    #page_content.header-3 .home-slide-02 {
        height: 920px !important;
    }
    #page_content.header-2 .home-slide-02 {
        height: 965px !important;
    }
    #page_content.header-1 .home-slide-02 {
        height: 945px !important;
    }
    .events-calendar .fc-day-grid-event {
        height: 35px;
        padding: 5px;
        font-size: 12px;
    }
    svg.svg-inline--fa.fa-triangle-exclamation {
        height: 45px;
        width: 45px;
    }
    svg.svg-inline--fa.fa-check.fa-w-16 {
        width: 45px;
        height: 45px;
    }
    .alert4 .alert {
        border-radius: 100px;
        padding: 0;
        display: flex;
        align-items: center;
        height: unset;
    }
    .alert_4svg {
        height: unset;
        border-radius: 50%;
        width: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        padding: 20px;
    }

    .alert4 h3 {
        padding: 8px 0;
    }
    svg.svg-inline--fa.fa-triangle-exclamation {
        height: 55px;
        width: 55px;
    }
    .alert4 svg.svg-inline--fa.fa-triangle-exclamation {
        height: 30px;
        width: 30px;
    }
    .alert svg.svg-close {
        height: 40px;
        width: 40px;
    }
    svg.svg-inline--fa.fa-check.fa-w-16 {
        width: 50px;
        height: 50px;
    }
    .alert4 .alert-close {
        padding-right: 10px;
    }
    .alert4 svg.svg-inline--fa.fa-check.fa-w-16 {
        width: 30px;
        height: 30px;
    }
    .alert4 .alert svg.svg-close {
        height: 25px;
        width: 25px;
    }
    .alert4 .alert-close .fa-xmark {
        padding: 15px;
    }
    .alert3 svg {
        margin-left: 5px;
    }
    .alert3 .alert-close .fa-xmark {
        font-size: 30px;
        margin-right: 4px;
    }
    .shortcodes-video-bg .svg-wrapper:last-of-type {
        margin-left: auto !important;
    }
    .shortcodes-video-bg .svg-wrapper:last-of-type {
        margin-left: auto !important;
    }
    .team.shortcodes .image-wrapper img {
        height: 400px;
        object-fit: cover;
    }
    .tooltip-2 > .tooltip-inner {
        font-size: 15px;
        height: 35px;
        width: 196px;
    }
    .tooltip-inner {
        font-size: 15px;
        height: 35px;
        width: 196px;
    }
    .menuListSidebar .menu-list-wrapper .menu-price {
        padding-left: 18px !important;
    }
    .menu_detail_page .packages li {
        align-items: baseline;
    }
    .slider-nav img {
        width: 90px;
        height: 100px;
        object-fit: cover;
    }
    #sidebar-pages .slider-nav img{
        width: 90px;
        height: 100px;
    }
    .accordian-3 .i-accordian-3-icons {
        margin-right: 15px;
        margin-left: 10px;
    }
    .accordion-button {
        font-size: 18px;
    }
    .accordion-button:not(.collapsed)::after {
        margin-left: 10px;
    }
    .accordion-button::after {
        margin-left: 10px;
    }
    .packages li {
        align-items: baseline;
    }
    .pricing-plan, #sidebar-pages .pricing-plan {
        padding: 4px;
        width: 25%;
        float: left;
        text-align: center;
    }
    .latest-blogs.blog-grid-3 .blog-detail {
        padding: 20px;
        padding-top: 20px;
        min-height: unset;
    }
    .menu-block .menu-grid-1-wrapper {
        min-height: unset;
    }
    #sidebar-pages .events-detail {
        padding-bottom: 40px;
    }
    .menu-with-background.menus.menu-list-1 .pager-show-more {
        margin-top: 30px;
        padding-left: 0;
    }
    .tooltip-3 > .tooltip-inner {
        height: 28px !important;
    }
    .menu-with-background.menus.menu-list-1 {
        padding: 50px 0;
    }
    .about-style-5 {
        padding-bottom: 30px;
    }
    .team.chef {
        padding: 50px 0;
    }
    .about-style-5 .tag-title {
        padding-bottom: 30px;
    }
    .team.chef .tag-title {
        padding-bottom: 10px;
    }
    #header-1 .dropdown-menu.header-seach-form.show {
        top: 66px !important;
    }
}
/* ##### End of max width 767.98 px###### */
@media(max-width:640px){
    .career {
        flex-direction: column;
        align-items: flex-start;
    }
    .careers .btn-links {
        margin-top: 35px;
    }
    .link_sarch {
        display: none;
    }
    .site-add {
        display: none;
    }
    .bottom-header-bar h5::after {
        display: none;
    }
    .pagination {
        margin-top: 25px;
    }
    .page-search-block .btn-primary {
        background-color: var(--bs-primary);
        width: max-content;
        height: 55px;
        margin-top: 0;
        padding: 11px 25px;
        margin-left: 11px;
        border-radius: 0;
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: .5px;
    }
    .page-search-block .search-form input {
        height: 55px;
        background: unset;
        border: 1px solid black;
        border-radius: 0;
        width: 265px;
    }
    .page-search {
        padding: 50px 0;
    }
    #sidebar-pages .form.check-availability-form {
        display: block;
    }
    .spa-special li.nav-item {
        padding: 0;
    }
    .alert_4svg {
        margin-right: 10px;
    }
    .alert_wrapper {
        display: flex;
        align-items: center;
    }
    .alert3 .alert {
        border-radius: 100px;
        padding: 10px 10px;
    }
    .alert2 .alert {
        display: flex;
        padding: 10px;
    }
    .alert svg {
        margin-right: 15px;
    }
    .alert4 .alert svg.svg-close {
        height: 25px;
        width: 25px;
    }
    .alerts {
        padding: 75px 0;
        padding-bottom: 0;
    }
    .audioWrapper {
        width: 100%;
    }
    .shortcodes-video-bg .svg-wrapper {
        top: 280px;
    }
    .shortcodes-video-bg .video-title {
        top: 17%;
        left: 0;
        right: 0;
        letter-spacing: 2px;
    }
    .blog-grid-4 .blog-grid img {
        height: 355px;
    }
    .comment p {
        padding-left: 0;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    .tags p {
        margin-left: 15px;
    }
    
}

@media(max-width:639px) {
    
    .svg-wrapper.icon1.icon3 {
        margin: 0;
    }
    .svg-wrapper:last-of-type {
        margin-left: 46px !important;
    }
    .video2 .svg-wrapper {
        margin-left: unset !important;
    }
    .menu-list-wrapper .menu-grid-detail {
        margin-left: 0;
    }
}
@media(max-width:556px){
    .alert {
        display: flex;
        padding: 10px;
        margin: 40px 0;
    }
    .alert h3 {
        font-family: var(--menu-font);
        font-size: 16px;
        line-height: 1.3;
    }
    /* Header Responsive */
    .top-header h5 {
        margin-bottom: unset;
        margin: 0;
        font-size: 15px;
        line-height: 1;
        text-align: center;
        padding: 5px;
    }
    .top-header .header-book-link {
        display: none;
    }
    .site-add {
        display: none;
    }
    #header-1 .top-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
    }
    #header-2 .top-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
    }
    .navbar-collapse .navbar-nav {
        width: unset;
        max-width: unset;
        margin-left: unset;
        background: #EDEBE5 0% 0% no-repeat padding-box;
    }
    #header-1 .nav-link {
        color: black !important;
        font-family: var(--menu-font);
        padding: 12px 15px;
        justify-content: space-between;
        margin-right: 0;
    }
    .hamber-btn, .hamber-btn:focus {
        padding: 15px;
    }
    .nav-sticky .container {
        padding: 0;
    }
    .navbar-nav svg path {
        fill: black;
    }
    #searchdropdown3 {
        display: none;
    }
    .link_sarch {
        display: none;
    }
    .navbar-brand {
        padding: 15px;
    }
    #header-3 .navbar-brand {
        padding: 15px;
    }
    .navbar-brand svg {
        height: 35px;
        width: 95px;
    }
    #header-2 .navbar-brand svg {
        height: 35px;
        width: 95px;
    }
    #header-3 .navbar-brand svg {
        height: 35px;
        width: 95px;
    }
    li.nav-item.element:hover ul.dropdown-menu {
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-item.element .dropdown-menu.show {
        width: 100%;
        display: flex !important;
        justify-content: space-evenly;
        padding: 10px 30px;
        flex-direction: column;
        position: relative;
        max-width: 285px;
    }
    .top-header-address {
        display: none;
    }
    #header-3 .bottom-header-bar h5::after {
        display: none;
    }
    .item-wrapper h1 {
        font-size: 27px;
        line-height: 40px;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }
    .video-block .svg-wrapper svg {
        height: 70px;
        width: 70px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 30px;
    }
    .room-suites {
        margin-top: 30px;
    }
    .home-1-testimonials .carousel-1 .owl-nav {
        bottom: 15px;
        left: 175px;
    }
    .testimonials h1 {
        margin-top: 20px;
        margin-bottom: 30px;
        font-family: 'Playfair Display';
        font-weight: 700;
        max-width: 450px;
    }
    .video-bg {
        height: 400px;
    }
    .bg {
        background-image: unset;
    }    
    .video-block .svg-wrapper {
        top: 235px;
    }
    .call-to-action {
        padding: 65px 0;
        height: 400px;
    }
    .shortcodes-video-bg .svg-wrapper  {
        top: 245px;
    }
    .menu-list-home {
        display: flex;
        margin-bottom: 35px;
        flex-direction: column;
        align-items: flex-start;
    }
    .shortcodes-video-bg .video-title {
        position: absolute;
        top: 17%;
        left: 0;
        right: 0;
        font-size: 35px;
    }    
    .call-to-action-title h2 {
        font-size: 30px;
        line-height: 35px;
        padding-top: 40px;
        margin-bottom: 60px;
    }
    .call-to-action-wrapper {
        display: unset;
    }        
    .link {
        width: max-content;
    }
    .time {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .counting-title {
        font-size: 15px;
    }
    .overlay {
        padding: 10px;
        margin-right: 15px;
    }
    .home-slide-01 {
        height: 555px !important;
    }
    .about-us .discription {
        padding-bottom: 40px;
    }
    .about-us-content {
        margin-bottom: 50px;
    }
    .gallery .row {
        margin: 0 -35px;
    }
    .footer-form .webform-button--submit {
        width: 130px;
    }
    #edit-your-mail{
        width: 200px;
    }
    .footer-form .col-md-8 {
        justify-content: center;
    }
    .footer-block .col-md-3 {
        padding-bottom: 30px;
    }
    .slider-arrow {
        display: none;
    }
    .reservation img {
        height: 490px;
    }
    .spa img {
        width: 100px;
        height: 100px;
    }
    .menu-grid-1-wrapper {
        flex-direction: column;
        position: relative;
    }
    .spa-special .menu-grid-1-wrapper {
        width: 100%;
        padding-top: 25px;
        padding-left: 25px;
    }
    .menu-grid-detail {
        margin-left: 0;
        margin-top: 10px;
    }
    .menu-price {
        margin-left: 0;
        width: max-content;
        margin-top: 10px;
    }
    .spa-special .menu-price {
        margin-left: 0;
    }
    .spa-special .nav-link {
        padding: 0;
    }
    .spa-special li.nav-item {
        padding: 0;
    }
    .spa-special .nav-link {
        font-size: 16px;
        letter-spacing: 0;
        text-transform: unset;
    }
    .spa-special .nav-tabs {
        padding-left: 5px;
    }
    /* Blogs */
    .blogs {
        padding: 70px 0;
    }
    .blog-grid-3 .blog-grid {
        margin-bottom: 30px;
    }
    .views-exposed-form ul {
        padding-left: 0;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .views-exposed-form ul li a, .view-id-menu.view-display-id-block_10 .views-exposed-form ul li a {
        font-size: 15px;
    }
    .views-exposed-form ul li,.view-id-menu.view-display-id-block_10 .views-exposed-form ul li {
        padding: 0 10px;
    }
    .menu 
    .news-list-sidebars {
        padding-left: 0;
        padding-right: 0;
    }
    .page-error .content-wrapper span {
        font-size: 150px;
        letter-spacing: 5px;
    }
    .page-error .content-wrapper h2 {
        font-size: 22px;
    }
    .tab .tab1 .nav-tabs .nav-link {
        border: unset;
        text-transform: uppercase;
        color: #322f2f;
        margin-left: 0 !important;
        font-weight: 700;
        font-size: 15px;
        padding: 0 15px;
        margin-right: 0;
        padding-bottom: 10px;
    }
    .menu-list-wrapper .img-text {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
    }
    .form2 {
        width: 100%;
    }
    .table-2 thead tr th {
        color: black !important;
        font-size: 14px;
    }
    .table-block .table1 thead tr th, .table-block .table1 tbody tr td, .table-block .table-2 thead tr th, .table-block .table-2 tbody tr td {
        padding: 10px;
        font-size: 15px;
    }
    .testimonials .carousel-1 .owl-dots {
        position: absolute;
        bottom: -22px;
        width: max-content;
    }
    .testimonials .carousel-1 .owl-nav {
        display: none;
    }
    .home-1-testimonials {
        padding-bottom: 45px;
    }
    .home-slide-03 .slider-wrapper {
        padding: unset;
    }
    .home-slide-03 .item-wrapper h1 {
        text-transform: unset;
        text-align: left;
        padding-bottom: 20px;
        font-size: 25px;
        margin-top: 5px;
        letter-spacing: 1px;
        margin-bottom: 31px;
        margin-top: 23px;
        line-height: 40px;
    }
    .latest-news-2 .row {
        overflow: hidden;
    }
    .latest-blog-2 {
        padding: 50px 0; 
    }
    .latest-news-2 {
        padding: 50px 0
    }
    .latest-news-2 .btn-links {
        margin: auto;
        width: max-content;
        margin-top: 0;
        margin-bottom: 13px;
    }
    .offer-style-3 h3 {
        font-size: 34px;
    }
    .discount-counter h2 {
        text-align: center;
        font-size: 36px;
    }
    .our-menu {
        padding: 50px 0;
    }
    .testimonials {
        padding: 10px 0;
    }
    .about-style-3 .content {
        margin-top: 0;
        background: var(--elements-background-color);
        padding: 27px;
        position: relative;
        padding-left: 10px;
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .title-description p { 
        padding: unset;
    }
    .about-us {
        padding: 55px 0;
    }
    .services-style-3 {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .gallery .col-md-3 {
        padding-right: 0;
    }
    .btn-links {
        margin: auto;
        width: max-content;
        margin-top: 0;
        margin-bottom: 15px;    
    }
    .rooms-featured .btn-links {
        margin-top: 40px;
    }
    .services-list .room-list .discription {
        padding-bottom: 25px;
    }
    .services-list .read {
        padding-top: 20px;
    }
    .carousels {
        padding: 50px 0;
    }
    .offer-detail {
        padding-bottom: 40px;
        margin-bottom: 55px;
    }
    .accordian-3 button h3 p {
        font-size: 18px;
    }
    .faq-svg,.faq-svg-2 {
        padding: 12px;
    }
    .faq-title { 
        padding-top: 20px;
        text-align: center;
    }
    .menu-full-width h3::after {
        width: 200px;
    }
    .contact .row {
        justify-content: center;
        flex-direction: column;
    }
    .contact .col-md-4 {
        margin-bottom: 15px;
    }
    .blog-grid-4 .blog-grid img {
        height: 355px;
    }
    .svg-wrapper.icon7 {
        margin: 0;
    }
    .menu-grid-1 h4 {
        margin-top: 6px;
    }
    .tab .tab1 .nav-tabs .nav-link:first-of-type{
        padding: 0;
        padding-bottom: 10px;
    }
    .tab .tab-block .nav-link {
        margin-right: 0;
    }
    .tab .tab2 .nav-tabs .nav-link {
        padding-right: 0;
        padding-left: 10px;
    }
    .tab .tab-block .tab4 .nav-link, .tab .tab-block .tab3 .nav-link {
        margin-right: 0;
        padding-left: 0px;
        padding-right: 0;
    }
    .tab .tab2 .nav-tabs .nav-link:first-of-type {
        padding-left:0;
    }
    .tab .nav-tabs {
        display: flex;
        justify-content: space-between;
    }
    .tab .tab4 .nav-tabs .nav-link {
        font-size: 15px;
        border-radius: 30px;
        width: 57px;
        height: 37px;
        padding: 0;
        margin: 0;
    }
    .tab1 .nav-link.active::after {
        left: 20px;
    }
    .tab-block .tab1 .nav-link.active::after {
        left: 0;
        width: 30px;

    }
    .tab1 .nav-link:first-of-type.active::after{
        left: 0;
    }
    .menu-list-full-width .menu-list img {
        width: 100%;
    }
    .menuListSidebar .menu-list-wrapper .menu-grid-detail {
        margin-left: 0;
    }
    .menuListSidebar img {
        width: 100%;
        height: 210px;
    }
    .menu-full-width .image-wrapper img {
        width: 100%;
        height: 385px;
    }
    .menu-full-width .content {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .slider-for img {
        height: 385px;
    }
    .roomDetails .tab .tab1 .nav-tabs .nav-link:first-of-type {
        padding: 0;
        padding-bottom: 20px;
    }
    
    .rooms-detail .tab1 .nav-link.active::after {
        width: 85px;
    }
    .rooms-detail .tab .nav-tabs {
        justify-content: space-between;
    }
    .roomDetails .roomPrice {
        display: flex;
        align-items: baseline;
        flex-direction: column;
        justify-content: space-between;
    }
    .roomDetails .room-suites {
        margin: unset;
        margin-right: 10px;
        margin-bottom: 40px;
    }
    .slider-nav .slick-slide img {
        margin: 6px;
    }
    .pricing-plan,#sidebar-pages .pricing-plan {
        padding: 4px;
    }
    .pricing-plan h4 {
        font-size: 16px;
        margin-bottom: 0;
    }   
    .pricing-plan p {
        letter-spacing: 0;
    }
    .date-time {
        flex-direction: column;
    }
    .date-time h3 {
        margin-left: 0;
        margin-top: 14px;
    }
    .news-grid-3 .title h5 {
        margin-left: 0;
        margin-top: 12px;
    }
    .news-grid-3 .read {
        margin-left: 0;
    }
    .event-detail .read {
        margin-left: 0;
    }
    .page-banner h1 { 
        margin: 0 5px;
    }
    .date-title {
        flex-direction: column;
        align-items: baseline;
    }
    .date-title h3 {
        margin-left: 0;
        margin-top: 20px;
    }
    .career-wrapper {
        padding-bottom: 35px;
    }
    .careers-details .addToany {    
        flex-direction: column;
    }
    .page-search-block .search-form input {
        width: 203px;
    }
    .common_pages_form input::placeholder {
        font-size: 12px;
        opacity: .8;
        padding-left: 8px;
    }
    .page-Coming-block h1 {
        font-size: 40px;
        letter-spacing: 3px;
        line-height: 50px;
    }
    .link a {
        height: 55px;
        width: 205px;
    }
    .services.services-with-icon {
        padding-bottom: 30px;
    }
    .rooms-style2 {
        padding: 60px 0;
    }
    .testimonials.testimonials-style-3 {
        padding-bottom: 60px;
    }
    .menu-list-1 {
        padding: 60px 0;
    }
    .latest-news {
        padding: 60px 0;
        background: #fff;
    }
    .discount-counter {
        padding: 60px 0;
    }
    .link-btn {
        margin-top: 10px;
    }
    .discount-counter-2 .link-btn {
        margin-top: 40px;
    }
    .home-slider-2 .link-btn {
        margin-top: 40px;
    }
    .footer-form .webform-button--submit {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 0;
    }
    .rooms_check {
        margin-top: 40px;
    }
    .header-slider-1 {
        bottom: unset;
        top: 90px;
    }
    #page_content.header-2 .header-slider-1 {
        bottom: unset;
        top: 140px;
    }
    a#searchdropdown3 {
        top: 17px;
    }
    a#searchdropdown1 {
        top: 17px;
    }
    a#searchdropdown2 {
        top: 17px;
    }
    .nav-sticky nav.navbar .container-fluid {
        align-items: flex-start;
    }
    #header-3 a#searchdropdown3 {
        top: 17px;
    }
    #header-3 .hamber-btn, #header-3 .hamber-btn:focus {
        margin-top: -11px;
    }
    #header-3 .close-icon {
        width: 21px;
        height: 21px;
    }
    #page_content.header-1 .home-slide-01 {
        height: 935px !important;
    }
    #page_content.header-2 .home-slide-01 {
        height: 950px !important;
    }
    #page_content.header-1 .header-slider-1 {
        bottom: unset;
        top: 145px;
    }
    #page_content.header-2 .page-banner2 {
        margin-top: 66px;
    }
    #ui-datepicker-div{
        left: 22px !important;
    }
    .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .events-calendar table tr th {
        padding: 5px;
        font-size: 16px;
        letter-spacing: 0;
    }
    .events-calendar .fc-center {
        margin: 10px 0;
    }
    .contact .contact-icon-wrapper p {
        max-width: unset;
    }
    .tab .tab-block .tab3 .nav-link {
        margin-right: 0;
        width: unset;
        height: unset;
        padding: 5px 6px;
    }
   
    .slider-nav img {
        width: 65px;
        height: 65px;
        object-fit: cover;
    }
    #sidebar-pages .slider-nav img {
        width: 65px;
        height: 65px;
        object-fit: cover;
    }
    .accordion-button {
        font-size: 18px;
        line-height: 25px;
    }
    #header-1 .dropdown-menu.header-seach-form.show {
        top: 56px !important;
    }
    #header-2 .dropdown-menu.header-seach-form.show {
        top: 55px !important;
    }
    #header-3 .dropdown-menu.header-seach-form.show {
        top: 55px !important;
    }
}/* ### End of max 556px ### */
@media(min-width:560px) and (max-width:640px){
    .menu-list-wrapper .menu-grid-detail {
        margin-left: 22px;
    }
    .views-exposed-form ul {
        padding-left: 0;
        margin-bottom: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #edit-your-mail {
        background-color: unset;
        width: 312px;
    }
    .home-slider-2 .item-wrapper h1 {
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 1px;
        padding-bottom: 25px;
    }
    .events-calendar .fc-today-button {
        margin-top: 10px;
    }
}
@media (max-width: 360px){
    .shortcodes-video-bg .video-title {
        position: absolute;
        top: 16%;
        left: 0;
        right: 0;
        font-size: 35px;
        line-height: 48px;
    }
}
@media(max-width:359.98px){
    .footer-form .webform-button--submit {
        width: 100px;
    }
    .table-2 thead tr th {
        color: black !important;
        font-size: 14px;
    }
    .table-block .table1 thead tr th, .table-block .table1 tbody tr td, .table-block .table-2 thead tr th, .table-block .table-2 tbody tr td {
        padding: 10px;
    }
    .table-block .table1 thead tr th, .table-block .table1 tbody tr td, .table-block .table-2 thead tr th, .table-block .table-2 tbody tr td {
        padding: 7px;
    }
    /* #header-2 .hamber-btn, .hamber-btn:focus {
        padding: 0;
        margin-top: 20px;
    } */
    .spa-special .nav-link {
        font-size: 15px;
    }
    #header-3 .container-fluid {
        padding: 0;
        align-items: flex-start;
    }
    #header-3 .hamber-btn, #header-3 .hamber-btn:focus {
        margin-top: 0;
    }
    .views-exposed-form ul {
        padding-left: 0;
    }
    .views-exposed-form ul li {
        padding: 3px 8px;
    }
    .menus .views-exposed-form ul li,.view-id-menu.view-display-id-block_10 .views-exposed-form ul li {
        padding: 1px;
        padding-bottom: 10px;
    }
    .coming-wrapper .list-unstyled .cs-date {
        margin: 0 12px;
    }
    .shortcodes-video-bg .video-title {
        position: absolute;
        top: 16%;
        left: 0;
        right: 0;
        font-size: 35px;
        line-height: 48px;
    }
    .shortcodes-video-bg .svg-wrapper {
        top: 257px;
    }
    .tab .tab1 .nav-tabs .nav-link {
        border: unset;
        text-transform: uppercase;
        color: #322f2f;
        margin-left: 0 !important;
        font-weight: 700;
        font-size: 15px;
        padding-right: 0;
        margin-right: 0;
    }
    .tab .tab1 .nav-tabs .nav-link:first-of-type{
        padding: 0;
        padding-bottom: 10px;
    }
    .menus .views-exposed-form ul {
        justify-content: space-between;
    }
    .page-banner h1 {
        margin: 0 7px;
    }
    .page-search-block .search-form input {
        width: 172px;
    }
    .common_pages_form input::placeholder {
        font-size: 11px;
        opacity: 1;
        padding-left: 0;
    }
    .home-slider-2 .item-wrapper h1 {
        font-size: 26px;
        line-height: 37px;
        letter-spacing: 0;
    }
    .header-seach-form .input-group {
        right: 11px;
    }
    .alert4 h3 {
        line-height: 22px;
    }
}
@media(min-width:700px) and (max-width:740px) {
    .icons-block .svg-wrapper {
        margin: 30px !important;
    }
    .icons-block .icons-area {
        justify-content: center;
    }
}
@media(min-width:400px) and (max-width:420px) {
    .icons-block .svg-wrapper {
        margin: 20px !important;
    }
    .icons-block .icons-area {
        justify-content: center;
    }
}
@media(min-width:768px) and (max-width:991.98px){
    .footer-form .webform-button--submit {
        width: 150px;
    }
    .testimonials .carousel-1 .owl-dots {
        position: absolute;
        bottom: -53px;
    }
    #edit-your-mail {
        width: 210px;
    }
    .navbar-collapse .navbar-nav {
        width: unset;
        max-width: unset;
        margin-left: unset;
    }
    #header-1 .nav-link {
        color: black !important;
        font-family: var(--menu-font);
        padding: 12px 15px;
        justify-content: space-between;
        margin-right: 0;
    }
    .hamber-btn {
        padding: 0 12px;
    }
    .hamber-btn, .hamber-btn:focus {
        padding: 15px;
    }
    .nav-sticky .container {
        padding: 0;
    }
    .navbar-nav svg path {
        fill: black;
    }
    #searchdropdown3 {
       display: none;
    }
    .submenu-1:hover > .dropdown-item svg {
        transform: rotate(0);
        transition: .5s;
    }
    .nav-link:hover > svg {
        transform: rotate(0);
        transition: .5s;
    }
    .navbar-brand {
        padding: 12px;
    }
    .myHeader {
        display: block !important;
    }
    .item-wrapper h1 {
        font-size: 45px;
        text-transform: uppercase;
        text-align: center;
        line-height: 50px;
        letter-spacing: 2px;
        color: #fff;
    }    
    .header-slider-1 .owl-nav {
        position: absolute;
        top: 0;
        bottom: 35px;
        flex: 1;
        display: flex;
        justify-content: space-between;
        left: 65px;
        right: 65px;
        z-index: 3;
    }
    .reservation .form1 {
        width: 100%;
    }
    .reservation .content .col-md-7 {
        right: 0;
    }
    .reservation .content .col-md-5 {
        left: 15px;
    }
    .reservation .form1 {
        padding: 25px;
    }
    .form1 {
        padding: 25px;
    }
    .form .input-wrapper svg {
        bottom: 20px;
    }
   .blog-grid-2 .col-md-6 {
        flex: 0 0 auto;
        width: 49%;
    }
    .blog-grid-2 .row {
        justify-content: space-between;
    }
    .blog-grid-2 .blog-grid {
        padding-right: unset !important;
        margin-bottom: 37px;
    }
    .blog-grid-3 .blog-grid {
        margin-bottom: 25px;
    }
    .views-exposed-form ul li {
        padding: 0px 20px;
    }
    .date-title {
        flex-direction: column;
        padding-bottom: 0;
        align-items: baseline;
    }
    .date-title h3 {
        text-transform: unset;
        margin-left: 0;
        font-family: 'Playfair Display';
        letter-spacing: 0;
        margin-top: 10px;
    }
    .header-slider-3 .owl-dots {
        margin-top: 140px !important;
        margin-left: 200px;
    }
    .home-slide-03 .item-wrapper h1 {
        font-size: 32px;
    }
    .about-style-3 .content {
        margin-top: 100px;
        background: var(--elements-background-color);
        padding: 15px;
        position: relative;
        padding-left: 10px;
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .about-us {
        padding-bottom: 100px;
    }
    .news-grid-3 .news-grid {
        padding-right: 0;
    }
    .latest-news-2 .row {
        overflow: hidden;
    }
    .page-search-block .search-form input {
        width: 495px;
    }
    .alert {
        padding: 20px;
    }
    .blog-grid-4 .blog-detail {
        min-height: 195px;
    }
    .blogs .blog-lists .rooms-grid-1-wrapper {
        background-color: #fff;
        height: 100%;
    }
    .blogs .blog-lists .img img {
        width: 100%;
        height: 100%;
    }
    .blogs .blog-lists .blog-detail {
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #sidebar-pages .blog-detail {
        padding-left: 23px;
        padding-right: 10px;
    }
    .blockquate p {
        padding: 30px;
    }
    .tag-addtoany {
        padding: 30px 0;
        flex-direction: column;
    }
    .addToany {
        margin-top: 15px;
    }
    .svg-wrapper.icon4 {
        margin: 0;
    }
    .chefImage{
        height: 100%;
    }
    .chef-list img {
        height: 100%;
    }
    .chef-list .row {
        height: auto;
    }
    .home-1-testimonials.testimonials .img-wrapper img {
        height: 556px;
    }
    .recomended-pack {
        margin-top: -25px;
        min-height: 515px !important;
    }
    .view-id-menu.view-display-id-block_10 .views-exposed-form ul li {
        padding: 0 7px;
    }
    .view-id-menu.view-display-id-block_10 .views-exposed-form ul li a {
        font-size: 16px;
        letter-spacing: .5px;
    }
    .menuListSidebar .menu-list-wrapper .menu-price {
        padding-right: 18px;
        padding-left: 18px;
    }
    .menuListSidebar .menu-list-wrapper .img-text {
        flex-direction: column;
    }
    .menuListSidebar img {
        width: 100%;
        height: 185px;
    }
    .menu-sidebar img {
        height: 135px;
    }
    #sidebar-pages .blockquate p {
        padding: 25px 5px;
    }
    .rooms-grid-column-3 .guest-feet {
        flex-direction: column;
    }
    .rooms-grid-column-3 .rooms-title h5 {
        line-height: 20px;
    }
    .guest-feet p {
        padding-right: 14px;
    }
    #sidebar-pages .form .input-wrapper svg {
        bottom: 0;
    }
    .slider-nav .slick-slide img {
        width: 179px;
        height: 150px;
    }
    .slider-for img {
        height: 570px;
    }
    .pricing-plan {
        padding: 15px 35px;
    }
    #sidebar-pages .slider-nav .slick-slide img {
        width: 111px;
        height: 90px;
    }
    #sidebar-pages .pricing-plan {
        padding: 9px 12px;
    }
    #sidebar-pages .roomDetails .tab .tab1 .nav-tabs .nav-link {
        margin-right: 20px;
    }
    .room-title-sidebar h5 {
        line-height: 16px;
    }
    .news-grid-2 .event-detail {
        min-height: 227px;
    }
    .newsEventDetail-sidebar {
        padding-right: 12px;
    }
    #sidebar-pages .event-date-time {
        flex-direction: column;
    }
    #sidebar-pages .events-date, #sidebar-pages .event-time,#sidebar-pages .location {
        margin-right: 30px;
        margin-bottom: 10px;
    }
    .even .services-list img {
        padding-left: 0;
    }
    .services-list .service-list {
        padding-right: 40px;
        padding-left: 20px;
    }
    .even .services-list .service-list {
        padding-left: 40px;
        padding-right: 20px;
    }
    .menu-with-background .menu-grid-1-wrapper {
        min-height: 245px;
    }
    .spa-special .nav-tabs {
        margin-left: 0;
        width: 100%;
        max-width: 445px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .spa-special .menu-grid-1-wrapper {
        max-width: 455px;
        position: relative;
        z-index: 1;
        flex-direction: column;
        width: 100%;
        padding: 0;
    }
    .spa-special li.nav-item {
        width: max-content;
        padding: 0;
    }
    .spa-tab .tab-pane {
        padding: 30px;
        width: 100%;
    }
    .spa-special .content .col-md-7 {
        right: 12px;
    }
    .spa-special .nav-link {
        padding-right: 0;
        padding-left: 0;
        font-size: 15px;
    }
    .spa-special .menu-price {
        position: absolute;
        right: 30px;
    }
    .menu-grid-detail {
        margin-left: 0;
        margin-top: 15px;
    }
    .reservation .content .col-md-7 {
        top: -15px;
    }
    .testimonials .carousel-1 .owl-nav {
        bottom: 20px;
        left: 23.5%;
    }
    .testimonials .carousel-1 .img-wrapper {
        height: 100%;
    }
    .home-1-testimonials  .img-wrapper {
        height: 100%;
    }
    .home-1-testimonials .carousel-1 .owl-nav {
        bottom: -3px;
        left: 43.5%;
    }
    .news-style1 .news-grid-4 .event-detail {
        min-height: 192px;
    }
    .menu-list-home img {
        width: 90px;
        margin-right: 15px;
    }
    .about-us-content {
        margin-bottom: 55px;
    }
    .rooms-style-2 {
        position: relative;
        margin-bottom: 24px;
    }
    .menu-list-1 .menu-grid-1-wrapper img {
        width: 85px;
        height: 85px;
        margin-right: 15px;
    }
    .featured-room h5 {
        min-height: 85px;
    }
    .feaured-room1 .rooms-detail {
        min-height: 344px;
        padding-top: 50px;
    }
    .feaured-room1 img {
        height: 325px;
       
    }
    .footer-form h2.subscribe-title {
        letter-spacing: 0;
    }
    #header-3 .navbar-brand {
        padding: 15px;
    }
    #header-3 a#searchdropdown3 {
        top: 28px;
    }
    #page_content.header-2 .home-slide-03 .slider-wrapper {
        padding: 150px 0;
    }
    #page_content.header-2 .home-slide-03{
        height: 725px !important;
    }
    #page_content.header-1 .home-slide-03 .slider-wrapper {
        padding: 150px 0;
    }
    #page_content.header-1 .home-slide-03{
        height: 725px !important;
    }
    #page_content.header-3 .home-slide-03{
        height: 725px !important;
    }
    #header-1 a#searchdropdown1 {
        top: 23px;
    }
    .testimonial-slider-1 .owl-dots {
        display: none;
    }
    .rooms_check {
        margin-top: 50px;
        height: auto;
    }
    #page_content.header-3 .home-slide-02 .rooms_check {
        margin-top: 45px;
        height: auto;
    }
    .rooms_check .check-availability-form form {
        padding: 30px;
        padding-bottom: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .rooms_check .form .input-wrapper {
        position: relative;
        margin: 0 12px 12px 0;
    }
    .rooms_check .check-availability-form .btn-reserve {
        width: max-content;
        margin: unset;
        top: 100px;
        margin-top: -15px;
        height: 60px;
    }
    #page_content.header-3 .home-slide-02 {
        height: 730px !important;
    }
    #page_content.header-2 .home-slide-02 {
        height: 800px !important;
    }
    .alert_4svg {
        margin-right: 25px;
    }
    .alert4 .alert-close {
        padding-right: 40px;
        padding-left: 11px;
    }
    svg.svg-inline--fa.fa-triangle-exclamation {
        height: 40px;
        width: 40px;
    }
    .alert4 svg.svg-inline--fa.fa-triangle-exclamation {
        height: 32px;
        width: 32px;
    }
    .alert4 .alert svg.svg-close {
        height: 25px;
        width: 25px;
    }
    .form1 .input-wrapper {
        position: relative;
        display: flex;
        align-items: center;
    }
    .reservation.reservation1 .form1 .input-wrapper {
        display: unset;
    }
    .menu-grid-list .menu-block .menu-grid-detail {
        margin-left: 20px;
        margin-top: 0;
    }
    .menuListSidebar .menu-list-wrapper .menu-grid-detail {
        margin-left: 0;
    }
    .form.check-availability-form input::placeholder {
        font-size: 12px !important;
        opacity: 1;
        padding-left: 10px;
    }
    .form.check-availability-form select {
        font-size: 12px 
    }
    .check-availability-form .btn-reserve .btn-primary {
        padding: 15px 0;
        letter-spacing: 0;
    }
    .sidebarLabel h3 {
        line-height: 26px;
    }
    .slider-nav img {
        width: 179px;
        height: 135px;
        object-fit: cover;
    }
    #sidebar-pages .slider-nav img {
        width: 111px;
        height: 77px;
        object-fit: cover;
    }
    .news-grid-4 .event-detail {
        padding: 15px;
        min-height: 150px;
    }
    .reservation .content .col-md-5 {
        top: 37%;
    }
    .reservation1.reservation img {
        width: 100%;
        height: 585px;
    }
    .offer-overlay-1 {
        position: absolute;
        left: 33px;
    }
    #sidebar-pages .events-detail {
        padding-top: 64px;
    }
    .header-slider-1 {
        bottom: 38px
    }
}   
/* ### End of min 768 and max 991px */

.main-content {
    padding: 0;
}

/* .navbar-brand svg{
    position: relative;
}
.navbar-brand svg path {
    position: absolute;
    animation: scalling 2s ease-in-out infinite;
}
@keyframes scalling {
    0%{
        opacity: 1;
    }
    50%{
       opacity: 0;
    }
    75%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
} */
/* .navbar-brand svg #Icon_material-star{
    animation-delay: 0s;
}
.navbar-brand svg #Icon_material-star-2{
    animation-delay: 1s;
}
.navbar-brand svg #Icon_material-star-3{
    animation-delay: 1.5s;
}
.navbar-brand svg #Icon_material-star-4{
    animation-delay: 2s;
} */
@media (max-height: 500.98px){
    .navbar-collapse {
        max-height: 300px;
    }
}
@media (max-height: 360.98px){
    .navbar-collapse {
        max-height: 250px;
    }
}
/* .role-administrator #header-1 {
    margin-top: 100px;
} */


@keyframes headerdown{
    from{
      top: -100px;
    }
    to{
      top: 0px;
    }
  }
  #page-loader{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #page-loader .loading{
    width: 50px;
    height: 50px;
    border: 4px solid var(--bs-primary);
    border-radius: 50%;
    animation: loaderspin 1s linear infinite;
  }
  @keyframes loaderspin{
    from{
      transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
  }
  #page-loader .loading::before{
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px;
  }
  .section .alert-wrapper .alert {
    overflow-y: unset;
    margin-bottom: 0;
    display: block;
    height: max-content;
}
.user-profile-page {
    padding: 100px 0;
}
/*  */
.home-slide-03 .btn-act .form-actions {
    margin-bottom: 0 !important;
}
.home-slide-03 .btn-reserve {
    display: flex;
    align-items: center;
}
.home-slide-03 .check-availability-form .btn-reserve .btn-primary  {
    color: #ffff;
    padding-left: 22px;
}
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    z-index: 1;
    display: none;
    transition: .75s;
    background-color: var(--bs-primary);
    border: unset;
    z-index: 5;
  }
  .back-to-top i {
    color: #fff;
  }
  .back-to-top:hover {
    box-shadow: 0 0px 12px var(--bs-primary);
  }
  /* .toolbar-tray-open #header-1 {
    margin-top: 82px;
  } */
  .basic_contents-result {
    padding: 100px 0;
    }
    #page_content.header-2 .home-slide-03,#page_content.header-1 .home-slide-03,#page_content.header-3 .home-slide-03 {
        height: unset !important;
        padding: 100px 0;
    }
    #page_content.header-2 .home-slide-03 .slider-wrapper,#page_content.header-1 .home-slide-03 .slider-wrapper,#page_content.header-2 .home-slide-03 .slider-wrapper {
        padding: 110px 0;
        padding-bottom: 0;
    }
    /*  */
    #page_content.header-2 .home-slide-01,#page_content.header-3 .home-slide-01,#page_content.header-1 .home-slide-01 {
        height: unset !important;
        padding: 100px 0;
    }
    .header-slider-1 {
        position: unset;
    }
    .home-slide-01 .slider-wrapper {
        padding-top: 100px;
    }
    #page_content.header-2 .home-slide-02 ,#page_content.header-3 .home-slide-02 ,#page_content.header-1 .home-slide-02 {
        height: unset !important;
        padding: 100px 0;
    }
    .home-slide-02 .header-slider-2 {
        position: unset;
    }
    .home-slide-02 .header-slider-2 .slider-wrapper {
        padding-top: 100px;
    }
    .career-apply-form {
        padding: 100px 0;
    }
    .career-apply-form input {
        height: 55px;
        padding: 17px 20px;
        border: unset;
        border-radius: 0;
        color: var(--paragraph-text-color);
        font-family: var(--paragraph-font);
    }
    .career-apply-form .form-file {
        padding-left: 30px;
    }
    .career_btn .btn{
        min-width: 100px;
        min-height: 55px;
        padding: 10px 25px;
        width: max-content;
        margin: auto;
        color: #ffff;
        font-family: var(--paragraph-font);
        font-size: 16px;
        font-weight: 500;
        background-color: var(--bs-primary);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .career_btn .mb-3 {
        margin-bottom: 0 !important;
    }
    .career-apply-form #edit-resume--description {
        font-family: var(--paragraph-font);
        font-size: 15px;
        font-weight: 400;
        color: var(--paragraph-text-color);
        margin-top: 10px;
    }
    .search-form label {
        display: none;
    }
    .search-form .mb-3 {
        margin-bottom: 0!important;
    }
    .video-bg.shortcodes-video-bg .video2.video-popup {
        cursor: pointer;
    }
    .blogs.elements .code-block.code-block-last:last-child {
        margin-bottom: 0;
    }
    .toolbar-fixed .user-profile-page {
        padding:100px 0;
    }
    .user-profile-page {
        padding: 220px 0 100px 0;
    }
    .toolbar-fixed  #header-1 {
        position: static;
    }
    .toolbar-fixed .nav-sticky {
        position: static;
    }
    .toolbar-fixed .nav-sticky.header-fixed1.header-fixed {
        position: fixed;
        top: 40px;
    }
    .toolbar-fixed.toolbar-tray-open .nav-sticky.header-fixed1.header-fixed {
        position: fixed;
        top: 79px;
    }
    .toolbar-fixed .nav-sticky.header-fixed {
        position: fixed;
        top: 40px;
    }
    .toolbar-fixed .nav-sticky-3.header-fixed {
        position: fixed;
        top: 40px;
    }
    .toolbar-fixed.toolbar-tray-open .nav-sticky.header-fixed {
        position: fixed;
        top: 79px;
    }
    .toolbar-fixed.toolbar-tray-open .nav-sticky-3.header-fixed {
        position: fixed;
        top: 79px;
    }
    .role-authenticated #header-1 .nav-sticky {
        background-color: var(--heading-text-color);
    }
    .role-authenticated #header-1 .nav-sticky.header-fixed {
        background-color: #ffff;
    }
    .common_pages_form label {
        font-family: 'Open Sans';
        font-size: 14px;
        color: var(--paragraph-text-color);
    }
    .blog_taxonomy-terms-page {
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .page-view-taxonomy-term {
        overflow-x: hidden;
    }
    .page-view-taxonomy-term .container-fluid {
        padding: 0;
    }
    #clockdiv {
        color: #ffff;
        font-family: var(--paragraph-font);
        font-size: 16px;
    }
     /* STATUS MESSAGE STYLE */
     .dt_status_alert_message svg {
        height: 20px ;
        width: 20px;
    }
    .dt_status_alert_message .alert-wrapper .alert{
    justify-content: flex-start;
    }
    .alert-heading {
        font-size: 20px;
        line-height: 1.5;
    }
    .alert hr {
        display: none;
    }
    .alert{
        border-left:none;
        justify-content: flex-start;
    }
    .alert-dismissible .btn-close{
        padding: 1.25rem 1rem !important;
    }