

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'besom' !important;
    src: url('fonts/besom/besom.eot');
    src: url('fonts/besom/besom.eot?#iefix') format('embedded-opentype'),
         url('fonts/besom/besom.woff2') format('woff2'),
         url('fonts/besom/besom.woff') format('woff'),
         url('fonts/besom/besom.ttf') format('truetype'),
         url('fonts/besom/besom.svg#besom_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* [2] */
@font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.2.woff2) format('woff2');
    unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
  }
  /* [3] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.3.woff2) format('woff2');
    unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
  }
  /* [4] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.4.woff2) format('woff2');
    unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
  }
  /* [5] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.5.woff2) format('woff2');
    unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
  }
  /* [6] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.6.woff2) format('woff2');
    unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
  }
  /* [7] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.7.woff2) format('woff2');
    unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
  }
  /* [8] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.8.woff2) format('woff2');
    unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
  }
  /* [9] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.9.woff2) format('woff2');
    unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
  }
  /* [10] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.10.woff2) format('woff2');
    unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
  }
  /* [11] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.11.woff2) format('woff2');
    unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
  }
  /* [12] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.12.woff2) format('woff2');
    unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
  }
  /* [13] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.13.woff2) format('woff2');
    unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
  }
  /* [14] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.14.woff2) format('woff2');
    unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
  }
  /* [15] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.15.woff2) format('woff2');
    unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
  }
  /* [16] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.16.woff2) format('woff2');
    unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
  }
  /* [17] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.17.woff2) format('woff2');
    unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
  }
  /* [18] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.18.woff2) format('woff2');
    unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
  }
  /* [19] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.19.woff2) format('woff2');
    unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
  }
  /* [20] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.20.woff2) format('woff2');
    unicode-range: U+caf4-cb47, U+cb4a-cb90;
  }
  /* [21] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.21.woff2) format('woff2');
    unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
  }
  /* [22] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.22.woff2) format('woff2');
    unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
  }
  /* [23] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.23.woff2) format('woff2');
    unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
  }
  /* [24] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.24.woff2) format('woff2');
    unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
  }
  /* [25] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.25.woff2) format('woff2');
    unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
  }
  /* [26] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.26.woff2) format('woff2');
    unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
  }
  /* [27] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.27.woff2) format('woff2');
    unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
  }
  /* [28] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.28.woff2) format('woff2');
    unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
  }
  /* [29] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.29.woff2) format('woff2');
    unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
  }
  /* [30] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.30.woff2) format('woff2');
    unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
  }
  /* [31] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.31.woff2) format('woff2');
    unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
  }
  /* [32] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.32.woff2) format('woff2');
    unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
  }
  /* [33] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.33.woff2) format('woff2');
    unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
  }
  /* [34] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.34.woff2) format('woff2');
    unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
  }
  /* [35] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.35.woff2) format('woff2');
    unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
  }
  /* [36] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.36.woff2) format('woff2');
    unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
  }
  /* [37] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.37.woff2) format('woff2');
    unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
  }
  /* [38] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.38.woff2) format('woff2');
    unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
  }
  /* [39] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.39.woff2) format('woff2');
    unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
  }
  /* [40] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.40.woff2) format('woff2');
    unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
  }
  /* [41] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.41.woff2) format('woff2');
    unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02;
  }
  /* [42] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.42.woff2) format('woff2');
    unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc17, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d;
  }
  /* [43] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.43.woff2) format('woff2');
    unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f;
  }
  /* [44] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.44.woff2) format('woff2');
    unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5;
  }
  /* [45] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.45.woff2) format('woff2');
    unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f;
  }
  /* [46] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.46.woff2) format('woff2');
    unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c;
  }
  /* [47] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.47.woff2) format('woff2');
    unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be;
  }
  /* [48] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.48.woff2) format('woff2');
    unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b;
  }
  /* [49] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.49.woff2) format('woff2');
    unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c;
  }
  /* [50] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.50.woff2) format('woff2');
    unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
  }
  /* [51] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.51.woff2) format('woff2');
    unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604;
  }
  /* [52] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.52.woff2) format('woff2');
    unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e;
  }
  /* [53] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.53.woff2) format('woff2');
    unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3;
  }
  /* [54] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.54.woff2) format('woff2');
    unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7;
  }
  /* [55] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.55.woff2) format('woff2');
    unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341;
  }
  /* [56] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.56.woff2) format('woff2');
    unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b;
  }
  /* [57] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.57.woff2) format('woff2');
    unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5;
  }
  /* [58] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.58.woff2) format('woff2');
    unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f;
  }
  /* [59] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.59.woff2) format('woff2');
    unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e;
  }
  /* [60] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.60.woff2) format('woff2');
    unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab;
  }
  /* [61] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.61.woff2) format('woff2');
    unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02;
  }
  /* [62] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.62.woff2) format('woff2');
    unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55;
  }
  /* [63] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.63.woff2) format('woff2');
    unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b;
  }
  /* [64] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.64.woff2) format('woff2');
    unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf;
  }
  /* [65] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.65.woff2) format('woff2');
    unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23;
  }
  /* [94] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.94.woff2) format('woff2');
    unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b;
  }
  /* [95] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.95.woff2) format('woff2');
    unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135;
  }
  /* [98] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.98.woff2) format('woff2');
    unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478;
  }
  /* [99] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.99.woff2) format('woff2');
    unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac-ad, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154;
  }
  /* [100] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.100.woff2) format('woff2');
    unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c;
  }
  /* [101] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.101.woff2) format('woff2');
    unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e;
  }
  /* [102] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.102.woff2) format('woff2');
    unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e;
  }
  /* [103] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.103.woff2) format('woff2');
    unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+65b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c;
  }
  /* [104] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.104.woff2) format('woff2');
    unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a;
  }
  /* [105] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.105.woff2) format('woff2');
    unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c;
  }
  /* [106] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.106.woff2) format('woff2');
    unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4;
  }
  /* [107] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.107.woff2) format('woff2');
    unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981;
  }
  /* [108] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.108.woff2) format('woff2');
    unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b515, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799;
  }
  /* [109] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.109.woff2) format('woff2');
    unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770;
  }
  /* [110] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.110.woff2) format('woff2');
    unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758;
  }
  /* [111] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.111.woff2) format('woff2');
    unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790;
  }
  /* [112] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.112.woff2) format('woff2');
    unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750;
  }
  /* [113] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.113.woff2) format('woff2');
    unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bca8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765;
  }
  /* [114] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.114.woff2) format('woff2');
    unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798;
  }
  /* [115] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.115.woff2) format('woff2');
    unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
  }
  /* [116] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.116.woff2) format('woff2');
    unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c;
  }
  /* [117] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.117.woff2) format('woff2');
    unicode-range: U+d, U+48, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788;
  }
  /* [118] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.118.woff2) format('woff2');
    unicode-range: U+39, U+49, U+4d-4e, U+a0, U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c;
  }
  /* [119] */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhr1TCk8qivo10xPFih_f6G0tP6mooOg.119.woff2) format('woff2');
    unicode-range: U+20-22, U+27-2a, U+2c-38, U+3a-3b, U+3f, U+41-47, U+4a-4c, U+4f-5d, U+61-7b, U+7d, U+a1, U+ab, U+ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558;
  }
  /* latin */
  @font-face {
    font-family: 'Song Myung';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/songmyung/v20/1cX2aUDWAJH5-EIC7DIhn1aghA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

:root {
    --heading-font: 'Archivo', sans-serif;
    --body-font: 'open sans', sans-serif;
    --menu-font: 'open sans', sans-serif;
    --category-font: 'open sans', sans-serif;
    --white: #FFFFFF;
    --light: #303030;
    --black: #000;
    --heading-color: var(--base-two);
    --body-color: var(--light);
    --border-color: 0 0% 88%;
    --section-bg: 208 100% 97%;
    --header-box-shadow: 0px -1px 15px 3px hsl(var(--black) /.3);
    --mobile-box-shadow: 0px -1px 5px 0px hsl(var(--black) /.92);
    --box-shadow: 0px 2px 15px hsl(var(--black) /.05);
    --base: #c8ad80;
    --base-two: rgb(32 58 64);
    --dark: #232e35
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

/* @font-face{
    font-family:archivo black;
    font-style:normal;
    font-weight:400;
    src: 
        local('Archivo Black'),
        url(https://fonts.cdnfonts.com/s/15376/ArchivoBlack-Regular.woff) 
        format('woff')
} */

body {
    font-family: var(--body-font);
    /* font-family: Calibri, sans-serif !important; */
    color: var(--body-color);
    word-break: break-word;
    background-color: var(--white);
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

p {
    font-weight: 400;
    margin: 0
}

span {
    display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    font-family: var(--heading-font);
    color: hsl(var(--heading-color));
    line-height: 1.3;
    font-weight: 700
}

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 15px 0
    }
}

h1 {
    font-size: clamp(1.75rem, .1327rem + 3.3694vw, 3.5rem)
}

h2 {
    font-size: clamp(1.5rem, .3542rem + 2.6474vw, 3rem)
}

h3 {
    font-size: clamp(1.375rem, .3353rem + 2.1661vw, 2.5rem)
}

h4 {
    font-size: clamp(1.25rem, .5569rem + 1.444vw, 2rem)
}

h5 {
    font-size: clamp(1.125rem, .7784rem + .722vw, 1.5rem)
}

h6 {
    font-size: clamp(1rem, .769rem + .4813vw, 1.25rem)
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    transition: .2s linear;
    line-height: 1.3
}

a {
    display: inline-block;
    transition: .2s linear;
    text-decoration: none;
    color: var(--base)
}

a:hover {
    color: var(--base)
}

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

select {
    cursor: pointer
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none
}

button {
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

button:focus {
    outline: none;
    box-shadow: none
}

.form-select:focus {
    outline: 0;
    box-shadow: none
}

@media screen and (min-width: 425px)and (max-width: 575px) {
    .col-xsm-6 {
        width: 50%
    }
}

.section-bg {
    background-color: hsl(var(--section-bg))
}

.container {
    width: 100%;
    max-width: 100%; /* Allow the container to take up the full width */
    padding: 0 45px; /* Adjust padding as needed */
    margin: 0 auto; /* Center the container */
}

@media (max-width: 768px) {
    .container {
        padding: 0 10px; /* Smaller padding for mobile devices */
    }
}


.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 100%
}

.scroll-hide {
    position: absolute;
    overflow-y: hidden;
    padding-right: 17px;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (max-width: 991px) {
    .scroll-hide {
        padding-right: 0
    }
}

.scroll-hide-sm {
    position: absolute;
    overflow-y: hidden;
    top: 0;
    left: 0;
    width: calc(100% - 0px)
}

.body-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    transition: .2s linear;
    visibility: hidden;
    opacity: 0
}

.body-overlay.show-overlay {
    visibility: visible;
    opacity: 1
}

.sidebar-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: hsl(var(--black)/0.6);
    z-index: 99;
    transition: .2s linear;
    visibility: hidden;
    opacity: 0
}

.sidebar-overlay.show {
    visibility: visible;
    opacity: 1;
    z-index: 999
}

.fit-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flex-wrap,
.form--radio,
.form--check {
    display: flex;
    flex-wrap: wrap
}

.flex-align,
.action-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.flex-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.pa-extend,
.dashboard .sidebar-submenu-list__link::before,
.alert__link::before {
    position: absolute;
    content: ""
}

.top-center-extend,
.dashboard .sidebar-submenu-list__link::before,
.custom--accordion .accordion-button[aria-expanded=true]::after,
.custom--accordion .accordion-button[aria-expanded=false]::after {
    top: 50%;
    transform: translateY(-50%)
}

.left-center-extend {
    left: 50%;
    transform: translateX(-50%)
}

.top-left-center-extend {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fs-10 {
    font-size: .625rem
}

.fs-11,
.form--check .form-check-input:checked::before {
    font-size: .6875rem
}

.fs-12,
.badge {
    font-size: .75rem
}

.fs-13,
.dashboard .sidebar-menu-list__item.has-dropdown>a:after,
.dashboard .sidebar-menu .menu-title,
.table tbody tr td,
.customer__name {
    font-size: .8125rem
}

.form--control::-moz-placeholder {
    font-size: .875rem
}

.fs-14,
.dashboard .dashboard-widget__text,
.comment-list__reply-icon,
.user-info__button::before,
.table tbody tr td:first-child,
.table thead tr th,
.form--radio .form-check-label,
.form--check .form-check-label,
.form--control::placeholder {
    font-size: .875rem
}

.fs-15,
.dashboard .sidebar-submenu-list__link .icon,
.dashboard .sidebar-submenu-list__link,
.dashboard .sidebar-menu-list__link .icon,
.dashboard .sidebar-menu-list__link,
.comment-list__time-icon,
.language-box .select,
.user-info__name,
.user-info .user-info-dropdown__link,
.table tbody tr td::before,
.form--label,
.btn--icon {
    font-size: .9375rem
}

.fs-16,
.dashboard .dashboard-header .bd-btn,
.latest-blog__title a,
.breadcrumb__item,
.login-registration-list__icon,
.alert__title,
.btn,
p {
    font-size: 1rem
}

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

    .fs-16,
    .dashboard .dashboard-header .bd-btn,
    .latest-blog__title a,
    .breadcrumb__item,
    .login-registration-list__icon,
    .alert__title,
    .btn,
    p {
        font-size: .9375rem
    }
}

