/* 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;
}
#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: 0.5px;
  font-weight: 600;
}
.nav-sticky.sticky {
  background-color: var(--heading-text-color);
  transition: 0.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: 0.3s color ease;
}
.navbar-expand-lg .navbar-nav .nav-link:hover::after,
.language a:hover::after {
  background-color: var(--bs-primary);
  transition: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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(0.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: 0.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, 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: 0.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(0.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(0.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(0.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(0.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;
  padding: 27px 45px;
}
.alert-warning::before {
  display: none !important;
}

.alert-success::before {
  display: none !important;
}
.btn-close {
  padding: 47px 35px !important;
}
.alert {
  display: flex;
  /* margin: 40px 0; */
  padding: 20px 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;
  padding: 27px 45px;
}
.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;
  padding: 27px 45px;
}
.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;
  padding: 27px 45px;
}
.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: 0.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: 0.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: 0.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: 0.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: 0.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(0.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: 0.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: 0.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: 0.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: 65px;
  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: 18px;
}
.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.9px;
}

.read:hover a {
  color: var(--bs-primary);
}
.read svg {
  width: 15px;
  height: 17px;
  filter: brightness(0.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: 0.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: 0.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: 0.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: 0.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: 0.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(0.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: 0.42px;
  line-height: 35px;
}
#sidebar-pages .tags p {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.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: 0.7;
  transition: 0.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: 0.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: 0.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: 85px;
}
#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: 100px;
}
.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: 55px;
}
.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: 55px;
}
.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: 675px;
}
.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: 332px;
  padding-top: 15px;
  font-family: "Playfair Display";
}
.reservation .content .col-md-7 {
  position: absolute;
  top: 0;
  right: 67px;
}

.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: 55px;
}
.reservation .form1 {
  padding: 50px;
}
.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: 0.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(0.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: 0.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: 0.6;
  width: 100%;
  height: 100%;
  transition: 2s;
  opacity: 0;
}
.gallery-grid .content-wrapper:hover::before {
  opacity: 0.6;
  transition: 1s;
}
.gallery .content-wrapper::before {
  position: absolute;
  content: "";
  background-color: black;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  transition: 2s;
  opacity: 0;
}
.gallery .img:hover::before {
  opacity: 0.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: 0.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: 0.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: 0.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: 0.12rem;
  font-weight: 500;
}
.chef-gridList .grid-list-wrapper p {
  letter-spacing: 0.2rem;
}
.about-chef {
  text-align: center;
  margin-top: 22px;
}
.chef-title {
  padding-bottom: 68px;
}
.chef-title h1 {
  text-align: center;
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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, 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;
  }
  .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: 0.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: 50px 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: 0.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: 0.5s;
  }
  .nav-link:hover > svg {
    transform: rotate(0);
    transition: 0.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: 0.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: 0.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;
}
.shepherd-footer {
  justify-content: center;
  padding-top: 20px;
}

/* Accordian button  */

.accordian-button-3 .accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}