.fs-17 {
    font-size: 1.0625rem
}

@media screen and (max-width: 1199px) {
    .fs-17 {
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    .fs-17 {
        font-size: .9375rem
    }
}

.fs-18,
.user-profile-info__icon {
    font-size: 1.125rem
}

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

    .fs-18,
    .user-profile-info__icon {
        font-size: 1.0625rem
    }
}

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

    .fs-18,
    .user-profile-info__icon {
        font-size: 1rem
    }
}

.fs-20 {
    font-size: 1.25rem
}

@media screen and (max-width: 1399px) {
    .fs-20 {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .fs-20 {
        font-size: 1.0625rem
    }
}

.section-heading {
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width: 1199px) {
    .section-heading {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 991px) {
    .section-heading {
        margin-bottom: 30px
    }
}

.section-heading__title {
    position: relative;
    font-weight: 700;
    margin-bottom: 15px
}

.section-heading__desc {
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .025rem;
    text-align: center;
    padding: 0 20px;
}

.section-heading.style-left {
    text-align: left
}

.section-heading.style-left .section-heading__title::before {
    left: 0;
    transform: translateX(0)
}

.section-heading.style-left .section-heading__desc {
    margin-left: 0
}

.bg--base {
    background-color: var(--base) !important
}

.bg--primary {
    background-color: hsl(var(--primary)) !important
}

.bg--secondary {
    background-color: hsl(var(--secondary)) !important
}

.bg--success {
    background-color: hsl(var(--success)) !important
}

.bg--danger {
    background-color: hsl(var(--danger)) !important
}

.bg--warning {
    background-color: hsl(var(--warning)) !important
}

.bg--info {
    background-color: hsl(var(--info)) !important
}

.bg--dark {
    background-color: hsl(var(--dark)) !important
}

.text--base {
    color: var(--base) !important
}

.text--primary {
    color: hsl(var(--primary)) !important
}

.text--secondary {
    color: hsl(var(--secondary)) !important
}

.text--success {
    color: hsl(var(--success)) !important
}

.text--danger {
    color: hsl(var(--danger)) !important
}

.text--warning {
    color: hsl(var(--warning)) !important
}

.text--info {
    color: hsl(var(--info)) !important
}

.text--dark {
    color: hsl(var(--dark)) !important
}

.my-120 {
    margin-top: 60px;
    margin-bottom: 60px
}

@media(min-width: 576px) {
    .my-120 {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media(min-width: 992px) {
    .my-120 {
        margin-top: 120px;
        margin-bottom: 120px
    }
}

.mt-120 {
    margin-top: 60px
}

@media(min-width: 576px) {
    .mt-120 {
        margin-top: 80px
    }
}

@media(min-width: 992px) {
    .mt-120 {
        margin-top: 120px
    }
}

.mb-120 {
    margin-bottom: 60px
}

@media(min-width: 576px) {
    .mb-120 {
        margin-bottom: 80px
    }
}

@media(min-width: 992px) {
    .mb-120 {
        margin-bottom: 120px
    }
}

.my-60 {
    margin-top: 30px;
    margin-bottom: 30px
}

@media(min-width: 576px) {
    .my-60 {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media(min-width: 992px) {
    .my-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.mt-60 {
    margin-top: 30px
}

@media(min-width: 576px) {
    .mt-60 {
        margin-top: 40px
    }
}

@media(min-width: 992px) {
    .mt-60 {
        margin-top: 60px
    }
}

.mb-60 {
    margin-bottom: 30px
}

@media(min-width: 576px) {
    .mb-60 {
        margin-bottom: 40px
    }
}

@media(min-width: 992px) {
    .mb-60 {
        margin-bottom: 60px
    }
}

.py-120 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media(min-width: 576px) {
    .py-120 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media(min-width: 992px) {
    .py-120 {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.pt-120 {
    padding-top: 60px
}

@media(min-width: 576px) {
    .pt-120 {
        padding-top: 80px
    }
}

@media(min-width: 992px) {
    .pt-120 {
        padding-top: 120px
    }
}

.pb-120 {
    padding-bottom: 60px
}

@media(min-width: 576px) {
    .pb-120 {
        padding-bottom: 80px
    }
}

@media(min-width: 992px) {
    .pb-120 {
        padding-bottom: 120px
    }
}

.py-60 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media(min-width: 576px) {
    .py-60 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media(min-width: 992px) {
    .py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.pt-60 {
    padding-top: 30px
}

@media(min-width: 576px) {
    .pt-60 {
        padding-top: 40px
    }
}

@media(min-width: 992px) {
    .pt-60 {
        padding-top: 60px
    }
}

.pb-60 {
    padding-bottom: 30px
}

@media(min-width: 576px) {
    .pb-60 {
        padding-bottom: 40px
    }
}

@media(min-width: 992px) {
    .pb-60 {
        padding-bottom: 60px
    }
}

.border--base {
    border-color: var(--base) !important
}

.border--primary {
    border-color: hsl(var(--primary)) !important
}

.border--secondary {
    border-color: hsl(var(--secondary)) !important
}

.border--success {
    border-color: hsl(var(--success)) !important
}

.border--danger {
    border-color: hsl(var(--danger)) !important
}

.border--warning {
    border-color: hsl(var(--warning)) !important
}

.border--info {
    border-color: hsl(var(--info)) !important
}

.border--dark {
    border-color: hsl(var(--dark)) !important
}

.custom--accordion .accordion-item {
    border: 1px solid hsl(var(--black)/0.09);
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 5px;
    overflow: hidden
}

.custom--accordion .accordion-item {
    padding-top: 5px
}

.custom--accordion .accordion-item:not(:last-child) {
    margin-bottom: 25px;
}

.custom--accordion .accordion-header {
    line-height: 1
}

.custom--accordion .accordion-body {
    padding: 0;
}

.custom--accordion .accordion-body .text {
    max-width: 60%
}

@media screen and (max-width: 575px) {
    .custom--accordion .accordion-body .text {
        max-width: 100%
    }
}

.custom--accordion:first-of-type .accordion-button.collapsed {
    border-radius: 5px
}

.custom--accordion:last-of-type .accordion-button.collapsed {
    border-radius: 5px
}

.custom--accordion:last-of-type .accordion-button:after {
    border: 1px solid #adb5bd !important;
    border-radius: 2px;
    padding: 1px;
}

.custom--accordion .accordion-button {
    color: var(--black);
    font-family: var(--body-font);
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0px;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 2px;
}

.custom--accordion .accordion-button {
    padding: 0px;
}

@media screen and (max-width: 575px) {
    .custom--accordion .accordion-button {
        /* padding: 13px; */
        padding-right: 30px
    }
}

.custom--accordion .accordion-button::after {
    background-image: none
}

.custom--accordion .accordion-button:focus {
    box-shadow: none
}

.custom--accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: var(--white)
}

.custom--accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    color: hsl(var(--base))
}

.custom--accordion .accordion-button[aria-expanded=true]::after,
.custom--accordion .accordion-button[aria-expanded=false]::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    display: inline-block;
    position: absolute;
    right: 15px;
    height: unset
}

.custom--accordion .accordion-button[aria-expanded=false]::after {
    content: "";
    color: var(--body-color)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: none;
    background-color: none;
    border-color: none
}

.pill {
    border-radius: 40px !important
}

.btn {
    color: var(--white) !important;
    font-weight: 500;
    padding: 16px 29px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: var(--body-font);
    line-height: 1;
    transition: all linear .3s
}

@media screen and (max-width: 767px) {
    .btn {
        padding: 14px 25px;
        font-size: .875rem
    }
}

.btn:hover,
.btn:focus,
.btn:focus-visible {
    box-shadow: none !important
}

.btn--lg {
    padding: 20px 35px
}

@media screen and (max-width: 991px) {
    .btn--lg {
        padding: 18px 30px
    }
}

@media screen and (max-width: 767px) {
    .btn--lg {
        padding: 16px 25px
    }
}

.btn--sm {
    padding: 12px 16px;
    font-size: .9375rem
}

@media screen and (max-width: 767px) {
    .btn--sm {
        padding: 8px 12px
    }
}

.btn--icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0
}

.btn .icon {
    margin-left: 5px
}

.btn--base {
    background-color: var(--base) !important
}

.btn--base:hover,
.btn--base:focus .btn--base:focus-visible {
    background-color: var(--dark) !important;
    border: 1px solid var(--dark) !important
}

.btn-outline--base {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid var(--base);
    color: var(--base) !important
}

.btn-outline--base:hover,
.btn-outline--base:focus .btn-outline--base:focus-visible {
    background-color: var(--base) !important;
    color: var(--white) !important
}

.custom--card {
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    background-color: var(--white);
    border: rgba(0, 0, 0, 0)
}

.custom--card .card-header {
    padding: 12px 24px;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid hsl(var(--black)/0.1)
}

.custom--card .card-header .title {
    margin-bottom: 0
}

.custom--card .card-body {
    background-color: var(--white);
    padding: 24px;
    border-radius: 5px
}

.custom--card .card-footer {
    padding: 12px 24px;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid hsl(var(--black)/0.1)
}

.form--label {
    margin-bottom: 6px;
    color: hsl(var(--black)/0.6);
    font-weight: 500
}

.form-group {
    margin-bottom: 1rem
}

.select {
    color: var(--black)
}

.select:focus {
    border-color: var(--base);
    color: var(--black) !important
}

.select option {
    background-color: var(--black);
    color: var(--white)
}

.form--control {
    border-radius: 5px;
    font-weight: 400;
    outline: none;
    width: 100%;
    padding: 13px 24px;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid var(--black);
    color: var(--black);
    line-height: 1
}

.form--control::-moz-placeholder {
    color: hslvar(--black)
}

.form--control::placeholder {
    color: hslvar(--black)
}

.form--control:focus {
    border-color: var(--base);
    box-shadow: none
}

.form--control:disabled,
.form--control[readonly] {
    background-color: var(--black);
    opacity: 1;
    border: 0
}

.form--control[type=password] {
    color: var(--black)
}

.form--control[type=password]:focus {
    color: var(--black)
}

.form--control[type=file] {
    line-height: 50px;
    padding: 0;
    position: relative
}

.form--control[type=file]::file-selector-button {
    border: 1px solid var(--black);
    padding: 4px 6px;
    border-radius: .2em;
    background-color: var(--base) !important;
    transition: .2s linear;
    line-height: 25px;
    position: relative;
    margin-left: 15px;
    color: hsl(var(--body-color)) !important
}

.form--control[type=file]::file-selector-button:hover {
    background-color: var(--base);
    border: 1px solid hsl(var(--base));
    color: hsl(var(--black))
}

textarea.form--control {
    height: 130px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}



.input--group {
    position: relative
}

input#your-password,
input#confirm-password {
    padding-right: 50px
}

.password-show-hide {
    position: absolute;
    right: 20px;
    z-index: 5;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    color: var(--black)
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.form--check a {
    display: inline
}

.form--check .form-check-input {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none !important;
    border: 0;
    position: relative;
    border-radius: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid hsl(var(--black)/0.2);
    cursor: pointer
}

.form--check .form-check-input:checked {
    background-color: var(--base) !important;
    border-color: var(--base) !important;
    box-shadow: none
}

.form--check .form-check-input:checked[type=checkbox] {
    background-image: none
}

.form--check .form-check-input:checked::before {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.form--check .form-check-label {
    font-weight: 600;
    width: calc(100% - 16px);
    padding-left: 12px;
    cursor: pointer
}

@media screen and (max-width: 424px) {
    .form--check label {
        font-size: .9375rem
    }
}

@media screen and (max-width: 424px) {
    .form--check a {
        font-size: .9375rem
    }
}

.form--radio .form-check-input {
    box-shadow: none;
    border: 1px solid var(--black);
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 16px;
    height: 16px
}

.form--radio .form-check-input:active {
    filter: brightness(100%)
}

.form--radio .form-check-input:checked {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--base)
}

.form--radio .form-check-input:checked[type=radio] {
    background-image: none
}

.form--radio .form-check-input:checked::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: var(--base);
    border-radius: 50%;
    z-index: 999
}

.form--radio .form-check-label {
    font-weight: 600;
    width: calc(100% - 16px);
    padding-left: 12px;
    cursor: pointer
}

.form--switch .form-check-input {
    border-radius: 3px;
    background-image: none;
    position: relative;
    box-shadow: none;
    border: 0;
    background-color: --black !important;
    padding: 10px !important;
    margin-left: 0;
    margin-bottom: 5px;
    border-radius: 40px;
    width: 70px;
    height: 38px;
    cursor: pointer
}

.form--switch .form-check-input:focus {
    border-radius: 40px;
    background-image: none;
    position: relative;
    box-shadow: none;
    border: 0
}

.form--switch .form-check-input::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    background-color: var(--white);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
    left: 5px;
    border-radius: 50%;
    transition: .2s linear
}

.form--switch .form-check-input:checked {
    background-color: var(--base) !important
}

.form--switch .form-check-input:checked::before {
    left: calc(100% - 33px);
    background-color: var(--white) !important
}

.form--switch .form-check-input:checked[type=checkbox] {
    background-image: none
}

.form--switch .form-check-label {
    width: calc(100% - 14px);
    padding-left: 5px;
    cursor: pointer
}

.custom--modal.modal {
    background-color: hsl(var(--black)/0.45)
}

.custom--modal .modal-header,
.custom--modal .modal-footer {
    border-bottom: 1px solid hsl(var(--border-color));
    padding: 16px
}

.custom--modal .modal-content {
    background-color: #ffffff !important;
    border-radius: 10px !important
}

.custom--modal .btn-close {
    transition: .2s linear
}

.custom--modal .btn-close:focus {
    box-shadow: none
}

.custom--modal .btn-close:hover {
    background-color: hsl(var(--black)/0.08);
    border-radius: 50%
}

.custom--modal .modal-body {
    padding: 16px;
    background-size: 10px
}

.custom--modal .modal-icon i {
    font-size: 2rem;
    color: hsl(var(--base));
    border: 3px solid hsl(var(--base));
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.custom--modal .modal-footer {
    border-top: 1px solid hsl(var(--border-color))
}

.pagination {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 56px
}

@media screen and (max-width: 1199px) {
    .pagination {
        margin-top: 48px
    }
}

@media screen and (max-width: 991px) {
    .pagination {
        margin-top: 40px
    }
}

@media screen and (max-width: 767px) {
    .pagination {
        margin-top: 32px
    }
}

.pagination .page-item.active .page-link {
    background-color: var(--base);
    color: var(--white);
    border-color: var(--base)
}

.pagination .page-item .page-link {
    border: 1px solid rgba(0, 0, 0, .251);
    margin: 0 5px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 500;
    padding: 0;
    color: var(--body-color)
}

.pagination .page-item .page-link:hover {
    background-color: var(--base);
    color: var(--white);
    border-color: var(--base)
}

.pagination .page-item .page-link:focus {
    box-shadow: none
}

@media screen and (max-width: 374px) {
    .customer {
        display: block;
        text-align: left
    }
}

.customer__thumb {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width: 374px) {
    .customer__thumb {
        margin-left: auto
    }
}

.customer__content {
    width: calc(100% - 35px);
    padding-left: 15px;
    text-align: left
}

@media screen and (max-width: 424px) {
    .customer__content {
        padding-left: 8px
    }
}

@media screen and (max-width: 374px) {
    .customer__content {
        width: 100%;
        padding-left: 0px;
        padding-top: 5px
    }
}

.customer__name {
    margin-bottom: 0;
    color: hsl(var(--black)/0.7)
}

.action-buttons {
    gap: 10px;
    justify-content: flex-end
}

.action-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.edit-btn {
    color: hsl(var(--info));
    background-color: hsl(var(--info)/0.08)
}

.delete-btn {
    color: hsl(var(--danger));
    background-color: hsl(var(--danger)/0.08)
}

.table {
    margin: 0;
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0px 0px
}

.table thead tr th {
    background-color: var(--white);
    text-align: center;
    padding: 15px 20px;
    color: hsl(var(--black)/0.7);
    font-family: var(--heading-font);
    font-weight: 600;
    border-bottom: 0;
    max-width: 170px;
    border: 1px solid hsl(var(--black)/0.08);
    background-color: hsl(var(--base)/0.03)
}

.table thead tr th:not(:first-child) {
    border-left: 0
}

.table thead tr th:first-child {
    text-align: left;
    border-radius: 6px 0 0 0
}

.table thead tr th:last-child {
    border-radius: 0 6px 0 0;
    text-align: right
}

.table thead tr th:nth-child(2) {
    text-align: left
}

.table tbody {
    border: 0 !important;
    background-color: var(--white)
}

.table tbody tr {
    border-bottom: 1px solid hsl(var(--black)/0.08)
}

.table tbody tr:last-child {
    border-bottom: 0
}

.table tbody tr:last-child td {
    border-bottom: 1px solid hsl(var(--black)/0.08)
}

.table tbody tr:last-child td:first-child {
    border-radius: 0px 0 0 6px
}

.table tbody tr:last-child td:last-child {
    border-radius: 0 0px 6px 0
}

.table tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 15px;
    border-width: 1px;
    border: 0;
    font-family: var(--heading-font);
    color: hsl(var(--black)/0.7);
    font-weight: 500;
    max-width: 170px;
    border-bottom: 1px solid hsl(var(--black)/0.08);
    border-right: 1px solid hsl(var(--black)/0.08)
}

.table tbody tr td::before {
    content: attr(data-label);
    font-family: var(--heading-font);
    color: var(--black);
    font-weight: 500;
    display: none;
    width: 45% !important;
    text-align: left
}

.table tbody tr td:first-child {
    text-align: left;
    border-left: 1px solid hsl(var(--black)/0.08)
}

.table tbody tr td:last-child {
    text-align: right;
    border-right: 1px solid hsl(var(--black)/0.08)
}

@media screen and (max-width: 767px) {
    .table--responsive--md thead {
        display: none
    }

    .table--responsive--md tbody tr {
        display: block
    }

    .table--responsive--md tbody tr:last-child td {
        border-bottom: 0
    }

    .table--responsive--md tbody tr td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 15px;
        border: none;
        border-bottom: 1px solid hsl(var(--black)/0.8);
        max-width: unset
    }

    .table--responsive--md tbody tr td:last-child {
        border: none
    }

    .table--responsive--md tbody tr td:first-child {
        text-align: right;
        border-left: 0
    }

    .table--responsive--md tbody tr td::before {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .table--responsive--md tbody tr td {
        border: 0
    }
}

@media screen and (max-width: 991px) {
    .table--responsive--lg thead {
        display: none
    }

    .table--responsive--lg tbody tr {
        display: block
    }

    .table--responsive--lg tbody tr:nth-child(even) {
        background-color: hsl(var(--black)/0.02)
    }

    .table--responsive--lg tbody tr:last-child td {
        border-bottom: 0
    }

    .table--responsive--lg tbody tr td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 15px;
        border: none;
        border-bottom: 1px solid hsl(var(--black)/0.08);
        max-width: unset
    }

    .table--responsive--lg tbody tr td:last-child {
        border: none
    }

    .table--responsive--lg tbody tr td:first-child {
        text-align: right;
        border-left: 0
    }

    .table--responsive--lg tbody tr td::before {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .table--responsive--lg tbody tr td {
        border: none
    }
}

@media screen and (max-width: 1199px) {
    .table--responsive--xl thead {
        display: none
    }

    .table--responsive--xl tbody tr {
        display: block
    }

    .table--responsive--xl tbody tr:nth-child(even) {
        background-color: hsl(var(--black)/0.02)
    }

    .table--responsive--xl tbody tr td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 15px;
        border: none;
        border-bottom: 1px solid hsl(var(--black)/0.08);
        max-width: unset
    }

    .table--responsive--xl tbody tr td:last-child {
        border: none
    }

    .table--responsive--xl tbody tr td:first-child {
        text-align: right;
        border-left: 0
    }

    .table--responsive--xl tbody tr td::before {
        display: block
    }
}

@media screen and (max-width: 1199px) {
    .table--responsive--xl tbody tr td {
        border: 0
    }
}

@media screen and (max-width: 1399px) {
    .table--responsive--xxl thead {
        display: none
    }

    .table--responsive--xxl tbody tr {
        display: block
    }

    .table--responsive--xxl tbody tr:last-child td {
        border-bottom: 0
    }

    .table--responsive--xxl tbody tr td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        text-align: right;
        padding: 10px 15px;
        border: none;
        border-bottom: 1px solid hsl(var(--black)/0.08);
        max-width: unset
    }

    .table--responsive--xxl tbody tr td:last-child {
        border: none
    }

    .table--responsive--xxl tbody tr td:first-child {
        text-align: right;
        border-left: 0
    }

    .table--responsive--xxl tbody tr td::before {
        display: block
    }
}

@media screen and (max-width: 1399px) {
    .table--responsive--xxl tbody tr td {
        border: 0
    }
}

.custom--tab {
    justify-content: center;
    border-radius: 6px;
    margin-bottom: 40px !important
}

.custom--tab .nav-item {
    border-bottom: 0;
    padding: 5px
}

.custom--tab .nav-item .nav-link {
    color: var(--white);
    padding: 8px 25px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 5px;
    transition: .4s;
    border: 1px solid hsl(var(--black)/0.08) !important
}

@media screen and (max-width: 1199px) {
    .custom--tab .nav-item .nav-link {
        padding: 12px 15px !important
    }
}

.custom--tab .nav-item .nav-link.active {
    color: var(--white);
    background-color: hsl(var(--base-d-200)) !important;
    border: 1px solid rgba(0, 0, 0, 0) !important
}

.custom--tab .nav-item .nav-link.active:hover {
    color: var(--white)
}

.custom--tab .nav-item .nav-link:hover {
    color: hsl(var(--base))
}

.badge {
    border-radius: 5px;
    padding: 8px 10px;
    font-weight: 500;
    position: relative;
    text-align: center
}

.badge--base {
    background-color: hsl(var(--base)/0.15) !important;
    color: var(--base) !important
}

.badge--primary {
    background-color: hsl(var(--primary)/0.15) !important;
    color: hsl(var(--primary)) !important
}

.badge--secondary {
    background-color: hsl(var(--secondary)/0.15) !important;
    color: hsl(var(--secondary)) !important
}

.badge--success {
    background-color: hsl(var(--success)/0.15) !important;
    color: hsl(var(--success)) !important
}

.badge--danger {
    background-color: hsl(var(--danger)/0.15) !important;
    color: hsl(var(--danger)) !important
}

.badge--warning {
    background-color: hsl(var(--warning)/0.15) !important;
    color: hsl(var(--warning)) !important
}

.badge--info {
    background-color: hsl(var(--info)/0.15) !important;
    color: hsl(var(--info)) !important
}

.badge--dark {
    background-color: hsl(var(--dark)/0.15) !important;
    color: hsl(var(--dark)) !important
}

.alert {
    margin-bottom: 0;
    background-color: var(--white) !important;
    font-weight: 400;
    padding: 17px 24px;
    border-radius: 5px
}

@media screen and (max-width: 991px) {
    .alert {
        padding: 16px
    }
}

@media screen and (max-width: 575px) {
    .alert {
        padding: 12px
    }
}

.alert__icon {
    font-size: 1.5rem;
    line-height: 1
}

.alert__content {
    width: calc(100% - 24px);
    padding-left: 32px
}

@media screen and (max-width: 991px) {
    .alert__content {
        padding-left: 16px
    }
}

@media screen and (max-width: 575px) {
    .alert__content {
        padding-left: 0;
        width: 100%;
        margin-top: 6px
    }
}

.alert__title {
    color: hsl(var(--base-two)/0.8);
    font-weight: 600;
    font-family: var(--heading-font);
    margin-bottom: 6px
}

.alert__desc {
    color: hsl(var(--base-two)/0.5);
    display: block;
    line-height: 1.375
}

@media screen and (max-width: 424px) {
    .alert__desc {
        font-size: .8125rem
    }
}

.alert__link {
    position: relative
}

.alert__link:hover::before {
    visibility: visible;
    opacity: 1;
    bottom: 0
}

.alert__link::before {
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: var(--base);
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out
}

.alert--base {
    border-color: hsl(var(--base)/0.6)
}

.alert--base .alert__icon {
    color: hsl(var(--base))
}

.alert--primary {
    border-color: hsl(var(--primary)/0.6)
}

.alert--primary .alert__icon {
    color: hsl(var(--primary))
}

.alert--success {
    border-color: hsl(var(--success)/0.6)
}

.alert--success .alert__icon {
    color: hsl(var(--success))
}

.alert--info {
    border-color: hsl(var(--info)/0.6)
}

.alert--info .alert__icon {
    color: hsl(var(--info))
}

.alert--danger {
    border-color: hsl(var(--danger)/0.6)
}

.alert--danger .alert__icon {
    color: hsl(var(--danger))
}

.alert--warning {
    border-color: hsl(var(--warning)/0.6)
}

.alert--warning .alert__icon {
    color: hsl(var(--warning))
}

.alert--secondary {
    border-color: hsl(var(--secondary)/0.6)
}

.alert--secondary .alert__icon {
    color: hsl(var(--secondary))
}

.alert--dark {
    border-color: hsl(var(--dark)/0.6)
}

.alert--dark .alert__icon {
    color: hsl(var(--dark))
}

.preloader {
    position: fixed;
    z-index: 999999;
    background-color: #f8f9fa;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes load-loop {
    0% {
      background-position: 100%;
    }
  
    40% {
      background-position: 50%;
    }
  
    50% {
      background-position: 50%;
    }
  
    90% {
      background-position: 0%;
    }
  
    100% {
      background-position: 0%;
    }
  }
  
  .loader {
    position: relative;
    font-family: sans-serif;
    display: flex;
    height: auto;
    width: auto;
    letter-spacing: 3px;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    font-size: 1.45em;
    color: transparent;
    background: linear-gradient(to right,#fff 33.3%, var(--base) 33.3%, var(--base) 66.6%, #fff 66.6%) no-repeat;
    background-size: 300%;
    background-position: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: infinite 1.4s load-loop ease;
  }
  
  .loader::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: linear-gradient(to right,var(--base) 33.3%, transparent 33.3% , transparent 66.6%, var(--base) 66.6%) no-repeat;
    background-size: 300%;
    background-position: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: infinite 1.4s load-loop ease;
  }

/* .loader-p {
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px)
}

.loader-p:before,
.loader-p:after {
    content: "";
    border: 1em solid var(--base);
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader 2s linear infinite;
    opacity: 0
}

.loader-p:before {
    animation-delay: .5s
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
} */

/* spinner */
.spinner {
    width: 56px;
    height: 56px;
    display: grid;
    border: 4.5px solid #0000;
    border-radius: 50%;
    border-color: #dbdcef #0000;
    animation: spinner-e04l1k 1s infinite linear;
  }
  
  .spinner::before,
  .spinner::after {
    content: "";
    grid-area: 1/1;
    margin: 2.2px;
    border: inherit;
    border-radius: 50%;
  }
  
  .spinner::before {
    border-color: #474bff #0000;
    animation: inherit;
    animation-duration: 0.5s;
    animation-direction: reverse;
  }
  
  .spinner::after {
    margin: 8.9px;
  }
  
  @keyframes spinner-e04l1k {
    100% {
      transform: rotate(1turn);
    }
  }

.header-toggle .icon {
    font-size: 28px;
    color: var(--dark);
    cursor: pointer
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0
}

.navbar-brand.logo img {
    width: 300px;
}


@media(max-width: 1200px) {
    .header_nav {
        position: fixed;
        height: 100vh;
        overflow-y: auto;
        top: 0;
        left: -100%;
        transition: all linear .3s;
        width: 280px;
        background-color: #fff;
        z-index: 999;
        padding: 20px 30px
    }

    .header_nav.active {
        left: 0
    }

    .cross_btn {
        height: 36px;
        width: 36px;
        margin-bottom: 14px;
        margin-left: auto;
        border-radius: 50%;
        background-color: var(--base);
        display: grid;
        place-content: center;
        font-size: 18px;
        color: #fff
    }

    .header_nav_list {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important
    }
}

.header_nav_list {
    display: flex;
    align-items: center;
    gap: 16px
}

.header_nav_list li a {
    display: block;
    color: #000
}

.header {
    position: relative;
    z-index: 9
}

.header .navbar {
    border-top: 1px solid #f1f1f1;
    
}

.header.fixed-header {
    background: var(--white);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
    position: sticky;
    transition: .3s linear;
    top: -1px;
    animation: slide-down .8s;
    width: 100%;
    z-index: 1024;
    color:#fff;
}



.header-contact .icon{
    font-size: 20px;
    cursor: pointer;
    color: var(--dark);
    font-weight: 300 !important;
    stroke-width: 1;
}


.header  .navbar-nav {
    gap: 30px;
}



.header .nav-link {
    font-family: var(--heading-font);
    color: #080808;
    padding: 18px 0 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    letter-spacing: .0235rem;
    position: relative;
    text-transform: uppercase;
}

.header .nav-link:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 0;
    height: 2px;
    background-color: var(--base);
    transition: width .2s;
}

.header .nav-link:hover:before{
    width: 100% !important;
}

.header .dropdown-toggle::after {
    color: #ccc !important;
    /* display: none; */
    background: transparent;
}




.header .navbar-nav .dropdown-menu {
    padding: 10px;
    box-shadow: 0 5px 10px 2px rgba(0,0,0,0.08);
    border-radius: 0 0 0.325rem 0.325rem !important; 
}

.header .navbar-nav .dropdown-menu li { 
    padding: 0.35rem 0;
}

.header .navbar-nav .dropdown-item {
    font-family: var(--heading-font);
    font-size: 0.85rem;
    letter-spacing: .0235rem;
    font-weight: 400 !important;
    color: #080808;
    padding: 4px 0;
    display: inline;
    transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}


.header .navbar-nav .dropdown-item:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--base);
    transition: width .2s;
}

.header .navbar-nav .dropdown-item:hover:after{
    width: 100%;
}


.header .navbar-nav .dropdown-item:focus,
.header .navbar-nav .dropdown-item:hover {
    color: #c8ad80;
    background-color: transparent !important;
}


@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-150%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.header-top {
    padding: 0px;
    position: relative;
    z-index: 9;
    
}

.top_nav {
    margin-bottom: 24px
}

@media screen and (max-width: 575px) {
    .top_nav {
        margin-bottom: 12px
    }
}

.top_nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px
}

@media screen and (max-width: 575px) {
    .top_nav ul {
        gap: 8px
    }
}

.top_nav ul a {
    color: var(--dark);
    font-size: 14px
}

.top_nav ul span {
    color: var(--dark);
    font-size: 14px;
    font-weight: 500
}

.top-contact {
    text-align: right
}

.top-contact li a {
    font-size: clamp(1.125rem, 0.364rem + 1.585vw, 1.75rem);
    color: var(--black)
}

.top-contact li strong {
    font-size: clamp(1.375rem, 0.614rem + 1.585vw, 2rem)
}

.header-contact {
    display: flex;
    align-items: center;
    gap: 16px
}

.header-contact .user-info-dropdown__link .icon {
    font-size: 24px;
    cursor: pointer;
    display: flex;
    color: var(--dark) !important;
}

.header-contact .wishlist {
    position: relative
}

.header-contact .wishlist__count {
    position: absolute;
    height: 16px;
    width: 16px;
    background-color: var(--base);
    color: var(--white);
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 10px;
    top: -2px;
    right: -7px
}

.header-search {
    position: relative
}

.header-search__wrapper {
    position: absolute;
    z-index: 9999;
    width: 360px;
    right: 0px;
    top: 43px;
    background-color: var(--white);
    padding: 0px;
    border-radius: 3px;
    transition: all .5s ease;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    visibility: invisible;
    opacity: 0;
    /* transform: translateY(-10px); */
    overflow: hidden;
    height: 0px;
}

.header-search__wrapper.show {
    visibility: visible;
    opacity: 1;
    /* transform: translateY(0); */
    height: auto;
    padding: 10px;
}

.search_inner {
    height: 40px;
    position: relative
}

.search_inner .form--control {
    height: 100%;
    border: 1px solid var(--base);
    color: var(--dark);
    padding: 0px 15px;
    padding-right: 36px
}

.search_inner .form--control::-moz-placeholder {
    color: var(--light)
}

.search_inner .form--control::placeholder {
    color: var(--light)
}

.search_inner__button {
    color: var(--base);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 36px;
    font-size: 20px
}

.request__product_show {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.request__product_show  ul li a {
    display: flex;
    gap: 6px;
}

.user-info {
    position: relative;
    text-align: center
}

.user-info__button {
    position: relative;
    /* padding-right: 20px */
    color: var(--dark);
}

.user-info__button::before {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--black);
    pointer-events: none;
    display: none;
}

.user-info__name {
    color: var(--black)
}

.user-info .user-info-dropdown {
    border-radius: 10px;
    overflow: hidden;
    transition: .25s linear;
    background-color: var(--white);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, .1);
    width: 200px;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 100%;
    margin-top: 15px;
    padding: 10px 15px;
    transform: scale(0.95);
    visibility: hidden;
    opacity: 0;
    border: 1px solid hsl(var(--black)/0.15)
}

.user-info .user-info-dropdown.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

@media screen and (max-width: 991px) {
    .user-info .user-info-dropdown {
        transform: unset !important;
        top: 43px !important
    }
}

.user-info .user-info-dropdown__item:last-child .user-info-dropdown__link {
    border-bottom: 0 !important
}

.user-info .user-info-dropdown__link {
    padding: 8px 4px !important;
    color: #5d7387 !important;
    margin-left: 0 !important;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-info .user-info-dropdown__link.active {
    background-color: var(--base)
}

.user-info .user-info-dropdown__link:hover {
    background-color: hsl(var(--base)/0.08);
    color: var(--base) !important
}

.user-info .user-info-dropdown__link .text {
    text-align: left;
}

.user-info__thumb {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dddddd42;
}

.user-info .user-info-dropdown__link i {
    font-size: 16px;
    color: inherit;
}

.user-info__name {
    color: var(--black);
    margin-left: 10px
}

.top-header-wrapper {
    padding: 4px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 575px) {
    .top-header-wrapper {
        justify-content: flex-start;
        flex-direction: column
    }

    .top-header-wrapper .top-contact {
        text-align: center
    }
}

.login-registration-list {
    margin: 0 -10px;
    padding-right: 20px
}

@media screen and (max-width: 991px) {
    .login-registration-list {
        padding-right: 0
    }
}

.login-registration-list__item {
    color: var(--white);
    padding: 0 10px;
    position: relative
}

.login-registration-list__item:last-child::before {
    display: none
}

.login-registration-list__item::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: hsl(var(--white)/0.5)
}

.login-registration-list__icon {
    color: hsl(var(--base));
    margin-right: 10px
}

.login-registration-list__link {
    color: var(--white);
    font-weight: 400;
    font-family: var(--body-font)
}

@media screen and (max-width: 575px) {
    .login-registration-list__link {
        font-size: .9375rem
    }
}

.login-registration-list__link:hover {
    color: hsl(var(--base))
}

.login-registration-list__link:hover .login-registration-list__icon {
    color: var(--white)
}

@media screen and (max-width: 991px) {
    .login-registration-list__link:hover {
        color: hsl(var(--base))
    }
}

.language-box {
    display: flex;
    align-items: center;
    position: relative
}

.language-box .select {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid hsl(var(--white)/0.4);
    padding: 5px 8px;
    font-weight: 400;
    border-radius: 5px
}

.language-box .select option {
    background-color: var(--black)
}

.footer-area {
    background-color: #5b845a;
    margin-top: auto
}

.footer-area.bg-img {
    background-size: contain;
    background-position: top center
}

.footer-item__logo {
    text-align: center
}

.footer-item__logo a img {
    width: 100%;
    height: 100%;
    max-width: 390px;
    max-height: 64px
}

.footer-item__desc {
    color: silver
}

.footer-item__title {
    color: var(--white);
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative
}

.footer-item__title::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    left: 0;
    bottom: -2px;
    background-color: var(--base)
}

.footer-item .social-list {
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .footer-item .social-list {
        margin-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .footer-item .social-list {
        margin-top: 15px
    }
}

.footer-menu {
    display: flex;
    flex-direction: column
}

.footer-menu__item {
    display: block;
    padding-bottom: 16px
}

.footer-menu__item:last-child {
    padding-bottom: 0
}

.footer-menu__link {
    color: rgb(0, 0, 0)
}

.footer-menu__link:hover {
    color: var(--base);
    text-decoration: underline
}

.footer-contact-menu__item {
    display: flex;
    padding-bottom: 12px;
    color: rgb(0, 0, 0)
}

.footer-contact-menu__item:last-child {
    padding-bottom: 0
}

.footer-contact-menu__item-icon {
    width: 15px;
    color: var(--base);
    font-size: 1.25rem
}

.footer-contact-menu__item-content {
    width: calc(100% - 15px);
    padding-left: 15px
}



.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    transform: scale(0);
    transition: transform 0.5s, background-color 0.3s;
    background: linear-gradient(135deg, #c8ad80, #352e2e); /* Dark gradient from #c8ad80 to black */
    color: var(--white);
}

.scroll-top:hover {
    background: linear-gradient(135deg, #000000, #c8ad80); /* Reverse gradient on hover */
    color: var(--white);
}


.scroll-top:hover {
    color: var(--white);
    background-color: var(--base)
}

.scroll-top.show {
    transform: scale(1)
}

::-moz-selection {
    color: var(--white);
    background: #A4B186;
}

::selection {
    color: var(--white);
    background: #A4B186;
}

.social-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.social-list__item {
    margin-right: 10px
}

.social-list__item:last-child {
    margin-right: 0
}

.social-list__link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: .3s;
    cursor: pointer;
    color: var(--white);
    background-color: hsl(var(--white)/0.15)
}

.social-list__link.active,
.social-list__link:hover,
.social-list__link:focus {
    background-color: var(--base);
    color: var(--white) !important;
    border-color: var(--base) !important
}

@media screen and (max-width: 767px) {
    .social-list__link {
        width: 35px;
        height: 35px;
        font-size: .875rem
    }
}

.breadcrumb {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    background-color: #ddd
}



.breadcrumb::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: hsl(var(--white)/0.1);
    width: 100%;
    height: 100%;
    z-index: -1
}

.breadcrumb__wrapper {
    text-align: center
}

.breadcrumb__title {
    margin-bottom: 10px;
    color: var(--black)
}

.breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.breadcrumb__item {
    color: var(--black);
    padding: 0 5px;
    font-weight: 400
}

.breadcrumb__item .fa-chevron-right{
    font-size: 11px;
    color: var(--base);
}

.breadcrumb__item-text {
    color: hsl(var(--base))
}

.breadcrumb__link {
    color: var(--black);
    font-weight: 500
}

.breadcrumb__link:hover {
    color: hsl(var(--base))
}

.category-title {
    color: #151515;
    line-height: 1.28;
    font-size: 1.5rem;
    letter-spacing: .0235em;
    text-transform: uppercase;
    font-weight: bold;
}

.rating-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rating-list__item {
    padding: 0 1px;
    color: #FF9843;
    font-size: 12px;
}

.testimonial-item__rating .review-text {
    color: #3a414e;
    font-weight: 500;
    font-size: 1.1rem;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rating-list__text {
    color: var(--body-color)
}

.carousel-testimonial:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.owl-carousel .owl-nav {
    opacity: 1;
    visibility: visible;
    trnasition: all 0.5s ease;
}

@media (min-width: 786px) {
    .owl-carousel .owl-nav {
        opacity: 0;
        visibility: invisible;
    }
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    padding: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: none;
    width: 32px !important;
    height: 34px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 5px !important;
    transition: all .4s !important;
    background-color: rgba(0, 0, 0, .5) !important;
    color: var(--white) !important;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0px;
}
.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
}

.owl-carousel .owl-nav button span {
    display: block !important;
    font-size: 34px !important;
    line-height: 0.6 !important;
}

.blog-sidebar-wrapper {
    position: sticky;
    top: 100px
}

.search-box {
    position: relative
}

.search-box__button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: hsl(var(--base))
}

.blog-sidebar {
    background-color: var(--black);
    padding: 30px 20px;
    border-radius: 5px;
    margin-bottom: 30px
}

.blog-sidebar:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width: 575px) {
    .blog-sidebar {
        padding: 20px 15px
    }
}

.blog-sidebar__title {
    position: relative;
    padding-bottom: 10px;
    color: var(--black)
}

.blog-sidebar__title::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background-color: var(--base);
    left: 0;
    bottom: 0px
}

.text-list.style-category .text-list__item {
    border-bottom: 1px dashed hsl(var(--black)/0.2)
}

.text-list.style-category .text-list__item:last-child {
    border-bottom: 0
}

.text-list.style-category .text-list__link {
    color: var(--black)
}

.text-list.style-category .text-list__link:hover {
    color: hsl(var(--base))
}

.text-list.style-tag {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -7px
}

.text-list.style-tag .text-list__item {
    padding: 7px
}

.text-list.style-tag .text-list__link {
    color: var(--black);
    border: 1px solid hsl(var(--black)/0.08);
    padding: 6px 20px;
    border-radius: 3px
}

.text-list.style-tag .text-list__link.active {
    background-color: var(--base);
    border-color: var(--base);
    color: var(--white)
}

.text-list.style-tag .text-list__link:hover {
    background-color: var(--base);
    border-color: var(--base);
    color: var(--white)
}

.latest-blog {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsl(var(--black)/0.1)
}

.latest-blog:last-of-type {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0
}

.latest-blog__thumb {
    width: 80px;
    max-height: 80px;
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (max-width: 424px) {
    .latest-blog__thumb {
        width: 60px
    }
}

.latest-blog__thumb a {
    display: block;
    height: 100%;
    width: 100%
}

.latest-blog__content {
    width: calc(100% - 80px);
    padding-left: 15px
}

@media screen and (max-width: 424px) {
    .latest-blog__content {
        width: calc(100% - 60px)
    }
}

.latest-blog__title {
    margin-bottom: 5px
}

.latest-blog__title a {
    color: hsl(var(--heading-color));
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.latest-blog__title a:hover {
    color: hsl(var(--base))
}

.comment-list__item:last-child .comment-list__content {
    border-bottom: none
}

.comment-list__thumb {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .comment-list__thumb {
        width: 60px;
        height: 60px
    }
}

.comment-list__content {
    width: calc(100% - 80px);
    padding-left: 15px;
    border-bottom: 1px solid hsl(var(--black)/0.1);
    padding-bottom: 30px;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .comment-list__content {
        width: calc(100% - 60px);
        padding-bottom: 25px;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 575px) {
    .comment-list__content {
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        padding-left: 0;
        margin-top: 15px
    }
}

.comment-list__name {
    margin-bottom: 5px;
    color: hsl(var(--black))
}

.comment-list__time {
    margin-bottom: 15px
}

.comment-list__time-icon {
    color: hsl(var(--base));
    margin-right: 5px
}

.comment-list__reply {
    margin-top: 10px;
    display: inline-block
}

.comment-list__reply-text {
    color: hsl(var(--black));
    font-weight: 400
}

.comment-list__reply:hover .comment-list__reply-icon {
    color: hsl(var(--base))
}

.comment-list__reply-icon {
    transform: scaleX(-1);
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .comment-list__reply-icon {
        font-size: .75rem
    }
}

.comment-list .comment-list {
    margin-left: 70px
}

.comment-list .comment-list.style-right .comment-list__item:last-child .comment-list__content {
    border-bottom: 1px solid hsl(var(--black)/0.1)
}

@media screen and (max-width: 575px) {
    .comment-list .comment-list {
        margin-left: 40px
    }
}

.dashboard .sidebar-logo {
    text-align: center;
    margin: 24px 0
}

@media screen and (max-width: 991px) {
    .dashboard .sidebar-logo {
        margin-top: 32px
    }
}

.dashboard .sidebar-logo img {
    max-width: 170px;
    max-height: 60px
}

.dashboard .sidebar-menu {
    height: 100vh;
    background-color: var(--white);
    overflow-y: auto;
    z-index: 999;
    transition: .2s linear;
    width: 300px;
    border-radius: 0;
    position: fixed;
    left: 0;
    top: 0;
    align-items: start;
    flex-direction: row
}

.dashboard .sidebar-menu::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.dashboard .sidebar-menu::-webkit-scrollbar-thumb {
    background-color: hsl(var(--black)/0.15)
}

.dashboard .sidebar-menu__inner {
    padding: 0 24px;
    width: 100%
}

.dashboard .sidebar-menu.show-sidebar {
    transform: translateX(0)
}

@media screen and (max-width: 991px) {
    .dashboard .sidebar-menu {
        transform: translateX(-100%);
        z-index: 9992;
        border-radius: 0
    }
}

.dashboard .sidebar-menu__close {
    position: absolute;
    top: 8px;
    right: 16px;
    color: var(--body-color);
    font-size: 1.25rem;
    transition: .2s linear;
    cursor: pointer;
    z-index: 9
}

.dashboard .sidebar-menu__close:active {
    top: 14px
}

.dashboard .sidebar-menu__close:hover,
.dashboard .sidebar-menu__close:focus {
    background-color: var(--white);
    border-color: var(--white);
    color: hsl(var(--base))
}

.dashboard .sidebar-menu .menu-title {
    letter-spacing: .9px;
    padding: 12px 15px;
    color: #9da9b5;
    font-weight: 600
}

.dashboard .sidebar-menu hr {
    opacity: .15
}

.dashboard .sidebar-menu-list {
    margin-top: 40px
}

.dashboard .sidebar-menu-list__item {
    margin-bottom: 6px
}

.dashboard .sidebar-menu-list__item:last-child .sidebar-menu-list__link {
    border-bottom: 0
}

.dashboard .sidebar-menu-list__item.active>a {
    background-color: hsl(var(--base)/0.1);
    color: hsl(var(--base))
}

.dashboard .sidebar-menu-list__item.has-dropdown.active>a {
    color: hsl(var(--base))
}

.dashboard .sidebar-menu-list__item.has-dropdown.active>a:after {
    transform: rotate(90deg);
    right: 18px;
    color: hsl(var(--base))
}

.dashboard .sidebar-menu-list__item.has-dropdown>a:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    text-align: center;
    background: 0 0;
    right: 16px;
    top: 14px;
    transition: .1s linear;
    color: hsl(var(--body-color)/0.6)
}

.dashboard .sidebar-menu-list__link {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: 12px 15px;
    width: 100%;
    color: #6b717e;
    font-weight: 500;
    border-radius: 5px
}

.dashboard .sidebar-menu-list__link:hover {
    background-color: hsl(var(--base)/0.06)
}

.dashboard .sidebar-menu-list__link.active {
    color: hsl(var(--base))
}

.dashboard .sidebar-menu-list__link .icon {
    margin-right: 8px;
    text-align: center;
    border-radius: 4px
}

.dashboard .sidebar-submenu {
    display: none
}

.dashboard .sidebar-submenu.open-submenu {
    display: block
}

.dashboard .sidebar-submenu-list {
    padding: 5px 0
}

.dashboard .sidebar-submenu-list__item {
    margin-bottom: 6px
}

.dashboard .sidebar-submenu-list__item.active>a {
    color: hsl(var(--base));
    background-color: hsl(var(--base)/0.06)
}

.dashboard .sidebar-submenu-list__link {
    padding: 12px 15px;
    display: block;
    color: var(--body-color);
    color: #6b717e;
    font-weight: 500;
    margin-left: 20px;
    border-radius: 5px;
    position: relative;
    padding-left: 25px
}

.dashboard .sidebar-submenu-list__link::before {
    left: 10px;
    width: 10px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid hsl(var(--black)/0.4);
    border-radius: 50%
}

.dashboard .sidebar-submenu-list__link:hover {
    background-color: hsl(var(--base)/0.04)
}

.dashboard .sidebar-submenu-list__link .icon {
    margin-right: 8px;
    text-align: center;
    border-radius: 4px
}

.user-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid hsl(var(--base-two)/0.15);
    width: 100%;
    padding: 20px 24px;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 299px;
    background-color: var(--white);
    align-self: flex-end
}

.user-profile-info {
    display: flex;
    flex-wrap: wrap
}

.user-profile-info__icon {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f3f9fe;
    border: 1px solid hsl(var(--black)/0.1)
}

.user-profile-info__content {
    width: calc(100% - 50px);
    padding-left: 15px
}

.user-profile-info__name {
    margin-bottom: 0px
}

.user-profile-info__desc {
    color: var(--body-color);
    font-size: 15px
}

.dashboard {
    position: relative
}

.dashboard__right {
    width: 100%;
    margin-left: 300px;
    background-color: #f5f6fa
}

@media screen and (max-width: 991px) {
    .dashboard__right {
        width: 100%;
        margin-left: 0
    }
}

.dashboard .dropdown {
    display: inline-block !important
}

.dashboard .dashboard-header {
    padding: 0 56px;
    background-color: var(--white);
    border-bottom: 1px solid hsl(var(--base-two)/0.15)
}

@media screen and (max-width: 1499px) {
    .dashboard .dashboard-header {
        padding: 0 40px
    }
}

@media screen and (max-width: 1399px) {
    .dashboard .dashboard-header {
        padding: 0 32px
    }
}

@media screen and (max-width: 1199px) {
    .dashboard .dashboard-header {
        padding: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .dashboard .dashboard-header {
        padding: 0 16px
    }
}

.dashboard .dashboard-header__inner {
    padding: 15px 0;
    gap: 10px
}

@media screen and (max-width: 575px) {
    .dashboard .dashboard-header__inner {
        display: block
    }
}

.dashboard .dashboard-header__right {
    gap: 15px
}

.dashboard .dashboard-header .bd-btn {
    padding: 10px 25px;
    background-color: hsl(var(--base)/0.1);
    color: hsl(var(--base));
    border-radius: 5px;
    font-weight: 600
}

.dashboard .dashboard-header .bd-btn:hover {
    background-color: hsl(var(--base)/0.2)
}

.dashboard .dashboard-header .bd-btn:active {
    position: relative;
    top: 2px
}

.dashboard .dashboard-header .bd-btn .icon {
    margin-right: 5px
}

.dashboard .dashboard-header .bd-btn.support {
    background-color: hsl(var(--primary)/0.1);
    color: hsl(var(--primary))
}

.dashboard .dashboard-header .bd-btn.support:hover {
    background-color: hsl(var(--primary)/0.2)
}

.dashboard .dashboard-header .bd-btn.logout {
    background-color: hsl(var(--danger)/0.1);
    color: hsl(var(--danger))
}

.dashboard .dashboard-header .bd-btn.logout:hover {
    background-color: hsl(var(--danger)/0.2)
}

.dashboard .dashboard-body {
    position: relative;
    padding: 56px;
    min-height: 100vh
}

@media screen and (max-width: 1499px) {
    .dashboard .dashboard-body {
        padding: 56px 40px
    }
}

@media screen and (max-width: 1399px) {
    .dashboard .dashboard-body {
        padding: 56px 32px
    }
}

@media screen and (max-width: 1199px) {
    .dashboard .dashboard-body {
        padding: 40px 24px
    }
}

@media screen and (max-width: 767px) {
    .dashboard .dashboard-body {
        padding: 32px 16px
    }
}

.dashboard .dashboard-body__bar-icon {
    color: var(--body-color);
    font-size: 1.5625rem;
    margin-bottom: 10px;
    cursor: pointer
}

.dashboard .dashboard-widget {
    padding: 24px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0px 0px 20px rgba(231, 231, 231, .4);
    transition: .25s ease-in-out
}

.dashboard .dashboard-widget:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0px 0px 20px rgba(231, 231, 231, .6)
}

@media screen and (max-width: 1399px) {
    .dashboard .dashboard-widget {
        padding: 16px
    }
}

@media screen and (max-width: 767px) {
    .dashboard .dashboard-widget {
        padding: 16px
    }
}

.dashboard .dashboard-widget__icon {
    width: 50px;
    height: 50px;
    background-color: hsl(var(--base)/0.08);
    color: hsl(var(--base));
    border-radius: 5px;
    font-size: 1.5rem
}

.dashboard .dashboard-widget__icon img {
    width: 32px
}

@media screen and (max-width: 575px) {
    .dashboard .dashboard-widget__icon {
        width: 40px;
        height: 40px;
        font-size: 1rem
    }
}

.dashboard .dashboard-widget__content {
    width: calc(100% - 50px);
    padding-left: 16px
}

@media screen and (max-width: 575px) {
    .dashboard .dashboard-widget__content {
        width: calc(100% - 40px);
        padding-left: 10px
    }
}

.dashboard .dashboard-widget__number {
    margin-bottom: 0px
}

.dashboard .dashboard-widget__text {
    color: hsl(var(--body-color)/0.7);
    margin-bottom: 5px;
    font-weight: 600
}

@media screen and (max-width: 575px) {
    .dashboard .dashboard-widget__text {
        font-size: .8125rem
    }
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+1) .dashboard-widget__icon {
    background-color: hsl(var(--base)/0.1);
    color: hsl(var(--base))
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+2) .dashboard-widget__icon {
    background-color: hsl(var(--violet)/0.1)
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+3) .dashboard-widget__icon {
    background-color: hsl(var(--info)/0.1);
    color: hsl(var(--info))
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+4) .dashboard-widget__icon {
    background-color: hsl(var(--warning)/0.1);
    color: hsl(var(--warning))
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+5) .dashboard-widget__icon {
    background-color: hsl(var(--success)/0.1);
    color: hsl(var(--success))
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+6) .dashboard-widget__icon {
    background-color: hsl(var(--primary)/0.1);
    color: hsl(var(--primary))
}

.dashboard .dashboard-widget-wrapper div[class*=col]:nth-of-type(7n+7) .dashboard-widget__icon {
    background-color: hsl(var(--danger)/0.1);
    color: hsl(var(--danger))
}

.custom--range__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px
}

.custom--range__content label {
    width: 40%
}

.custom--range__content input {
    width: 60%;
    text-align: right
}

.custom--range input {
    border: 0;
    color: var(--body-color);
    font-weight: 500
}

.custom--range #slider-range {
    height: 5px;
    border: 0;
    background: hsl(var(--base)/0.2)
}

.custom--range #slider-range .ui-widget-header {
    background-color: var(--base)
}

.custom--range #slider-range span:focus {
    background-color: var(--base)
}

.custom--range #slider-range .ui-slider-handle {
    width: 15px !important;
    height: 15px !important;
    background-color: var(--base) !important;
    border: 2px solid hsl(var(--white)) !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.slick-initialized.slick-slider .slick-track {
    display: flex;
    padding: 10px 0 ;
}

.slick-initialized.slick-slider .slick-slide {
    height: auto
}

.slick-initialized.slick-slider .slick-slide>div {
    height: 100%
}

/* .testimonial-slider .slick-prev ,
.testimonial-slider .slick-next {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
} */

@media (min-width: 992px) {
    .testimonial-slider .slick-prev ,
    .testimonial-slider .slick-next {
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }
}

.testimonial-slider:hover .slick-prev ,
.testimonial-slider:hover .slick-next {
    visibility: visible;
    opacity: 1;
}

.slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: var(--white);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .2s linear;
    background-color: var(--base);
    color: var(--white);
    font-size: 20px
}

@media screen and (max-width: 991px) {
    .slick-arrow {
        width: 50px;
        height: 50px;
        font-size: 16px
    }
}

@media screen and (max-width: 575px) {
    .slick-arrow {
        width: 45px;
        height: 45px
    }
}

.slick-arrow:hover {
    border-color: var(--base);
    background-color: hsl(var(--base-two))
}

.slick-next {
    right: -20px
}

@media screen and (max-width: 991px) {
    .slick-next {
        right: -10px
    }
}

@media screen and (max-width: 575px) {
    .slick-next {
        right: 10px
    }
}

.slick-prev {
    left: -20px
}

@media screen and (max-width: 991px) {
    .slick-prev {
        left: -10px
    }
}

@media screen and (max-width: 575px) {
    .slick-prev {
        left: 10px
    }
}

.slick-arrow {
    position: absolute;
    z-index: 1;
    border: none;
    width: 32px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: .4s;
    background-color: rgba(0, 0, 0, .5);
    color: var(--white)
}

.slick-arrow:hover {
    background-color: var(--black);
    color: var(--white)
}

.slick-next {
    right: 10px
}

.slick-prev {
    right: 52px;
    left: 10px !important
}

.slick-dots {
    text-align: center;
    padding-top: 40px
}

.slick-dots li {
    display: inline-block
}

.slick-dots li button {
    border: none;
    background-color: rgba(35, 46, 53, .4);
    color: var(--white);
    margin: 0 3px;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    border-radius: 50%;
    text-indent: -9999px;
    transition: .3s linear
}

.slick-dots li.slick-active button {
    background-color: var(--base);
    width: 25px;
    border-radius: 5px
}



.feature-category-wrapper .slick-track {
    align-items: flex-end
}

.feature-category-item {
    padding:50px 10px;
    border: 1px solid #ddd;
    text-align: center;
    width: 100%;
}

.feature-category-item__image {
    width: 100%;
    max-width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.category-feature-category-item {
    display: block;
}
.category-feature-category-item__image {
    width: 100%;
    max-width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
}

.feature-category-item__image img,
.category-feature-category-item__image img  {
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

#btnPrint {
    margin-bottom: 0;
    color: var(--base);
    cursor: pointer;
}

#selectOptionButton {
    margin-bottom: 0;
    color: var(--base);
    cursor: pointer;
}

/*.feature-category-item__image::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 80px;*/
/*    background: linear-gradient(to left, rgba(12, 165, 157, 0.15), rgba(32, 58, 64, 0.25));*/
/*    z-index: -1;*/
/*    border-radius: 12px*/
/*}*/

.feature-category-item__title {
    font-size: 1rem;
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin-bottom: 0;
    color: var(--dark);
    font-family: var(--body-font);
    font-weight: 500;
    text-transform: capitalize;
}

.category-feature-category-item__title {
    font-size: 1rem;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    color: var(--dark);
    font-family: var(--heading-font);
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.browse-home-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}

@media screen and (max-width: 991px) {
    .browse-home-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 575px) {
    .browse-home-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
}

.browse-home-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.browse-home-item:hover .browse-home-item__thumbs img {
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
}

.browse-home-item__thumbs {
    max-height: 250px !important;
    width: 100%;
}

.browse-home-item__thumbs img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    transition: all 0.5s ease-in;    
}

@media (min-width: 768px) {
    .browse-home-item__thumbs {
        max-height: 330px !important;
        width: 100%;
    }
}

.browse-home-item__title {
    position: absolute;
    padding: 10px 20px;
    bottom: 0;
    font-size: 20px;
    left: 0px;
    margin: 0;
    height: auto;
    width: 100%;
    text-align: center;
    background-color: #5b845a;
    transition
}

.browse-home-item__title a {
    font-family: var(--heading-font);
    color: var(--white);
    text-transform: uppercase;
    display: block;
    transition: all .3s linear;
    font-weight: 600 !important;
}

.browse-home-item__title a:hover {
    color: #fff;
    text-decoration: underline
}

/* title */
.home-title {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.home-title:before,
.home-title:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    height: 1px;
    background: var(--dark);
}

.home-title:before {
    left: 0;
}
.home-title:after {
    right: 0;
}

.home-title h1 {
    font-family: var(--heading-font);
    color: var(--dark);
    margin-top: 10px;
    text-align: center;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .05rem;
    padding: 10px;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

/*Browse by Room*/
.browseby-title {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.browseby-title:before,
.browseby-title:after {
    content: '';
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    width: 45%;
    height: 1px;
    background: var(--dark);
}

.browseby-title:before {
    left: 0;
}
.browseby-title:after {
    right: 0;
}

.browseby-title h1 {
    font-family: var(--heading-font);
    color: var(--dark);
    margin: auto;
    text-align: center;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .05rem;
    padding: 10px;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    z-index: 2;
    position: relative;
}
/*Browse by Room*/

.promotion-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-image: url(../images/promotion/homeban-office.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1
}

.promotion-item::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(to left, rgba(12, 165, 157, 0.3), rgba(0, 0, 0, 0.7));
    height: 100%;
    width: 100%;
    z-index: -1
}

.promotion-item__content {
    padding: clamp(1.25rem, -1.793rem + 6.339vw, 3.75rem)
}

.promotion-item__title {
    max-width: 360px;
    width: 100%;
    color: var(--white)
}

.promotion-item__desc {
    max-width: 400px;
    width: 100%;
    color: var(--white)
}

.promotion-item__link {
    padding: 9px 25px;
    margin-top: clamp(0.9375rem, -0.964rem + 3.962vw, 2.5rem);
    background: var(--base);
    color: var(--white);
    border-radius: 6px;
    transition: all linear .3s
}

.promotion-item__link:hover {
    background: var(--base-two);
    color: var(--white)
}

.feature-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px
}

@media screen and (max-width: 767px) {
    .feature-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
}

.feature-item {
    grid-row: span 1;
    grid-column: span 1;
    padding: 20px;
    background-color: rgba(35, 46, 53, .04);
    border-radius: 12px;
    overflow: hidden
}

.feature-item:first-child {
    grid-row: span 2;
    grid-column: span 1
}

@media screen and (max-width: 767px) {
    .feature-item:first-child {
        grid-row: span 1;
        grid-column: span 1
    }
}

.feature-item__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.feature-item__thumb {
    flex: 1
}

.feature-item__thumb img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.feature-item__content {
    flex-shrink: 0
}

.feature-item__title {
    font-weight: 700
}

.feature-item__link {
    border-bottom: 3px solid var(--base)
}

.about-content {
    font-family: var(--heading-font) !important;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
}

.about-content * ,
.catdesc,
.catdesc *{
    font-family: var(--heading-font) !important;
    color: #3a414e;
    font-weight: 500;
    font-size: 1rem;
}



.about-thumb {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    overflow: hidden
}

.about-thumb__play {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    top: 0px;
    left: 0px;
    display: grid;
    place-content: center
}

.about-thumb__play a {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    animation: playBtn 2s linear infinite;
    display: grid;
    place-content: center;
    font-size: 20px;
    background-color: var(--base);
    color: var(--white)
}

@keyframes playBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(117, 178, 179, .5)
    }

    70% {
        box-shadow: 0 0 0 20px rgba(0, 91, 234, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 91, 234, 0)
    }
}

.about-thumb__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about .section-heading {
    margin-bottom: 30px
}

.about .section-heading__title {
    max-width: 500px
}

.header-category {
    padding: 12px 0px;
    background-color: var(--base);
    overflow-x: auto
}

.header-category__list {
    min-width: 1040px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.header-category__list li a {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    display: block
}

.product {}

.product .product-page-title {
    font-family: var(--body-font);
    font-size: 1.5rem;
    color: var(--heading-color);
    font-weight: 500;
    line-height: 1.5;
}

.xzoom-container {
    width: 100%
}

.product-img-show {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#xzoom-default {
    width: 88% !important;
    margin: 0 auto;
    height: auto;
    max-height: 100%;
}

.xzoom {
    border: 1px solid var(--base)
}

.productpreview_wrapper {
    display: flex;
    gap: 8px;
    margin-top: 12px
}

.productpreview_wrapper a {
    width: 150px;
}

.xactive {
    border: 1px solid var(--base)
}

.category-page-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px
}

@media screen and (max-width: 767px) {
    .category-page-wrapper {
        flex-wrap: wrap
    }
}

.category-sidebar {
    width: 240px;
    border-right: 1px solid var(--base);
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .category-sidebar {
        width: 100%
    }
}

.category-block {
    margin-bottom: 24px
}

.category-body {
    flex: 1
}

.shop-card__content .btn {
    font-size: 13px
}

.shop-card {
    position: relative;
    border-bottom: 2px solid #e9ecef; 
    background: #fff;
    border-radius: 6px;
    transition: all 0.5s ease;
}

.shop-card:hover {
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.05);
}

.shop-card .product-body-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.shop-card__image {
    /*background-color: rgba(12, 165, 157, .15);*/
    position: relative;
    
    border-radius: 12px;
    height: auto;
    width: 100%;
    margin: auto;
    text-align:center;
    border:1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

.shop-card__image a {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
}

.shop-card__image img{
    max-width: 100%; /* Prevents image from exceeding container width */
    max-height: 100%; /* Prevents image from exceeding container height */
    object-fit: contain; /* Maintains aspect ratio without stretching */
    border-radius: inherit; /* Optional: Matches container's border-radius */
}
.shop-card__image:hover {
    /* border:1px solid #dfd9d9db; */
}
.shop-card__content {
    font-size: 0.82rem;
    text-align: center;
}

.shop-card__category {
    font-family: var(--body-font);
    font-size: 13px;
    color: #555555;
    margin-bottom: 5px
}

.shop-card__title {
    font-family: var(--body-font);
    color: #555555;
    font-weight: bold;
    width: 100%;
    margin-bottom: 3px;
    display: block;
    transition: all 0.5s ease;
}
.shop-card__title:hover {
    color: var(--base);
    text-decoration: underline;
    transition: all 0.5s ease;
}

.shop-card__wish {
    position: relative;
    top: 0;
    left: 10px;
    color: #c1cdcb;
    cursor: pointer;
    font-size: 20px;
    opacity: 0;
    visibility: invisible;
    transition: all 0.5s ease;
}

.shop-card:hover .shop-card__wish,
.shop-card:hover .shop-card__compare {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.shop-card__compare {
    position: relative;
    top: 0;
    left: 10px;
    color: #c1cdcb;
    cursor: pointer;
    font-size: 20px;
    opacity: 0;
    visibility: invisible;
    transition: all 0.5s ease;
}

.shop-card__compare label {
    cursor: pointer;
}

.shop-card__compare small {
    color: #000
}

.shop-card__wish:hover {
    color: #e94b5a;
}

.shop-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    justify-content: space-between
}

.close_collapse {
    display: none
}

.filter_sidebar {
    width: 240px;
    background: var(--global-color);
    border-radius: 12px;
    position: sticky;
    top: 80px;
    padding: 20px;
    padding-right: 6px
}

.shop-body {
    width: calc(100% - 300px)
}

@media screen and (max-width: 991px) {
    .shop-body {
        width: 100%
    }
}

.filter_sidebar_content {
    height: calc(80vh - 60px);
    overflow: auto;
    padding-right: 10px
}

.filter_sidebar_content::-webkit-scrollbar {
    width: 10px
}

.filter_sidebar_content::-webkit-scrollbar-track {
    background-color: var(--border-color);
    border-radius: 5px
}

.filter_sidebar_content::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px
}

.filter_sidebar_block,
.filter_sidebar_listBlock {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color)
}

.filter_sidebar_title {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--primary-color)
}

.filter_sidebar_list li:not(:last-child) {
    margin-bottom: 7px
}

.filter_sidebar_list li a {
    color: var(--color);
    display: block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500
}

.price_search_range {
    display: flex;
    align-items: center;
    gap: 6px 12px;
    flex-wrap: wrap
}

.price_search_item {
    width: calc(50% - 6px)
}

.price_search_item input {
    height: 30px;
    border-radius: 6px;
    font-size: 12px
}

.price_search_item label {
    font-size: 14px;
    color: var(--color);
    display: block
}

.price_range_submit button {
    border: none;
    font-size: 14px;
    color: var(--global-color);
    line-height: 14px;
    padding: 5px 12px;
    background: var(--main-color);
    border-radius: 4px
}

.filter_sidebar_rating li:not(:last-child) {
    margin-bottom: 6px
}

.filter_sidebar_rating li a {
    display: flex;
    align-items: center;
    gap: 6px
}

.filter_sidebar_rating li span {
    font-size: 16px;
    color: var(--color);
    display: block;
    font-weight: 600
}

.filter_sidebar_rating li span i {
    display: block;
    font-size: 12px;
    margin-top: -3px;
    font-weight: 600;
    color: #ffa20f
}

.start_wrapper_rating {
    display: flex;
    align-items: center;
    gap: 3px
}

.filter_header {
    padding: 15px 20px;
    border-radius: 12px;
    background: var(--global-color);
    margin-bottom: 24px
}

.filter_header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap
}

.filter_product_count {
    font-size: 14px;
    font-weight: 500;
    color: var(--color);
    line-height: 20px
}

.filter_product_count span {
    color: var(--main-color)
}

.prduct_show_type {
    display: flex;
    align-items: center;
    gap: 12px
}

.prduct_show_type span {
    font-size: 14px;
    color: var(--text-color);
    white-space: nowrap
}

.prduct_show_type select:focus {
    box-shadow: none
}

.prduct_show_type select {
    font-size: 14px;
    color: var(--color)
}

.filter_product_main {
    padding: 20px;
    background: var(--global-color);
    border-radius: 12px
}

.filter_product_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

.filter_product {
    width: 100%;
    position: relative;
    min-height: 367px
}

.filte_product_thumb img {
    border-radius: 12px 12px 0px 0px;
    transition: var(--transition)
}

.filter_product_item {
    border-radius: 6px;
    transition: var(--transition);
    position: relative;
    transform: scale(1);
    transition: var(--transition)
}

.filter_product_item:hover {
    transform: scale(1.05);
    z-index: 9
}

.filter_product_item::before,
.filter_product_item::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    transition: color .3s;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px
}

.filter_product_item::before {
    right: 0;
    bottom: 0;
    left: auto
}

.filter_product_item::after {
    bottom: 0;
    right: 0;
    top: auto
}

.filter_product_item:hover::before {
    border-bottom-color: var(--main-color);
    border-left-color: var(--main-color);
    transition: width .3s ease-out, height .3s ease-out .3s
}

.filter_product_item:hover::after {
    border-top-color: var(--main-color);
    border-right-color: var(--main-color);
    transition: height .3s ease-out, width .3s ease-out .3s
}

.filter_product_item:hover::before,
.filter_product_item:hover::after {
    width: 100%;
    height: 100%
}

.input_control {
    height: 100%;
    width: 100%
}

.product-modal .form--control {
    padding: 6px 16px
}

.product-modal .form-group {
    margin-bottom: 12px
}

.checkbox--tqPns {
    display: block
}

.cls__filter_side {
    width: 280px;
    border-right: 5px solid #f1f1f1;
    height: 100vh;
    padding: 20px;
    padding-bottom: 100px !important;
}

@media screen and (max-width: 991px) {
    .cls__filter_side {
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: var(--white);
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
        transform: translateX(-100%);
        transition: all linear .3s
    }
}

@media (min-width: 992px) {
    .cls__filter_side {
        padding: 20px;
    }
}   

.cls__filter_side.active {
    transform: translateX(0)
}

.filter_list_item a {
    color: var(--dark);
    font-size: 13px;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .025rem;
    cursor: pointer;
    grid-area: label;
    justify-self: start;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.filter_list_item a:hover {
    text-decoration: underline
}

.filter_search_width span {
    font-size: 14px
}

.filter_search_width .form--control {
    width: 60px;
    height: 24px;
    padding: 0 5px !important;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid rgba(35, 46, 53, .1)
}

span.collapse_icons {
    height: 40px;
    width: 40px;
    background: #f0f8ff;
    border-radius: 6px;
    place-content: center;
    cursor: pointer;
    display: none
}

@media screen and (max-width: 991px) {
    span.collapse_icons {
        display: grid
    }
}

.related_product_slider .slick-slide {
    margin: 0 10px
}

.user_dashboard_wrapper {
    display: flex;
    position: relative;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap
    
}

.user_dashboard_nav {
    width: 300px;
    border-left: 1px solid var(--base-two);
    background: rgba(4, 24, 38, .03);
    position: sticky;
    top: 10px;
    padding: 15px 0;
    border-radius: 12px
}

.close_collapse {
    display: none
}

@media(max-width: 991px) {
    .user_dashboard_nav {
        width: 100%;
        position: static
    }

    .filter_sidebar {
        width: 100%
    }

    .filter_body {
        width: 100% !important
    }

    .user_dashboard_content {
        width: 100% !important
    }
}

.user_dashboard_item {
    transition: var(--transition)
}

.user_dash_subnav_main {
    position: relative;
    display: none
}

.user_dash_subnav {
    padding: 6px 20px;
    background: #e8c3c6
}

.user_dash_subnav li a {
    padding: 5px 20px;
    display: block;
    color: var(--color);
    font-size: 14px;
    font-weight: bold
}

.user_dashboard_link {
    padding: 8px 20px;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    gap: 12px;
    color: var(--primary-color);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.nav_icon {
    position: relative
}

.nav_icon::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "";
    font-size: 14px
}

.user_dashboard_link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    height: 0px;
    width: 5px;
    background: var(--main-color);
    transition: var(--transition)
}

.user_dashboard_link.active {
    background: var(--border-color)
}

.active.user_dashboard_link::after {
    height: 100%;
    top: 0px
}

.user_dashboard_link:hover::after {
    height: 100%;
    top: 0px
}

.user_dashboard_link i {
    color: var(--color);
    transition: var(--transition)
}

.user_profile {
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #f6ebeb
}

.user_profile_image {
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0px auto 10px
}

.user_profile_name {
    font-size: 18px;
    font-weight: 600;
    color: var(--color);
    line-height: 24px
}

.user_dashboard_content {
    width: calc(100% - 324px);
    padding-left: 10px
}

.user_dashboard_header {
    background: rgba(4, 24, 38, .03);
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.collapse_btn {
    height: 30px;
    width: 30px;
    display: grid;
    place-content: center;
    background: var(--border-color);
    border-radius: 6px
}

.user_dashboard_title {
    font-size: 24px;
    color: var(--primary-color);
    font-weight: 500;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 0;
}

.user_dashboard_body {
    margin-top: 20px
}

.dashboard_info_wrapper {
    background: var(--global-color);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    /* padding: 12px; */
    border-radius: 12px
}

.dashboard_info_item {
    width: calc(25% - 10px);
    padding: 15px 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    position: relative;
}

.dashboard_info_item .item__image {
    margin: auto;
    width: auto;
    max-width: 100%;
    height: 150px;

}
.dashboard_info_item .item__image img{
    margin: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 150px;

}

@media screen and (max-width: 767px) {
    .dashboard_info_item {
        width: calc(33.3333333333% - 8px)
    }
}

@media screen and (max-width: 575px) {
    .dashboard_info_item {
        width: calc(50% - 6px)
    }
    .header-search__wrapper {
        width: 300px !important;
    }
}

.dashboar_info_title {
    font-size: 18px;
    color: var(--base);
    text-align: center
}

.dashboar_info_icon {
    height: 60px;
    width: 60px;
    background: rgba(0, 0, 0, .03);
    margin: 0 auto 15px;
    border-radius: 6px;
    display: grid;
    place-content: center
}

.dashboar_info_icon span i {
    display: flex;
    font-size: 22px;
    color: var(--color)
}

.dashboar_info_count {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    color: var(--color);
    line-height: 20px;
    margin-top: 6px
}

.dahsboard_sidemap {
    padding: 20px 0
}

.dashbard_sidemap_wrapper,
.walet_top_wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 12px
}

.dashbard_sidemap_item {
    width: calc(50% - 6px);
    padding: 40px 20px;
    background: var(--white);
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 575px) {
    .dashbard_sidemap_item {
        width: calc(50% - 6px)
    }
}

.sidemap_icon {
    margin-bottom: 12px
}

.sidemap_icon i {
    font-size: 34px;
    font-weight: 700;
    display: inline-flex;
    color: var(--main-color)
}

.sidemap_title {
    color: var(--color);
    font-size: 18px;
    line-height: 18px
}

.testimonials {
    position: relative;
    overflow: hidden
}

.testimonails-card {
    padding: 0 10px;
    height: 100%
}

.testimonial-item {
    margin-right: 10px;
    margin-left: 10px;
    background-color: #f8fafc;
    border: 1px solid hsl(var(--black)/0.08);
    padding: 20px;
    border-radius: 5px;
    position: relative;
    height: 100%;
    box-shadow:0 0 6px 2px rgb(0 0 0 / 8%) !important;
}

@media screen and (max-width: 424px) {
    .testimonial-item {
        padding: 25px 15px
    }
}

.testimonial-item__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.testimonial-item__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.testimonial-item__thumb {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width: 424px) {
    .testimonial-item__thumb {
        width: 45px;
        height: 45px
    }
}
@media screen and (max-width: 320px) {
    .header-search__wrapper {
        width: 00px;
    }
}
.testimonial-item__details {
    width: calc(100% - 60px);
    padding-left: 20px
}

@media screen and (max-width: 424px) {
    .testimonial-item__details {
        width: calc(100% - 45px);
        padding-left: 10px
    }
}
/*@media screen and (max-width: 320px) {*/
/*    .header-search__wrapper {*/
/*        width: 300px !important;*/
/*    }*/
/*}*/
.testimonial-item__name {
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 5px;
}

.testimonial-item__designation {
    color: var(--base)
}

.testimonial-item__desc {
    color: #3a414e;
    font-weight: 500;
    font-size: 1.1rem;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    line-height: 1.5rem; /* Adjust based on your font size */
    height: calc(1.5rem * 7); /* Adjust based on line height and line clamp value */
    position: relative;
    text-overflow: ellipsis;
    background: #f8fafc;
}

.testimonial-item__desc-container {
    position: relative;
}

.more-button {
    background: #FFF;
    cursor: pointer;
    display: inline; /* Ensure More button is inline */
    position: absolute; /* Position it at the end */
    bottom: 0; /* Align at the bottom */
    right: 0; /* Align to the right */
    padding-left: 5px; /* Some space between the text and button */
    margin-left: -30px; /* Adjust this value based on your design */
    white-space: nowrap; /* Ensure text does not wrap */
}

.read-more {
    padding: 5px;
    cursor: pointer;
    display: inline;
}



@media screen and (max-width: 424px) {
    .testimonial-item__desc {
        margin-top: 10px;
        padding-top: 10px
    }
}

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







.footer__section {
    display: flex;
    justify-content: space-between;
}

.footer__title {
    color: #ffffff !important;
    margin-bottom: 10px;
}

.footer__menu ul li a, 
.contact-link {
    font-family: var(--heading-font);
    color: #ffffff;
    font-weight: 400;
    transition: all .5s ease-in-out;
    font-size: 16px;
}

.footer__menu ul li a:hover ,
.contact-link:hover {
    color: #c8ad80;
    text-decoration: underline;
    transition: all .1s ease-in-out;
}

.footer-column p {
    color: #ffffff;
}



.showBrand {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0077c8;
    text-decoration: none;
}

.showBrand::after {
    content: 'More Categories';
}

.showBrand.lessBrand::after {
    content: 'Less Categories';
}

.showBrand {
    padding: 8px 10px;
    color: #000;
    border-top: 1px solid #ddd;
    transition: all .5s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.showBrand:hover {
    background: #F7F7F7;
}

.showBrand i {
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 10px;
}

.show__brand {
    cursor: pointer;
    color: #fff;
}

.footer__social ul li a {
    background: #c8ad80;
    display: block;
    padding: 5px 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.footer__social ul li a i {
    color: #fff;
    transition: all .5s ease-in-out;
    line-height: 2;
}

.footer__social ul li a:hover i {
    transform: scale(1.1);
}

.footer__social ul li {
    margin: 0 5px;
    margin-left: 0px;
}

.footer__social {
    margin-top: 20px;
}

.more.text-white {
    cursor: pointer;
}

.bottom-footer {
    border-top: 1px solid #aaa
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .footer__section {
        display: flex;
        flex-wrap: wrap;
    }

    .single__footer {
        width: 50%;
    }

    .footer__social ul {
        justify-content: start !important;
        margin-bottom: 20px;
    }
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .footer__section {
        display: block;
        text-align: center;
         
    }
    .header-search__wrapper {
        width: 500px;
    }
    .single__footer {
        margin-top: 20px;
        text-align: center
    }

    .bottom-footer p {
        text-align: center;
    }

    .footer__social ul {
        justify-content: center;
    }

    .top-header-wrapper .top-contact {
        text-align: center;
    }

    .header-top__right {
        width: 100%;
    }

    .top_nav ul {
        justify-content: center;
    }

    a.navbar-brand.logo {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .bottom-footer p {
        text-align: center;
    }

    .footer__section {
        display: flex;
        flex-wrap: wrap;
    }

    .single__footer {
        width: 50%;
    }

    .footer__social ul {
        justify-content: center;
    }

    .top-header-wrapper .top-contact {
        text-align: center;
    }
}

/* blog */

.blog__content p {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blog__content h5 {
    margin-bottom: 8px;
}

.blog__content h5 a {
    font-size: 20px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog__content h5 p {
    font-size: 15px;
    margin-top: 10px;
}

.single__blog {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    padding-bottom: 15px;
}

.single__blog:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog_sidebar ul li a {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    position: relative;
    color: #000;
    margin-bottom: 15px;
    transition: all .5s ease-in-out;
    padding-left: 20px;
}

.blog_sidebar ul li a:hover {
    color: #85B060;
}

.blog_sidebar ul li a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
}

.breadcrumb__section {
    display: flex;
    gap: 10px;
    background: #c8ad80;
    padding: 10px;
    border-radius: 5px;
}

.breadcrumb__section li {
    text-transform: capitalize;
}

/* error page */


.error_page h1,
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.error_page {
    text-align: center;
    padding-bottom: 100px;
}

.error_page .error {
    font-size: 150px;
    color: #c8ad80;
    text-shadow:
        1px 1px 1px #00593E,
        2px 2px 1px #00593E,
        3px 3px 1px #00593E,
        4px 4px 1px #00593E,
        5px 5px 1px #00593E,
        6px 6px 1px #00593E,
        7px 7px 1px #00593E,
        8px 8px 1px #00593E,
        25px 25px 8px rgba(0, 0, 0, 0.2);
}

.error_page .page {
    margin: 2rem 0;
    font-size: 20px;
    font-weight: 600;
    color: #444;
}

.error_page .back-home {
    display: inline-block;
    border: 2px solid #c8ad80;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.75rem 1rem 0.6rem;
    transition: all 0.2s linear;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.error_page .back-home:hover {
    background: #c8ad80;
    color: #ddd;
}

.contact__check input#remember {
    border: 1px solid #000;
}

.no_found {
    text-align: center;
}

.no_found img {
    margin-top: 50px;
    width: 200px;
}

.contact__address_top {
    text-align: center;
    padding: 30px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.08);
    border-radius: 5px;
    margin-bottom: 20px;
}

.contact__address_top:last-child {
    margin-bottom: 0px;
}

/* .contact__address_top > div {
    text-align: left;
    width: auto;
    display: inline-block;
} */

.contact__address_top h4 {
    font-family: var(--body-font);
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--base);
}

.contact__address_top p {
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 10px;
}

.contact__address_top p:last-child {
    margin-bottom: 0px;
}

.contact__address_top a {
    color: var(--black);
    transition: all 0.5s ease;
}

.contact__address_top a:hover {
    color: var(--base);
    text-decoration: underline;
}

.contact__address_top p i {
    font-size: 1rem !important;
    color: var(--bs-gray-600);
    margin-top: 2px;
    margin-right: 6px;
    vertical-align: top;
}

.contact__form {

}

.contact__form .contact_form__title {
    font-size: 1.15rem;
    font-weight: 600;
    font-family: var(--body-font);
    color: var(--base);
}

.xzoom-preview {
    z-index: 999;
}
.feature-category-item.home__feature {
    border: none;
}

.home__feature i {
    position: absolute;
    z-index: 99;
    color: #000;
    right: 10px;
    top: 10px;
    transition: all .5s ease-in-out;
}

.home__feature i:hover {
    color: red;
}

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
        margin: 0;
        padding: 0;
    }

    #printSection,
    #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }

    #printThis {
        width: 100%;
        page-break-inside: avoid;
    }
}

#printThis {
    overflow: hidden;
}

.product__tabs ul li {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
}
.product__tabs ul li:last-child{
    padding-bottom: 0;
}
.product__tabs ul li strong {
    width: 200px;
}

.product__tabs {
    font-family: var(--body-font);
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px;
    padding: 10px 0px;
    /*border: 1px solid #ddd;*/
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.product__tabs strong{
    color: #051321; 
    line-height: 1;
    margin-top: 6px;
    display: inline-block;
    
}

.product__tabs strong:last-child {
    margin-bottom: 0px;
}


.producttab{
    font-weight:500 !important; 
    font-size: 1rem !important; 
    line-height: 1 !important;
    color: var(--heading-color) !important;
    padding: 0.75rem !important;
    text-align: center;
    text-transform: uppercase;
    border-color: rgb(221, 221, 221) !important;
}

         
.producttab.active {
    background-color: var(--base) !important;
    transition: 0.5s;
    background-size: 200% auto;         
    box-shadow: 0 0 20px #eee;
    display: block;
    color: #fff !important;
}

.producttab.active:hover {
    background-position: right center;
    text-decoration: none;
}

.theme_search_form_tabbtn {
    overflow: hidden;
    overflow-x: auto;
}

.theme_search_form_tabbtn ul {
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    gap: 5px;
}

.theme_search_form_tabbtn ul li button {
    color: #000;
    text-transform: none;
    font-weight: 500;
}

ul.about__list {
    margin-left: 40px;
    padding: 10px 0;
}

ul.about__list li {
    position: relative;
}

ul.about__list li::after {
    position: absolute;
    content: '';
    left: -20px;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    transform: translateY(-50%);
}

.about__content p {
    text-align: justify;
    padding-bottom: 15px;
}

a.wish_list_remove {
    position: absolute;
    right: 10px;
    top: 6px;
    transition: all .5s ease-in-out;
}

a.wish_list_remove:hover {
    color: red;
}


span.compare-count.amount, .wishlist-count.amount {
    position: absolute;
    top: 0;
    background: #c8ad80;
    color: #fff;
    width: 18px;
    border-radius: 100%;
    height: 18px;
    text-align: center;
    line-height: 1.5;
    font-size: 12px;
}
.wishlist-count.amount {
    top: -15px;
    left: 6px;
}
span.compare-count.amount {
    right: -8px;
}


/* pagination */
#product-pagination span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: none !important;
}

.pagination a, 
.pagination span {
    display: inline-block;
    padding: 4px !important;
    text-decoration: none;
    color: #333;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    height: 40px !important;
    width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 99px !important;
}

.pagination .active span {
    background-color: var(--base) !important;
    color: #fff;
}


/* related product */
.releted-product__title {
    padding: 10px 0;
}
.releted-product__title h2{
    color: var(--dark);
    margin: 5px 0;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .05rem;
    text-transform: uppercase;

.related_product_slider {
    padding: 8px 0;
}

.related_product_slider.slick-slider {
    /* margin: 0 -8px 0 -8px !important; */
}

/* testimonial */

.slider-item {
    position: static;
}

.testimonials-wrap {
    padding: 40px 0;
}

.heading-section {
    text-align: center;
}

.sub-heading {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.heading-section h2 {
    font-size: 28px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
}

.testimonial-box {
    display: block;
    position: relative;
    padding: 10px 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}

.user-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -30px;
    left: 20px;
    border: 4px solid #fff;
}

.testimonial-item__rating {
    /* padding-top: 10px; */
}

.testimonial-item__rating .author-info {
    padding-left: 120px;
}



.testimonial-item__rating .author-info .author-name {
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 5px;

}



.carousel-testimonial .item {
    padding: 30px 10px;
}

.quote {
    position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px;
}

.name {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}

.position {
    color: #adadad;
    font-size: 14px;
}

.carousel-testimonial .owl-nav {
    text-align: center;
}

.carousel-testimonial .owl-nav button.owl-next,
.carousel-testimonial .owl-nav button.owl-prev {
    padding: 0 12px !important;
}

.carousel-testimonial .owl-nav button {
    outline: none;
    padding: 0;
}

.carousel-testimonial .owl-nav button.owl-next span,
.carousel-testimonial .owl-nav button.owl-prev span {
    display: block;
    font-size: 40px;
    width: 25px;
    height: 25px;
    vertical-align: 0px;
    line-height: 16px;
}

.carousel-testimonial .owl-nav button.owl-next.disabled,
.carousel-testimonial .owl-nav button.owl-prev.disabled {
    opacity: 0.5;
}

/*compare list*/
.compare-list-table-wrapper {
    width: 100%;
    overflow: auto;
}

.compare-list-table {
    min-width: 100%;
}

.compare-list-table tr td {
    border: 1px solid #f1f1f1;
    padding: 11px;
    text-align: left;
}

.compare-list-table tr td:first-child {
    min-width: 200px;
    max-width: 300px;
    font-weight: bold;
    color: #010101;
}

.compare-list-table .compare-list-product-img {
    height: auto;
    height: 220px;
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare-list-table .compare-list-product-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.compare-list-table .compare-list-table-content {
    font-size: 1rem;
    color: #010101;
    font-weight: 400;
}

.compare-list-table .compare-list-remove {
    color: var(--base);
    position: absolute;
    right: 10px;
    top: 6px;
    transition: all .5s ease-in-out;
}

.compare-list-table .compare-list-remove:hover {
    color: #ff0000;
}



    /* View Comparison Button */

    /* General Styling */
    .view-compare-page-btn {
        display: none;
        /* Initially hidden */
        position: fixed;
        bottom: 100px;
        right: 20px;
        z-index: 1000;
        background-color: #c8ad80;
        color: white;
        text-decoration: none;
        padding: 8px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        font-family: Arial, sans-serif;
        font-size: 14px;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    /* Hover Effect */
    .view-compare-page-btn:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        background: white;
        color: #222;
        border: 1px solid #c8ad80;

    }

    /* Content Styling */
    .compare-content {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* Count Styling */
    .compare-count {
        background-color: #f8fafc;
        color: #007bff;
        border-radius: 50%;
        padding: 5px 8px;
        font-weight: bold;
        font-size: 14px;
    }
